@charset "utf-8";
/****************************************/
/* Name: 국립해양박물관 모바일
/* Version: 1.0 / day: 2019-05-17
/* Author:
/****************************************/



/*
================================================================================
콘텐츠
================================================================================
*/
/* 공통 */
#share {position:absolute;top:772px;left:50%;margin-left:650px}
#share > ul {width:185px}
#share > ul > li {display:inline-block;float:left;margin-right:9px;padding-right:9px;position:relative}
#share > ul > li:last-child {margin-right:0;padding-right:0}
#share > ul > li::after{content:"";width:1px;height:9px;background-color:#d5d5d5;display:inline-block;position:absolute;right:-1px;top:9px}
#share > ul > li:last-child::after {content:none}
#share > ul > li > a {display:inline-block;font-size:13px;font-weight:400;}
#share > ul > li > a:hover {font-weight:400}
#share > ul > li:nth-child(1) > a {background:url("../../../_public/images/sub/ic_share1.svg") left center no-repeat;padding-left:19px}
#share > ul > li:nth-child(2) > a {background:url("../../../_public/images/sub/ic_share2.svg") left center no-repeat;padding-left:15px}
#share > ul > li:nth-child(3) > a {background:url("../../../_public/images/sub/ic_share3.svg") left center no-repeat;padding-left:17px}
#share .sharebox {width:140px;background-color:#3d3d3d;padding:7px 0 9px 0;position:absolute;top:-40px;left:9px}
#share .sharebox::after {content:"";position:absolute;width:0;height:0;border-left: 7px solid transparent;
border-right: 7px solid transparent;border-bottom: 7px solid transparent;border-top:7px solid #3d3d3d;top:27px;left:50%;margin-left:-7px;display:inline-block}
#share .sharebox ul {display:table;margin:0 auto}
#share .sharebox li {display:inline-block;float:left;margin-right:5px;padding-right:5px;line-height:0.5;position:relative}
#share .sharebox li:last-child {margin-right:0;padding-right:0}
#share .sharebox li::after {content:"";width:1px;height:1px;position:absolute;display:inline-block;background-color:#fff;top:50%;right:-1px}
#share .sharebox li:last-child::after {content:none}
#share .sharebox li a {color:#fff;font-size:11px;font-weight:400;line-height:1}
#share .sharebox li a:hover {font-weight:500}

.topTitle{background:#f2f2f2}
.topTitle .con{position:relative;padding:35px 20px 20px;text-align:center}
.topTitle .con h1{margin-bottom:15px;font-size:25px;color:#222;font-weight:700}
.topTitle .con p{color:#222;font-weight:400;line-height:1.2;word-break: keep-all;}
.topTitle .con p + h1{margin-top:10px;}
.topTitle .con.tit2 h1{margin-bottom:10px;font-size:15px}
.topTitle .con.tit2 p{font-size:20px}

.topTitle .con h3{margin-bottom:15px;font-size:25px;color:#222;font-weight:700}
.topTitle .con p + h3{margin-top:10px;}


.menu2th > li{height:40px}

.down-hwp{display: flex;align-items:center;width:100%;height:45px;border:1px solid #909090;justify-content: space-between;font-size:14px;position: relative;padding: 0 75px 0 10px;}
.down-hwp span{display: flex;align-items: center;font-size:14px;width:75px;height:100%;border-left:1px solid #909090;justify-content: center;gap:5px;position: absolute;top:0;right:0;}
.down-hwp span:after{content: "";background: url(/_public/images/common/ic_down.png) no-repeat;background-size: cover;display: inline-block;width:15px;height:16px;}

.tabMenu{position:relative;padding:0 10px;background:#222}
.tabMenu ul::after{display:block;clear:both;content:''}
.tabMenu ul li{float:left;margin:0 9px;width:auto}
.tabMenu ul li a{display:block;color:#fff;font-size:13px;line-height:48px;border-bottom:2px solid transparent}
.tabMenu ul li.on a{border-color:#fff}
.tabMenu.sc_menu{padding:0 15px}
.tabMenu.sc_menu::before{position:absolute;top:0;left:0;width:20px;height:100%;content:'';background-image:url('../../../_public/images/common/lnb_before.png'), url('../../../_public/images/common/lnb_before_bg.png');background-repeat:no-repeat;background-position:center center;background-size:6px, 100%;z-index:10}
.tabMenu.sc_menu::after{position:absolute;top:0;right:0;width:20px;height:100%;content:'';background-image:url('../../../_public/images/common/lnb_next.png'), url('../../../_public/images/common/lnb_next_bg.png');background-repeat:no-repeat;background-position:center center;background-size:6px, 100%;z-index:10}

.tabMenu2{position:relative;margin-bottom:20px;border-bottom:1px solid #222}
.tabMenu2 ul{display: flex;}
.tabMenu2 ul::after{display:block;clear:both;content:''}
.tabMenu2 ul li{flex:1;position:relative;float:left;text-align:center;border:1px solid #222;border-width:1px 1px 0 0}
.tabMenu2 ul li:first-child{border-left:1px solid #222}
.tabMenu2 ul li:nth-child(4){border-left:1px solid #222}
.tabMenu2 ul li:nth-child(7){border-left:1px solid #222}
.tabMenu2 ul li a{display:block;font-size:14px;color:#222;line-height:45px;height:45px;}
.tabMenu2 ul li a span{position:absolute;top:50%;left:0;padding:0 3px;width:100%;line-height:1.2;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.tabMenu2 ul li.on a{color:#fff;background:#222}
.tabMenu2 ul.li2 li{width:50%;border: 1px solid #222;margin: -0.5px}
.tabMenu2 ul.li4 li{width:33.3333%}
.tabMenu2 ul.li5 li{width:20%}
.tabMenu2.f13 ul li a{font-size:13px}
.tabMenu2 ul.sp li a {height:45px}

.kn_tabCon {clear:left;border:1px solid #e2e2e2;overflow:hidden;margin-top:-1px}

.lnbs_menu{padding:0 10px;background:#dfdfdf}
.lnbs_menu li{position:relative;display:inline-block}
.lnbs_menu li::before{position:absolute;top:50%;left:0;width:2px;height:2px;content:'';background:#222}
.lnbs_menu li:first-child::before{display:none}
.lnbs_menu li a{display:block;padding:0 8px;font-size:14px;line-height:40px}
.lnbs_menu li.on a{font-weight:bold}

.kn_tab_menu{position: relative;padding-top:45px;}
.kn_tab_menu.tab-type1{padding-top:51px;}
.kn_tab_menu h3{position: absolute;top:0;border: 1px solid #222;border-width: 1px 1px 0 0;}
.kn_tab_menu h3 a{display: block;font-size: 14px;color: #222;line-height: 45px;height:45px; text-align: center;}
.kn_tab_menu h3.on{}
.kn_tab_menu h3.on a{color: #fff;background: #222;}
.kn_tab_menu h3:hover a{color: #fff;background: #222;}
.kn_tab_menu .tab-btn0{border-left:1px solid #222;left:0;}


.kn_tab_menu.item2 h3{width:50%;}
.kn_tab_menu.item2 .tab-btn1{left:50%;}

.kn_tab_menu span{position: absolute;top:0;border: 1px solid #222;border-width: 1px 1px 0 0;}
.kn_tab_menu span a{display: block;font-size: 14px;color: #222;line-height: 45px;height:45px; text-align: center;}
.kn_tab_menu span.on{}
.kn_tab_menu span.on a{color: #fff;background: #222;}
.kn_tab_menu span:hover a{color: #fff;background: #222;}
.kn_tab_menu.item2 span {width:50%;}

.kn_tab_menu.item3 h3{width:33.3333%;}
.kn_tab_menu.item3 span{width:33.3333%;}
.kn_tab_menu.item3 .tab-btn1{left:33.3333%;}
.kn_tab_menu.item3 .tab-btn2{left:66.6666%;}


.kn_tab_menu.item4 h3{width:25%;}
.kn_tab_menu.item4 .tab-btn1{left:25%;}
.kn_tab_menu.item4 .tab-btn2{left:50%;}
.kn_tab_menu.item4 .tab-btn3{left:75%;}

.kn_tab_menu.item5 h3{width:20%;}
.kn_tab_menu.item5 .tab-btn1{left:20%;}
.kn_tab_menu.item5 .tab-btn2{left:40%;}
.kn_tab_menu.item5 .tab-btn3{left:60%;}
.kn_tab_menu.item5 .tab-btn4{left:80%;}


.conWrap{position:relative;padding:50px 20px}
.conWrap.mlr0{padding:50px 0}
.conWrap h2.title{line-height:1.2}
.conWrap.bg{background:#f2f2f2}
.conWrap.bg2 {background:#fff;margin:0 -20px;}
img.w100{width:100%}

.conWrap h4.title{line-height:1.2}

.conWrap .conBox2{position:relative;margin:0 auto;width:1300px;}
.theater_notice{color:#e90000; font-weight:500; margin-top:20px;}

.conWrapBox{margin:0 auto;padding:80px 0;width:1300px}
.conWrapBoxbg{padding:80px 0;background:#f8f8f8}

.moviebox{width:100%;}
.moviebox video{width:100%;}

h2.title{position:relative;margin-bottom:15px;padding-bottom:35px;font-size:22px;color:#222;text-align:center;}
h2.title .txt{display:block;margin-bottom:5px;font-size:13px;font-weight:400}
h2.title::after{position:absolute;bottom:0;left:50%;width:1px;height:25px;content:'';background:#222;z-index:1}
h2.title.no_line{padding-bottom:10px}
h2.title.no_line::after{display:none}
h2.title2{position:relative;margin-bottom:20px;font-size:15px;color:#222;font-weight:400}
h3.title{position:relative;margin:40px 0 10px;font-size:16px;color:#222;font-weight:400}
h3.title2{position:relative;margin-bottom:20px;font-size:15px;color:#222;font-weight:400}
h3.title3{position:relative;margin-bottom:15px;padding-bottom:35px;font-size:22px;color:#222;text-align:center;}
h2.title + h3.title{margin-top:0}
h2.title + fieldset legend + h3{margin-top:0}
h2.title + fieldset legend + h5{margin-top:0}
h3.title.tit4d {text-align:center;font-size:18px;margin-bottom:15px;line-height:1.2;}
h5.title{position:relative;margin:40px 0 10px;font-size:16px;color:#222;font-weight:400}
h5.title2{position:relative;margin-bottom:20px;font-size:15px;color:#222;font-weight:400}

h5.tittabh5 { font-size: 16px; margin: 15px 0}





h4.title{position:relative;margin-bottom:15px;padding-bottom:35px;font-size:22px;color:#222;text-align:center;}
h4.title .txt{display:block;margin-bottom:5px;font-size:13px;font-weight:400}
h4.title::after{position:absolute;bottom:0;left:50%;width:1px;height:25px;content:'';background:#222;z-index:1}
h4.title.no_line{padding-bottom:10px}
h4.title.no_line::after{display:none}

p.title{font-size:25px;font-weight:400;line-height:1.2;text-align:center}
.bfont {font-size:35px;font-weight:400;line-height:1.2;display:block}
.bb1 {border-bottom:1px solid #e2e2e2}

.li_dot > li{position:relative;margin-bottom:6px;padding-left:10px;}
.li_dot > li:last-child {margin-bottom:0}
.li_dot > li::before{position:absolute;top:8px;left:0;width:2px;height:2px;content:'';background:#222}
.li_dot > li > ul > li{position:relative;padding-left:10px;}
.li_dot > li > ul > li::before{position:absolute;top:0;left:0;content:'-';}
.location .li_dot > li > ul > li {padding-left:0;padding-top:8px;}
.location .li_dot > li > ul > li::before {display:none}
.volunteer .li_dot > li::before{top:8px}

.li_line > li{position:relative;margin-bottom:6px;padding-left:10px;}
.li_line > li:last-child {margin-bottom:0}
.li_line > li::before{position:absolute;top:8px;left:0;width:4px;height:1px;content:'';background:#343434}

.li_dot2 > li{position:relative;padding-left:12px;margin-bottom:8px}
.li_dot2 > li::before{position:absolute;top:0;left:0;content:'-';}

.line2{position:relative;padding-left:12px;}
.line2::before{position:absolute;top:0;left:0;content:'-';}

.li_num > li{position:relative;margin-bottom:10px;padding-left:29px;}
.li_num > li .num{position:absolute;top:3px;left:0;width:19px;height:19px;font-size:13px;color:#fff;line-height:19px;text-align:center;background:#222;border-radius:50%}
.li_num > li .uline, .li_dot > li .uline {text-decoration: underline;}

.li_num2 > li{margin-left:20px;list-style-type:decimal;}

.one_li > li{position:relative;margin-bottom:5px;padding-left:40px}
.one_li > li .one{position:absolute;top:0;left:0}

.li_notice> li{position:relative;margin-bottom:8px;padding-left:20px;}
.li_notice> li::before{position:absolute;top:0;left:0;content:'※';}

.li_star > li,
.star {position:relative;padding-left:12px;margin-bottom:10px}
.li_star > li::before,
.star::before {position:absolute;top:1px;left:0;content:'*';font-size:23px}

.mark {position:relative;margin-bottom:8px;padding-left:20px;}
.mark::before{position:absolute;top:0;left:0;content:'※';}

.chek_radio{position:absolute;opacity:0;width:0;height:0}
.chek_radio + label{position:relative;display:inline-block;margin:0 10px 5px 0;padding-left:25px;height:24px}
.chek_radio + label::before{opacity:0;position:absolute;top:10px;left:0;width:19px;height:19px;content:'';border:1px solid #262626;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.chek_radio + label::after{position:absolute;top:5px;left:4px;width:10px;height:6px;content:'';border:1px solid #262626;border-width:0 0 1px 1px;transform:rotate(-45deg);}
.chek_radio:checked + label span{background:none;}
.chek_radio:checked + label::after{}
.chek_radio:checked + label:before{opacity:1}

.review .chek_radio + label {float:right;margin-top:6px}

.chek_check{position:absolute;opacity:0;width:0;height:0}
.chek_check + label{position:relative;display:inline-block;margin:0 10px 5px 0;padding-left:27px;height:24px}
.chek_check + label::before{opacity:0;position:absolute;top:50%;left:0;width:19px;height:19px;content:'';border:1px solid #262626;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.chek_check + label::after{position:absolute;top:8px;left:4px;width:10px;height:6px;content:'';border:1px solid #262626;border-width:0 0 1px 1px;transform:rotate(-45deg);}
.chek_check:checked + label span{background:none;}
.chek_check:checked + label::after{}
.chek_check:checked + label:before{opacity:1}


.dot{position:relative;padding-left:10px}
.dot::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}

.step1 > li{position:relative;margin-bottom:35px;padding:25px 20px 25px 105px;min-height:90px;border:1px solid #909090}
.step1 > li::before{position:absolute;bottom:-22px;left:0;width:100%;height:9px;content:'';background:url('../../../_public/images/common/ic_arrow4.png') no-repeat center top / 25px;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.step1 > li:last-child{margin-bottom:0}
.step1 > li:last-child::before{display:none}
.step1 > li img{position:absolute;top:0;left:0;width:auto}
.step1 > li span{display:block;}

.txt_box_li > li{position:relative;margin-bottom:20px;padding:20px;background:#fff;border:1px solid #e2e2e2;border-top:1px solid #222;word-break: keep-all;}
.txt_box_li > li .tit{display:block;margin-bottom:10px;font-size:16px;line-height:1.2;font-weight:500;}
.txt_box_li > li:last-child{margin-bottom:0}

.th_left tbody th{text-align:left !important}
.th_center tbody th{text-align:center !important}
.td_left tbody td{text-align:left !important}
.td_center tbody td{text-align:center !important}
.td_right tbody td{text-align:right !important}
.th_top tbody th,
.td_top tbody td{vertical-align:top !important}

/*본인인증, 휴대폰인증 버튼영역*/
.certify_btn{text-align:center;}
.certify_btn a{color:#fff}

/* 공통테이블A */
.tbTypeA{border-top:1px solid #222}

.tbTypeA tr{text-align:center}
.tbTypeA thead th{padding:8px 10px;font-weight:500;line-height:1.2;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tbody th{padding:8px 10px;font-weight:500;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tbody td{padding:8px 10px;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tfoot th,
.tbTypeA tfoot td{padding:8px 10px;font-weight:500;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tbody tr.off td{color:#595959}
.tbTypeA tbody tr.off th{background:#fff url('../../../_public/images/common/ic_check_off.png') no-repeat center center}
.tbTypeA tbody tr.on th{background:#222 url('../../../_public/images/common/ic_check_on.png') no-repeat center center}
.tbTypeA tbody tr.on td.btn{padding:0;background:#222}
.tbTypeA tbody tr.on td.btn a{display:block;line-height:50px;color:#fff}
.tbTypeA tbody tr td.wrong{color:#989898;background:#fbfbfb}

/* 공통테이블B */
.tbTypeB{font-size:14px;border-top:1px solid #222}
.tbTypeB tr{text-align:left}
.tbTypeB tr:first-child th,
.tbTypeB tr:first-child td {padding-top:25px}
.tbTypeB thead th{padding:10px 10px;font-weight:400;line-height:1.2;}
.tbTypeB tbody th{position:relative;padding:6px 5px;font-weight:400;text-align:left;vertical-align:top}
.tbTypeB tbody td{padding:6px 0;vertical-align:top}
.tbTypeB tfoot th{padding:6px 10px;font-weight:500;text-align:left;vertical-align:top}
.tbTypeB tfoot td{padding:10px 0;font-weight:700;vertical-align:top;font-weight:500;}
.tbTypeB tbody td .txt{font-size:14px}
.tbTypeB tbody th.es{position:relative;}
.tbTypeB tbody th.es::before{position:absolute;top:8px;left:0;content:'*';}
.tbTypeB tfoot tr:first-child th,
.tbTypeB tfoot tr:first-child td{padding-top:10px}


.tbTypeB.kids{border-bottom:1px solid #222;table-layout: fixed;}
.tbTypeB.kids tbody th{padding:10px 0;height:53px;}
.tbTypeB.kids tbody th em{position:absolute;top:10px;left:0;display: block;width:100%;height:calc(100% - 20px);padding:7px 5px 7px 20px;text-align: left;background: #f4f4f4;}
.tbTypeB.kids tbody th.es:before{display: none;}
.tbTypeB.kids tbody th.es em:before{position:absolute;top:9px;left:10px;content:'*';}
.tbTypeB.kids tbody td{padding:10px 20px;height: 53px;}
.tbTypeB.kids tbody td .flex-box{display: flex;flex-direction: column;gap:10px;}
.tbTypeB.kids tbody td .flex-box input[type="text"]{width:100%;}
.tbTypeB.kids tbody td .radio-group{display: flex;gap:15px;}
.tbTypeB.kids tbody td .input-wrap{display: flex;flex-direction: column;;gap:10px;padding:10px;margin:0;border:0;}
.tbTypeB.kids tbody td .input-wrap + .input-wrap{margin-top:10px;}
.tbTypeB.kids tbody td .input-wrap span{display: inline-block;width:100%;}
.tbTypeB.kids tbody td .input-wrap .input{display: flex;align-items: center;gap:7px;}
.tbTypeB.kids tbody td .input-wrap .input input[type="number"]{width:94px;height:33px;padding:0 10px;}
.tbTypeB.kids tbody td .input-wrap p{position: relative;padding-left: 22px;font-size: 14px;font-weight: 500;color: #585858;}
.tbTypeB.kids tbody td .input-wrap p::before{content: "";position:absolute;top:2px;left:0;width:16px;height:15px;background: url(/_public/images/sub/ico_noti.png) no-repeat;background-size: cover;}
.tbTypeB.kids tbody td ul li{position: relative;padding-left: 22px;font-size: 14px;font-weight: 500;color: #333;font-weight: normal;}
.tbTypeB.kids tbody td ul li::before{content: "";position:absolute;top:2px;left:0;width:16px;height:15px;background: url(/_public/images/sub/ico_noti.png) no-repeat;background-size: cover;}
.tbTypeB.kids tbody td ul li strong{font-weight: bold;}
.tbTypeB.kids tbody td ul li strong u{font-weight: bold;}
.tbTypeB.kids tbody td ul li span{color:#ff0000;}
.tbTypeB.kids tbody td ul li + li{margin-top:10px;}
.tbTypeB.kids tbody td ul li strong{color:#000;}
.tbTypeB.kids tbody td .chk{margin-top:20px;margin-bottom: 10px;display: flex;justify-content: center;}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:0 10px;height:33px;color:#424242}
select{color: #000; padding:0 20px 0 5px;min-width:80px;height:33px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url('../../../_public/images/common/ic_select_arrow.png') no-repeat right 10px center;}
textarea{padding:10px;border:1px solid #8a8a8a;}

input.wrt_input{padding:0 20px;height:50px;border:1px solid #222}
input.wrt_input2{padding:0 20px;height:33px;border:1px solid #909090}

.box1{position:relative;padding:15px;background:#f8f8f8}
.box1::after{display:block;clear:both;content:''}
.box1 .btn{margin-top:20px;text-align:center}

.box2{position:relative;min-height:60px}
.box2::after{display:block;clear:both;content:''}
.box2 .btn{margin-top:20px;text-align:left}

.box3{position:relative;padding:20px;background:#fff;border:1px solid #e2e2e2}

.box_ic_li{overflow:hidden}
.box_ic_li ul{margin:0 -1%}
.box_ic_li ul::after{display:block;clear:both;content:''}
.box_ic_li ul li{float:left;margin:0 1% 10px;padding-top:20px;width:31.33%;height:180px;text-align:center;border:1px solid #909090;background-color:#fff;}
.box_ic_li ul li a{display:block;height:100%}
.box_ic_li ul li img{width:63px}
.box_ic_li ul li span{display:block;margin-top:15px;font-size: 14px;word-break: auto-phrase;}

/* 버튼 */
.btnBc{display:inline-block;margin:4px 3px;vertical-align:middle;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 10px;font-size:14px;color:#222;font-weight:400;line-height:43px;text-align:left;text-decoration:none;cursor:pointer;background-repeat:no-repeat;background-position:right 10px center;transition: all 0.3s;border-radius:0;border:1px solid #222}
.btnBc a:hover,
.btnBc button:hover,
.btnBc input:hover{background-color:#e8e8e8}

.btnBc.ic1 a,
.btnBc.ic1 button,
.btnBc.ic1 input{padding-right:35px;background-image:url('../../../_public/images/common/ic_bt_finger.png');background-size:15px;background-color: transparent;}

.btnBc.ic2 a,
.btnBc.ic2 button,
.btnBc.ic2 input{padding-right:35px;background-image:url('../../../_public/images/common/ic_bt_finger_white.png') }

.btnBc.ic3 a,
.btnBc.ic3 button,
.btnBc.ic3 input{padding-right:35px;background-image:url('../../../_public/images/common/ic_bt_finger_right.png') }

.btnBc.down a,
.btnBc.down button,
.btnBc.down input{padding-right:35px;background-image:url('../../../_public/images/common/ic_down.png') }

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-right:35px;background-image:url('../../../_public/images/common/ic_bt_list.png')}
.btnBc.black.list a,
.btnBc.black.list button,
.btnBc.black.list input{background-image:url('../../../_public/images/common/ic_bt_list_white.png')}

.btnBc.canc a,
.btnBc.canc button,
.btnBc.canc input{padding-right:35px;background-image:url('../../../_public/images/common/ic_bt_close.png') ;background-size:13px}

.btnBc.arrow a,
.btnBc.arrow button,
.btnBc.arrow input{padding-right:45px;background-image:url('../../../_public/images/common/ic_arrow4.png');background-size:20px}

.btnBc.print a,
.btnBc.print button,
.btnBc.print input{padding-right:70px;background-image:url('../../../_public/images/common/ic_print.png') }

.btnBc.min a,
.btnBc.min button,
.btnBc.min input{min-width:205px }

.btnBc.black a,
.btnBc.black button,
.btnBc.black input{color:#fff;background-color:#222}
.btnBc.black a:hover,
.btnBc.black button:hover,
.btnBc.black input:hover{background-color:#464646}

.btnList{clear:both;margin-top:30px}
.btnList.center{text-align:center}
.btnList.right{text-align:right}
.btnList .btnBc{margin:3px 1px}
.btnList.right .btnBc{margin:0 0 0 2px}

.btn-blk {display:block;}
.center-button{display: flex;}
.center-button .btnBc{flex:1;text-align: center;}
.center-button .btnBc a{padding:10px 0 30px;text-align: center;    background-position: 50% 89%;
    word-break: break-all;background-image: url(../../../_public/images/common/ic_down.png);}
.center-button .btnBc.black a{background-image: url(../../../_public/images/common/ic_down_w.png);}

.btnBc.blank a{}
.btnBc.blank a.ico1 { background-image: url(../../../_public/images/common/blank_b.png);}
.btnBc.blank a.ico2 { background-image: url(../../../_public/images/common/blank_w.png);}



.iconbb.btnBc.black a { background-image: url(/_public/images/common/ic_down_w.png);}


/* ----- 회원가입 4단계 certify ------ */
.certify {
margin-top:40px;
width:100%;
}
.certify h3 {
margin-bottom:12px;
font-size:17px;
text-align: center;
}

.certify h5{
margin-bottom:12px;
font-size:17px;
text-align: center;
}

.certify > div {
width:100%;
padding:10px 0;
border: 1px solid #ccc
}
.certify > div:first-child { margin-bottom: 40px}
.certify::after {
content:'';
display:block;
clear:both;
}
.certify > div > div {
background:#fff;
border-top:1px solid #222;
padding:20px 10px;
font-size: 15px;
word-break: keep-all;
}
.certify > div > div strong {
display:block;
margin-bottom:8px;
padding-top:10px;
}
.certify > div > div > div {
border:2px solid #f8f8f8;
padding:0 12px;
margin-top:10px;
word-break: keep-all;
}
.certify > div > div > div li {
margin-bottom:5px;
}
.certify > div > div > button {
width:100%;
display:block;
background:#222;
color:#fff;
padding:10px 0;
text-align:center;
margin:15px auto 0;
font-size: 16px
}


/* 검색 */
.searchTypeA{margin:0 auto;padding-bottom:5px;max-width:300px;text-align:center;border-bottom:1px solid #222}
.searchTypeA select{padding-left:0;font-size:14px;border:0; color: #000}
.searchTypeA input[type="text"]{width:170px;font-size:14px;border:0}
.searchTypeA input::-webkit-input-placeholder { color:#424242 }
.searchTypeA input::-moz-placeholder { color:#424242 }
.searchTypeA input::-ms-input-placeholder { color:#424242 }
.searchTypeA .btn{width:33px;height:33px;text-align:left;text-indent:-999px;overflow:hidden;background:url('../../../_public/images/common/ic_search2.png') no-repeat center center / 14px;border:0;}
.searchTypeA.srline{margin-bottom:60px}
.searchTypeA.srline select{border-bottom:1px solid #222}
.searchTypeA.srline input[type="text"]{width:240px;border-bottom:1px solid #222}
.searchTypeA.srline .btn{border-bottom:1px solid #222}
.searchTypeA.center{text-align:center}

.searchTypeB{position:relative;margin:0 auto 20px;max-width:270px;border-bottom:1px solid #222}
.searchTypeB input[type="text"]{padding:0;width:100%;height:40px;font-size:14px;border:0}
.searchTypeB .btn{position:absolute;top:0;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;cursor:pointer;background:url('../../../_public/images/common/ic_search2.png') no-repeat center center / 14px;border:0}

.collection_search{margin-bottom:20px;padding:20px;background:#f8f8f8;border:1px solid #222}
.collection_search .searchCon{position:relative;padding:0 0 0 100px}
.collection_search select{position:absolute;top:0;left:0;padding-left:2px;width:90px;border:0;border-bottom:1px solid #222}
.collection_search .inpTxt{padding:0 30px 0 0;width:100%;height:33px;font-weight:500;border:1px solid #222;border-width:0 0 1px;}
.collection_search .inpTxt::-webkit-input-placeholder{font-weight:500}
.collection_search .inpTxt::-moz-placeholder{font-weight:500}
.collection_search .inpTxt::-ms-input-placeholder{font-weight:500}
.collection_search .btn{position:absolute;top:0;right:0;width:30px;height:33px;text-indent:-999px;overflow:hidden;opacity:0.8;background:url('../../../_public/images/common/ic_search2.png') no-repeat center center / 20px;border:0}
.collection_search .btn_keyword{margin-top:20px;}
.collection_search .btn_keyword::after{display:block;clear:both;content:''}
.collection_search .btn_keyword li{float:left;margin:0 2px 5px}
.collection_search .btn_keyword li a{display:block;width:24px;height:24px;font-size:13px;text-align:center;line-height:22px;border-radius:12px;border:1px solid #909090}
.collection_search .btn_keyword li a:hover{color:#fff;background:#909090}
.collection_search .btn_keyword li:last-child a{width:52px}
.collection_search .btn_keyword li.on a {color:#fff;background:#222;border:1px solid #222;}
.collection_search .btn_keyword li.reset-button {top:0;right:0;width:50px;}
.collection_search .btn_keyword li.reset-button a{width:50px;background: #000;color:#fff;}

/* 목록 */
.listTypeA{border:1px solid #e2e2e2;border-top:1px solid #222;}
.listTypeA tr{text-align:center}
.listTypeA thead th{padding:10px 5px;font-weight:500;line-height:1.2;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody th{padding:8px 5px;font-weight:500;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody td{padding:8px 5px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody td a {display:block;overflow:hidden;}
.listTypeA tbody td a .title {font-weight:500}
.listTypeA tbody td.subject{text-align:left}
.listTypeA tbody td.notice {padding:8px 15px}
.listTypeA tbody td.notice .date {display:inline-block;margin-top:5px}
.listTypeA tbody td.event{border-right:0}
.listTypeA.srline{margin-top:-1px}
.listTypeA.srline thead th{border:1px solid #e2e2e2;border-top:1px solid #222}
.listTypeA.srline tbody th,
.listTypeA.srline tbody td{border:1px solid #e2e2e2}
.listTypeA .btn01{width:32px;height:21px;font-size:13px;font-weight:400;text-align:center;border:1px solid #909090}
.listTypeA .btn02{width:32px;height:21px;font-size:13px;font-weight:400;text-align:center;background:#f2f2f2;border:1px solid #d1d1d1}

.listTypeAA{border:1px solid #e2e2e2;border-top:1px solid #222;border-bottom:0}
.listTypeAA li{position:relative;padding-left:35px;border-bottom:1px solid #e2e2e2}
.listTypeAA li .num{position:absolute;top:0;left:0;padding-top:20px;width:35px;height:100%;text-align:center;border-right:1px solid #e2e2e2}
.listTypeAA li a{display:block;padding:10px 15px}
.listTypeAA li .tit{display:block;margin-bottom:5px;font-weight:bold}
.listTypeAA li .infor{display:block;font-size:13px}

.listTypeAB{border:1px solid #e2e2e2;border-top:1px solid #222;border-bottom:0}
.listTypeAB li{position:relative;padding-right:100px;border-bottom:1px solid #e2e2e2}
.listTypeAB li a{display:block;padding:10px 15px}
.listTypeAB li .tit{display:block;margin-bottom:5px;font-weight:bold}
.listTypeAB li .infor{display:block;font-size:13px}
.listTypeAB li .state{position:absolute;top:0;right:0;padding:10px 10px;width:100px;height:100%;text-align:center;border-left:1px solid #e2e2e2;background:#fff;color:#222;line-height:1.5}
.listTypeAB li .state b{display:block;margin-bottom:5px}
.listTypeAB .btn01{width:37px;height:25px;font-size:13px;font-weight:400;text-align:center;border:1px solid #909090}
.listTypeAB .btn02{width:37px;height:25px;font-size:13px;font-weight:400;text-align:center;background:#000;border:1px solid #000;color: #fff;}

.listTypeAB li a:focus { border:dotted 2px #000; margin:3px; }



.listTypeB{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeB ul{margin:0 -5px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{position:relative;float:left;margin-bottom:20px;padding:0 5px;width:33.33%;text-align:center}
.listTypeB ul li a{display:block}
.listTypeB ul li .photo{margin-bottom:10px;overflow:hidden;}
.listTypeB ul li .photo2 {margin-bottom:10px}
.listTypeB ul li .photo img{width:100%}
.listTypeB ul li span{display:block}
.listTypeB ul li .part{margin-bottom:15px;font-size:14px}
.listTypeB ul li .tit{display: block;margin-bottom:5px;line-height:1.2;font-weight:bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listTypeB ul li .txt{display: block;margin-bottom:15px;font-size:14px;overflow:hidden;max-height:35px;line-height:1.2;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listTypeB ul li .data{font-size:14px}
.listTypeB ul li:nth-child(3n+1){clear:left}


.listTypeB.edu{border-bottom:0}
.listTypeB.edu ul li{margin-bottom:15px;width:50%;float:left}
.listTypeB.edu ul li a{border:1px solid #e2e2e2;border-top:1px solid #222}
.listTypeB.edu ul li .infor{padding:5px 15px 15px}
.listTypeB.edu ul li:nth-child(3n+1){clear:none}

.listTypeB.edu ul li a:focus { border:dotted 2px #000; margin:3px; }
.listTypeB ul li a:focus { border:dotted 2px #000; margin:3px; }

.listTypeB.collection{border-bottom:0}
.listTypeB.collection ul li{margin-bottom:10px;width:50%}
.listTypeB.collection ul li a{position:relative;display:block;padding:0 10px 10px;border:1px solid #e2e2e2;border-width:0 1px 1px}
.listTypeB.collection ul li .photo{position:relative;margin:0 -10px 10px;padding-top:130%;background:#f0f0f0;border-top:1px solid #222}
.listTypeB.collection ul li .photo img{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
.listTypeB.collection ul li .tit{margin-bottom:10px}
.listTypeB.collection ul li:nth-child(3n+1){clear:none}
.listTypeB.collection ul li:nth-child(2n+1){clear:left}
.listTypeB.collection ul li .data{padding-top:10px;font-size:13px;border-top:1px solid #e2e2e2}
.listTypeB.collection .btnMore{position:relative;display:block;margin:20px auto;width:70px;height:27px;text-indent:-999px;overflow:hidden;border:1px solid #909090}
.listTypeB.collection .btnMore::before{position:absolute;top:50%;left:50%;width:15px;height:1px;content:'';background:#222;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.listTypeB.collection .btnMore::after{position:absolute;top:50%;left:50%;width:1px;height:15px;content:'';background:#222;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.listTypeB.collection ul li .view{position:absolute;right:15px;bottom:15px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background:url('../../../_public/images/common/ic_search2.png') no-repeat center center / 10px;border:1px solid #222;}

.listTypeB.joubax ul{margin:0;display: flex;flex-wrap: wrap;gap:50px 20px;padding:0 10px;}
.listTypeB.joubax ul li {float: none;width:calc(50% - 10px);padding:0;}
.listTypeB.joubax ul li a {height: 100%;}
.listTypeB.joubax ul li a.jdown {display:block;background: #fff;height: auto;position: relative;bottom: 0;text-align: center;padding: 5px;font-weight: 500;font-size: 14px;border: 1px solid #000; margin: auto; width: 80%}
.listTypeB.joubax ul li a.jdown:hover { background: #000; color: #fff}

.listTypeB.KidsExhi ul li .photo {border-radius:10px;}

.center-button.joubutt { display: block !important; }
.center-button.joubutt .btnBc { width: 100%}


.listTypeC{position:relative;border:1px solid #e2e2e2;border-top:1px solid #222;}
.listTypeC::after{display:block;clear:both;content:''}
.listTypeC .divis{position:absolute;top:0;right:0;padding:0 10px;font-size:14px;color:#fff;font-weight:bold;line-height:30px;background:#222}
.listTypeC a{display:block}
.listTypeC .progImg img{width:100%}
.listTypeC .progCon{position:relative;padding:15px}
.listTypeC .progCon h2{font-size:23px;line-height:1.3}
.listTypeC .progCon h2 span{display:block;font-size:15px;font-weight:400}

.listTypeC .progCon p.titpp{font-size:23px;line-height:1.3; font-weight: 500}
.listTypeC .progCon p.titpp span{display:block;font-size:15px;font-weight:400}

.listTypeC .progCon ul{margin:10px 0;padding-top:10px;border-top:1px solid #e2e2e2}
.listTypeC .progCon ul li{position:relative;margin-bottom:5px;padding-left:5px}
.listTypeC .progCon ul li::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.listTypeC .progCon .btnBc{position:absolute;top:0;right:0;width:110px;background-color:#222;text-align:center;color:#fff;display: -moz-inline-stack;display: block;padding: 0 25px;font-size: 15px;font-weight: 300;line-height: 54px;}
.listTypeC .btnList {width:100%;display:inline-block}

.exhibition .listTypeC .progCon .btnBc{right:auto;left:0;top:4px}
.exhibition .listTypeC .progCon h2{padding-left:130px;padding-right:0}

.scoll_slide{padding-left:20px}
.listTypeD ul::after{display:block;clear:both;content:''}
.listTypeD ul li{position:relative;float:left;padding:0;width:245px;height:295px;border:1px solid #222}
.listTypeD ul li:first-child{margin-left:0}
.listTypeD ul li a{display:block;height:100%}
.listTypeD ul li .photo{height:152px;overflow: hidden;}
.listTypeD ul li .photo img{width:100%}
.listTypeD ul li .con{padding:15px 18px 50px;}
.listTypeD ul li .con .tit{display:block}
.listTypeD ul li .con .data{position:absolute;left:18px;bottom:10px;font-size:14px}

.listTypeE{overflow:hidden}
.listTypeE ul{margin:0 -10px}
.listTypeE ul:after{content:'';display:block;clear:both}
.listTypeE ul li{float:left;margin-bottom:20px;padding:0 5px;width:50%;}
.listTypeE ul li a{position:relative;display:block;border:1px solid #e2e2e2;border-top:1px solid #222}
.listTypeE ul li .photo{display:block;width:100%;overflow:hidden; }
.listTypeE ul li .photo img {width:100%}
.listTypeE ul li .infor{padding:5px}
.listTypeE ul li .tit{display:block;font-size:15px;color:#222;font-weight:500;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.listTypeE ul li .data {font-size:14px}
.listTypeE ul li:nth-child(2n+1){clear:left}

.listTypeJ .total{font-size: 16px;font-weight:normal;color: #000;margin-bottom:40px;}
.listTypeJ .total strong{font-weight: bold;}
.listTypeJ ul{display: flex;flex-wrap: wrap;gap:50px 10px;}
.listTypeJ ul li{width:calc(50% - 5px);}
.listTypeJ ul li a{display: block;;}
.listTypeJ ul li .photo{border:1px solid #e0e0e0;}
.listTypeJ ul li .photo img{display: block;width:100%;}
.listTypeJ ul li .txt-box{margin-top:10px;}
.listTypeJ ul li .txt-box .ct{font-size: 14px;font-weight: normal;letter-spacing: -0.4px;color: #000;}
.listTypeJ ul li .txt-box .tit{margin-top:5px;font-size: 16px;font-weight: bold;letter-spacing: -0.43px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;}
.listTypeJ ul li .txt-box .date{margin-top: 10px;font-size: 14px;font-weight: normal;letter-spacing: -0.37px;color: #4a4a4a;}


.socialpage .listTypeE ul li:nth-child(2n){margin-right:0}

.state{display:inline-block;width:40px;font-size:13px;color:#fff;text-align:center;line-height:30px;font-weight:400;background:#222;}
.state.off{background:#bfbfbf}


.webzineTop h2{position:relative;margin-bottom:10px;padding-bottom:40px;font-size:20px;font-weight:500;text-align:center}
.webzineTop h2 span{display:block;margin-bottom:10px;font-size:13px;letter-spacing:0;font-weight:400;}
.webzineTop h2::after{position:absolute;left:50%;bottom:0;width:1px;height:25px;content:'';background:#222}
.webzineTop .photo{position:relative;margin-bottom:20px;text-align:center}
.webzineTop dl{border:1px solid #e4e4e4;border-width:1px 1px 0;border-top:1px solid #222}
.webzineTop dl dt{padding:10px;font-weight:500}
.webzineTop dl dd{padding:0 10px 10px;border-bottom:1px solid #e4e4e4}

.webzine{overflow:hidden}
.webzine ul{margin:0 -10px}
.webzine ul::after{display:block;clear:both;content:''}
.webzine ul li{position:relative;float:left;margin-bottom:20px;padding:0 10px;width:33.33%;}
.webzine ul li .tit{display:block;margin-bottom:10px;font-size:14px;font-weight:500}
.webzine ul li .photo{display:block;margin-bottom:5px;overflow:hidden;border:1px solid #e2e2e2;border-top:1px solid #222;text-align:center}
.webzine ul li .photo img{}
.webzine ul li .data{display:block;font-size:13px}
.webzine ul li .view{position:absolute;right:10px;bottom:0;width:15px;height:15px;text-indent:-999px;overflow:hidden;content:'';background:url('../../../_public/images/common/ic_search2.png') no-repeat center center / 100%}
.webzine ul li:nth-child(3n+1){clear:left}
.view.search{position:absolute;right:38px;bottom:5px;width:15px;height:15px;text-indent:-999px;overflow:hidden;content:'';background:url('/_public/images/common/ic_search2.png') no-repeat center center;}
.view.down{width:15px;height:15px;text-indent:-999px;overflow:hidden;content:'';background:url('/_public/images/common/ic_down.png') no-repeat center center;}


/* 페이지 nav */
.paging_box{margin:20px 0}
.paging_box ul {text-align:center}
.paging_box ul li {display:inline-block;width:30px;height:30px;vertical-align: middle;margin:0 4px;line-height: 30px;}
.paging_box ul li a{display:block;text-align: center;line-height: 28px;color:#8f8f8f;font-weight:500;border: 1px solid #555; color: #222;border-radius: 100%;}
.paging_box ul li span {display:block;text-align: center;line-height: 28px;border-radius: 100%;border: 1px solid #555;}
.paging_box ul li.now span {font-weight:500;color:#fff;background: #222;}
.paging_box ul li.prev a{border:0;}
.paging_box ul li.next a{border:0;}

/* 상세보기 */
.viewTypeA{margin-bottom:40px;border:1px solid #e2e2e2;border-top:1px solid #222}
.viewTypeA tr, .viewTypeA th, .viewTypeA td {word-break: break-all;}
.viewTypeA thead th{padding:12px 15px;font-weight:500;text-align:left;border-bottom:1px solid #e2e2e2;font-size:17px}
.viewTypeA thead th.state{font-size:14px;color:#fff;text-align:center;font-weight:400;background:#222}
.viewTypeA thead td{padding:12px 15px;font-weight:500;text-align:left;border-bottom:1px solid #e2e2e2;}
.viewTypeA tbody th{padding:6px 8px;font-weight:400;text-align:center;border:1px solid #e2e2e2;border-width:0 1px 1px}
.viewTypeA tbody th:first-child{border-left:0}
.viewTypeA tbody > td{padding:12px 15px;}
.viewTypeA tbody td { border-bottom:1px solid #e2e2e2;}
.viewTypeA tbody td.contents{padding:18px 14px 40px}
.viewTypeA tbody td.contents img {width:100% !important;height:auto !important}
.viewTypeA tbody td.contents iframe {width:100% !important;height:280px !important}
.viewTypeA thead th .date{font-size:14px;text-align:left;font-weight:400;margin-top:7px}

.edu-video-2 .txt_center img {max-width:330px;}

/*슬릭 커스텀*/
.edu-video-2 .visual { position:relative;}
.edu-video-2 .visual button { position:absolute; z-index:10; top:50%; transform:translateY(-50%); width: 71px; height:71px; border-radius:100%; background:rgba(255,255,255,.5);border:none;text-align:center;}
.edu-video-2 .visual button:before { font-family:'xeicon'; color:#000; font-size:45px;}
.edu-video-2 .visual button.slick-prev { left:-40px; font-size:0px; color:transparent;}
.edu-video-2 .visual button.slick-prev:before { content:"<"; }
.edu-video-2 .visual button.slick-next { right:-40px; font-size:0px; color:transparent;}
.edu-video-2 .visual button.slick-next:before { content:">"; }

.viewTypeB{position:relative;}
.viewdetails {width:100%;padding-bottom:80px}
.viewdetails::after{display:block;clear:both;content:''}
.viewTypeB .divis{position:absolute;top:-30px;right:0;padding:0 10px;font-size:14px;color:#fff;line-height:30px;background:#222}
.viewTypeB .progCon{position:relative;padding-top:25px;border-top: 1px solid #222;}
.viewTypeB .progCon h2{margin-bottom:20px;font-size:25px;line-height:1.3}
.viewTypeB .progCon h2 span{display:block;font-size:15px;font-weight:400}
.viewTypeB .progCon h5.gijonh2{margin-bottom:20px;font-size:25px;line-height:1.3}
.viewTypeB .progCon h5.gijonh2 span{display:block;font-size:15px;font-weight:400}


.viewTypeB .progCon ul{margin-bottom:25px;padding:15px;background:#f2f2f2}
.viewTypeB .progCon ul li{position:relative;margin-bottom:5px;padding-left:8px}
.viewTypeB .progCon ul li::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.viewTypeB h3{margin-bottom:15px;font-size:16px;line-height:1}
.viewTypeB .progCon .btn{position:absolute;top:0;right:0;width:110px}
.viewTypeB .contents,
.viewTypeB .contents div,
.viewTypeB .contents font,
.viewTypeB .contents p,
.viewTypeB .contents span {font-family:'Noto Sans KR',sans-serif !important;line-height:1.7 !important;font-size:16px !important;/*color:#444444 !important;*/word-break: break-word;}
.viewTypeB .photoImg{margin-bottom:20px;text-align:center}
.viewTypeB .photoImg .img-wrap{max-height:285px;overflow: hidden;;}
.viewTypeB .contents img {width:100% !important;height:auto !important}
.viewTypeB .inforCon{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e2e2e2}
.viewTypeB .inforCon h2{margin-bottom:20px;font-size:25px;line-height:1.3}
.viewTypeB .inforCon h2 span{display:block;font-size:15px;font-weight:400}
.viewTypeB .inforCon h4{margin-bottom:20px;font-size:25px;line-height:1.3}
.viewTypeB .inforCon h4 span{display:block;font-size:15px;font-weight:400}
.viewTypeB .inforCon ul{margin:20px 0 30px;padding:20px;border:1px solid #e2e2e2;border-top:1px solid #222}
.viewTypeB .inforCon ul::after{display:block;clear:both;content:''}
.viewTypeB .inforCon ul li{position:relative;float:left;margin-bottom:7px;padding:0 10px 0 90px;width:50%;min-height:24px;}
.viewTypeB .inforCon ul li .name{position:absolute;top:0;left:0;padding-left:11px;font-weight:400}
.viewTypeB .inforCon ul li .name::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.viewTypeB .inforCon p{}
.viewTypeB .reserveCon{position:relative;margin-top:40px;padding:40px 0 30px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
.viewTypeB .reserveCon dl{position:relative;margin-bottom:10px;border:1px solid #e2e2e2}
.viewTypeB .reserveCon dl dt{padding:0 25px;line-height:40px;border-bottom:1px solid #e2e2e2}
.viewTypeB .reserveCon dl dd{padding:10px 15px}
.viewTypeB .reserveCon dl dd ul::after{display:block;clear:both;content:''}
.viewTypeB .reserveCon dl dd ul li{position:relative;float:left;padding-left:90px;width:50%;min-height:24px;}
.viewTypeB .reserveCon dl dd ul li .name{position:absolute;top:0;left:0;padding-left:11px;font-weight:400}
.viewTypeB .reserveCon dl dd ul li .name::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.viewTypeB .reserveCon dl dd .btn{position:absolute;top:0;right:0;width:67px;height:40px;font-size:13px;color:#9f9f9f;text-align:center;line-height:40px;background:#e2e2e2}
.viewTypeB .reserveCon dl dd .btn a{display:block;height:100%;color:#fff;background:#222}
.viewTypeB .reserveCon dl.on{border-top:1px solid #222}
.viewTypeB .reserveCon dl.on dt{color:#222;font-weight:bold}
.viewTypeB.riss .inforCon{padding-bottom:0;border-bottom:0}
.viewTypeB.riss .inforCon h2{text-align:center}
.viewTypeB.collection .progCon{padding-top:15px}
.viewTypeB.collection .progCon h2{font-size:20px}

.KidsExhi h2 {margin:25px 0 30px;padding-bottom:10px;font-size:25px;font-weight:500;text-align:left;line-height:1.3;border-bottom:1px solid #222}
.KidsExhi h3{margin:25px 0 30px;padding-bottom:10px;font-size:25px;font-weight:500;text-align:left;line-height:1.3;border-bottom:1px solid #222}
.KidsExhi .visual {width:100%;}
.KidsExhi .visual img {display:block;width:100%;}
.KidsExhi .thumb-box {display:flex;align-items:center;gap:20px;}
.KidsExhi .thumb-box > div {width:112px;}
.KidsExhi .thumb-box > div img {width:100%;}
.KidsExhi .contents {margin-top:30px;padding-top:30px;border-top:1px solid #e2e2e2;font-size:14px;}

.etcList{overflow:hidden}
.etcList ul{margin:0 -5px}
.etcList ul::after{display:block;clear:both;content:''}
.etcList ul li{position:relative;float:left;margin-bottom:10px;padding:0 5px;width:33.33%}
.etcList ul li a{display:block}
.etcList ul li.movie a::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('../../../_public/images/common/ic_movie_play.png') no-repeat center / 34px;}

.schedualCon{padding-bottom:50px;border-bottom:1px solid #e2e2e2}
.schedualCon .control{position:relative;margin-bottom:50px;text-align:center}
.schedualCon .control .btn{position:absolute;top:0;left:0}
.schedualCon .control .btn a{display:block;width:80px;font-size:14px;color:#fff;line-height:40px;text-align:center;background:#222}
.schedualCon .control button{position:relative;width:25px;height:25px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border:1px solid #222}
.schedualCon .control .btnBefore{content:'';background-image:url('../../../_public/images/common/ic_s_before.png') }
.schedualCon .control .btnNext{content:'';background-image:url('../../../_public/images/common/ic_s_next.png') }
.schedualCon .control .month{display:inline-block;width:200px;font-size:36px;font-weight:700;vertical-align:middle}
.schedualCon table{border-top:1px solid #222;}
.schedualCon table tr{text-align:center;font-weight:400}
.schedualCon table thead th{height:130px;font-weight:500}
.schedualCon table thead th:first-child{color:#ec6b6f}
.schedualCon table thead th:last-child{color:#3c91e1}
.schedualCon table tbody td{padding:10px 0;height:140px;vertical-align:top}
.schedualCon table tbody td .con{display:table;width:100%;height:100%;}
.schedualCon table tbody td .con ul{display:table-cell;vertical-align:bottom}
.schedualCon table tbody td .con ul li{position:relative;padding-left:0;margin-bottom:10px;font-size:13px;text-align:left;line-height:18px;border-bottom:2px solid #222}
.schedualCon table tbody td .con ul li span{float:left;margin-right:10px;font-weight:500}
.schedualCon table tbody td .con ul li a{display:block;padding:5px}
.schedualCon table tbody td.off .con ul li{border-bottom:2px solid #eaeaea}
.schedualCon table tbody td.off .con ul li a{color:#ccc}
.schedualCon table tbody td:first-child{color:#ec6b6f}
.schedualCon table tbody td:last-child{color:#3c91e1}

.topTxt{margin-bottom:30px;font-size:25px;line-height:1.2;font-weight:400;text-align:center}

.s1_1_con1::after{display:block;clear:both;content:''}
.s1_1_con1 dl{float:left;margin:0 1% 15px;padding:0 20px 15px;width:98%;min-height:135px;border:1px solid #e2e2e2;border-top:1px solid #222}
.s1_1_con1 dl dt{margin-bottom:10px;padding:0 0 0 30px;line-height:54px;background-repeat:no-repeat;background-position:left center;border-bottom:1px solid #e2e2e2}
.s1_1_con1 dl dt a{position: relative;display: block;}
.s1_1_con1 dl dt a:after{content: "";position: absolute;top:23px;right:0;display: block;width:25px;height:9px;background: url(/_public/images/link_view.png) no-repeat;background-size: cover;}
/* .s1_1_con1 dl.ic1 dt{background-image:url('../../../_public/images/information/s1_1_ic1_1.png');background-size:21px;}
.s1_1_con1 dl.ic2 dt{background-image:url('../../../_public/images/information/s1_1_ic1_2.png');background-size:19px;}
.s1_1_con1 dl.ic4 dt{background-image:url('../../../_public/images/information/s1_1_ic1_3.png');background-size:17px}
.s1_1_con1 dl.ic3 dt{background-image:url('../../../_public/images/information/s1_1_ic1_4.png');background-size:20px;} */

.s1_1_con1 dl.ic1 dt{background-image:url('/_public/images/sub/n_kids_icon01.svg');}
.s1_1_con1 dl.ic2 dt{background-image:url('/_public/images/sub/n_kids_icon02.svg');}
.s1_1_con1 dl.ic4 dt{background-image:url('/_public/images/information/s1_1_ic1_3.png');}
.s1_1_con1 dl.ic3 dt{background-image:url('/_public/images/sub/n_kids_icon02.svg');}
.s1_1_con1 dl.ic10 dt{background-image:url('/_public/images/information/s1_1_ic1_10.svg');}
.s1_1_con1 dl.ic11 dt{background-image:url('/_public/images/information/s1_1_ic1_11.svg');}


.s1_1_con1 dl dd strong{font-size:17px}

.s1_1_con2 img{margin-top:20px;width:100%}

.comment .s1_1_con2 table{width:415px}

.s1_2_1_con1 .root_daum_roughmap{width:100% !important}
.s1_2_1_con2{margin:10px 0 20px}
.s1_2_1_con2::after{display:block;clear:both;content:''}
.s1_2_1_con2 > li{position:relative;margin-bottom:35px;padding:15px 15px 15px 105px !important;min-height:48px;border:1px solid #222}
.s1_2_1_con2 > li span{position:absolute;top:0;left:18px;padding-top:15px;font-weight:700}
.s1_2_1_con2 > li::after{position:absolute;bottom:-22px;left:0;width:100%;height:9px;content:'';background:url('../../../_public/images/common/ic_arrow4.png') no-repeat center top / 25px;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.s1_2_1_con2 > li::before{display:none !important}
.s1_2_1_con2 > li:last-child::after{display:none}
.s1_2_1_con3{margin-bottom:-15px;padding-bottom:20px;border-bottom:1px solid #e2e2e2}
.s1_2_1_con3 ul{margin-bottom:15px}
.s1_2_1_con3 ul li{margin-bottom:5px;padding-left:58px;min-height:38px;background-repeat:no-repeat;background-position:left center;background-size:38px}
.s1_2_1_con3 ul li.ic1{background-image:url('../../../_public/images/sub/ic_traffic1.png')}
.s1_2_1_con3 ul li.ic2{background-image:url('../../../_public/images/sub/ic_traffic2.png')}
.s1_2_1_con3 ul li.ic3{background-image:url('../../../_public/images/sub/ic_traffic3.png')}
.s1_2_1_con3 ul li.ic4{background-image:url('../../../_public/images/sub/ic_traffic4.png')}
.s1_2_1_con3 p{padding:10px 15px;background:#f8f8f8}

/*-- 예약하기 달력 --*/
.inspecDay{position:relative;}
.inspecDay .selectDay{margin-bottom:20px;font-size:23px;font-weight:bold;text-align:center;line-height:1}
.inspecDay .selectYear{width:120px;color:#222;line-height:38px;text-align:center;position:relative;margin:0 auto 20px}
.inspecDay .selectYear span {font-size:16px;font-weight:400}
.inspecDay .selectYear button{position:absolute;top:45%;margin-top:-10px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.inspecDay .selectYear .btnBefore{left:0;background-image:url('../../../_public/images/common/ic_s_before.png')}
.inspecDay .selectYear .btnNext{right:0;background-image:url('../../../_public/images/common/ic_s_next.png')}
.inspecDay .inspecCalenda{}
.inspecDay table{;border-top:1px solid #222;border-bottom: 1px solid #222;}
.inspecDay table tr{text-align:center}
.inspecDay table tr:last-child td {padding-bottom: 20px;}
.inspecDay table thead th{padding:20px 0;font-weight:500}
.inspecDay table thead th:first-child,
.inspecDay table tbody td:first-child a,
.inspecDay table tbody td:first-child.on a{color:#970005;}
.inspecDay table thead th:last-child,
.inspecDay table tbody td:last-child a,
.inspecDay table tbody td:last-child.on a{color:#0056b4}
.inspecDay table tbody td{height:30px}
.inspecDay table tbody td a{display:inline-block;width:25px;height:25px;line-height:22px;color:#333;border-radius:50%}
/* .inspecDay table tbody td.day_today a{ background: url(/_public/images/sub/today_bg_2026.png);color:#333 !important;    border: 1px solid #aaa;} */
td.day_today a { position: relative;}
.inspecDay table tbody td.day_today a:before {  content: ""; clip-path:polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );background: #216400; display: block; position: absolute; width: 11px; height: 11px; border-radius: 99px;
	top: -3px; right: -11px}

.inspecDay table tbody td.select a{color:#fff !important;background:#5dc5d1;}
/* .inspecDay table tbody td:first-child + td a{background:#f2f2f2} */
.inspecDay table tbody td.on a{color:#222}
.inspecDay table tbody td.today a{color:#fff;background:#222}
.inspecDay table tbody td:first-child + td.today a{color:#fff;background:#222}

/*예약하기 달력 추가*/
td.day_reservation a{background: #3950AF;  color: #fff !important;}
td.day_reservationOK a{background:#ffd3d4;color:#fff;border: 2px solid #ce1c20 !important;background: #fff;}
td.day_close a{background:#fff;border: 1px dashed #555;color:#505050 !important;}
/* td.day_today a{background:#000;color:#fff !important;} */

.day_color {}
.day_color div {display:inline-block;margin:10px;position:relative;}
.day_color div::before {width: 13px;height: 13px;background:#e1e1e1;display:inline-block;clear:both;content:'';margin-right:5px;border-radius: 100%;position: relative;top: 2px;}
.day_color div.reservation_color::before {background:#3950AF;}
.day_color div.reservationOK_color::before {background:transparent;border:2px solid #ce1c20}
.day_color div.close_color::before {background:#fff;border: 1px dashed #555;}
/* .day_color div.today_color::before {background: url(/_public/images/sub/today_bg_2026.png);border: 1px solid #aaa;} */
.day_color div.today_color::before {background: #216400; width: 11px; height: 11px; top:-1px; right: 0; position: relative;clip-path:polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );}
lor::before {background: url(/_public/images/sub/today_bg_2026.png);border: 1px solid #aaa;}


.reservation .tbTypeA tbody tr th .radio-type1{display: block;}

.s1_4_con1{position:relative;margin:25px 0 90px}
.s1_4_con1 img{width:100%}
.s1_4_con1 p{position:absolute;right:0;bottom:-40px;font-size:25px;font-weight:400;line-height:1.2}

.s1_4_con2{position:relative;margin-top:25px;padding-left:35px}
.s1_4_con2 img{width:100%}
.s1_4_con2 p{position:absolute;top: 40px;left: -40px;transform:rotate(-90deg);font-weight:400;}
.s1_4_con2 p::before{position:absolute;top:12px;left:-45px;width:35px;height:1px;content:'';background:#222}
.library .s1_4_con2 .mBtnMore {position:absolute;left:180px;top:540px}

.s1_4_con3{position:relative;}
.s1_4_con3 > dl{margin-bottom:20px}
.s1_4_con3 > dl > dt{margin-bottom:10px;padding-left:35px;font-size:16px;font-weight:500;line-height:30px;background-repeat:no-repeat;background-position:left center}
.s1_4_con3 > dl.ic1 > dt{background-image:url('../../../_public/images/sub/ic_use1.png');background-size:26px}
.s1_4_con3 > dl.ic2 > dt{background-image:url('../../../_public/images/sub/ic_use2.png')}
.s1_4_con3 > dl.ic3 > dt{background-image:url('../../../_public/images/sub/ic_use3.png')}
.s1_4_con3 > dl.ic1 > dd dl{margin-bottom:15px;padding-bottom:18px;text-align:center;border-bottom:1px solid #e2e2e2}
.s1_4_con3 > dl.ic1 > dd dl dt{font-size:16px;font-weight:400;}
.s1_4_con3 > dl.ic1 > dd dl dd{font-size:20px}
.s1_4_con3 > dl.ic3 > dd ul li{position:relative;padding-left:77px}
.s1_4_con3 > dl.ic3 > dd ul li span{position:absolute;top:0;left:10px;}
.s1_4_con3 > dl > dd{padding:18px;background:#fff;border:1px solid #e2e2e2;border-top:1px solid #222}
.s1_4_con3 > dl > dd li{margin-bottom:5px}

.s1_5_img{position:absolute;top:0;right:0}

/* 층별안내 */
.s1_6_1_con{position:relative;border:0}
.s1_6_1_con h3{position:relative;margin:25px 0 15px;padding-left:25px;font-size:16px;line-height:1;font-weight:400}
.s1_6_1_con h3:nth-child(1){margin-top:0}
.s1_6_1_con h3 .num{opacity:1;position:absolute;top:50%;left:0;width:19px;height:19px;font-size:13px;color:#fff;line-height:18px;text-align:center;background:#222;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}




.s1_6_1_con img{margin-bottom:15px;width:100%;border:1px solid #e2e2e2;border-top:2px solid #222}

.s1_6_1_con h5{position:relative;margin:25px 0 15px;padding-left:25px;font-size:16px;line-height:1;font-weight:400}
.s1_6_1_con h5:nth-child(1){margin-top:0}
.s1_6_1_con h5 .num{opacity:1;position:absolute;top:50%;left:0;width:19px;height:19px;font-size:13px;color:#fff;line-height:18px;text-align:center;background:#222;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.map_number{display: flex;flex-wrap: wrap;}
.map_number::after{display:block;clear:both;content:''}
.map_number li{position:relative;float:left;margin-bottom:5px;width:25%;padding-left:22px;font-size:13px}
.map_number li .num{opacity:1;position:absolute;top:2px;left:0;width:17px;height:17px;font-size:10px;color:#fff;line-height:17px;text-align:center;background:#222;border-radius:50%;}

.floorguide .flgimg {width:100%;height:264px;display:inline-block;text-align:center;overflow:hidden;border:1px solid #e2e2e2;border-top:1px solid #222;position:relative;background-color:#fff;}
.floorguide .flgimg img {position: absolute;top:0;transform: translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}

.s1_6_2_con{margin-top:25px}
.s1_6_2_con::after{display:block;clear:both;content:''}
.s1_6_2_con li{position: relative;font-size: 13px;float: left;margin-bottom: 15px;padding-left: 35px;width: 33.3333%;background-repeat: no-repeat;background-position: left center;background-size: 25px 24px;padding: 4px 0 4px 32px;}
.s1_6_2_con li.ic1{background-image:url('/_public/images/information/floorguide_icon1.png')}
.s1_6_2_con li.ic2{background-image:url('/_public/images/information/floorguide_icon2.png')}
.s1_6_2_con li.ic3{background-image:url('/_public/images/information/floorguide_icon3.png')}
.s1_6_2_con li.ic4{background-image:url('/_public/images/information/floorguide_icon4.png')}
.s1_6_2_con li.ic5{background-image:url('/_public/images/information/floorguide_icon5.png')}
.s1_6_2_con li.ic6{background-image:url('/_public/images/information/floorguide_icon6.png')}
.s1_6_2_con li.ic7{background-image:url('/_public/images/information/floorguide_icon7.png')}
.s1_6_2_con li.ic8{background-image:url('/_public/images/information/floorguide_icon8.png')}
.s1_6_2_con li.ic9{background-image:url('/_public/images/information/floorguide_icon9.png')}
.s1_6_2_con li.ic10{background-image:url('/_public/images/information/floorguide_icon10.png')}
.s1_6_2_con li.ic11{background-image:url('/_public/images/information/floorguide_icon11.png')}
.s1_6_2_con li.ic12{background-image:url('/_public/images/information/floorguide_icon12.png')}

/*
.s1_6_2_con li{float:left;margin-bottom:15px;padding-left:25px;width:33.33%;font-size:14px;background-repeat:no-repeat;background-position:left center}
.s1_6_2_con li.ic1{background-image:url('../../../_public/images/information/ic_floor_guide1.png')}
.s1_6_2_con li.ic2{background-image:url('../../../_public/images/information/ic_floor_guide2.png')}
.s1_6_2_con li.ic3{background-image:url('../../../_public/images/information/ic_floor_guide3.png')}
.s1_6_2_con li.ic4{background-image:url('../../../_public/images/information/ic_floor_guide4.png')}
.s1_6_2_con li.ic5{background-image:url('../../../_public/images/information/ic_floor_guide5.png')}
.s1_6_2_con li.ic6{background-image:url('../../../_public/images/information/ic_floor_guide6.png')}
.s1_6_2_con li.ic7{background-image:url('../../../_public/images/information/ic_floor_guide7.png')}
.s1_6_2_con li.ic8{background-image:url('../../../_public/images/information/ic_floor_guide8.png')}
.s1_6_2_con li.ic9{background-image:url('../../../_public/images/information/ic_floor_guide9.png')}
.s1_6_2_con li.ic10{background-image:url('../../../_public/images/information/ic_floor_guide10.png')}
.s1_6_2_con li.ic11{background-image:url('../../../_public/images/information/ic_floor_guide11.png')}
.s1_6_2_con li.ic12{background-image:url('../../../_public/images/information/ic_floor_guide12.png')}
*/


.s2_2_1_con h3{margin-bottom:15px;font-size:23px;font-weight:400}
.s2_2_1_con .img{margin:25px 0;text-align:center}

.s5_1_con1{position:relative;color:#222}
.s5_1_con1::after{display:block;clear:both;content:''}
.s5_1_con1 .txt1{margin-bottom:40px;font-size:25px;font-weight:400;line-height:1.2;text-align:center}
.s5_1_con1 .txt1 span{display:block;margin-bottom:10px;font-size:15px;font-weight:500;text-align:center}
.s5_1_con1 .txt2{margin-bottom:30px}
.s5_1_con1 .img{}

.s5_1_con2{margin:-30px -20px -50px;padding:70px 20px 20px;background:#f2f2f2}
.s5_1_con2 .con{position:relative;margin:0 auto;padding:100px 0 80px 685px;width:1300px;color:#434343}
.s5_1_con2 .txt1{margin-bottom:40px;font-size:20px;font-weight:400;line-height:1.2;}

.organCon{margin:0 auto;max-width:640px;text-align:center}
.organCon::after{display:block;clear:both;content:''}
.organCon a{display:block;font-size:13px;word-break:break-all;width:100%;height:100%;}
.organCon .org1{display:inline-block;margin-bottom:23px;padding-top:25px;font-size:16px;color:#fff;font-weight:500;width:90px;height:90px;line-height:1.2;background:#222;border-radius:50%}
.organCon .org1 a{height:100%;font-size:16px;color:#fff}
.organCon .left .org1 {margin-left:0}
.organCon .org1 span{display:block;font-size:14px;font-weight:400;opacity:0.4}
.organCon .org1_1,
.organCon .org1_2{position:relative;display:inline-block;width:75px;font-size:14px;height:40px;line-height:1.2;background:#fff;border:1px solid #909090}
.organCon .org2{position:relative;display:inline-block;margin-bottom:5px;width:80px;height:50px;line-height:1.2;font-weight:500;background:#f8f8f8;border:1px solid #222}
.organCon .org3{position:relative;display:inline-block;width:100%;font-size:13px;height:50px;line-height:1.2;font-weight:500;background:#fff;border:1px solid #909090}
.organCon .last li{position:relative;margin-bottom:5px;height:50px;line-height:1.2;background:#fff;border:1px solid #e2e2e2}
.organCon .org1_1 span,
.organCon .org1_2 span,
.organCon .org2 span,
.organCon .org3 span,
.organCon .last li span{position:absolute;top:50%;left:0;padding:0 5px;width:100%;word-break:break-all;transform:translateY(-50%);-webkit-transform:translateY(-50%)}

/*.organCon .left{position:relative;background:url('../../../_public/images/knmm/s5_2_1_line_m.gif') no-repeat 38% -21px / 76% 321px}*/
.organCon .left{position:relative;background:url('../../../_public/images/knmm/s5_2_1_line_m_n.gif') no-repeat 50% -82px / 75% 85%}
.organCon .left li{position:relative;font-size:13px}
.organCon .left .org1_1{margin:0 0 15px 0}
.organCon .left .org1_2{position:absolute;top:20px;left:70%;z-index:10}
.organCon .left .org2{position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:10}
.organCon .left .tf{text-align: left;margin-top: 0;top: -23px;left: 9%;}
.organCon .left .tf span{display:inline-block;width: 31%;text-align: center;height: 50px;line-height:50px;background: #fff;border: 1px solid #e2e2e2;}
.organCon .left ul::after{display:block;clear:both;content:''}
.organCon .left > li > ul > li{width:100%}
.organCon .left > li > ul > li > ul > li{float:left;padding:110px 5px 0;width:50%;}
.organCon .left > li > ul > li > ul > li:last-child{margin-right:0}
.organCon .left > li > ul > li > ul > li .org3{position:absolute;top:78px;left:5px;width:calc(100% - 10px)}
.organCon .left > li > ul > li > ul > li .last{margin-top:25px}
.organCon .left .etc{position:absolute;top:190px;right:0;width:15%}

.organCon .right{position:relative;margin:0 auto;padding-top:50px;width:100%}
.organCon .right::after{position:absolute;top:199px;left:50%;width:2px;height:26px;content:'';background:#000}
.organCon .right::before{display:none;position:absolute;top:100px;left:50%;width:1px;height:100px;content:'';background:#222;z-index:1}
.organCon .right li{position:relative;z-index:2}
.organCon .right ul li ul{position: relative;}
.organCon .right ul li ul:before{content: "";display: block;left: 50%;width: calc(100% - 14.258%);height: 2px;background: #000;position: absolute;transform: translateX(-50%);top: -15px;}
.organCon .right ul li ul li{position:relative;float:left;padding:0 2px;width:14.285%;border:0;z-index:2}
.organCon .right ul li ul li:before{content: "";position: absolute;left:50%;top:-15px;transform: translateX(-50%);display: block;width:2px;height:15px;background: #000;}
.organCon .right ul li ul li:nth-child(4):before{display:none;}
.organCon .right ul li ul li a{height:50px;border: 1px solid #e2e2e2;}

.s5_2_con{position:relative;}
.s5_2_con p{margin-bottom:15px}
.s5_2_con p strong {display:block;margin-bottom:10px;font-size:20px}

.organ_search{position:relative;margin-bottom:20px;padding-left:100px;}
.organ_search::after{display:block;clear:both;content:''}
.organ_search select{position:absolute;top:0;left:0;width:95px;height:45px;border:1px solid #222}
.organ_search .search{position:relative;padding:0 45px 0 80px;height:45px;border:1px solid #222}
.organ_search .search .inpTxt{width:100%;height:100%;border:0;}
.organ_search .search .btn{position:absolute;top:0;right:0;width:45px;height:100%;text-indent:-999px;overflow:hidden;background:url('../../../_public/images/common/ic_search_big.png') no-repeat center center;background-size:17px;border:0}
.organ_search .search .selectb {width:80px;position:absolute;left:0;top:-1px}
.organ_search .search .selectb{border-width:0 1px 0 0}

.organ_list ul{margin-bottom:15px;background:#fff;border:1px solid #e2e2e2;border-width:0 1px;border-top:1px solid #222}
.organ_list ul li{position:relative;padding:10px 10px 10px 85px;min-height:40px;border-bottom:1px solid #e2e2e2;}
.organ_list ul li .name{position:absolute;top:0;left:0;width:75px;height:100%;font-size:14px;font-weight:500;border-right:1px solid #e2e2e2}
.organ_list ul li .name span{position:absolute;top:50%;left:0;padding-left:10px;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}

.s5_3_1_con1 h3{margin-bottom:20px;font-size:25px;font-weight:400;text-align:center}
.s5_3_1_con1 .swiper-container{margin:0 auto;max-width:630px	}
.s5_3_1_con1 p{margin-top:0}
.s5_3_1_con1 p span{display:block;font-weight:500;line-height:1.2}


.conWrap.s5_3_1_con2{padding-bottom:300px}

.s5_3_1_con3{position:relative;margin-top:-260px;padding-left:55px}
.s5_3_1_con3 img{width:100%}
.s5_3_1_con3 p{position:absolute;top:0;left:15px;font-weight:400;writing-mode: vertical-rl;transform:rotate(180deg);-webkit-transform:rotate(180deg)  }

.historyCon{position:relative;margin:0 auto;max-width:640px}
.historyCon > ol > li{position:relative;margin-bottom:20px;}
.historyCon > ol > li .year{position:relative;display:block;margin-bottom:15px;padding-bottom:30px;font-family: 'Roboto';font-size:20px;text-align:center}
.historyCon > ol > li .year::after{position:absolute;left:50%;bottom:0;width:1px;height:20px;content:'';background:#222}
.historyCon > ol > li ol li{position:relative;margin-bottom:10px;padding-left:45px}
.historyCon > ol > li ol li .month{position:absolute;top:0;left:0;}

.s5_3_2_con1 h2{margin-bottom:15px;font-size:15px;text-align:center}
.s5_3_2_con1 h3{margin-bottom:20px;font-size:25px;font-weight:400;text-align:center}
.s5_3_2_con1 h4{margin-bottom:15px;font-size:15px;text-align:center}
.s5_3_2_con1 h5{margin-bottom:20px;font-size:25px;font-weight:400;text-align:center}

.s5_3_2_con1 .img{margin:0 auto 5px;max-width:630px;text-align:right;}
.s5_3_2_con1 .imgSlide{margin-bottom:5px}
.s5_3_2_con1 .nextSlide{padding-right:40px;font-size:15px;background:url('../../../_public/images/common/ic_arrow4.png') no-repeat right center;}
.s5_3_2_con1 p{padding-top:20px}

.s5_3_2_con2{margin:0 -10px}
.s5_3_2_con2 ul::after{display:block;clear:both;content:''}
.s5_3_2_con2 ul li{float:left;margin-bottom:20px;padding:0 10px;width:50%}
.s5_3_2_con2 ul li:nth-child(3){clear:left}
.s5_3_2_con2 ul li.box{border:1px solid #e2e2e2;border-top:1px solid #222}
.s5_3_2_con2 ul li.box img{width:100%}
.s5_3_2_con2 ul li.box strong{ display: block; margin:20px 0 10px;padding:0 20px;font-size:18px;text-align:center;}
.s5_3_2_con2 ul li.box span{padding:20px;display: block;}

.s5_3_3_con1 h2{margin-bottom:15px;font-size:15px;text-align:center}
.s5_3_3_con1 h3{margin-bottom:20px;font-size:25px;font-weight:400;text-align:center}
.s5_3_3_con1 h4{margin-bottom:15px;font-size:15px;text-align:center}
.s5_3_3_con1 h5{margin-bottom:20px;font-size:24px;font-weight:400;text-align:center}
.s5_3_3_con1 .img{text-align:center}
.s5_3_3_con1 dl dt{margin-top:30px;font-size:18px;color:#424242;font-weight:500}
.s5_3_3_con1 dl dd{position: relative;padding-left:15px;margin-top:20px;}
.s5_3_3_con1 dl dd:before{content: "";position: absolute;top: 9px;left: 5px;display: inline-block;width:3px;height:3px;background:#0a0b0f;border-radius: 100%}
.s5_3_3_con1 .btnBc.down a{background-image: url(../../../_public/images/common/ic_down_w.png);}



.s5_3_3_con2{text-align:center}
.s5_3_3_con2 img{display: block;width:100%;}
.s5_3_3_con2 figure{margin-top:32px;}
.s5_3_3_con2 figure figcaption{display: block;text-align: center;margin-bottom:10px;font-weight: 300;}
.s5_3_3_con2 figure figcaption strong{font-weight:bold;}


.s5_3_3_con3 h3{margin:20px 0 10px;font-size:18px;text-align: center;}
.s5_3_3_con3 h5{margin:20px 0 10px;font-size:18px;text-align: center;}
.s5_3_3_con3 .con{}
.s5_3_3_con3 .con img{display: block;width:100%;}
.s5_3_3_con3 .con::after{display:block;clear:both;content:''}
.s5_3_3_con3 .con dl{float:left;margin:20px 0;padding:0 10px;width:25%}
.s5_3_3_con3 .con dl dt{margin-bottom:5px;font-weight:400}
.s5_3_3_con3 .con dl dd .col{margin-bottom:15px;height:79px}
.s5_3_3_con3 .con dl dd p{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.7}
.s5_3_3_con3 .con dl dd .color1{background:#008FBE}
.s5_3_3_con3 .con dl dd .color2{background:#FFB819}
.s5_3_3_con3 .con dl dd .color3{background:#00A887}
.s5_3_3_con3 .con dl dd .color4{background:#00A7CE}
.s5_3_3_con3 .con dl dd .color5{background:#67CFE3}
.s5_3_3_con3 .con dl dd .color6{background:#BDBBBB}
.s5_3_3_con3 .con dl dd .color7{background:#0071CE}
.s5_3_3_con3 .con dl dd .color8{background:#FFA400}
.s5_3_3_con3 .con dl dd .color9{background:#7F56BB}
.s5_3_3_con3 .con dl dd .color10{background:#8A8A8D}
.s5_3_3_con3 .con dl dd .color11{background:#88714C}
.s5_3_3_con3 .con dl dd .color12{background:#8B8D8D}

.s5_3_4_bg{background:url('../../../_public/images/sub/line_bg.gif') repeat-x left 1050px, url('../../../_public/images/sub/line_bg.gif') repeat-x left bottom 500px;}
.s5_3_4_bg .txt1{margin-bottom:50px;font-size:18px;color:#222;font-weight:500;line-height:1.2}
.s5_3_4_bg .txt2{line-height:1.8}

.s5_3_4_con1 h2.title{font-size:23px;font-weight:400}
.s5_3_4_con1 .movie{position:relative;margin-bottom:35px;padding-top:55%}
.s5_3_4_con1 .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.s5_3_4_con1 .txt1{margin:40px 0 20px;font-size:16px;font-weight:500}
.s5_3_4_con1 .txt3{margin:40px 0 20px;font-size:25px;font-weight:400;line-height:1.2}

.s5_3_4_con1 img{width:100%}
.s5_3_4_con1 .img{position:relative;padding-left:55px}
.s5_3_4_con1 .img p{position:absolute;top:0;left:10px;font-weight:400;writing-mode: vertical-rl;transform:rotate(180deg) }

.s5_3_4_con2{}

.s5_3_4_con3{position:relative;clear:both;margin-bottom:190px}
.s5_3_4_con3 .img{position:absolute;top:115px;right:0}

.s5_3_4_con4{position:relative;margin-bottom:40px;padding:250px 0 0 685px}
.s5_3_4_con4 .img{position:absolute;top:0;left:0}

.s5_3_4_con5{position:relative;}
.s5_3_4_con5 .txt3{margin-bottom:70px;font-size:30px;font-weight:400;line-height:1.2}
.s5_3_4_con5 .img{position:absolute;top:170px;right:0}

.s5_4_6_con{margin-top:30px}
.s5_4_6_con::after{display:block;clear:both;content:''}
.s5_4_6_con li{float:left;padding:120px 10px 0;width:33.33%;text-align:center;background-repeat:no-repeat;background-position:center top;background-size:106px}
.s5_4_6_con li span{display:block;margin-bottom:10px;font-size:16px;font-weight:500}
.s5_4_6_con li.ic1{background-image:url('../../../_public/images/knmm/s5_4_6_ic1.png')}
.s5_4_6_con li.ic2{background-image:url('../../../_public/images/knmm/s5_4_6_ic2.png')}
.s5_4_6_con li.ic3{background-image:url('../../../_public/images/knmm/s5_4_6_ic3.png')}

.s5_7_1_1_con::after{display:block;clear:both;content:''}
.s5_7_1_1_con > li{position:relative;float:left;margin:0 1% 10px;padding:20px;width:48%;min-height:130px;text-align:center;background:#fff;border:1px solid #e2e2e2;border-top:1px solid #222}
.s5_7_1_1_con > li h3{margin-bottom:10px;padding-bottom:15px;font-size:18px;font-weight:500;border-bottom:1px solid #e2e2e2;}


.s5_7_7_con h3{margin:40px 0 20px;font-size:16px;font-weight:400}
.s5_7_7_con h3:first-child{margin-top:0}
.s5_7_7_con h5{margin:40px 0 20px;font-size:16px;font-weight:400}
.s5_7_7_con h5:first-child{margin-top:0}


.down_list ul li{position:relative;display:inline-block;margin:0 20px 25px 0;padding:0 95px 0 30px;width:395px;color:#424242;font-weight:400;line-height:62px;border:1px solid #909090}
.down_list ul li .down{position:absolute;top:0;right:0;width:95px;height:100%;font-size:15px;background:url('../../../_public/images/common/ic_down.png') no-repeat right 20px center;border-left:1px solid #909090}
.down_list ul li .down a{display:block;padding:21px 0 21px 20px;color:#424242}
.down_list ul li:nth-child(2n){margin-right:0}

.loginBox{text-align:center}
.loginBox p.txt{position:relative;padding-bottom:40px}
.loginBox p.txt::after{position:absolute;left:50%;bottom:0;width:1px;height:25px;content:'';background:#222}
.loginBox .loginCon{margin:20px 0 30px;padding:20px;text-align:right;border:1px solid #222}
.loginBox .loginCon li{position:relative;margin-bottom:15px;text-align:left}
.loginBox .loginCon li .name{position:absolute;top:10px;left:0}
.loginBox .loginCon li .wrt_input{width:100%;text-align:center}
.loginBox .loginCon li .cer_check{border:1px solid #222}
.loginBox .loginCon li .cer_check .num{display:inline-block;margin-right:10px;width:165px;text-align:center;line-height:50px;border-right:1px solid #e2e2e2}
.loginBox .loginCon li .cer_check .inpt{width:calc(100% - 195px);border:0;}
.loginBox .loginCon li p{font-size: 14px;margin-top: 5px;color: #606060;}
.loginBox .loginCon .btn{width:100%;height:50px;font-size:16px;color:#fff;text-align:center;background:#222;border:0}
.loginBox .loginCon.point ul li::before{position:absolute;top:10px;left:10px;content:'*'}
.atte{margin-left:20px}
.atte::before{margin-left:-20px;content:'※ '}

.join_step{float:right;margin-top:-20px}
.join_step li{position:relative;float:left;font-size:14px;margin-left:20px;padding:0 10px;line-height:26px;border:1px solid transparent}
.join_step li.on{border:1px solid #222}
.join_step li::before{position:absolute;top:10px;right:-17px;width:10px;height:6px;content:'';background:url('../../../_public/images/common/ic_select_arrow.png') no-repeat;transform:rotate(-90deg)}
.join_step li:last-child::before{display:none}

.join_select ul::after{display:block;clear:both;content:''}
.join_select ul li{float:left;padding:105px 8px 8px;margin:0 1%;width:48%;font-size:14px;text-align:center;background-repeat:no-repeat;background-position:center 27px;background-size:50px;border:1px solid #222}
.join_select ul li b{display:block;font-size:16px}
.join_select ul li a{display:block;margin-top:15px;color:#fff;line-height:35px;background:#222}
.join_select ul li.ic1{background-image:url('../../../_public/images/sub/ic_join_1.png')}
.join_select ul li.ic2{background-image:url('../../../_public/images/sub/ic_join_2.png')}

.agreeBox{padding:15px;background:#f8f8f8;margin-top:15px}
.agreeBox h3{margin-bottom:10px;font-size:15px;}
.agreeBox h5{margin-bottom:10px;font-size:15px;}
.agreeBox .agree-textbox{padding:20px;height:200px;overflow-y:auto;background:#fff;box-sizing:border-box;}
.agreeBox .li_num2{font-size:14px;}
.agreeBox .agr_chk{margin-top:20px;padding-top:20px;text-align:center;border-top:1px solid #e2e2e2}
.agreeBox .agr_chk::after{display:block;clear:both;content:''}
.agreeBox .agr_chk .btn_ic_view{display:inline-block;font-size:14px;background:url('../../../_public/images/common/ic_search2.png') no-repeat right center / 14px;}
.agreeBox .agr_chk .btn_ic_view a{display:block;padding-right:22px;}
.agreeBox .agr_chk .check + label{display:block;margin:10px 0 0;height:42px;color:#fff;text-align:center;background-color:#222}
.agreeBox .agr_chk .check + label span{position:relative;display:inline-block;padding-left:27px;line-height:42px;}
.agreeBox .agr_chk .check + label span::before{display:none;position:absolute;top:50%;left:0;width:19px;height:19px;content:'';border:1px solid #fff;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.agreeBox .agr_chk .check + label span::after{position:absolute;top:15px;left:4px;width:10px;height:6px;content:'';border:1px solid #fff;border-width:0 0 1px 1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.agreeBox .agr_chk .check:checked + label span::before{display:block}
.agreeBox .agr_chk .chek_check + label{height:auto;}


.chek_radio {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.chek_radio:focus + label,
.chek_radio:checked + label {
	outline: 2px dotted #000;
	outline-offset: 2px;
}

.join_cer ul::after{display:block;clear:both;content:''}
.join_cer > ul > li{padding:20px;font-size:14px;border:1px solid #222}
.join_cer > ul > li:first-child{margin-bottom:30px;}
.join_cer > ul > li p{margin-bottom:20px;padding:0 0 25px 108px;background-repeat:no-repeat;background-position:left top;background-size:92px;border-bottom:1px solid #e2e2e2}
.join_cer > ul > li dl dt{margin-bottom:10px;font-weight:500;}
.join_cer > ul > li dl dd li{margin-bottom:8px}
.join_cer > ul > li.ic1 p{background-image:url('../../../_public/images/sub/ic_join_3.png')}
.join_cer > ul > li.ic2 p{background-image:url('../../../_public/images/sub/ic_join_4.png')}
.join_cer ul li a{display:block;margin-top:25px;color:#fff;line-height:50px;text-align:center;background:#222}

.joinForm{border-top:1px solid #222}
.joinForm tbody th{position:relative;padding:15px 0 15px 10px;width:100px;font-weight:400;text-align:left;line-height:1.2;border-top:1px solid #e2e2e2}
.joinForm tbody tr:first-child th,
.joinForm tbody tr:first-child td{border-top:0}
.joinForm tbody th .em{position:absolute;top:50%;left:0;font-size:16px;transform:translateY(-50%)}
.joinForm tbody td{padding:15px 0 15px 10px;text-align:left;border-top:1px solid #e2e2e2}
.joinForm tbody td .li_dot{margin-top:5px;font-size:14px}
.joinForm tbody td .inpt{width:100%}
.joinForm tbody td .wrt_box{position:relative;padding-right:65px}
.joinForm tbody td .wrt_box .btn{position:absolute;top:0;right:0;width:66px;height:100%;font-size:13px;text-align:center;cursor:pointer;border:1px solid #909090}

.join_end{text-align:center;background:url('../../../_public/images/sub/join_end.png') no-repeat center 85px;}
.join_end p{margin-bottom:60px;font-size:18px;font-weight:500}

.reservConPop h2{padding:0 20px;line-height:75px;font-size:23px;background:#f2f2f2}
.reservConPop .popCon{padding:30px}
.reservConPop .popCon h3:first-child{margin-top:0}

/* 어린이박물관 */
.s3_3_con1::after{display:block;clear:both;content:''}
.s3_3_con1 dl{float:left;margin:0 5px 15px;padding:20px;width:calc(50% - 10px);min-height:170px;border:1px solid #e2e2e2;border-top:1px solid #222}
.s3_3_con1 dl dt{margin-bottom:15px;padding:0 0 20px 40px;color:#424242;background-repeat:no-repeat;background-position:left 0;border-bottom:1px solid #e2e2e2}
.s3_3_con1 dl dd b{font-size:17px}
.s3_3_con1 dl dd strong{font-size:17px}
.s3_3_con1 dl:nth-child(3){margin-right:0}
.s3_3_con1 dl.ic1 dt{background-image:url('../../../_public/images/information/s1_1_ic1_1.png');background-size:21px}
.s3_3_con1 dl.ic2 dt{background-image:url('../../../_public/images/education/s3_3_ic1.png');background-size:19px}
.s3_3_con1 dl.ic3 dt{background-image:url('../../../_public/images/education/s3_3_ic2.png');background-size:27px}

.s3_3_con2 h3{margin-bottom:50px;font-size:25px;font-weight:400;text-align:center}
.s3_3_con2 h3 span{display:block;margin-bottom:10px;font-size:15px}
.s3_3_con2 ul::after{display:block;clear:both;content:''}
.s3_3_con2 ul li{float:left;padding-top:120px;width:33.33%;text-align:center;background-repeat:no-repeat;background-position:center top;background-size:100px}
.s3_3_con2 ul li .tit{display:block;margin-bottom:10px;font-size:18px;font-weight:500}
.s3_3_con2 ul li.ic1{background-image:url('../../../_public/images/education/s3_3_img2_1.gif')}
.s3_3_con2 ul li.ic2{background-image:url('../../../_public/images/education/s3_3_img2_2.gif');background-size:90px}
.s3_3_con2 ul li.ic3{margin-bottom:0;background-image:url('../../../_public/images/education/s3_3_img2_3.gif')}

.s3_3_con3::after{display:block;clear:both;content:''}
.s3_3_con3 dl{float:left;margin:0 5px 15px;padding:20px;width:calc(50% - 10px);background:#fff;border:1px solid #e2e2e2;border-top:1px solid #222}
.s3_3_con3 dl dt{margin-bottom:15px;font-size:18px;font-weight:500}
.s3_3_con3 dl dd{min-height:50px}
.s3_3_con3 dl dd.img{margin:20px -20px -20px;}
.s3_3_con3 dl dd.img img{width:100%}

.kids-cont h2{font-size: 22px;font-weight: 500;letter-spacing: -1.05px;color: #232323;}
.kids-cont h4{font-size: 22px;font-weight: 500;letter-spacing: -1.05px;color: #232323;}
.kids-cont .conWrap .conBox2{width:100%;}
.kids-cont .tabMenu2 ul li:nth-child(2) a,
.kids-cont .tabMenu2 ul li:nth-child(3) a,
.kids-cont .tabMenu2 ul li:nth-child(4) a{padding-right:37px}
.kids-cont .sp .num {position:absolute;top:17px;right:15px;width:17px;height:17px;font-size:13px;color:#fff;line-height:16px;text-align:center;background:#222;border-radius:50%}
.kids-cont .tabMenu2 ul li.on .num{background: #fff;color:#333;}
.kids-cont .tabMenu2 ul li:hover a .num{background: #fff;color:#333;}
.kids-cont .tabMenu2 h3.tab-btn1 a,
.kids-cont .tabMenu2 h3.tab-btn2 a,
.kids-cont .tabMenu2 h3.tab-btn3 a{padding-right:37px}
.kids-cont .sp .num {position:absolute;top:17px;right:15px;width:17px;height:17px;font-size:13px;color:#fff;line-height:16px;text-align:center;background:#222;border-radius:50%}
.kids-cont .tabMenu2 h3.on .num{background: #fff;color:#333;}
.kids-cont .tabMenu2 h3:hover a .num{background: #fff;color:#333;}
.kids-cont .tbTypeA tbody td{padding:14px 10px;}
.kids-cont .dot-list{margin-top:30px;}
.kids-cont .dot-list li{position: relative;padding-left: 22px;}
.kids-cont .dot-list li::before{content: "";position: absolute;top:8px;left:5px;width:8px;height:8px;border-radius: 100%;background: #252525;}
.kids-cont .dot-list li + li{margin-top:20px;}
.kids-cont .dot-list li strong{display: block;}
.kids-cont .dot-list li .btnBc{position: absolute;top:0;top: -20px;left: 163px;}
.kids-cont .dot-list li .intxt{margin-top:5px;}
.kids-cont .dot-list li .intxt p{position: relative;padding-left: 13px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.4px;color: #232323;}
.kids-cont .dot-list li .intxt p em{font-weight: bold;}
.kids-cont .dot-list li .intxt p::before{content: "";position: absolute;top:15px;left:3px;width:3px;height:3px;background: #232323;border-radius: 100%;}

.kids-cont .inbox{margin-top:10px;display: flex;flex-wrap: wrap;background: #f2f2f2;}
.kids-cont .inbox p{width:40%;padding:2px 15px;font-size: 15px;font-weight:400;letter-spacing: -0.4px;color: #232323;line-height: 30px;border-bottom:1px solid #c4c4c4;}
.kids-cont .inbox p:nth-child(even){width:60%;border-left:1px solid #c4c4c4;}

.kids-cont .layout{width:1300px;margin:0 auto;}
.kids-cont .layout h2{font-size: 21px;font-weight: 500;line-height: 1.24;letter-spacing: -1.05px;color: #232323;text-align: center;}
.kids-cont .layout .info-box{padding:20px;margin-top:20px;background: #f8f8f8;}
.kids-cont .layout .info-box ul{}
.kids-cont .layout .info-box ul li{position: relative;padding-left: 10px;font-size: 15px;font-weight:400;line-height: 1.76;letter-spacing: -0.43px;color: #333;}
.kids-cont .layout .info-box ul li strong{font-weight: bold;}
.kids-cont .layout .info-box ul li::before{content: "";position: absolute;top:12px;left:0;width:2px;height:2px;background: #232323;}
.kids-cont .layout .info-box ul li.none{padding-left: 0}
.kids-cont .layout .info-box ul li.none::before{display: none;}
.kids-cont .layout .info-group{}
.kids-cont .layout .info-group section{}
.kids-cont .layout .info-group section + section{margin-top:30px;}
.kids-cont .layout .info-group section h3{font-size: 18px;font-weight: 700;letter-spacing: -1.05px;color: #000;line-height: 1;margin-bottom: 10px;}
.kids-cont .layout .info-group section .info-box{}
.kids-cont .layout .info-group section .info-box ul li{font-weight: 400;line-height: 2.08;letter-spacing: -0.87px;color: #000;}



.kids-cont .flex-box{display: flex;gap:20px;flex-direction: column;}
.kids-cont .flex-box .img{width:100%;border: 1px solid #e2e2e2;border-top: 1px solid #222;}
.kids-cont .flex-box .img img{display: block;}
.kids-cont .flex-box .s3_3_con1{display: flex;flex-direction: column;flex-wrap: wrap;gap:20px;}
.kids-cont .flex-box .s3_3_con1:after{display:none;}
.kids-cont .flex-box .s3_3_con1 dl{margin:0;width:100%;background:transparent;border:0;padding:0;}
.kids-cont .flex-box .s3_3_con1 dl dt{padding-top:4px;border-bottom:1px solid #222;margin-bottom: 0;font-weight: 500;font-size: 16px;padding-left: 30px;background-position: 0 6px;}
/*
.kids-cont .flex-box .s3_3_con1 dl.ic1 dt{background-image:url('/_public/images/sub/kids_icon01.png')}
.kids-cont .flex-box .s3_3_con1 dl.ic2 dt{background-image:url('/_public/images/sub/kids_icon02.png');background-size: 24px;}
.kids-cont .flex-box .s3_3_con1 dl.ic3 dt{background-image:url('/_public/images/sub/kids_icon03.png');background-size: 24px;}
.kids-cont .flex-box .s3_3_con1 dl.ic4 dt{background-image:url('/_public/images/sub/kids_icon04.png')}
.kids-cont .flex-box .s3_3_con1 dl.ic5 dt{background-image:url('/_public/images/sub/kids_icon05.png');background-size: 30px;}
.kids-cont .flex-box .s3_3_con1 dl.ic6 dt{background-image:url('/_public/images/sub/kids_icon06.png')}
.kids-cont .flex-box .s3_3_con1 dl.ic7 dt{background-image:url('/_public/images/sub/kids_icon07.png')}
*/
.kids-cont .flex-box .s3_3_con1 dl.ic1 dt{background-image:url('/_public/images/sub/n_kids_icon01.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic2 dt{background-image:url('/_public/images/sub/n_kids_icon02.svg');}
.kids-cont .flex-box .s3_3_con1 dl.ic3 dt{background-image:url('/_public/images/sub/n_kids_icon03.svg');background-size: 22px;}
.kids-cont .flex-box .s3_3_con1 dl.ic4 dt{background-image:url('/_public/images/sub/n_kids_icon04.svg');background-size: 22px;}
.kids-cont .flex-box .s3_3_con1 dl.ic5 dt{background-image:url('/_public/images/sub/n_kids_icon05.svg');background-size: 23px;}
.kids-cont .flex-box .s3_3_con1 dl.ic6 dt{background-image:url('/_public/images/sub/n_kids_icon06.svg');background-size: 22px;background-position: 0 5px;}
.kids-cont .flex-box .s3_3_con1 dl.ic7 dt{background-image:url('/_public/images/sub/n_kids_icon07.svg');background-size: 22px;background-position: 0 4px;}

.kids-cont .flex-box .s3_3_con1 dl dd{font-size: 15px;font-weight:400;text-align: left;background: #fff;padding:20px;border:1px solid #e2e2e2;border-top:0;}
.kids-cont .flex-box .s3_3_con1 dl dd strong{font-size:15px;font-weight: bold;}
.kids-cont .flex-box .s3_3_con1 dl dd ul{}
.kids-cont .flex-box .s3_3_con1 dl dd ul li{position: relative;text-align: left;}
.kids-cont .flex-box .s3_3_con1 dl dd ul li::before{content: "";position: absolute;left:50%;top:-15px;transform: translateX(-50%);width:100%;height:1px;background:#e2e2e2;}
.kids-cont .flex-box .s3_3_con1 dl dd ul li:first-child::before{display: none;}
.kids-cont .flex-box .s3_3_con1 dl dd ul li strong{font-weight: bold;}
.kids-cont .flex-box .s3_3_con1 dl dd ul li + li{margin-top:30px;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li{position: relative;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li::before{display: none;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li strong{font-weight: bold;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li + li{margin-top:20px;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li + li::before{display: none;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li p{position: relative;font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding-left: 7px;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li p::before{content: "";position: absolute;top:14px;left:0;width:2px;height:2px;border-radius:100%;background: #232323;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li p.case2{padding-left: 130px;}
.kids-cont .flex-box .s3_3_con1 dl dd .list-box > div ul li p.case2 strong{position: absolute;left:10px;}

.kids-cont .table-box{margin-top:5px;}
.kids-cont .table-box table{border-top:2px solid #000;border-bottom:1px solid #000;}
.kids-cont .table-box table thead tr th{}
.kids-cont .table-box table thead tr th:first-child{padding-right:12px;}
.kids-cont .table-box table thead tr th span{margin:0 !important;border-bottom:1px solid #000;display: block !important;line-height: 33px;font-size: 14px;font-weight: 600;text-align: center;color: #232323;}
.kids-cont .table-box table tbody tr th{padding-right:12px;}
.kids-cont .table-box table tbody tr th span{margin:0 !important;border-bottom:1px solid #000;display: block !important;line-height: 33px;font-size: 14px;font-weight: 600;text-align: center;color: #232323;}
.kids-cont .table-box table tbody tr td{}
.kids-cont .table-box table tbody tr td span{margin:0 !important;border-bottom:1px solid #000;display: block !important;line-height: 33px;font-size: 14px;font-weight: 300;text-align: center;color: #232323;}


.kids-cont .info-box2{}
.kids-cont .info-box2 h3{position:relative;padding-left: 37px;padding-bottom: 20px;font-size:16px;}
.kids-cont .info-box2 h3 span{font-size: 15px;font-weight:400;}
.kids-cont .info-box2 h3::before{content: "";position: absolute;top:-5px;left:0;font-weight: 500;display: block;width:25px;height:26px;background:url('/_public/images/sub/kids_icon07.png') no-repeat;background-size: cover;}

.kids-cont .info-box2 h5{position:relative;padding-left: 37px;padding-bottom: 20px;font-size:16px;}
.kids-cont .info-box2 h5 span{font-size: 15px;font-weight:400;}
.kids-cont .info-box2 h5::before{content: "";position: absolute;top:-5px;left:0;font-weight: 500;display: block;width:25px;height:26px;background:url('/_public/images/sub/kids_icon07.png') no-repeat;background-size: cover;}


h5.beicon2::before { content: "";   background: url('/_public/images/information/s1_1_ic1_10.svg') no-repeat !important;}

.kids-cont .info-box2 .list-box{padding:20px;background: #fff;border:1px solid #e2e2e2;border-top:1px solid #222;}
.kids-cont .info-box2 .list-box > div{position: relative;font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding:0;}
.kids-cont .info-box2 .list-box > div ul{}
.kids-cont .info-box2 .list-box > div ul li{position: relative;}
.kids-cont .info-box2 .list-box > div ul li::before{display: none;}
.kids-cont .info-box2 .list-box > div ul li strong{font-weight: bold;}
.kids-cont .info-box2 .list-box > div ul li + li{margin-top:15px;}
.kids-cont .info-box2 .list-box > div ul li + li::before{display: none;}
.kids-cont .info-box2 .list-box > div ul li p{position: relative;font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding-left: 7px;}
.kids-cont .info-box2 .list-box > div ul li p::before{content: "";position: absolute;top:14px;left:0;width:2px;height:2px;border-radius:100%;background: #232323;}
.kids-cont .info-box2 .list-box > div ul li p.case2{padding-left: 130px;}
.kids-cont .info-box2 .list-box > div ul li p.case2 strong{position: absolute;left:10px;}
.kids-cont .info-box2 .list-box > div ul li p.none{padding-left: 0;}
.kids-cont .info-box2 .list-box > div ul li p.none::before{display: none;}
.kids-cont .flex-box2{display: flex;flex-direction: column;gap:20px;}
.kids-cont .flex-box2 > div{flex:1;}
.kids-cont .flex-box2 .txt{}
.kids-cont .flex-box2 .txt em{display: block;text-align: center;font-size: 13px;font-weight:400;letter-spacing: -0.7px;color: #353535;margin-bottom: 5px;}
.kids-cont .flex-box2 .txt p{margin-top:20px;font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.75px;color: #353535;}
.kids-cont .flex-box2 .img{text-align: center;padding-bottom: 15px;}
.kids-cont .list-box2{text-align: center;}
.kids-cont .list-box2 em{margin-bottom: 5px;text-align: center;display: block;font-size: 13px;font-weight:400;letter-spacing: -0.7px;color: #353535;}
.kids-cont .list-box2 h3{margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: -1.4px;color: #353535;line-height: 1.43;}
.kids-cont .list-box2 ul{margin-top:40px;display: flex;flex-direction: column;gap:30px;}
.kids-cont .list-box2 ul li{flex:1;display: flex;flex-direction:column;align-items:center;}
.kids-cont .list-box2 ul li .img{}
.kids-cont .list-box2 ul li .img img{display: block;}
.kids-cont .list-box2 ul li h3{margin-top:20px;font-family: 'Cafe24Ssurround'; font-size: 18px;  font-weight: normal;  text-align: center;}
.kids-cont .list-box2 ul li h5{margin-top:20px;font-family: 'Cafe24Ssurround'; font-size: 18px;  font-weight: normal;  text-align: center;}
.kids-cont .list-box2 ul li p{margin-top:10px; font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.75px;color: #353535;}
.kids-cont .list-box2 ul li:nth-child(1) h3{color:#1d7f6b;}
.kids-cont .list-box2 ul li:nth-child(2) h3{color:#117c9b;}
.kids-cont .list-box2 ul li:nth-child(3) h3{color:#a15a00;}
.kids-cont .list-box2 ul li:nth-child(1) h5{color:#1d7f6b;}
.kids-cont .list-box2 ul li:nth-child(2) h5{color:#117c9b;}
.kids-cont .list-box2 ul li:nth-child(3) h5{color:#a15a00;}
.kids-cont .list-box3{}
.kids-cont .list-box3 ul{display: flex;gap:40px;flex-direction: column;}
.kids-cont .list-box3 ul li{flex:1;}
.kids-cont .list-box3 ul li h4{font-family: 'Cafe24Ssurround';font-size: 16px;font-weight: normal;line-height: 1.56;}
.kids-cont .list-box3 ul li p{position: relative;font-size: 15px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding-left: 10px;}
.kids-cont .list-box3 ul li p::before{content: "";position: absolute;top:14px;left:0;width:2px;height:2px;border-radius:100%;background: #232323;}
.kids-cont .list-box3 ul li p.none{padding-left: 0;}
.kids-cont .list-box3 ul li p.none::before{display: none;}
.kids-cont .list-box3 ul li:nth-child(1) h4{color:#a98352;}
.kids-cont .list-box3 ul li:nth-child(2) h4{color:#977547;}
.kids-cont .list-box3 ul li:nth-child(3) h4{color:#8da60c;}
.kids-cont .list-box3 ul li:nth-child(4) h4{color:#60b5ba;}
.kids-cont .list-box3 ul li:nth-child(5) h4{color:#56aa90;}
.kids-cont .grid{margin:15px 0 15px;}
.kids-cont .grid > div{display:flex;font-size: 15px;font-weight:400;color: #232323;letter-spacing: -0.38px;gap:2px;}
.kids-cont .grid > div + div{margin-top:2px;}
.kids-cont .grid > div span{display:flex;align-items: center;justify-content:center;text-align: center;font-size:14px;color: #232323;letter-spacing: -0.38px;background: #f2f2f2;padding:10px 5px;}
.kids-cont .grid > div span:nth-child(1){width:70px;}
.kids-cont .grid > div span:nth-child(2){width:110px;}
.kids-cont .grid > div span:nth-child(3){width:calc(100% - 184px);}

h3.beicon::before { content: "";   background: url('/_public/images/information/s1_1_ic1_10.svg') no-repeat !important;}

.kids-cont .info-box2 .btnBc.down{}
.kids-cont .info-box2 .btnBc.down a {color: #fff; background: #202020;}
.kids-cont .info-box2 .btnBc.down:hover { opacity: 0.9;}
.kids-cont .info-box2 .btnBc.downkids{ display: flex; }
.kids-cont .info-box2 .btnBc.downkids a {background: #202020;color: #fff;padding: 0 20px;}
.kids-cont .info-box2 .btnBc.downkids a:first-child { width: 100%;text-align: left;}
.kids-cont .info-box2 .btnBc.downkids a:hover { opacity: 0.9}
.kids-cont .info-box2 .btnBc.downkids a:nth-child(2) {border-left: 1px solid #ccc;}
.kids-cont .info-box2 .btnBc.downkids em {display:inline-block;width: 13px;height: 17px;background-size: cover;position: absolute;top: 14px;right: 10px;background-image: url(/_public/images/sub/kids_down_w.png);vertical-align: middle;}
.kids-cont .info-box2 .btnBc.downkids i { font-size:0px; position: relative; top: 7px;display:inline-block; width: 16px; height: 16px; background-size: cover;background-image: url(/_public/images/sub/kids_sh_w.png); }
.kids-cont .info-box2 .btnBc.down i {display:inline-block;width: 13px;height: 17px;background-size: cover;position: absolute;top: 14px;right: 20px;background-image: url(/_public/images/sub/kids_down_w.png);vertical-align: middle; }
/* .kids-cont .info-box2 .btnBc.downkids .sians i { top: 13px;} */



/* 대관신청 */
.application .checklist li {width:100%;display:inline-block;font-size:15px;line-height:1;clear: both;margin-bottom:5px}

/* 기증 */
/*.donation .topTitle .con {height:150px;padding-top:45px;}*/
#donation2 td img {max-width:150px}

/* 기획전시 */
.exhibition .bdbox {border-top:1px solid #222;}
.exhibition .listTypeC {border-top:0;margin-bottom:0}

/* 연혁 */
.history .s5_3_1_con1 li {margin-bottom:30px}
.history .s5_3_1_con1 li:last-child {margin-bottom:0}

/* 조직도 */
.organization .tbTypeA tbody td {padding:14px 10px;font-size:15px}

/* 소장품 */
.kogl img {max-width:100px}
.kogl p {margin:10px 0 0 0;font-size:15px}

/* 상설전시 */
.permanent .txt_box_li li {width:100%;display:table;padding:0 10px 10px 15px}
.permanent .txt_box_li .imgarea {width:100%;text-align:center;margin:15px 0 20px;display:block}
.permanent .txt_box_li li .tit {width:100%;display:block;margin-bottom:15px;text-align:center}
.permanent .txt_box_li .txtbox p {width:100%;float:none;}
.permanent dl {width:100%;display:inline-block}
.permanent dl dt {font-weight:600;margin-bottom:3px}
.permanent dl dd {margin-bottom:12px}

/* 발간자료 */
.s6_4_con1 ul {overflow:hidden;}
.s6_4_con1 li {float:left;width:48.5%;border:1px solid #e2e2e2;border-top:1px solid #222;margin-right:3%;margin-bottom:20px;padding:10px;}
.s6_4_con1 li:nth-child(2n) {margin-right:0;}
.s6_4_con1 li .photo {display:block;overflow:hidden;height:190px;background:#eee;}
.s6_4_con1 li .photo img {width:100%;}
.s6_4_con1 li .tit {display:block;height:77px;padding-top:10px;overflow:hidden;}


.s6_4_con1.edupds{}
.s6_4_con1.edupds ul{display: flex;flex-wrap: wrap;gap:39px 15px;}
.s6_4_con1.edupds ul li{width:calc(50% - 8px);border:0;margin:0;padding:0;}
.s6_4_con1.edupds ul li .photo{border:1px solid #666666;height:auto;margin-bottom:10px;}
.s6_4_con1.edupds ul li .photo img{display: block;width:100%;}
.s6_4_con1.edupds ul li .tit{display: block;height:47px;margin-top:5px; font-size: 15px;font-weight: bold;line-height: 1.2;letter-spacing: -0.38px;color: #333;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.s6_4_con1.edupds ul li .ct{display: block;font-size: 12px;font-weight: normal;line-height:1;letter-spacing: -0.3px;color: #333;}
.s6_4_con1.edupds ul li .date{display: block;margin-top:5px;font-size: 12px;font-weight: normal;letter-spacing: -0.3px;color: #555;}

.interview-list {display:flex;gap:15px;flex-wrap:wrap;}
.interview-list li {width:calc(50% - 7.5px);}
.interview-list li a  {height: auto;display: block;}
.interview-list li img { width: 100%}
.interview-list li span {display: block;margin: 12px 0 0px;font-size: 14px;}
.interview-list li strong {font-size: 16px;}

/* 20200623 콘테스트 */
.expo{}
.expo-tab{font-size:0;}
.expo-tab a{display:inline-block;width:50%;box-sizing: border-box;color:#222;text-align:center;font-size:14px;border:1px solid #222;line-height: 40px;}
.expo-tab a.active{background:#222;color:#fff;}
.expo-contents{margin-top:20px;position:relative;}
.expo-contents img{width:100%;}
.expo-contents .down-btn{position:absolute;left:26.56%;top:48.15%;width:55.93%;height:1.5%;}

.expo02-sele {padding: 0;padding-left: 10%;width: 100%;margin-top: 30px;}
.expo .nationalinfo .infobox.infobox1.cont-box01 {background: #f2f2f2;border-top: 1px solid #000;margin-top: 30px;padding: 20px;}
.expo .nationalinfo .infobox.infobox1.cont-box01 .cont-info{background: #fff;padding: 20px;}
.expo .nationalinfo .infobox.infobox1.cont-box01 .cont-info strong {font-size: 24px;font-weight: 500;}
.expo .nationalinfo .infobox.infobox1.cont-box01 .cont-info p {font-size: 18px;margin: 20px 0 20px;}
.expo .nationalinfo .infobox.infobox1.cont-box01 .cont-info a {float: left;padding: 15px 36px 15px 15px;border: 1px solid #000;display: block;font-size: 14px;margin-right: 5px;margin-bottom: 30px;background: url(/_public/images/education/glass-icon.png) 87% center no-repeat;}
.expo .nationalinfo .infobox.infobox1.cont-box01 .cont-info .cont-txt {overflow: hidden;width: 100%;border-top: 1px solid #d4d4d4;padding-top: 30px;line-height: 30px;}

.expo .nationalinfo .cont-box01 {background: #f2f2f2;border-top: 1px solid #000;margin-top: 30px;padding: 20px;}
.expo .nationalinfo .cont-box01 .cont-info{background: #fff;padding: 20px;}
.expo .nationalinfo .cont-box01 .cont-info strong {font-size: 24px;font-weight: 500;}
.expo .nationalinfo .cont-box01 .cont-info p {font-size: 18px;margin: 20px 0 20px;}
.expo .nationalinfo .cont-box01 .cont-info a {float: left;padding: 15px 36px 15px 15px;border: 1px solid #000;display: block;font-size: 14px;margin-right: 5px;margin-bottom: 30px;background: url(/_public/images/education/glass-icon.png) 87% center no-repeat;}
.expo .nationalinfo .cont-box01 .cont-info .cont-txt {overflow: hidden;width: 100%;border-top: 1px solid #d4d4d4;padding-top: 30px;line-height: 30px;}

.contest-top{}
.contest-top img{width:100%;}
.contest{margin-top:40px;}
.contest .title{font-size:25px;text-align: center;font-weight:500;}
.contest .list{margin-top:40px;font-size:0;}
.contest .list > div{display:inline-block;border: 1px solid #e2e2e2;box-sizing: border-box;width:48%;margin:0 1%;}
.contest .list > div .img{}
.contest .list > div .txt-box{background: #fff;box-sizing: border-box;padding:10px;}
.contest .list > div .txt-box .tit{font-size:15px;font-weight:500;}
.contest .list > div .txt-box .txt{margin-top:10px;font-size:13px;}

.contest .subtitles{margin-top:20px;font-size:0;}
.contest .subtitles dt{border:1px solid #e2e2e2;border-bottom:0;box-sizing:border-box;vertical-align:top;margin-top:20px;display:block;}
.contest .subtitles dt img{width:100%;}
.contest .subtitles dd{border:1px solid #e2e2e2;padding:20px;box-sizing: border-box;vertical-align: top;display:block;font-weight: 400;font-size: 15px;line-height:24px;}


.contest-tab{display: flex;margin-top:20px;}
.contest-tab a{display:inline-block;flex:1;text-align: center;font-size:14px;font-weight:500;box-sizing: border-box;color:#222;border:1px solid #222;line-height: 40px;border-left:0;}
.contest-tab a:first-child{border-left:1px solid #222;}
.contest-tab a.active{background: #222;color:#fff;}

.contest .award{margin-top:30px;font-size:16px;font-weight:500;}
.contest .view-list{margin-top:20px;font-size:0;padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
.contest .view-list > div{vertical-align:top;display:inline-block;width:33.3333%;box-sizing: border-box;}
.contest .view-list > div .img{}
.contest .view-list > div .img img{display:block;width:100%;height:100px;}
.contest .view-list > div .tit{margin-top:10px;font-size:14px;font-weight:500;}
.contest-top .video-wrap{}
.contest-top video{display:block;width:100%;height:100%;}
.contest .more-button{display: block;width:100%;box-sizing: border-box;text-align:center;background:#222;color:#fff;font-size:16px;line-height: 40px;margin-top:20px;}
.contest .more-button em{display: inline;margin-left:10px;}
.contest-popup-wrap{display:none;position: fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index: 999999;}
.contest-popup{position:absolute;background: #fff;width:100%;height:100%;top:0;left:0;box-sizing: border-box;padding:50px 20px 20px;}
.contest-popup .img{}
.contest-popup .img img{display:block;width:100%;}
.contest-popup .video video{width:100%;height:100%;}
.contest-popup .video iframe{width:100% !important;height:100% !important;min-height: 250px;}
.contest-popup .txt{margin-top:15px;font-size:18px;font-weight:500;color:#222;}
.contest-popup .subtitles{height: calc(100% - 260px);margin-top: 20px;overflow-y: auto;}
.contest-popup button{position: absolute;top:10px;right:10px;}

.ocean-top{}
.ocean-top img{width:100%;}
.ocean{margin-top:40px;}
.ocean .main-list{margin-top:40px;font-size:0;}
.ocean .main-list > div{display:inline-block;border: 1px solid #e2e2e2;box-sizing: border-box;width:48%;margin:0 1%;}
.ocean .main-list > div .img{}
.ocean .main-list > div .txt-box{background: #fff;box-sizing: border-box;padding:10px;}
.ocean .main-list > div .txt-box .tit{font-size:15px;font-weight:500;}
.ocean .main-list > div .txt-box .txt{margin-top:10px;font-size:13px;}
.ocean .main-list2{margin-top:40px;font-size:0;}
.ocean .main-list2 > div{display:inline-block;border: 1px solid #ccc;box-sizing: border-box;width:98%;margin:1% 1% 20px;}
.ocean .main-list2 > div .img{}
.ocean .main-list2 > div .img img{display:block;}
.ocean .main-list2 > div .bottom{background:#fff;padding:20px;display: flex;justify-content: space-between;}
.ocean .main-list2 > div .bottom a{font-weight:500;display:inline-block;width:48%;font-size:14px;line-height: 40px;border:1px solid #ccc;padding:0 10px;background:url(/mobile/_public/images/education/down_icon.png) 95% 50% no-repeat;}
.ocean .main-list2 > div .bottom a:first-child{background:url(/mobile/_public/images/education/ic_arrow4.png) 95% 50% no-repeat;}
.ocean .title{font-size:25px;text-align: center;font-weight:500;}
.ocean .list{font-size:0;margin-top:20px;}
.ocean .list > div{display:inline-block;width:48%;margin:1% 1% 20px;}
.ocean .list > div a .img{position: relative;background:rgba(0,0,0,0.7); padding-top:70%;}
.ocean .list > div a .img img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;}
.ocean .list > div a .tit{font-size:14px;margin-top:10px;}
.ocean .txt-group{margin-top:30px;}
.ocean .txt-group .tit{font-size:15px;font-weight:400;text-align: center;}
.ocean .txt-group .txt{margin-top:10px;font-size:15px;text-align: center;}
.ocean .txt-group .all-downBtn{margin-top:20px;display:block;box-sizing: border-box;border:1px solid #222;padding:10px 30px 10px 10px;font-size:14px;background: #fff url(/mobile/_public/images/education/down_icon.png) 95% 50% no-repeat;}
.ocean .coloring-list{font-size:0;margin-top:20px;}
.ocean .coloring-list > div{display:inline-block;width:48%;margin:1% 1% 20px;box-sizing: border-box;border:1px solid #222;vertical-align: top;}
.ocean .coloring-list > div a .img{position:relative;padding-top:127%;}
.ocean .coloring-list > div a .img img{display: block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;}
.ocean .coloring-list > div a .tit{background: #fff url(/mobile/_public/images/education/down_icon.png) 95% 50% no-repeat;padding:10px 40px 10px 10px;box-sizing:border-box;border-top:1px solid #e2e2e2;font-size:14px;}

.ocean .relics{margin-top:20px;overflow: hidden;}
.ocean .relics .tit{font-size:25px;text-align: center;font-weight:500;}
.ocean .relics .txt{text-align: center;font-size:15px;margin-top:10px;}
.ocean .relics .multiple-items{margin-top:20px;}
.ocean .relics .slick-slide{padding:10px 5px;position:relative;}
.ocean .relics .slick-slide .img{position: relative;padding-top:70%;}
.ocean .relics .slick-slide .img img{display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.ocean .relics .slick-slide .tit{font-size:14px;margin-top:10px;}
.ocean .relics .slick-dots{}
.ocean .relics .slick-dots li{margin:0;}

.ocean-book{position: relative;}
.ocean-book img{width:100%;display:block;}
.ocean-book .youtube-link{position:absolute;display:inline-block;left:15.78%;top:16.2%;width:33.12%;height:11.83%;font-size:0;}
.ocean-book .ocean-link{position:absolute;display:inline-block;left:50.93%;top:16.2%;width:33.12%;height:11.83%;font-size:0;}
.ocean-book .link-button1{position: absolute;text-indent: -9999999px;left:52.34%;top:32.91%;width:31.56%;height:6.9%;}
.ocean-book .link-button2{position: absolute;text-indent: -9999999px;left:52.34%;top:40.02%;width:31.56%;height:7.39%;}

.ocean-book .link-button3{position: absolute;text-indent: -9999999px;left:52.34%;top:71.31%;width:31.56%;height:4.15%;}

.ocean-book .link-button4{position: absolute;text-indent: -9999999px;left:16.09%;top:88.3%;width:16.25%;height:6.9%;}
.ocean-book .link-button5{position: absolute;text-indent: -9999999px;left:33.28%;top:88.3%;width:16.25%;height:6.9%;}
.ocean-book .link-button6{position: absolute;text-indent: -9999999px;left:50.46%;top:88.3%;width:16.25%;height:6.9%;}
.ocean-book .link-button7{position: absolute;text-indent: -9999999px;left:67.5%;top:88.3%;width:16.25%;height:6.9%;}



/*  2020 해양교육문화박람회 */
.fair2022{}
.fair2022 .section{position:relative;max-width: 1300px;margin: 0 auto;}
.fair2022 .top .flex-box{padding:40px 20px;}
.fair2022 .top .flex-box .img{}
.fair2022 .top .flex-box .img img{display: block;width:100%;}
.fair2022 .top .flex-box .txt-box{margin-top:40px;}
.fair2022 .top .flex-box .txt-box h3{text-align: center;}
.fair2022 .top .flex-box .txt-box h3 img{}
.fair2022 .top .flex-box .txt-box p{margin-top: 50px;font-size: 18px;font-weight: 300;line-height: 1.68;color: #222;}
.fair2022 .top .flex-box .txt-box ul{margin-top: 50px;}
.fair2022 .top .flex-box .txt-box ul li{font-size: 18px;font-weight: 300;line-height: 1.68;color: #222;}
.fair2022 .top .table-box{padding:40px 20px;}
.fair2022 .top .table-box h3{font-weight: bold;color: #222;font-size:24px;}
.fair2022 .top .table-box table{margin-top:20px;border-top: 1px solid #222;table-layout: fixed;}
.fair2022 .top .table-box table thead tr th{padding:15px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 15px;font-weight: bold;color: #222;}
.fair2022 .top .table-box table thead tr th:first-child{border-left:0;}
.fair2022 .top .table-box table tbody tr th{padding:15px 5px;border-bottom:1px solid #e2e2e2;font-size: 15px;font-weight: bold;color: #222;}
.fair2022 .top .table-box table tbody tr td{padding:15px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 15px;font-weight: normal;color: #222;}
.fair2022 .list-box{margin-top:50px;background: #f2f2f2;padding:40px 20px;}
.fair2022 .list-box h3{text-align: center; font-size: 18px;font-weight: 300;line-height: 1.67;color: #222;}
.fair2022 .list-box ul{margin-top:40px;}
.fair2022 .list-box ul li{}
.fair2022 .list-box ul li + li{margin-top:40px;}
.fair2022 .list-box ul li figure img{display: block;width:100%;}
.fair2022 .list-box ul li .txt-box{padding-top:30px;}
.fair2022 .list-box ul li .txt-box em{position:relative;padding-lefT:20px;display: block; font-size: 16px;  font-weight: 300;  color: #222;}
.fair2022 .list-box ul li .txt-box em::before{content: "";position:absolute;top:4px;lefT:0;display: inline-block;width:13px;height: 14px;background: url(/_public/images/fair/tit.png) no-repeat;background-size: cover;}
.fair2022 .list-box ul li .txt-box h4{margin-top:10px; font-size: 20px;  font-weight: bold;  line-height: 1.5;color: #222;}
.fair2022 .list-box ul li .txt-box p{margin-top:20px;font-size: 16px;  font-weight: 300;  color: #222;}
.fair2022 .list-box ul li .txt-box p + p{margin-top:10px;}
.fair2022 .list-box ul li .txt-box a{position:relative;display: inline-block;width:217px;line-height: 43px;text-align: center;margin-top: 21px;border:1px solid #909090;font-size:16px;color:#222;font-weight:400;}
.fair2022 .list-box ul li .txt-box a:after{content: "";position:relative;display: inline-block;width:27px;height: 13px;background: url(/_public/images/fair/link.svg) no-repeat;background-size: cover;margin-left:28px;}
.fair2022 .list-box ul li .txt-box a.none:after{display:none;}


/*  2023 해양교육문화박람회 */
.fair2023{}
.fair2023 .section{position:relative;max-width: 1300px;margin: 0 auto;}
.fair2023 .top .flex-box{padding:40px 20px;}
.fair2023 .top .flex-box .img{}
.fair2023 .top .flex-box .img img{display: block;width:100%;}
.fair2023 .top .flex-box .txt-box{margin-top:40px;}
.fair2023 .top .flex-box .txt-box h3{text-align: center;}
.fair2023 .top .flex-box .txt-box h3 img{}
.fair2023 .top .flex-box .txt-box p{;font-size: 18px;font-weight: 300;line-height: 1.68;color: #222;word-break: keep-all;}
.fair2023 .top .flex-box .txt-box ul{margin-top: 50px;}
.fair2023 .top .flex-box .txt-box ul li{position: relative;;font-size: 18px;font-weight: 600;line-height: 1.68;color: #222;padding-left: 37px;word-break: keep-all;}
.fair2023 .top .flex-box .txt-box ul li.last{margin-top:20px;padding-left: 85px;}
.fair2023 .top .flex-box .txt-box ul li strong{position: absolute;left:0;}
.fair2023 .top .table-box{padding:40px 20px;}
.fair2023 .top .table-box h3{font-weight: bold;color: #222;font-size:24px;}
.fair2023 .top .table-box table{margin-top:20px;border-top: 1px solid #222;table-layout: fixed;}
.fair2023 .top .table-box table thead tr th{padding:15px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 15px;font-weight: bold;color: #222;}
.fair2023 .top .table-box table thead tr th:first-child{border-left:0;}
.fair2023 .top .table-box table tbody tr th{padding:15px 5px;border-bottom:1px solid #e2e2e2;font-size: 15px;font-weight: bold;color: #222;}
.fair2023 .top .table-box table tbody tr td{padding:15px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 15px;font-weight: normal;color: #222;}
.fair2023 .list-box{margin-top:50px;background: #f2f2f2;padding:0 20px 40px;}
.fair2023 .list-box .img-banner{margin:0;position: relative;top:-20px;text-align: center;}
.fair2023 .list-box h3{text-align: center; font-size: 18px;font-weight: 300;line-height: 1.67;color: #222;}
.fair2023 .list-box ul{margin-top:20px;}
.fair2023 .list-box ul li{}
.fair2023 .list-box ul li + li{margin-top:40px;}
.fair2023 .list-box ul li figure {margin-top:13px;}
.fair2023 .list-box ul li figure img{display: block;width:100%;}
.fair2023 .list-box ul li em{position:relative;display: block; font-size: 18px;font-weight: 600;  color: #222;}
.fair2023 .list-box ul li .txt-box{padding-top:20px;}
.fair2023 .list-box ul li .txt-box h4{font-size: 20px;  font-weight: bold;  line-height: 1.5;color: #222;}
.fair2023 .list-box ul li .txt-box p{margin-top:20px;font-size: 16px;  font-weight: 300;  color: #222;}
.fair2023 .list-box ul li .txt-box p + p{margin-top:10px;}
.fair2023 .list-box ul li .txt-box a{position:relative;display: inline-block;width:217px;line-height: 43px;text-align: center;margin-top: 21px;border:1px solid #909090;font-size:16px;color:#222;font-weight:400;}
.fair2023 .list-box ul li .txt-box a:after{content: "";position:relative;display: inline-block;width:27px;height: 13px;background: url(/_public/images/fair/link.svg) no-repeat;background-size: cover;margin-left:28px;}
.fair2023 .list-box ul li .txt-box a.none:after{display:none;}


/* 2024 해양교육문화박람회 */
.fair2024{}
.fair2024 .section{position:relative;padding:30px 20px 50px;}
.fair2024 .top{border-bottom: 1px solid #f2f2f2;}
.fair2024 .top .flex-box{display: flex;flex-direction: column;gap:30px;padding-bottom: 50px;}
.fair2024 .top .flex-box .img{}
.fair2024 .top .flex-box .img img{display: block;width:100%;}
.fair2024 .top .flex-box .txt-box{}
.fair2024 .top .flex-box .txt-box h3{}
.fair2024 .top .flex-box .txt-box h3 img{}
.fair2024 .top .flex-box .txt-box p{font-size: 14px;font-weight: 300;  line-height: 1.57;  letter-spacing: -0.88px;color: #222;word-break: keep-all;}
.fair2024 .top .flex-box .txt-box p em{display:inline-block;font-weight: 500;}
.fair2024 .top .flex-box .txt-box p strong{display: inline;color:#26357f;font-size:16px;}
.fair2024 .top .flex-box .txt-box p + p{margin-top:20px;}
.fair2024 .top .flex-box ul{margin-top:20px;}
.fair2024 .top .flex-box ul + p{margin-top:20px;}
.fair2024 .top .flex-box ul li{position: relative;padding-left: 40px;font-size:16px;color:#222;display:flex;font-weight: bold;word-break: keep-all;}
.fair2024 .top .flex-box ul li strong{position: absolute;left: 0;display: inline-block;width:38px;}
.fair2024 .table-box{padding:50px 0;border-bottom: 1px solid #f2f2f2;padding-bottom: 50px;}
.fair2024 .table-box .scroll-box{overflow-x: auto;}
.fair2024 .table-box h3{font-size: 16px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2024 .table-box table{width:800px !important;margin-top:10px;margin-bottom: 10px;border:1px solid #e2e2e2;border-top: 1px solid #222;table-layout: fixed;}
.fair2024 .table-box table thead tr th{padding:10px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 13px;font-weight: bold;color: #222;}
.fair2024 .table-box table tbody tr th{padding:10px 5px;border-bottom:1px solid #e2e2e2;;border-left:1px solid #e2e2e2;font-size: 13px;font-weight: bold;color: #222;}
.fair2024 .table-box table tbody tr td{padding:10px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 13px;font-weight: normal;color: #222;}
.fair2024 .table-box p{font-size: 14px;font-weight: 300;line-height: 1.5;letter-spacing: -0.16px;color: #222;}
.fair2024 .table-box ul{margin-top:10px;display: flex;gap:10px;}
.fair2024 .table-box ul li{flex:1;}
.fair2024 .table-box ul li figure{}
.fair2024 .table-box ul li figure img{display: block;width:100%;}
.fair2024 .table-box ul li figure figcaption{display:block;margin-top:5px; font-size: 14px;font-weight: normal;color: #000;}
.fair2024 .program-list{background: #f2f2f2;padding:50px 20px;}
.fair2024 .program-list .section{padding:0;}
.fair2024 .program-list h3{font-size: 20px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2024 .program-list .txt{margin-top:10px;font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #231815;}
.fair2024 .program-list ul{margin-top:50px;display: flex;flex-direction: column;gap:50px;}
.fair2024 .program-list ul li{flex:1;}
.fair2024 .program-list ul li .img{}
.fair2024 .program-list ul li .img img{display: block;width:100%;}
.fair2024 .program-list ul li .txt-box{margin-top:10px;}
.fair2024 .program-list ul li .txt-box h4{font-size: 16px;text-align: center;font-weight: bold;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;}
.fair2024 .program-list ul li .txt-box p{margin-top:10px;font-size: 14px;font-weight: 300;letter-spacing: -0.4px;text-align:center;}
.fair2024 .program-list ul li .txt-box .link{margin:20px auto 0;display:flex;align-items: center;justify-content: center;width:217px;height:54px;border:1px solid #909090; font-size: 16px;font-weight: normal;color: #222;gap:50px;}
.fair2024 .program-list ul li .txt-box .link:after{content: "";display: inline-block;width:24px;height:11px;background: url(/_public/images/fair/ico_view.png) no-repeat;background-size: cover;}
.fair2024 .program-list ul li .txt-box .sns{margin-top:20px;display: flex;justify-content: center;gap:15px;}
.fair2024 .program-list ul li .txt-box .sns a{display: block;width:48px;}
.fair2024 .program-list ul li .txt-box .sns a img{display: block;width:100%;}


.fair2025{}
.fair2025 section{padding:50px 20px;}
.fair2025 section.bg{background: #f2f2f2;}
.fair2025 .table-box{}
.fair2025 .table-box .scroll-box{overflow-x: auto;}
.fair2025 .table-box h3{font-size: 16px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .table-box h5{font-size: 16px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .table-box table{width:800px !important;margin-top:10px;margin-bottom: 10px;border:1px solid #e2e2e2;border-top: 1px solid #222;table-layout: fixed;}
.fair2025 .table-box table thead tr th{padding:10px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 13px;font-weight: bold;color: #222;}
.fair2025 .table-box table tbody tr th{padding:10px 5px;border-bottom:1px solid #e2e2e2;;border-left:1px solid #e2e2e2;font-size: 13px;font-weight: bold;color: #222;}
.fair2025 .table-box table tbody tr td{padding:10px 5px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 13px;font-weight: normal;color: #222;word-break: auto-phrase;}
.fair2025 .table-box p{font-size: 14px;font-weight: 300;line-height: 1.5;letter-spacing: -0.16px;color: #222;}
.fair2025 .table-box ul{margin-top:10px;display: flex;gap:10px;}
.fair2025 .table-box ul li{flex:1;}
.fair2025 .table-box ul li figure{}
.fair2025 .table-box ul li figure img{display: block;width:100%;}
.fair2025 .table-box ul li figure figcaption{display:block;margin-top:5px; font-size: 14px;font-weight: normal;color: #000;}
.fair2025 .program-list{}
.fair2025 .program-list h3{font-size: 20px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .program-list h5{font-size: 20px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .program-list .txt{margin-top:10px;font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #231815;}
.fair2025 .program-list ul{margin-top:50px;display: flex;flex-direction: column;gap:50px;}
.fair2025 .program-list ul li{flex:1;}
.fair2025 .program-list ul li .img{}
.fair2025 .program-list ul li .img img{display: block;width:100%;}
.fair2025 .program-list ul li .txt-box{margin-top:10px;}
.fair2025 .program-list ul li .txt-box h4{word-break: auto-phrase;font-size: 16px;text-align: center;font-weight: 500;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;}
.fair2025 .program-list ul li .txt-box h6{word-break: auto-phrase;font-size: 16px;text-align: center;font-weight: 500;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;}
.fair2025 .program-list ul li .txt-box p{margin-top:10px;font-size: 14px;font-weight: 300;letter-spacing: -0.4px;text-align:center;}
.fair2025 .program-list ul li .txt-box .link{margin:20px auto 0;display:flex;align-items: center;justify-content: center;width:237px;height:54px;border:1px solid #909090; font-size: 16px;font-weight: normal;color: #222;gap:50px;}
.fair2025 .program-list ul li .txt-box .link:after{content: "";display: inline-block;width:24px;height:11px;background: url(/_public/images/fair/ico_view.png) no-repeat;background-size: cover;}
.fair2025 .program-list ul li .txt-box .sns{margin-top:20px;display: flex;justify-content: center;gap:15px;}
.fair2025 .program-list ul li .txt-box .sns a{display: block;width:48px;}
.fair2025 .program-list ul li .txt-box .sns a img{display: block;width:100%;}
.fair2025 .section01{padding-top:30px;}
.fair2025 .section01 .flex-box{}
.fair2025 .section01 .flex-box .img{}
.fair2025 .section01 .flex-box .img img{display: block;width:100%;}
.fair2025 .section01 .flex-box .txt{margin-top:30px;}
.fair2025 .section01 .flex-box .txt p{font-size: 14px;font-weight: 300;line-height: 1.57;letter-spacing: -0.46px;color: #222;word-break: auto-phrase;}
.fair2025 .section01 .flex-box .txt p strong{display: inline;font-weight: 500;}
.fair2025 .section01 .flex-box .txt ul{margin-top:30px;}
.fair2025 .section01 .flex-box .txt ul li{font-size: 14px;font-weight: bold;line-height: 1.57;color: #222;word-break: auto-phrase;}
.fair2025 .section01 .flex-box .txt em{margin-top:25px;display: block;position: relative;font-size: 14px;font-weight: 300;line-height: 1.57;letter-spacing: -0.88px;color: #222;word-break: auto-phrase;}
.fair2025 .section01 .flex-box .txt em span{font-size: 14px;font-weight: 500;}
.fair2025 .section02 strong.gisunh2{text-align: center;}
.fair2025 .section02 strong.gisunh2 span{word-break: auto-phrase;font-family: 'TTHakgyoansimKossuyeomR';padding:20px 15px;display:block;border-radius:20px;background: #0356B0;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.8px;text-align: center;color: #fff;}
.fair2025 .section02 .table-box{margin-top:50px;}


.fair2026 .nol-box { margin:45px 0; padding:0 16px; text-align:center; }
.fair2026 .nol-box img { max-width:100%; height:auto; }
.fair2026 .nol-play { word-break:keep-all; position:relative; max-width:100%; margin:0 auto 55px; padding:52px 16px 0; font-family:'Pretendard', sans-serif; }
.fair2026 .nol-label { position:absolute; left:10px; top:0; z-index:2; width:170px; }
.fair2026 .nol-label img { display:block; width:100%; height:auto; }
.fair2026 .nol-inner { position:relative; padding:52px 22px 0; background:#F6FBFE; border-top:2px solid #efa0c8; border-bottom:2px solid #efa0c8; }
.fair2026 .nol-card { position:relative; min-width:0; }
.fair2026 .nol-card h3,
.fair2026 .nol-movie-left h3,
.fair2026 .nol-movie-right h3,
.fair2026 .nol-friend-info h3,
.fair2026 .nol-exhibit-info h3 { margin:0 0 12px; line-height:0; }
.fair2026 .nol-card h3 img,
.fair2026 .nol-movie-left h3 img,
.fair2026 .nol-movie-right h3 img,
.fair2026 .nol-friend-info h3 img,
.fair2026 .nol-exhibit-info h3 img { display:block; max-width:100%; height:auto; }
.fair2026 .nol-card p,
.fair2026 .nol-card ul,
.fair2026 .nol-movie-left p,
.fair2026 .nol-movie-left ul,
.fair2026 .nol-friend-info ul,
.fair2026 .nol-exhibit-info ul { margin:0; padding:0; list-style:none; color:#333; font-size:15px; line-height:1.6; letter-spacing:-0.035em; }
.fair2026 .nol-card p { margin-bottom:14px; }
.fair2026 .nol-card ul,
.fair2026 .nol-exhibit-info ul { margin-bottom:12px; }
.fair2026 .nol-card strong,
.fair2026 .nol-info strong,
.fair2026 .nol-film-info strong,
.fair2026 .nol-friend-info strong,
.fair2026 .nol-exhibit-info strong { font-weight:800; }
.fair2026 .nol-img { width:100%; display:flex; align-items:center; justify-content:flex-start; }
.fair2026 .nol-img img,
.fair2026 .nol-character img,
.fair2026 .nol-cube-img img,
.fair2026 .nol-family-deco img,
.fair2026 .nol-program-img img,
.fair2026 .nol-exhibit-img img { display:block; max-width:100%; height:auto; object-fit:contain; }
.fair2026 ul li { line-height:1.7; }

.fair2026 .nol-children .nol-card { display:flex; flex-direction:column; justify-content:space-between; }
.fair2026 .nol-children .nol-grid-top,
.fair2026 .nol-children .nol-grid-bottom { display:grid; grid-template-columns:1fr; row-gap:60px; margin:0; }
.fair2026 .nol-children .nol-grid-bottom .nol-card:last-child { grid-column:auto; max-width:none; }
.fair2026 .nol-children .nol-grid-bottom .nol-card:last-child .nol-img img { width:100%; max-width:100%; }
.fair2026 .nol-children .nol-grid.nol-grid-top {margin-bottom: 60px;}
.fair2026 .nol-children .nol-grid .nol-img img { width: 100%}
.fair2026 .nol-children .nol-character img { width: 220px; margin: 0 auto;}
.fair2026 .nol-character { position:relative; right:auto; bottom:auto; margin:28px auto 0; }

.fair2026 .nol-play-family .nol-label { width:175px; }
.fair2026 .nol-play-family .nol-inner { padding:52px 22px 0; border-color:#9eddf5; }
.fair2026 .nol-family-top { display:grid; grid-template-columns:1fr; row-gap:60px; }
.fair2026 .nol-family-top .nol-card { min-height:auto; }
.fair2026 .nol-family-top .nol-card + .nol-card { padding-left:0; border-left:0; }
.fair2026 .nol-play-family .nol-card p { font-size:16px; }
.fair2026 .nol-play-family .nol-img { height:auto; justify-content:flex-start; }
.fair2026 .nol-play-family .nol-img-small {  margin-top: -40px; justify-content: flex-end; }
.fair2026 .nol-play-family .nol-img-small img {  margin-right:20px;height:120px; }
.fair2026 .nol-family-line { width:100%; height:2px; margin:34px 0; background:#b9e7fb; }
.fair2026 .nol-family-bottom { display:block; min-height:auto; }
.fair2026 .nol-card-cube { padding-bottom:24px; }
.fair2026 .nol-cube-img { padding-bottom:28px; }
.fair2026 .nol-family-deco { width:175px; margin:0 auto; position:relative; top:2px; }

.fair2026 .nol-play-movie .nol-label { width:215px; top:0; }
.fair2026 .nol-play-movie .nol-inner { padding:70px 22px 40px; border-color:#ffc56f; }
.fair2026 .nol-movie-wrap { display:grid; grid-template-columns:1fr; row-gap:30px; }
.fair2026 .nol-movie-line { width:100%; height:2px; min-height:0; background:#ffc56f; }
.fair2026 .nol-movie-left {position:relative;min-height:auto;padding-right:0;padding-bottom: 30px;}
.fair2026 .nol-info span { display:inline-block; padding-left:36px; }
.fair2026 .nol-movie-character {position:absolute;right: -42px;bottom: -30px;width: 69px;margin:0;transform:translateX(-50%);}
.fair2026 .nol-movie-right h3 img { display:inline-block; }
.fair2026 .nol-movie-right h3 img:last-child { margin-top: 15px}
.fair2026 .nol-film-list { display:grid; grid-template-columns:1fr; row-gap:34px; }
.fair2026 .nol-film-head { margin-bottom:18px;}
.fair2026 .nol-film-info h4 { margin:0; color:#333; font-size:15px; font-weight:800; line-height:1.45; letter-spacing:-0.035em; }
.fair2026 .nol-film-info p { margin:0 0 14px; color:#333; font-size:15px; line-height:1.55; letter-spacing:-0.035em; }
.fair2026 .nol-film-info ul { margin:0; padding:0; list-style:none; color:#333; font-size:16px; line-height:1.55; letter-spacing:-0.035em; }
.fair2026 .nol-desc { margin:0; color:#333; font-size:14px; line-height:1.65; letter-spacing:-0.05em; }
.fair2026 .nol-film-poster img {max-width:100px}
.fair2026 .nol-film-info {  margin-top: 20px}


.fair2026 .nol-play-friend .nol-label { width:165px; }
.fair2026 .nol-play-friend .nol-inner { padding:52px 22px; border-color:#73c6a4; }
.fair2026 .nol-friend-wrap { display:grid; grid-template-columns:1fr; gap:30px; align-items:center; }
.fair2026 .nol-friend-info {display:block;position: relative;}
.fair2026 .nol-friend-info li span { display:block; position:relative; top:-22px; padding-left:40px; }
.fair2026 .nol-friend-info li span + span {   }
.fair2026 .nol-friend-character {right: 0;width: 75px;margin: 0 auto;position: absolute;bottom: 0;}
.fair2026 .nol-program-img { display:flex; justify-content:center; }

.fair2026 .nol-play-exhibit .nol-label { width:165px; }
.fair2026 .nol-play-exhibit .nol-inner { padding:52px 22px 36px; border-color:#b983c9; }
.fair2026 .nol-exhibit-wrap { display:block; }
.fair2026 .nol-exhibit-info { width:100%; display:flex; flex-direction:column; justify-content:space-between; gap:22px; }
.fair2026 .nol-exhibit-img {  }
.fair2026 .nol-exhibit-img-wide { overflow:hidden; }



.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}



.ocean2022{padding:20px;}
.ocean2022 .top-box{}
.ocean2022 .top-box .picture{}
.ocean2022 .top-box .txt-box{margin-top:25px;}
.ocean2022 .top-box .txt-box h3{text-align: center;font-size:18px;color:#222;}
.ocean2022 .top-box .txt-box h4{margin-top:10px;font-family: 'GimpoBatang00';font-size:25px;text-align: center;}
.ocean2022 .top-box .txt-box h4 .color1{color:#092145;font-family: 'GimpoBatang00';font-size:25px;}
.ocean2022 .top-box .txt-box h4 .color2{color:#117da7;font-family: 'GimpoBatang00';font-size:25px;}
.ocean2022 .top-box .txt-box dl{margin-top:25px;}
.ocean2022 .top-box .txt-box dl dt{font-size:15px;font-weight: 600;width:80px;}
.ocean2022 .top-box .txt-box dl dd{font-size:15px;font-weight: normal;padding:0 0 10px 80px;}
.ocean2022 .top-box .txt-box .button-box{text-align:center;margin-top:20px;}
.ocean2022 .top-box .txt-box .button-box button{display: inline-block;width:195px;height:45px;border-radius: 35px;position: relative;font-size:18px;color:#fff;background: #005189;text-align: center;font-weight:bold;}
.ocean2022 .top-box .txt-box .button-box button:after{content: "";position:relative;top:-2px;margin-left:15px;vertical-align: middle;;display: inline-block;width:7px;height:13px;background: url(/mobile/_public/images/education/view_icon2.png) no-repeat;background-size: cover;}
.ocean2022 .table-box{margin-top:35px;}
.ocean2022 .table-box h4{font-size:18px;}
.ocean2022 .table-box h4 a{display: inline-block;width:120px;line-height: 35px;vertical-align: middle;;text-align: center;border-radius: 25px;background:#222;color:#fff;font-size:14px;margin-left:10px;position: relative;top:-3px;}
.ocean2022 .table-box .inner{margin-top: 15px;overflow-x: auto;}
.ocean2022 .table-box table {width:1300px !important;}
.ocean2022 .table-box table thead tr th {border-left:1px solid #e2e2e2;border-top:1px solid #222222;}
.ocean2022 .table-box table tbody tr th{border-left:1px solid #e2e2e2}
.ocean2022 .table-box table tbody tr td{border-left:1px solid #e2e2e2}
.ocean2022 .bg{background: #f2f2f2;margin: 0 -20px;}
.ocean2022 .list{padding:30px 20px;}
.ocean2022 .list h3{text-align: center;font-size:18px;font-family: 'GimpoBatang00';line-height: 1.5;}
.ocean2022 .list h3 span{font-size:12px;font-family: 'GimpoBatang00';}
.ocean2022 .list ul{margin-top:90px;}
.ocean2022 .list ul li{display: flex;align-items: center;flex-wrap:wrap;}
.ocean2022 .list ul li + li{margin-top:60px;}
.ocean2022 .list ul li figure{width:100%;}
.ocean2022 .list ul li figure img{display: block;width:100%;}
.ocean2022 .list ul li .txt-box{width:100%;padding-top:20px;}
.ocean2022 .list ul li .txt-box h4{font-size:18px;color:#0c3375;font-family: 'GimpoBatang00';}
.ocean2022 .list ul li .txt-box p{margin-top:16px;font-size:16px;}
.ocean2022 .list ul li .txt-box p strong{display: inline-block;font-size:16px;}
.ocean2022 .list ul li .txt-box p span{margin-top:5px;display: block;;font-size:14px;}

.ocean2022 .list ul li .txt-box a{margin-top:25px;display: inline-block;;width:110px;line-height: 40px;position: relative;border:1px solid #222;padding:0 10px;font-size:14px;}
.ocean2022 .list ul li .txt-box a:after{content: "";position:absolute;;right:10px;top:50%;transform: translateY(-50%);display: inline-block;width:15px;height:5px;background: url(/mobile/_public/images/education/view_icon.png) no-repeat;background-size: cover;}




.img-layer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 10000;background: rgba(0,0,0,0.5);overflow-y: auto;}
.img-layer .layout-content{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;}
.img-layer .layout-content img{width:100%;}
.img-layer .layout-content .calendar-close{position: absolute;top: 0;right: 0;font-size: 0;width: 30px;}
.img-layer .layout-content .calendar-close img{display: block;width:100%;}

.oac-slide2{margin-top: 20px;padding-top: 20px;border-top: 1px solid #f2f2f2;}
.oac-slide2 h4{font-size: 16px;margin-bottom: 20px;}
.oac-slide2 .target-box{margin-top:20px;display: flex;justify-content: center;align-items: center;gap:10px;}



/* Mobile Device */
@media all and (max-width:640px){


    .conWrap{padding:50px 10px}
    .conWrap .btnBc.down a.icb { background-image: url(../../../_public/images/common/ic_down_w.png);}

    .etcList ul li{width:50%}

    .listTypeB ul li{width:50%;}
    .listTypeB ul li:nth-child(3n+1){clear:none}
    .listTypeB ul li:nth-child(2n+1){clear:left}

    .listTypeE ul{margin:0}
    /*.listTypeE ul li{float:none;margin-bottom:15px;padding:0;width:100%;}*/

    .webzine ul{margin:0 -5px}
    .webzine ul li{padding:0 5px;width:50%}
    .webzine ul li a{display:block;max-width:154px;margin:0 auto;position:relative}
    .webzine ul li:nth-child(2n+1){clear:left}
    .webzine ul li:nth-child(3n+1){clear:none}

    .viewTypeB .inforCon ul li{float:none;width:auto;}

    .box_ic_li ul li{width:48%}
    .s1_1_con1 dl{float:none;margin:0 0 15px;width:100%;min-height:50px}

    /* 모바일 테이블 가로스크롤 */
    .mb_scroll{position:relative;padding-top:25px}
    .mb_scroll .scrCon{position:relative;width:100%;overflow:auto}
    .mb_scroll table{width:640px}
    .mb_scroll::before{position:absolute;top:0;right:0;content:'☞ 좌우 표이동';color:#636363;z-index:2;}

    .s1_2_1_con1 .root_daum_roughmap .wrap_map{height:250px !important}

    .s3_3_con1 dl{float:none;margin:0 0 15px;width:auto;min-height:100px}
    .s3_3_con2 ul li{float:none;width:auto}
    .s3_3_con3 dl{float:none;margin:0 0 15px;width:auto}

    .scoll_slide{padding-left:10px}


    .map_number li{width:33.33%;}

    .s5_7_1_1_con > li{float:none;margin:0 0 10px;width:100%;min-height:50px;}

    .s5_1_con2{margin:-30px -10px -50px;padding:70px 10px 40px}

    .s5_3_2_con2{margin:0}
    .s5_3_2_con2 ul li{float:none;margin-bottom:15px;padding:0;width:100%}
    .s5_3_2_con2 ul li h3{padding:0 10px;}
    .s5_3_2_con2 ul li p{padding:10px}

    .s5_3_3_con3 .con dl{width:50%}


    .fair2022 .top .flex-box{padding:20px;}
    .fair2022 .top .flex-box .txt-box h3 img{max-width:70%;}
    .fair2022 .top .flex-box .txt-box p{margin-top:25px;font-size:14px;}
    .fair2022 .top .flex-box .txt-box ul{margin-top:25px;}
    .fair2022 .top .flex-box .txt-box ul li{font-size:14px;}
    .fair2022 .top .table-box{padding:20px;}
    .fair2022 .top .table-box h3{font-size:16px;}
    .fair2022 .top .table-box .inbox{overflow-x: auto;}
    .fair2022 .top .table-box table{margin-top:10px;width:600px !important;}
    .fair2022 .top .table-box table thead tr th{padding:10px 5px;font-size:13px;}
    .fair2022 .top .table-box table tbody tr th{padding:10px 5px;font-size:13px;word-break: keep-all;}
    .fair2022 .top .table-box table tbody tr td{padding:10px 5px;font-size:13px;word-break: keep-all;}
    .fair2022 .list-box h3{font-size:14px;word-break: keep-all;}
    .fair2022 .list-box ul li .txt-box em{font-size:14px;}
    .fair2022 .list-box ul li .txt-box em::before{width:10px;height:11px;}
    .fair2022 .list-box ul li .txt-box h4{font-size:16px;}
    .fair2022 .list-box ul li .txt-box p{font-size:14px;}
    .fair2022 .list-box ul li .txt-box a{width:170px;font-size:14px;}
    .fair2022 .list-box ul li .txt-box a:after{width:20px;height: 9px;margin-left: 14px;}


    .fair2023 .top .flex-box{padding:20px;}
    .fair2023 .top .flex-box .txt-box{margin-top:20px;}
    .fair2023 .top .flex-box .txt-box h3 img{max-width:70%;}
    .fair2023 .top .flex-box .txt-box p{font-size:14px;}
    .fair2023 .top .flex-box .txt-box ul{margin-top:25px;}
    .fair2023 .top .flex-box .txt-box ul li{font-size:15px;font-weight: 600;}
    .fair2023 .top .flex-box .txt-box ul li.last{padding-left:65px;margin-top:10px;font-size:14px;font-weight: 600;}
    .fair2023 .top .table-box{padding:20px;}
    .fair2023 .top .table-box h3{font-size:16px;}
    .fair2023 .top .table-box .inbox{overflow-x: auto;}
    .fair2023 .top .table-box table{margin-top:10px;width:600px !important;}
    .fair2023 .top .table-box table thead tr th{padding:10px 5px;font-size:13px;}
    .fair2023 .top .table-box table tbody tr th{padding:10px 5px;font-size:13px;word-break: keep-all;}
    .fair2023 .top .table-box table tbody tr td{padding:10px 5px;font-size:13px;word-break: keep-all;}
    .fair2023 .top .table-box p{margin-top: 10px;font-size:14px;font-weight: 500;line-height:normal;letter-spacing: -0.4px;color: #222;}
    .fair2023 .top .table-box p + p{margin-top: 5px;}
    .fair2023 .img-banner{padding:0;margin-top:10px;}
    .fair2023 .img-box{margin-top:20px;display: flex;}
    .fair2023 .img-box figure{}
    .fair2023 .img-box figure img{display: block;width:100%;}
    .fair2023 .img-box figure + figure{margin-left: 10px;}
    .fair2023 .list-box h3{font-size:14px;word-break: keep-all;}
    .fair2023 .list-box ul li .txt-box em{font-size:14px;}
    .fair2023 .list-box ul li .txt-box em::before{width:10px;height:11px;}
    .fair2023 .list-box ul li .txt-box h4{font-size:16px;}
    .fair2023 .list-box ul li .txt-box p{font-size:14px;}
    .fair2023 .list-box ul li .txt-box a{width:170px;font-size:14px;}
    .fair2023 .list-box ul li .txt-box a:after{width:20px;height: 9px;margin-left: 14px;}
    .fair2023 .list-box ul li .sns{margin-top:20px;display: flex;align-items: center;}
    .fair2023 .list-box ul li .sns span{display: inline-block;; font-size: 16px;font-weight: bold;letter-spacing: -1.6px;color: #881000;margin-right:15px;}
    .fair2023 .list-box ul li .sns a{display: inline-block;width:40px;height:auto;margin:0;border:0;}
    .fair2023 .list-box ul li .sns a:after{display: none;}
    .fair2023 .list-box ul li .sns a + a{margin-left:20px;}



}

/* Mobile Device */
@media all and (max-width:340px){

    /*.tabMenu2 ul li a{min-width:50px}*/
}

/* 게시판 영상사이즈 */
.board_video { width:800px; height:450px; }
@media screen and (max-width:800px) {
    .board_video { width:100%; height:338px; }
    iframe.board_video {width:100% !important;height:360px !important;}
}
@media screen and (max-width:620px) {
    .board_video { width:100%; height:270px; }
    iframe.board_video {width:100% !important;height:360px !important;}
}
@media screen and (max-width:500px) {
    .board_video {width:100%; height:225px; }
    iframe.board_video {width:100% !important;height:360px !important;}
}
@media screen and (max-width:420px) {
    .board_video { width:100%; height:250px; }
    iframe.board_video {width:100% !important;height:360px !important;}
}

/*메일링서비스*/
.conBox tr.mail_icon th img {padding-right:10px;width:29px;}
.conBox tr.mail_icon th {padding-top:28px;}


.policy .goindex-button{margin-top:10px;display:flex;;align-items: center;justify-content: center;width:78px;height:26px;background: #f3b38f;font-size: 13px;font-weight: normal;line-height: 1;letter-spacing: -0.7px;color: #010101;}
.policy .top{padding:0;}
.policy .top .e-date {text-align:right;margin-bottom:5px;}
.policy .top .info-txtbox{border:1px solid #ebebeb;padding:20px;font-size:14px;letter-spacing: -0.93px;}
.policy .top .description-box{margin-top:25px;background: #f2f2f2;padding:35px 0 20px;}
.policy .top .description-box h2{text-align: center;font-size: 18px;font-weight: bold;letter-spacing: -1.13px;color: #222;}
.policy .top .description-box h4{text-align: center;font-size: 18px;font-weight: bold;letter-spacing: -1.13px;color: #222;}
.policy .top .description-box .txt{margin-top:14px;font-size: 14px;font-weight: normal;letter-spacing: -0.8px;color: #333;}
.policy .top .description-box .label-list{margin-top:20px;display:flex;flex-wrap: wrap;font-size:0;}
.policy .top .description-box .label-list li{background: #fff;flex:auto;width:100%;border:1px solid #d9d9d9;border-top-color:#333;text-align: center;padding-bottom:20px;}
.policy .top .description-box .label-list li h3{line-height: 35px;background: #333;font-size: 14px;font-weight: bold;letter-spacing: -0.93px;color: #fff;}
.policy .top .description-box .label-list li h5{line-height: 35px;background: #333;font-size: 14px;font-weight: bold;letter-spacing: -0.93px;color: #fff;}
.policy .top .description-box .label-list li i{display: inline-block;margin-top:30px;width:50px;}
.policy .top .description-box .label-list li i img{display:block;}
.policy .top .description-box .label-list li p{margin-top:10px;padding:0 20px;display:block;font-size: 12px;font-weight: normal;letter-spacing: -0.8px;color: #222;word-break:keep-all;}
.policy .top .description-box .warning{margin-top:5px; font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.8px;color: #a60000;}
.policy .top .description-box .warning + h2{margin-top:40px;}
.policy .top .description-box .warning + h4{margin-top:40px;}
.policy .top .description-box .index-list{margin-top:14px;;border: solid 1px #d9d9d9;background-color: #fff;padding:20px;}
.policy .top .description-box .index-list li{flex:auto;display:block;width:100%;}
.policy .top .description-box .index-list li + li{margin-top:10px;}
.policy .top .description-box .index-list li a{display: block;;position: relative;padding-left:27px;font-size: 14px;font-weight: normal;letter-spacing: -0.8px;color: #222;}
.policy .top .description-box .index-list li a i{position:absolute;left:0;top:-1px;width:20px;}
.policy .top .description-box .index-list li a i img{display: block;width:100%;}
.policy .top .description-box .index-list + .txt{margin-top:9px;}

.policy .content-box{}
.policy .content-box .index-box{padding-top:40px;}
.policy .content-box .conBox .title{padding-left:30px;font-weight: bold;}
.policy .content-box .conBox .title i{position: absolute;left:0;width:20px;top:-2px;}

.policy .content-box .conBox .select-box{display: flex;margin-top:15px;}
.policy .content-box .conBox .select-box select{width:calc(100% - 80px);height:45px;padding:0 20px; font-size: 14px;font-weight: normal;color: #000;}
.policy .content-box .conBox .select-box button{width:80px;height:45px;text-align: center;font-size:14px;font-weight:bold;color:#fff;background: #404040;}



.img-slide{position:relative;}
.img-slide .slick-track{float:left;}
.img-slide .slick-slide{position:relative;margin:0 5px;cursor: pointer;height:160px;overflow: hidden;;}
.img-slide .slick-slide img{display: block;width: 100%;height: 100%;cursor: pointer;position: absolute;top: 50%;lefT: 50%;transform: translate(-50%, -50%); object-fit: cover;}
.img-slide .slick-arrow{position: absolute;top:0;font-size:0;width:18px;height:100%;z-index: 10;transform: none;max-height: 160px;}
.img-slide .slick-arrow::before{display: none;}
.img-slide .slick-prev{left:10px;background: url(/_public/images/collection/slick_prev.png) no-repeat;background-size: cover;}
.img-slide .slick-next{right:8px;background: url(/_public/images/collection/slick_next.png) no-repeat;background-size: cover;}
.img-slide.type2 .slick-slide{position:relative;margin:0 10px;cursor: pointer;height:auto;overflow:inherit;}
.img-slide.type2 .slick-slide figure{position:relative;width:100%;cursor: pointer;height:160px;overflow: hidden;;}
.img-slide.type2 .slick-slide span{display:block;margin-top:5px;font-size:13px;text-align: center;}




.thumnail-layer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index: 99999;}
.thumnail-layer h3{position:absolute;left:20px;top:55px;color:#fff;font-size:18px;color: #fff;z-index: 10;}
.thumnail-layer .control-box{position: absolute;top:15px;right:20px;display: flex;z-index: 10;}
.thumnail-layer .control-box button{display: inline-block;right:20px;width:30px;}
.thumnail-layer .control-box button + button{margin-left:10px;}
.thumnail-layer .button img{display: block;}
.thumnail-layer .close-thumnail img{display: block;;}
.thumnail-layer .img-wrap{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.thumnail-layer .util-box{position: absolute;;bottom:20px;right:20px;z-index: 1000;}
.thumnail-layer .util-box .btnBc a{background: #fff url(/_public/images/common/ic_down.png) 90% 50% no-repeat !important;color:#000;}



.down-form{padding:20px;}
.down-form h1{color: #202020;font-size: 20px;font-weight: normal;}
.down-form .guest-box{margin-top:20px;border-bottom:2px solid #000;padding-bottom: 20px;}
.down-form .guest-box p{font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -1.6px;color: #333;}
.down-form .guest-box .button-box{margin-top:20px;font-size:0;text-align: center;}
.down-form .guest-box .button-box .btnBc + .btnBc{margin-left:10px;}
.down-form .form-box{padding:20px 10px;border-bottom:2px solid #000;}
.down-form dl{}
.down-form dl dt{font-size: 14px;font-weight: bold;color:#333;width:80px;padding-top:12px;}
.down-form dl dd{padding:0 0 0 80px;}
.down-form dl dd span{display:block;font-size: 14px;margin-top:10px;font-weight: normal;letter-spacing: -1.2px;color: #f00000;}
.down-form dl dd label{}
.down-form dl dd select{height:40px;width:200px;;font-size:14px;color:#666;background: url(/_public/images/common/ic_select_arrow.png) no-repeat right 14px center;}
.down-form .form-box p{margin-top:10px;  font-weight: normal;font-size:14px;line-height: 1.5;letter-spacing: -1.2px;color: #333;}
.down-form .form-box p strong{font-weight: bold;color:#ff0000;}
.down-form .nuri-box{padding:15px 0;border-bottom:2px solid #000;}






.txt_center .visual { position:relative;}
.txt_center .visual button { position:absolute; z-index:10; top:50%; transform:translateY(-50%); width: 71px; height:71px; border-radius:100%; background:rgba(255,255,255,.5);border:none;
text-align:center;}
.txt_center .txt_center .visual button:before { font-family:'xeicon'; color:#000; font-size:45px;}
.txt_center .visual button.slick-prev { left:-40px; font-size:0px; color:transparent;}
.txt_center .visual button.slick-prev:before { content:"<"; }
.txt_center .visual button.slick-next { right:-40px; font-size:0px; color:transparent;}
.txt_center .visual button.slick-next:before { content:">"; }



.facility-img .control-box{position:relative;margin-top:20px;z-index:20;display:flex;align-items: center;}
.facility-img .control-box .mPage{margin-left:20px;}
.facility-img .control-box .mPage .swiper-pagination-bullet{display:inline-block;padding:0 30px 10px 0;font-family: 'Roboto';font-size:15px;color:#000;opacity:0.7;cursor:pointer;line-height:1;border-bottom:1px solid #000;transition:all 0.2s ease}
.facility-img .control-box .mPage .swiper-pagination-bullet-active{font-weight:bold;opacity:1}
.facility-img .control-box .swiper-button-prev{display: inline-block;width:25px;height:25px;background:url(../../../_public/images/icon/prev_b.png) no-repeat;font-size:0;}
.facility-img .control-box .swiper-button-next{display: inline-block;width:25px;height:25px;background:url(../../../_public/images/icon/next_b.png) no-repeat;font-size:0;}
.facility-img .control-box .swiper-pause{display:none;width:25px;height:25px;background:url(../../../_public/images/icon/stop_b.png) no-repeat;font-size:0;}
.facility-img .control-box .swiper-play{display: none;width:25px;height:25px;background:url(../../../_public/images/icon/play_b.png) no-repeat;font-size:0;}
.facility-img .control-box .swiper-pause.on{display: inline-block;}
.facility-img .control-box .swiper-play.on{display: inline-block;}


.new_videotxtbox {
	position:relative;
	padding: 20px;
	height: 120px;
	overflow: auto;
	background: #0D2635;
	display: block;
  text-align: left !important;
  word-break: keep-all;
}
.new_videotxtbox span {
	position:relative;
	font-weight:500;
	color: #ffffff;
	font-size: 15px !important;
}

.new_videotxtbox * {
	position:relative;
	font-size: 16px;
	font-weight:500;
	color: #ffffff;

}

.viewTypeB .new_videotxtbox {
	position:relative;
	padding: 20px;
	height: 250px;
	overflow: auto;
	background: #0D2635;
	display: block;
}

.viewTypeB .new_videotxtbox span {
	position:relative;
	font-weight:500;
	color: #ffffff;
	font-size: 15px !important;
}

.bonlinkbox {border:1px solid #ddd; padding:30px; text-align:center;  border-radius:10px; margin:30px 0}
.bonlinkbox span { font-size:15px; font-weight:400; display:block; margin-bottom:10px }
.bonlinkbox p { font-size:16px; font-weight:400}
.bonlink { display:block; margin: 30px 0 0; text-align:center; }
.bonlink a { display:inline-block; padding:10px 50px; font-size:16px; border-radius:10px; background:#fff; border:2px solid #333; font-weight:500; text-align:center; }
.bonlink a:hover { background:#333; color:#fff }


.life .see-box h3 { font-size: 25px; text-align: center; margin-bottom: 25px;}
.life .see-time {margin-top: 20px; }
.life .see-time img { width: 100%}



.journal-top{padding:0 10px;margin-bottom: 50px;}
.journal-top > div{flex:1;}
.journal-top .txt-box{text-align: center;}
.journal-top .txt-box h3{font-size: 25px;}
.journal-top .txt-box h3 span{display: block;font-size:14px;margin-bottom: 5px;}
.journal-top .txt-box h3 span em{margin-left: 10px;display: inline-block;width: 100px;line-height: 26px;text-align: center;background-color: #222;font-size: 13px;color: #fff;font-weight: bold;}
.journal-top .txt-box p{margin-top:10px;font-size:14px;word-break: keep-all;}
.journal-top .info-box{margin-top:40px;}
.journal-top .info-box dl{border:1px solid #e2e2e2;padding:20px 30px;}
.journal-top .info-box dl dt{width:100px;position: relative;padding-left:11px;}
.journal-top .info-box dl dt:before{content: "";position: absolute;top: 10px;left: 0;width: 2px;height: 2px;background: #222;}
.journal-top .info-box dl dd{padding:0 0 5px 100px;}
.journal-top .info-box .btnList{margin:40px 0 0;}
.journal-top .info-box .btnList .btnBc{display: block;}
.journal-top .info-box .btnList .list:nth-child(1) a { background-image: url('/_public/images/common/ic_down_w.png'); }
.journal-top .info-box .btnList .list:nth-child(2) a { background-color: #fff; color:#000;  background-image: url('/_public/images/common/ic_down.png'); }
.journal-top .info-box .btnList .list:nth-child(2) a:hover { background-color:#ebebeb }
.journal-top .info-box .btnList .list:nth-child(3) a { background-color: #fff; color:#000;  background-image: url('/_public/images/common/ic_down.png'); }
.journal-top .info-box .btnList .list:nth-child(3) a:hover { background-color:#ebebeb }


.permanent .list-txt-box{margin-top:30px;padding-left:15px;}
.permanent .list-txt-box h3{font-size:18px;}
.permanent .list-txt-box h3 span{display: inline-block;font-size:14px;margin-left:10px;}
.permanent .list-txt-box p{margin-top:15px;font-size:14px;color:#555;}

.permanent .list-txt-box h5{font-size:18px;}
.permanent .list-txt-box h5 span{display: inline-block;font-size:14px;margin-left:10px;}


.list-type3{}
.list-type3 ul{display: flex;flex-wrap: wrap;}
.list-type3 ul li{width: 50%;border:1px solid #e2e2e2;padding:20px;}
.list-type3 ul li a{display: block;}
.list-type3 ul li .img{}
.list-type3 ul li .img img{display: block;width:100%;}
.list-type3 ul li .txt-box{position: relative;margin-top:10px;}
.list-type3 ul li .txt-box span{display: inline-block;padding:2px 5px;font-size:12px;background: #333;color:#fff;}
.list-type3 ul li .txt-box h3{margin-top: 5px;font-size: 14px;color: #333;}


/* 20230908 핫라인 */
.a-td{background: #f4f4f4;}
.a-td td.subject a{position: relative;padding-left: 25px;}
.a-td td.subject a:before{content: "";position:absolute;left:5px;display: inline-block;width:17px;height:16px;background: url(/_public/images/board/ico_line.png) no-repeat;background-size: cover;}
.status-bagde{position: relative;display: inline-block;font-size: 13px;font-weight: normal;letter-spacing: -0.8px;color: #fff;line-height: 25px;padding:0 9px;background: #222;}

.password_pop{padding:20px;text-align: center;}
.password_pop .ptitle{font-size:18px;}
.password_pop p{margin:10px 0;font-size:14px;}
.password_pop .secretbox{margin-top:20px;display: flex;gap:5px;align-items: center;;}
.password_pop .pop_btn{margin-top:20px;display: flex;gap:5px;align-items: center;;}
.password_pop .pop_btn a{flex:1;display: inline-block;background: #222;color:#fff;padding:0 5px;line-height: 30px;}
.password_pop .pop_btn button{flex:1;display: inline-block;background: #222;color:#fff;padding:0 5px;line-height: 30px;}


.file_box{}
.file_box label{display: inline-block;line-height: 30px;padding:0 10px;color:#fff;font-size:14px;background: #222;}

.upload-list{margin-top:20px;}
.upload-list ul{}
.upload-list ul li{font-size:14px;display: flex;align-items: center;gap: 10px;}
.upload-list ul li button{display: inline-block;line-height: 25px;padding:0 5px;border:1px solid #222;color:#222;}
.upload-list ul li + li{margin-top:5px;}




/* 20231005 포럼 */
.forum{font-family: 'KoPub Dotum', 'GmarketSans';}
.forum .c-white{color:#fff !important}
.forum .tit{font-size: 20px;font-weight: bold;color: #222;}
.forum .conWrapBox{}
.forum-info{}
.forum-info .img{width:100%}
.forum-info .img img{display: block;width:100%;}
.forum-info .txt-box{margin-top:30px;}
.forum-info .txt-box h2{font-family: 'GmarketSans';font-size: 30px;font-weight: bold;line-height:1.08;  letter-spacing: -1.36px; color: #000;}
.forum-info .txt-box h3{ font-family: 'KoPub Dotum';font-size: 25px;font-weight: bold;line-height: 1.35;}
.forum-info .txt-box p{margin-top:20px;font-size: 15px;font-weight: normal;line-height: 1.44;letter-spacing: -0.9px;color: #000;word-break: keep-all;}
.forum-info .txt-box p span{font-weight: bold;color:#015a9e;}
.forum-info .txt-box dl{margin-top:20px;}
.forum-info .txt-box dl dt{width:70px;font-size: 15px;font-weight: bold;letter-spacing: -0.9px;color: #2d2d2d;}
.forum-info .txt-box dl dd{padding:0 0 5px 70px;font-size: 15px;font-weight: normal;letter-spacing: -0.9px;color: #2d2d2d;}
.forum-info .txt-box .button-box{margin-top:20px;text-align: center;}
.forum-info .txt-box .button-box a{display: inline-block;width:100%;line-height: 45px;border-radius: 10px;background-color: #014E9D;font-size: 15px;font-weight: bold;letter-spacing: -0.45px;color: #fff;text-align: center;}
.forum-info .txt-box .button-box .btnBc{margin-top:10px;display: block;;width:100%;}
.forum-info .txt-box .button-box .btnBc a{background-color: #012063;}
.forum-info .txt-box .button-box2{margin-top:20px;text-align: center;}
.forum-info .txt-box .button-box2 button{display: inline-block;text-align: center;width:100%;line-height: 45px;border-radius: 10px;background: #115F60;font-size: 15px;font-weight: bold;letter-spacing: -0.45px;color: #fff;}
.forum-info .txt-box .button-box2 button + button{margin-top:10px;}
.forum-info .txt-box .button-box2 button:first-child{background:#1A6200;}

.forum .table-box{overflow-x: auto;}
.forum .table-box .tbTypeA{table-layout: fixed;width:500px !important;}
.forum .table-box .tbTypeA thead th.black{background: #000;color:#fff ;}
.forum .table-box .tbTypeA thead th.blue{background: #014E9D;color:#fff;border-color:#004b9a;}
.forum .table-box .tbTypeA thead th.green{background: #1A6200;color:#fff;border-color:#008d1c;}
.forum .table-box .tbTypeA thead th.green2{background: #115F60;color:#fff;border-color:#0c9895;}
.forum .table-box .tbTypeA thead th{font-size:14px;}
.forum .table-box .tbTypeA p{}
.forum .table-box .tbTypeA p span{margin:0 3px;color:#cac9c9;display: inline-block;position: relative;top: -1px;}
.forum .table-box .tbTypeA tbody tr td{font-size:13px;}
.forum .info-txt{margin-top:10px;text-align: right;font-size: 15px;font-weight: normal;color: #000;}
.forum .flex-box{padding:0 20px;}
.forum .flex-box .qr-img{text-align: center;}
.forum .flex-box .right-con{text-align: right;margin-top:20px;}
.forum .flex-box .right-con h4{padding-top:16px;position: relative;font-size: 16px;font-weight: bold;letter-spacing: -0.9px;color: #000;}
.forum .flex-box .right-con h4:before{content: "";display: block;position: absolute;top:0;right:0;width:64px;height:3px;background: #2daaab;}
.forum .flex-box .right-con p{margin-top:5px;display: flex;gap:5px;justify-content: flex-end;}
.forum .flex-box .right-con p span{display: inline-block;font-size: 14px;font-weight: normal;letter-spacing: -0.45px;color: #000;}
.forum .flex-box .right-con p span em{color:#004141;}
.forum .flex-box .right-con ul{display:flex;margin-top:35px;gap:15px;align-items: flex-end;}
.forum .flex-box .right-con ul li{}
.forum .flex-box .right-con ul li:first-child{position: relative;top: 2px;}
.forum .flex-box .right-con ul li img{display: block;}

.forum-layer{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 99999;}
.forum-layer .close-forum{position: absolute;top:20px;right:20px;z-index: 10;width:30px;}
.forum-layer .img-wrap{position: fixed;top:70px;left: 50%;width:100%;height:100%;transform: translateX(-50%);max-width: 90%;max-height: calc(90% - 50px);overflow-y: auto;}
.forum-layer .img-wrap img{display: block;width:100%;}

.s2_2_1_con h3 span{font-size:16px;}
.s2_2_1_con .img02_box { margin-top: 30px;}
.s2_2_1_con .img02_box + .img02_box{margin-top:50px;}
.s2_2_1_con .img02_box div { margin-top: 30px}
.s2_2_1_con .img02_box div p.p2box { margin-bottom: 30px;}

.noti-box{padding:30px 20px;background: #f4f4f4;border:1px solid #d2d2d2;}


collection-data{}
.collection-data .list{}
.collection-data .list .list-top{display: flex;justify-content:center;align-items: center;}
.collection-data .list .list-top span{display: inline-block;font-size:16px;}
.collection-data .list ul{margin-top:20px;border-top: 1px solid #222;}
.collection-data .list ul li{position: relative;border-bottom: 1px solid #f1f1f1;}
.collection-data .list ul li:nth-child(even){border-left: 1px solid #f1f1f1;}
.collection-data .list ul li a{display: flex;flex-direction: column;position:relative;padding:20px 20px 45px;gap:20px;}
.collection-data .list ul li .img{width:100%}
.collection-data .list ul li .img img{display: block;width:100%;}
.collection-data .list ul li .txt-box{}
.collection-data .list ul li .txt-box h3{font-size:20px;}
.collection-data .list ul li .txt-box strong.titdata {font-size:20px;}
.collection-data .list ul li .txt-box dl{margin-top:20px;}
.collection-data .list ul li .txt-box dl dt{position:relative;width:85px;font-size:14px;padding-left:10px;}
.collection-data .list ul li .txt-box dl dt:before{content: "";display: inline-block;;width:3px;height:3px;background: #222;border-radius: 100%;position: absolute;left:0;top:8px;}
.collection-data .list ul li .txt-box dl dd{padding:0 0 5px 85px;font-size:14px;}
.collection-data .list ul li i{font-size:0;position: absolute;;right:0;bottom:0;width:40px;height:40px;background: url(/_public/images/collection/view_icon.png) no-repeat;background-size: cover;}
.collection-data .list ul li:hover a{background: #f2f2f2;}
.collection-data .list ul li:hover i{background: url(/_public/images/collection/view_icon_on.png) no-repeat;background-size: cover;}
.collection-data .view{}
.collection-data .view .view-top{padding:20px;border-top:2px solid #9b9b9b;border-bottom:1px solid #f1f1f1;display: flex;flex-direction: column;gap:20px;}
.collection-data .view .view-top .img{width:100%;}
.collection-data .view .view-top .img img{display: block;width:100%;}
.collection-data .view .view-top .txt-box{padding-top:10px;}
.collection-data .view .view-top .txt-box h3{font-size:20px;}
.collection-data .view .view-top .txt-box dl{margin-top:30px;}
.collection-data .view .view-top .txt-box dl dt{position:relative;width:85px;font-size:14px;padding-left:10px;}
.collection-data .view .view-top .txt-box dl dt:before{content: "";display: inline-block;;width:3px;height:3px;background: #222;border-radius: 100%;position: absolute;left:0;top:8px;}
.collection-data .view .view-top .txt-box dl dd{padding:0 0 5px 85px;font-size:14px;}
.collection-data .view .view-content{padding:20px;border-bottom:1px solid #f1f1f1;text-align:center;}
.collection-data .view .slide-box{margin-top:30px;}
.collection-data .view .slide-box h4{font-size:18px;margin-bottom: 10px;}
.collection-data .view .img-slide .slick-slide{margin:0 5px;height:auto;}
.collection-data .view .img-slide .slick-slide .img{position: relative;padding-top:75%;overflow: hidden;}
.collection-data .view .img-slide .slick-slide img{display: block;width:100%;}
.collection-data .view .img-slide .slick-slide p{display: block;margin-top:10px;font-size:14px;text-align: center;;}
.collection-data .view .slick-arrow{width:40px;height:40px;top:40%;transform: translateY(-50%);}
.collection-data .view .slick-prev{left:10px;background: url(/_public/images/collection/target_left.png) no-repeat;background-size: cover;;}
.collection-data .view .slick-next{right:10px;background: url(/_public/images/collection/target_right.png) no-repeat;background-size: cover;;}
.collection-data .view table{margin-top:50px;table-layout: fixed;}
.collection-data .view table thead tr th{font-size:13px;}
.collection-data .view table tbody tr td{font-size:13px;border-right:0;word-break: break-all;;}


/*비전*/
.vision{}
.vision figure{margin-bottom: 20px;}
.vision figure img{display: block;width:100%;}
.vision .txt-box{position: relative;}
.vision .txt-box h2{font-size:16px;}
.vision .txt-box h4{font-size:16px;}
.vision .txt-box p{margin-top:10px;font-size: 13px;font-weight: 500;color: #3a393e;word-break: keep-all;}
.vision .txt-box p + h2{margin-top:20px;}
.vision .txt-box p + h4{margin-top:20px;}


.vision .txt{font-size:14px;text-align: center;}
.vision .list1{display: flex;gap:20px;flex-wrap: wrap;}
.vision .list1 li{width:calc(50% - 10px);display:flex;flex-direction: column;align-items: center;padding:30px 0;border:1px solid #202020}
.vision .list1 li i{display: inline-block;width:45px;}
.vision .list1 li i img{display:block;}
.vision .list1 li span{display: inline-block;margin-top: 10px;font-size: 14px;font-weight: 500;  letter-spacing: -0.45px;  text-align: center;  color: #151618;}
.vision .list2{display: flex;gap:20px;flex-wrap: wrap;}
.vision .list2 li{position:relative;width:calc(50% - 10px);display:flex;flex-direction: column;align-items: center;padding:30px 0;border:1px solid #202020}
.vision .list2 li i{display: inline-block;width:45px;}
.vision .list2 li i img{display:block;}
.vision .list2 li span{display: inline-block;margin-top: 10px;font-size: 14px;font-weight: 500;  letter-spacing: -0.45px;  text-align: center;  color: #151618;}
.vision .list2 li:nth-child(odd){background: #202020;}
.vision .list2 li:nth-child(odd) span{color:#fff;}
.vision .list3{}
.vision .list3 ul{display: flex;}
.vision .list3 ul + ul{border-top:1px solid #ccc;}
.vision .list3 ul li{padding:20px;flex:1;display: flex;flex-direction: column;;align-items: center;}
.vision .list3 ul li + li{}
.vision .list3 ul li i{display: flex;width:50px;height:50px;border:1px solid #202020;font-size: 20px;font-weight: 500;letter-spacing: -0.75px;text-align: center;  color: #202020;align-items: center;justify-content: center;font-style: normal;}
.vision .list3 ul li h4{margin-top:10px;font-size: 16px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #151618;line-height: 1.34;word-break: auto-phrase;}
.vision .list3 ul li h5{margin-top:10px;font-size: 16px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #151618;line-height: 1.34;word-break: auto-phrase;}
.vision .list3 ul li p{margin-top:20px; font-size: 14px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #202020;word-break: auto-phrase;}
.vision .list3 ul li p + p{}
.vision .list3 ul:nth-child(odd) li i{background: #202020;color:#fff;}


.character{}
.character .img1{}
.character .img1 img{display: block;width:100%;}
.character .btnBc.down a{background-image: url(/_public/images/common/ic_down_w.png);}
.character .box{border: solid 1px #e9e9e9;border-top:1px solid #000;background-color: #fff;}
.character .box + .box{margin-top:60px;}
.character .box .inner{padding:40px 20px 35px;}
.character .box .inner h4{margin-bottom: 10px;font-size:18px;font-weight: bold;letter-spacing: -1.05px;  color: #28211b;text-align: center;}
.character .box .inner h5{margin-bottom: 10px;font-size:18px;font-weight: bold;letter-spacing: -1.05px;  color: #28211b;text-align: center;}
.character .box .inner p{margin-bottom:20px;word-break: keep-all;}
.character .box .inner figure{text-align: center;}
.character .box .inner figure + figure{margin-top:65px;}
.character .box .inner figure figcaption{margin-top:35px;padding-left: 65px;text-align: left;display: block;font-size: 18px;font-weight: 500;letter-spacing: -0.9px;color: #28211b;}
.character .color-box{padding-top:20px;display: flex;flex-wrap: wrap;gap: 30px 5%;}
.character .color-box li{width:29.3333%;}
.character .color-box li .color span{display: block;font-size:13px;color:#fff;}
.character .color-box li p{font-size:12px;margin-top:5px;}
.character .color-box.type1 li .color{height:70px;padding:5px;}
.character .color-box.type1 li .color span{display: block;color:#000;}
.character .color-box.type1 li .color1{background: #e9e5e2;}
.character .color-box.type1 li .color2{background: #fac64d;}
.character .color-box.type1 li .color3{background: #f6ae5f;}
.character .color-box.type1 li .color4{background: #000;}
.character .color-box.type1 li .color4 span{color:#fff;}
.character .color-box.type1 li .color5{background: #fff;border:1px solid #b9b8b8;}
.character .color-box.type1 li .color5 span{color:#000;}
.character .color-box.type2 li .color{height:70px;padding:5px;}

.character .color-box.type2 li .color1{background: #f3a1a4;}
.character .color-box.type2 li .color2{background: #ec6b56;}
.character .color-box.type2 li .color3{background: #e94b4e;}
.character .color-box.type2 li .color4{background: #8ad0e0;}
.character .color-box.type2 li .color4 span{color:#000;}
.character .color-box.type2 li .color5{background: #000;}
.character .color-box.type2 li .color6{background: #fff;border:1px solid #b9b8b8;}
.character .color-box.type2 li .color6 span{color:#000;}


/* 기증자 현황 20231220 */
.donor-status .top-list{display: flex;flex-direction: column;align-items: flex-start;;gap:10px;}
.donor-status .top-list > div{flex:1;display: flex;align-items: center;justify-content: space-between;background: #000;padding:25px 30px;width:100%;}
.donor-status .top-list > div h2{position:relative;display: flex;flex-direction: column;align-items: flex-start;;gap:10px;padding-left: 40px; font-size: 18px;font-weight: bold;color: #fff;}
.donor-status .top-list > div h2 span{display:block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div h2::before{content: "";position:absolute;top:-8px;left:0;display: inline-block;width:30px;height:30px;background: url(/_public/images/collection/donor_ico01.svg) no-repeat;background-size: cover;}
.donor-status .top-list > div h3{position:relative;display: flex;flex-direction: column;align-items: flex-start;;gap:10px;padding-left: 40px; font-size: 18px;font-weight: bold;color: #fff;}
.donor-status .top-list > div h3 span{display:block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div h3::before{content: "";position:absolute;top:-8px;left:0;display: inline-block;width:30px;height:30px;background: url(/_public/images/collection/donor_ico01.svg) no-repeat;background-size: cover;}
.donor-status .top-list > div:last-child h3::before{position:relative;display: flex;flex-direction: column;align-items: flex-start;;gap:10px;padding-left: 40px; font-size: 18px;font-weight: bold;color: #fff;}

.donor-status .top-list > div strong.nnmer01{position:relative;display: flex;flex-direction: column;align-items: flex-start;;gap:10px;padding-left: 40px; font-size: 18px;font-weight: bold;color: #fff;}
.donor-status .top-list > div strong.nnmer01 span{display:block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div strong.nnmer01::before{content: "";position:absolute;top:-3px;left:0;display: inline-block;width:30px;height:30px;background: url(/_public/images/collection/donor_ico01.svg) no-repeat;background-size: cover;}
.donor-status .top-list > div:last-child strong.nnmer01::before{background: url(/_public/images/collection/donor_ico02.svg) no-repeat;background-size: cover;}


.donor-status .top-list > div p{font-size: 16px;font-weight: 500;color: #fff;}
.donor-status .top-list > div p strong{display: inline-block;font-size: 26px;font-weight: bold;}
.donor-status .collection-search{display: flex;}
.donor-status .list-box{background: #fff;padding:0px 0px 30px;}
.donor-status .list-box h3{text-align: center;font-size: 24px;font-weight: 500;letter-spacing: -0.72px;color: #202020;line-height: 1.3;word-break: keep-all;}
.donor-status .list-box h3 strong{font-weight: bold;}
.donor-status .list-box .list{padding:20px 0;}
.donor-status .list-box .list h4{font-size: 20px;font-weight: bold;letter-spacing: -0.48px;color: #202020;padding-bottom: 10px;border-bottom: 2px solid #202020;}
.donor-status .list-box .list ul{margin-top:20px;display: flex;flex-wrap: wrap;gap:12px;}
.donor-status .list-box .list ul li{width: calc(50% - 6px);}
.donor-status .list-box .list ul li a{display: flex;font-size: 14px;font-weight: 500;text-align: center;color: #202020;height: 100%;background: #fff;align-items: center;justify-content: center;padding: 10px 5px;border:5px solid #f8f8f8;}
.donor-status .list-box .list ul li a:hover{border-color:#000;}
.donor-status .list-box .list ul li a:focus{border: 5px solid #000 !important;}
.donor-status .list-box .list-wrap{}
.donor-status .list-box .list.color-2023 ul li a{border:5px solid #f1e8ed;}
.donor-status .list-box .list.color-2023 ul li:hover a{border-color: #b890aa;}
.donor-status .list-box .list.color-2023 ul li a:focus{border: 5px solid #b890aa !important;}

.donor-status .list-box .list.color-2022 ul li a{border:5px solid #e0e3e6;}
.donor-status .list-box .list.color-2022 ul li:hover a{border-color: #49687d;}
.donor-status .list-box .list.color-2022 ul li a:focus{border: 5px solid #49687d !important;}

.donor-status .list-box .list.color-2021 ul li a{border:5px solid #d7e4ee;}
.donor-status .list-box .list.color-2021 ul li:hover a{border-color: #4c8abb;}
.donor-status .list-box .list.color-2021 ul li a:focus{border: 5px solid #4c8abb !important;}

.donor-status .list-box .list.color-2020 ul li a{border:5px solid #d9e4df;}
.donor-status .list-box .list.color-2020 ul li:hover a{border-color: #90aa83;}
.donor-status .list-box .list.color-2020 ul li a:focus{border: 5px solid #90aa83 !important;}

.donor-status .list-box .list.color-2019 ul li a{border:5px solid #dfdfe6;}
.donor-status .list-box .list.color-2019 ul li:hover a{border-color: #5d6991;}
.donor-status .list-box .list.color-2019 ul li a:focus{border: 5px solid #5d6991 !important;}

.donor-status .list-box .list.color-2018 ul li a{border:5px solid #fceacd;}
.donor-status .list-box .list.color-2018 ul li:hover a{border-color: #e6b364;}
.donor-status .list-box .list.color-2018 ul li a:focus{border: 5px solid #e6b364 !important;}

.donor-status .list-box .list.color-2017 ul li a{border:5px solid #ecdce3;}
.donor-status .list-box .list.color-2017 ul li:hover a{border-color: #aa6577;}
.donor-status .list-box .list.color-2017 ul li a:focus{border: 5px solid #aa6577 !important;}

.donor-status .list-box .list.color-2016 ul li a{border:5px solid #efdddc;}
.donor-status .list-box .list.color-2016 ul li:hover a{border-color: #d37a76;}
.donor-status .list-box .list.color-2016 ul li a:focus{border: 5px solid #d37a76 !important;}

.donor-status .list-box .list.color-2015 ul li a{border:5px solid #e9dddc;}
.donor-status .list-box .list.color-2015 ul li:hover a{border-color: #c85c52;}
.donor-status .list-box .list.color-2015 ul li a:focus{border: 5px solid #c85c52 !important;}

.donation-list{display: flex;gap:20px;flex-wrap: wrap;}
.donation-list li{width:calc(50% - 10px);}
.donation-list li .photo2{}
.donation-list li .photo2 img{display: block;width:100%;}
.donation-list li em{display: block;margin-top:15px;font-size: 14px;font-weight: normal;letter-spacing: -0.7px;color: #555;}
.donation-list li .tit{margin-top:5px;font-size: 16px;font-weight: normal;letter-spacing: -0.8px;color: #1e2225;}
.donation-list li .btnBc{margin-top:15px;display:block;}
.donation-list li .btnBc a{line-height: 38px;display:block;}


.complaints{}
.complaints .txt{font-size: 16px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #424249;word-break: keep-all;}
.complaints .box{margin-top:40px;border: solid 1px #cacaca;padding:58px 20px 40px;}
.complaints .box .flex-box{display: flex;align-items:center;justify-content: center;flex-direction: column;gap:20px;}
.complaints .box .flex-box span{display:inline-block;width:170px;}
.complaints .box .flex-box span img{display:block;}
.complaints .box .flex-box a{position: relative;display:inline-block;padding-right: 29px;font-size: 16px;font-weight: 500;letter-spacing: -0.45px;color: #162528;}
.complaints .box .flex-box a:after{content: "";position: absolute;top:3px;right:0;display: inline-block;width:18px;height:18px;background: url(/_public/images/knmm/ico_link.png) no-repeat;background-size: cover;}
.complaints .box p{margin-top:40px;font-size: 15px;font-weight: normal;line-height: 1.88;letter-spacing: -0.4px;color: #5d5d61;word-break: keep-all;}



.ships-cont{position: relative;}
.ships-cont .box{}
.ships-cont .box .slide-box{position:relative;width:100%;overflow: hidden;}
.ships-cont .box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:10px;display: flex;width:100%;z-index: 1;align-items: center;justify-content: center;gap:5px;}
.ships-cont .box .slide-box .control-box .btn{}
.ships-cont .box .slide-box .control-box .btn button{display: none;}
.ships-cont .box .slide-box .control-box .btn button img{display:block;}
.ships-cont .box .slide-box .control-box .btn button.active{display:block;}
.ships-cont .box .slide-box .swiper-pagination{display: flex;gap:5px;}
.ships-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius: 100%;border:2px solid #fff;font-size:0;}
.ships-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.ships-cont .box .txt-box{width:100%;margin-top:40px;}
.ships-cont .box .txt-box .title-box{}
.ships-cont .box .txt-box .title-box .title{text-align: center;}
.ships-cont .box .txt-box .title-box .title em{display: block;font-size: 16px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.ships-cont .box .txt-box .title-box .title span{display: block;font-size: 18px;font-weight: normal;letter-spacing: -0.61px;color: #000;}
.ships-cont .box .txt-box .title-box .title h2{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.ships-cont .box .txt-box .title-box .title h2:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.ships-cont .box .txt-box .title-box .title h3{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}

.ships-cont .box .txt-box .title-box .title h4{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.ships-cont .box .txt-box .title-box .title h4:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.ships-cont .box .txt-box .title-box .title h5{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.ships-cont .box .txt-box .title-box .title h5:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}

.ships-cont .box .txt-box .title-box .title h3:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.ships-cont .box .txt-box .title-box .img{margin-top:20px;}
.ships-cont .box .txt-box .title-box .img img{display: block;width:100%;}
.ships-cont .box .txt-box .txt{margin-top: 20px;font-size: 14px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.ships-cont .box .txt-box ul{margin-top:30px;}
.ships-cont .box .txt-box ul li{}
.ships-cont .box .txt-box ul li + li{margin-top:10px;}
.ships-cont .box .txt-box ul li a{position: relative;border:1px solid #9b9b9b;display: flex;flex-direction: column;height:60px;padding-left: 50px;justify-content: center;font-size: 15px;font-weight: 500;letter-spacing: -0.45px;color: #222;}
.ships-cont .box .txt-box ul li a::before{content: "";position: absolute;left:15px;display: block;width:20px;height:20px;background: url(/_public/images/exhibition/ico_audio.png) no-repeat;background-size: cover;}
.ships-cont .box .txt-box ul li a em{display: block;color:#555;}
.ships-cont .flex-box{}
.ships-cont .flex-box .slide-box{margin-top:20px;position:relative;width:100%;overflow: hidden;}
.ships-cont .flex-box .slide-box .swiper-slide{position: relative;}
.ships-cont .flex-box .slide-box .swiper-slide img{display: block;}
.ships-cont .flex-box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:10px;display: flex;width:100%;z-index: 1;align-items: center;justify-content: center;gap:5px;}
.ships-cont .flex-box .slide-box .control-box .btn{}
.ships-cont .flex-box .slide-box .control-box .btn button{display: none;}
.ships-cont .flex-box .slide-box .control-box .btn button img{display:block;}
.ships-cont .flex-box .slide-box .control-box .btn button.active{display:block;}
.ships-cont .flex-box .slide-box .swiper-pagination{display: flex;gap:5px;}
.ships-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius: 100%;border:2px solid #fff;font-size:0;}
.ships-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.ships-cont .flex-box .txt-box{width:100%;}
.ships-cont .flex-box .txt-box .title{text-align: center;}
.ships-cont .flex-box .txt-box .title em{display: block;font-size: 16px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.ships-cont .flex-box .txt-box .title h3{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.ships-cont .flex-box .txt-box .title h3:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.ships-cont .flex-box .txt-box .title h5{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.ships-cont .flex-box .txt-box .title h5:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.ships-cont .flex-box .txt-box .txt{margin-top: 20px;font-size: 14px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.ships-cont .flex-box .txt-box ul{margin-top:20px;}
.ships-cont .flex-box .txt-box ul li{position: relative;width:100%;}
.ships-cont .flex-box .txt-box ul li + li{margin-top:-1px;}
.ships-cont .flex-box .txt-box ul li a{position: relative;display: flex;align-items: center;height:60px;border-top:1px solid #000;border-bottom:1px solid #000;font-size: 15px;font-weight: 500;letter-spacing: -1.35px;color: #000;}
.ships-cont .flex-box .txt-box ul li a::before{content: "";position: absolute;right:5px;display: block;width:16px;height:16px;background: url(/_public/images/exhibition/ico_audio.png) no-repeat;background-size: cover;}
.ships-cont .flex-box .txt-box ul li.none a::before{display: none;}


.industry-cont{position: relative;}
.industry-cont .box{}
.industry-cont .box .slide-box{position:relative;width:100%;overflow: hidden;}
.industry-cont .box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:10px;display: flex;width:100%;z-index: 1;align-items: center;justify-content: center;gap:5px;}
.industry-cont .box .slide-box .control-box .btn{}
.industry-cont .box .slide-box .control-box .btn button{display: none;}
.industry-cont .box .slide-box .control-box .btn button img{display:block;}
.industry-cont .box .slide-box .control-box .btn button.active{display:block;}
.industry-cont .box .slide-box .swiper-pagination{display: flex;gap:5px;}
.industry-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius: 100%;border:2px solid #fff;}
.industry-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.industry-cont .box .txt-box{width:100%;margin-top:40px;}
.industry-cont .box .txt-box .title-box{}
.industry-cont .box .txt-box .title-box .title{text-align: center;}
.industry-cont .box .txt-box .title-box .title em{display: block;font-size: 16px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.industry-cont .box .txt-box .title-box .title span{display: block;font-size: 18px;font-weight: normal;letter-spacing: -0.61px;color: #000;}
.industry-cont .box .txt-box .title-box .title h2{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.industry-cont .box .txt-box .title-box .title h2:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}

.industry-cont .box .txt-box .title-box .title h4{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.industry-cont .box .txt-box .title-box .title h4:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.industry-cont .box .txt-box .title-box .img{margin-top:20px;}
.industry-cont .box .txt-box .title-box .img img{display: block;width:100%;}
.industry-cont .box .txt-box .txt{margin-top: 20px;font-size: 14px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.industry-cont .box .txt-box ul{margin-top:30px;}
.industry-cont .box .txt-box ul li{}
.industry-cont .box .txt-box ul li + li{margin-top:10px;}
.industry-cont .box .txt-box ul li a{position: relative;border:1px solid #9b9b9b;display: flex;flex-direction: column;height:60px;padding-left: 50px;justify-content: center;font-size: 15px;font-weight: 500;letter-spacing: -0.45px;color: #222;}
.industry-cont .box .txt-box ul li a::before{content: "";position: absolute;left:15px;display: block;width:20px;height:20px;background: url(/_public/images/exhibition/ico_audio.png) no-repeat;background-size: cover;}
.industry-cont .box .txt-box ul li a em{display: block;color:#555;}
.industry-cont .flex-box{}
.industry-cont .flex-box .slide-box{margin-top:20px;position:relative;width:100%;overflow: hidden;}
.industry-cont .flex-box .slide-box .swiper-slide{position: relative;}
.industry-cont .flex-box .slide-box .swiper-slide img{display: block;}
.industry-cont .flex-box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:10px;display: flex;width:100%;z-index: 1;align-items: center;justify-content: center;gap:5px;}
.industry-cont .flex-box .slide-box .control-box .btn{}
.industry-cont .flex-box .slide-box .control-box .btn button{display: none;}
.industry-cont .flex-box .slide-box .control-box .btn button img{display:block;}
.industry-cont .flex-box .slide-box .control-box .btn button.active{display:block;}
.industry-cont .flex-box .slide-box .swiper-pagination{display: flex;gap:5px;}
.industry-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius: 100%;border:2px solid #fff;font-size:0;}
.industry-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.industry-cont .flex-box .txt-box{width:100%;}
.industry-cont .flex-box .txt-box .title{text-align: center;}
.industry-cont .flex-box .txt-box .title em{display: block;font-size: 16px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.industry-cont .flex-box .txt-box .title h3{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.industry-cont .flex-box .txt-box .title h3:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.industry-cont .flex-box .txt-box .title h5{position: relative;margin-top:10px;font-size: 26px;font-weight: 500;letter-spacing: -1.34px;color: #000;padding-bottom: 46px;}
.industry-cont .flex-box .txt-box .title h5:after{content: "";position: absolute;bottom:0;left:50%;transform: translateX(-50%);width:1px;height:26px;background: #000;}
.industry-cont .flex-box .txt-box .txt{margin-top: 20px;font-size: 14px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.industry-cont .flex-box .txt-box ul{margin-top:20px;}
.industry-cont .flex-box .txt-box ul li{position: relative;width:100%;}
.industry-cont .flex-box .txt-box ul li + li{margin-top:-1px;}
.industry-cont .flex-box .txt-box ul li a{position: relative;display: flex;align-items: center;height:60px;border-top:1px solid #000;border-bottom:1px solid #000;font-size: 15px;font-weight: 500;letter-spacing: -1.35px;color: #000;}
.industry-cont .flex-box .txt-box ul li a::before{content: "";position: absolute;right:5px;display: block;width:16px;height:16px;background: url(/_public/images/exhibition/ico_audio.png) no-repeat;background-size: cover;}
.industry-cont .flex-box .txt-box ul li.none a::before{display: none;}


.floor{}
.floor .btn-down{margin:0 0 20px;;display: flex;align-items: center;justify-content:center;;width:100%;height: 45px;background: #000;font-size: 14px;font-weight: normal;letter-spacing: -0.16px;color: #fff;gap:18px;}
.floor .btn-down:after{content: "";display: inline-block;width: 15px;height: 16px;background: url(/_public/images/common/ic_down_w.png) no-repeat;background-size: cover;}
.floor .hgroup{}
.floor .hgroup h3{text-align:center;;font-size:18px;font-weight: 500;letter-spacing: normal;color: #202018;word-break: keep-all;}
.floor .hgroup h3 strong{font-size:24px;}
.floor .hgroup h4{margin-top:30px;font-size: 16px;font-weight: bold;color: #202018;word-break: keep-all;}

.floor .hgroup h5{text-align:center;;font-size:18px;font-weight: 500;letter-spacing: normal;color: #202018;word-break: keep-all;}
.floor .hgroup h5 strong{font-size:24px;}
.floor .hgroup h6{margin-top:30px;font-size: 16px;font-weight: bold;color: #202018;word-break: keep-all;}
.floor .flex-box .right .txt h6{font-size: 18px;font-weight: 500;color: #202018;word-break: keep-all;}

.floor .hgroup p{margin-top:10px;font-size: 14px;font-weight: normal;line-height: 1.31;color: #555;word-break: keep-all;}
.floor .flex-box{margin-top: 30px;display: flex;flex-direction: column;gap:30px;padding-bottom: 30px;}
.floor .flex-box + .flex-box{margin-top:0;border-top:1px solid #e6e6e7;padding-top:30px;}
.floor .flex-box .img-box{text-align: center;}
.floor .flex-box .img-box img{}
.floor .flex-box .right{display: flex;flex-direction: column;justify-content: space-between;gap:15px;}
.floor .flex-box a{margin-top:20px;display: flex;align-items: center;justify-content:space-between;;width:100%;height: 45px;border: 1px solid #565656; font-size: 14px;font-weight: normal;letter-spacing: -0.16px;color: #000;padding:0 38px 0 29px;}
.floor .flex-box a:after{content: "";display: inline-block;width: 24px;height: 11px;background: url(/_public/images/fair/ico_view.png) no-repeat;background-size: cover;}
.floor .flex-box .right .txt{}
.floor .flex-box .right .txt h4{font-size: 18px;font-weight: 500;color: #202018;word-break: keep-all;}
.floor .flex-box .right .txt em{display: block;margin-top:15px;font-size: 16px;font-weight: bold;line-height: 1.33;color: #202018;word-break: keep-all;}
.floor .flex-box .right .txt p{margin-top:10px;font-size: 14px;font-weight: normal;line-height: 1.5;color: #555;word-break: keep-all;}


.viewing .qr-box{position:relative;;width:214px;margin: 0 auto;}
.viewing .qr-box .img img{display: block;width:100%;}
.viewing .qr-box a{display: flex;width:100%;height:54px;background: #222;align-items:center;justify-content: center; font-size: 16px;font-weight: normal;letter-spacing: -0.39px;color: #fff;gap:20px;}
.viewing .qr-box a:after{content: "";position: relative;width:17px;height:17px;display: block;background: url(/_public/images//information/blank_w.png) no-repeat;background-size: cover;}


.floorguide .qr-box{position:relative;;width:214px;margin: 0 auto;}
.floorguide .qr-box .img img{display: block;width:100%;}
.floorguide .qr-box a{display: flex;width:100%;height:54px;background: #222;align-items:center;justify-content: center; font-size: 16px;font-weight: normal;letter-spacing: -0.39px;color: #fff;gap:20px;}
.floorguide .qr-box a:after{content: "";position: relative;width:17px;height:17px;display: block;background: url(/_public/images//information/blank_w.png) no-repeat;background-size: cover;}


.bbsview-top{padding:20px 10px;}
.bbsview-top .img{padding:20px;}
.bbsview-top .img img{display: block;}
.bbsview-top .bbsview-info{margin-top:20px;}
.bbsview-top .bbsview-info h3{font-size: 20px;font-weight: 500;letter-spacing: -0.73px; color: #333;}
.bbsview-top .bbsview-info ul{display: flex;flex-wrap: wrap;gap:10px;margin-top:20px;}
.bbsview-top .bbsview-info ul li{position: relative;width:100%;padding-left: 90px;font-size: 14px;font-weight: normal;color: #000;}
.bbsview-top .bbsview-info ul li em{position:absolute;left:0;padding-left: 10px;font-weight:bold;}
.bbsview-top .bbsview-info ul li em::before{content: "";position: absolute;top:11px;left:0;width:3px;height:3px;border-radius: 100%;background: #000;}
.bbsview-top .bbsview-info .btn-box{margin-top:40px;display: flex;justify-content: center;gap:3px;}
.bbsview-top .bbsview-info .btn-box .btnBc{margin:0;}



.outsite-resv{font-family: 'Pretendard';}
.outsite-resv *{font-family: 'Pretendard';}
.outsite-resv .c-blue{color:#0031c7 !important;}
.outsite-resv .c-red{color:#d70102 !important}
.outsite-resv .c-sky{color:#398ccb !important}

.outsite-resv .outsite-header{position:relative;padding:25px 0 15px;display: flex;justify-content: space-between;align-items: center;gap:30px;}
.outsite-resv .outsite-header:after{content: "";position: absolute;left:0;bottom:0;width:100%;height:10px;background: url(/_public/images/common/header_line.png) no-repeat;background-size: contain;}
.outsite-resv .outsite-header .logo-box{display: flex;position: relative;}
.outsite-resv .outsite-header .logo-box span{display:inline-block;}
.outsite-resv .outsite-header .logo-box span img{display: block;max-width: 100%;}
.outsite-resv .outsite-header .home-btn{font-family: 'Cafe24Ssurround';display: flex;width:220px;height:50px;border-radius: 20px 5px 20px 20px;align-items: center;justify-content: center;gap:10px;font-size: 18px;font-weight:500;color: #fff;line-height: 1;}
.outsite-resv .outsite-header .home-btn::before{content: "";position:relative;top:-3px;display: inline-block;width:22px;height:21px;}
.outsite-resv .outsite-header .home-btn{background: #60c4de;}
.outsite-resv .outsite-header .home-btn::before{background: url(/_public/images/common/home_icon.png) no-repeat;background-size: cover;}
.outsite-resv .outsite-header .eng-btn{background: #3cb07a;}
.outsite-resv .outsite-header .eng-btn::before{background: url(/_public/images/common/global_icon.svg) no-repeat;background-size: cover;}
.outsite-resv .outsite-header .h-lang-box{display: flex;align-items: center;}
.outsite-resv .outsite-header .h-lang-box img{display: block;}

.outsite-resv .intro{height:100vh;display: flex;align-items: center;justify-content: center;text-align: center;width:100%;}
.outsite-resv .layout{position: relative;margin:0 auto;width:100%;max-width: 1000px;}
.outsite-resv .txt-box{background: #f4f4f4;padding:30px;}
.outsite-resv .txt-box h3{font-size: 18px;font-weight: bold;text-align: left;color: #222;}
.outsite-resv .txt-box ul{margin-top:10px;}
.outsite-resv .txt-box ul li{position: relative;font-size: 16px;font-weight: normal;line-height: 1.5;color: #222;padding-left: 10px;text-align: left;}
.outsite-resv .txt-box ul li::before{content: "";position: absolute;top:10px;left:0;width:2px;height:2px;border-radius: 100%;background: #222;}
.outsite-resv .intro a{display: inline-block;}
.outsite-resv .intro a img{display:block;}
.outsite-resv .intro .ci{display:flex;justify-content: center;}
.outsite-resv .intro .ci img{display:block;}
.outsite-resv .intro h1{font-family: 'Cafe24Ssurround';text-align: center;margin-top:25px;line-height: 1;font-size: 40px;font-weight: 500;color: #222;}
.outsite-resv .intro .txt-box{margin-top:60px;}
.outsite-resv .intro figure{margin-top:30px;}
.outsite-resv .intro figure img{display: block;margin:0 auto;}
.outsite-resv .intro .btn-box{margin-top:55px;display: flex;gap:20px;justify-content: center;}
.outsite-resv .intro .btn-box a{font-family: 'Cafe24Ssurround';display: flex;align-items: center;justify-content: center;width:360px;height:75px;line-height: 1;border-radius: 25px 5px 25px 25px;background: #222;font-size: 28px;font-weight:normal;text-align: center;color: #fff;}
.outsite-resv .intro .lang-box{margin-top:30px;display: flex;justify-content: center;gap:10px;}
.outsite-resv .intro .lang-box a{display: flex;align-items:center;width:160px;height: 50px;padding:0 20px;gap:15px;border: solid 1px #58b999;background-color: #fff;border-radius: 15px 5px 15px 15px; font-size: 18px;font-weight: bold;color: #099a3e;}
.outsite-resv .intro .lang-box a::before{content: "";position: relative;display: inline-block;width:30px;height:20px;}
.outsite-resv .intro .lang-box a.flag-en::before{background: url(/_public/images/flag_en.svg) no-repeat;background-size: cover;}
.outsite-resv .intro .lang-box a.flag-chn::before{background: url(/_public/images/flag_chn.svg) no-repeat;background-size: cover;}
.outsite-resv .intro .lang-box a.flag-jpn::before{background: url(/_public/images/flag_jpn.svg) no-repeat;background-size: cover;}

.outsite-resv .agree{padding-bottom: 35px;}
.outsite-resv .agree h1{font-family: 'Cafe24Ssurround';margin-top:45px;line-height: 1.43;font-size: 32px;font-weight: 500;text-align: center;color: #222;}
.outsite-resv .agree h1.mt60 {font-size:28px;margin-top:60px;}
.outsite-resv .agree h1 span{font-family: 'Cafe24Ssurround';display:inline-block;line-height: 1.43;font-size: 42px;font-weight: 500;text-align: center;color: #34aed6;}
.outsite-resv .agree figure{margin-top:25px;}
.outsite-resv .agree figure img{display: block;width:100%;}
.outsite-resv .agree ul{margin-top:35px;padding:30px 25px;display: flex;flex-wrap: wrap;gap:15px 30px;background: #f4f4f4;}
.outsite-resv .agree ul li{position:relative;padding-left: 9px;width:calc(50% - 15px);font-size: 17px;font-weight: normal;letter-spacing: -0.34px;color: #222;}
.outsite-resv .agree ul li::before{content: "";position: absolute;top:9px;left:0;display: block;;width:4px;height:4px;border-radius: 100%;background: #222;}
.outsite-resv .agree .btn-box{margin-top:35px;display: flex;gap:20px;justify-content: center;}
.outsite-resv .agree .btn-box a{font-family: 'Cafe24Ssurround';display: flex;align-items: center;justify-content: center;width:250px;height:65px;line-height: 1;border-radius:20px 5px 20px 20px;border:1px solid #e2e2e2;background: #fff;font-size: 20px;font-weight:500;text-align: center;color: #222;}
.outsite-resv .agree .btn-box a:first-child{border-color:#222;background: #222;color:#fff;}
.outsite-resv .agree .available .today {display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;}
.outsite-resv .agree .available .today > div {display:flex;gap:40px;width:100%;padding:20px;background:#f5f5f5;border-radius:20px 20px 5px 20px;}
.outsite-resv .agree .available .today > div p {font-size:15px;margin-bottom:8px;font-family: 'Cafe24Ssurround';}
.outsite-resv .agree .available .today > div h2 {font-size:26px;font-family: 'Cafe24Ssurround';}
.outsite-resv .agree .available .today > div h2 span {display:block;font-size:15px;margin-top:5px;font-weight:500;color:#505050;font-family:inherit;}
.outsite-resv .agree .available .today > div.time h2 {color:#398CCB;}
.outsite-resv .agree .available .resv-tbl {margin-top:25px;}
.outsite-resv .agree .available .resv-tbl table thead th {height:45px;font-size:16px;font-weight:700;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-top:1px solid #222;}
.outsite-resv .agree .available .resv-tbl table tbody td {height:45px;font-size:14px;border:1px solid #e2e2e2;text-align:center;}
.outsite-resv .agree .available .resv-tbl table tbody td.disabled {background:#f4f4f4;color:#505050;}



.outsite-resv .myresv{padding-bottom: 35px;}
.outsite-resv .myresv h1{font-family: 'Cafe24Ssurround';margin-top:45px;line-height: 1;font-size: 32px;font-weight: 500;text-align: center;color: #222;}
.outsite-resv .myresv .table-box{margin-top:25px;}
.outsite-resv .myresv .table-box .scroll-txt{margin-bottom: 10px;display: none;}
.outsite-resv .myresv .table-box table{border-top:2px solid #398ccb;table-layout: fixed;}
.outsite-resv .myresv .table-box table thead tr th{padding:12px 20px;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;font-size: 18px;font-weight: bold;color: #222;background: #f5fbff;}
.outsite-resv .myresv .table-box table thead tr th:first-child{border-left:0;}
.outsite-resv .myresv .table-box table tbody tr th{padding:12px 20px;border-bottom: 1px solid #e2e2e2;font-size: 18px;font-weight: bold;color: #222;background: #f5fbff;}
.outsite-resv .myresv .table-box table tbody tr td{text-align:left;padding:12px 20px;border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: 600;color: #222;}
.outsite-resv .myresv .table-box table tbody tr td input[type="text"],
.outsite-resv .myresv .table-box table tbody tr td input[type="tel"],
.outsite-resv .myresv .table-box table tbody tr td input[type="number"]{width:100%;height:40px;border-radius: 5px;border: solid 1px #e2e2e2;padding:0 15px;font-size: 16px;font-weight: normal;color: #595959;}
.outsite-resv .myresv .table-box table tbody tr td .input-group{display: flex;gap:30px;}
.outsite-resv .myresv .table-box table tbody tr td .input-flex{display: flex;gap:10px;}
.outsite-resv .myresv .table-box table tbody tr td .input-flex input[type="text"]{width:calc(100% - 170px);height:40px;}
.outsite-resv .myresv .table-box table tbody tr td .radio-box{display: flex;gap:10px;}
.outsite-resv .myresv .table-box table tbody tr td .radio-type3{position: relative;}
.outsite-resv .myresv .table-box table tbody tr td .radio-type3 input[type="radio"]{position: absolute;opacity: 0;}
.outsite-resv .myresv .table-box table tbody tr td .radio-type3 label{display: flex;align-items: center;justify-content: center;width:80px;height:40px;line-height: 1;border-radius: 5px;border: solid 1px #e2e2e2;background: #f4f4f4; font-size: 16px;font-weight: normal;text-align: center;color: #595959;}
.outsite-resv .myresv .table-box table tbody tr td .radio-type3 input[type="radio"]:checked + label{font-weight: 600;color:#fff;border-color:#222;background: #222;}
.outsite-resv .myresv .table-box table tbody tr td .total-num{display: flex;justify-content: space-between;}
.outsite-resv .myresv .table-box table tbody tr td .total-num em{display: inline-block;font-size: 18px;font-weight: bold;color: #222;}
.outsite-resv .myresv .table-box table tbody tr td .total-num span{display: inline-block;font-size: 18px;font-weight: normal;color: #222;}
.outsite-resv .myresv .table-box table tbody tr td .total-num span strong{font-weight: bold;}
.outsite-resv .myresv .table-box table tbody tr td .tel-wrap{display: flex;gap:2px;align-items: center;}
.outsite-resv .myresv .table-box table tbody tr td .tel-wrap input[type="tel"]{padding:0 5px;text-align: center;}
.outsite-resv .myresv .table-box table tbody tr td span{font-size:15px;}
.outsite-resv .myresv .table-box table tbody tr td .btn{display: flex;align-items: center;justify-content: center;font-size:14px;height:32px;width:100%;border-radius: 10px;border:1px solid #222;}
.outsite-resv .myresv .table-box table tbody tr td .btn + .btn{margin-top:5px;}
.outsite-resv .myresv .table-box table tbody tr td .btn1{background: #222;color:#fff;}
.outsite-resv .myresv .table-box table tbody tr td .btn2{background: #fff;color:#222;}
.outsite-resv .myresv .table-box table.case2 tbody tr td{ font-size: 15px;font-weight: normal;letter-spacing: -0.3px;text-align: center;color: #222;}
.outsite-resv .myresv .table-box table tbody tr td select{width:160px;height:40px;border-radius: 5px;border: solid 1px #e2e2e2;font-size: 16px;font-weight: 600;color: #222;}
.outsite-resv .myresv .view{margin-top:35px;display: flex;gap:60px;align-items: center;padding:0 115px;}
.outsite-resv .myresv .view .img{width:258px;display: flex;flex-direction: column;align-items: center;gap:25px;}
.outsite-resv .myresv .view figure{width:220px;display: flex;flex-direction: column-reverse;align-items: center;gap:20px;}
.outsite-resv .myresv .view figure figcaption{display: inline-block;font-size: 18px;font-weight: bold;text-align: center;color: #595959;}
.outsite-resv .myresv .view figure img{display:block;width:100%;}
.outsite-resv .myresv .view .table-box{border-left:1px solid #e2e2e2;width:calc(100% - 318px);}
.outsite-resv .myresv .view .table-box table tbody tr th{background: #f5fbff;}
.outsite-resv .myresv .view .table-box table tbody tr td{font-size:18px;font-weight: normal;}

.outsite-resv .myresv .btn-box{margin-top:35px;display: flex;gap:10px;justify-content: center;}
.outsite-resv .myresv .btn-box a{display: flex;align-items: center;justify-content: center;width:250px;height:65px;line-height: 1;border-radius:20px 5px 20px 20px;border:1px solid #e2e2e2;background: #fff;font-size: 20px;font-weight: bold;text-align: center;color: #222;}
.outsite-resv .myresv .btn-box a:first-child{border-color:#222;background: #222;color:#fff;}


.outsite-resv .resv1{padding: 60px 0;}
.outsite-resv .resv1 .flex-box{margin-top:40px;display: flex;gap:60px;}
.outsite-resv .resv1 .flex-box .left{width:222px;}
.outsite-resv .resv1 .flex-box .left h2{font-size: 35px;font-weight: bold;color: #222;}
.outsite-resv .resv1 .flex-box .left p{margin-top:4px;font-size: 18px;font-weight: normal;color: #222;}
.outsite-resv .resv1 .flex-box .left .time{margin-top:40px;padding-top: 25px;border-top:1px solid #222;}
.outsite-resv .resv1 .flex-box .left .time span{display: block;font-size: 18px;font-weight: normal;color: #222;}
.outsite-resv .resv1 .flex-box .left .time strong{display: block;margin-top:4px;font-size: 35px;font-weight: bold;color: #0031c7;}
.outsite-resv .resv1 .flex-box .right{width:calc(100% - 282px);}
.outsite-resv .resv1 .flex-box .right table{border: 1px solid #e2e2e2;border-top:2px solid #222;table-layout: fixed;}
.outsite-resv .resv1 .flex-box .right table thead tr th{height: 45px;border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center; font-size: 18px;font-weight: bold;color: #222;}
.outsite-resv .resv1 .flex-box .right table thead tr th:first-child{border-left:0;}
.outsite-resv .resv1 .flex-box .right table tbody tr td{border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;height:45px;font-size: 16px;font-weight: 500;text-align: center;color: #222;}
.outsite-resv .resv1 .flex-box .right table tbody tr td:first-child{border-left:0;}
.outsite-resv .resv1 .flex-box .right table tbody tr td.end{background: #222;color:#fff;}
.outsite-resv .resv1 .flex-box .right table tbody tr td.disabled{background: #f4f4f4;color:#505050;}
.outsite-resv .resv1 .flex-box .right table tbody tr td.now{background: #dfefff;color:#0031c7;font-weight: bold;}
.outsite-resv .resv1 .flex-box .right table tbody tr td.res{background: #dbffd9;color:#005f04;font-weight: bold;}
.outsite-resv .resv1 .flex-box .right .btn-box{margin-top:50px;padding-left: 48px;}
.outsite-resv .resv1 .flex-box .right .btn-box a{display: flex;align-items: center;justify-content: center;width:340px;height:50px;background: #222;font-size: 18px;font-weight: bold;color: #fff;}


.outsite-resv .resv2{padding:0 0 40px;}
.outsite-resv .resv2 h1{font-family: 'Cafe24Ssurround';margin-top:45px;line-height: 1;font-size: 32px;font-weight:500;text-align: center;color: #222;}
.outsite-resv .resv2 .time-wrap{margin-top:35px;display: flex;gap:20px;}
.outsite-resv .resv2 .time-wrap > div{font-family: 'Cafe24Ssurround';flex:1;position: relative;padding:35px 35px 25px 168px;border-radius: 30px 30px 10px 30px;background: #f4f4f4}

.outsite-resv .resv2 .time-wrap > div h3{font-family: 'Cafe24Ssurround';position: absolute;left:35px;font-size: 22px;font-weight:normal;;color: #222;}
.outsite-resv .resv2 .time-wrap > div strong{font-family: 'Cafe24Ssurround';display: block;font-size: 31px;font-weight: normal;;color: #222;line-height: 1;}
.outsite-resv .resv2 .time-wrap > div span{font-family: 'Cafe24Ssurround';display: block;margin-top:5px;font-size: 17px;font-weight: normal;color: #595959;}
.outsite-resv .resv2 section{margin-top:40px;}
.outsite-resv .resv2 section .box{position: relative;}
.outsite-resv .resv2 section .box + .box{margin-top:50px;}
.outsite-resv .resv2 section .box h3{font-family: 'Cafe24Ssurround';margin-bottom: 10px;font-size: 24px;font-weight: 500;color: #222;line-height:1;}
.outsite-resv .resv2 section .box .cont-box{}
.outsite-resv .resv2 section .box .cont-box table{border: 1px solid #e2e2e2;border-top:2px solid #222;table-layout: fixed;}
.outsite-resv .resv2 section .box .cont-box table thead tr th{height: 45px;border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center; font-size: 18px;font-weight: bold;color: #222;background: #fff;}
.outsite-resv .resv2 section .box .cont-box table thead tr th:first-child{border-left:0;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td{border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;height:45px;font-size: 16px;font-weight:500;text-align: center;color: #222;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td:first-child{border-left:0;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td.selected{background:#398ccb;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td.disabled{color:#505050;font-weight: normal;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td em{font-weight: bold;color: #398ccb;}
.outsite-resv .resv2 section .box .cont-box table tbody tr td .radio-type1 input[type="radio"]{width:20px;height:20px;}
.outsite-resv .resv2 section .box .cont-box table.type2{border:0;border-top:2px solid #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 colgroup col:nth-child(1) {width:25%;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr th{padding:12px 20px;border-bottom: 1px solid #e2e2e2;font-size: 18px;font-weight: bold;color: #222;background: #fff;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td{text-align:left;padding:12px 20px;border-bottom: 1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: 600;color: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td input[type="text"],
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td input[type="tel"],
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td input[type="number"]{width:100%;height:40px;border-radius: 5px;border: solid 1px #e2e2e2;padding:0 15px;font-size: 16px;font-weight: normal;color: #595959;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .txt{display: inline-block;width:160px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-group{display: flex;gap:30px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-flex{display: flex;gap:10px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-flex input[type="text"]{width:calc(100% - 170px);height:40px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td select{width:160px;height:40px;border-radius: 5px;border: solid 1px #e2e2e2;font-size: 16px;font-weight: 600;color: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .flex-box{display: flex;align-items: center;gap:20px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .flex-box input[type="text"]{width: calc(100% - 143px);}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl{}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dt{width:80px;font-size: 18px;font-weight: 600;color: #222;top:10px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dd{padding:0 0 10px 80px;font-size: 18px;font-weight: 600;color: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box{display: flex;align-items: center;gap:5px;font-size: 18px;font-weight: 600;color: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box span{margin-right:5px;position: relative;display:inline-block;padding-left: 9px; font-size: 18px;font-weight: 600;color: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box span::before{content: "";position:absolute;top:11px;left:0;width:4px;height:4px;border-radius: 100%;background: #222;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box input[type="number"]{max-width:70px;text-align: right;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .tel-wrap{display: flex;gap:2px;align-items: center;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .tel-wrap input[type="tel"]{padding:0 5px;text-align: center;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .radio-group{display: flex;gap:36px;}
.outsite-resv .resv2 section .box .cont-box table.type2 tbody td .chk{margin-top:20px;margin-bottom: 10px;display: flex;justify-content: center;}

.outsite-resv .resv2 .btn-box{margin-top:35px;display:flex;justify-content: center;}
.outsite-resv .resv2 .btn-box a{font-family: 'Cafe24Ssurround';display: flex;align-items: center;justify-content: center;width:250px;height:65px;line-height: 1;border-radius:20px 5px 20px 20px;border:1px solid #e2e2e2;background: #fff;font-size: 20px;font-weight: 500;text-align: center;color: #222;}
.outsite-resv .resv2 .btn-box a:first-child{border-color:#222;background: #222;color:#fff;}
.outsite-resv .complete{padding:35px 0;text-align: center;}
.outsite-resv .complete .logo-box{display: flex;justify-content: center;align-items: center;gap:30px;}
.outsite-resv .complete a{display: inline-block;}
.outsite-resv .complete a img{display:block;}
.outsite-resv .complete h1{font-family: 'Cafe24Ssurround';text-align: center;margin-top:40px;line-height: 1;font-size: 32px;font-weight: 500;color: #222;}
.outsite-resv .complete .txt-box{margin-top:60px;}
.outsite-resv .complete figure{margin-top:25px;}
.outsite-resv .complete figure img{display: block;margin:0 auto;}
.outsite-resv .complete .table-box{margin:30px auto 0;max-width:470px;}
.outsite-resv .complete .table-box table{border-top:2px solid #222;table-layout: fixed;}
.outsite-resv .complete .table-box table tbody tr th{border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;padding:12px 20px;background:#fff;text-align: center; font-size: 18px;font-weight: bold;color: #222;}
.outsite-resv .complete .table-box table tbody tr th:first-child{border-left:0;}
.outsite-resv .complete .table-box table tbody tr td{border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;padding:12px 20px;text-align: left;font-size: 18px;font-weight: normal;color: #222;}
.outsite-resv .complete .table-box table tbody tr td .total-num{display: flex;justify-content: space-between;}
.outsite-resv .complete .table-box table tbody tr td .total-num em{display: inline-block;font-size: 18px;font-weight: bold;color: #222;}
.outsite-resv .complete .table-box table tbody tr td .total-num span{display: inline-block;font-size: 18px;font-weight: normal;color: #222;}
.outsite-resv .complete .table-box table tbody tr td .total-num span strong{font-weight: bold;}
.outsite-resv .complete .table-box table tbody tr td ul{margin-top: 6px;padding-top: 6px;border-top:1px dashed #8f8f8f;}
.outsite-resv .complete .table-box table tbody tr td ul li{display: flex;justify-content: space-between;}
.outsite-resv .complete .table-box table tbody tr td ul li span{position: relative;padding-left: 25px;display: inline-block; font-size: 18px;font-weight: normal;;color: #222;}
.outsite-resv .complete .table-box table tbody tr td ul li span::before{content: "";position: absolute;top:10px;left: 10px;width:5px;height:5px;border-radius: 100%;background: #222;}
.outsite-resv .complete .table-box table tbody tr td ul li strong{ font-size: 18px;font-weight: bold;}
.outsite-resv .complete .btn-box{margin-top:35px;display: flex;gap:20px;justify-content: center;}
.outsite-resv .complete .btn-box button{font-family: 'Cafe24Ssurround';display: flex;align-items: center;justify-content: center;width:250px;height:65px;line-height: 1;border-radius: 20px 5px 20px 20px;border:1px solid #222;background: #222;font-size: 20px;font-weight:500;text-align: center;color: #fff;}
.outsite-resv .stanby{padding:60px 0;text-align: center;}
.outsite-resv .stanby .logo-box{display: flex;justify-content: center;gap:30px;}
.outsite-resv .stanby h1{text-align: center;margin-top:85px;line-height:1.33;;font-size: 40px;font-weight: bold;color: #222;}
.outsite-resv .stanby ul{margin-top:50px;display: flex;gap:40px;}
.outsite-resv .stanby ul li{flex:1;padding:60px 0 45px;background: #f4f4f4;display: flex;flex-direction: column;align-items: center;text-align: center;}
.outsite-resv .stanby ul li h3{font-size: 30px;font-weight: bold;color: #222;}
.outsite-resv .stanby ul li p{margin:30px 0 40px;font-size: 18px;font-weight: normal;line-height: 1.4;color: #222;}
.outsite-resv .stanby ul li i{display: inline-block;}
.outsite-resv .stanby ul li i img{display:block;}
.outsite-resv .status{padding:60px 0;text-align: center;}
.outsite-resv .status .layout{max-width:800px;}
.outsite-resv .status .logo-box{display: flex;justify-content: center;gap:30px;margin-bottom: 90px;}
.outsite-resv .status h1{font-size: 36px;font-weight: 600;color: #222;}
.outsite-resv .status h2{margin-top:20px;font-size: 42px;font-weight: 800;}
.outsite-resv .status h2.color1{color: #017a46;}
.outsite-resv .status h2.color2{color: #de1a13;}
.outsite-resv .status h2.color3{color: #c13500;}
.outsite-resv .status h3{margin-top:20px;font-size: 36px;font-weight: 500;color: #222;}
.outsite-resv .status i{display:inline-block;margin-top:35px;}
.outsite-resv .status .txt-box{text-align: center;margin-top:50px;padding:30px 10px;background: #f4f4f4;}
.outsite-resv .status .txt-box p{font-size: 22px;font-weight: bold;color: #222;}
.outsite-resv .status .txt-box span{display: inline-block;margin-top:10px;font-size: 18px;font-weight: 500;color: #595959;}
.outsite-resv .status .txt-box2{margin-top:5px;display: flex;gap:10px;}
.outsite-resv .status .txt-box2 > div{padding:25px 30px;border:1px solid #e2e2e2;display: flex;text-align: left;}
.outsite-resv .status .txt-box2 > div .t-box1{width:100%;}
.outsite-resv .status .txt-box2 > div .t-box1 span{display: block;font-size: 20px;font-weight: bold;color: #222;}
.outsite-resv .status .txt-box2 > div .t-box1 em{display: block;margin-top:15px;font-size: 30px;font-weight: 500;color: #222;}
.outsite-resv .status .txt-box2 > div .t-box1 em strong{display: inline-block;margin-left:10px;}
.outsite-resv .status .txt-box2 > div .t-box2{border-left:1px solid #e2e2e2;padding-left: 30px;width:246px;}
.outsite-resv .status .txt-box2 > div .t-box2 ul{}
.outsite-resv .status .txt-box2 > div .t-box2 ul li{position: relative;padding-left: 13px;font-size: 18px;font-weight: normal;color: #595959;display: flex;justify-content: space-between;}
.outsite-resv .status .txt-box2 > div .t-box2 ul li::before{content: "";position: absolute;top:10px;left:0;width:5px;height:5px;border-radius: 100%;background: #595959;}
.outsite-resv .status .txt-box2 > div .t-box2 ul li + li{margin-top:5px;}
.outsite-resv .status .txt-box2 > div .t-box2 ul li span{display: inline-block;font-size: 18px;font-weight: 600;color: #595959;}
.outsite-resv .status .txt-box2 .col1{width:280px;}
.outsite-resv .status .txt-box2 .col2{width:510px;}
.outsite-resv .status .txt-box2 .col2 .t-box1{width:203px;}

.outsite-resv .cert h1{font-family: 'Cafe24Ssurround';margin-top:45px;line-height: 1;font-size: 32px;font-weight:500;text-align: center;color: #222;}
.outsite-resv .cert .cert-wrap{max-width:440px;margin:0 auto;}
.outsite-resv .cert .box{margin-top:40px;border:1px solid #e7e7e7;padding:20px;}
.outsite-resv .cert .box.case2{border-color:#202020;}
.outsite-resv .cert .box + .box{margin-top:20px;}
.outsite-resv .cert .box h3{font-size:20px;font-weight: bold;}
.outsite-resv .cert .box .txt{margin-top:15px;padding-top: 15px;border-top:1px solid #e7e7e7;font-size:16px;word-break: keep-all;}
.outsite-resv .cert .box .txt strong{font-weight: bold;display: block;;width:100%;margin-top:20px;word-break: keep-all;}
.outsite-resv .cert .box p{margin-top:15px;font-size:16px;color:#202020;}
.outsite-resv .cert .box ul{margin-top:15px;}
.outsite-resv .cert .box ul li{font-size:16px;color:#767676;position: relative;padding-left: 12px;word-break: keep-all;}
.outsite-resv .cert .box ul li + li{margin-top:5px;}
.outsite-resv .cert .box ul li::before{content: "";position: absolute;top:10px;left:0;width:7px;height:1px;background: #767676;}
.outsite-resv .cert .btn-box{margin-top:20px;display:flex;justify-content: center;}
.outsite-resv .cert .btn-box button{display: flex;align-items: center;justify-content: center;width:250px;height:50px;line-height: 1;border-radius:30px;background: #202020;font-size: 20px;font-weight: 500;text-align: center;color: #fff;}



.modal-status{display: none;position: fixed;width:800px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;z-index: 999999;padding: 40px;border-radius: 30px;border: 1px solid #e5e5e5;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.modal-status .close-modalstatus{position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;background: url(/_public/images/status_close.svg) no-repeat;background-size: cover;}
.modal-status .status-box{padding:0;text-align: center;}
.modal-status .status-box h1{font-size: 36px;font-weight: 600;color: #222;}
.modal-status .status-box h2{margin-top:20px;font-size: 42px;font-weight: 800;}
.modal-status .status-box h2.color1{color: #017a46;}
.modal-status .status-box h2.color2{color: #de1a13;}
.modal-status .status-box h2.color3{color: #c13500;}
.modal-status .status-box h3{margin-top:20px;font-size: 36px;font-weight: 500;color: #222;}
.modal-status .status-box i{display:inline-block;margin-top:35px;}
.modal-status .status-box .txt-box{text-align: center;margin-top:50px;padding:30px 10px;background: #f4f4f4;}
.modal-status .status-box .txt-box p{font-size: 22px;font-weight: bold;color: #222;}
.modal-status .status-box .txt-box span{display: inline-block;margin-top:10px;font-size: 18px;font-weight: 500;color: #595959;}
.modal-status .status-box .txt-box2{margin-top:5px;display: flex;gap:10px;}
.modal-status .status-box .txt-box2 > div{padding:25px 30px;border:1px solid #e2e2e2;display: flex;text-align: left;}
.modal-status .status-box .txt-box2 > div .t-box1{width:100%;}
.modal-status .status-box .txt-box2 > div .t-box1 span{display: block;font-size: 20px;font-weight: bold;color: #222;}
.modal-status .status-box .txt-box2 > div .t-box1 em{display: block;margin-top:15px;font-size: 30px;font-weight: 500;color: #222;}
.modal-status .status-box .txt-box2 > div .t-box1 em strong{display: inline-block;margin-left:10px;}
.modal-status .status-box .txt-box2 > div .t-box2{border-left:1px solid #e2e2e2;padding-left: 30px;width:246px;}
.modal-status .status-box .txt-box2 > div .t-box2 ul{}
.modal-status .status-box .txt-box2 > div .t-box2 ul li{position: relative;padding-left: 13px;font-size: 18px;font-weight: normal;color: #595959;display: flex;justify-content: space-between;}
.modal-status .status-box .txt-box2 > div .t-box2 ul li::before{content: "";position: absolute;top:10px;left:0;width:5px;height:5px;border-radius: 100%;background: #595959;}
.modal-status .status-box .txt-box2 > div .t-box2 ul li + li{margin-top:5px;}
.modal-status .status-box .txt-box2 > div .t-box2 ul li span{display: inline-block;font-size: 18px;font-weight: 600;color: #595959;}
.modal-status .status-box .txt-box2 .col1{width:280px;}
.modal-status .status-box .txt-box2 .col2{width:510px;}
.modal-status .status-box .txt-box2 .col2 .t-box1{width:203px;}


/* 2025.11.20 클린신고센터 추가 */
h3.title.cc2 {font-size:18px;font-weight:500;text-align:center;}
.cc-p2 {margin-bottom:20px;}
.doc-form {margin-top:40px;}
.doc-form > div {width:100%;}
.doc-form > div + div {margin-top:30px;}
.doc-form > div h3.title {margin:10px 0 15px;}
.doc-form a.d-box {width:100%;background-color:#fff;}
.doc-form a.d-box {display:flex;border:1px solid #222;}
.doc-form a.d-box + a.d-box {margin-top:10px;}
.doc-form a.d-box p {width:calc(100% - 95px);font-size:14px;padding:14px 12px;border-right:1px solid #222;}
.doc-form a.d-box em {width:95px;display:inline-block;font-size:14px;padding:14px 20px;background:url(/_public/images/common/ic_down.png) 77% 50% no-repeat;}
.doc-form a.d-box:hover {background-color:#e8e8e8;}
.cc-g-box {margin-top:30px;}
.cc-g-box a {width:100%;}
.cc-g-box .mBtnMore.black a {background:#222 url('/_public/images/common/ic_arrow3.png') no-repeat right 25px center;color:#fff;border:0;display:block;padding:14px 20px;margin-top:20px;}
.cc-g-box .mBtnMore.black a:hover {background-color:#464646;}


/* 2026.03.18 통합예약 페이지 추가 */
.revallCon {padding:50px 10px;}
.revallCon .box1 {margin-bottom:40px;}
.revallCon .box1 .btnBc {margin:20px 0 0 0;width:100%;}
.revallCon .box1 .btnBc a {width:100%;background-color:#fff;}
.revallCon .rev-wrap {display:flex;flex-direction:column;gap:20px;}
.revallCon .rev-wrap > div {padding:40px 20px 20px;border:1px solid #202020;text-align:center;}
.revallCon .rev-wrap > div img {width:80px;margin:0 auto 20px}
.revallCon .rev-wrap > div p {font-size:18px;font-weight:700;margin-bottom:10px;}
.revallCon .rev-wrap > div em {display:block;margin-bottom:20px;}
.revallCon .rev-wrap > div .btnBc {width:100%;}


@media all and (max-width:1000px) {
	.outsite-resv .outsite-header{padding:10px 0 15px;gap:20px;}
	.outsite-resv .outsite-header .logo-box{}
	.outsite-resv .outsite-header .logo-box span{width:160px;}
	.outsite-resv .outsite-header .home-btn{width:150px;height:40px;font-size:14px;gap:5px;border-radius: 15px 5px 15px 15px;}
	.outsite-resv .outsite-header .h-lang-box a{padding:0 10px;height:40px;font-size:14px;}

	.outsite-resv .layout{padding:0 20px;}

	.outsite-resv .resv1{padding:20px 0}
	.outsite-resv .resv1 .flex-box{flex-direction: column;gap:40px;}
	.outsite-resv .resv1 .flex-box .left{width:100%;}
	.outsite-resv .resv1 .flex-box .right{width:100%;}
	.outsite-resv .resv1 .flex-box .right .btn-box{padding:0 40px;justify-content: center;display: flex;}
	.outsite-resv .resv1 .flex-box .right .btn-box a{}
	.outsite-resv .resv2{padding:20px 0;}
	.outsite-resv .resv2 section .box{padding:0;}
	.outsite-resv .resv2 section .box h3{position: relative;margin-bottom: 20px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-group{gap:10px;flex-wrap: wrap;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dt{font-size:16px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box span{font-size:16px;}
	.outsite-resv .complete h1{}
	.outsite-resv .complete .table-box table tbody tr td ul li{width:calc(50% - 3px);}
	.outsite-resv .complete{padding:20px 0;}

    .outsite-resv .agree ul li{width:100%;}

	.outsite-resv .myresv .view{padding:0;}
}

@media all and (max-width:768px) {
	.outsite-resv .outsite-header{gap:5px;}
	.outsite-resv .outsite-header .logo-box{left:15px;}
	.outsite-resv .outsite-header .logo-box span{width:140px;}
	.outsite-resv .outsite-header .home-btn{font-size:0;width:45px;height:36px;}
	.outsite-resv .outsite-header .home-btn::before{top: 0;left: 2px;}
	.outsite-resv .outsite-header .h-lang-box a{padding:0 5px;}
	.outsite-resv .outsite-header .h-lang-box img{height:36px;}

	.outsite-resv .intro{padding:30px 0;}
	.outsite-resv .intro .ci{}
	.outsite-resv .intro .ci img{max-width:200px;}
	.outsite-resv .intro figure{}
	.outsite-resv .intro figure img{width:100%;}
	.outsite-resv .intro h1{font-size:30px;}
	.outsite-resv .intro .btn-box{gap:10px;flex-direction: column;}
	.outsite-resv .intro .btn-box a{width:100%;height:50px;font-size:16px;border-radius: 15px 0 15px 15px;}
	.outsite-resv .intro .lang-box a{gap:5px;height:40px;padding:0 10px;font-size:15px;justify-content: center;flex:1;}
	.outsite-resv .intro .lang-box a::before{width:25px;height:17px;top:-1px;}

	.outsite-resv .agree h1{margin-top:30px;font-size:23px;line-height: 1.2;word-break: keep-all;}
	.outsite-resv .agree h1 span{font-size:23px;line-height: 1.2}
	.outsite-resv .agree h1.mt60{font-size:23px;}
	.outsite-resv .agree .btn-box{gap:10px;}
	.outsite-resv .agree .btn-box a{flex:1;width:100%;height:50px;font-size:16px;border-radius: 15px 0 15px 15px;}

	.outsite-resv .resv2 h1{font-size:28px;}
	.outsite-resv .resv2 .time-wrap{flex-direction: column;}
	.outsite-resv .resv2 .time-wrap > div{flex-direction: column;padding:20px 20px 20px 120px;border-radius: 20px 20px 5px 20px}
	.outsite-resv .resv2 .time-wrap > div h3{font-size:15px;left:20px;}
	.outsite-resv .resv2 .time-wrap > div strong{font-size:26px;}
	.outsite-resv .resv2 .time-wrap > div span{font-size:15px;}
	.outsite-resv .resv2 section .box h3{font-size:20px;margin-bottom: 10px;}
	.outsite-resv .resv2 section .box .cont-box table thead tr th{font-size:16px;}
	.outsite-resv .resv2 section .box .cont-box table tbody tr td{font-size:14px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 colgroup col:nth-child(1) {width:30%;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr th{font-size:16px;word-break:auto-phrase;padding:12px 5px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td{padding:12px 10px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td select{font-size:14px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .txt{display: block;}

	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .txt + span{display:block;margin:5px 0 0 0 !important}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl{}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dt{float: none;top:0;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dd{padding:0;margin-top:10px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dd + dt{margin-top:20px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box{font-size:16px;}
	.outsite-resv .resv2 .btn-box a{height:50px;font-size:16px;border-radius: 15px 5px 15px 15px;}
    .outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-flex{flex-direction: column;}
    .outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-flex select{width:100%;}
    .outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-flex input[type="text"]{width:100%;}


	.outsite-resv .complete .logo-box{flex-direction: column;gap:20px;}
	.outsite-resv .complete h1{font-size: 28px;line-height: 1.2;}
	.outsite-resv .complete .table-box table tbody tr th{font-size:16px;padding:12px 10px;}
	.outsite-resv .complete .table-box table tbody tr td{font-size:16px;padding:12px 10px;}
	.outsite-resv .complete .table-box table tbody tr td .total-num em{font-size:16px;}
	.outsite-resv .complete .table-box table tbody tr td .total-num span{font-size:16px;}
	.outsite-resv .complete .btn-box button{height:50px;font-size:16px;border-radius: 15px 5px 15px 15px;}

	.outsite-resv .myresv h1{font-size:28px;margin-top:30px;}
    .outsite-resv .myresv .table-box .scroll-txt{display: block;}
	.outsite-resv .myresv .table-box table thead tr th{font-size:16px;}
	.outsite-resv .myresv .table-box table tbody tr th{padding:12px 5px;font-size:16px;}
    .outsite-resv .myresv .table-box table tbody tr td{padding:12px 5px;}
	.outsite-resv .myresv .table-box table tbody tr td .radio-type3 label{font-size:14px;}
	.outsite-resv .myresv .table-box table tbody tr td select{font-size:14px;}
	.outsite-resv .myresv .table-box table tbody tr td input[type="text"],
	.outsite-resv .myresv .table-box table tbody tr td input[type="tel"],
	.outsite-resv .myresv .table-box table tbody tr td input[type="number"]{font-size:14px;}
	.outsite-resv .myresv .btn-box a{height:50px;border-radius: 15px 5px 15px 15px;font-size:16px;}
	.outsite-resv .myresv .table-box .scroll-wrap{overflow-x: auto;}
	.outsite-resv .myresv .table-box .scroll-wrap table{width:800px;}
	.outsite-resv .myresv .view{gap:30px;flex-direction: column;}
	.outsite-resv .myresv .view .img{width:100%;}
	.outsite-resv .myresv .view .table-box{width:100%;margin-top:0;}
	.outsite-resv .myresv .view .table-box table tbody tr td{font-size:16px;}
	.outsite-resv .myresv .table-box table tbody tr td .total-num em{font-size:16px;}
	.outsite-resv .myresv .table-box table tbody tr td .total-num span{font-size:16px;}

	.outsite-resv .cert h1{font-size:28px;}
	.outsite-resv .cert p{font-size:16px;}
	.outsite-resv .cert .btn-box button{width:100%;height:50px;font-size:16px;}

	.outsite-resv .stanby{padding:30px 0px;}
	.outsite-resv .stanby h1{font-size:30px;margin-top:50px;}
	.outsite-resv .stanby ul{margin-top:30px;gap:20px;flex-direction: column;}
	.outsite-resv .stanby ul li{padding:30px 10px;}
	.outsite-resv .stanby ul li h3{font-size:20px;}
	.outsite-resv .stanby ul li p{font-size:14px;margin:15px 0 25px;word-break: keep-all;}
	.outsite-resv .stanby ul li p br{display: none;}
}


@media all and (max-width:460px) {
	.outsite-resv .agree h1{font-size:23px;}
	.outsite-resv .agree h1 span{font-size:23px;}

	.outsite-resv .stanby h1{font-size:24px;}

	.outsite-resv .cert .box .txt br{display: none}
}



@media all and (max-width:640px){
    .vision .table-box{padding:0 10px 50px}
}
/**/


/**/