@charset "UTF-8";

/*@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); */
@import url('paperlogy.css');


#codeigniter_profiler { display:none; }

/* CSS Document */
* { margin:0; padding:0; word-break:keep-all; }
a > * { line-height:0; }
img { border:medium none; }
html { font-size:14px; line-height:14px; }
body { font-family:'Paperlogy',"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; font-weight:400;  }
a { color:#000; text-decoration:none; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
a:hover { text-decoration:none; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
a:focus { outline:none; }
a:focus, a:active { text-decoration:none; }
p, ol, ul { padding:0; margin:0; }
.clear:after { content:""; display:block; clear:both; }
label { font-weight:normal; }
input { border: 1px #ddd solid; border-radius: 0; outline: none;}

@media (max-width:1400px) {
	html { font-size:13px; }
	.container { width:100% !important; }
}

h1, h2, h3, h4, h5, h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin:0; }
li{list-style:none; }

.clearfix {clear:both; }
.clear:after { content:""; display:block; clear:both; }
.bold {font-weight:bold; }

.txt_center { text-align:center !important; }
.txt_left { text-align:left !important; }
.txt_right { text-align:rigsht !important; }

.left { float:left; }
.right { float:right; }


.btn-default { color:#666; background-color:#f9f9f9; border:1px #ddd solid !important; background-image:none; text-shadow:none; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { color:#666; background-color:#f5f5f5; border-color:#ccc; }
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active { background-color:#333; border-color:#333; color:#fff; }
.btn-default .badge { color:#333; background-color:#fff; }


.btn-primary { color:#fff; background-color:#2cafff; border-color:#2cafff; background-image:none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color:#fff; background-color:#111 !important; border-color:#111 !important; }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color:#111; border-color:#111; }
.btn-primary .badge { color:#111; background-color:#fff; }

.btn-danger { color:#fff; background-color:#ff5c57; border-color:#ff5c57; background-image:none; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { color:#fff; background-color:#e24f88 !important; border-color:#e24f88 !important; }
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color:#e24f88; border-color:#e24f88; }
.btn-danger .badge { color:#e24f88; background-color:#fff; }

.btn-turquoise { color:#fff; background-color:#00acac; border-color:#00acac; background-image:none; }
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise { color:#fff; background-color:#008a8c !important; border-color:#008a8c !important; }
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active { background-color:#00acac; border-color:#00acac; }
.btn-turquoise .badge { color:#00acac; background-color:#fff; }

.btn-royalblue { color:#fff; background-color:#003b8f; border-color:#003b8f; background-image:none; }
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue { color:#fff; background-color:#464a6f !important; border-color:#003b8f !important; }
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active { background-color:#717bb6; border-color:#717bb6; }
.btn-royalblue .badge { color:#717bb6; background-color:#fff; }

.btn-warning { color:#fff; background-color:#f49b1b; border-color:#e24f88; background-image:none; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { color:#fff; background-color:#e24f88 !important; border-color:#e24f88 !important; }
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color:#e24f88; border-color:#f49b1b; }
.btn-warning .badge { color:#f49b1b; background-color:#fff; }

.btn-info { color:#fff; background-color:#ad987e; border-color:#ad987e; background-image:none; }
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { color:#fff; background-color:#947a59 !important; border-color:#3492ac !important; }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,

.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color:#e24f88; border-color:#e24f88; }
.btn-info .badge { color:#947a59; background-color:#fff; }


.btn-success { color:#fff; background-color:#003b8f !important; border-color:#003b8f !important; background-image:none; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { color:#fff; background-color:#003b8f !important; border-color:#003b8f !important; }
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color:#111 !important; border-color:#111; }
.btn-success .badge { color:#6f1a1c; background-color:#fff; }

.btn-silver { color:#fff; background-color:#b7c2c8; border-color:#b7c2c8; background-image:none; }
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver { color:#fff; background-color:#929ba2 !important; border-color:#929ba2 !important; }
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active { background-color:#b7c2c8; border-color:#b7c2c8; }
.btn-silver .badge { color:#b7c2c8; background-color:#fff; }

.btn-black { color:#fff; background-color:#2c353c; border-color:#2c353c; background-image:none; }
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black { color:#fff; background-color:#000 !important; border-color:#000 !important; }
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active { background-color:#2c353c; border-color:#2c353c; }
.btn-black .badge { color:#2c353c; background-color:#fff; }


/* common */
.wrapper { margin:0 auto; overflow:hidden; width:100%; }
.container { width: 1400px; }
.view-all { float:right;width:75px;position:absolute;top:10px;right:0; }
.form-control { background-color:#fff; background-image:none; border:1px solid #e5e6e7; border-radius:0; color:inherit; display:inline-block; padding:6px;
                font-size:1rem; vertical-align:middle; box-shadow:none; }
.control-label { color:#333; }
.panel-heading { font-size:1rem; }
.btn-xs { font-size:1rem; padding:0 15px; line-height:2.429rem; border-radius:0; }
.btn_center { text-align:center; padding:30px 0; display: flex; justify-content: center; }

@media (max-width:425px) {
	.btn-xs { padding:0 10px; }
	.btn_center { padding: 20px 0; flex-wrap: wrap;}
	.btn_center .regi_txt { padding: 10px;}
}

.checkbox-inline, .radio-inline { font-weight:inherit; }

/* header */
header { /*position: absolute; top: 0;z-index: 9999; */  width: 100%; background:rgba(256,256,256,1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); color:#222; clear:both; width:100%; }/* navbar 헤더 배경색*/
.header-top-menu { float: right; display: flex; }
.header-top-menu li a { color: rgba(255,255,255,.5); font-size: 14px; line-height: 50px; padding-left: 40px; }
.header-top-menu li a:hover { color: #fff;}
.header-top-menu .fa, .header_line { display:none; }

@media (max-width: 768px) {
	header .header-top-menu { display: none; }
}

/* navbar */
.navbar-default .navbar-brand { background:url(../images/logo.png) no-repeat left; width:188px; height:39px; padding:0; font-size:0; display:inline-block; outline:0; margin-top:44px; }
.navbar-brand, .navbar-nav>li>a { text-shadow:none; }
.navbar-header { height:120px; } /* navbar 헤더 높이 */
.navbar { background: transparent; box-shadow: none; border:0 none; border-radius:0; margin-bottom:0; }
.navbar-default .container { position:relative;}

.navbar-default .navbar-nav {width:60%; display: flex; justify-content: flex-end; }
.navbar-default .navbar-nav>li {width:20%; }
.navbar-default .navbar-nav>li:last-of-type {width:15%; text-align: right;}

.navbar-default .navbar-nav>li>a {display: block; width:100%; color:#222; font-weight:600; font-size:22px; text-transform:uppercase; padding:0; line-height:120px; background-position:bottom center; } /* navbar 1차메뉴 높이*/

.navbar-default .navbar-nav>li>a:hover { color:#115aa8; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { color:#115aa8; box-shadow:none; background-image:none; }
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:focus { color:#115aa8; box-shadow:none; background-image:none; }

.navbar-default .navbar-nav>li:nth-child(5), .navbar-default .navbar-nav>li:nth-child(6), .allmenu .allmenu-li:nth-child(5), .allmenu .allmenu-li:nth-child(6) { width:40px !important; padding-top:41px }
.allmenu .allmenu-li .sns_blog, .allmenu .allmenu-li .sns_instagram {font-size:0 !important}

.navbar-default .navbar-nav>li>a.sns_blog {width:36px; height:36px; font-size:0; background:url(../images/icon_blog.png) no-repeat center center; background-size:cover; padding:0; margin:0; display:inline-block; position:relative; }
.navbar-default .navbar-nav>li>a.sns_instagram {width:36px; height:36px; font-size:0; background:url(../images/icon_instagram.png) no-repeat center center; background-size:cover; padding:0; margin:0; display:inline-block; position:relative; }


.navbar .dropdown-menu { padding:0; margin:0; border:none; border-top:2px solid #115aa8; background:rgba(256,256,256,1); box-shadow:none; min-width: 140px; } /* navbar 드롭다운 메뉴 배경색 */
.navbar .dropdown-menu>li a { padding:0 25px; font-size:15px; line-height:50px; color:#222; border-bottom:1px rgba(255,255,255,0.1) solid; font-weight: 500; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.navbar .dropdown-menu>li:last-child a { border-bottom:0; }



/* 핑크 원 */
.pink-indicator {
	position: absolute;
    top: -8px;
    width: 30px;
    height: 10px;
    background-color: #f0619c;
    border-radius: 8px;
    transition: left 0.2s ease, opacity 0.2s ease;
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    display: block; /* 항상 block으로 두고 JS로 opacity만 제어 */
}

@media (max-width:1024px) {	
	.navbar-default .container { padding:0; }
	.navbar-default .navbar-nav>li>a { padding:0 20px; }
}
@media (min-width:768px) {
	.navbar-nav { float: right;}
	.navbar-brand { padding-left:80px; margin-left:0 !important; }	
	.navbar-header { float:inherit; display:none; }		
}
@media (max-width:768px) {
	.navbar-default .navbar-brand { margin-top:7px; width:230px; background-size:90%; background-position:20px; }
	.navbar-header { height:inherit !important; margin:0 !important; display:block; }	
	.navbar { min-height:60px; background:rgba(256,256,256,1);  z-index: 9999; /*position: absolute;top: 0; */width: 100%; }
	.navbar-default .navbar-nav>li>a { line-height:50px; font-size:16px; }	
}
@media (max-width:425px) {
	.navbar-default .navbar-brand { width:150px; background-position:15px; }	
}


.navbar_menu { width:100%; }
.navbar_menu .container,
.navbar .dropdown { position:inherit; }
.navbar .dropdown-menu { padding:10px 0; margin:20px 0 0 5px; border:none; border-radius:0; background-color:rgba(256,256,256,1); /*box-shadow:rgba(0,0,0,0.1) 9px 5px 13px;*/ min-width:inherit; }
.navbar .dropdown-menu li a { padding:0 30px 0 25px; font-size:16px; line-height:40px; color:#fff;
                             -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background:none !important; color:#e7f416; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a { -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }

/* all Menu */
button.navbar-allmenu { display: none; }
.navbar-allmenu { float:right; width:80px; height:80px; background-color:#115aa8; border:0; transition:all 0.2s ease-in-out; }
.navbar-allmenu .icon-bar,
.navbar-default .navbar-toggle .icon-bar { background-color:#fff; display:block; width:25px; height:3px; margin:0 auto; }
.navbar-allmenu .icon-bar:not(:nth-child(1)) { margin-top:7px; }
.navbar-allmenu:focus { outline:0; }

.navbar-allmenu.allmenu_close { background-color:#115aa8; }
.navbar-allmenu.allmenu_close .icon-bar { width:30px; height:2px; border-radius:0; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;  }
.navbar-allmenu.allmenu_close .icon-bar:nth-child(1) { transform:rotate(45deg); }
.navbar-allmenu.allmenu_close .icon-bar:nth-child(2) { display:none; }
.navbar-allmenu.allmenu_close .icon-bar:nth-child(3) { transform:rotate(-45deg); margin-top:-2px; }

#navallmenu {border-top:3px solid #004ea2; background-color:rgba(256,256,256,1); box-shadow:rgba(0,0,0,0.1) 0 5px 13px; position:static; top:120px; z-index:1000; width:100%; } /* navbar 드롭다운 메뉴 배경색 */

.allmenu {width:60%; margin-left:40%; display: flex; justify-content: flex-end; padding-bottom: 20px;padding-top: 30px;}
.allmenu .allmenu-li  { width: 20%;  line-height:1.571rem; text-align:center;}
.allmenu .allmenu-li:last-of-type {width:15%; }
.allmenu>.allmenu-li:last-of-type {text-align: right;}
.allmenu .allmenu-li:last-of-type .allmenu-sub {margin-left:50%; text-align: center;}
/*
.allmenu .allmenu-li>ul { width: 72.5px;}
.allmenu .allmenu-li:nth-of-type(2) { padding-right:48px; }
.allmenu .allmenu-li:nth-of-type(4) { padding-right:45px; }
.allmenu .allmenu-li:last-of-type { display:none; }
*/


.allmenu .allmenu-li .allmenu-sub a { font-size:16px; color:#7d7d7d; font-weight:500; line-height:35px; } /* navbar 드롭다운 메뉴 2차메뉴 */
.allmenu .allmenu-li .allmenu-sub a:hover { color:#004ea2; text-decoration:underline; }
.allmenu .allmenu-li .allmenu-sub .ca-depth-1 { display:none; }
.allmenu .allmenu-li .allmenu-sub .ca-depth-2 {  }
.allmenu .allmenu-li .allmenu-sub .ca-depth-3 { display:none; padding:0 0 0 10px; }

.allmenu .allmenu-li .allmenu-sub .ca-depth-3:first-child:before { content:""; display:block; height:10px; }
.allmenu .allmenu-li .allmenu-sub .ca-depth-3:last-child:after { content:""; display:block; height:10px; }

.allmenu .allmenu-li .allmenu-sub .ca-depth-3 a { color:#999; font-size:1rem; /* word-break:break-all; */ position:relative; }
.allmenu .allmenu-li .allmenu-sub .ca-depth-3 a:hover { color:#9a8a53; }
.allmenu .allmenu-li .allmenu-sub .ca-depth-3 a:before { content:"-"; display:inline-block; position:absolute; left:-10px; top:-2px; }



.navbar li:nth-child(3) .dropdown-menu { width:270px; }

@media (max-width:768px) {
	.navbar_menu { display:none; }	
	.navbar .dropdown-menu li a { line-height:40px; font-size:14px; padding:0 15px; }
}


/* all Menu */
button.navbar-allmenu { display:none !important; }





/* navbar - m */
.navbar-default .navbar-toggle { border:0; margin:0; padding:0; width:60px; height:60px; border-radius:0;background:#004ea2 }
.navbar-default .navbar-toggle .icon-bar { width:20px; height:2px; background-color:#fff; margin:0 auto; }
.navbar-default .navbar-toggle .icon-bar:not(:nth-child(1)) { margin-top:6px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none;}
@media (max-width : 768px) {
	.navbar-default .navbar-toggle { display: block !important;}
}

/* side_menu - m */
#side_menu { display:block; position:fixed; top:0; right:0; width:100%; height:100%; overflow:hidden; z-index:99999; margin:0; background-color:rgba( 0, 0, 0, 0.5 ); display:none }
#side_menu .side_wr { width:250px; background:#fff; opacity:1; position:absolute; top:0; right:0; box-shadow:0 0 10px #000; overflow-x:hidden; height:100%; overflow-y:auto }
#side_menu .side_wr .side_inner_rel { position:relative; height:100%; display:block; overflow:auto; }
#side_menu .side_wr .side_inner_abs { position:absolute; width:100%; display:block; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none }

#side_menu .m_menu li { display:block; line-height:50px; position:relative; border-bottom:1px #e7e7e7 solid; }
#side_menu .m_menu li a.text_link { display:inline-block; width:85%; white-space:nowrap; padding-left:20px; color:#222; font-size:18px; font-weight:600}
#side_menu .m_menu li a.text_link:hover { color:#004ea2 !important; }
#side_menu .m_menu li a.subopen { color:#555; }
#side_menu .m_menu span { position:absolute; right:20px; top:15px; } 

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {  text-decoration:none; }
#side_menu .dropdown-custom-menu { background:#f9f9f9; overflow:hidden; width:100%; display:none; border-top:1px #eee solid; }
#side_menu .dropdown-custom-menu li { border-bottom:1px #eee solid !important; background:none; }
#side_menu .dropdown-custom-menu li:last-child { border-bottom:0 !important; }
#side_menu .dropdown-custom-menu li a { color:#222; font-size:16px; font-weight: 400; padding-left:35px; display:block; width:100%; line-height:35px; }
#side_menu .dropdown-custom-menu li a:hover { color:#222; background-color:#f5f5f5; }

#side_menu .dropdown-custom-menu ul { padding:10px 0; background-color:#fff; border-bottom:1px #eee solid; }
#side_menu .dropdown-custom-menu ul li { border-bottom:0 !important; }
#side_menu .dropdown-custom-menu ul li a { color:#555; line-height:1.857rem; font-size:1rem; padding-left:30px; }
#side_menu .dropdown-custom-menu ul li a:hover { color:#222; background:none; }
#side_menu .dropdown-custom-menu ul li a:before { content:"-"; display:inline-block; }

#side_menu .m_login { text-align:center; margin:10px; }
#side_menu .m_login span { padding:0 5px; }
#side_menu .m_board { background:#000; clear:both; margin:0; }
#side_menu .m_board li { display:block; line-height:2.857rem; position:relative; padding-left:35px; }
#side_menu .m_board li a:hover { color:#004ea2; }
#side_menu .m_board span { position:absolute; top:13px; left:10px; padding-right:10px; }
#side_menu .m_search { margin:0 auto; padding:20px 0 0; width:100%; text-align:center; }

#side_menu .m_menu_top { height:60px; background-color:#222; position:relative; display: flex; align-items: center; }
#side_menu .m_menu_top .m_close { cursor:pointer; font-size:0; width:20px; height:20px; border: 1px; position: relative; margin:0 20px 0 auto;}
#side_menu .m_menu_top .m_close:before,
#side_menu .m_menu_top .m_close:after { content:""; display:block; background-color:#fff; width:22px; height:2px; position:absolute; top:45%; }
#side_menu .m_menu_top .m_close:before { transform:rotate(45deg); }
#side_menu .m_menu_top .m_close:after { transform:rotate(-45deg); }

/* mobile - login area */
#side_menu .header-top-menu { margin-left: 20px;}
#side_menu .header-top-menu li a { padding: 0 20px 0 0;}


.notifications { position:relative;cursor:pointer; }
.notifications-list {color:#060606;border-bottom:1px solid #ededed;display:block;overflow:hidden;line-height:1.786rem; }
.notifications-list a:link{color:#060606; }
.notifications-list a:active,
.notifications-list a:hover {color:#004ea2; }
.notifications-menu{position:absolute; top:100%; left:0; z-index:9999; display:none; width:330px; background-color:#f5f5f6; -webkit-border-radius:0 0 3px 3px; -webkit-background-clip:padding-box; -moz-border-radius:0 0 3px 3px; -moz-background-clip:padding; border-radius:0 0 3px 3px; background-clip:padding-box; -moz-box-shadow:0 1px 0px rgba(0,0,0,.05); -webkit-box-shadow:0 1px 0px rgba(0,0,0,.05); box-shadow:0 1px 0px rgba(0,0,0,.05); border:1px solid #f8f8f8; padding:5px 15px; }
.notifications-menu .external { background-color:#FFF; display:block; }
.notifications-menu .external a { background-color:#fff; color:#e24f88; }
.notifications-list .point{ color:#ec5956 !important; text-align:center; }
.notifications-list span{ padding-top:10px; font-size:0.786rem; }

.m_nav { padding:8px 10px 0 0; }
nav , .pagination{text-align:center; }

body.over_hidden{overflow:hidden} 

/* footer_banner */
.footer_banner { border-top: 1px #e1e2e3 solid; }
.footer_banner::after { content: ""; display: block; clear: both; }
.footer_banner .container { overflow: hidden; height: 150px; padding-top: 50px; }
.footer_banner .container p { float: left; width: 10%; font-size: 18px; line-height: 50px; font-weight: 600; color: #333; padding: 0; margin: 0; padding-right: 30px; }
.footer_banner_slide { float: left; width: 75%; height: 50px; padding-top: 8px;}
.footer_banner_slide .slick-slide a img { margin: 0 auto;}
.footer_banner .controler { float: right; display: flex; align-items: center; justify-content: center; background: rgba(21,24,24,.5); border-radius: 50px; width: 140px; height: 50px; }
.footer_banner .controler button { width: 13px; height: 16px; border: 0;}
.footer_banner .controler .play { background: url(../images/footer_banner_play.png) no-repeat center; display: none;}
.footer_banner .controler .stop { background: url(../images/footer_banner_pause.png) no-repeat center;}

.footer_banner_slide .slick-arrow { border: 0; font-size: 0; width: 10px; height: 17px; position: absolute; top: 17px; }
.footer_banner_slide .slick-arrow.slick-prev { background: url(../images/footer_banner_control.png) left 0; right: -105px; }
.footer_banner_slide .slick-arrow.slick-next { background: url(../images/footer_banner_control.png) right 0; right: -177px; }

@media (max-width:1024px){
	.footer_banner .container { height: 100px; padding-top: 25px; }
	.footer_banner .container p,
	.footer_banner .controler { display: none;}
	.footer_banner_slide { width: 100%; }
}
@media (max-width:768px){
	.footer_banner .container { height: 65px; padding: 0;}
	.footer_banner_slide { padding-top: 20px; }
	.footer_banner_slide .slick-slide a { display: block; height: 25px;}
	.footer_banner_slide .slick-slide a img { height: 100%;}
}
@media (max-width:425px){
}

/* footer */
footer { border-top: 1px solid #cccccc; }

footer .company .container { position: relative; }
#GoToTop {position: absolute; right: -60px; top: -40px; background: url(../images/btn_top.png) no-repeat center #004ea2; width: 80px; height: 80px; border-radius:40px; box-shadow: 0 0 15px rgba(0,0,0,.4); cursor: pointer;}

footer .company { background-color: #fff;}
footer .company ul { display: flex; align-items: center; gap: 2rem; padding: 0 10px; height: 100px; margin: 0 auto; }
footer .company li a { font-size: 16px; color:rgba(0,0,0,0.8); display: inline-block; line-height: 100px; }
footer .company li:nth-of-type(2) a,
footer .company li a:hover { color:#124ad9; }
footer .copyright {background-color: #fff; }
footer .copyright .container { padding:0 25px 50px; /*background:url(../images/logo_footer.png) no-repeat 15px center;*/ font-size: 16px; color:rgba(0,0,0,0.8); }
footer .copyright span { padding-right:7px; }
footer .see_mobile { margin:0 auto; text-align:center; display:none; } /****** 모바일 버젼으로 보기 숨김처리 **********/

@media (max-width: 1024px) {
	footer .company ul { gap: 3rem;}
	footer .company li a { line-height: 60px; font-size: 15px;}
	footer .copyright .container { padding: 50px 0 50px 250px;}
	#GoToTop { right: 15px;}
}
@media (max-width:768px) {		
	footer .company ul { gap: 2rem;} 
	footer .company li a { font-size: 14px; line-height: 40px; }
	footer .copyright .container { font-size: 12px; padding: 30px 0 30px 170px; background-size: 15%; }
}
@media (max-width:425px) {
	footer .company ul { gap: 1rem; height:40px}
	footer .copyright .container { background-image: none; padding: 10px 25px; font-size:14px}
	#GoToTop { top: -20px;width: 50px; height: 50px; background-size: 60%; }
}

.media{clear:both; }
.media-body,
.media-left,
.media-right {display:table-cell; vertical-align:top; }
.media-left,
.media>.pull-left { padding-right:10px; }
.media-right,
.media>.pull-right { padding-left:10px; }
.media-heading { font-size:1rem; overflow:hidden; }
.media-body .media-info { font-size:0.786rem; color:#666; }
.media-body .media-info span { padding-right:10px; }


/* sidebar */
.sidebar { border:1px solid #e5e5e5; padding:20px; }
.sidebar .headline { border-bottom:1px dotted #ccc; display:block; margin-bottom:15px; }
.sidebar .headline h3 { border-bottom:2px solid #3498db; display:inline-block; margin:0 0 -2px; padding-bottom:5px; font-size:1.071rem; }
.sidebar .loginbox { overflow:hidden; }
.sidebar .loginbox .text { padding-top:7px; }
.sidebar .loginbox .text li { float:left; padding-right:7px; }
.sidebar .welcome { overflow:hidden; }
.sidebar .welcome ul { overflow:hidden; }
.sidebar .welcome li { float:left; padding-right:5px; padding-bottom:5px; }
.sidebar .sidebar_latest li { padding-bottom:10px; }

.sidebar .tag-clouds{overflow:hidden; }
.sidebar .tag-clouds ul li{float:left; padding-right:10px; }


/* modal */
.modal .modal-body .number { padding-bottom:10px; }
.modal .modal-body .profile-info{overflow:hidden; }


.help-inline { display:inline-block;color:#737373;margin-left:10px; padding-top:7px;vertical-align:middle; }
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor  { width:100%;height:350px; }

.latest_comment_count { font-size:0.786rem; color:#FF7700; margin-left:5px;font-weight:bold; }
.highlight { font-weight:bold; color:#7519FF; }


/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:0.857rem; line-height:1.429rem; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }


/* main */
.main .navbar-form { margin-top:0; margin-bottom:0; padding:0; }
.main_index { /*background-color:#292621; */}
	.main_index .sub_title_img { display:none; }

.main,
.main_index .container { width:100%; clear:both; }
.main_con .container,
.main_visual .container,
.main_link.container { width:1400px; margin:0 auto; }

@media (max-width:1024px) {	
	.main_con .container { width:100%; }	
}

/* Color Setting */
.blue { color: #004ea2 !important; }
.pink { color: #e24f88 !important; }

.blue-bg { background-color: #004ea2 !important; }
.pink-bg { background-color: #e24f88 !important; }

.blue-bg:hover { background-color: #004ea2 !important; }
.pink-bg:hover { background-color: #e24f88 !important; }



/* bxslider */
.bx-wrapper { margin-bottom:inherit; border:0; box-shadow:none; }
.bx-wrapper .bx-pager { bottom:50px; }
.bx-viewport { height:inherit !important; }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(256,256,256,1); }

.bx-wrapper .bx-controls-direction a { width:60px; height:70px; margin-top:-30px; opacity:0.4; filter:alpha(opacity=40); }
.bx-wrapper .bx-controls-direction a:hover { opacity:0.8; filter:alpha(opacity=80); background-position:center; }

.bx-wrapper .bx-prev { left:13%; background:url(../images/controls_l.png) no-repeat center ; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background:url(../images/controls_l.png) no-repeat center  #000 ; }

.bx-wrapper .bx-next { right:13%; background:url(../images/controls_r.png) no-repeat center; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background:url(../images/controls_r.png) no-repeat center #000; }

@media (max-width:768px) {
	.bx-wrapper .bx-pager { bottom:20px; }	
}


/* main_visual */
.main_visual { width:100%; position:relative; }
.main_visual .bg { height: 580px;  }
.main_visual .bg img { height: 100%; position: absolute; top: 50%; left: 50%; transform:  translate(-50%, -50%);}

@media (max-width: 1024px) {
	.main_visual .bg { height: 700px; }
}
@media (max-width: 768px) {
	.main_visual .bg { height: 400px; }
}
@media (max-width: 425px) {
	.main_visual .bg { height: 250px; }
}

/* 
.main_visual .container { height:920px; }
.main_visual .bxslider li { background-repeat:no-repeat; background-color:#c8d1db; background-position:center top; }
.main_visual .bxslider:after { content:""; display:block; clear:both; }
.main_visual .bxslider li:nth-child(1) { background-image:url(../images/main_visual_02.jpg); }
.main_visual .bxslider li:nth-child(2) { background-image:url(../images/main_visual_01.jpg); }
.main_visual .bxslider li:nth-child(3) { background-image:url(../images/main_visual_02.jpg); }
.main_visual .bxslider li:nth-child(4) { background-image:url(../images/main_visual_01.jpg); }

@media (max-width:1024px) {
	.main_visual .bxslider li:nth-child(2) .main_txt02:after, .bx-controls-direction { display:none; }
}
@media (max-width:768px) {
	.main_visual .container { height:300px; }
	.main_visual .bxslider li { background-size:cover; background-position:center; }
}
@media (max-width:425px) {
	.main_visual .container { height:260px; }
}
*/

/* main_con */
.main_con { padding: 35px 0 50px; }
.main_con.main_con01 { padding: 0 0 50px 0; }
.main_con.main_con02 { }
.main_con.main_con03 { padding: 50px 0; }
.main_con03 { background: #e8efff; 
	border-top-left-radius: 160px;
	border-bottom-left-radius:0;
	border-top-right-radius: 160px;	
	border-bottom-right-radius: 0; 
}


.main_title_box { display: flex; align-items: center; }

@media (max-width: 1024px) {
	.main_con { padding: 50px 0; } 
}
@media (max-width:768px) {
	.main_con { padding: 30px 0; }
}
@media (max-width:425px) {
	.main_con { padding: 15px 0; }
}

/* main_slide_banner */
.main_slide_banner .bx-wrapper { border: 1px #ccc solid; background-color: #fff; 
	border-top-left-radius: 0;
	border-bottom-left-radius: 150px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 150px; 
	overflow: hidden; }
.main_slide_banner>div>div>ul>li>div, .main_intro_link { height: 580px; }
.main_slide_banner .bx-wrapper .bx-pager { bottom: 20px; }
.main_slide_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slide_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #c8874a;}

.main_slide_banner .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; background: #fff; border: 1px #fff solid; border-radius: 50%;}
.main_slide_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff !important; background: transparent !important; border: 3px #2f6bc5 solid; width: 12px; height: 12px;}


@media (max-width: 1024px) {
	.main_slide_banner .bx-wrapper { border: 0; background-color: transparent;
	border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
 }
	.main_slide_banner>div>div>ul>li>div { height: 250px; }
	.main_slide_banner .bx-wrapper li { background-size: auto 100%; background-position: center;} /* 슬라이딩 배너 이미지사이즈 조정 */
}
@media (max-width: 425px) {
	.main_slide_banner .bx-wrapper .bx-controls .bx-controls-direction {display:none}
	.main_slide_banner .bx-wrapper { border: 0; background-color: transparent;
	border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
	}
	.main_slide_banner .bx-wrapper .bx-pager { bottom: 10px;}
	.main_slide_banner .bx-wrapper .bx-pager.bx-default-pager a { width: 7px; height: 7px; margin: 0 3px;}
}


/* main_reserve-wrap */
.space-reserve-wrap {
  display: flex;
  flex: 0 0 356px;
  margin-bottom: 40px;
}
.space-reserve-left {
  flex: 0 0 356px;
  width:356px;
  padding: 60px 40px 360px 40px;  
  background-color: #e8efff;
  background-image: url(../images/main_reserve_title_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -90px 280px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 170px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 60px;
}
.space-reserve-title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}
.space-reserve-title .blue { color: #004ea2; }
.space-reserve-title .pink { color: #e24f88; }
.space-reserve-desc {
  color: #222;
  font-size: 16px;
  line-height: 1.6;
}
.space-reserve-right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 32px;
  padding: 64px 0;
  position: relative;
  flex-direction: column;
}
.space-card-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 24px 32px;
}

.space-card {
  position: relative;
  display: inline-block;
  width: 300px;
 overflow: visible; /* 중요: label이 카드 밖으로 나올 수 있게 */
  /*box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  background: #fff;*/
  text-decoration: none;
  margin-bottom: 0;
  transition: box-shadow 0.2s;
}

/* 홀수: 위, 짝수: 아래로 지그재그 */
.space-card-list .space-card:nth-child(odd) {
  align-self: flex-start;
  margin-top: 0;
}
.space-card-list .space-card:nth-child(even) {
  align-self: flex-end;
  margin-top: 30px;
}

.space-card:hover {
  /*box-shadow: 0 4px 20px rgba(35,81,232,0.12);*/
}
.space-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 57px;
  border-bottom-left-radius: 12px;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.space-card:hover img {
  transform: scale(1.08);
  z-index: 1;
}

.space-card-label {
 position: absolute;
  left: -16px;
  bottom: -22px;
  min-width: 140px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 12px 18px;
  font-size: 18px;
  font-weight:600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #222;
  min-height: 44px;
}
.space-card-label span {
  font-size: 18px;
  font-weight:500;
}
.space-card:hover .space-card-label,
.space-card .space-card-label:hover {
  background: #ff5b9a;
  color: #fff;
  border-radius: 18px;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}


		/* 반응형 */
		@media (max-width:1024px) {
		}
		@media (max-width:768px) {
			
		}
		@media (max-width:425px) {
			.main_con.main_con01 { padding: 0 0 10px 0; }
			.space-reserve-wrap {
				flex-direction: column;
				align-items: center;
			}
			.space-reserve-wrap.container {
				padding: 0;
				margin:0
			}
			.space-reserve-left {  
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				width:100%;
				padding: 40px 20px;
				background-color:#fff;
				background-image: none;
				background-position: center;
				background-size: cover;
				flex:0 0 auto;
				display: block;
				text-align: center;
			}
			.space-reserve-right{
				padding: 0;
			}
			.space-card-list {
			justify-content: center;
			gap: 12px 16px;
			}
			.space-card {
				width: 155px;
				max-width: 150px;
			}
			.space-card img {
				height: 100px;
			}
			.space-card-list .space-phone {
				width: 100%;
				max-width: 250px;
				margin-top:50px;
			}

		}






/* 센터이용안내 & 자주묻는질문 스타일 */
.center-guide-faq-wrap {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin: 40px 0 0 0;
}

.center-guide {
  flex: 1 1 550px;
  /*
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  padding: 36px 36px 30px 36px;
  */
  min-width: 550px;
  position: relative;
  background-image: url(/views/_layout/hd/images/main_centerinfo_img.png);
  background-repeat: no-repeat;
  background-position: top right
}

.center-guide-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 8px;
  letter-spacing: -1px;
}

.center-guide-list {
  list-style: none;
  margin: 0 0 28px 20px;
  padding: 0;
  font-size: 22px;
  font-weight:400
}
.center-guide-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.center-guide-label {
  display: inline-block;
  width: 100px;
  font-weight: 500;
  color: #222;
  letter-spacing: 1px;
}
.center-guide-value {
  font-weight: 600;
  color: #444;
}
.center-guide-desc {
  font-size: 18px;
  font-weight:400;
  color: #888;
  margin-top: 2px;
}
.center-guide-value.holiday {
  color: #e24f88;
  font-weight: 500;
}
.badge {
  display: inline-block;
  background: #e9e4ea;
  color: #222;
  border-radius: 12px;
  padding: 2px 10px;
  font-size: 18px;
  font-weight: 500;
  margin: 0 4px 0 0;
}
.badge-morning { background: #f5e6ef; color: #222; }
.badge-afternoon { background: #e9e4ea; color: #222; }

.center-guide-map-btn {
	display: flex;
	align-items: center;
	margin-top: 32px;
	background-color: #2ecc40;
	background-image: url(/views/_layout/hd/images/main_map_bg.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	border-radius: 40px;
	padding: 18px 38px;
	box-shadow: 0 4px 6px rgba(46,204,64,0.53);
	text-decoration: none;
	transition: background 0.2s;
}
.center-guide-map-btn:hover {
	background-color: #1dbb2e;
	color:#fff;
	background-position: 90% 50%;
}
.icon-map {
	display: inline-block;
	width: 47px;
	height: 34px;
	margin-right: 12px;
	background: url('/views/_layout/hd/images/main_map_icon.png') no-repeat center/contain;
	vertical-align: middle;
}

/* FAQ */
.center-faq {
  flex: 2 1 600px;
  background: #e8efff;
  border-radius: 32px;
  padding: 32px 36px 36px 36px;
  min-width: 420px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  position: relative;
}
.center-faq-title {
  font-size: 34px;
  font-weight: 700;
  color: #004ea2;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center-faq-more {
  font-size: 18px;
  color: #7d8fd6;
  background: #e4eaff;
  border-radius: 12px;
  padding: 4px 14px;
  margin-left: 12px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s;
}
.center-faq-more:hover {
  background: #d1dbff;
}
.center-faq-list {
	display: flex;
	gap: 18px;
	margin-top: 8px;
}
.center-faq-item {
	background: #fff;
	/*
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	*/
	padding: 24px 18px 18px 18px;
	min-width: 10px;
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
}
.center-faq-q {
	position: absolute;
	font-size: 70px;
	color: #c7d4f7;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1;
	top:-10px;
	left:-20px;
}
.center-faq-a {
	margin-top:40px;
	font-size: 18px;
	color: #222;
	font-weight: 400;
	line-height: 1.5;
	word-break: keep-all;
}

		/* 반응형 */
		@media (max-width: 1024px) {
		.center-guide-faq-wrap {
			flex-direction: column;
			gap: 24px;
		}
		.center-guide, .center-faq {
			min-width: 0;
			width: 100%;
			box-sizing: border-box;
		}
		.center-faq-list {
			flex-direction: column;
			gap: 12px;
		}
		.center-faq-item {
			min-width: 0;
			width: 100%;
		}
		}
		@media (max-width: 600px) {
			.center-guide {
				background-position: 100% 30px ;
				background-size:80%;
				flex:0
			}
		.center-guide {
			padding: 18px 10px 18px 10px;
		}
			.center-guide-title {
				padding:10px 0;
			}
		.center-guide-title {
			background-color:#fff;
			display: inline-block;
		}
		.center-guide-map-btn {
			padding: 12px 18px;
		}
		.center-faq {
			flex:0;
			padding: 18px 20px 18px 20px;
		}
		.center-faq-item {
			flex:0;
		}
		.center-faq-q {
			top: -20px;
			left: -30px;
		}
		.center-faq-a {
			margin-top: 0;
			margin-left:30px;
		}
		}


/* 공지사항 & 사업소개 */

.main-cards-wrap {
	display: flex;
	gap: 40px;
	justify-content: center;
	align-items: stretch;
	padding: 40px 0;
}
	/* 반응형 */
		@media (max-width: 1024px) {
		}
		@media (max-width:425px) {
			.main_con.main_con03{
				padding: 20px 30px;
			}
			.main_con03{
				border-top-left-radius: 80px;
				border-bottom-left-radius: 0;
				border-top-right-radius: 80px;
				border-bottom-right-radius: 0;
			}
			.main-cards-wrap {
				gap:20px;
				flex-direction: column;		
				padding: 0 0 20px 0;		
			}
		}


/* main_notice */
.main_notice { 
	padding: 0 15px; 
	background: #fff;
	border-radius: 32px;
	box-shadow: 0 4px 24px rgba(35,81,232,0.07);
	padding: 36px 36px 30px 36px;
	width: 550px;
}
.main_notice .main_title_box { 
	padding: 10px 0 30px;   
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.main_notice .main_title { font-size:30px; line-height:26px; font-weight: 700; }
.main_notice li { display: flex; align-items: center; }
.main_notice li a { font-size:18px; line-height:40px; color:rgba(0,0,0,0.8); background: url(../images/MainNoticeDot.png) center left no-repeat; padding-left: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80%; display:inline-block; }
.main_notice li a:hover { color:#004ea2; }
.main_notice li span { margin-left: auto; font-size:16px; color:rgba(0,0,0,0.5); }
.main_notice .more { 
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #004aa1;
	font-weight: 500;
	padding-right: 24px; /* 아이콘 위치 확보 */
}
.main_notice .more:after {
	content: "+";
	text-align: right;
	position: absolute;
	top: 50%;
	left: 100;
	padding:0 10px 0 0;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 20px;
	background-color: #dcdcff;
	color: #004aa1;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
	 	/* 반응형 */
		@media (max-width: 1024px) {
			.main_notice { padding: 0;}
			.main_notice .main_title_box { padding: 5px 0 15px;}
			.main_notice .main_title { font-size: 24px; line-height: 1;}
			.main_notice li a { font-size: 15px; line-height: 32px;}
		}
		@media (max-width:425px) {
			.main_notice { padding: 20px 5px; }
			.main_notice .main_title_box { padding: 0;}	
			.main_notice .main_title  { font-size:24px; line-height:22px; margin-bottom:10px; }
			.main_notice li a { font-size:14px; line-height:30px; }	
			.main_notice li span { font-size:12px; }	
		}


/* main_card */

.main-card {
  background: #fff;
  border-radius: 32px;
  padding: 36px 36px 30px 36px;
  min-width: 370px;
  max-width: 420px;
  flex: 1 1 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 4px 24px rgba(35, 81, 232, 0.07);
}

.main-card-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: inline-block;
	color: #fff;
	text-align: left;
	font-size: 1.25rem;
	font-weight: 600;
	border-radius: 0;
	border-top-left-radius: 16px;
	padding: 15px 90px 15px 18px;
	text-decoration: none;
	transition: background 0.2s;
	position: absolute;
	animation: slide 0.5s forwards;
	background-image:url(/views/_layout/hd/images/icon_arrow_8_w.png);
	background-repeat: no-repeat;
	background-position: 80% center;
}
.main-card-btn:hover {
  color: #fff;
}

.main-card-plus .main-card-btn,
.main-card-ruralnew .main-card-btn {
	transition: width 0.3s cubic-bezier(0.4,0,0.2,1), transform 0.3s cubic-bezier(0.4,0,0.2,1);
	width: 45%;
	max-width: 320px;
}
.main-card-plus:hover .main-card-btn,
.main-card-ruralnew:hover .main-card-btn {
	width: 50%;
	max-width: 320px;
}
.main-card-plus:not(:hover) .main-card-btn,
.main-card-ruralnew:not(:hover) .main-card-btn {
	width: 45%;
	max-width: 320px;
}



/* 34플러스센터 소개 */
.main-card-plus {
	background-color: #fff;
	background-image: url(/views/_layout/hd/images/main-card-bg-plus.png);
	background-position:60% -60px;
	background-repeat: no-repeat;
	background-size: auto 413px;
	position: relative;
	overflow: hidden;
	animation: slide 0.5s forwards;
	transition: background-size 0.3s, background-position 0.3s;
}
.main-card-plus:hover {
	background-position: 65% -60px;
	background-size: auto 420px;
}


.main-card-plus .main-card-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.main-card-plus-desc {
  font-size: 18px;
  color: #555;
  margin-bottom: 18px;
  font-weight: 400;
  line-height: 1.5;
}


/* 농촌신활력플러스사업 */
.main-card-ruralnew {
	background-color: #fff;
	background-image: url(/views/_layout/hd/images/main-card-bg-ruralnew.png);
	background-position: 68% 32px;
	background-repeat: no-repeat;
	background-size: 120%;
	position: relative;
	overflow: hidden;	
	animation: slide 0.5s forwards;
	transition: background-size 0.3s, background-position 0.3s;
}
.main-card-ruralnew:hover {
	background-position: 72% 22px;
	background-size: 130%;
}
.main-card-ruralnew .main-card-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.main-card-ruralnew-desc {
  font-size: 18px;
  color: #555;
  margin-bottom: 18px;
  font-weight: 400;
  line-height: 1.5;
}


		/* 반응형 */
		@media (max-width: 1200px) {

		}
		@media (max-width: 600px) {
			.main-card-plus-img,
			.main-card-ruralnew-img {
				width: 70px;
				right: 10px;
				bottom: 10px;
			}
			.main-card-plus-btn {
				font-size: 1rem;
				padding: 8px 18px;
				left: 10px;
				bottom: 10px;
				border-radius: 10px;
				margin-top: 20px;
			}

			.main-card, .main_notice {
				width: 100%;
				padding:20px;
				gap:20px;
				min-width: auto;
				flex: auto;
			}
			.main-card-plus {
				background-position: 70% -30px;
				background-size: 100%;
			}
			.main-card-ruralnew {
				background-position: 70% -20px;
				background-size: 100%;
			}
			.main-card-plus-desc, 
			.main-card-ruralnew-desc {font-size: 16px;}
		}


/***************************************************************************************************************************************
 sub_layout : common */

/* sub_title_img */
.sub_title_img { /* background:url(../images/SubTitleImg.png) no-repeat top center;*/ position: relative; height:190px; padding: 30px 0; text-align:center; background-size:cover; display:table; width:100%;  }
.sub_title_img .bg { position:absolute; top:0; left:0; z-index:-9999; 
  border-top-left-radius: 0;
  border-bottom-left-radius: 100px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 100px; 
overflow: hidden;}
.sub_title_img p { font-size:40px; color:#fff; font-weight: 600; text-shadow:3px 3px 5px rgba(0,0,0,0.3); vertical-align:middle; }
.sub_title_img p span { display: block; font-size: 20px; font-weight: 500; color: rgba(255,255,255,.5); text-shadow: none;}


/* sub_title */
.main_index .sub_title { display: none !important;}

.sub_title { position:relative; width:100%; height:90px;  display:flex; align-items:center; justify-content: space-between; margin-top:28px; border-bottom:1px solid #222; background-image:url(../images/location_bg.png) ; background-repeat: no-repeat; background-position:90px 0 ; }
.sub_title h3 { font-size: 28px; color: #222; font-weight: 700; text-align: left; height:90px;   padding:22px 0 44px 20px; }

	/* 반응형 */
		@media (max-width:768px) {
			.sub_title_img { padding: 50px 0 0;}
			.sub_title_img, .sub_title_img .bg img  { height: 120px; }
			.sub_title_img p { font-size: 28px; }
			.sub_title_img p span { font-size: 16px;}
			.sub_title_img .bg {overflow: hidden}
		}
		@media (max-width:425px) {
			.sub_title_img {padding: 0;height: 60px;
				position: relative;}
			.sub_title_img .bg {width: 150%;
				height: 60px;
			}
			.sub_title_img .bg img { width: 100%; height: 100%; object-fit: cover; }
			.sub_title_img p { font-size: 20px; font-weight: 500; margin-top:15px; }
			.sub_title_img p span { font-size: 12px;}

			.sub_title {margin-top:0; padding-bottom:10px; flex-direction: column; height: auto;background-position: 250px 0;    background-size: 45%; }
			.sub_title h3 {font-size:24px; height:40px;   padding:10px 0 10px 0; }

		}




/* location */
.location { line-height: 80px;  color: #222; display: flex;}
.location span {font-size:16px; font-weight:400}
.location span::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../images/location_arrow.png) no-repeat  10px 5px; padding-left: 10px; margin-right: 5px; vertical-align: middle; }
.location .home { font-size: 0; border-left: 1px rgba(255,255,255,.3) solid; border-right: 1px rgba(255,255,255,.3) solid; background: url(../images/icon_home.png) no-repeat center; width: 20px; }


		@media (max-width:768px) {
			.location { line-height: 50px; }
		}
		@media (max-width:425px) {
			.location { line-height: 20px;}
			.location .home { width: 20px; background-size: 10px;}
			.location span {font-size:14px; color:#555 }
			.location span a { color:#555; }		
			.location span::before{
			 padding-left: 5px;
			}
		}

/* sub_menu */
.sub_menu_bar { width:100%; margin-top:-50px;overflow: hidden; }
.sub_menu ul {display: flex;justify-content: center; z-index: 999; position:relative }
.sub_menu_depth01 li { position:relative; }
.sub_menu_depth01 li::after {  content: ''; background:#fff;  position: absolute; top:18px;   right: 0;  width: 1px;  height: 15px; color:#fff}
.sub_menu_depth01 li:last-child::after { display:none; }
.sub_menu_depth01 li a {font-size:18px; line-height:60px; color:#fff; padding:0 40px; font-weight: 500; display:block; position:relative }
/* 기본적으로 ::after는 안 보임 */
.sub_menu_depth01 li a::after {
	content: '';
	position: absolute;
	top: 43px;
	left: 50%;
	transform: translateX(-50%);
	width: 15px;
	height: 15px;
	background-color: #f0619c;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

/* 마우스 올릴 때만 보임 */
.sub_menu_depth01 li a:hover, .sub_menu_depth01 li a.on { text-decoration:none; color:#f0619c;}
.sub_menu_depth01 li a:hover::after, .sub_menu_depth01 li a.on::after {  opacity: 1;}


.sub_menu {width:1400px; margin:0 auto; background-color:rgba(19,80,206,1); border-top-left-radius: 50px; border-top-right-radius: 50px;  }
.sub_menu li a { display:block; width:100%; }
.sub_menu li a:hover { text-decoration:none; }

.sub_menu_depth01>li>a { line-height:50px; font-size:18px; color:#fff; }

.sub_menu_depth02 { padding:15px 0 15px 20px; border-bottom:1px #ddd solid; }
.sub_menu_depth02>li>a { line-height:30px; font-size:15px; color:#888; }
.sub_menu_depth02>li>a:before { content:"-"; display:inline-block; padding-right:5px; }
.sub_menu_depth02>li>a:hover,
.sub_menu_depth02>li>a.on { color:#c8874a; }

@media (max-width:768px) {
	.sub_menu { display:none; }	
	.sub_menu li a { padding:0 25px; }
}

/* sub_con */
.sub_con { padding: 40px 15px 100px; color:#555; font-size:16px; min-height:700px; }
.sub_con:after,
.sub_con_title:after { content:""; display:block; clear:both; }

.sub_con_title { margin-bottom:15px; display: none; }
.sub_con_title h3 { float:left; font-size:28px; color:#111; line-height:inherit; font-family:'notokr-medium',sans-serif; }


.sub_con_title.start {display: block !important;} /*상시교육*/
.sub_con_title.start h3 {float:none; font-size:30px;  font-weight: 600;}
.sub_con_title.start h3 strong {color:#c8874a;}

.sub_con_title .location { float:right; font-size:1rem; color:#999; margin:20px 0 0 0; }
.sub_con_title .location span { background:url(../images/location_arrow.png) no-repeat left center; padding-left:10px; margin-left:5px; }
.sub_con_title .location .home { font-size:0; background:url(../images/home.png) no-repeat center; width:19px; height:16px; display:inline-block; vertical-align:middle; margin-top:-2px; }
.sub_con_title .location a { color:#999; }
.sub_con_title .location a:hover { color:#000; }

@media (max-width:768px) {	
	.sub_con { padding: 30px 15px 50px; }
	.sub_con_title { margin-bottom:20px; }
	.sub_con_title h3 { font-size:24px; }	
}
@media (max-width:425px) {
	.sub_con { padding: 15px 15px 50px; font-size: 13px; }
	.sub_con_title h3 { font-size:16px; }
	.sub_con_title .location { font-size:10px; margin:5px 0 0 0; }
	.sub_con_title .location .home { width:14px; height:12px; background-size:cover; }
}

.admin_btn { margin-top:100px; text-align:right; }

#viewcomment .sub_con { min-height:inherit; padding:0; }


/* ready :컨텐츠준비중 */
.ready { width:100%; height:500px; display:table; background-color:#f9f9f9; }
.ready_txt_box { display:table-cell; vertical-align:middle; text-align:center; border: 1px #eee solid; }
.ready_txt01:before { content:"!"; display:block; margin:0 auto 15px; font-size:50px; color:#ccc; border:4px #ddd solid; width:80px; height:80px; line-height:70px; border-radius:50%; }
.ready_txt01 { font-size:20px; color:#333; line-height:40px; font-family:'Paperlogy',sans-serif !important; font-weight:500; }
.ready_txt02 { font-size:14px; color:#999; }

@media (max-width:425px) {
	.ready { height:300px; }
}




/***************************************************************************************************************************************
 contents :common */

 /* con_title_box */
.con_title_box { font-size: 32px; color: rgba(0,0,0,.8); padding: 100px 0 50px;}
.con_title_box p {font-size: 60px; font-weight: 600; color: #000; display: inline-block; padding: 0 20px; position: relative; margin-bottom: 10px;}
.con_title_box p:after { content: ""; display: block; width: 100%; height: 15px; background-color: #fabe85; position: absolute; left: 0; bottom: 10px; z-index: -1;}
.con_title_box span { display: block;}

/* con_tbl */
.con_tbl { width:100%; border-top:1px #ddd solid; border-bottom:1px #ccc solid; border-left:1px #ddd solid; font-size:15px; }
.con_tbl th, .con_tbl td { padding:15px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; }
.con_tbl th { background-color:#f9f9f9; text-align:center; font-weight:normal; color:#333; font-family:'Paperlogy',sans-serif !important; font-weight:500; }
.con_tbl .link { text-decoration:underline; cursor:pointer; }
.con_tbl .th_bg, .con_tbl.th_bg th { background-color:#fffff4; }
.con_tbl.center td {text-align: center;}

.con_tbl.organ {width:65%; margin:0 auto; border:none}
.con_tbl.organ th, .con_tbl.organ td {border:none; border-bottom:1px solid #fdefe1; position:relative;}
.con_tbl.organ thead th {border-top:2px solid #ca8949;border-bottom:1px solid #ca8949; background-color:#fdefe1; }
.con_tbl.organ tbody th {background-color:#fff; font-weight:500}
.con_tbl.organ tbody th:after {display:inline-block; position:absolute; right:0;top:10%; content: ''; background-color: #fdefe1; width:3px; height:80%;}


		@media (max-width: 768px) {	
			.con_title_box { font-size: 20px; padding: 50px 0 30px;}
			.con_title_box p { font-size: 36px !important; padding: 0 10px; margin-bottom: 5px;}
			.con_title_box p:after { height: 10px; bottom: 5px;}
			.con_tbl.organ {width:100%;}
		}
		@media (max-width: 425px) {	
			.con_title_box { font-size: 12px; padding: 25px 0 30px;}
			.con_title_box p { font-size: 24px !important;}

			.con_tbl { font-size:11px; }
			.con_tbl th, .con_tbl td { padding:10px; }	
		}

/* tabs */
.tabs li { float:left; }
.tabs li:after { display:block; content:""; clear:both; }
.tabs li a { font-size:20px; display:block; width:100%; text-align:center; color:#999; border:1px #ccc solid; border-left:0; background-color:#f9f9f9; line-height:50px; font-family:'Binggrae-Bold'; }
.tabs li:first-child a { border-left:1px #ccc solid; }
.tabs li a:hover { color:#c8874a; }
.tabs li a.selected { background-color:#fff; border-color:#c8874a; border-left:1px #c8874a solid; color:#c8874a; }

.show { display:block;}
.hide { display:none; }

@media (max-width:425px) {	
	.tabs li a { font-size:16px; line-height:40px; }
}



/***********************************************************************************************************************************
sub_con */


/* 34플러스센터 인사말 스타일 */
.greeting-wrap {
  display: flex;
  align-items: stretch;
  background: #fff;
  padding: 40px 0 40px 0;
  margin: 0 auto 40px auto;
  max-width: 1300px;
  min-height: 480px;
}

.greeting-img {
  flex: 0 0 447px;
  min-width: 0;
  display: flex;
  align-items: stretch;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  border-top-right-radius: 28px;	
  border-bottom-right-radius: 135px;
  overflow: hidden;
  position: relative;
}
.greeting-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 48px 0 0 48px;
  min-height: 420px;
  display: block;
}

.greeting-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 36px 32px 0;
  min-width: 0;
}

.greeting-title-box {
  margin-bottom: 28px;
  position: relative;
}
.greeting-title-box::before {
	content: "";
	position: absolute;
	background: rgba(35, 99, 209, 0.2);
	top: 10px;
	left: 0;
	width: 70%;
	height: 50px;
	background-size: cover;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 100px;	
	border-bottom-right-radius: 0;
}
.greeting-title-bg {
	margin-top:40px;
	background: #2363d1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 80px;	
	border-bottom-right-radius: 20px;
	padding: 36px 44px 28px 44px;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.5;
	box-shadow: 0 4px 24px rgba(35,81,232,0.07);
	position: relative;
}
.greeting-title-bg span {
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: -1px;
}

.greeting-desc {
  color: #222;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 400;
  margin-left:50px;
}
.greeting-desc .blue {
  color: #2363d1;
  font-weight: 600;
}
.greeting-desc p {
  margin-bottom: 18px;
}
.greeting-desc p:last-child {
  margin-bottom: 0;
}

		@media (max-width: 1024px) {
		.greeting-wrap {
			flex-direction: column;
			padding: 20px 0;
			border-radius: 32px;
			max-width: 98vw;
		}
		.greeting-img,
		.greeting-img img {
			border-radius: 32px 32px 0 0;
			min-height: 220px;
		}
		.greeting-content {
			padding: 24px 18px 24px 18px;
		}
		.greeting-title-bg {
			font-size: 1.6rem;
			padding: 24px 18px 18px 18px;
			border-radius: 0 32px 32px 0;
		}
		.greeting-title-bg span {
			font-size: 1.6rem;
		}
		}

		@media (max-width: 600px) {
		.greeting-wrap {
			padding: 0;
			border-radius: 18px;
			gap: 0;
		}
		.greeting-content {
			padding: 24px 0;
		}
		.greeting-title-box {margin-top:-100px;}
		.greeting-img{
			flex:auto;
			min-height: 220px;
			height: 220px;
			}
			.greeting-desc {margin-left: 20px;}
	}




/* 농촌신활력플러스사업 소개 */
.plusbusiness-wrap {
  position: relative;
  padding: 40px 0 0 0;
  max-width: 1400px;
  margin: 0 auto 40px auto;
  min-height: 520px;
}
.plusbusiness-content {
  flex: 1 1 0;
  min-width: 0;
  padding: 30px 0 0 0;
}
.plusbusiness-list {
  list-style: none;
  margin: 0 0 36px 0;
  padding: 0;
}
.plusbusiness-list li {
  font-size:  18px;
  color: #222;
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  line-height: 1.7;
  position: relative;
  padding-left: 36px;
}
.plusbusiness-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff url('/views/_layout/hd/images/icon_plus.png') no-repeat center/18px 18px; 
  position: absolute;
  left: 0;
  top: 2px;
}
.plusbusiness-descbox {
  background: #f7f9fa;
  width:80%;
  border-radius: 18px;
  padding: 32px 32px 32px 32px;
  font-size:  18px;
  color: #222;
}
.plusbusiness-descbox p {
  margin-bottom: 16px;
  width:60%
}
.plusbusiness-descbox p:last-child {
  margin-bottom: 0;
}
.plusbusiness-descbox strong {
  color: #2363d1;
  font-weight: 700;
  background: linear-gradient(transparent 60%, #e8efff 60%);
}

.plusbusiness-imgbox {
	position: absolute;
	left:50%;
	bottom:0;
	min-width: 320px;
	max-width: 520px;
	z-index: 1;
}


		/* 반응형 */
		@media (max-width: 1100px) {
			.plusbusiness-wrap {
				flex-direction: column;
				gap: 24px;
				min-height: 0;
				padding: 20px 0 0 0;
			}
		}
		@media (max-width: 700px) {
			.plusbusiness-wrap {
				padding: 10px 0 0 0;
				gap: 10px;
			}
			.plusbusiness-content {
				padding: 10px 0 0 0;
			}
			.plusbusiness-descbox {
				width:100%;
				padding-bottom:230px;
			}
			.plusbusiness-list li {
				padding-left: 30px;
			}
			.plusbusiness-icon {
				width: 20px;
				height: 20px;
				min-width: 20px;
				background-size: 20px 20px;
				left: 0;
				top: 4px;
			}
			.plusbusiness-descbox p {
			margin-bottom: 16px;
			width:100%
			}
			.plusbusiness-imgbox {
				left:0;
				bottom:-90px;
			}

		}




/* 34플러스센터 오시는 길 */
.map-section {
  max-width: 1320px;
  margin: 40px auto;
  background: #fff;
  padding: 0 0 40px 0;
}
.map-section-mapbox {
	background-image:url(/views/_layout/hd/images/map_ex.png);
	background-size: cover;
	background-position: center;
	background-color:#f7f7fa;
	position: relative;
	border-radius: 32px 32px 32px 32px;
	overflow: hidden;
}
.map-section-naver {
  width: 100%;
  height: 430px;
  border-radius: 32px 32px 0 0;
  display: block;
}
.map-section-info {
  display: flex;
  align-items: center;
  gap: 24px;
  background: #f7f7fa;
  border-radius: 0 0 32px 32px;
  padding: 24px 36px;
  position: relative;
  flex-wrap: wrap;
}
.map-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  margin-right: 24px;
  min-width: 160px;
}
.map-section-address,
.map-section-tel {
  font-size: 18px;
  color: #222;
  display: flex;
  align-items: center;
  margin-right: 32px;
}
.map-section-address-icon {
  display: inline-block;
  width: 37px;
  height: 44px;
  margin-right: 8px;
  background: url('/views/_layout/hd/images/map_img_01.png') no-repeat center/contain;
}
.map-section-tel-icon {
  display: inline-block;
  width: 65px;
  height: 48px;
  margin-right: 8px;
  background: url('/views/_layout/hd/images/map_img_02.png') no-repeat center/contain;
}
.map-section-btns {
  display: flex;
  gap: 12px;
  margin-left: auto;
}
.map-section-btn {
  display: flex;
  align-items: center;
  background: #2363d1;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 22px;
  text-decoration: none;
  transition: background 0.2s;
}
.map-section-btn:hover {
  background: #004ea2;
  color:#fff
}
.map-section-btn-icon {
  display: inline-block;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.map-section-btn-icon1 {
  width: 20px;
  height: 19px;
  background-image: url('/views/_layout/hd/images/map_btn_img_01.png');
}
.map-section-btn-icon2 {
  width: 23px;
  height: 22px;
  background-image: url('/views/_layout/hd/images/map_btn_img_02.png');
}

/* 안내 */
.map-section-guide {
  margin: 40px 0 0 80px;
  padding: 0 36px;
}
.map-section-guide-row {
  display: flex;
  align-items: flex-start;
  gap:50px;
  margin-bottom: 32px;
}
.map-section-guide-img {
  width: 90px;
  height: 70px;
  object-fit: contain;
  margin-right: 24px;
  flex-shrink: 0;
}
.map-section-guide-info {
  display: flex;
  align-items: flex-start;
  gap:50px;
  font-size: 18px;
  color: #222;
}
.map-section-guide-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #222;
  line-height: 1.3;
}
.map-section-guide-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.map-section-guide-info li {
  font-size: 18px;
  color: #555;
  margin-bottom: 4px;
}
.map-section-guide-info strong {
  color: #222;
  font-weight: 600;
}

		/* 반응형 */
		@media (max-width: 900px) {
		.map-section {
			padding: 0 0 20px 0;
		}
		.map-section-info {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			padding: 18px 16px;
		}
		.map-section-title {
			min-width: 0;
			margin-right: 0;
		}
		.map-section-btns {
			margin-left: 0;
		}
		.map-section-guide {
			padding: 0 16px;
		}
		}
		@media (max-width: 600px) {
		.map-section {
			border-radius: 12px;
			box-shadow: none;
			margin: 10px 0;
		}
		.map-section-mapbox {
			border-radius: 12px 12px 0 0;
		}
		.map-section-naver {
			border-radius: 12px 12px 0 0;
			height: 220px !important;
			min-height: 120px;
		}
		.map-section-info {
			border-radius: 0 0 12px 12px;
			padding: 10px 6px;
		}
		.map-section-title {
			margin-left:20px;
		}
		.map-section-address,
		.map-section-tel {
			margin-right: 0;
			margin-left:20px;
		}
		.map-section-address-icon,
		.map-section-tel-icon {	
			width: 30px;
			height: 30px;
			margin-right: 6px;
			background-size: contain;
		}

		.map-section-btn {
			padding: 7px 12px;
			border-radius: 6px;
			margin-left:20px;
		}
		.map-section-btn-icon {
			width: 16px;
			height: 16px;
			margin-right: 5px;
		}
		.map-section-guide {
			margin: 18px 0 0 0;
			padding: 0 6px;
		}
		.map-section-guide-row {
			margin-bottom: 18px;
			gap: 10px;
		}
		.map-section-guide-row img {
			width: 80px;
			height: auto;
			margin-right: 10px;
		}
		.map-section-guide-title {
			margin-bottom: 15px;
			margin-top:15px;
		}
		.map-section-guide-title br {display: none;}
		.map-section-guide-info {
			display: block;
		}
		.map-section-guide-info li {
			font-size:16px;
		}
		}




/* 시설개요 & 시설사진 */
.facility-section {
  width: 100%;
  max-width: 1320px;
  box-sizing: border-box;
}
.facility-summary, .facility-photo {
  margin-bottom: 40px;
}
.facility-title {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.facility-title-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/views/_layout/hd/images/icon_plus.png') no-repeat center/contain;
  margin-right: 8px;
}
.facility-summary-list {
  display: flex;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap;
}
.facility-summary-item {
  background: #f3f3f3;
  border-radius: 48px;
  min-width: 220px;
  max-width: 320px;
  flex: 1 1 220px;
  padding: 48px 24px 32px 24px;
  text-align: center;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.facility-summary-label {
  font-size: 24px;
  color: #bbb;
  font-weight: 400;
  margin-bottom: 18px;
}
.facility-summary-label.facility-floor {
  color: #8d8be6;
}
.facility-summary-value {
  font-size: 18px;
  color: #222;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}
.facility-photo-slider-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.facility-photo-slider {
  margin: 0;
  padding: 0;
  list-style: none;
}

.facility-photo-slider-wrap .bx-wrapper .bx-pager {
	bottom:-40px;
}
.facility-photo-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a{
	width: 18px;
	height: 18px;
	background: #ddd;
	border-radius: 9px;
	margin: 0 4px;
}
.facility-photo-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.facility-photo-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2363d1;
	width: 38px;
}

.facility-photo-slider-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
    z-index: 9999;
	border-radius: 50%;    opacity: 1;
	box-shadow: 0 4px 12px rgba(99, 99, 99, 0.4);
}
.facility-photo-slider-wrap .bx-wrapper .bx-prev {
	left: -40px;
	background: url(../images/icon_arrow_9_blue_prev.png) no-repeat center  #fff;
}
.facility-photo-slider-wrap .bx-wrapper .bx-next {
	right: -40px;
	background: url(../images/icon_arrow_9_blue_next.png) no-repeat center  #fff;
}


.facility-photo-slider img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  border-radius: 48px;
}


		/* 반응형 */
		@media (max-width: 1100px) {
		.facility-summary-list {
			gap: 16px;
		}
		.facility-summary-item {
			min-width: 160px;
			padding: 32px 10px 24px 10px;
			border-radius: 32px;
		}
		.facility-photo-slider img {
			height: 220px;
			border-radius: 32px;
		}
		}
		@media (max-width: 700px) {
		.facility-section {
			border-radius: 18px;
			padding: 0 0 30px 0;
		}
		.facility-title {
			margin-bottom: 18px;
		}
		.facility-title-icon {
			width: 18px;
			height: 18px;
		}
		.facility-summary-list {
			flex-direction: column;
			gap: 8px;
		}
		.facility-summary-item {
			min-width: 0;
			max-width: 100%;
			width: 100%;
			padding: 18px 6px 14px 6px;
			border-radius: 18px;
			flex:auto;
		}
		.facility-summary-label {
			margin-bottom: 8px;
		}
		.facility-summary-value {
		}
		.facility-photo-slider img {
			height: 280px;
			border-radius: 18px;
		}
		.facility-photo-slider-wrap .bx-wrapper .bx-prev {
			left: -20px;
		}
		.facility-photo-slider-wrap .bx-wrapper .bx-next {
			right: -20px;
		}
		}




/* 공간 리스트 그리드 */
.space-list-section {
  width: 100%;
  margin: 40px auto 0 auto;
  box-sizing: border-box;
}
.space-list-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 70px 50px;
}
.space-card-sub {
	width: 396px;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 0;
	/*box-shadow: 0 4px 24px rgba(35,81,232,0.07);
	transition: box-shadow 0.2s;*/
	position: relative;
}
.space-card-imgbox {
	width: 100%;
	position: relative;
}
.space-card-imgbox img {
	width: 396px;
	height: 260px;
	object-fit: cover;
	display: block;
	border-radius: 12px 12px 50px 12px;
	transition: box-shadow 0.2s;
}

.space-card-btn {
	position: absolute;
	right: 45px;
	bottom: -18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	background: #f0619c;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-radius: 24px;
	padding: 6px 38px 6px 24px;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(255,91,154,0.08);
	transition: background 0.2s, box-shadow 0.2s;
	border: 0;
}

.space-card-btn:hover {
	background: #e24f88;
	color: #fff;
}

/* 그림자 진해짐 효과 */
.space-card-sub:hover .space-card-imgbox img {
	box-shadow: 0 8px 32px rgba(240,97,156,0.18);
}
.space-card-sub:hover .space-card-btn {
	box-shadow: 0 6px 24px rgba(240,97,156,0.25);
}
.space-card-btn-arrow {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 10px;
  background: url('/views/_layout/hd/images/icon_arrow_11_w.png') no-repeat center/contain;
}
.space-card-info {
  width: 100%;
  padding: 24px 24px 28px 24px;
  box-sizing: border-box;
}
.space-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.space-card-plus {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size:0;
  margin-right: 6px;
  background: url('/views/_layout/hd/images/icon_plus.png') no-repeat center/contain;
  vertical-align: middle;
}
.space-card-size {
  font-size: 16px;
  color: #888;
  font-weight: 400;
  margin-left: 4px;
}
.space-card-desc {
  font-size: 18px;
  color: #444;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
  word-break: keep-all;
}
.space-card-people {
  font-size: 16px;
  color: #888;
  font-weight: 400;
  display: block;
  margin-top: 4px;
}


		/* 반응형 */
		@media (max-width: 1100px) {
			.space-list-grid {
				gap: 24px 16px;
			}
			.space-card {
				width: 45%;
				min-width: 260px;
				max-width: 100%;
			}
			}
			@media (max-width: 768px) {
			.space-list-section {
				padding: 0 6px 30px 6px;
			}
			.space-list-grid {
				grid-template-columns: repeat(3, 1fr);
				gap: 18px;
			}
			.space-card-floor {
				flex: 1 1 48%;
				min-width: 150px;
				max-width: 100%;
			}
			.space-card {
				width: 100%;
				min-width: 0;
				border-radius: 16px;
			}
			.space-card-imgbox img {
				height: 220px;
			}
			.space-card-imgbox {
				border-radius: 16px 16px 0 0;
			}
			.space-card-info {
				padding: 14px 10px 18px 10px;
			}
			.space-card-title {
				font-size: 16px;
			}
			.space-card-size {
				font-size: 13px;
			}
			.space-card-desc {
				font-size: 14px;
			}
			.space-card-people {
				font-size: 12px;
			}
			.space-card-btn {
				font-size: 15px;
				padding: 7px 14px 7px 14px;
				border-radius: 14px;
				right: 10px;
				bottom: 8px;
			}
			.space-card-btn-arrow {
				width: 10px;
				height: 10px;
				margin-left: 6px;
			}
			.space-card-plus {
				width: 14px;
				height: 14px;
				margin-right: 3px;
			}
		}


		@media (max-width: 1024px) {

			.space-card-title {display: inline-block;}
		}


		/* 반응형 */
		@media (max-width: 768px) {
		
			.space-list-grid {
				grid-template-columns: repeat(2, 1fr);
			}
			.space-card-btn {
				right: 30px;
				bottom: -15px;
			}
		}
		/* 반응형 */
		@media (max-width: 425px) {
		
			.space-list-grid {
				grid-template-columns: repeat(1, 1fr);

			}
			.space-card-desc br {display: none;}
		}




/* 공간 기자재 카드형 리스트 */
.space-equi-list-section {
  width: 100%;
  max-width: 1400px;
  padding: 0 20px 60px 20px;
  box-sizing: border-box;
}
.space-equi-list-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 32px;
  justify-content: space-between;
}
.space-card-equi {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 620px;
  min-height: 260px;
  margin-bottom: 0;
  position: relative;
  transition: box-shadow 0.2s;
}
.space-card-equi-imgbox {
  width: 268px;
  min-width: 180px;
  max-width: 220px;
  height: 160px;
  border-radius:12px 12px 35px 12px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
}
.space-card-equi-imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}
.space-card-equi-info {
	flex: 1 1 0;
	padding: 24px 24px 24px 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
}
.space-card-equi-title {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.space-card-equi-plus {
	display: inline-block;
  width: 20px;
  height: 20px;
	margin-right: 6px;
	background: url('/views/_layout/hd/images/icon_plus.png') no-repeat center/contain;
	vertical-align: middle;
}
.space-card-equi-people {
	display: block;
	font-size: 16px;
	color: #888;
	font-weight: 400;
	margin-left: 8px;
}
.space-card-equi-btn {
	background: #f0619c;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-radius: 24px;
	padding: 10px 34px 10px 20px;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(255,91,154,0.08);
	transition: background 0.2s;
	border: 0;
	margin: 0;
	align-self: flex-end;
}
.space-card-equi-btn:hover {
  background: #e24f88;
  color: #fff;
}
.space-card-equi-btn-arrow {
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-left: 8px;
  background: url('/views/_layout/hd/images/icon_arrow_11_w.png') no-repeat center/contain;
}
.space-card-equi-list {
  margin: 18px 0 0 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  color: #444;
  font-weight: 400;
  line-height: 1.3;
  list-style: none;
}
.space-card-equi-list li {
  margin-bottom: 2px;
  word-break: keep-all;
}

		/* 반응형 */
		@media (max-width: 1100px) {
		.space-equi-list-grid {
			gap: 24px 16px;
		}
		.space-card-equi {
			width: 100%;
			min-width: 0;
			max-width: 100%;
		}
		}
		@media (max-width: 800px) {
		.space-card-equi {
			flex-direction: column;
			align-items: stretch;
			width: 100%;
			min-width: 0;
			max-width: 100%;
			border-radius: 16px;
		}
		.space-card-equi-imgbox {
			width: 100%;
			max-width: 100%;
			height: 160px;
			margin: 16px 0 0 0;
			border-radius: 16px 16px 0 0;
		}
		.space-card-equi-imgbox img {
			border-radius: 16px 16px 0 0;
		}
		.space-card-equi-info {
			padding: 14px 10px 18px 10px;
		}
		.space-card-equi-title {
			font-size: 16px;
		}
		.space-card-equi-people {
			font-size: 13px;
		}
		.space-card-equi-list {
			font-size: 13px;
			margin-top: 10px;
		}
		.space-card-equi-btn {
			font-size: 15px;
			padding: 7px 18px 7px 10px;
			border-radius: 14px;
			right: 10px;
			top: 10px;
		}
		.space-card-equi-btn-arrow {
			width: 16px;
			height: 16px;
			margin-left: 4px;
		}
		.space-card-equi-plus {
			width: 14px;
			height: 14px;
			margin-right: 3px;
		}
		}



/* 온라인 예약방법 안내 */
.reserve-step-wrap {
	width: 1300px;
	margin: 40px auto 0;
}
.reserve-step-title {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.reserve-step-plus {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url('/views/_layout/hd/images/icon_plus.png') no-repeat center/contain;
  vertical-align: middle;
}
.reserve-step-list {
  display: flex;
  align-items: flex-start;
  gap: 0;
  flex-wrap: wrap;
}
.reserve-step-item {
	background: #f7f7fa;
    border-radius: 48px;
    min-width: 220px;
    max-width: 260px;
    flex: 1 1 220px;
    padding: 32px 18px 24px 18px;
    text-align: center;
    margin: 0 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: space-evenly;
}
.reserve-step-icon {
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 16px;
}
.reserve-step-desc {
  font-size: 18px;
  color: #222;
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
  text-align: left;
}
.reserve-step-link {
  color: #555;
  font-weight: 700;
  font-size: 14px;
  
}
.reserve-step-arrow {
  width: 45px;
  height: 42px;
  margin: 0 20px;
  align-self: center;
  background: url('/views/_layout/hd/images/step_icon_arrow.png') no-repeat center/contain;
		}

.reserve-step-download-btn {
  display: inline-block;
  background: #2252c7;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  padding: 7px 18px 7px 14px;
  margin-top: 5px;
  text-decoration: none;
  transition: background 0.2s;
  vertical-align: middle;
}
.reserve-step-download-btn:hover {
  background: #163a8c;
  color: #fff;
}
.reserve-step-download-ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  background: url('/views/_layout/hd/images/icon_down_14_w.png') no-repeat center/contain;
  vertical-align: middle;
}

		@media (max-width: 1100px) {
		.reserve-step-list {
			gap: 0;
		}
		.reserve-step-item {
			min-width: 160px;
			padding: 24px 8px 18px 8px;
			border-radius: 32px;
		}
		.reserve-step-icon {
			width: 48px;
			height: 48px;
			margin-bottom: 10px;
		}
		.reserve-step-arrow {
			width: 32px;
			height: 32px;
		}
		}
		@media (max-width: 700px) {
		.reserve-step-wrap {
			width: 100%;
		}
		.reserve-step-title {
			font-size: 16px;
			margin-bottom: 14px;
		}
		.reserve-step-plus {
			width: 14px;
			height: 14px;
			margin-right: 3px;
		}
		.reserve-step-list {
			flex-direction: column;
			gap: 0;
			align-items: stretch;
		}
		.reserve-step-item {
			min-width: 0;
			max-width: 100%;
			width: 100%;
			padding: 18px 6px 12px 6px;
			border-radius: 18px;
			font-size: 1rem;
			margin-bottom: 0;
		}
		.reserve-step-icon {
			width: 36px;
			height: 36px;
			margin-bottom: 6px;
		}
		.reserve-step-desc {
			font-size: 14px;
		}
		.reserve-step-link {
			font-size: 14px;
		}
		.reserve-step-arrow {
			width: 22px;
			height: 22px;
			margin: 0 auto 0 auto;
			background-size: 18px 18px;
		}
		}
		@media (max-width: 700px) {
		.reserve-step-arrow {
			width: 42px;
			height: 45px;
			margin: 0 20px;
			align-self: center;
			background: url('/views/_layout/hd/images/step_icon_arrow_down.png') no-repeat center/contain;
		}
		.reserve-step-download-btn {
			font-size: 13px;
			padding: 5px 10px 5px 8px;
			border-radius: 6px;
			margin-top: 6px;
		}
		.reserve-step-download-ico {
			width: 13px;
			height: 13px;
			margin-left: 2px;
		}
		.reserve-step-email,
		.reserve-step-tel {
			font-size: 12px;
		}
		}

/* 이용안내 */
.reserve-info-wrap {
    width: 1300px;
  margin: 40px auto 0;
}
.reserve-info-title {
  font-size: 22px;
  font-weight: 700;
  color: #222;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.reserve-info-box {
  background: #f7f7fa;
  border-radius: 32px;
  padding: 24px 32px 18px 32px;
  margin-bottom: 18px;
  font-size: 18px;
  color: #222;
  font-weight: 500;
  line-height: 1.6;
  max-width: 400px;
}
.reserve-info-fee {
  margin-bottom: 8px;
}
.reserve-info-time-desc {
  font-size: 15px;
  color: #888;
  font-weight: 400;
}
.reserve-info-list {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
}
.reserve-info-list li {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.7;
  word-break: keep-all;
}
.reserve-info-bullet {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  background: url('/views/_layout/hd/images/icon_info_bullet.png') no-repeat center/contain;
  flex-shrink: 0;
}
.reserve-info-caution {
  color: #5a5ad6;
  font-weight: 700;
  text-decoration: underline;
  margin-right: 2px;
  font-size: 15px;
}
		@media (max-width: 700px) {
		.reserve-info-title {
			font-size: 16px;
			margin-bottom: 14px;
		}
		.reserve-info-box {
			border-radius: 16px;
			padding: 14px 10px 10px 10px;
			font-size: 14px;
		}
		.reserve-info-fee {
			margin-bottom: 4px;
		}
		.reserve-info-list li {
			font-size: 13px;
			margin-bottom: 3px;
		}
		.reserve-info-bullet {
			width: 13px;
			height: 13px;
			margin-top: 2px;
		}
		.reserve-info-caution {
			font-size: 12px;
		}
		}




/* intro */
.intro,
.intro_writer { padding-top: 50px;}
.intro { text-align: center; }
.intro_top { background: url(/views/_layout/hd/images/intro_top.png) no-repeat center; height: 320px; font-size: 60px; font-weight: 600; color: #111; padding-top: 200px; }
.intro_top span:nth-of-type(1) { color: #bb7d3f;}
.intro_top span:nth-of-type(2) { color: #f37c60;}
.intro_top_box { background: url(/views/_layout/hd/images/intro_top_bg.png) no-repeat center; height: 460px; font-size: 20px; color: rgba(255,255,255,.65); line-height: 30px; }
.intro_top_box p { font-size: 60px; color: #fff; font-weight: 600; line-height: 1; padding: 150px 0 40px;}
.intro_top_box span { color: rgba(250,186,123,.65);}

.intro_slogan { font-size: 76px; font-weight: 600; padding-top: 100px;}
.intro_slogan span:nth-of-type(1) { color: #b1794b;}
.intro_slogan span:nth-of-type(2) { color: #313e58;}
.intro_slogan span:nth-of-type(3) { color: #f37c60;}


@media (max-width: 1280px) {
	.intro img { width: 100%;}
	.intro_top,
	.intro_top_box { background-size: 100%;}
}
@media (max-width: 768px) {
	.intro_top { font-size: 50px; height: 250px; padding-top: 150px;}
	.intro_top_box { height: 270px; font-size: 14px; line-height: 22px;}
	.intro_top_box p { font-size: 34px; padding: 80px 0 20px;}
	.intro_slogan { font-size: 50px; padding-top: 50px;}
}
@media (max-width: 425px) {
	.intro,
	.intro_writer { padding-top: 15px;}
	.intro_top { font-size: 24px; height: 110px; padding-top: 70px;}
	.intro_top_box { height: 200px; font-size: 12px; line-height: 16px; background-size: cover; padding: 0 20px;}
	.intro_top_box p { font-size: 20px; padding: 45px 0 10px;}
	.intro_top_box br { display: none;}
	.intro_slogan { font-size: 26px; }
}

/* intro_writer */
.intro_writer_top { font-size: 24px; color: #666; line-height: 1.3; text-align: center;}
.intro_writer_top p { font-size: 50px; color: #111; font-weight: 600; line-height: 1.2; margin-bottom: 10px;}
.intro_writer_top p span { color: #bb7d3f;}
.intro_writer .con_title_box { text-align: center;}
.intro_writer .con_title_box p { font-size: 40px; }
.intro_writer .con_title_box p:after { bottom: 5px;}
.intro_writer_box { display: flex; justify-content: space-around;}
.intro_writer_inner { width: 48%; padding: 35px; background-color: #fbf4ea; }
.intro_writer_txtbox { font-size: 16px; color: #666; line-height: 22px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11; } 
.intro_writer_txtbox img { float: left; margin: 0 20px 10px 0;}
.intro_writer_txtbox p { font-size: 30px; color: #333; font-weight: 600; line-height: 1; margin-bottom: 15px;} 
.intro_writer_inner ul { display: flex; justify-content: space-between; margin-top: 15px;}

@media (max-width: 768px) {
	.intro_writer_top { font-size: 16px; }
	.intro_writer_top p { font-size: 30px; }
	.intro_writer_box { display: inherit; }
	.intro_writer_inner { width: 100%; margin-bottom: 15px;}
}
@media (max-width: 425px) {
	.intro_writer_top { font-size: 12px; }
	.intro_writer_top br { display: none;}
	.intro_writer_top p { font-size: 16px; }
	.intro_writer_box { display: inherit; }
	.intro_writer_inner { width: 100%; margin-bottom: 15px; padding: 20px;}
	.intro_writer_txtbox { font-size: 12px; line-height: 16px; -webkit-line-clamp: 9; }
	.intro_writer_txtbox img { width: 35%;}
	.intro_writer_txtbox p { font-size: 18px; margin-bottom: 10px;}
	.intro_writer_inner ul { margin: 15px -5px 0;}
	.intro_writer_inner ul li { padding: 0 5px;}
}

/* vision */
.vision { text-align: center;}
.vision_arrow { display: block; width: 100%; height: 200px; background: url(/views/_layout/hd/images/vision_arrow.png) no-repeat center;}
.vision_box { padding: 90px 80px; background-color: #fbf4ea;}
.vision_box .con_title_box, .layout_map_box .con_title_box  {  padding-top: 0; }
.vision_box .con_title_box p, .layout_map_box .con_title_box p { font-size: 50px; font-weight: 400; z-index: 0;}
.vision_box .con_title_box p span, .layout_map_box .con_title_box p span { font-weight: 600; display: inline-block; }
.vision_box ul { display: flex; }
.vision_box ul li { width: 25%; padding: 0 30px;}
.vision_box ul li .vision_circle { width: 220px; height: 220px; line-height: 220px; margin: 0 auto; border-radius: 50%; font-size: 36px; color: #fff; position: relative; }
.vision_box ul li .vision_circle:after { content: ""; display: block; width: 200px; height: 200px; border-radius: 50%; border: 1px rgba(255,255,255,.3) solid; position: absolute; top: 10px; left: 10px;}
.vision_box ul li:nth-of-type(1) .vision_circle { background-color: #313e58;}
.vision_box ul li:nth-of-type(2) .vision_circle { background-color: #b1794b;}
.vision_box ul li:nth-of-type(3) .vision_circle { background-color: #dc735a;}
.vision_box ul li:nth-of-type(4) .vision_circle { background-color: #3e3a39;}
.vision_title { font-size: 20px; color: #000; font-weight: 600; margin: 20px 0 10px;}
.vision_txt { font-size: 18px; color: #666; line-height: 20px;}

@media (max-width: 768px) {
	.vision_arrow { height: 150px; background-size: 18%;}
	.vision_box { padding: 50px;}
	.vision_box .con_title_box p, .layout_map_box .con_title_box p { font-size: 30px;}
	.vision_box ul { flex-wrap: wrap;}
	.vision_box ul li { width: 50%;  margin-bottom: 30px;}
	.vision_box ul li .vision_circle { width: 200px; height: 200px; line-height: 200px; font-size: 30px;}
	.vision_box ul li .vision_circle:after { width: 180px; height: 180px; }
}
@media (max-width: 425px) {
	.vision .intro_slogan { padding-top: 30px;}
	.vision_arrow { height: 75px; }
	.vision_box { padding: 20px;}
	.vision_box .con_title_box p, .layout_map_box .con_title_box p { font-size: 16px !important; padding: 0;}
	.vision_box .con_title_box p:after { height: 5px; bottom: 2px;}
	.vision_box ul li { padding: 0; }
	.vision_box ul li .vision_circle { width: 125px; height: 125px; line-height: 125px; font-size: 20px;}
	.vision_box ul li .vision_circle:after { width: 110px; height: 110px; top: 7.5px; left: 7.5px; }
	.vision_title { font-size: 16px; margin: 15px 0 5px;}
	.vision_txt { font-size: 14px; line-height: 18px;}
}






/* instruction */

.instruc_01 {background:url(../images/instruction_bg.png) 50% 0 no-repeat; margin-top:30px; padding:160px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-evenly; align-items: center;} 
.instruc_01 .item {width:210px; height:210px; background-color:#ca8949; background-repeat: no-repeat; border-radius: 50%; text-align: center; vertical-align: middle;}
.instruc_01 .item span {display: block;}
.instruc_01 .item .title {color:#fff; font-size:22px; font-weight:700}
.instruc_01 .item .title:before {content:''; display: block; background-position:50% 85%; background-repeat: no-repeat; width:210px; height:120px;}
.instruc_01 .item .subtxt {color:#fff; font-size:16x; font-weight:400}

.instruc_01 .item.n1 {background-image:url(../images/instruction_circle1_bg.png)}
.instruc_01 .item.n2 {background-image:url(../images/instruction_circle2_bg.png)}
.instruc_01 .item.n3 {background-image:url(../images/instruction_circle3_bg.png)}
.instruc_01 .item.n4 {background-image:url(../images/instruction_circle4_bg.png)}
.instruc_01 .item.n5 {background-image:url(../images/instruction_circle5_bg.png)}
.instruc_01 .item.n1 .title:before {background-image:url(../images/instruction_circle1_icon.png);}
.instruc_01 .item.n2 .title:before {background-image:url(../images/instruction_circle2_icon.png);}
.instruc_01 .item.n3 .title:before {background-image:url(../images/instruction_circle3_icon.png);}
.instruc_01 .item.n4 .title:before {background-image:url(../images/instruction_circle4_icon.png);}
.instruc_01 .item.n5 .title:before {background-image:url(../images/instruction_circle5_icon.png);}


.instruction .con_title_box p { font-size: 40px;}
.instruction .con_title_box { text-align: center;}


.instruction .con_box { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-evenly; align-items: center; max-width: 80%; margin:0 auto;} 
.instruction .process {width:140px; height:140px; background-color:#f8f8f8; border:8px solid #eeeeee; border-radius: 50%; text-align: center; vertical-align: middle; color:#000000; font-size:18px; font-weight:700; display: flex; align-items: center; 
}
.instruction .process p {width:100%; display:block; text-align: center;}
.instruction .arrow {width:65px; height:20px; background-position:100% 50%; background-repeat: no-repeat;  background-image:url(../images/instruc_arrow.png)}

.instruction .con_box.instruc_04 .arrow {width:40px}
.instruction .con_box.instruc_04 .process.p2,
.instruction .con_box.instruc_04 .process.p3   {background-color:#fff3e8; border:8px solid #ffe5cc; font-size:20px; }




/* layout_map */
.layout_map { padding: 70px; background-color: #fbf4ea; text-align: center; margin-top: 30px;}

@media (max-width: 768px) {
	.layout_map { padding: 40px; margin-top: 20px;}
}
@media (max-width: 425px) {
	.layout_map { padding: 20px; }
	.layout_map_box .con_title_box { padding-bottom: 10px;}
}

/* map */
.map .map_box { border: 1px #ddd solid;}

@media (max-width: 425px) {
	.map .map_box #map { height: 200px !important;}
}


/* support_steps */
.support_steps { display: flex; align-items: center; justify-content: space-between; margin-top: 50px; }
.support_step_box { text-align: center; background-color: #fbf4ea; width: 17%; height: 270px; position: relative;}
.support_step_box:after { content: ""; display: block; width: 30px; height: 25px; background: url(/views/_layout/hd/images/support_arrow.png) no-repeat center; position: absolute; top: 44%; right: -40px;}
.support_steps > div:last-of-type:after { display: none;}
.support_icon { width: 80px; height: 80px; margin: 40px auto 30px; background: no-repeat center;}
.support_step { font-size: 20px; color: #999; line-height: 1; margin-bottom: 20px;}
.support_txt { font-size: 22px; color: #000; line-height: 1; font-weight: 600;}
.support_txt span { font-size: 14px; color: #666; font-weight: 500; margin-left: 5px;}
.support_steps > div:nth-of-type(1) .support_icon { background-image: url(/views/_layout/hd/images/support_icon1.png);}
.support_steps > div:nth-of-type(2) .support_icon { background-image: url(/views/_layout/hd/images/support_icon2.png);}
.support_steps > div:nth-of-type(3) .support_icon { background-image: url(/views/_layout/hd/images/support_icon3.png);}
.support_steps > div:nth-of-type(4) .support_icon { background-image: url(/views/_layout/hd/images/support_icon4.png);}
.support_steps > div:nth-of-type(5) .support_icon { background-image: url(/views/_layout/hd/images/support_icon5.png);}


/* support */
.support { text-align: center;}
.movin_support {}
.startup_support {}


/* cibi */
.cibi { text-align: center;}
.cibi_top {height:50px;}
.cibi_box { display: flex; justify-content: space-around;}
.cibi_inner { width: 48%;}
.cibi_txtbox {padding: 40px; background-color: #fbf4ea;} 
.cibi_txtbox img { min-width: 100%;}
.cibi_inner a.download { font-size: 20px;width:90%; color: #fff;  font-weight: 500; line-height: 3em; margin: 0 auto; 
	/* background:#ca8949;*/ 
	background:linear-gradient(#9a5c1e 2%, #ca8949 20%);
	border-radius:0; 
} 
@media (max-width: 525px) {
	.cibi_box { display: block;}
	.cibi_box .cibi_inner:last-child {margin-top:30px}
	.cibi_inner { width: 100%;}
}




/* btn */
.btn { background-color: #333; color: #fff; font-size: 16px; text-align: center; line-height: 45px; padding: 0 20px; border-radius: 8px; display: inline-block; margin: 0 5px; border: 0; box-shadow: none; }
.btn:hover, .btn-default:hover { background-color: #000; color: #fff;}

@media (max-width: 768px) {
	.btn { font-size: 16px; line-height: 50px; width: 140px; border-radius: 5px;}
}
@media (max-width: 425px) {
	.btn { font-size: 14px; line-height: 40px; width: 120px; }
}

.mt20 {margin-top:20px !important}
.mb20 {margin-bottom:20px !important}

/* member */
.access { margin:0; float:inherit; width:100%; }
.access .panel { border-radius:0; box-shadow:none; width:480px; margin:5% auto 15%; border-color: #999 }
.access .panel-heading { font-size:24px; font-weight: 600; background:none; text-align:center; padding: 30px 0; border: 0;}
.access .panel-body { padding: 0; }
.access .panel-body form { width: 80%; margin: 0 auto}


@media (max-width: 425px) {
	.access .panel { width: 95%; margin: 10% auto 20%;}
	.access .panel-heading { font-size: 18px; padding: 20px 0 15px;}
	.access .panel-body form { width: 85%; margin: 0 auto 20px; }
	.access .form-control { line-height: 50px; height: 50px;}
}


/* membermodify */
.membermodify .mem_box { width: 540px; margin: 60px auto; border: 1px #999 solid; padding: 30px;}
.membermodify_title { font-size: 20px; font-weight: 600; color: #000; text-align: center; }
.membermodify_txt { text-align: center; padding-top: 30px; font-size: 16px;}
.membermodify_txt span { color: #da411c; }
.membermodify .mem_box .find_idpw_box { padding-top: 30px;}
.membermodify .mem_box .find_idpw_box .btn { width: 240px; margin-top: 20px;}

.membermodify.input_form .box-table { border: 1px #ddd solid; padding: 30px; border-radius: 10px; background-color: #f9f9f9; margin-top: 40px;}
.membermodify .mem_box .btn_center .btn { margin: 0;}

.membermodify .alert { /*margin-bottom: -20px !important;*/}
.membermodify_inner_title { font-size: 20px; font-weight: 600; margin: 30px 0 20px; color: #000;}

@media (max-width: 425px) {
	.membermodify .mem_box { width: 100%; margin: 20px auto; padding: 20px 30px;}
	.membermodify_title { font-size: 16px;}
	.membermodify .mem_box .find_idpw_box { padding-top: 20px; font-size: 14px;}
	.membermodify .mem_box .find_idpw_box .btn { width: 100%; display: block; margin: 10px 0 0 0;}
	.membermodify_txt { padding-top: 5px; font-size: 12px;}
	.membermodify.input_form .box-table { padding: 15px; margin-top: 15px;}
}



.mem_box { max-width:700px; margin:50px auto; }
.mem_box .alert { margin:20px 0 -20px; text-align:center; }


/* login */
.login_box, .mypage { width:100%; }
.login_txt01 { font-size:26px; line-height:26px; text-align:center; color:#333; }
.login_txt02 { font-size:14px; line-height:26px; text-align:center; color:#666; margin-top:25px; }
.login_box .panel { border:0; box-shadow:0; border-radius:0; background:#f7f4f0; width:100%;  }
.login_box .col-sm-offset-1 { display:none; }

.login_box .login_add { text-align:center; }
.login_box .btn_idpw { padding-right:15px; margin-right:15px; border-right:1px #dbdbdb solid; }

/* login_box */
.login_box .panel { padding:50px 0 15px; position:relative; }
.login_box .panel-body { padding:0; }
.login_box .control-label { text-align:left; font-size:16px; width:24.5%; padding-left:50px; }
.login_box .form-control { height:40px; margin-bottom:8px; width:330px; }
.login_box .form-group {margin-bottom:0}
.login_box .login_btn { position:absolute; top:50px; right:100px; }
.login_box .login_btn .btn { width:88px; height:88px; padding:0; }
.login_box .login_add { margin:20px 0 35px; }
.login_box .login_add .btn {background-color: transparent; font-size:14px;color:#333; line-height:1.2em;margin:0; border-radius: 0;}
.login_box .col-sm-offset-1 {display: none;}

.login_box .btn {}
.login_box .btn.login { width: 88px; height: 88px; padding: 0; background-color:#ce843f; color:#fff;font-size:16px; line-height:1.2em; }
.login_box .btn.register {border-right:1px solid #ddd}



/* find_idpw_box */
.find_idpw_box { width:100%; background:#f7f4f0; margin-top:40px; padding-bottom:50px; color:#806040; font-size:16px; line-height:28px; }
.find_idpw_box_tab { padding-bottom:50px;  }
.find_idpw_box_tab li { width:50%; height:60px; line-height:60px; text-align:center; font-size:18px; background:#dbd2c5; color:#fff; float:left; cursor:pointer; }
.find_idpw_box_tab li:hover { background:#d7cbbb; }
.find_idpw_box_tab li.on { background:#f7f4f0; color:#333; }
.find_id_txt { background:url(../images/find_idpw_img.png) no-repeat 140px 33px; padding:30px 0 30px 265px; }
.find_id_txt .btn { margin-top:20px; }

.find_id { text-align:center; padding:20px 0; }
.find_id span { color:#f68b1f; }
.find_id .btn { margin-top:30px; width:145px; background-color: #ce843f; }

.find_pw_txt { text-align:center; padding-bottom:30px; }
.find_pw_txt.error { color:#ff1010; }
.find_pw_input { border-top:1px #dbc8af solid; border-bottom:1px #dbc8af solid; width:460px; margin:0 auto; padding:18px 0 10px; }
.find_pw_input .input_num { width:100px !important; }
.find_pw_input table th { width:130px; padding-left:10px; }



@media (max-width: 600px) {

	/* login */
	.login_box .mem_box { width:100%; padding:0 20px; }
	.login_box .control-label, .mypage .control-label { display:none; }
	.login_box .form-control, .mypage .form-control { margin-top:-1px; margin-bottom:0 !important; width:100%; }
	.login_box .panel { padding:30px; }
	.login_txt02 { line-height:20px; }
	.login_box .login_btn { position:inherit; }
	.login_box .login_btn .btn, .mypage .btn { width:100%; height:40px; line-height:40px; border-radius:3px; margin-top:10px; }
	.login_box .login_add { margin:10px 0 20px; text-align:left; }
	.login_box .login_link_box { width:100%; }
	.login_box .login_link { height:50px; line-height:50px; width:50%; }
	.login_box .login_link span { padding:3px 0 3px 35px; font-size:14px; background-size:contain; }
	
	/* find_idpw_box */
	.find_idpw_box { padding-bottom:30px; }
	.find_idpw_box .form-control { margin-top:0; margin-bottom:5px !important; }
	.find_id_txt { background-position:110px 32px; padding:30px 0 30px 220px; line-height:20px; }
	.find_id_txt .btn { margin-top:15px; }	
	.find_idpw_box_tab { padding-bottom:30px; }
	.find_idpw_box_tab li { height:50px; line-height:50px; font-size:16px; }
	.find_pw_txt { font-size:14px; line-height:20px; }
	.find_pw_input { width:420px; }
	.find_pw_input table th { width:90px; }

}




/**
	app skin css
*/

.app_con_step { width: 90%; margin: 0 auto;}

@media (max-width: 1024px) {
	.app_con_step { width: 100%;}
}

/* app_tabs */
.app_tabs { width: 100%; display: flex; border-bottom: 1px #ddd solid; margin-bottom: -1px; }
.app_tabs li { width: 25%; background-color: #f9f9f9; font-size: 20px; color: #666; line-height: 70px; text-align: center; cursor: pointer; border: 1px #ddd solid; margin: 0 -1px -1px 0; }
.app_tabs li:hover { color: #000; background-color: #eee;}
.app_tabs li.on,
.app_steps li.on { background-color: #333; border-color: #333; color: #fff; cursor: default; }


/*faq용*/
.app_tabs.faq {margin: 0 auto 60px;}
.app_tabs.faq li {width:33.3%}

/* app_steps */
.app_steps { width: 100%; display: flex; justify-content: center; margin-bottom: 30px;}
.app_steps li { margin: 0 10px 30px; width: 250px; border-radius: 50px; background-color: #f9f9f9; font-size: 20px; color: #666; line-height: 60px; text-align: center; border: 1px #ddd solid;}

@media (max-width: 768px) {
	.app_tabs li { font-size: 16px; line-height: 50px;}
}
@media (max-width: 425px) {
	.app_tabs { justify-content: space-around;}
	.app_tabs li { width: 100%; font-size: 11px; line-height: 40px; }
	.app_steps { margin-bottom: 15px;}
	.app_steps li { margin: 0 5px; font-size: 13px; line-height: 34px;}
}



/* app_btn */
.app_btn { display: inline-block ;background-color: #124ad9;  min-width: 240px; width: auto; line-height:50px; height: 50px; border-radius:40px;font-size:18px; font-weight:700; }
.app_btn:hover { background-color: #111; color: #fff;} 



.app_btn_s { display: inline-block !important; border: 1px #ddd solid; margin: 0; background-color: #fff; font-size: 16px; line-height: 50px; padding: 0 20px; border-radius: 5px; }
.app_btn_s:hover { background-color: #eee; color: #333; border-color: #ccc;} 

.app_btn_2 { background-color: #003b8f;}
.app_btn_2:hover { background-color: #003b8f;}

@media (max-width: 425px) {
	.app_btn { min-width: 45%; display: block; margin-bottom:10px; }
}



/* app_con */
.app_con_title_box { display: flex; align-items: baseline; margin-bottom:30px; }

.app_con_title_box .app_con_ampm .am,
.app_con_title_box .app_con_ampm .pm {display: inline-block; border-radius: 12px; font-size:13px; padding:0 20px; background:#dbebff }

.app_con_title { font-size: 24px; line-height: 1; font-weight: 600; color: #000; padding:40px 0 20px; display: flex; align-items: center;}
.app_con_title .date { font-size: 16px; color: #fff; background-color: #003b8f; padding: 0 15px; border-radius: 50px; font-weight: 500; line-height: 28px; display: inline-block; margin-left: 10px; }

.app_con_title:first-of-type { padding:0 0 20px 0; }
.app_con_title_center { text-align: center; display: inherit; padding-bottom: 50px;}
.app_con_box { border: 1px #ddd solid; background-color: #f9f9f9; padding: 30px 35px; font-size: 18px; line-height: 30px;}
.app_con_box > strong { color: #000;}
.stress { color: #e01818;}

.support.support_1 .app_con_box  {text-align: left;}
.support.support_1 .app_con_box ul li strong:before  {content: 'ㆍ '; display: inline-block;}
.support.support_1 .app_con_box ul li strong {display: inline-block; width:110px}

@media (max-width: 768px) {
	.app_con_title { font-size: 22px; padding: 40px 0 10px;}
	.app_con_box { font-size: 16px; line-height: 24px; padding: 20px 25px;}
}
@media (max-width: 425px) {
	.app_con_title_box { display: inherit;}
	.app_con_title { font-size: 16px; padding: 20px 0 10px;}
	.app_con_title .date { font-size: 13px; padding: 0 10px; line-height: 24px;}
	.app_con_title_center { padding-bottom: 20px; line-height: 1.5; width: 80%; margin: 0 auto; }
	.app_con_box { font-size: 12px; line-height: 18px; padding: 15px; max-height: 250px; overflow-y: auto;}
}


/* app_con_tbl */
.app_con_tbl { overflow-x: auto;}
.app_con_tbl table { font-size: 18px; border: 1px #ddd solid; }
.app_con_tbl table th, .app_con_tbl table td { padding: 20px; text-align: center; }
.app_con_tbl table th { background-color: #f4f6f9; color: #000; }
.app_con_tbl table th.row { background-color: #fcfdea; }
.app_con_tbl table input[type="number"] { text-align: end; min-width: 60px; padding: 0 5px;}
.app_con_tbl table td:last-child img {height:120px;}

.app_chk { font-size: 18px; padding-top: 20px;}
.app_chk label { display: flex; align-items: center;}
.app_chk input[type=checkbox] { width: 17px; height: 17px; margin: 0 5px 0 0;}

.app_con_box_btn { display: flex; align-items: center; }
.app_con_box_btn .app_btn_s { margin-left: auto; text-align: center;}

@media (max-width: 768px) {
	.app_con_tbl table { font-size: 14px; white-space: nowrap;}
	.app_con_tbl table th, .app_con_tbl table td { padding: 10px;}
}
@media (max-width: 425px) {
	.app_con_tbl table { font-size: 12px;}

	.app_chk { font-size: 13px; padding-top: 10px;}
	.app_chk input[type=checkbox] { width: 14px; height: 14px;}
ㅋ
	.app_con_box_btn { display: inherit;}
}

/* app_calendar */
.app_calendar_info { margin-left: auto; display: flex; align-items: center; }
.app_calendar_info li { display: flex; align-items: center;}
.app_calendar_info li span { display: inline-block; width: 15px; height: 15px; border: 1px #ddd solid; margin: 0 5px 0 10px; }

.app_calendar_xclose.admin,
.app_calendar_info li:nth-of-type(1) span { background-color: #dbebff;}
.app_calendar_info li:nth-of-type(2) span { background-color: #e24f88;}
.app_calendar_info li:nth-of-type(3) span { background-color: #f4f6f9;}
.app_calendar_info li:nth-of-type(4) span { background-color: #fff;}
.app_calendar { margin-bottom: 30px;}
.app_calendar table { font-size: 14px; }
.app_calendar table th, .app_calendar table td { padding: 10px 5px;}
.app_calendar_close { background-color: #f4f6f9;}
.app_calendar_xclose { background-color: #f4f6f9;}
.app_calendar_xclose span { display: block; margin-top:10px !important; width: 12px; height: 12px; margin: 0 auto; background: url(/views/_layout/hd/images/app_close.png) no-repeat center; }



.app_calendar_select { background-color: #e24f88 !important; color:#fff !important }

@media (max-width: 425px) {
	.app_calendar_info { justify-content: flex-end; margin-bottom: 10px;}
	.app_calendar_info li { font-size: 12px;}
}




/** calendar version 2 : **/
.app_con_flex_box { display: flex }
.app_con_flex_box > div { width: 50%; }
.app_con_flex_item { margin-left: 40px; }

.calendar_title { display: flex; justify-content: center; align-items: center; margin:40px 0 0; }
.calendar_title .calendar_prev_month { font-size:24px; cursor:pointer;}
.calendar_title .calendar_now_month { font-size:30px; margin:0 20px;}
.calendar_title .calendar_next_month { font-size:24px; cursor:pointer;}

.calendar_tbl { width: 100%; border-collapse: collapse; }
.calendar_tbl table { font-size: 14px; border:2px #505050 solid; table-layout: fixed;}
.calendar_tbl table th { padding: 10px 0px; text-align: center; font-size:16px; font-weight:500}
.calendar_tbl table th.sun { color: #ff81b9; }
.calendar_tbl table th.satur { color: #afd3ff; }
.calendar_tbl table th { background-color: #505050; border-bottom:1px solid #505050; color: #fff; font-size:16px; } /* f4f6f9 */
.calendar_tbl table th.row { background-color: #fcfdea; }
.calendar_tbl table td { position: relative; border-bottom:1px solid #505050;}
.calendar_tbl table td.sun { color: #bd3216; }
.calendar_tbl table td.satur { color: 02479b; }
.calendar_tbl table td.app_calendar_dayoff { background-color:#f4f6f9; }
.calendar_tbl table td > div { padding: 5px; width: 100%; aspect-ratio: 1 / 1; display: flex; flex-direction: column; }
.calendar_tbl table td .days { font-size: 14px; text-align: left;}
.calendar_tbl table td .dayoff { font-size: 13px; color:red; position:absolute; bottom:4px; left:10px;}
.calendar_tbl table td .ampm { font-size: 13px; color:#333; font-weight:500; margin: 5px 0 0 auto; width:100%; text-align: center; border-radius: 12px; background-color:#dbebff; cursor: pointer; }
.calendar_tbl table td .ampm.disabled { background-color: #eee !important; }
.calendar_tbl table td .ampm.admin { background-color: #eee !important; cursor:default; }
/*.calendar_tbl table td .ampm.admin { background-color: #afd3ff !important; }*/
@media (max-width: 768px) {
	.app_con_flex_box { flex-wrap: wrap; }
	.app_con_flex_box > div { width: 100%; }
	.app_con_flex_item { margin-left: 0px; margin-top: 40px }
}

/* app_con_file */
.app_con_file { padding:30px 20% 50px; }
.app_con_file a { text-decoration: underline; }
.app_con_file a:hover { color: #e01818; }
.app_con_file_box { display: flex; margin: 20px 0; } 
.app_con_file_box .file_box { flex: 1 1 auto; display: flex;}
.app_con_file_box .file_box .upload_name { display: inline-block; height: 40px; padding: 0 10px; font-size: 16px; border: 1px solid #ddd; width: 100%; color: #999; }
.app_con_file_box .file_box label { display: inline-block; padding: 0 20px; font-size: 16px; color: #333; background-color: #eee; border: 1px #ddd solid; border-left: 0; cursor: pointer; line-height: 38px; margin: 0; }
.app_con_file_box .file_box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.app_con_file_box .file_add { padding: 0 20px; font-size: 16px; color: #fff; background-color: #f37c60; border: 0; line-height: 40px; height: 40px; margin-left: 5px; }

.app_con_file_list li { display: flex; align-items: center; font-size: 18px; color: #333; padding: 0 10px; line-height: 60px; border-bottom: 1px #ddd solid; }
.app_con_file_list li button { margin-left: auto; font-size: 0; border: 0; width: 15px; height: 15px; display: block; background: url(/views/_layout/hd/images/app_close.png) no-repeat center; }

@media (max-width: 425px) {
	.app_con_file { padding: 20px 15px 30px;}
	.app_con_file_box { margin: 10px 0;}
	.app_con_file_box .file_box .upload_name,
	.app_con_file_box .file_box label,
	.app_con_file_box .file_add { font-size: 13px; height: 34px; line-height: 34px; }	
	.app_con_file_box .file_box label,
	.app_con_file_box .file_add { padding: 0 10px;}

	.app_con_file_list li { font-size: 13px; line-height: 40px;}

}

/* app_con_list */
.app_con_list > ul { display: flex; align-items: center; }
.app_con_list_th, .app_con_list_td { padding: 20px; border-bottom: 1px #ddd solid; text-align: center; font-size: 18px;}
.app_con_list_th { border: 1px #ddd solid; border-radius: 8px; background-color: #f9f9f9; font-weight: 600; color: #111;}

.app_con_list .num { width: 10%;}
.app_con_list .thumb { width: 30%;}
.app_con_list .thumb img { border: 1px #ddd solid; width: 150px;}
.app_con_list .title { width: 40%; font-size: 16px; }
.app_con_list .title p { font-weight: 600; color: #111; font-size: 18px; line-height: 2;}
.app_con_list .btn_area { width: 20%;}

.app_con_list_td .title { text-align: left; padding-left: 20px;} 
.app_con_list a { display: inline-block;}
.app_con_list .app_btn_s { display: inline-block !important;}

.app_con_list .pagination { margin-top: 50px; }
.app_con_list .pagination a { color: #333; }

@media (max-width: 768px) {
	.app_con_list_th, .app_con_list_td { font-size: 15px;}
}
@media (max-width: 425px) {
	.app_con_list_td { display: inherit !important; font-size: 14px;}
	.app_con_list_th { padding:0; border-color:#333; }
	.app_con_list_th li,
	.app_con_list .num { display: none !important;}	
	.app_con_list .thumb { width: 40%; float: left;}
	.app_con_list .thumb img { width: 100%;}
	.app_con_list .title { width: 60%; float: left;}
	.app_con_list .title p { font-size: 14px;}
	.app_con_list .btn_area { width: 100%; clear: left; text-align: right;}
}

/* app_list */
.app_list_txt { font-size: 16px; color: #666; margin: 30px 0 10px;}
.app_list li,
.app_list .btn_area { width: 10%;}
.app_list li:nth-of-type(1) { width: 30%;}
.app_list li:nth-of-type(2),
.app_list li:nth-of-type(6) { width: 20%;}
.app_list .app_btn_s { display: inline-block !important; font-size: 14px; width: auto; margin-top: 10px; padding: 0 15px; line-height: 30px;}

.app_list_2 li:nth-of-type(1) { width: 10%;}
.app_list_2 li:nth-of-type(2) { width: 40%;}
.app_list_2 li:nth-of-type(3),
.app_list_2 li:nth-of-type(5) { width: 20%;}

.label { border-radius: 0; font-size: 12px; color: #fff; padding: 5px 10px; font-weight: 500; }
.label_1 { background-color: #e35b3b;}
.label_2 { background-color: #da7420;}
.label_3 { background-color: #313e58;}
.label_4 { background-color: #999;}

@media (max-width: 425px) {
	.app_list_txt { font-size: 12px; margin: 20px 0 10px;}	
	.app_list .app_con_list_td { padding: 10px 15px;}
	.app_list li { width: 100% !important; text-align: left !important; padding-bottom: 5px;}
	.app_list li:nth-of-type(1) { font-size: 18px; color: #000; font-weight: 600; padding-bottom: 5px;}
	.app_list .btn_area { display: flex; align-items: center;}
	.app_list .btn_area .app_btn_s { margin: 0 0 0 auto;}
}


@media (max-width: 768px) {
	.app_con_title { font-size: 22px; padding: 40px 0 10px;}
	.app_con_box { font-size: 16px; line-height: 24px; padding: 20px 25px;}
}
@media (max-width: 425px) {
	.app_con_title_box { display: inherit;}
	.app_con_title { font-size: 16px; padding: 20px 0 10px;}
	.app_con_title .date { font-size: 13px; padding: 0 10px; line-height: 24px;}
	.app_con_title_center { padding-bottom: 20px; line-height: 1.5; width: 80%; margin: 0 auto; }
	.app_con_box { font-size: 12px; line-height: 18px; padding: 15px; max-height: 250px; overflow-y: auto;}

	.app_btn_s { font-size: 12px !important; line-height: 26px !important; width: 100px; margin-top: 10px;}
}

.searchbox .btn,
.searchbuttonbox .btn { height:40px; border-radius:0; padding:0 10px; font-size:18px; margin: 0 0 3px 0; width: auto; line-height: 1; }



/*********************************************/


/********************************************************************************************************************************
 admin*/

 .admin_btn { margin-top:100px; text-align:right; }

 @media (min-width:768px) {		
	 .navbar-right { margin-right:0; }
	 .navbar-right .dropdown-menu { right:inherit; }
	 .container>.navbar-collapse { padding-right:0; padding-left:0; }		
 }