@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(/fonts/nanums/nanumsquare.css);



@font-face {
    font-family: 'notokr-light';
    src: url('/inc/fonts/noto/NotoKR-Light/notokr-light.eot');
    src: url('/inc/fonts/noto/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Light/notokr-light.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Light/notokr-light.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Light/notokr-light.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-thin';
    src: url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.eot');
    src: url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'notokr-medium';
    src: url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.eot');
    src: url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.eot');
    src: url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Medium/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-black';
    src: url('/inc/fonts/noto/NotoKR-Black/notokr-black.eot');
    src: url('/inc/fonts/noto/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Black/notokr-black.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Black/notokr-black.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Black/notokr-black.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-bold';
    src: url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.eot');
    src: url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
    url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.woff') format('woff'),
    url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
    url('/inc/fonts/noto/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* 珥덇린�솕 */
html, body{}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px; font-family:'Nanum Gothic', 'Malgun Gothic', serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6, p, td { font-family:'Nanum Gothic', 'Malgun Gothic', serif;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, ol, li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

* { margin: 0; padding: 0; }


table{width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    display:table;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.box5 {
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(/inc/js/PIE.htc);
}

.box10 {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(/inc/js/PIE.htc);
}


.box35 {
    -moz-border-radius: 35px; /* Firefox */
    -webkit-border-radius: 35px; /* Safari and Chrome */
    border-radius: 35px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(/inc/js/PIE.htc);
}




.box100 {
    -moz-border-radius: 100px; /* Firefox */
    -webkit-border-radius: 100px; /* Safari and Chrome */
    border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(/inc/js/PIE.htc);
}


.box50p {
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari and Chrome */
    border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(/inc/js/PIE.htc);
}


.cb{clear:both;}
.pl30{padding-left:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.con_wrap_1000{width:100%; max-width:1000px; margin:0 auto; padding-bottom:50px;}
.w1000{width:100%; max-width:1000px; margin:0 auto; }
.inline > ul > li{display:inline-block; *display:inline; zoom:1;}

.fc_fff{color:#fff;}
.fc_000{color:#000;}
.fc_6a1400{color:#6a1400;}


/* �뙘�뾽�젅�씠�뼱 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* �럹�씠吏� */
.paging{margin:30px auto; text-align:center; overflow:hidden;}
.paging > ul{display:table; margin:0 auto;}
.paging > ul > li{display:table-cell;}
.paging > ul > li:first-child a{border-left:1px solid #e1e1e1;}
.paging > ul > li > a{display:block; padding:7px 15px; border:1px solid #e1e1e1; color:#777; background:#f4f4f4; border-left:0;}
.paging > ul > li > a:hover{background:#22647e; color:#fff; font-weight:bold}
.paging > ul > li.on > a{background:#4a79ad; color:#fff; font-weight:bold}

/* 寃��깋 */
.sch_box{text-align:center;}
.sch_box *{margin-left:-2px;}
.sch_box select {border: 1px solid #ccc;height: 32px;}
.sch_box input{border: 1px solid #ccc;background: #fff;vertical-align: middle;height:30px; width:300px;}
.sch_box button{background:#2b5cac; color:#fff; border:0; width:50px; height:32px}





/*�넻�빀 �엯�젰�뤌*/
.form_box{}
.form_box input[type=text], .form_box input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


.form_box .address span{margin:3px 0;}
.form_box .address span.post{margin:3px 0 0; display:inline-block;}
.form_box .address span.post_btn{display:inline-block; border:0;}
.form_box .address span.post_btn button{border:0; background:#2C5DAC; color:#fff; padding:9px;}

.form_box .use_date > div > span{display:inline-block; *display:inline; zoom:1;}
.form_box .use_person > div > span{width:100px;}

.form_btn{text-align:center;}
.form_btn > button{padding:10px 20px; border:0;}

.form_btn > button.btn_ok{background:#162466; color:#fff;}
.form_btn > button.btn_ok:hover{background:#2C5DAC;}
.form_btn > button.btn_can{background:#777; color:#fff;}
.form_btn > button.btn_can:hover{background:#999;}


.write_form{}
.write_form input[type=text], .write_form input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.write_form > h2{text-align:center; margin:30px 0;}
.write_form > ul > li{padding:5px 10px; border-bottom:1px dashed #ddd}
.write_form > ul > li.food_info{border-top:2px solid #25c8f5;}
.write_form > ul > li > h3{font-size:13px; margin:10px 0;}
.write_form > ul > li  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}

.write_form > ul > li > div{display:table; width: 100%; margin:3px 0;}
.write_form > ul > li > div.form_tel > div{width:32%;}
.write_form > ul > li > div.form_add{margin-bottom:3px;}
.write_form > ul > li > div.form_add > div{width:32%}

.write_form > ul > li > div > div{display:table-cell; vertical-align:top;}
.write_form > ul > li > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form > ul > li > p{padding:5px;}
.write_form > ul > li > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > ul > li > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > ul > li > p.checkbox_btn{padding:5px;}
.write_form > ul > li > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:30px; border:0px;}
.write_form .form_btn button{display:inline-block; border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > ul > li.login_lost_join > ul > li{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > ul > li.login_lost_join > ul > li > a{display:inline-block; padding:5px 5px; margin:2px 0; color:#555}
.write_form > ul > li.login_lost_join > ul > li > i{display:inline-block; width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form > h2{text-align:center; margin:30px 0;}
.write_form > dl > dt, .write_form > dl > dd{display:inline-block; *display:inline; zoom:1; border-bottom:1px dashed #ddd; padding:10px;}
.write_form > dl > dt{width:20%; background:#f5f5f5; vertical-align:top; text-align:center; font-weight:bold;  height:37px; line-height:40px;}
.write_form > dl > dd{width:75%;}
.write_form > dl > dd.form_btn{width:100%;}

.write_form > dl > dd  span{display:inline-block; border:1px solid #ddd;  background:#fff; margin-right:3px;}

.write_form > dl > dd > div{width: 100%;}
.write_form > dl > dd > div.form_tel > div{width:32%;}
.write_form > dl > dd > div.form_add{margin-bottom:3px;}
.write_form > dl > dd > div.form_add > div{width:32%}

.write_form > dl > dd > div > div{display:table-cell; padding-right:5px;}
.write_form > dl > dd > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form > dl > dd > p{padding:5px;}
.write_form > dl > dd > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > dl > dd > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > dl > dd > p.checkbox_btn{padding:5px;}
.write_form > dl > dd > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:30px; border:0px;}
.write_form .form_btn button{display:inline-block; border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > dl > dd.login_lost_join > dl > dd{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > dl > dd.login_lost_join > dl > dd > a{display:inline-block; padding:5px 5px; margin:2px 0; color:#555}
.write_form > dl > dd.login_lost_join > dl > dd > i{display:inline-block; width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form > dl.txtarea > dt{height:179px; line-height:179px;}
.write_form > dl.txtarea > dd  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


/*紐⑤컮�씪�슜
.write_form > dl > dd  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}
.write_form > dl > dd > div{display:table-cell; width: 100%;}
*/








.boot_box {}


.boot_box select,
.boot_box textarea,
.boot_box input[type="text"],
.boot_box input[type="password"],
.boot_box input[type="datetime"],
.boot_box input[type="datetime-local"],
.boot_box input[type="date"],
.boot_box input[type="month"],
.boot_box input[type="time"],
.boot_box input[type="week"],
.boot_box input[type="number"],
.boot_box input[type="email"],
.boot_box input[type="url"],
.boot_box input[type="search"],
.boot_box input[type="tel"],
.boot_box input[type="color"]{ background-color: #ffffff; border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}


.boot_box select,
.boot_box textarea,
.boot_box input[type="text"],
.boot_box input[type="password"],
.boot_box input[type="datetime"],
.boot_box input[type="datetime-local"],
.boot_box input[type="date"],
.boot_box input[type="month"],
.boot_box input[type="time"],
.boot_box input[type="week"],
.boot_box input[type="number"],
.boot_box input[type="email"],
.boot_box input[type="url"],
.boot_box input[type="search"],
.boot_box input[type="tel"],
.boot_box input[type="color"]{display: inline-block; height: 25px; padding: 0px 0px; font-size: 14px; color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:auto;
}


.boot_box textarea:focus,
.boot_box input[type="text"]:focus,
.boot_box input[type="password"]:focus,
.boot_box input[type="datetime"]:focus,
.boot_box input[type="datetime-local"]:focus,
.boot_box input[type="date"]:focus,
.boot_box input[type="month"]:focus,
.boot_box input[type="time"]:focus,
.boot_box input[type="week"]:focus,
.boot_box input[type="number"]:focus,
.boot_box input[type="email"]:focus,
.boot_box input[type="url"]:focus,
.boot_box input[type="search"]:focus,
.boot_box input[type="tel"]:focus,
.boot_box input[type="color"]:focus{border-color: rgba(82, 168, 236, 0.8); outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.boot_box .add_input > input{width:94%;}
.boot_box .check_box_input{line-height:180%;}
.boot_textarea > textarea{width:95%; height:300px}




.boot_form2 .btn{padding:4px 10px; }
.boot_form2 .add_input{margin:3px 0;}
.boot_form2 .split_input > div{display:inline-block;}
.boot_form2 .split_input_hp > div{display:inline-block; width:30%;}
.boot_form2 .split_input_hp > div > input{width:100%;}


.btn {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    padding: 10px 24px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
    background-color: #cccccc \9;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
    background-color: #cccccc \9;
}
.btn:first-child {
    *margin-left: 0;
}
.btn:first-child {
    *margin-left: 0;
}
.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    /* Buttons in IE7 don't get borders, so darken on hover */

    background-position: 0 35px;

    -webkit-transition: background-position 0.5s cubic-bezier(0, 0, 0.24, 1.01);
    -moz-transition: background-position 0.5s cubic-bezier(0, 0, 0.24, 1.01);
    -o-transition: background-position 0.5s cubic-bezier(0, 0, 0.24, 1.01);
    transition: background-position 0.5s cubic-bezier(0, 0, 0.24, 1.01);
}
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.active,
.btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1276c2;
    background-image: -moz-linear-gradient(top, #128dc2, #1252c2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#128dc2), to(#1252c2));
    background-image: -webkit-linear-gradient(top, #128dc2, #1252c2);
    background-image: -o-linear-gradient(top, #128dc2, #1252c2);
    background-image: linear-gradient(to bottom, #128dc2, #1252c2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff128dc2', endColorstr='#ff1252c2', GradientType=0);
    border-color: #1252c2 #1252c2 #0c357c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #1252c2;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.btn-info {
    height: 25px;
    line-height: normal;
    padding: 0 10px;
}
.select_split span{display:inline-block;}
.select_split > ul > li{display:inline-block;}


.schedule_wrap .schedule_body {position:relative;}
.schedule_wrap .schedule_body .sch_pop{position:absolute; background:#fff; border:1px solid #333; z-index:99; width:100%;}
.schedule_wrap .schedule_body .sch_pop .pop_close_btn{text-align:right; display:block;}

.schedule_wrap .schedule_body .sch_pop > h2{text-align:center; padding-bottom:10px; font-size:20px}
.schedule_wrap .schedule_body .sch_pop > div{border:1px solid #d5d5d5; border-radius:15px; width:80%; margin:0 auto; padding:30px;}

.schedule_wrap .schedule_body .sch_pop dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body .sch_pop dl dt, .schedule_wrap .schedule_body .sch_pop dl dd{display:table-cell; padding:15px 5px; border-bottom:0px solid #e1e1e1; border-right:0px solid #e1e1e1; width:auto; text-align:left; height:auto; font-size:13px; margin:0 10px; border-top:1px solid #e1e1e1;}

.schedule_wrap .schedule_body .sch_pop dl:first-child dt{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl:first-child dd{border-top:0;}
.schedule_wrap .schedule_body .sch_pop dl dt{text-align:center; line-height:normal; font-weight:bold; width:160px; background:#fff;}
.schedule_wrap .schedule_body .sch_pop dl dt:first-child{color:#333; font-weight:bold; border-left:0px solid #e1e1e1;}
.schedule_wrap .schedule_body .sch_pop dl dd:first-child{color:none; border-left:0px solid #e1e1e1; }
.schedule_wrap .schedule_body .sch_pop dl dd:hover{background:none;}

.schedule_wrap .schedule_body .sch_pop dl dd.w100px{width:100px; text-align:center; color:#002a58}
.schedule_wrap .schedule_body .sch_pop dl dd > a{height:auto;}
.schedule_wrap .schedule_body .sch_pop dl dd > i{float:right; margin-top: 3px;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a{display:block; padding:7px; border:1px solid #ddd;}
.schedule_wrap .schedule_body .sch_pop dl dd > i > a:hover{background:#555; color:#fff;}






.schedule_wrap{margin-top:50px;margin-bottom: 30px;}
.schedule_wrap .schedule_head{overflow:hidden;}
.schedule_wrap .schedule_head > div{text-align:center;}
.schedule_wrap .schedule_head > div > ul{overflow:hidden;}
.schedule_wrap .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.schedule_wrap .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.schedule_wrap .schedule_head > div.select_date > ul > li{display:inline-block; *display:inline; zoom:1; }


.schedule_wrap .schedule_head{display:table; width:100%;}
.schedule_wrap .schedule_head > div{display:table-cell; width:30%;}
.index_sc .schedule_head > div{display:table-cell; width:33%;}
.schedule_wrap .schedule_head > div.select_date{text-align:left;}
.schedule_wrap .schedule_head > div.select_date > ul > li select{border:1px solid #ccc; padding:10px; width:100px; font-weight:bold;}
.schedule_wrap .schedule_head > div.sc_title > h2{font-size:27px; display:inline-block; margin: 0px 15px 5px; vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title > a{display:inline-block; padding:10px; border:1px solid #ccc; background:#fff;  vertical-align: middle;}
.schedule_wrap .schedule_head > div.sc_title >a:hover{background:#3f88bf; color:#fff; border:1px solid #3f88bf;}

.sc_title select{border: 0; background: transparent; font-size:19px; font-weight:bold; font-family:"notokr-medium";}
.sc_title > div{display:inline-block; margin:0 15px;}
.select_date > a{display: inline-block; padding: 10px; border: 1px solid #ccc; background: #fff; vertical-align: middle;}
.select_date > a:hover{background:#3f88bf; color:#fff; border:1px solid #3f88bf;}



.schedule_wrap .schedule_head  div.sc_point{text-align:right;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i{display:inline-block; width:10px; height:10px; margin-right:3px;}
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon1{background:#a9d0ff; }
.schedule_wrap .schedule_head  div.sc_point > ul > li i.point_icon2{background:#28f7f7; border-radius:10px; }

.schedule_wrap .schedule_sub_head{margin:10px 0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.schedule_wrap .schedule_sub_head > ul{display:table; width:100%;}
.schedule_wrap .schedule_sub_head > ul > li{display:table-cell; *display:inline; zoom:1; padding:15px 5px; text-align:center;}
.schedule_wrap .schedule_sub_head > ul > li > span{margin-right:1px; display:block;}


.schedule_wrap .schedule_body{background:#fff;}
.schedule_wrap .schedule_body dl {display:table; width:100%; text-align:center;}
.schedule_wrap .schedule_body dl dt, .schedule_wrap .schedule_body dl dd{display:table-cell; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:14%; text-align:left; font-size:15px;}
.schedule_wrap .schedule_body dl dt{border-top:1px solid #e1e1e1; text-align:center; line-height:35px; font-weight:bold; background:#1c2e43; color:#c7d7e8; border-right:1px solid #2b4058;}
.schedule_wrap .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.schedule_wrap .schedule_body dl dd.on > a{background:#e9f3ff; font-weight:bold}
.schedule_wrap .schedule_body dl dd.today > a{background:#e9f3ff; font-weight:bold}




.schedule_wrap .schedule_body dl dd > a{display:block; padding:0; height:110px; padding:10px; }
.schedule_wrap .schedule_body dl dd > a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.schedule_wrap .schedule_body .calendar_area > dl > dd{position:relative}
.schedule_wrap .schedule_body .calendar_area > dl > dd.off_day a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation a{}
.schedule_wrap .schedule_body .calendar_area > dl > dd.reservation span{display:block;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > span{position:absolute; top:5px; right:5px; color:#2C5DAC}
.schedule_wrap .schedule_body .calendar_area > dl > dd:hover div.res_time{display:block; text-align:center;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time{position:absolute; top:-80px; left:-101px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.res_time > ul > li.off > a{color:#ccc}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont{background:#fffabd; width:101%; position:absolute; left:0px;  font-size:11px; top:35px}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_cont u{display:block; height:14px; overflow:hidden;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-decoration:none; padding:3px 0px 3px 3px; }
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point{position:absolute; right:10px; top:10px;}
.schedule_wrap .schedule_body .calendar_area > dl > dd > div.sc_point u{display:block; background:#28f7f7; border-radius:50%; font-size:10px; padding:2px; text-decoration:none;  width:15px; height:15px}



.schedule_wrap .schedule_btn{text-align:right; margin-top:15px;}
.schedule_wrap .schedule_btn > button{border:0; background:#ff1e1e; color:#fff; padding:10px 15px; transition:0.5s}
.schedule_wrap .schedule_btn > button:hover{background:#c10505;}




.day_wrap{overflow:hidden;padding:10px 0;}
/*.day_wrap > div{float:left;}*/

.day_wrap .day_time > .day_time_head{margin-bottom:15px;}
.day_wrap .day_time > .day_time_head h2 {text-align: center; margin: 15px 0px 10px;font-size: 15px;}

.day_wrap .day_time > .day_time_body{}
.day_wrap .day_time > .day_time_body > ul > li{position:relative;}
.day_wrap .day_time > .day_time_body > ul > li > a{display:block; text-align:center; padding:5px 5px 3px;position:relative; background:#fff; border:1px dashed #e1e1e1;  border-top:0px;}
.day_wrap .day_time > .day_time_body.use_time > ul > li > a{background:#33b3eb; color:#fff;}
.day_wrap .day_time > .day_time_body > ul > li:first-child a{ border-top:1px dashed #e1e1e1; }
.day_wrap .day_time > .day_time_body > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time > .day_time_body > ul > li.off > a{color:#ccc}

.day_wrap .day_time_body > ul > li:hover div.res_time{display:block; text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time{position:absolute; top:20px; left:30px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li.off > a{color:#ccc}



/*.day_box{ width:40%; margin-right:10px;}*/
.day_box dl{margin:0 !important;}
.day_box span{border:0;}
.day_box .schedule_head{overflow:hidden; position:relative;}
.day_box .schedule_head > div{text-align:center;}
.day_box .schedule_head > div > ul{overflow:hidden;}
.day_box .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.day_box .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px; }

.schedule_head  div.sc_point{position:absolute; right:10px; top:5px;}
.schedule_head  div.sc_point > ul > li i{display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; vertical-align:middle;}
.schedule_head  div.sc_point > ul > li i.point_icon1{background:#ec721b; }



.day_box .schedule_body{background:#fff;}
.day_box .schedule_body dl {display:table; width:100%; text-align:center;}
.day_box .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.day_box .schedule_body dl dt, .day_box dl dd{display:table-cell; padding:10px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.day_box .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.day_box .schedule_body dl dd:hover{background:#FFFBC8;}

.day_box .schedule_body dl dd a{display:block; padding:0; text-align:center;}
.day_box .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.day_box .schedule_body > dl > dd{position:relative}
.day_box .schedule_body > dl > dd.off_day a{color:#ccc}
.day_box .schedule_body > dl > dd.reservation a{}
.day_box .schedule_body > dl > dd.reservation span{display:block;}
.day_box .schedule_body > dl > dd > span{display:none;}
.day_box .schedule_body > dl > dd > span{position:absolute; top:2px; right:0px; color:#2C5DAC}
.day_box .schedule_body > dl > dd:hover div.res_time{display:block}
.day_box .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}

.day_box .schedule_body > dl > dd > div.sc_point{position:absolute; right:10px; top:10px;}
.day_box .schedule_body > dl > dd > div.sc_point u{display:block; background:#ec721b; border-radius:50%; font-size:10px; padding:2px; text-decoration:none;  width:2px; height:2px}





#schedule{border:1px solid #ddd; margin:20px 0; padding:20px; overflow:hidden;}
#schedule > h3 {font-size: 14px; padding: 10px; padding-top:0; border-bottom: 2px solid #e1e1e1; color: #73879C;}
#schedule > div{float:left; margin-top:20px; border:1px solid #e1e1e1; padding:10px; margin-right:20px; height: 350px; overflow-y:scroll;}
#schedule > div > h4 {font-size: 14px; padding: 10px; padding-top:0; border-bottom: 2px solid #e1e1e1; color: #777; font-weight:normal;}

#schedule > div.schedule_box01 {width: 50%;}
#schedule > div.schedule_box02 {width: 13%;}
#schedule > div.schedule_box03 {width: 27%; margin-right:0;}

.selected_time{margin-left:10px;}
.selected_time > h2{margin-bottom:17px;}
.selected_time > dl{border:1px solid #e1e1e1; padding:10px;}
.selected_time > dl > dt, .selected_time > dl > dd{display:inline-block; *display:inline; zoom:1; font-size:13px;}
.selected_time > dl > dt{font-weight:bold}
.selected_time > dl > dd{}
.selected_time > h2 {text-align: center; margin: 15px 0px 10px; font-size: 15px; }


.st_time_btn button {
    display: block;
    margin: 5px auto;
    padding: 10px;
    text-align: center;
    background: #c84444;
    color: #fff;
    border: 0px;
    border-radius: 4px;
}

.bbs_wrap{margin:20px 0;  background:#fff;}
.bbs_wrap > ul{display:table; width:100%;}
.bbs_wrap > ul > li{display:table-cell; width:30%; }
.bbs_wrap > ul > li:first-child{}

.bbs_wrap > ul > li ul{border:1px solid #ccc; border-left:0; border-top:0;}
.bbs_wrap > ul > li:first-child ul{border-left:1px solid #ccc;}

.bbs_wrap .bbs_box{/*padding: 40px 30px 50px;*/}
.bbs_wrap .bbs_box > a{display:block;}
.bbs_wrap .bbs_box > a > h2{padding-bottom:10px; margin-bottom:10px; font-size:22px; font-family:"notokr-thin"; }
.bbs_wrap .bbs_box > a > span{float:right; margin-top:-10px;}
.bbs_wrap .bbs_box > ul{min-height:135px; padding:10px 20px; }
.bbs_wrap .bbs_box > ul > li{}
.bbs_wrap .bbs_box > ul > li > a {display: block;padding: 5px 0;font-size: 13px;white-space: nowrap;width: 70%;overflow: hidden;text-overflow: ellipsis;}
.bbs_wrap .bbs_box > ul > li > a:hover{text-decoration:underline}
.bbs_wrap .bbs_box > ul > li > a > i{display:inline-block; width:4px; height:4px; background:#999; margin-bottom: 2px; border-radius:50%;}
.bbs_wrap .bbs_box > ul > li > span{float:right; color:#777; font-size:11px; margin-top:5px;}


.banner_wrap {overflow:hidden;}
.banner_wrap > div {float:left;}

/* 25.05.27 R바우처 배너 추가 */
.full_banner {width: 100%; background: url('/img/ai_banner.jpg') no-repeat 75% top; background-size: cover; height: 200px; margin-top: 20px;}
.full_banner > a {display: flex; align-items: center; width: 100%; height: 100%;}
.full_banner > a .txt {max-width: 640px; width: 100%; margin: 0 auto;}
.full_banner > a .txt h2 {font-size: 32px; font-weight: 100; color: #fff; letter-spacing: -0.025em; margin-bottom: 20px;}
.full_banner > a .txt h2 > b {font-weight: bold;}
.full_banner > a .txt span {display: inline-block; background-color: #0134ff; width: 120px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; color: #fff; text-align: center;}





.slide_banner{border:1px solid #e1e1e1; background:#fff; margin-top:20px;}
.slide_banner > ul{text-align:center;}
.slide_banner > ul > li {display:inline-block; *display:inline; zoom:1; width:20%; margin:0 20px;}
.slide_banner > ul > li > a{display:block; padding:20px;}






body{background:#f3f3f3;}
#header{border-bottom:1px solid #ddd;}
#header > h1 {background:#fff; text-align:center;}
#header > h1 > a {display:inline-block; text-align:center; padding:20px 0;}
#header > h1 > a img{max-width:340px;}

#header > div.hd_banner{background:url('/img/hd_v_bg.jpg') no-repeat center center #f3f3f3; height:89px; line-height:89px; margin-top:20px;}
#header > div.hd_banner > ul{text-align:center;}
#header > div.hd_banner > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 20px; font-family:'notokr-medium'; font-size:18px;}
#header > div.hd_banner > ul > li:before{content:"|"; padding-right:40px; font-size:11px;  font-family:'notokr-light'; }
#header > div.hd_banner > ul > li:first-child:before{content:""}

#header .tnb{background:#1c2e43;}
#header .tnb > div.tnb_box {width:100%; max-width:1200px; margin:0 auto; text-align:right; padding:10px 0; overflow:hidden;}
#header .tnb > div > ul.tnb01{float:left}
/*#header .tnb > div > ul.tnb01 > li > a {display: inline-block; padding: 5px; color: #fff; border: 1px solid #4a75a7; background: #22538c;}*/

#header .tnb > div > ul.tnb01 > li > a{display:inline-block; color:#fff; padding:5px 10px; border-radius:5px; border:1px solid #fff; margin-left:10px;}


#header .tnb > div > ul.tnb02{float:right}
#header .tnb > div > ul.tnb02 > li{display:inline-block; *display:inline; zoom:1; margin: 0 5px; vertical-align:middle;}
#header .tnb > div > ul.tnb02 > li > a{display:inline-block;  padding:5px; color:#fff; padding-left:15px; font-size:12px;}
#header .tnb > div > ul.tnb02 > li > a:hover{color:#ffe200;}
#header .tnb > div > ul.tnb02 > li:first-child:before{content:""; }
#header .tnb > div > ul.tnb02 > li:before{content:"|"; color:#405a79;}

#contents{max-width:1200px; margin:0 auto; position:relative; min-height:560px}

.bbs_title{display:table; width:100%;}
.bbs_title > p{display:table-cell; width:39px; padding:10px;}
.bbs_title > p img{width:39px;}
.bbs_title > h2{display:table-cell; color:#fff; padding-left:15px; vertical-align:middle; font-size:18px; font-family: "notokr-thin";}
.bbs_title > span{display:table-cell; width:70px; text-align:center;}
.bbs_title > span img{width:14px;;}

.bbs_bg1{background:#e04b40; }
.bbs_bg1 > p{background:#b92116; }

.bbs_bg2{background:#f8b814; }
.bbs_bg2 > p{background:#d89b00; }

.bbs_bg3{background:#006271; }
.bbs_bg3 > p{background:#004b57; }



#footer{margin-top:30px; background:url('https://iact.or.kr/img/footer_bg.jpg'); text-align:center; padding:20px 0 0; color:#fff;}
#footer > h2{padding-bottom:20px;}
#footer > p{padding:5px 0;}
#footer > p.copy{color:#ddd;}

#footer > p > a{color:#fffabd;}
#footer > p > a:hover{text-decoration:underline}










.bbs_list_wrap th > span{overflow:hidden;display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.bbs_list_wrap th > span > a{position:relative; display:block; *display:inline; zoom:1; border:1px solid #85a3c3; width:10px; height:10px; vertical-align:middle; color:#3b5067;}

.bbs_list_wrap th > span > a.on{color:#fff}
.bbs_list_wrap th > span > a > i{position: absolute; font-size:10px;}
.bbs_list_wrap th > span > a > i.fa-sort-up{top: 2px; left: 2px;}
.bbs_list_wrap th > span > a > i.fa-sort-down{left:2px; top:-2px}

.bbs_search_wrap{padding:10px 0;}
.bbs_search_wrap span{margin-right:0; border: 1px solid #ccc; border-right:0; }
.bbs_search_wrap > ul {margin:10px 0; display:table; width:100%;}
.bbs_search_wrap > ul > li{display:table-cell; border:0px solid #ccc; vertical-align:middle;}
.bbs_search_wrap > ul > li > span{position:relative;}
.bbs_search_wrap > ul > li > span > i{position:absolute; right:10px; top:11px }
.bbs_search_wrap > ul > li > div > ul{display:table;}
.bbs_search_wrap > ul > li > div > ul > li{display:table-cell;}

.bbs_search_wrap .bg_eee{background:#eee !important;}

.bbs_search_wrap button{border: 0; background: #113761; color: #fff; padding:10px; font-size: 16px; font-weight: bold; width:100%;}
.bbs_search_wrap button > span {border-radius:0; box-shadow: 0px 0px 0px #ccc;display: inline-block; border: 0px solid #ddd; background:none; margin-right: 10px; font-size:13px}


#sub_wrap{margin-top:30px;}
#sub_wrap{ margin:15px auto; ;background:#fff; border:1px solid #d5d5d5; padding:30px;}
#sub_wrap .bbs_list_wrap > h2{padding-bottom:10px; border-bottom:2px solid #024793;}



#sub_wrap .bbs_list_wrap table.notice_box tr.notice{background:#fff7d1;}

#sub_wrap .bbs_list_wrap table.notice_box th, .bbs_list_wrap table.notice_box td{text-align:center; padding:15px 0;}
#sub_wrap .bbs_list_wrap table.notice_box th{border-top:0px solid #024793; border-bottom:1px solid #024793; background:#4a79ad; color:#fff;}
#sub_wrap .bbs_list_wrap table.notice_box td{border-bottom:1px solid #d5d5d5;}
#sub_wrap .bbs_list_wrap table.notice_box td.sch{text-align:left;}
#sub_wrap .bbs_list_wrap table.notice_box th > a{color:#fff}
#sub_wrap .bbs_list_wrap table.notice_box td.subject{text-align:left; padding-left:10px;}
#sub_wrap .bbs_list_wrap table.notice_box td.subject > a{display:inline-block; font-weight:bold}
#sub_wrap .bbs_list_wrap table.notice_box td.subject > a:hover{text-decoration:underline}
#sub_wrap .bbs_list_wrap table.notice_box td.subject > span{}

#sub_wrap .bbs_foot_box {overflow:hidden; padding:10px 0;}
#sub_wrap .bbs_foot_box > .search_box{float:left;}
#sub_wrap .bbs_foot_box > .search_box > span{display:inline-block;}
#sub_wrap .bbs_foot_box > .search_box > button{margin-left:-5px; background:#004A9A; border:0; color:#fff; padding:10px 8px 10px 10px;}
#sub_wrap .bbs_foot_box > .search_box > button > span{border:0; background:none; font-size:15px}

#sub_wrap .bbs_foot_box > .btn_box{float:right; text-align:right;}
#sub_wrap .bbs_foot_box > .btn_box > a{display:block; background:#ff3434; color:#fff; padding:10px;}
#sub_wrap .bbs_foot_box > .btn_box .btn_ok{display:block; background:#ff3434; color:#fff; padding:10px;}


#sub_wrap .bbs_foot_box > .btn_list{float:left;}
#sub_wrap .bbs_foot_box > .btn_list > input {display: block; background: #ff3434; color: #fff; border:0; padding: 10px;}


.notice_write th{border-bottom:1px solid #e1e1e1; width:100px;}
.notice_write td{padding:15px 5px; border-bottom:1px solid #e1e1e1;}
.notice_write td > div{}
.notice_write td > div > ul {display:table; width:100%;}
.notice_write td > div > ul > li{display:table-cell; width:30%;}
.notice_write td.w20 > div > ul > li{display:inline-block; width:15%;}
.notice_write td > ul > li{display:inline-block; *display:inline; zoom:1; margin-right:5px;}
.notice_write td > ul > li > span.inblock{display:inline-block;}

.write_foot_box .btn_box{text-align:center; margin:20px 0;}
.write_foot_box .btn_box > a{display:inline-block; background:#ff3434; color:#fff; padding:10px 20px;}
.write_foot_box .btn_box > .btn_ok{border:0px; display:inline-block; background:#ff3434; color:#fff; padding:10px 20px;}



.notice_view_wrap .view_hd > p{float:right; margin-top:40px;}
.notice_view_wrap .view_hd > h3{font-size:25px; padding:20px; font-weight:normal;}

.notice_view_wrap .view_cont {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.notice_view_wrap .view_cont > dl{display:table; width:100%; }
.notice_view_wrap .view_cont > dl > dt, .notice_view_wrap .view_cont > dl > dd{display:table-cell; padding:15px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.notice_view_wrap .view_cont > dl > dt{background:#f5f5f5; width:10%; text-align:center; font-weight:bold;}
.notice_view_wrap .view_cont > dl > dd{background:#ffff; width:40%;}
.notice_view_wrap .view_cont > dl > dd b{display:inline-block; margin-left:5px; border-radius:3px; background:#004a9a; color:#fff; padding:5px 8px;}

.notice_view_wrap .view_cont .view_cont_body{border:1px solid #e1e1e1; border-top:0; padding:30px; line-height:170%; border-right:0;}

.notice_view_wrap .view_foot .btn_box{text-align:center; margin:20px 0;}
.notice_view_wrap .view_foot .btn_box > a{display:inline-block; background:#777; color:#fff; padding:10px 20px;}


.icon_place01{display:inline-block; background:#3EB57F; color:#fff; font-size:11px; font-style:normal; padding:4px 5px 6px; border-radius:15px;}
.icon_place01 a {color:#fff;}













.sch_wrap{background:#f5f5f5; border:1px solid #d5d5d5;}
.sch_wrap > ul{display:table; width:100%;}
.sch_wrap > ul > li{display:table-cell; vertical-align:middle; }
.sch_wrap > ul > li.sch_img_box{width:180px;}
.sch_wrap > ul > li.sch_category_box{}
.sch_wrap > ul > li.sch_btn_box{width:180px; text-align:center;}

.sch_wrap .sch_img{margin-top:50px;}
.sch_wrap .sch_category > ul{display:table; width:100%;}
.sch_wrap .sch_category > ul > li{display:table-cell;  padding:5px;}
.sch_wrap .sch_category > ul > li.sc_btn_wrap_width{width:200px;;}
.sch_wrap .sch_category > ul.category_box > li{display:inline-block; *display:inline; zoom:1; width:18.9%;}
.sch_wrap .sch_category > ul.category_box > li span{max-width:200px}
.sch_wrap .sch_btn button{border:0; background:#44a4a0; color:#fff; padding:8px; border-radius:20px; width:100%; font-size:17px; font-weight:bold;}
.reset_btn > a{display:block;  padding:5px 10px; text-align:center;}
.reset_btn > a > span{border:0; background:none; display:inline-block; margin-right:0px;}



.select_style span{border-radius:10px; box-shadow: 0px 0.5px 0px #ccc; }
.select_style select{padding:0 20px 0 10px;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background: url('/img/select_arrow.png') 90% no-repeat; /* �솕�궡�몴 �씠誘몄� */}
.select_style select::-ms-expand {display: none;}


.list-type{    vertical-align: bottom;}
.list-type ul{float:right;}
.list-type ul li{border:1px solid #e1e1e1; margin:5px 0 5px 0px !important; float:left; }
.list-type ul li a{display:block;  padding:5px; color:#999; }
.list-type ul li.on {border:1px solid #aaa;}
.list-type ul li.on a{color:#333}

.list-type span {
    border-radius: 10px;
    box-shadow: 0px 0px 0px #ccc;
}


.s_bg{
    background: url(/img/select_arrow.png) 90% no-repeat #318daf !important;
    color:#fff;
    border:0px solid #ccc;
    border-radius:7px;


}
.s_bg option{background:#fff  !important; color:#333}




.eq_list_title{overflow:hidden; border:1px solid #d5d5d5; margin:20px 0; padding:10px 20px;}
.eq_list_title > div.total_box{float:left; margin-top:10px;}
.eq_list_title > div.sort_box{float:right}
.eq_list_title > div.sort_box > ul > li{display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align:middle;}
.eq_list_title > div.sort_box > ul > li > a{float:left; border:1px solid #e1e1e1; padding:10px;}
.eq_list_title > div.sort_box > ul > li > a:first-child{border-right:0;}
.eq_list_title > div.sort_box > ul > li > a.on{border:1px solid #777;}


.list_thum{border:1px solid #d5d5d5; padding:10px;}
.list_thum > ul{}
.list_thum > ul > li{overflow:hidden; display:inline-block; *display:inline; zoom:1; margin:10px 15px; border-bottom:1px solid #e1e1e1; padding-bottom:25px; width:47%; vertical-align:top;}
.list_thum > ul > li > div{float:left;width:45%;}
.list_thum > ul > li > div.thum_img{border:1px solid #e1e1e1; margin-right:10px; overflow: hidden; text-align:center; position:relative}

.using_icon{position:absolute; padding:2px 5px; background:#ec5427; border:0; color:#fff; border-radius:3px; font-size:11px; top:5px; left:5px}
.using_icon2{position:absolute; padding:2px 5px; background:#ec5427; border:0; color:#fff; border-radius:3px; font-size:11px; top:8px; right:5px}
.list_thum > ul > li > div.thum_img > a{
    display: block;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    margin: 0 auto;
}

.list_thum > ul > li > div.thum_img  img{max-height:100%;}

/*.list_thum > ul > li > div.thum_img img{width:150px;}*/

.list_thum .thum_text > h3{border-bottom:1px dashed #e1e1e1; padding:5px; text-align:left;}
.list_thum .thum_text > dl{display:table; width:100%; border-bottom: 1px dashed #ddd;    padding: 5px 0;}
.list_thum .thum_text > dl > dt, 
.list_thum .thum_text > dl > dd{display:table-cell; border-bottom:1px dashed #e1e1e1; padding:5px;}
.list_thum .thum_text > dl > dt{width:60px; font-weight:bold; text-align:center;}
.list_thum .thum_text > dl > dd{text-align:left;}



.list_text{border:1px solid #d5d5d5;}
.list_text > ul > li{border-bottom:1px solid #e1e1e1;}
.list_text .thum_text{padding:10px;}
.list_text .thum_text > dl{display:table; width:100%;}
.list_text .thum_text > dl > dt, .list_text .thum_text > dl > dd{display:table-cell; padding:5px;}
.list_text .thum_text > dl > dt{width:70px; font-weight:bold}
.list_text .thum_text > dl > dt:after{content:"|"; padding-left:10px;}
.list_text .thum_text > dl > dd{text-align:left;}

.list_text > ul > li > a{display:block; position:relative}
.list_text > ul > li > a:hover{}
.list_text > ul > li > a:hover:after{content:""; width:3px; height:98px; border-left:3px solid #217AFF; position:absolute; left:0; top:0;}
.list_text > ul > li > a > div > ul{display:table; width:100%;}
.list_text > ul > li > a > div > ul > li{display:table-cell; vertical-align:middle; border-left:1px solid #e1e1e1;}
.list_text > ul > li > a > div > ul > li + li{width:25%;}
.list_text > ul > li > a > div > ul > li + li + li{width:35%;}
.list_text > ul > li > a > div > ul > li + li + li + li{width:25%;}
.list_text > ul > li > a > div > ul > li:first-child{text-align:center; padding:0 10px; border-left:0;width:5%;}

.lt_spacing{letter-spacing:0.7px}






.eq_view_wrap{margin-top:50px;}

.eq_view_wrap > div.eq_view_title{overflow:hidden; padding:10px 0;}
.eq_view_wrap > div.eq_view_title > h2{text-align:center; font-size:27px}
.eq_view_wrap > div.eq_view_title > a{margin-left:2px;float:right; display:block; padding:10px; font-size:14px}
.eq_view_wrap > div.eq_view_title > a.prev_btn{background:#5a7f99; color:#fff; }
.eq_view_wrap > div.eq_view_title > a.md_btn{background:#995a8b; color:#fff; }


.eq_view_wrap > div.eq_view_title > a.m_btn{background:#888; color:#fff}
.eq_view_wrap > div.eq_view_title > a.d_btn{background:#FF3030; color:#fff}


.view_text_box{border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:100%;}
.view_text_box > dl{display:table; width:100%;}
.view_text_box > dl > dt, .view_text_box > dl > dd{display:table-cell; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:10px;}

.view_text_box > dl > dt{background:#f5f5f5; font-weight:bold; width:10%; text-align:center;}
.view_text_box > dl > dd{width:20%;}

.view_thum_box{text-align:center; margin-top:30px;}
.view_thum_box > div{display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.view_thum_box > div.thum_small{width:21%;}
.view_thum_box > div.thum_small > ul > li{display:inline-block; *display:inline; zoom:1; width:80px; height:80px; line-height:80px; overflow:hidden; border:2px solid #e1e1e1; margin:10px; padding:5px;}
.view_thum_box > div.thum_small > ul > li:hover{border:2px solid #004a9a;}
.view_thum_box > div.thum_small > ul > li.on{border:2px solid #004a9a;}
.view_thum_box > div.thum_small > ul > li > a{display:block;}
.view_thum_box > div.thum_small > ul > li > a img{width:80px;}

.view_thum_box > div.thum_big{border:1px solid #d5d5d5; width:57%; position:relative; height:400px; vertical-align:middle; line-height:400px; overflow:hidden;}
.view_thum_box > div.thum_big > img{max-width:500px; max-height:350px;}
.view_thum_box > div.thum_big > ol{}
.view_thum_box > div.thum_big > ol > li{position:absolute; top:0%}
.view_thum_box > div.thum_big > ol > li > a{font-size:40px; color:#999}
.view_thum_box > div.thum_big > ol > li > a:hover{color:#333}
.view_thum_box > div.thum_big > ol > li.thum_arr_left{left:10px;}
.view_thum_box > div.thum_big > ol > li.thum_arr_right{right:10px;}

.table_box{border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-top:30px;}
.table_box > dl{display:table; width:100%;}
.table_box > dl > dt, .table_box > dl > dd{display:table-cell; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:10px;}
.table_box > dl > dt{background:#f5f5f5; width:100px; text-align:center; font-weight:bold;}


.eq_write_wrap > h2{text-align:center; margin-bottom:20px; font-size:21px; }
.eq_write > dl{display:table; width:100%;}
.eq_write > dl > dt,.eq_write > dl > dd{display:table-cell; padding:15px 5px; border-bottom:1px solid #e1e1e1;}
.eq_write > dl > dt{width:10%; text-align:center; font-weight:bold; vertical-align:middle;}
.eq_write > dl.split_2depth > dd{width:40%;}
.eq_write > dl.file_box > dd > span{margin:5px 0;}
.eq_write > dl.file_box > dd > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:5px;}
.eq_write > dl.file_box > dd > ul > li > a{display:block; width:100px; height:100px; border:1px solid #e1e1e1; line-height:100px; overflow:hidden;}
.eq_write > dl.file_box > dd > ul > li > a:hover{border:1px solid #ccc;}


.write_btn{text-align:center; margin:20px 0;}
.write_btn > a{display:inline-block; color:#fff; padding:10px 20px;}
.write_btn > a.write_ok{background:#ff3434;}
.write_btn > a.write_can{background:#777;}



.split_input > dd > span{display:inline-block; *display:inline; zoom:1; margin:3px 0; }
.split_input > dt > a{display:inline-block; text-align:center; width:20px; height:20px; line-height:17px;  font-size:13px; font-weight:bold; background:#408BDC; color:#fff; border-radius:50%;}



.eq_adm_title > h3{font-size:20px;color:#fff; padding:10px 10px; background:#5A7F99; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}


.select_btn_drop{position:relative;}
.select_btn_drop > button{color:#444; border:1px solid #ccc; padding:7px 30px; background:#fff; }
.select_btn_drop > ul{position:absolute; background:#fff; border:1px solid #ccc; padding:5px;   text-align:left; width:100%; overflow-y:scroll; height:300px;}
.select_btn_drop > ul > li > a{display:block; padding:5px 5px;}
.select_btn_drop > ul > li > a:hover{background:#004A9A; color:#fff; }







/*�쉶�썝濡쒓렇�씤*/
#mb_login{width:100%; max-width:300px; margin:70px auto 150px;}
#mb_login_mb{border-top:2px solid #333; margin-top:20px; }

.login_icon{background:#01b2f2; border-radius:50%; width:70px; height:70px; text-align:center; line-height:90px; margin:10px auto;}
.login_icon > span{color:#fff; font-size:30px}
.ms-confirm{}
.ms-confirm > h1{font-size:21px; letter-spacing:-2px; text-align:center;}
.ms-confirm .ms-box{text-align:left; margin:10px 0;}
.ms-confirm .ms-box label{display:block; padding:5px 0; font-size:14px; color:#666}
.ms-confirm .ms-btn{margin-top:20px;}
.ms-confirm .ms-btn input{width:100%; padding:15px 0px; background:#333; color:#fff; border:0;}
.ms-confirm-link-left{margin-top:10px; font-size:14px; color:#666}
.ms-confirm-link-right{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; margin:20px 0;}
.ms-confirm-link-right a{display:block; color:#666; padding:5px 0;}
.ms-confirm-link-right a img{width:3px;}
.sound_only{display:none;}




header {background:#fff;}
header > h1 > a{display:block; text-align:center; padding:20px 0;}
header > h1 > a > img{width:250px;}



#gnb{border-top:2px solid #08A4FF; border-bottom:1px solid #ccc; }
#gnb > ul{height:58px; width:100%; max-width:1000px; margin:0 auto;}
#gnb > ul > li {float: left; text-align: center; border-left: 1px solid #d9d9d9;}
#gnb > ul > li > a {display: block; height: 100%; padding: 0 15px; font-size: 13px; font-weight: bold; color: #b2afaa;}
#gnb > ul > li > a > i {display: inline-block; width: 24px; height: 24px; margin-top: 11px; margin-bottom: -3px; font-size: 20px;}
#gnb > ul > li > a > span {display: block; padding:5px 0;}
#gnb > ul > li.on > a {border-bottom: 3px solid #004A9A; color: #383838;}
#gnb > ul > li > a:hover {color: #383838;}






#contents .sub_page{max-width:1200px; width:99%; margin:10px auto; padding:0px; border:1px solid #ccc; border-radius:10px; background:#fff;}
#contents .sub_page > div{padding:20px;}
#contents > h2 {margin-top: 30px; text-align: center; background: #224367; color: #fff; padding: 10px 0; max-width: 900px; margin: 0 auto; border-radius:10px;}


.equip_wrap .control-label {}
.equip_wrap .controls {}
.equip_wrap{border:1px solid #333; position:relative;}
.equip_wrap > i{font-style:normal; position:absolute; top:40px; right:10px;}
.equip_wrap > h2{font-size:23px; text-align:center; padding:20px; background:#f5f5f5; border-bottom:1px solid #ccc; }
.equip_wrap > ul{display:table; width:100%;}
.equip_wrap > ul > li{border:1px solid #ccc; display:table-cell;}
.equip_wrap h3.section_table{padding:10px; font-size:14px; margin-top:30px; border-bottom:1px solid #333;}
.equip_wrap h3.section_table > i{margin-right:5px; color:#ccc; color:#999}
.equip_wrap > table th, .equip_wrap > table td{border:1px solid #ccc; padding:10px;}
.equip_wrap > table th{width:100px;}
.equip_wrap > b{padding:10px 20px; display:block;}
.equip_wrap > div {padding:20px; background:#fff; border-bottom:1px solid #ccc;}
.equip_wrap > div > span{float:right}

.equip_wrap_foot{text-align:center; padding:40px; }
.equip_wrap_foot > p{padding:10px 0; font-size:15px; position:relative}
.equip_wrap_foot > h4{font-size:23px; padding-top:30px;}

.equip_btn_box{text-align:center;}





.equip__print_wrap{ position:relative;}
.equip__print_wrap > i{font-style:normal; position:absolute; top:40px; right:40px;}
.equip__print_wrap > h2{font-size:23px; text-align:center; padding:20px; background:#f5f5f5; }
.equip__print_wrap > p.doc_date{text-align:right; font-size:15px; font-weight:bold; padding-bottom:5px; padding-right:10px;}
.equip__print_wrap > table{border:1px solid #333 !important;}
.equip__print_wrap > table > tbody > tr >  th, .equip__print_wrap > table > tbody > tr > td{}
.equip__print_wrap > table > tbody > tr >  th{width:80px;border-bottom:1px solid #ccc; }
.equip__print_wrap > table > tbody > tr >  td{border-bottom:1px solid #ccc; }
.equip__print_wrap > table > tbody > tr:last-child >  td{border-bottom:0px solid #ccc; }


.equip__print_wrap > table > tbody > tr >  td > div{border:1px solid #ccc; border-top:0; height:50px; line-height:50px; border-bottom:0;}
.equip__print_wrap > table > tbody > tr >  td > div > span{float:right}
.equip__print_wrap > table > tbody > tr >  td > div > span{float:right}

.sign_img_one{float:right}
.equip__print_wrap > table > tbody > tr > td > table th, .equip__print_wrap > table > tbody > tr > td > table td{padding:15px 10px;}
.equip__print_wrap > table > tbody > tr > td > table th{width:85px; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.equip__print_wrap > table > tbody > tr > td > table td{ padding:15px 5px; }
.equip__print_wrap > table > tbody > tr > td > table td > span{float:right}



.tb_2depth tr:first-child th{border-bottom:1px solid #ccc;}
.tb_2depth tr:first-child td{border-bottom:1px solid #ccc;}

.sign_img_box{position:relative;}
.sign_img_one > i{position: absolute; top:-8px; right: 5px; z-index: 9999999999;}
.sign_img_one > i > img{width:80px;}

.sign_img > i{position: absolute; top: -10px; right: 150px; display: block; margin-left: -30px; z-index: 9999999999;}
.sign_img > i > img{width:100px;}


.sign_img_bottom > i {
    position: absolute;
    top: -10px;
    right: 380px;
    display: block;
    margin-left: -30px;
    z-index: 9999999999;
}


.map_wrap > div.map_text{padding:10px;}
.map_wrap > div > p{font-size:14px; line-height:1.5; margin:5px 0; color:#666}
.map_wrap > div > p:first-child{color:#333}
.map_wrap > div > p > i{background:#2B82E0; color:#fff; padding:5px; text-align:center; width:12px; height:12px; line-height:12px; border-radius:3px; margin-right:5px;}
.map_wrap > div > h3{padding:10px 0;}
.map_wrap > div > h3 > i{background:#2B82E0; color:#fff; padding:5px; text-align:center; width:12px; height:12px; line-height:12px; border-radius:3px; margin-right:5px;}
.map_wrap .map_info{border:1px solid #ccc; padding:10px;}
.root_daum_roughmap{width:100% !important;}




.split_input > dd > ul > li{display:inline-block; *display:inline; zoom:1; margin-right:20px;}
.split_input > dd > ul > li span{display:inline-block; border:0;}

.split_2depth > dd > div{display:table; width:100%;}
.split_2depth > dd > div > span{display:table-cell;}


.mosaic-block {position:relative; overflow:hidden; width:600px; height:340px}
.mosaic-block > a{color:#fff;}
.mosaic-block > a > .details > h4{font-size:20px; letter-spacing:-1px; margin-top:130px; font-weight:normal}
.mosaic-block > a > .details > p{background:#f33b3b; display:inline-block; width:40px; height:40px; line-height:38px; border-radius:50%; margin-top:10px;}

.mosaic-overlay {display:none; z-index:5; position:absolute; width:100%; height:100%;}
.mosaic-backdrop {display: none; position: absolute;top: 0; height: 100%; width: 100%; background:#1c2e43; text-align:center;}



.mosaic-block2 {position:relative; overflow:hidden; width:450px; height:340px;}
.mosaic-block2 > a{color:#fff;}
.mosaic-block2 > a > .details > h4{font-size:20px; letter-spacing:-1px; margin-top:130px; font-weight:normal}
.mosaic-block2 > a > .details > p{background:#f33b3b; display:inline-block; width:40px; height:40px; line-height:38px; border-radius:50%; margin-top:10px;}


.mosaic-block3 {position:relative; overflow:hidden; width:150px; height:170px;}
.mosaic-block3 > a{color:#fff;}
.mosaic-block3 > a > .details > h4{font-size:12px; letter-spacing:-1px; margin-top:30%; font-weight:normal}
.mosaic-block3 > a > .details > p{background:#f33b3b; display:inline-block; width:30px; height:30px; line-height:28px; border-radius:50%; margin-top:10px;}





.eq_select{border:0px solid red;}
.eq_select > ul{overflow:hidden;}
.eq_select > ul > li{float:left;}
.eq_select > ul > li > a{display:block; border:1px solid #bbb; padding:10px 20px;}
.eq_select > ul > li:first-child > a{border-right:0;}
.eq_select > ul > li > a > span{float:right; margin-left:100px;}
.eq_select > ul > li > button{background:#0593c8; color:#fff; padding:12px 20px; border:0;}
.eq_select > ul > li > button > span{float:right; margin-left:100px; width:14px;}


.eq_thum_box{text-align:center;}
.eq_thum_box > ul > li{position:relative; display:inline-block; *display:inline; zoom:1; width:32.5%; margin:5px 5px 5px 0; color:#fff; overflow:hidden;}
.eq_thum_box > ul > li a{display:block; color:#fff;}
.eq_thum_box > ul > li a h3{font-size:18px; transition:0.2s; font-weight:600}
.eq_thum_box > ul > li a:hover h3{font-size:20px;  font-weight:600}
.eq_thum_box > ul > li a img{transition:0.2s; }
.eq_thum_box > ul > li a:hover img{}

.eq_thum_box2{text-align:center;}
.eq_thum_box2 > ul > li{position:relative; display:inline-block; *display:inline; zoom:1; width:32.5%; margin:5px 5px 5px 0; color:#fff;  overflow:hidden;}
.eq_thum_box2 > ul > li a{display:block; color:#fff;}
.eq_thum_box2 > ul > li a img{transition:0.2s; height : 197px;}
.eq_thum_box2 > ul > li a:hover img{}
.eq_thum_box2 > ul > li a h3{font-size:18px; transition:0.2s; font-weight:600}
.eq_thum_box2 > ul > li a:hover h3{font-size:20px; font-weight:600}


.overlay{opacity:0.3; position:absolute;top:0px; bottom:0px; left:0px; right:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.ic_caption{position:absolute; background:rgba(0,0,0,0.6) !important; overflow:hidden; margin:0px; padding:0px; left:0px; right:0px; bottom:0; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.ic_caption h3{padding:5px; font-size:18px; color:#fff; text-align:center;}


#sch_tab > ul > li button{background:#0593c8; color:#fff; padding:12px 20px; border:0;}
#sch_tab > ul > li button > span{float:right; margin-left:100px; width:14px;}


#sch_tab {text-align: center; overflow: hidden; padding-bottom: 10px;}
#sch_tab .tab-filter {list-style: none; padding: 0; overflow:hidden; padding-bottom:6px; margin:0 auto;}

#sch_tab .tab-filter>li{float:left;display:block; width:380px;}
#sch_tab .tab-filter>li a{display:block;padding:15px 55px;background:#e5e5e5;color:#64686d;position:relative; font-size:15px}
/*#sch_tab .tab-filter>li a:hover,#sch_tab .tab-filter>li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset;}*/
#sch_tab .tab-filter>li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset;}
#sch_tab .tab-filter>li a.active:after{content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#318daf transparent transparent transparent;}

#sch_tab .tab-filter>li:first-child a{border-radius:4px 0 0 4px;}
#sch_tab .tab-filter>li>a>span{color:#ccc; font-size:18px;}
#sch_tab .tab-filter>li>a.active>span{color:#fff900; font-size:18px;}
#sch_tab .tab-filter>li>a>span.prev_act{color:#318daf; font-size:18px;}

#sch_tab .tab-filter>li:nth-child(2) a{border-radius:0 4px 4px 0;}

#sch_tab .tab-filter>li.all_eq_btn{width:200px; float:right}
#sch_tab .tab-filter>li.all_eq_btn button{background:#192b37; border:0; color:#fff; padding:19px 50px; font-size:15px;}
#sch_tab .tab-filter>li.all_eq_btn button:hover{background:#20587e;}



#sch_tab .tab-result{float: right; margin-top: 11px;}
#sch_tab .tab-result button{display:inline-block; margin-left:-6px; background:#0593c8; color:#fff; padding:12px 20px; border:0;  border-radius:0 4px 4px 0;}
#sch_tab .tab-result > p{display:inline-block; font-size:15px; border:1px solid #ccc; border-right:0; padding: 10px 10px 11px; border-radius:4px; font-weight:bold; width:170px; vertical-align:middle;margin-left:-6px;}


.sc_cont_box{border:0px solid blue; position:absolute; width: 101%; left: 0px; font-size: 11px; top: 31px;}
.sc_cont_box > a > div{height: 23px; line-height:23px; padding:0 3px; overflow:hidden;}
.sc_cont_box > a > div.last{margin-right:5px;}
.sc_cont_box > a:hover > div{background:#c1e82d;}
.sc_cont_box > a.on > div{background:#c1e82d; color:#000; border:1px solid #9fbf25;  border-left:0; border-right:0;}
.sc_cont_box > a.on {}
.sc_cont_01{background: #fffabd; border-top:1px solid #dedaa5; border-bottom:1px solid #dedaa5;}
.sc_cont_02{background: #d3ffbd; border-top:1px solid #8fbd78; border-bottom:1px solid #8fbd78; }
.sc_cont_03{background: #ffdbfe; border-top:1px solid #c7a4c6; border-bottom:1px solid #c7a4c6;}
.sc_off{background:none !important; height:22px; border:1px solid #fff; border-left:0; border-right:0;}
.sc_off >a {display:block; height:22px; margin:0 2px;}
.sc_cont_box .sc_end{background:#eee; color:#aaa;  border:1px solid #e1e1e1; border-left:0; border-right:0;}




/*�쉶�썝媛��엯*/
.mbskin{width:100%; max-width:800px; margin:50px auto;}

#fregister section{margin:20px 0;}
#fregister section > div{overflow:hidden; padding:5px;}
#fregister section > div > h2{float:left; font-size:15px;}
#fregister section > div > h2:before{content:"-"; width:3px; height:3px; line-height:3px; overflow:hidden; background:#004a9a; color:#004a9a; margin-right:5px;}
#fregister section > div > .fregister_agree{float:right; }


caption{display:none;}

.tbl_frm01{background:#fff; margin-bottom:20px;}
.tbl_frm01 th{border:1px solid #ccc; width:150px;}
.tbl_frm01 td{border:1px solid #ccc; padding:10px;}



/* 罹≪콬 �옄�룞�벑濡�(�엯�젰)諛⑹� 湲곕낯 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('/img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:110px;height:60px;border:1px solid #b8c9c2;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 罹≪콬 �옄�룞�벑濡�(�엯�젰)諛⑹� 湲곕낯 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



.open_search_btn{display:block; background:#ed604f; padding:8px 0 10px;; color:#fff !important; text-align:center;     border-radius: 10px;}


.sch_wrap{margin-top:50px;}
.btn_counsel{position:relative;}
.btn_counsel > a{display:block;}


.btn_eq_write{margin:15px auto; text-align:center;}
.btn_eq_write button{padding:10px 15px; color:#fff; background:#004a9a; border-radius:5px; border:0;}



.split_2depth .file_box{border:1px solid #ccc; margin:5px 0; padding:5px; background:#e5e5e5;}




.btn_select_split{overflow:hidden;}
.btn_select_split > div.btn_left_box{float:left; margin:20px 0;}
.btn_select_split > div.btn_right_box{float:right;}

.btn_select_split > div.btn_left_box > span{display:inline-block; *display:inline; zoom:1;}
.btn_select_split > div.btn_left_box > span:first-child{border:0;}


.split_wrap_section{background:#eee;}
.split_wrap_section > h3{margin:10px 10px 0; padding-top:10px; font-size:18px}
.split_wrap_section > dl{display:table; width:100%;}
.split_wrap_section > dl > dt, .split_wrap_section > dl > dd{display:table-cell; padding:15px 5px; border-bottom:1px solid #e1e1e1;}
.split_wrap_section > dl > dt{ font-weight:bold; width:115px; text-align:center;}
.split_wrap_section > dl > dd{}


.map_tab > ul{overflow:hidden;}
.map_tab > ul > li{float:left;border-right:1px solid #ccc; border-top:1px solid #ccc;}
.map_tab > ul > li:first-child{border-left:1px solid #ccc;}
.map_tab > ul > li > a{display:block; padding:10px 10px;}
.map_tab > ul > li > a:hover{background:#555; color:#fff;}
.map_tab > ul > li.on > a{background:#555; color:#fff;}


.schedule_wrap .schedule_body .sch_pop > div.date_head {border:0; position:relative; text-align:center;;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > h2{display:inline-block; *display:inline; zoom:1;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p{display:inline-block; *display:inline; zoom:1; margin:0 10px;}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a {display:block; border:1px solid #ccc; padding:5px; color:#999}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a:hover{background:#eee; color:#333}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p > a > i{font-size:18px}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p.cal_left_arr{}
.schedule_wrap .schedule_body .sch_pop > div.date_head > p.cal_right_arr{}


#banner {position: absolute; top: 0;  right: -150px; z-index: 10; background:#fff;}
#banner > h2{text-align:center; padding:7px; font-size:13px; background:#777; color:#fff;}
#banner > ul > li{border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#banner > ul > li > a{display:block; font-size:13px; color:#777}
#banner > ul > li > a i{border-right:1px solid #ddd; width:45px; text-align:center; padding:10px 0; font-size:15px}
#banner > ul > li > a span{padding:0 10px;}
#banner > ul > li > a:hover{background:#5f6f81; color:#fff}
#banner > ul > li > a:hover i{border-right:1px solid #5f6f81;}
#banner > ul > li.on > a{background:#5f6f81; color:#fff}
#banner > ul > li.on > a i{border-right:1px solid #5f6f81;}
#banner > ul > li > ul{border-top:1px solid #ddd;}
#banner > ul > li > ul > li > a{display:block; padding:10px 15px; background:#eee; border-bottom:1px solid #e1e1e1;}
#banner > ul > li > ul > li > a:hover{border-bottom:1px solid #ccc;  background:#fff;}


#banner2 {position: absolute; top: 0;  left: -150px; z-index: 10; }
#banner2 > h2{text-align:center; padding:7px; font-size:13px; background:#777; color:#fff;}
#banner2 > ul > li{margin-bottom:5px;}
#banner2 > ul > li > a{display:block; font-size:13px; color:#777; border:1px solid #ddd;}
#banner2 > ul > li > a i{border-right:1px solid #ddd; width:45px; text-align:center; padding:10px 0; font-size:15px}
#banner2 > ul > li > a span{padding:0 10px;}
#banner2 > ul > li > a:hover{background:#5f6f81; color:#fff}
#banner2 > ul > li > a:hover i{border-right:1px solid #5f6f81;}
#banner2 > ul > li.on > a{background:#5f6f81; color:#fff}
#banner2 > ul > li.on > a i{border-right:1px solid #5f6f81;}
#banner2 > ul > li > ul{border-top:1px solid #ddd;}
#banner2 > ul > li > ul > li > a{display:block; padding:10px 15px; background:#eee; border-bottom:1px solid #e1e1e1;}
#banner2 > ul > li > ul > li > a:hover{border-bottom:1px solid #ccc;  background:#fff;}

/* 배너 수정 - 260624 */
.equ_banner{background:#222;}
.equ_banner > a{display:block; width:100%; padding:15px; text-align: center; color:#fff; box-sizing: border-box;}
.equ_banner h4{font-size:13px; margin-bottom:5px; font-family: 'notokr-thin', sans-serif;}
.equ_banner strong{font-size:15px; font-weight: 600;}

.equ_banner.equ_banner01{background:#1c2e43}
.equ_banner.equ_banner02{background:#276177;}


.counsel_list *{}

.counsel_list tr{cursor:pointer;}
.counsel_list tr:hover{background:#fffed9;}
.counsel_list th{padding:10px; text-align:center; background:#4a79ad; color:#fff;}
.counsel_list td{padding:10px; border-bottom:1px solid #ddd;}
.counsel_list td a{display:block;}
.counsel_list td a:hover{text-decoration:underline}

.counsel_list th.num{width:5%;}
.counsel_list th.area{width:8%;}
.counsel_list th.use{width:8%;}
.counsel_list th.duration{width:15%;}
.counsel_list th.subject{width:35%;}
.counsel_list th.date{width:10%;}
.counsel_list th.state{width:10%;}

.counsel_list td.state > i{display:inline-block; padding:5px 10px; color:#fff; font-size:11px; font-style:normal; border-radius:10px;}
.counsel_list td.state > i.ing{background:#e04e4e;}
.counsel_list td.state > i.ok{background:#999;}
.counsel_list td.state > i a{color:#fff;}

.ta_center{text-align:center;}


.addrArea{margin-top:15px;}
.notice_write td > ul > li.form_box {display: block;}
.notice_write td > ul > li.form_box span{margin:0 0 5px;}
.notice_write td > ul > li.form_box span.post_box{display:inline-block;}


.btn_counsel{background:#345b71; color:#fff; letter-spacing:-1px; position:relative;}
.btn_counsel > a{color:#fff; transition:0.5s}
.btn_counsel > a:hover{background:#2abfb1;}
.btn_counsel > a > h2{display:inline-block; *display:inline; zoom:1; font-size:35px; font-family:"notokr-light"; font-weight:normal; letter-spacing:-1px; margin:0 3%; vertical-align:middle; padding:20px 0;}
.btn_counsel > a > span{display:inline-block; *display:inline; zoom:1;vertical-align:bottom; }
.btn_counsel > a > p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:18px; margin:0px 3% 0;}
.btn_counsel > a > p > small{font-size:14px; color:#ccc}
.btn_counsel > a > i{display:inline-block; *display:inline; zoom:1;vertical-align:middle; width:65px; height:65px; border-radius:50%; background:#1c2e43; text-align:center; color:#fff; line-height:65px; font-size:21px; font-style:normal; margin-left:20px;}


.ani_icon{position:absolute; right:60px; top:13px}
.ani_icon{-webkit-animation:loading 1.1s ease infinite;animation:loading 1.1s ease infinite;}

@keyframes loading{0%{
    transform:translate(0) scale(1,1);}
    50%{transform:translate(10px) scale(1,1);}
    100%{transform:translate(0) scale(1,1);}
}
@-webkit-keyframes loading{0%{-webkit-transform:translate(0) scale(1,1);}
    50%{-webkit-transform:translate(50%) scale(1,1);}
    100%{-webkit-transform:translate(50%) scale(1,1);}
}


.form_box_test input[type=text], .form_box input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box_test textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box_test select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.form_box_test ul li span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


.form_tk_box > dl{display:table; width:100%; margin:10px 0;}
.form_tk_box > dl > dt{width:100px; text-align:center;}
.form_tk_box > dl > dt, .form_tk_box > dl > dd{display:table-cell;}

.form_tk_box .split_input_hp > div {display: inline-block; width: 30%;}
.form_tk_box .split_input_hp > div > input {width: 100%;}

.no_form span{display:inline-block; border:0;}

#menu_banner{display:none;}


.m_banner{}
.m_banner > div{display:inline-block; *display:inline; zoom:1; margin-left:-4px; vertical-align:top; width:66%;}
.m_banner > div:first-child{width:33%;}


.sign_img_box2{position:relative;}
.sign_img2{float:right;}
.sign_img2 > i {
    position: absolute;
    top: -10px;
    right: 5px;
    display: block;
    margin-left: -30px;
    z-index: 9999999999;
}

.sign_img2 > i > img {
    width: 80px;
}

.state_modify select{display:inline-block; }


.layerDetail {
    display: block;
    position: absolute;
    border: 1px solid #000;
    width: auto;
    /* height: 150px; */
    padding: 10px;
    left: 100px;
    z-index: 999999999;
    background: #fff;
    text-decoration:none;
    font-size:13px;
    white-space: nowrap;
}


.layerDetail p{display:block;  color:#222;}
.layerDetail p:first-child{font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px;}



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


.eq_small_txt{background:#fcfac6; border:1px solid #e1e1e1; padding:10px; font-size:15px; margin-bottom:30px;}
.eq_small_txt > p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:170%;}
.eq_small_txt > p > i{width:30px; height:30px; line-height:30px; background:#333; color:#fff; border-radius:50%; text-align:center;}
.eq_small_txt > p u{text-decoration:none; border-bottom:1px solid #777; color:#000; font-weight:bold;}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;}


.no_page{text-align:center; padding:150px 0;}
#sign_area{float: right;}
#sign_area img{border: 1px solid #ccc; padding: 10px;}

.txtarea_box{border:1px solid #ccc; background:#fff; height:250px; overflow-y:scroll; padding:5px;}


.agree_box{border:1px solid #ccc; background:#fff; padding:5px; width:100%; margin:30px 0; word-wrap: break-word; }


pre{white-space:pre-wrap;  font-family: '留묒� 怨좊뵓', 'Malgun Gothic', serif; }
.tb_box *{border:1px solid #ddd;}
.tb_box{text-align:center;}
.tb_box th{background:#f5f5f5;}
.tb_box th, .tb_box td{padding:5px;}


.sub_eq{}
.sub_eq > li{border-bottom:0px solid #ddd; padding:10px 0; vertical-align:middle; display:inline-block; *display:inline; zoom:1; margin:0 10px; text-align:center;}
.sub_eq > li > a{display:inline-block; width:150px; max-width:150px; border:1px solid #ddd; padding:10px; vertical-align: middle; height:100px; line-height:100px; text-align:center;}
.sub_eq > li > a img{max-height:100px;}
.sub_eq > li > p{text-align:center;}
.sub_eq > li > div{display:inline-block; *display:inline; zoom:1; margin-left:15px; vertical-align: middle;}
.sub_eq > li > div > div{margin-bottom:10px;}
.sub_eq > li > div > div > h2{font-size:13px; margin-left:5px; padding-bottom:5px;}

/* 20260601 수정 - 조직도 */
#sub_wrap .org_wrap > h2{padding-bottom:10px; border-bottom:2px solid #024793;}

.org_box {padding:30px 0;}
.org_box > ul > li{text-align: center; position:relative; z-index: 0;}
.org_box > ul > li:first-child{padding-bottom:40px;}
.org_box > ul > li:first-child:before{content:''; width:1px; height: 40px; display:block; border-left:1px solid #ddd; position:absolute; left:0; right:0; bottom:0; margin:auto; z-index: -1;}
.org_box > ul > li > strong{display:inline-block; background:#1b232a; font-size:20px; padding:15px 100px; color:#fff;}
.org_box > ul > li > ul{display:flex; justify-content: center; gap:1.11%; position:relative;}
.org_box > ul > li > ul:before{content:''; width:88.8%; height:1px; display:block; border-top:1px solid #ddd; position:absolute; top:-20px; left:0; right:0; margin:auto;}
.org_box > ul > li > ul > li{width:10%; position:relative;}
.org_box > ul > li > ul > li:before{content:''; width:1px; height:20px; display:block; border-left:1px solid #ddd; position:absolute; left:0; right:0; top:-20px; margin:auto;}
.org_box > ul > li > ul > li > b{border:1px solid #ddd; display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:60px; box-sizing: border-box; background:#5f758b; color:#fff; font-size:13px;}
.org_box > ul > li > ul > li > b > small{font-weight: normal;}
.org_box .org_info{width: 100%; text-align: center; border:1px solid #ddd; margin-top:20px; padding:15px 0; background: #fff; position:relative; box-sizing: border-box;}
.org_box .org_info:before{content:''; display:block; width:1px; height:20px; border-left:1px solid #ddd; position:absolute; top:-20px; left:0; right:0; margin:auto;}
.org_box .org_info > span{display:block; font-size:8px; margin-bottom:5px;}
.org_box .org_info > span > a{word-break: break-all;}
.org_box .org_info > a{display:block; font-weight: bolder;}


.agree_box *{font-family:"�룍��"; color:#777}
.agree_section{margin:30px;}
.agree_section > h3{color:#222;}
.agree_section > p{line-height:170%; margin:10px 0;}
.agree_section table{border-top:2px solid #004a9a;}
.agree_section table th, .agree_section table td{padding:10px;}

.agree_section > ul{margin-left:20px;}
.agree_section > ul > li{list-style: disc; line-height:170%;}
.agree_section > ul > li > ul{margin-left:20px;}
.agree_section > ul > li > ul > li{list-style: circle; line-height:170%;}

.agree_section > h4{margin-bottom:5px; color:#222}
.agree_section > h5{margin-bottom:5px; margin-top:20px; font-size:12px;}

.section_agree_01 > p > b{color:#222}


.tab-basic {display:;}
.tab-basic > ul{display:table; width:100%;}
.tab-basic > ul > li{display:table-cell; width:33%;}
.tab-basic > ul > li > a{display:block; padding:15px 10px; border:1px solid #ccc; text-align:center; font-size:16px}
.tab-basic > ul > li:first-child > a{border-right:0;}
.tab-basic > ul > li.on > a{background:#004a9a; color:#fff; font-weight:bold}



#vr_wrap iframe{width:100%; height:600px}
.facility_wrap > ul {border-bottom:1px solid #ccc;}
.facility_wrap > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:bottom;}
.facility_wrap > ul > li > a{display:block; padding:5px 10px; background:#fff; border:1px solid #ccc;  border-bottom:0; color:#777}
.facility_wrap > ul > li.on > a{background:#004a9a; color:#fff; font-size:14px; padding:10px;}

.facility_wrap > ul > li > ul{position:absolute; margin-top:5px;}
.facility_wrap > ul > li > ul > li{display:inline-block; *display:inline; zoom:1; margin-right:10px;}
.facility_wrap > ul > li > ul > li > a{color:#777}
.facility_wrap > ul > li > ul > li.on > a{color:#000; font-weight:bold;}
.facility_wrap > ul > li > ul > li > a:before{content:""; display:inline-block; width:3px; height:3px; background:#ccc; border-radius:50%; margin-right:5px;     margin-bottom: 2px;}
.facility_wrap > ul > li > ul > li.on > a:before{background:#000;}
.facility_wrap > div{margin-top:30px;}




.material_add_wrap{position:absolute; z-index:9999999;}
.material_add_wrap{border:1px solid #ccc; padding:10px; background:#eee; max-width: 500px; width: 99%; margin: 0px auto;}
.material_add_wrap table {padding:0px; border: 1px solid #ccc; border-radius: 10px; background: #fff;}
.material_add_wrap tr{}
.material_add_wrap th, .material_add_wrap td{border-bottom:1px solid #ddd; padding:10px 5px;}
.material_add_wrap th{text-align:center; width:100px;}
.material_add_wrap td{position:relative; }


.small_label{position:absolute; top:15px; left:90px}
.delete_box > h3{text-align:center; font-size:15px;}
.hide_tr{display:none;}
html.active .hide_tr{display:table-row;}

.material_add_wrap .btn_box{text-align:center;}


.dataTable td{position:relative}





.sns_icon{margin:15px 0;}
.sns_icon > ul > li{display:inline-block; *display:inline; zoom:1; }
.sns_icon > ul > li img{width:40px;}


.pt_wrap {width:730px; margin:0 auto;}
.pt_wrap > dl{display:table; width:100%; }
.pt_wrap > dl > dt, .pt_wrap > dl > dd{display:table-cell; border:1px solid #ccc; border-top:0;}
.pt_wrap > dl:first-child > dt, .pt_wrap > dl:first-child > dd{border-top:1px solid #ccc;}
.pt_wrap > dl > dt{width:85px; font-weight:bold; text-align:center; border-right:0; vertical-align:middle;}
.pt_wrap > dl > dd img{max-width:100%; width:100%}
.pt_wrap > dl > dd > dl{display:table; width:100%;}
.pt_wrap > dl > dd > dl > dt, .pt_wrap > dl > dd > dl > dd{display:table-cell; border-left:1px solid #ccc; padding:10px 5px;}
.pt_wrap > dl > dd > dl > dt{text-align:center; font-weight:bold; width:85px;}
.pt_wrap > dl > dd > dl > dt:first-child{border-left:0;}
.pt_wrap > dl > dd > dl.bdb1px > dt{border-bottom:1px solid #ccc;}
.pt_wrap > dl > dd > dl.bdb1px > dd{border-bottom:1px solid #ccc;}


.btn_color{background:#1d6fc3; color:#fff; text-shadow:none; border:0;}
.btn_color:hover{border:0px; background:#328eec; color:#fff;}
.industry_box{background:#f5f5f5; margin-top:15px; }
.industry_box th{}
.industry_box td{text-align:center; background:#f9f9f9; color:#777;}
.industry_box td a{display:inline-block; padding:2px 15px; border:0px solid #ccc; background:#da4545; color:#fff; border-radius:5px;}
.industry_box td a:hover{background:#ff3939;}

.eq_re_pop_wrap{padding:20px;}
.eq_re_pop{}
.eq_re_pop > dl{display:table; width:100%; border-right:1px solid #ccc; background:#fff;}
.eq_re_pop > dl:first-child{border-top:1px solid #ccc;}
.eq_re_pop > dl:first-child dd{font-size:15px; color:#ff4d4d}
.eq_re_pop > dl > dt, .eq_re_pop > dl > dd{border-left:1px solid #ccc; border-bottom:1px solid #ccc; display:table-cell; padding:20px; vertical-align:middle;}
.eq_re_pop > dl > dt{width:100px; text-align:center; font-size:15px;}
.eq_re_pop > dl > dd textarea{width:100%; height:200px; border:1px solid #ccc;}

.eq_re_pop .eq_re_pop_btn{margin-top:20px;}
.eq_re_pop .eq_re_pop_btn ul{text-align:center;}
.eq_re_pop .eq_re_pop_btn li{display:inline-block; *display:inline; zoom:1; }
.eq_re_pop .eq_re_pop_btn li input{background:#555; padding:10px; border:0; color:#fff;}
.eq_re_pop .eq_re_pop_btn li:first-child input{background:#ff4d4d;}


.weather_box{}
.w_box{background-color: rgba( 0, 0, 0, 0.8 );  text-align:center; color:#fff; padding:10px;}
.w_box > h2{font-weight:normal; font-size:13px; padding-bottom:5px;}
.w_box > h3 > img{width:40px;}
.w_box > h4{color:#fff; font-size:25px; font-weight:normal; padding:5px;}
.w_box > h4 > span{margin-left:5px;}
.w_box > ul > li{margin:2px 0;}
.w_box > ul > li b{font-weight:bold; color:#00ffc6;}
.w_box > ul > li u{text-decoration:none; color:#f9ff00; font-weight:bold;}


.input_text{height:25px; border:1px solid #ccc; padding:5px;}
.button_submit{border:0; background:#128dc2; color:#fff; padding:12px;}


.pop_form{padding:10px;}
.pop_form > h2{letter-spacing:-1px; text-align:center; padding:20px 0;}
.pop_form > p.title_txt{text-align:right; font-size:11px;}

.f_section{margin-bottom:30px;}
.f_section > h3{border-bottom:3px solid #282828; margin-bottom:10px; padding-bottom:5px;}
.f_section > dl{display:table; width:100%;}
.f_section > dl > dt{width:100px; text-align:center;}
.f_section > dl > dt, .f_section > dl > dd{display:table-cell; vertical-align:middle; padding:5px; border-bottom:1px solid #e1e1e1;}
.f_section > dl > dd input[type='text']{display:inline-block; border:1px solid #e1e1e1; padding:10px; width:150px;}
.f_section > dl > dd input[type='file']{display:inline-block; border:1px solid #e1e1e1; padding:10px; width:150px;}
.f_section > dl > dd select{display:inline-block; border:1px solid #e1e1e1; padding:10px; width:170px;}

.f_section > dl > dd > span.tell_cell{display:inline-block;}
.f_section > dl > dd > span > button{display: inline-block; border: 0; background: #222; color: #fff; padding: 10px;}
.f_btn_box{margin-bottom:30px;}
.bgf{background:#fff;}


.iact_vr_index > ul{text-align:center;}
.iact_vr_index > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 8px 23px; position:relative; width:45%; vertical-align:top;}

.iact_vr_index > ul > li > div.thum_btn{position:absolute;top: calc(50% - 10%); width:100%; text-align:center; z-index:9}
.iact_vr_index > ul > li > div.thum_btn a{display:inline-block; padding:15px 30px; background: rgba(0, 0, 0, 0.9); color:#fff; border:1px solid #000; font-size:14px; transition:0.5s}
.iact_vr_index > ul > li > div.thum_btn a:hover{border:1px solid #ccc;}

.iact_vr_index > ul > li > div.thum_btn a.btn_point{background: rgba(255, 40, 40, 0.9); border:1px solid #ff2828;}
.iact_vr_index > ul > li > div.thum_btn a.btn_point:hover{border:1px solid #ff8a8a;}

.iact_vr_index > ul > li > div.thum{}


.iact_vr_index > ul > li > div.cell_box{float:left;; width:50%; position:relative;}
.iact_vr_index > ul > li > div.cell_box > div.thum_btn{position:absolute;top: calc(50% - 10%); width:100%; text-align:center; z-index:9}
.iact_vr_index > ul > li > div.cell_box > div.thum_btn a{display:inline-block; padding:15px 30px; background: rgba(0, 0, 0, 0.9); color:#fff; border:1px solid #000; font-size:14px; transition:0.5s; margin-bottom:5px; width:45%;}
.iact_vr_index > ul > li > div.cell_box > div.thum_btn a:hover{border:1px solid #ccc;}
.iact_vr_index > ul > li > div.cell_box > div.thum_btn a.btn_point{background: rgba(255, 40, 40, 0.9); border:1px solid #ff2828;}
.iact_vr_index > ul > li > div.cell_box > div.thum_btn a.btn_point:hover{border:1px solid #ff8a8a;}
.iact_vr_index > ul > li > div.cell_box > div.thum{}


.tab {margin-bottom:10px;}
.tab > ul > li{display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1;}
.tab > ul > li > a{display:block; padding:5px 10px;}
.tab > ul > li.on{background:#004a9a;}
.tab > ul > li.on > a{ color:#fff;}


.guest_login{border:1px solid #e1e1e1; overflow:hidden; margin:20px 0;}
.guest_login> h2{padding:10px; font-size:14px; letter-spacing:-1px; background:#fffedc; border-bottom:1px solid #e1e1e1;}
.guest_login> p{padding:5px 10px; color:#777}

.guest_login > div{float:left; border-top:1px solid #e1e1e1; width:25%;  padding:10px 0px;}
.guest_login > div > dl{display:table; width:100%;}
.guest_login > div > dl > dt, .guest_login > div > dl > dd{display:table-cell;}
.guest_login > div > dl > dt{width:25%; text-align:center;}
.guest_login > div > dl > dd {background:#;}
.guest_login > div > dl > dd input{border:1px solid #ccc; height:25px; width:100%;}
.guest_login > div > dl > dd select{border:1px solid #ccc; height:25px; width:100%;}
.guest_login > div button{background:#318daf; border:1px solid #1b576d; color:#fff; padding:5px 10px 6px; margin-left:5px;}


#dimLayer2 { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background:#000; filter: alpha(Opacity=50); -ms-filter: "alpha(Opacity=50)"; opacity:0.50; z-index:10}
html.black-bg #dimLayer {display: block;}

/* 濡쒕뵫 以� �쁺�뿭 �뒪���씪  */
#preview {margin: 0px 20px 20px 0px; border-radius: 10px; position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%; color: rgb(255, 255, 255); float: left; }
#preview > p{color:#333;}


.section-wrap{width:98%; margin:0 auto;}

.notice-box{text-align:center; background:#eee; padding:40px; background:#fff; border-radius:30px; border:1px solid #ccc; height:190px;}
.notice-box > h2{font-size:40px; margin-bottom:20px; font-family:"notokr-light"; position:relative; display:inline-block; padding:10px; letter-spacing:-1px;}
.notice-box > p{font-size:30px; font-family:"notokr-regular"; margin-bottom:10px;}
.notice-box > p b{color:#128dc2;}
.notice-box > h3{font-size:20px; font-family:"notokr-light"; background:#333; color:#fff; display:inline-block; padding:6px 15px 6px; border-radius:15px;}
.notice-box > span{display:block; text-align:center; line-height:190px; font-size:30px;}


.notice-box h2:before{
    content:"";
    height:3px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ce0d4+0,2892ef+100 */
    background: #2ce0d4; /* Old browsers */
    background: -moz-linear-gradient(left,  #2ce0d4 0%, #2892ef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #2ce0d4 0%,#2892ef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #2ce0d4 0%,#2892ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ce0d4', endColorstr='#2892ef',GradientType=1 ); /* IE6-9 */
}

.notice-box h2:after{
    content:"";
    height:3px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2892ef+0,2ce0d4+100 */
    background: #2892ef; /* Old browsers */
    background: -moz-linear-gradient(left,  #2892ef 0%, #2ce0d4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #2892ef 0%,#2ce0d4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #2892ef 0%,#2ce0d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2892ef', endColorstr='#2ce0d4',GradientType=1 ); /* IE6-9 */
}

.section-box{position:relative; margin:7% 30px;}
.section-box > h2{ color:#fff; padding:5px 10px; position:absolute; top: -56px; left: 30px; text-align:center; font-family:"notokr-light"; border-radius:10px 10px 0 0; font-size:35px}

.f2 > h2{background:#18b7b0;}
.f3 > h2{background:#1892b7;}
.f4 > h2{background:#205367;}
.f5 > h2{background:#18b7b0;}
.f6 > h2{background:#1892b7;}


.section-title{text-align:center;padding:2% 0 0;}
.section-title > h1{font-family:"notokr-light"; font-size:60px; }
.section-title > p{font-family:"notokr-light"; font-size:60px; line-height:100%;}

/*.iact_vr_index > ul {}
.iact_vr_index > ul > li{position:relative;}
.iact_vr_index > ul > li > h5{position:absolute; left: -10px; top: -10px; background:#2892ef; color:#fff; width:70px; height:70px; font-size:16px; border-radius:50%; line-height:70px; z-index:999999}
.iact_vr_index > ul > li > u {content: " ";position: absolute;top: 10px;left: 0;border-right: 40px solid transparent;border-top: 225px solid #bfbfbf;height: 0;z-index: 0;}


.iact_vr_index > ul{text-align:center;}
.iact_vr_index > ul > li{display:inline-block; *display:inline; zoom:1; margin:0 8px 23px; position:relative; width:45%; vertical-align:top;}
.iact_vr_index > ul > li > div > div.thum_btn{position:absolute;top: calc(50% - 10%); width:100%; text-align:center; z-index:9}
.iact_vr_index > ul > li > div > div.thum_btn a{display:inline-block; padding:15px 30px; background: rgba(0, 0, 0, 0.9); color:#fff; border:1px solid #000; font-size:14px; transition:0.5s}
.iact_vr_index > ul > li > div > div.thum_btn a:hover{border:1px solid #ccc;}
.iact_vr_index > ul > li > div > div.thum_btn a.btn_point{background: rgba(255, 40, 40, 0.9); border:1px solid #ff2828;}
.iact_vr_index > ul > li > div > div.thum_btn a.btn_point:hover{border:1px solid #ff8a8a;}
.iact_vr_index > ul > li > div > div.thum{max-height:274px; overflow:hidden;}

.iact_vr_index > ul {d}
.iact_vr_index > ul > li > div{position:relative;}
.iact_vr_index > ul > li  > div > h5{position:absolute; left: -10px; top: -10px; background:#2892ef; color:#fff; width:70px; height:70px; font-size:16px; border-radius:50%; line-height:70px; z-index:999999}
.iact_vr_index > ul > li  > div > u {content: " ";position: absolute;top: 10px;left: 0;border-right: 40px solid transparent;border-top: 225px solid #bfbfbf;height: 0;z-index: 0;}

*/

/* ================= VR 목록 ================= */

.facility_wrap{
  --fa-primary:var(--primary, #00539f);
  --fa-gap:30px;
  max-width:1200px;
  margin:0 auto;
  padding:80px 20px 110px;
  font-family:var(--font-pretendard, 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif);
  color:#1c2733;
  line-height:1.5;
  word-break:keep-all;
}
.facility_wrap *,
.facility_wrap *::before,
.facility_wrap *::after{box-sizing:border-box;}
.facility_wrap ul{margin:0; padding:0; list-style:none;}
.facility_wrap a{color:inherit; text-decoration:none;}
.facility_wrap img{display:block; max-width:100%;}


/* ================= 탭 ================= */
.facility_wrap .tab_area{
  display:flex;
  justify-content:center;
  gap:6px;
  width:fit-content;
  max-width:100%;
  margin:0 auto 50px;
  padding:6px;
  border:1px solid #e4eaf1;
  border-radius:999px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0, 53, 110, .08);
}
.facility_wrap .tab_area > li{display:flex; flex:0 1 auto; min-width:0;}
/* sub_top.css 의 .tabs(서브 상단 탭) 규칙이 같은 이름이라 위치 · 테두리 · 높이를 여기서 되돌림 */
.facility_wrap .tab_area .tabs{
  position:relative;
  z-index:auto;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto;
  min-height:52px;
  margin:0;
  padding:12px 34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#5c6673;
  font-size:clamp(15px, 14.39px + 0.163vw, 17px);
  font-weight:600;
  line-height:1.35;
  text-align:center;
  overflow-wrap:anywhere;
  transition:background-color .25s, color .25s;
}
.facility_wrap .tab_area .tabs:hover{background:#f0f7ff; color:var(--fa-primary);}
.facility_wrap .tab_area li.on .tabs{background:var(--fa-primary); color:#fff; font-weight:700;}
.facility_wrap .tab_area .tabs:focus-visible{outline:2px solid var(--fa-primary); outline-offset:3px;}


/* ================= VR 목록 ================= */
.facility_wrap{  --fa-primary:var(--primary, #00539f);  --fa-gap:30px;  max-width:1200px;  margin:0 auto;/*  padding:80px 20px 110px; */   padding:0px 20px 110px; 
				font-family:var(--font-pretendard, 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif);  color:#1c2733;  line-height:1.5;  word-break:keep-all;}
.facility_wrap *,
.facility_wrap *::before,
.facility_wrap *::after{box-sizing:border-box;}
.facility_wrap ul{margin:0; padding:0; list-style:none;}
.facility_wrap a{color:inherit; text-decoration:none;}
.facility_wrap img{display:block; max-width:100%;}
/* default.css 의 .facility_wrap > div{margin-top:30px} 되돌림 */
.facility_wrap > div:has(> #vr_wrap){margin-top:0;}


/* ================= 탭 ================= */
.facility_wrap:has(#vr_wrap) .tab_area{  display:flex;  justify-content:center;  gap:6px;  width:fit-content;  max-width:100%;  margin:0 auto 50px;  padding:6px;  border:1px solid #e4eaf1;  border-radius:999px;  background:#fff;  box-shadow:0 10px 30px rgba(0, 53, 110, .08);}
.facility_wrap:has(#vr_wrap) .tab_area > li{display:flex; flex:0 1 auto; min-width:0;}
/* sub_top.css 의 .tabs(서브 상단 탭) · default.css · sub_renewal.css 의 옛 탭 규칙을 여기서 되돌림 */
.facility_wrap:has(#vr_wrap) .tab_area .tabs{  position:relative;  z-index:auto;  flex:1;  display:flex;  align-items:center;  justify-content:center;  height:auto;  min-height:52px;
  margin:0;  padding:12px 34px;  border:0;  border-radius:999px;  background:transparent;  color:#5c6673;  font-size:clamp(15px, 14.39px + 0.163vw, 17px);  font-weight:600;
  line-height:1.35;  text-align:center;  overflow-wrap:anywhere;  transition:background-color .25s, color .25s;}
.facility_wrap:has(#vr_wrap) .tab_area .tabs:hover{background:#f0f7ff; color:var(--fa-primary);}
.facility_wrap:has(#vr_wrap) .tab_area li.on .tabs{background:var(--fa-primary); color:#fff; font-weight:700;}
.facility_wrap:has(#vr_wrap) .tab_area .tabs:focus-visible{outline:2px solid var(--fa-primary); outline-offset:3px;}


/* ================= VR 목록 ================= */
#vr_wrap .iact_vr_index > ul{  display:flex;  flex-wrap:wrap;  justify-content:flex-start;  gap:var(--fa-gap);  text-align:left;}
#vr_wrap .iact_vr_index > ul + ul{margin-top:var(--fa-gap);}
#vr_wrap .iact_vr_index > ul > li{  position:relative;  display:block;  flex:0 1 calc(50% - var(--fa-gap) / 2);  width:auto;  min-width:0;  margin:0;  overflow:hidden;  border-radius:20px;  background:#e9eef4;  box-shadow:0 12px 30px rgba(0, 40, 90, .1);  isolation:isolate;}
/* li 안을 한 번 더 감싼 div 는 상자를 풀어 li 기준으로 배치 (인라인 margin-bottom:23px 도 함께 무시됨) */
#vr_wrap .iact_vr_index > ul > li > div:not([class]){display:contents;}
#vr_wrap .iact_vr_index > ul > li:has(a:focus-visible){outline:3px solid var(--fa-primary); outline-offset:4px;}

/* 옛 디자인의 회색 삼각 장식 */
#vr_wrap .iact_vr_index u{display:none;}

/* 층 표시 */
#vr_wrap .iact_vr_index h5{  position:absolute;  top:20px;  left:20px;  z-index:3;  width:auto;  min-width:48px;  height:auto;  margin:0;  padding:5px 14px;  border-radius:999px;  background:var(--fa-primary);  color:#fff;  
font-family:var(--font-paperlogy, 'Pretendard', sans-serif);  font-size:clamp(13px, 12.39px + 0.163vw, 15px);  font-weight:700;  line-height:1.4;  letter-spacing:.02em;  text-align:center;  box-shadow:0 4px 12px rgba(0, 30, 70, .25);  pointer-events:none;}

/* 사진 */
#vr_wrap .iact_vr_index .thum{  position:relative;  aspect-ratio:550 / 294;  max-height:none;  overflow:hidden;  border-radius:0;}#vr_wrap .iact_vr_index .thum img{  width:100%;  height:100%;  object-fit:cover;  transition:transform .6s cubic-bezier(.2, .7, .2, 1);}
/* 사진 위 막 : 위 · 아래만 살짝 어둡게 */
#vr_wrap .iact_vr_index .thum > div{  position:absolute;  inset:0;  z-index:1;  display:block;  background:linear-gradient(180deg, rgba(0, 20, 45, .28) 0%, rgba(0, 20, 45, 0) 32%, rgba(0, 20, 45, 0) 52%, rgba(0, 20, 45, .55) 100%);  pointer-events:none;}

/* VR 보기 버튼 : 사진 왼쪽 아래 */
#vr_wrap .iact_vr_index .thum_btn{  position:absolute;  inset:0;  z-index:2;  display:flex;  align-items:flex-end;  width:auto;  margin:0;  padding:24px;  text-align:left;  pointer-events:none;}
#vr_wrap .iact_vr_index .thum_btn a{  display:inline-flex;  flex:none;  align-items:center;  gap:14px;  width:auto;  max-width:100%;  height:auto;  min-height:52px;  margin:0;  padding:8px 8px 8px 24px;  border:0;  border-radius:999px;  background:#fff;
  color:#1c2733;  font-size:clamp(15px, 14.39px + 0.163vw, 17px);  font-weight:700;  line-height:1.35;  text-align:left;  box-shadow:0 8px 24px rgba(0, 30, 70, .22);  pointer-events:auto;  transition:background-color .3s;}
  /* 화살표 원 (파란 원 + 흰 화살표) — 처음부터 보이고 호버 때도 그대로 */
#vr_wrap .iact_vr_index .thum_btn a::before{  content:"";  order:1;  flex:none;  width:36px;  height:36px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='18' fill='%2300539f'/%3E%3Cpath d='M13 23 23 13M15 13h8v8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
/* 사진 어디를 눌러도 VR 보기 */
#vr_wrap .iact_vr_index .thum_btn a::after{  content:"";  position:absolute;  inset:0;}
#vr_wrap .iact_vr_index .thum_btn a[onclick]:hover,
#vr_wrap .iact_vr_index .thum_btn a[onclick]:focus-visible{background:rgba(255, 255, 255, .5);}
#vr_wrap .iact_vr_index .thum_btn a:focus-visible{outline:2px solid #fff; outline-offset:3px;}

/* 누르는 동작이 없는 이름표(예 : 테크카페) — 화살표 · 사진 전체 누르기 없음 */
#vr_wrap .iact_vr_index .thum_btn a:not([onclick]){padding:8px 24px; cursor:default;}
#vr_wrap .iact_vr_index .thum_btn a:not([onclick])::before,
#vr_wrap .iact_vr_index .thum_btn a:not([onclick])::after{content:none;}

@media (prefers-reduced-motion:no-preference){
  #vr_wrap .iact_vr_index > ul > li:has(a[onclick]:hover) .thum img{transform:scale(1.06);}
}   /* 움직임 줄이기 묶음은 여기서 닫는다 — 아래 예약하기·나뉜 칸 규칙이 이 묶음 안에 들어가 '움직임 줄이기'를 켠 사용자에게 빠지던 것 */
  
  
/* ================= 로그인 했을 때 : 예약하기 버튼 · 둘로 나뉜 칸 ================= */
/* 빈 칸(<li> </li>)은 숨김 — 회색 빈 카드로 보이던 것 */
#vr_wrap .iact_vr_index > ul > li:not(:has(*)){display:none;}

/* 버튼 두 개(VR 보기 + 예약하기)는 옆으로 나란히, 카드 폭에 안 들어가면 다음 줄로 */
#vr_wrap .iact_vr_index .thum_btn{flex-wrap:wrap; align-content:flex-end; gap:8px;}
/* 사진 전체 누르기 막(::after)은 첫 번째 버튼만, 버튼 아래에 깔아 옆 버튼을 덮지 않게
   (그대로 두면 뒤 버튼의 막이 앞 버튼까지 덮어 "VR보기"를 눌러도 예약하기가 열림) */
#vr_wrap .iact_vr_index .thum_btn a::after{z-index:-1;}
#vr_wrap .iact_vr_index .thum_btn a ~ a::after{content:none;}

/* 예약하기 : 파란 버튼 + 흰 원 화살표 (흰 VR 보기 버튼과 구분) */
#vr_wrap .iact_vr_index .thum_btn a.btn_point{background:var(--fa-primary); color:#fff;}
#vr_wrap .iact_vr_index .thum_btn a.btn_point::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23fff'/%3E%3Cpath d='M13 23 23 13M15 13h8v8' fill='none' stroke='%2300539f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#vr_wrap .iact_vr_index .thum_btn a.btn_point:hover,
#vr_wrap .iact_vr_index .thum_btn a.btn_point:focus-visible{background:#003b73;}

/* 한 li 안에 둘로 나뉜 칸(.cell_box : 첨단실 · 융합실1, 융합실2 · 융합실3) — 칸마다 따로 카드, 한 줄에 2칸 (다른 카드와 같은 크기) */
#vr_wrap .iact_vr_index > ul > li:has(> .cell_box){display:grid; grid-template-columns:1fr 1fr; flex-basis:100%; gap:var(--fa-gap); overflow:visible; border-radius:0; background:none; box-shadow:none;}
#vr_wrap .iact_vr_index .cell_box{position:relative; display:block; float:none; width:auto; margin:0; overflow:hidden; border-radius:20px; background:#e9eef4; box-shadow:0 12px 30px rgba(0, 40, 90, .1);}
/* 반쪽 사진은 가장자리에 흰 띠(원본 6~10px)가 있어 양옆을 5%씩 잘라 냄 */
#vr_wrap .iact_vr_index .cell_box .thum img{width:110%; max-width:none; margin-left:-5%;}

/* 층 표시(h5)가 없는 카드에도 층 표시 — 장비실 1F, 융합실1 · 2 · 3 2F (HTML 에 h5 가 없어 CSS 로 붙임) */
#vr_wrap .iact_vr_index.vr1_1 > ul:first-child > li:not(:has(h5))::before,
#vr_wrap .iact_vr_index.vr1_1 li:has(> h5) > .cell_box ~ .cell_box::before,
#vr_wrap .iact_vr_index.vr1_1 li:not(:has(> h5)) > .cell_box::before{content:"2F"; position:absolute; top:var(--fa-badge, 20px); left:var(--fa-badge, 20px); z-index:3; min-width:48px; padding:5px 14px; border-radius:999px; background:var(--fa-primary); color:#fff; font-family:var(--font-paperlogy, 'Pretendard', sans-serif); font-size:clamp(13px, 12.39px + 0.163vw, 15px); font-weight:700; line-height:1.4; letter-spacing:.02em; text-align:center; box-shadow:0 4px 12px rgba(0, 30, 70, .25); pointer-events:none;}
#vr_wrap .iact_vr_index.vr1_1 > ul:first-child > li:not(:has(h5))::before{content:"1F";}

@media (prefers-reduced-motion:no-preference){
  /* 나뉜 칸은 마우스 올린 카드 사진만 확대 */
  #vr_wrap .iact_vr_index > ul > li:has(> .cell_box):has(a[onclick]:hover) .thum img{transform:none;}
  #vr_wrap .iact_vr_index > ul > li > .cell_box:has(a[onclick]:hover) .thum img{transform:scale(1.06);}
}



/* ================= 준비 중 ================= */
.facility_wrap .no_page{padding:80px 0; text-align:center;}
.facility_wrap .no_page img{display:inline-block; height:auto;}







.email-stop{margin:100px auto; width:480px; position:relative}
.email-stop > span{position:absolute; display:block; right:10px; top:-40px; padding:10px; width:50px; height:50px;}
.email-stop > h1{background:#3a588c; color:#fff; padding:5px; font-size:15px; margin-bottom:0px;}
.email-stop > ul.f-box{text-align:center; border:1px solid #ccc; background:#fff; padding:20px 10px;}
.email-stop > ul.s-txt{padding:5px; font-size:11px; color:#777}
.email-stop > ul > li{display:inline-block; *display:inline; zoom:1;}
.email-stop input[type="text"], .email-stop input[type="password"]{border:1px solid #ccc; padding:5px;}
.email-stop button{background:#666; border:1px solid #666; color:#fff; padding:5px;}


#bo_v_top{overflow:hidden;}

.equip_write_list > ul > li h2{padding:5px; font-size:14px;}
.edu_survey_form{padding:10px; border:1px solid #e1e1e1; }
.edu_survey_form > h3{font-size:14px;}
.edu_survey_form > ul > li {padding:20px 20px; background:#fff; margin:10px 0; border-radius:10px;}
.edu_survey_form > ul > li h5{font-size:15px; font-weight:normal; margin-bottom:10px;}
.edu_survey_form > ul > li span{margin-right:15px;}
.edu_survey_form > ul > li span label{color:#666}
.edu_survey_form > ul > li textarea{border:1px solid #ccc; padding:3px; width:100%; height:50px;}

.edu_survey_form .form-btn{padding:10px; margin-bottom:30px; text-align:center;}
.edu_survey_form .form-btn button{border:1px solid #e1e1e1; padding:10px 20px; background:#666; color:#fff;}
.edu_survey_form .form-btn button.submit{background:#111;}


.board-tab{}
.board-tab > ul{overflow:hidden; display:table; width:100%;}
.board-tab > ul > li{display:table-cell;  text-align:center; border:1px solid #e1e1e1; border-left:0; border-right:0; border-bottom:2px solid #024793;}
.board-tab > ul > li:first-child{border-left:1px solid #e1e1e1;}
.board-tab > ul > li > a{display:block; font-size:17px; font-weight:600; padding:20px; border-right:1px solid #e1e1e1; color:#999; font-weight:400}
.board-tab > ul > li > a:hover{color:#222;}
.board-tab > ul > li.on{border:2px solid #024793; border-bottom:0;}
.board-tab > ul > li.on > a{color:#222; font-weight:600;}

.counsel_list{margin-top:20px;}


.edu-info-wrap{padding:20px;}
.edu-info{width:640px; margin:0 auto; font-size:15px;}
.edu-info article{border:1px solid #e1e1e1; margin:10px 0 20px; background:#fff; padding:10px; border-top: 3px solid #004a9a;}
.edu-info article.article-title{background:none; border:0; margin:0; margin-top:20px;}
.edu-info article h2, .edu-info article h1{text-align:center; padding:5px; font-family: 'NanumSquare';}

.edu-info article h1{font-size:30px; }
.edu-info article h2{font-size:20px; color:#777}
.edu-info article div dl{display:table; width:100%; border-bottom:1px solid #e1e1e1;}
.edu-info article div dl:last-child{border-bottom:0;}
.edu-info article div dl dt, .edu-info article div dl dd{display:table-cell; padding:15px;}
.edu-info article div dl dt{width:20%; text-align:center; font-weight:bold; border-right:1px solid #e1e1e1;}

.edu-info article div > ul > li{display:table; width:100%; border-bottom:1px solid #e1e1e1;}
.edu-info article div > ul > li > div{display:table-cell; padding:15px; vertical-align:middle;}
.edu-info article div > ul > li > div:first-child{width:20%; text-align:center; border-right:1px solid #e1e1e1;}
.edu-info article div > ul > li > div h5{font-size:15px; margin-bottom:5px;}
.edu-info article div > ul > li > div p{font-size:13px; padding:5px;}
.edu-info article div > p.ex-txt{text-align:right; padding-top:5px; color:#777; font-size:13px;}
.edu-info article div > ul.table-hd{text-align:center;}
.edu-info article > h3{font-size:17px; margin-bottom:5px;}
.edu-info article > div > p{font-size:13px; padding:10px 5px;}
.edu-info article > div > p:before{content:""; width:3px; height:3px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:5px;}
.edu-info article > div > p span{display:inline-block; margin-right:5px; font-size:16px}
.edu-info article > div > p i{display:inline-block; margin-right:5px; color:#999}
.edu-info article > div > p b{color:#f22;}


#member_area > div{border:1px solid #e1e1e1; margin:5px 0; padding:10px; display:inline-block; margin-right:5px;}
a.add-member{display:inline-block; padding:5px 10px; background:#333; color:#fff;}
a.add-member:hover{background:#111;}
a.add-member i{margin-right:5px; font-size:11px;}
a.del-member{display:inline-block; margin-left:5px; color:#999}
a.del-member:hover{color:#ff1f1f; }

.pop-mailling-list h2{font-family: 'notokr-regular'; }
.pop-mailling-list{border:1px solid #e1e1e1; padding:10px; background:#f5f5f5; margin-bottom:10px;}
.pop-mailling-form{margin:10px 0; border:1px solid #e1e1e1;}
.pop-mailling-form input[type="text"]{border:1px solid #ccc; padding:5px; }
.pop-mailling-form > div{background:#fff;}
.pop-mailling-form > div > dl{display:table; width:100%; border-bottom:1px solid #e1e1e1;}
.pop-mailling-form > div:last-child > dl{border-bottom:0;}
.pop-mailling-form > div > dl > dt, .pop-mailling-form > div > dl > dd{display:table-cell; padding:10px;}
.pop-mailling-form > div > dl > dt{width:10%; text-align:center; font-weight:bold; border-right:1px solid #e1e1e1;}
.pop-mailling-form > div > dl > dd .chk-wrap > li{display:inline-block; margin:5px 10px; margin-left:0px;}
.pop-mailling-form > div > dl > dd .chk-wrap > li label{margin-left:3px;}
.pop-mailling-list .form-btn button{background:#333; color:#fff; padding:5px 10px; border:1px solid #111;}
.pop-mailling-list-wrap tr{cursor:pointer;}
.pop-mailling-list-wrap tr:hover{background:#fffed9;}
.pop-mailling-list-wrap th{padding:10px 10px; text-align:center; background:#fff; color:#666; border-top:1px solid #333; border-bottom:1px solid #e1e1e1; font-weight:normal;}
.pop-mailling-list-wrap td{padding:15px 10px; border-bottom:1px solid #ddd;}
.pop-mailling-list-wrap td a{display:block;}
.pop-mailling-list-wrap td a:hover{text-decoration:underline}
.pop-mailling-list-wrap td.state > i{display:inline-block; padding:5px 10px; color:#fff; font-size:11px; font-style:normal; border-radius:10px;}
.pop-mailling-list-wrap td.state > i.ing{background:#e04e4e;}
.pop-mailling-list-wrap td.state > i.ok{background:#999;}
.pop-mailling-list-wrap td.state > i a{color:#fff;}


.pop-history{position:relative;}
.pop-history:hover > div{display:block;}
.pop-history > div{position:absolute; display:none; left:0; top:70px; width:100%; border:1px solid #666; background:#fff; z-index:999; padding:10px; max-height:200px; overflow:auto;}
.pop-history > div > ul > li{border-bottom:1px solid #e1e1e1; padding:5px; text-align:left; line-height:140%; }
.pop-history > div > ul > li:hover{background:#f5f5f5;}
.pop-history > div > ul > li:last-child{border-bottom:0;}



/* 20260601 수정 - 조직도용 미디어쿼리 */
@media screen and (max-width: 1280px) {

    .org_box{}
    .org_box > ul{display: flex; justify-content: center;}
    .org_box > ul > li:first-child{width:110px; padding-bottom:0; padding-right:30px; height:fit-content;}
    .org_box > ul > li:first-child:before{width:30px; height:1px; top:0; left:unset; right:0; border-left:0; border-top:1px solid #ddd;}
    .org_box > ul > li > strong{padding:0 30px; min-height:60px; line-height: 60px; width:100%; box-sizing: border-box;}

    .org_box > ul > li:nth-child(2){width: calc(100% - 110px);}
    .org_box > ul > li > ul{flex-direction: column; gap:20px; width:100%;}
    .org_box > ul > li > ul:before{width:1px; height:91.5%; border-top:none; border-left:1px solid #ddd; top:0; bottom:0; left:0; right:unset; margin:auto;}
    .org_box > ul > li > ul > li{display:flex; width:100%; gap:20px; padding-left:20px; box-sizing: border-box;}
    .org_box > ul > li > ul > li:before{width:20px; height:1px; left:0; top:0; right:unset; bottom:0; border-left:0; border-top:1px solid #ddd;}
    .org_box > ul > li > ul > li > b{width:200px;}

    .org_box .org_info{margin-top:0; padding-left:0px;}
    .org_box .org_info:before{width:20px; height:1px; top:0; bottom:0; right:unset; left:-20px; border-left:0; border-top:1px solid #ddd;}
	
	
	
	
  .facility_wrap{--fa-gap:20px; padding:60px 0px 90px;}
  .facility_wrap:has(#vr_wrap) .tab_area{margin-bottom:40px;}

  #vr_wrap .iact_vr_index > ul > li{border-radius:16px;}
  #vr_wrap .iact_vr_index h5{top:16px; left:16px;}
  #vr_wrap .iact_vr_index .thum_btn{padding:16px;}
  #vr_wrap .iact_vr_index .thum_btn a{gap:10px; min-height:46px; padding:6px 6px 6px 20px;}
  #vr_wrap .iact_vr_index .thum_btn a::before{width:32px; height:32px;}
  #vr_wrap .iact_vr_index .thum_btn a:not([onclick]){padding:6px 20px;}
    #vr_wrap .iact_vr_index .cell_box{border-radius:16px;}
  #vr_wrap{--fa-badge:16px;}


}

@media screen and (max-width: 640px) {
    .org_box > ul{flex-direction: column; position:relative;}
    .org_box > ul:before{content:''; display:block; width:1px; height:92%; border-left:1px solid #ddd; position:absolute; left:45px;}
    .org_box > ul > li:first-child{padding-right:0; padding-bottom:30px; width:90px; }
    .org_box > ul > li:first-child:before{display:none;}
    .org_box > ul > li:nth-child(2){width:calc(100% - 45px); padding-left:45px;}
    .org_box > ul > li > strong{font-size:16px; min-height:40px; line-height:40px; padding:0 10px;}

    .org_box > ul > li > ul:before{display:none;}
    .org_box > ul > li > ul > li > b{width:150px;}
	
	.facility_wrap{--fa-gap:16px; padding:40px 16px 70px;}

  .facility_wrap{--fa-gap:16px; padding:40px 0px 70px;}

  /* 탭 → 선택 상자 모양 (js/facility.js 가 .js-select · .is-open 으로 접고 펼침, JS 가 없으면 펼친 목록으로 보임) */
  .facility_wrap:has(#vr_wrap) .tab_area{    position:relative;    flex-direction:column;    gap:0;    width:100%;    margin-bottom:30px;    padding:0;    border:1px solid #cfd8e3;    border-radius:12px;    overflow:hidden;    box-shadow:0 6px 18px rgba(0, 53, 110, .06);  }
  .facility_wrap:has(#vr_wrap) .tab_area > li + li{border-top:1px solid #e4eaf1;}
  .facility_wrap:has(#vr_wrap) .tab_area .tabs{    justify-content:flex-start;    padding:14px 50px 14px 18px;    border-radius:0;    color:#1c2733;    text-align:left;  }
  .facility_wrap:has(#vr_wrap) .tab_area .tabs:hover{background:#f7f9fc; color:#1c2733;}
  /* 현재 탭 : 하늘색 바탕 + 왼쪽 파란 막대 */
  .facility_wrap:has(#vr_wrap) .tab_area li.on .tabs{background:#f0f7ff; color:var(--fa-primary); box-shadow:inset 3px 0 0 var(--fa-primary);}
  .facility_wrap:has(#vr_wrap) .tab_area .tabs:focus-visible{outline-offset:-3px;}

  /* 오른쪽 꺾쇠 : 접힘 ∨ / 펼침 ∧ */
  .facility_wrap:has(#vr_wrap) .tab_area.js-select::after{    content:"";    position:absolute;    top:26px;    right:20px;    width:9px;    height:9px;    border-right:2px solid #1c2733;    border-bottom:2px solid #1c2733;    transform:translateY(-70%) rotate(45deg);    transition:transform .25s;    pointer-events:none;  }
  .facility_wrap:has(#vr_wrap) .tab_area.is-open::after{transform:translateY(-30%) rotate(-135deg);}
  /* 접힘 : 현재 탭만 흰 바탕으로 */
  .facility_wrap:has(#vr_wrap) .tab_area.js-select:not(.is-open) > li:not(.on){display:none;}
  .facility_wrap:has(#vr_wrap) .tab_area.js-select:not(.is-open) > li{border-top:0;}
  .facility_wrap:has(#vr_wrap) .tab_area.js-select:not(.is-open) li.on .tabs{background:#fff; color:#1c2733; box-shadow:none;}

  #vr_wrap .iact_vr_index > ul > li{flex-basis:100%;}
  #vr_wrap .iact_vr_index > ul > li:has(> .cell_box){grid-template-columns:1fr;}
  


}