/****************************************/
/* Name: 국립해양박물관
/* Version: 1.0 / day: 2019-03-26
/* Author:
/****************************************/


/*
================================================================================
콘텐츠
================================================================================
*/



/* 공통 */
#share {position:absolute;top:772px;left:50%;margin-left:467px;z-index:1}
#share > ul {width:188px}
#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:-45px}
#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;margin:0 auto;padding-top:90px;width:1300px;height:217px;}
.topTitle .con span{display: block;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.topTitle .con h1{margin-bottom:20px;font-size:28px;color:#222}
.topTitle .con h3{margin-bottom:20px;font-size:28px;color:#222}
.topTitle .con p{font-size:20px;color:#222;font-weight:400;line-height:1.2}
.topTitle .con p em{display: inline-block;font-size:14px;}
.topTitle .con h2{font-size:20px;color:#222;font-weight:400;line-height:1.2}
.topTitle .con h2 em{display: inline-block;font-size:14px;}
.topTitle .con span.rate {display:block;font-size:20px;color:#222;font-weight:400;line-height:1.2}
.topTitle .con span.rate em{display: inline-block;font-size:14px;}
.topTitle .con p + h1{margin-top:10px;}
.topTitle .con p + .tabMenu{margin-top:-20px}
.topTitle .con.tit2 h1{margin-bottom:10px;font-size:16px}
.topTitle .con.tit2 h3{margin-bottom:10px;font-size:16px}
.topTitle .con.tit2 p{font-size:30px}
.topTitle .con p + .tabMenu.li4{margin-top:-65px}

.menu2th > li{height:40px}
.font24 { font-size: 22px}

.tabMenu.collection{float:none}
.tabMenu.collection li a{color:#acacac}
.tabMenu.collection li.rev a{color:#222;border:none}
.tabMenu.collection li.on a {color:#222;}
.tabMenu.collection li a:hover{border:1px solid #acacac;}
.tabMenu.collection li.rev a:hover{border:1px solid #222;}

.kn_tab_menu{position: relative;}
.kn_tab_menu.tab-type1{padding-top:51px;}
.kn_tab_menu span{position: absolute;top:0;border: 1px solid #222;border-width: 1px 1px 0 0;z-index: 10;}
.kn_tab_menu span a{display: block;padding: 0 15px;min-width: 90px;font-size: 14px;color: #222;line-height: 50px;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 h3{position: absolute;top:0;border: 1px solid #222;border-width: 1px 1px 0 0;z-index: 10;}
.kn_tab_menu h3 a{display: block;padding: 0 15px;min-width: 90px;font-size: 14px;color: #222;line-height: 50px;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 .tab-btn1{left:91px;}
.kn_tab_menu .tab-btn2{left:182px;}
.kn_tab_menu .tab-btn3{left:273px;}
.kn_tab_menu .tab-btn4{left:364px;}





.tabMenu2{position:relative;height:51px;margin-bottom:50px;border-bottom:1px solid #222}
.tabMenu2 ul::after{display:block;clear:both;content:''}
.tabMenu2 ul li{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 a{display:block;padding:0 15px;min-width:90px;font-size:14px;color:#222;line-height:50px;}
.tabMenu2 ul li a:hover,
.tabMenu2 ul li.on a{color:#fff;background:#222}
.tabMenu2 .searchTypeB{position:absolute;top:0;right:0}

.tabMenu2.large{height:61px;}
.tabMenu2.large ul li a{font-size:20px;line-height: 60px;}

.tabMenu2.item2 li{width:50%;box-sizing: border-box;}
.tabMenu2.item2 li a{min-width:100%;width:100%;}

.kn_tabCon {clear:left;border:1px solid #e2e2e2;overflow:hidden;border-top:1px solid #222;margin-top:-1px}
.kn_tabCon img{width:100%;}
.conWrap{padding:80px 0}
.conWrap.page-top {padding: 0;}
.conWrap .child-date-wrap{position:relative;margin:0 auto;width:1300px;min-height:60px;}
.conWrap .child-date-wrap .select-date{display: flex;gap:42px;align-items: center;margin-bottom: 80px;}
.conWrap .child-date-wrap .select-date strong{display: inline-block;font-size: 28px;font-weight: bold;letter-spacing: -0.28px;color: #000;}
.conWrap .child-date-wrap .select-date strong span{display: inline-block;margin-left:10px;font-size: 16px;font-weight: 500;letter-spacing: -0.16px;color: #000;}
.conWrap .child-date-wrap .flex-box{display: flex;;gap:60px;}
.conWrap .child-date-wrap .flex-box .left{width:732px;}
.conWrap .child-date-wrap .flex-box .left .inspecDay{padding: 0;}
.conWrap .child-date-wrap .flex-box .right{width:720px;}
.conWrap .child-date-wrap .flex-box .right .info-txt{text-align: right;margin-bottom: 10px;}
.conWrap .conBox{position:relative;margin:0 auto;padding-left:400px;width:1300px;min-height:60px}
.conWrap .conBox h2.title{position:absolute;top:0;left:0;line-height:1.2}
.conWrap .conBox h2.title.tit02{top: 137px;}
.conWrap .conBox h2.title.tit03{top: 407px;}
.conWrap .conBox h2.title.tit04{top: 723px;}

.conWrap .conBox h4.title {position:absolute;top:0;left:0;line-height:1.2}
.conWrap .conBox h4.title.tit02{top: 137px;}
.conWrap .conBox h4.title.tit03{top: 407px;}
.conWrap .conBox h4.title.tit04{top: 723px;}



.conWrap .conBox em {display:block;text-align:right;font-size:15px;margin-bottom:5px;}

.conWrap .conBox .theater_notice{color:#e90000; font-size:20px; font-weight:500; margin-top:20px;}
.conWrap .conBox .theater_notice span{ font-weight:500}
.conWrap.bg{background:#f4f4f4}
.conWrap.bg .conBox h2.title span{background:#f2f2f2}
.conWrap.bg .conBox h4.title span{background:#f2f2f2}

.conWrap .conBox2{position:relative;margin:0 auto;width:1300px;}

.conWrapBox{margin:0 auto;padding:80px 0;width:1300px}
.conWrapBoxbg{padding:80px 0;background:#f8f8f8}
.btnBc.down a.icb { background-image: url(../../../_public/images/common/ic_down_w.png);}
.btnBc.blank a{padding-right: 80px;}
.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);}

h2.title{position:relative;font-size:23px;width:304px;color:#222;}
h2.title::after{position:absolute;top:15px;right:0;width:100%;max-width:185px;height:2px;content:'';background:#222;z-index:1}
h2.title span{font-size:23px;font-weight:500;position:relative;display:inline-block;padding-right:37px;z-index:2;background-color:#fff;}
h3.title{position:relative;margin:70px 0 20px;font-size:19px;color:#222;font-weight:400}
h3.title2{position:relative;margin-bottom:20px;font-size:15px;color:#222;font-weight:400}
h2.title + h3.title{margin-top:0}
h2.title + fieldset legend + h3{margin-top:0}
h2.title + fieldset legend + h5{margin-top:0}


h4.title{position:relative;font-size:23px;width:304px;color:#222;}
h4.title::after{position:absolute;top:15px;right:0;width:100%;max-width:185px;height:2px;content:'';background:#222;z-index:1}
h4.title span{font-size:23px;font-weight:500;position:relative;display:inline-block;padding-right:37px;z-index:2;background-color:#fff;}
h5.title{position:relative;margin:70px 0 20px;font-size:19px;color:#222;font-weight:400}
h5.title2{position:relative;margin-bottom:20px;font-size:15px;color:#222;font-weight:400}
h5.title3{position:relative;margin:30px 0 20px;font-size:19px;color:#222;font-weight:500}
h4.title + h5.title{margin-top:0}
h4.title + fieldset legend + h5{margin-top:0}
h5.title4 {position:relative;margin:70px 0 20px;font-size:24px;color:#222;font-weight:400}
h4.title5 {position:relative;font-size:20px;width:304px;color:#222; margin: 30px 0 15px}


h2.title2 {position:relative;margin:70px 0 20px;font-size:19px;color:#222;font-weight:400}
h4.title4{position:relative;margin:70px 0 20px;font-size:19px;color:#222;font-weight:400}



p.title{font-size:30px;font-weight:400;line-height:1.2}
.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:10px;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{margin-bottom:20px;}

.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; display:inline-block !important;text-align:left !important;font-size:15px;margin-bottom:0px !important;}

.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:5px;height:24px}
/*
.chek_radio + 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_radio + 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_radio:checked + label span{background:none;}
.chek_radio:checked + label::after{}
.chek_radio:checked + label:before{opacity:1}
*/

/*.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:5px;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;display:inline-block;margin:0 88px 30px 0;text-align:center;vertical-align:top}
.step1 > li::before{position:absolute;top:65px;right:-60px;width:25px;height:9px;content:'';background:url('/_public/images/common/ic_arrow4.png') no-repeat}
.step1 > li:last-child{margin-right:0}
.step1 > li:last-child::before{display:none}
.step1 > li span{display:block;margin-top:10px;font-size:15px;}
.step1.line{padding-bottom:5px;border-bottom:1px solid #e2e2e2}

.txt_box_li li{position:relative;margin-bottom:20px;padding:37px 20px 37px 40px;min-height:100px;background:#fff;border:1px solid #e2e2e2}
.txt_box_li li::after{display:block;clear:both;content:''}
.txt_box_li li .tit{float:left;width:160px;font-size:19px;line-height:1.2;font-weight:500;}
.txt_box_li li p{float:left;width:590px}

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

.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}
.txt-center{text-align:center !important;}


/* 공통테이블A */
.tbTypeA{border-top:1px solid #222}
.tbTypeA tr{text-align:center}
.tbTypeA thead th{padding:14px 15px;font-weight:500;line-height:1.2;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tbody th{padding:14px 20px;font-weight:500;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tbody td{padding:14px 17px;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tfoot th{padding:14px 20px;font-weight:500;background:#fff;border:1px solid #e2e2e2;border-width:0 1px 1px 1px}
.tbTypeA tfoot td{padding:14px 20px;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.off th{background:#fff;}
.tbTypeA tbody tr.on th{background:#222;}
.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{border-top:1px solid #222}
.tbTypeB tr{text-align:left}
.tbTypeB tr:first-child td {padding-top:25px}
.tbTypeB thead th{padding:10px 20px;font-weight:400;line-height:1.2;}
.tbTypeB tbody th{position:relative;padding:10px 20px 10px;font-weight:400;text-align:left;vertical-align:top}
.tbTypeB tr:first-child th {padding-top:25px}
.tbTypeB tbody td{padding:10px 0;vertical-align:top}
.tbTypeB tfoot th{padding:10px 20px 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:13px;left:0;content:'*';}

.tbTypeB.kids{border-bottom:1px solid #222}
.tbTypeB.kids tbody th{padding:10px 0;}
.tbTypeB.kids tbody th em{position:relative;display: block;padding:7px 5px 7px 20px;font-size:15px;text-align: left;background: #f4f4f4;height:100%;}
.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;}
.tbTypeB.kids tbody td .flex-box{display: flex;align-items: center;gap:26px;}
.tbTypeB.kids tbody td .flex-box input[type="text"]{width:477px;}
.tbTypeB.kids tbody td .radio-group{display: flex;gap:36px;}
.tbTypeB.kids tbody td .input-wrap{display: flex;gap:20px;align-items: center;}
.tbTypeB.kids tbody td .input-wrap + .input-wrap{margin-top:10px;}
.tbTypeB.kids tbody td .input-wrap span{display: inline-block;width:132px;}
.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: 25px;font-weight: 500;color: #585858;font-size:15px;}
.tbTypeB.kids tbody td .input-wrap p::before{content: "";position:absolute;left:0;width:20px;height:19px;background: url(/_public/images/sub/ico_noti.png) no-repeat;background-size: cover;}
.tbTypeB.kids tbody td ul li{position: relative;padding-left: 25px;font-size:16px;font-weight:400;line-height: 2;letter-spacing: -0.38px;color: #333;}
.tbTypeB.kids tbody td ul li::before{content: "";position:absolute;top:8px;left:0;width:20px;height:19px;background: url(/_public/images/sub/ico_noti.png) no-repeat;background-size: cover;}
.tbTypeB.kids tbody td ul li strong{color:#000;font-weight:bold;}
.tbTypeB.kids tbody td ul li strong u{color:#000;font-weight:bold;}
.tbTypeB.kids tbody td ul li span{color:#ff0000;}

.tbTypeB.kids tbody td .chk{margin-top:20px;margin-bottom: 10px;display: flex;justify-content: center;}


.donbtnbox{ display: flex; flex-wrap: wrap;justify-content: flex-end;position: absolute; right: 0;top: -40px; gap: 10px; margin-right: 84px; align-items: center;}
.donbtnsp { display: flex;flex-direction: column;position: relative;}
.donbtnbox .btnBc.black a{ background-image: url(/_public/images/common/ic_down_w.png);}



input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"], input[type="date"]{padding:0 10px;height:33px;color:#424242}
select{padding:0 50px 0 10px;height:33px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url('/_public/images/common/ic_select_arrow.png') no-repeat right 14px 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:30px 30px;background:#f8f8f8}
.box1::after{display:block;clear:both;content:''}
.box1 .btn{position:absolute;top:10px;right:30px}

.box2{position:relative;min-height:60px}
.box2::after{display:block;clear:both;content:''}
.box2 .btn{position:absolute;top:0;right:0}

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

.box_ic_li{overflow:hidden}
.box_ic_li ul{margin:0 -20px}
.box_ic_li ul::after{display:block;clear:both;content:''}
.box_ic_li ul li{float:left;margin:0 20px 35px;padding-top:35px;width:273px;height:215px;text-align:center;border:1px solid #909090}
.box_ic_li ul li a{display:block;height:100%}
.box_ic_li ul li span{display:block;margin-top:25px}

/* 버튼 */
.btnBc{display:inline-block;margin:1px;vertical-align:middle;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 25px;font-size:15px;color:#222;font-weight:400;line-height:54px;text-align:center;text-decoration:none;cursor:pointer;background-repeat:no-repeat;background-position:right 26px center;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:55px;background-image:url('/_public/images/common/ic_bt_finger.png') }

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

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

.btnBc.black a,
.btnBc.black button,
.btnBc.black input{color:#fff;background-color:#222;background-position:right 26px center;border-radius:0;border:1px solid #222;}

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

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

.btnBc.list a,
.btnBc.list button,
.btnBc.list input{padding-right:55px;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.plus a,
.btnBc.plus button,
.btnBc.plus input{padding-right:55px;background-image:url('/_public/images/common/ic_bt_plus.png')}

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

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

.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:50px 0;}
.btnList.center{text-align:center}
.btnList.right{text-align:right}
.btnList .btnBc{margin-right:5px}
.btnList.right .btnBc{margin:0 0 0 5px}

/* 검색 */
.border-type{border-bottom:2px solid #222;}

.searchTypeA{padding-bottom:10px;text-align:right}
.searchTypeA select{padding-left:0;font-size:15px;border:0}
.searchTypeA input[type="text"]{width:160px;font-size:15px;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;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{display:inline-block}
.searchTypeB input[type="text"]{width:212px;height:50px;font-size:15px;border:0}
.searchTypeB .btn{padding:0;width:50px;height:50px;text-indent:-999px;overflow:hidden;cursor:pointer;background:url('/_public/images/common/ic_search2.png') no-repeat center center;border:0}

.collection_search{margin-bottom:60px;padding:40px 60px;background:#f8f8f8;border:1px solid #222}
.collection_search form {display:inline-block}
.collection_search::after{display:block;clear:both;content:''}
.collection_search select{margin-right:30px;padding-left:2px;width:182px;height:50px;font-size:18px;font-weight:500;border:1px solid #222;border-width:0 0 1px;background:url('/_public/images/common/ic_select_arrow_big.png') no-repeat right 5px center;}
.collection_search .inpTxt{width:590px;height:50px;font-size:18px;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{margin-left:-10px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:url('/_public/images/common/ic_search_big.png') no-repeat center center;border:1px solid #222;border-width:0 0 1px;}
.collection_search .btn_keyword{position: relative;float:right;width:250px}
.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:14px;text-align:center;line-height:22px;border-radius:12px;border:1px solid #909090}
.collection_search .btn_keyword li a:hover,
.collection_search .btn_keyword li.on a {color:#fff;background:#222;border:1px solid #222;}
.collection_search .btn_keyword li:nth-child(8){clear:left}
.collection_search .btn_keyword li:last-child a{width:50px}
.collection_search .btn_keyword li.reset-button{position: absolute;top:0;right:0;width:50px;}
.collection_search .btn_keyword li.reset-button a{width:50px;background: #000;color:#fff;border:1px solid #000;}


/* 검색결과 없을때 */
.resultWrap{padding:40px 60px;background:#f8f8f8;border:1px solid #222;}

/* 목록 */
.listTypeA{border-top:1px solid #222}
.listTypeA tr{text-align:center}
.listTypeA thead th{padding:18px 20px;font-weight:500;line-height:1.2;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody th{padding:15px 20px;font-weight:500;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody td{padding:15px 20px;border-bottom:1px solid #e2e2e2;}
.listTypeA tbody td a {display:block;overflow:hidden;}
.listTypeA tbody td a img {transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.listTypeA tbody td a:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);}
.listTypeA tbody td.subject{text-align:left}
.listTypeA tbody td.subject a {}
.listTypeA tbody td.subject a:hover {font-weight:600}
.listTypeA tbody td.notice_subject a:hover {text-decoration:underline}

.listTypeA tbody td.notice span {display:inline-block;padding:2px 6px;background:#222;color:#fff}
.listTypeA tbody td.notice span.notice_icon {display:inline-block;width:18px;height:25px;margin-right:5px;background:url('/_public/images/sub/ic_bbs_loud.png') no-repeat center center;}
.listTypeA tbody td span.ic_file {display:inline-block;width:15px;height:18px;margin-right:5px;background:url('/_public/images/sub/ic_bbs_clip.png') no-repeat center center;background-size:100% 100%;overflow: hidden;text-indent: -9999999px;font-size: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:45px;height:30px;font-size:14px;font-weight:400;text-align:center;border:1px solid #909090}
.listTypeA .btn02{width:45px;height:30px;font-size:14px;font-weight:400;text-align:center;background:#000;border:1px solid #000;color:#fff}

.srline tbody td{padding:15px 10px;}

/*
.listTypeB{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeB ul{margin:0 -30px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{position:relative;float:left;margin-bottom:55px;width:25%}
.listTypeB ul li:nth-child(4n+1){clear:left}
.listTypeB ul li a{display:block;width:240px;margin:0 auto}
.listTypeB ul li .photo{margin-bottom:15px;width:250px;height:360px;overflow:hidden;}
.listTypeB ul li .photo2{margin-bottom:20px;width:100%;overflow:hidden;}
.listTypeB ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeB ul li .photo2 img{width:100%}
.listTypeB ul li span{display:block}
.listTypeB ul li .part{margin-bottom:15px;font-size:14px}
.listTypeB ul li .tit{font-size:16px;margin-bottom:6px;font-weight:500;line-height:1.3;display: block;height: 50px;}
.listTypeB ul li .txt{margin-bottom:28px;font-size:16px;overflow:hidden;height:46px;line-height:22px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listTypeB ul li .data{font-size:15px}
.listTypeB ul li a:hover .photo img{transform:scale(1.05)}
.listTypeB ul li{position:relative;float:left;margin-bottom:55px;width:25%}
.listTypeB ul li:nth-child(4n+1){clear:left}
*/

.listTypeB{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeB ul{margin:0 -30px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{position:relative;float:left;height:294px;margin-bottom:55px;width:16.66%}
.listTypeB ul li a{display:block;width:147px;margin:0 auto}
.listTypeB ul li .photo{margin-bottom:15px;width:147px;height:360px;overflow:hidden;}
.listTypeB ul li .photo2{margin-bottom:15px;width:100%;overflow:hidden;}
.listTypeB ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeB ul li .photo2 img{width:100%}
.listTypeB ul li span{display:block}
.listTypeB ul li .part{margin-bottom:15px;font-size:14px}
.listTypeB ul li .tit{font-size:15px;margin-top:6px;font-weight:500;line-height:1.3;display: block;height: 50px;display: block;}
.listTypeB ul li .txt{margin-bottom:28px;font-size:16px;overflow:hidden;height:46px;line-height:22px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listTypeB ul li .data{font-size:15px;display:block;height:20px}
.listTypeB ul li a:hover .photo img{transform:scale(1.05)}

.listTypeB.edlist .photo2 {border-top:1px solid #222;margin-bottom:10px}
.listTypeB.edlist ul li .tit{border-bottom:1px solid #eaeaea}

.listTypeB.joubax ul{display: flex;flex-wrap: wrap;gap:55px 85px;margin:0;}
.listTypeB.joubax ul li {margin:0;width:calc(25% - 64px);height:auto;}
.listTypeB.joubax ul li a {width:100%;height: 100%;}
.listTypeB.joubax ul li a .photo2{margin-bottom: 20px;}
.listTypeB.joubax ul li a .ct{font-size: 15px;font-weight: normal;letter-spacing: -0.37px;color: #333;}
.listTypeB.joubax ul li a .tit{margin-top:10px;font-size: 19px;font-weight: bold;letter-spacing: -0.47px;color: #333;}
.listTypeB.joubax ul li a .date{margin-top:15px;font-size: 13px;font-weight: normal;letter-spacing: -0.33px;color: #555;}
.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: 15px;border: 1px solid #000;margin-bottom: 30px;}
.listTypeB.joubax ul li a.jdown:hover { background: #000; color: #fff}

.listTypeB.edupds{}
.listTypeB.edupds ul{margin:0;display: flex;flex-wrap: wrap;gap:60px 90px;}
.listTypeB.edupds ul li{float: none;height:auto;margin:0;width:calc(25% - 69px);}
.listTypeB.edupds ul li a{display: block;width:100%;}
.listTypeB.edupds ul li .photo2{margin-bottom: 20px;}
.listTypeB.edupds ul li .ct{display: block;font-size: 15px;font-weight: normal;line-height: 1;letter-spacing: -0.37px;color: #333;}
.listTypeB.edupds ul li .tit{display: block;font-size: 19px;font-weight: bold;line-height: 1.29;letter-spacing: -0.47px;color: #333;height:50px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.listTypeB.edupds ul li .date{display: block;margin-top:5px;font-size: 13px;font-weight: normal;letter-spacing: -0.33px;color: #555;}

.listTypeB.KidExhi ul li .photo2 {border-radius:20px;}
.listTypeB.KidExhi ul li a .tit {height:auto;text-align:center;line-height:1.4;}


.view3d {position:absolute;right:42px;bottom:-5px;width:83px;padding-right:10px;height:30px;text-align:right;line-height:1.9;font-weight:500;font-size:14px;overflow:hidden;background:url('/_public/images/common/ic_search.png') #222222 no-repeat 10px center;border:1px solid #222;cursor:pointer;color:#fff;}
.collectionview .view3d {left:0;bottom:4px}
.collectionview .view3d_memo {padding-left:100px;font-size:14px}
.collectionview .view3d_memo em {text-decoration:underline}

.listTypeB.ripplet ul li{width:16.66%}
.listTypeB.ripplet ul li a{width:168px}

.listTypeB.collection ul li{width:33.33%;padding:0;height:auto}
.listTypeB.collection ul li a {width:370px;margin:0 auto}
.listTypeB.collection ul li .photo{width:100%;height:280px;border-top:1px solid #222}
.listTypeB.collection ul li .photo img {width:auto;max-width:390px;height:100% !important;display:block;margin:0 auto}
.listTypeB.collection ul li:nth-child(4n+1){clear:none}
.listTypeB.collection ul li:nth-child(3n+1){clear:left}
.listTypeB.collection ul li .tit {font-size:18px;height: auto;}
.listTypeB.collection ul li a:focus { margin-top: 3px}

.listTypeB.major ul{margin:0 -15px}
.listTypeB.major ul li{height:200px;padding:0 15px;width:33.33%}
.listTypeB.major ul li a {width:250px;display:block;margin:0 auto}
.listTypeB.major ul li .photo{width:100%;margin-bottom:10px;height:170px;text-align:center;overflow:hidden}
.listTypeB.major ul li .photo img {width:auto;height:100%;}
.listTypeB.major ul li .tit{width:100%;height:auto;display:block;font-size:14px;text-align:center}
.listTypeB.major ul li:nth-child(4n+1){clear:none}
.listTypeB.major ul li:nth-child(3n+1){clear:left}

.listTypeC{margin-bottom:70px;padding:50px 0;border-top:1px solid #222;border-bottom:1px solid #e2e2e2}
.listTypeC::after{display:block;clear:both;content:''}
.listTypeC .progImg{float:left;}
.listTypeC .progCon{position:relative;float:right;margin-top:30px;width:820px}
.listTypeC .progCon h2{margin-bottom:37px;padding-right:130px;font-size:30px;line-height:1.3}
.listTypeC .progCon h2 span{display:block;font-size:18px;font-weight:400}
.listTypeC .progCon ul{margin:35px 0;padding:25px;border:1px solid #e2e2e2}
.listTypeC .progCon ul li{position:relative;margin-bottom:5px;padding-left:100px;min-height:24px}
.listTypeC .progCon ul li:last-child {margin-bottom:0}
.listTypeC .progCon ul li .name{position:absolute;top:0;left:0;padding-left:11px;font-weight:400}
.listTypeC .progCon ul li .name::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}

.life .see-box h3 { font-size: 36px; margin-bottom: 25px;}
.life .see-time { display: flex;margin-top: 20px; }

.listTypeD ul::after{display:block;clear:both;content:''}
.listTypeD ul li{position:relative;float:left;padding:0;margin-left:38px;width:247px;height:300px;border:1px solid #222}
.listTypeD ul li:first-child{margin-left:0}
.listTypeD ul li a{display:block;height:100%}
.listTypeD ul li .photo{width:245px;height:165px;overflow: hidden;}
.listTypeD ul li .con{padding:17px 15px 0}
.listTypeD ul li .con .tit{display:block}
.listTypeD ul li .con .data{display:block;width:100%;position:relative;font-size:14px;margin-top:10px}
.listTypeD ul li .con .data span {margin-right:5px;font-size:14px}

.listTypeD.collection ul {margin:0 -20px}
.listTypeD.collection ul li{width:296px;height:300px;margin:0 19px 38px;overflow:hidden}
.listTypeD.collection ul li:first-child{margin-left:20px}
.listTypeD.collection ul li a{display:block;height:100%}
.listTypeD.collection ul li .con{padding:12px 12px 0}
.listTypeD.collection ul li .photo{width:296px;height:199px;overflow: hidden;}
.listTypeD.collection ul li .photo img {width:100%}

.listTypeF{width:650px;height:460px;float:left;padding:40px 20px;border:1px solid #e2e2e2;border-width:0 1px 1px 0}
.listTypeF::after{display:block;clear:both;content:''}
.listTypeF:nth-child(2n+2) {border-right:0}
.listTypeF .progImg{width:210px;height:302px;overflow:hidden;float:left;}
.listTypeF .progImg a{display: block;;}
.listTypeF .progImg a:focus{outline: 2px dotted #fff !important;border:2px dotted #000 !important;}
.listTypeF .progImg img {display: block;width:100%}
.listTypeF .progCon{position:relative;width:350px;height:100%;float:left;margin-left:40px;display:inline-block;}
.listTypeF .progCon h2{margin:10px 0 20px 0;font-size:24px;line-height:1.3}
.listTypeF .progCon h2 span{display:block;font-size:18px;font-weight:400;}

.listTypeF .progCon strong {margin:10px 0 20px 0;font-size:24px;line-height:1.3}
.listTypeF .progCon strong span{display:block;font-size:18px;font-weight:400; margin: 5px 0;}

.listTypeF .progCon ul{margin:15px 0 25px 0;padding:0;border:0px solid #e2e2e2}
.listTypeF .progCon ul li{position:relative;margin-bottom:5px;padding-left:90px;font-size:16px;line-height:23px;min-height:23px;}
.listTypeF .progCon ul li:last-child {margin-bottom:0}
.listTypeF .progCon ul li .name{position:absolute;top:0;left:0;padding-left:9px;font-weight:400;font-size:16px}
.listTypeF .progCon ul li .name::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.listTypeF .progCon .progbtn{background-color:#222;text-align:center;color:#fff;display: -moz-inline-stack;display: inline-block;padding: 4px 6px 5px 6px;font-size: 13px;font-weight: 300}
.listTypeF .btnList {width:100%;display:inline-block}
.listTypeF .progCon .btnBc {position:absolute;bottom:0;left:0;}
.listTypeF .progCon .btnBc a {padding:0 40px 0 10px;line-height:40px;font-size:14px;font-weight:400;background-position:88% center}

/*
.listTypeE ul{border-top:1px solid #222}
.listTypeE ul li{padding:30px 0;border-bottom:1px solid #e2e2e2}
.listTypeE ul li:last-child{border-bottom:0}
.listTypeE ul li a{position:relative;display:block;padding-left:247px}
.listTypeE ul li .photo{position:absolute;top:0;left:0;width:200px;height:133px}
.listTypeE ul li .tit{display:block;margin-bottom:25px;padding-right:100px;font-weight:500;color:#222;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.listTypeE ul li .txt{font-size:15px}
.listTypeE ul li .data{position:absolute;top:0;right:0;font-size:13px;color:#858585}
수정전 백업*/

.listTypeE ul{border-top:1px solid #222}
.listTypeE ul:after{content:'';display:block;clear:both}
.listTypeE ul li{width:390px;float:left;margin-right:35px;padding:30px 0}
.listTypeE ul li:last-child{margin:0; border-bottom:0}
.listTypeE ul li a{width:100%;position:relative;display:inline-block;}
.listTypeE ul li .photo{display:block;width:100%;height:250px;overflow:hidden; margin-bottom:15px}
.listTypeE ul li .photo img {width:100%}
.listTypeE ul li .tit{display:block;font-weight:500;color:#222;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
/*.listTypeE ul li .data {float:right}*/

.listTypeG{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeG ul{margin:0 -30px}
.listTypeG ul::after{display:block;clear:both;content:''}
.listTypeG ul li{position:relative;float:left;margin-bottom:55px;width:25%}
.listTypeG ul li:nth-child(4n+1){clear:left}
.listTypeG ul li a{display:block;width:240px;margin:0 auto}
.listTypeG ul li .photo{margin-bottom:15px;width:100%;height:360px;overflow:hidden;}
.listTypeG ul li .photo2{margin-bottom:20px;width:100%;overflow:hidden;}
.listTypeG ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeG ul li .photo2 img{width:100%}
.listTypeG ul li span{display:block}
.listTypeG ul li .part{margin-bottom:15px;font-size:14px}
.listTypeG ul li .tit{font-size:16px;margin-bottom:6px;font-weight:500;line-height:1.3;display: block;height: 50px;}
.listTypeG ul li .txt{margin-bottom:28px;font-size:16px;overflow:hidden;height:46px;line-height:22px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listTypeG ul li .data{font-size:15px}
.listTypeG ul li a:hover .photo img{transform:scale(1.05)}
.listTypeG ul li:nth-child(4n+1){clear:left}




.listTypeG ul li a:focus { margin-top: 3px}
.listTypeB.edupds ul li a:focus { margin: 3px}

.listTypeH{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeH ul{margin:0 -30px}
.listTypeH ul::after{display:block;clear:both;content:''}
.listTypeH ul li{position:relative;float:left;margin-bottom:55px;width:25%}
.listTypeH ul li a{display:block;width:280px;margin:0 auto;border:2px solid transparent;}
.listTypeH ul li .photo{margin-bottom:15px;width:100%;overflow:hidden;border-top:1px solid #222;height:200px}
.listTypeH ul li .photo.sp {height:280px}
.listTypeH ul li .photo2{margin-bottom:20px;width:100%;overflow:hidden;}
.listTypeH ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeH ul li .photo2 img{width:100%}

.listTypeH ul li span{display:block}
.listTypeH ul li .part{margin-bottom:15px;font-size:14px}
.listTypeH ul li .tit{font-size:16px;margin-bottom:6px;font-weight:500;line-height:1.3;display: block;height: 50px;word-break: break-word;}
.listTypeH ul li .txt{margin-bottom:28px;font-size:16px;overflow:hidden;height:46px;line-height:22px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listTypeH ul li .data{font-size:15px}
.listTypeH ul li a:hover .photo img{transform:scale(1.05)}

.listTypeI{overflow:hidden;border-bottom:1px solid #e2e2e2}
.listTypeI ul{margin:0 -1%}
.listTypeI ul::after{display:block;clear:both;content:''}
.listTypeI ul li{position:relative;float:left;width:18%;margin:0 1% 55px;}
.listTypeI ul li a{display:block;width:100%;margin:0 auto;border:2px solid transparent;}
.listTypeI ul li .photo{display:block;margin-bottom:15px;width:100%;overflow:hidden;border-top:1px solid #222;height:200px}
.listTypeI ul li .photo.sp {height:280px}
.listTypeI ul li .photo2{margin-bottom:20px;width:100%;overflow:hidden;}
.listTypeI ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.listTypeI ul li .photo2 img{width:100%}
.listTypeI ul li .tit{display:none;}


.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:100px 20px;}
.listTypeJ ul li{width:calc(25% - 15px);}
.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:20px;}
.listTypeJ ul li .txt-box .ct{font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #000;}
.listTypeJ ul li .txt-box .tit{margin-top:5px;font-size: 17px;font-weight: bold;letter-spacing: -0.43px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.listTypeJ ul li .txt-box strong.tit { 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::after{display:block;clear:both;content:''}
.webzineTop .photo{position:relative;float:left;width:598px}
.webzineTop .photo::after{position:absolute;top:113px;right:-130px;width:185px;height:2px;content:'';background:#222}
.webzineTop .con{float:right;width:470px}
.webzineTop .con h2{margin-bottom:55px;font-size:35px;font-weight:400}
.webzineTop .con h2 span{display:block;margin-bottom:10px;font-size:15px;letter-spacing:0}
.webzineTop .con dl dt{margin:40px 0 15px;font-weight:500}

/*
.webzine{overflow:hidden}
.webzine ul{margin:0 -25px}
.webzine ul::after{display:block;clear:both;content:''}
.webzine ul li{position:relative;float:left;margin-bottom:70px;padding:0 25px;width:270px;}
.webzine ul li::before{position:absolute;top:35px;left:0;width:1px;height:calc(100% - 65px);content:'';background:#e2e2e2}
.webzine ul li .tit{display:block;margin-bottom:10px;font-weight:500}
.webzine ul li .photo{display:block;margin-bottom:5px;overflow:hidden;border:1px solid #e2e2e2;border-top:1px solid #222}
.webzine ul li .photo img{transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.webzine ul li .data{display:block;font-size:15px}
.webzine ul li .photo a:hover img{transform:scale(1.05)}
.webzine ul li .view{position:absolute;right:25px;bottom:5px;width:15px;height:15px;text-indent:-999px;overflow:hidden;content:'';background:url('/_public/images/common/ic_search2.png') no-repeat center center;}
*/

.webzine{overflow:hidden}
.webzine ul{margin:0 -36px}
.webzine ul::after{display:block;clear:both;content:''}
.webzine ul li{position:relative;float:left;margin-bottom:70px;padding:0 36px;width:228px;}
.webzine.list3 ul li{width:221px; height:260px;}
.webzine ul li::before{position:absolute;top:35px;left:0;width:1px;height:calc(100% - 65px);content:'';background:#e2e2e2}
.webzine ul li .tit{display:block;margin-bottom:10px;font-weight:500}
.webzine ul li .photo{display:block;margin-bottom:5px;overflow:hidden;border:1px solid #e2e2e2;border-top:1px solid #222}
.webzine ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.webzine ul li .photo a:hover img{transform:scale(1.05)}
.webzine ul li .data{display:block;font-size:14px}
.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;}


.webzine.item-pripplet{}
.webzine.item-pripplet ul{margin:0;display: flex;flex-wrap: wrap;gap:70px 30px;}
.webzine.item-pripplet ul li{padding:0;width:calc(25% - 23px);float: none;}
.webzine.item-pripplet ul li a{display: block;;}
.webzine.item-pripplet ul li::before{left:-15px;height: calc(100% - 120px);}


/* 페이지 nav */
.paging_box{margin-top:40px}
.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:80px;border-top:1px solid #222}
.viewTypeA thead th{padding:18px 25px;font-size: 1.22rem;font-weight:500;text-align:left;line-height:1.2;border-bottom:1px solid #e2e2e2;}
.viewTypeA thead th .state{display:inline-block;margin-right:20px;width:80px;font-size:14px;color:#fff;text-align:center;line-height:30px;font-weight:400;background:#222}
.viewTypeA tbody th{padding:15px 25px;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:15px 25px;border-bottom:1px solid #e2e2e2;}
.viewTypeA tbody td.contents{padding:60px 25px}
.viewTypeA img {width:100%;}

.viewTypeB{margin-bottom:75px;padding:50px 30px 0 30px;border-top:1px solid #222;border-bottom:1px solid #e2e2e2}
.viewTypeB::after{display:block;clear:both;content:''}
.viewdetails {width:100%;padding-bottom:80px}
.viewdetails::after{display:block;clear:both;content:''}
.viewTypeB img {max-width:100%;}

.viewTypeB .progImg{float:left;margin-bottom:50px}
.viewTypeB .progCon{position:relative;float:right;width:820px;margin-bottom:60px}
.viewTypeB.exhib .progCon{margin-top:60px}
.viewTypeB .progCon h2{margin-bottom:37px;font-size:30px;line-height:1.3}
.viewTypeB .progCon h2 span{display:block;font-size:18px;font-weight:400}
.viewTypeB .progCon h4{margin-bottom:37px;font-size:30px;line-height:1.3}
.viewTypeB .progCon h4 span{display:block;font-size:18px;font-weight:400}

.viewTypeB .progCon ul{margin-top:35px;padding:30px;border:1px solid #e2e2e2}
.viewTypeB .progCon ul li{position:relative;margin-bottom:5px;padding-left:100px;min-height:24px}
.viewTypeB .progCon ul li .name{position:absolute;top:0;left:0;padding-left:11px;font-weight:400}
.viewTypeB .progCon ul li .name::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}
.viewTypeB .progCon .btn{position:absolute;top:0;right:0;width:110px}
.viewTypeB .contents{clear:both;margin:0 -30px;padding:80px 30px;border-top:1px solid #e2e2e2;text-align:center;word-break: break-word;}
.moviebox{width:100%;}
.moviebox video{width:100%;}
.viewTypeB .contents span {}
.viewTypeB .progCon .btnList.right .list:nth-child(1) a { background-image: url('/_public/images/common/ic_down_w.png'); }
.viewTypeB .progCon .btnList.right .list:nth-child(2) a { background-color: #fff; color:#000;  background-image: url('/_public/images/common/ic_down.png'); }
.viewTypeB .progCon .btnList.right .list:nth-child(2) a:hover { background-color:#ebebeb }
.viewTypeB .progCon .btnList.right .list:nth-child(3) a { background-color: #fff; color:#000;  background-image: url('/_public/images/common/ic_down.png'); }
.viewTypeB .progCon .btnList.right .list:nth-child(3) a:hover { background-color:#ebebeb }

/*
.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;text-align:center !important}
*/
.viewTypeB .reserveCon{position:relative;clear:both;margin:0 -30px;padding:80px 30px 80px 360px;border-top:1px solid #e2e2e2;}
.viewTypeB .reserveCon h2.title{position:absolute;top:70px;left:0;}
.viewTypeB .reserveCon h4.title{position:absolute;top:70px;left:0;}
.viewTypeB.riss{padding:0;border:0}
.viewTypeB .photoImg{float:left;text-align:center;margin-bottom:40px;width:544px;}
.viewTypeB .photoImg .img-wrap{overflow: hidden;max-height:285px;}
.viewTypeB .photoImg img {max-width:430px;}
.viewTypeB .inforCon{float:right;width:625px;position:relative;margin-bottom:50px}
.viewTypeB .inforCon h2{margin-bottom:100px;font-size:30px;line-height:1.3}
.viewTypeB .inforCon h4{margin-bottom:100px;font-size:30px;line-height:1.3}

.viewTypeB .inforCon ul{margin-bottom:40px}
.viewTypeB .inforCon ul::after{display:block;clear:both;content:''}
.viewTypeB .inforCon ul li{position:relative;float:left;margin-bottom:7px;padding:0 30px 0 100px;width:50%;min-height:24px;font-size:15px}
.viewTypeB .inforCon ul li .name{position:absolute;top:-2px;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.KidsExhi {padding: 50px 0 0 0;}
.viewTypeB.KidsExhi .photoImg {max-width:400px;padding:0 35px;}
.viewTypeB.KidsExhi .photoImg img {display:block;margin:auto;}
.viewTypeB.KidsExhi .inforCon {width:calc(100% - 550px);}
.viewTypeB.KidsExhi .card-box {position:relative;}
.viewTypeB.KidsExhi .img-slide .slick-slide {margin:0;width:185px !important;max-height:267px;}
.viewTypeB.KidsExhi .img-slide .slick-slide + .slick-slide {margin-left:20px;}
.viewTypeB.KidsExhi .card-box .button-box {position:relative;margin-top:20px;}
.viewTypeB.KidsExhi .card-box .btnList {margin:0;}

.schedualCon{padding-bottom:50px;border-bottom:1px solid #e2e2e2}
.schedualCon .control{position:relative;margin-bottom:22px;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:40px;font-weight:500; border-bottom:1px solid #f8f8f8;}
.schedualCon table thead th:first-child{color:#960600}
.schedualCon table thead th:last-child{color:#0058aa}
.schedualCon table tbody td{position:relative;padding:10px 0;height:100px;vertical-align:top}
.schedualCon table tbody td .con{display:table;width:100%;height:100%;position:relative}
.schedualCon table tbody td .con ul{display:table-cell;vertical-align:bottom;padding-top:20px;}
.schedualCon table tbody td .con ul li{display:flex;align-items: center;position:relative;margin-bottom:10px;font-size:13px;text-align:left;line-height:18px;cursor:pointer}
.schedualCon table tbody td .con ul li::after {content:"";width:100%;height:2px;background-color:#222;position:absolute;bottom:2px;left:0;right:0;margin:0 auto;display:inline-block}
.schedualCon table tbody td .con ul li a{padding:5px;min-height: 30px;position:relative;display:block;line-height:1.2;vertical-align:middle; height:19px;text-overflow: ellipsis; overflow:hidden;white-space:nowrap; font-weight: 500;}
.schedualCon table tbody td .con ul li span{left:0;margin-right:10px;font-weight:500;font-size:13px;background-color:#222;color:#fff;padding:0 4px;display:inline-block;;vertical-align:middle;border:1px solid #222;}
.schedualCon table tbody td .con ul li span.st2{left:0;margin-right:10px;font-weight:500;font-size:13px;background-color:#fff;color:#222;border:1px solid #222; padding:0 4px;display:inline-block;vertical-align:middle;}
.schedualCon table tbody td .con ul li p{display:inline-block;;font-size:14px;}
.schedualCon table tbody td.off .con ul li::after {background-color:#eaeaea}
.schedualCon table tbody td.off .con ul li a {/*color:#ccc;*/}
.schedualCon table tbody td.off .con ul li span {/*background-color:#ccc;border:1px solid #ccc;*/}
.schedualCon table tbody td.off .con ul li span.st2 {background-color:#fff;/*border:1px solid #ccc;color:#ccc;*/}
.schedualCon table tbody td:first-child{color:#960600}
.schedualCon table tbody td:last-child{color:/*#3c91e1*/#004fc2;}
.schedualCon .closed {width:100%;color:#960600;font-size:14px;position:absolute;font-weight:500;top:0}
.schedualCon .closed::after {content:"";width:100%;height:2px;background-color:#ff5e1a;position:absolute;bottom:-6px;left:0;right:0;margin:0 auto;display:none}
.schedualCon table td.off .closed {color:#ccc;}
.schedualCon table td.off .closed::after  {background-color:#eaeaea}

.schedualCon table .popupOpen {position:absolute;top:13px;right:0;width:25px;height:25px;cursor:pointer}
.schedualCon table .popupOpen img {width:100%}
.schedualCon table .popupBox {display:none;position:absolute;top:-100px;left:-100px;width:400px;min-height:250px;padding-bottom:45px;border:1px solid #222;background:#fff;text-align:left;z-index:99}
.schedualCon table .popupBox .title_box {position:relative;padding:10px 20px;margin-bottom:10px;font-size:16px;font-weight:500;color:#fff;border-bottom:1px solid #222;background:#222}
.schedualCon table .popupBox .title_box .popupClose {position:absolute;top:10px;left:auto;right:0;margin-right:15px;padding:0;background:none;transform:rotate(45deg);cursor:pointer}
.schedualCon table .popupBox .title_box .popupClose img {width:20px}
.schedualCon table .popupBox .cont_box {display:table;margin:3px 20px}
.schedualCon table .popupBox .cont_box dt {margin-right:10px;font-weight:500;font-size:13px;background-color:#222;color:#fff;padding:0 5px;display:table-cell;vertical-align:middle}
.schedualCon table .popupBox .cont_box dd {display:table-cell;font-size:14px;padding-left:5px;line-height:1.2;vertical-align:middle}

.schedualCon table .popupBox .cont_box .st2{margin-right:10px;font-weight:500;font-size:13px;background-color:#fff;color:#222;border:1px solid #222; padding:0 4px;display:table-cell;vertical-align:middle;}


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

.s1_1_con1::after{display:block;clear:both;content:''}
.viewing .s1_1_con1{display: flex;flex-wrap: wrap;gap:30px 14px;}
.s1_1_con1 dl{padding:0 20px;width:calc(33.3333% - 17px);height:235px;border:1px solid #e2e2e2;border-top:1px solid #222}
.s1_1_con1 dl dt{height:65px;margin-bottom:25px;padding:20px 0 15px 35px;background-repeat:no-repeat;background-position:left 5px;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:8px;right:0;display: block;width:25px;height:9px;background: url(/_public/images/link_view.png) no-repeat;background-size: cover;}
.s1_1_con1 dl dd{text-align:center}
.s1_1_con1 dl dd ul{}
.s1_1_con1 dl dd ul li{position: relative;text-align: center;font-size: 15px;font-weight: 400;letter-spacing: -0.35px;}
.s1_1_con1 dl dd ul li:first-child::before{display: none;}
.s1_1_con1 dl dd ul li + li{margin-top:25px;padding-top:25px;}
.s1_1_con1 dl dd ul li + li:before{content: "";position: absolute;left:50%;top:0;transform: translateX(-50%);width:139px;height:1px;background:#e6e6e6;}
.s1_1_con1 dl dd ul li span{display: inline-block;font-size:14px;}
.s1_1_con1 dl dd ul.case2 li + li{margin-top:20px;padding-top:20px;}
.s1_1_con1 dl dd ul.case3 li + li{margin-top:10px;padding-top:10px;}


.s1_1_con1 dl dd {margin-bottom:10px}
.s1_1_con1 dl:nth-child(3),
.s1_1_con1 dl:nth-child(6){margin-right:0}
.s1_1_con1 dl.ic1 dt{background-image:url('/_public/images/sub/n_kids_icon01.svg');background-position:0 20px}
.s1_1_con1 dl.ic2 dt{background-image:url('/_public/images/sub/n_kids_icon02.svg');background-position:0 20px}
.s1_1_con1 dl.ic4 dt{background-image:url('/_public/images/information/s1_1_ic1_3.png');background-position:0 20px}
.s1_1_con1 dl.ic3 dt{background-image:url('/_public/images/sub/n_kids_icon02.svg');background-position:0 20px}
.s1_1_con1 dl.ic10 dt{background-image:url('/_public/images/information/s1_1_ic1_10.svg');background-position:0 20px}
.s1_1_con1 dl.ic11 dt{background-image:url('/_public/images/information/s1_1_ic1_11.svg');background-position:0 20px}



.s1_1_con2::after{display:block;clear:both;content:''}
.s1_1_con2 table{float:left;width:510px}
.s1_1_con2 img{float:right}

.comment .s1_1_con2 table{width:415px}

/*통합검색*/
.searchWrap {overflow:hidden;}
.search-a {overflow:hidden;display:block;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #f1f1f1;}
.search-a .search-img {overflow:hidden;float:left;width:20%;height:170px;background:#f1f1f1;}
.search-a .search-txt {float:left;width:80%;padding-left:40px;}
.search-a .s1_tit {font-size:18px;font-weight:500;padding-bottom:15px;}
.search-a .s1_txt {overflow:hidden;height:90px;font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;margin-bottom:15px;}
.search-a .s1_link {font-size:14px;color:#999;text-decoration:underline;}
.search-btn {float:right;}
.search-btn .btnBc a {line-height:44px;}
/*//통합검색*/


.s1_2_1_con1{margin-top:-51px}
.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;float:left;margin-right:65px;padding-top:5px;width:185px;height:61px;font-size:14px;text-align:center;border:1px solid #222}
.s1_2_1_con2 > li span{display:block;font-size:16px;font-weight:500}
.s1_2_1_con2 > li::after{position:absolute;top:50%;right:-45px;margin-top:-5px;width:25px;height:9px;content:'';background:url('/_public/images/common/ic_arrow4.png') no-repeat;}
.s1_2_1_con2 > li:last-child::after{display:none}
.s1_2_1_con3{margin-bottom:-40px;padding-bottom:25px;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;line-height:38px;background-repeat:no-repeat;background-position:left center}
.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:20px 25px;font-size:15px;background:#f8f8f8}

/*-- 예약하기 달력 --*/
.inspecDay{position:relative;padding-left:325px}
.inspecDay .selectDay{position:absolute;top:0;left:0}
.inspecDay .selectDay .day{display:block;margin-bottom:10px;font-size:35px;font-weight:bold;line-height:1}
.inspecDay .selectDay .week{display:block;font-size:18px;color:#222}
/*.inspecDay .selectYear{position:absolute;top:110px;left:0;width:120px;height:40px;color:#222;line-height:38px;text-align:center;border:1px solid #909090}
.inspecDay .selectYear button{position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.inspecDay .selectYear .btnBefore{left:5px;background-image:url('/_public/images/common/ic_s_before.png')}
.inspecDay .selectYear .btnNext{right:5px;background-image:url('/_public/images/common/ic_s_next.png')}
*/
.inspecDay .selectYear{width:140px;color:#222;line-height:38px;text-align:center;position:relative;margin:0 auto 20px}
.inspecDay .selectYear span {font-size:23px;font-weight:500}
.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{padding:0 50px 0}
.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:#929292;border-radius:50%}*/
.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:#dedede;}*/
.inspecDay table tbody td.on a{color:#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:#444 !important;}
/* td.day_today a{background:#000;color:#fff !important;} */

.day_color {}
.day_color div {display:inline-block;margin:15px;position:relative;}
.day_color div::before {width:15px;height:15px;background:#e1e1e1;display:inline-block;clear:both;content:'';margin-right:5px;border-radius: 100%; top:2px; position: relative;}
.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%
  );}

.s1_4_con1{margin:0 auto;padding:90px 0;max-width:1300px;height:915px}
.s1_4_con1 dl{position:relative;padding-left:723px;}
.s1_4_con1 dl dt{margin-bottom:90px;font-size:30px;font-weight:500;line-height:1}
.s1_4_con1 dl dt span{display:block;margin-bottom:15px;font-size:15px;font-weight:400;letter-spacing:0}
.s1_4_con1 dl dd{line-height:1.8}
.s1_4_con1 dl dd.img{position:absolute;top:68px;left:0;}
.s1_4_con1 dl dd.img p{position:absolute;right:-250px;bottom:-60px;font-size:35px;font-weight:400;line-height:1.2}

.s1_4_con2{margin-bottom:335px;background:#f2f2f2;position:relative}
.s1_4_con2 dl{position:relative;margin:0 auto;padding:90px 0 60px 180px}
.s1_4_con2 dl dt{margin-bottom:70px;font-size:30px;font-weight:400}
.s1_4_con2 dl dd{line-height:1.8}
.s1_4_con2 dl dd.img{position:absolute;top:140px;right:0;}
.library .s1_4_con2 .mBtnMore {position:absolute;left:180px;top:540px}

.s1_4_con3{position:relative;margin:0 auto;padding-bottom:120px;max-width:1300px;}
.s1_4_con3::after{display:block;clear:both;content:''}
.s1_4_con3 h2{font-size:13px;font-weight:400;text-align:center;letter-spacing:1.5px;margin-bottom:6px}
.s1_4_con3 h4{font-size:13px;font-weight:400;text-align:center;letter-spacing:1.5px;margin-bottom:6px}
.s1_4_con3 .txt{margin-bottom:60px;font-size:35px;text-align:center;font-weight:400}
.s1_4_con3 > dl{float:left;width:407px;font-size:15px;}
.s1_4_con3 > dl > dt{margin-bottom:10px;padding-left:35px;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')}
.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:18px;font-weight:400;}
.s1_4_con3 > dl.ic1 > dd dl dd{font-size:25px}
.s1_4_con3 > dl.ic2{margin:0 39px}
.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:30px;height:270px;border:1px solid #909090}
.s1_4_con3 > dl > dd li{margin-bottom:5px}

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

.s1_6_1_con{position:relative}
.s1_6_1_con::after{display:block;clear:both;content:''}
.s1_6_1_con .map_menu{position:relative;}


.s1_6_1_con .map_menu h3{position: absolute;left:0;top:0;width:230px;z-index: 10;}
.s1_6_1_con .map_menu h3 a{position:relative;display:block;padding-left:35px;line-height:40px;overflow:hidden;border:1px solid transparent}
.s1_6_1_con .map_menu h3 a .num{opacity:1;position:absolute;top:50%;left:5px;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%);transition:all 0.2s ease}
.s1_6_1_con .map_menu h3 a::before{opacity:0;position:absolute;top:0;left:10px;width:13px;height:9px;content:'';background:url('/_public/images/sub/ic_check.png') no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all 0.2s ease}

.s1_6_1_con .map_menu h3 a:hover,
.s1_6_1_con .map_menu h3.on a,
.s1_6_1_con .map_menu h3.active a{font-weight:500;border:1px solid #222}
.s1_6_1_con .map_menu h3.active.expo02-name a{font-weight:500;border:0}
.s1_6_1_con .map_menu h3 a:hover .num,
.s1_6_1_con .map_menu h3.on a .num,
.s1_6_1_con .map_menu h3.active a .num{opacity:0;top:100%}
.s1_6_1_con .map_menu h3 a:hover::before,
.s1_6_1_con .map_menu h3.on a::before,
.s1_6_1_con .map_menu h3.active a::before{opacity:1;top:50%}


.s1_6_1_con .map_menu h3.t1{}
.s1_6_1_con .map_menu h3.t2{top:52px;}
.s1_6_1_con .map_menu h3.t3{top:104px}
.s1_6_1_con .map_menu h3.t4{top:156px;}
.s1_6_1_con .map_menu h3.t5{top:208px;}
.s1_6_1_con .map_menu h3.t6{top:260px}
.s1_6_1_con .map_menu h3.t7{top:312px;}
.s1_6_1_con .map_menu h3.t8{top:364px;}
.s1_6_1_con .map_menu h3.t9{top:416px;}
.s1_6_1_con .map_menu h3.t10{top:468px;}
.s1_6_1_con .map_menu h3.t11{top:520px;}


.s1_6_1_con .map_menu strong{position: absolute;left:0;top:0;width:230px;z-index: 10;}
.s1_6_1_con .map_menu strong a{position:relative;display:block;padding-left:35px;line-height:40px;overflow:hidden;border:1px solid transparent}
.s1_6_1_con .map_menu strong a .num{opacity:1;position:absolute;top:50%;left:5px;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%);transition:all 0.2s ease}
.s1_6_1_con .map_menu strong a::before{opacity:0;position:absolute;top:0;left:10px;width:13px;height:9px;content:'';background:url('/_public/images/sub/ic_check.png') no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all 0.2s ease}

.s1_6_1_con .map_menu strong a:hover,
.s1_6_1_con .map_menu strong.on a,
.s1_6_1_con .map_menu strong.active a{font-weight:500;border:1px solid #222}
.s1_6_1_con .map_menu strong.active.expo02-name a{font-weight:500;border:0}
.s1_6_1_con .map_menu strong a:hover .num,
.s1_6_1_con .map_menu strong.on a .num,
.s1_6_1_con .map_menu strong.active a .num{opacity:0;top:100%}
.s1_6_1_con .map_menu strong a:hover::before,
.s1_6_1_con .map_menu strong.on a::before,
.s1_6_1_con .map_menu strong.active a::before{opacity:1;top:50%}

.s1_6_1_con .map_menu strong.t1{}
.s1_6_1_con .map_menu strong.t2{top:52px;}
.s1_6_1_con .map_menu strong.t3{top:104px}
.s1_6_1_con .map_menu strong.t4{top:156px;}
.s1_6_1_con .map_menu strong.t5{top:208px;}
.s1_6_1_con .map_menu strong.t6{top:260px}
.s1_6_1_con .map_menu strong.t7{top:312px;}
.s1_6_1_con .map_menu strong.t8{top:364px;}
.s1_6_1_con .map_menu strong.t9{top:416px;}
.s1_6_1_con .map_menu strong.t10{top:468px;}
.s1_6_1_con .map_menu strong.t11{top:520px;}

.s1_6_1_con .view_photo2 .infor strong { position:relative;}



.s1_6_1_con .map_menu .con-box{display: none;padding-top:345px;}

.s1_6_1_con .map_area{position:absolute;right:0;;width:500px;top:0;display:none;}
.s1_6_1_con .map_area .view_number{position:relative;margin-bottom:25px}
.s1_6_1_con .map_area .view_number .posi_num span{opacity:0;position:absolute;width:28px;height:39px;font-size:12px;color:rgba(255,255,255,0.8);line-height:23px;text-align:center;background:url('/_public/images/sub/mark_bg1.png') no-repeat;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.s1_6_1_con .map_area .view_number .posi_num span.active,
.s1_6_1_con .map_area .view_number .posi_num span.on{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.s1_6_1_con .map_area .view_number .posi_num .num1_1{top:145px;left:290px}
.s1_6_1_con .map_area .view_number .posi_num .num1_2{top:150px;left:22px}
.s1_6_1_con .map_area .view_number .posi_num .num1_3{top:130px;left:107px}
.s1_6_1_con .map_area .view_number .posi_num .num1_4{top:100px;left:154px}
.s1_6_1_con .map_area .view_number .posi_num .num1_5{top:134px;left:180px}
.s1_6_1_con .map_area .view_number .posi_num .num1_6{top:80px;left:290px}
.s1_6_1_con .map_area .view_number .posi_num .num1_7{top:150px;left:403px}
.s1_6_1_con .map_area .view_number .posi_num .num1_8{top:267px;left:370px;}

.s1_6_1_con .map_area .view_number .posi_num .num2_1{top:152px;left:235px}
.s1_6_1_con .map_area .view_number .posi_num .num2_2{top:60px;left:195px}
.s1_6_1_con .map_area .view_number .posi_num .num2_3{top:75px;left:368px}
.s1_6_1_con .map_area .view_number .posi_num .num2_4{top:129px;left:53px}
.s1_6_1_con .map_area .view_number .posi_num .num2_5{top:175px;left:140px}
.s1_6_1_con .map_area .view_number .posi_num .num2_6{top:220px;left:128px}
.s1_6_1_con .map_area .view_number .posi_num .num2_7{top:182px;left:194px}
.s1_6_1_con .map_area .view_number .posi_num .num2_8{top:136px;left:290px}
.s1_6_1_con .map_area .view_number .posi_num .num2_9{top:136px;left:400px}
.s1_6_1_con .map_area .view_number .posi_num .num2_10{top:107px;left:410px}

.s1_6_1_con .map_area .view_number .posi_num .num3_1{top:152px;left:376px}
.s1_6_1_con .map_area .view_number .posi_num .num3_2{top:108px;left:125px}
.s1_6_1_con .map_area .view_number .posi_num .num3_3{top:163px;left:54px}
.s1_6_1_con .map_area .view_number .posi_num .num3_4{top:143px;left:124px}
.s1_6_1_con .map_area .view_number .posi_num .num3_5{top:175px;left:32px}
.s1_6_1_con .map_area .view_number .posi_num .num3_6{top:125px;left:393px}
.s1_6_1_con .map_area .view_number .posi_num .num3_7{top:158px;left:320px}
.s1_6_1_con .map_area .view_number .posi_num .num3_8{top:138px;left:190px}

.s1_6_1_con .map_area .view_number .posi_num .num4_1{top:142px;left:70px}
.s1_6_1_con .map_area .view_number .posi_num .num4_2{top:172px;left:53px}
.s1_6_1_con .map_area .view_number .posi_num .num4_3{top:145px;left:95px}
.s1_6_1_con .map_area .view_number .posi_num .num4_4{top:160px;left:203px}
.s1_6_1_con .map_area .view_number .posi_num .num4_5{top:202px;left:352px}
.s1_6_1_con .map_area .view_number .posi_num .num4_6{top:230px;left:276px}
.s1_6_1_con .map_area .view_number .posi_num .num4_7{top:214px;left:139px}
.s1_6_1_con .map_area .view_number .posi_num .num4_8{top:157px;left:372px}
.s1_6_1_con .map_area .view_number .posi_num .num4_9{top:135px;left:401px}
.s1_6_1_con .map_area .view_number .posi_num .num4_10{top:129px;left:417px}
.s1_6_1_con .map_area .view_number .posi_num .num4_11{top:185px;left:252px}
.s1_6_1_con .map_area .view_number .posi_num .num4_12{top:70px;left:284px}
.s1_6_1_con .map_area .view_number .posi_num .num4_13{top:71px;left:107px}

.s1_6_1_con .map_area .view_photo{position:relative;height:280px;overflow:hidden;border-top:1px solid #222}
.s1_6_1_con .map_area .view_photo img{opacity:0;position:absolute;top:0;left:0;z-index:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.s1_6_1_con .map_area .view_photo img.active{opacity:1;z-index:2}
.s1_6_1_con .map_area .view_photo img.on{opacity:1;}

.s1_6_1_con .view_photo2.expo02_viewbox{min-height:880px}
.s1_6_1_con .view_photo2{position:relative;clear:both;min-height:300px}
.s1_6_1_con .view_photo2 .infor{position:relative;}
.s1_6_1_con .view_photo2 .infor::after{display:block;clear:both;content:''}
.s1_6_1_con .view_photo2 .infor .photo{border-top:1px solid #222;float:right;margin-bottom:55px;width:500px;height:280px;transition:all 0.2s ease;transition-delay:0.8s}
.s1_6_1_con .view_photo2 .infor .cont-box01{border-top:1px solid #222;background: #f2f2f2;float:right;margin-bottom:55px;width:630px;padding: 20px;transition:all 0.2s ease;transition-delay:0.8s}
.s1_6_1_con .view_photo2 .infor .cont-box01 .cont-info{background: #fff;padding: 30px;}
.s1_6_1_con .view_photo2 .infor .cont-box01 .cont-info strong{font-size: 24px;font-weight: 500;}
.s1_6_1_con .view_photo2 .infor .cont-box01 .cont-info p{font-size: 18px;margin: 20px 0 20px;}
.s1_6_1_con .view_photo2 .infor .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;}
.s1_6_1_con .view_photo2 .infor .cont-box01 .cont-info div{overflow: hidden;width: 100%;border-top: 1px solid #d4d4d4;padding-top: 30px;line-height: 30px;}
.s1_6_1_con .view_photo2 .infor .cont-box01 .cont-info div img {width: 530px;}
.s1_6_1_con .view_photo2 .infor dl{position:relative;clear:both;padding:25px 0 0 320px;border-top:1px solid #222}
.s1_6_1_con .view_photo2 .infor dl dt{position:absolute;top:25px;left:30px;font-size:19px}
.s1_6_1_con .view_photo2 .infor dl dt span{display:block;margin-top:5px;font-size:15px;color:#424242}
.s1_6_1_con .view_photo2 .infor dl dd .tbTypeA{margin-bottom:20px;font-size:15px;border-top:1px solid #e2e2e2}
.s1_6_1_con .view_photo2 .infor dl dd .tbTypeA thead th{padding:15px 0;font-weight:400}
.s1_6_1_con .view_photo2 .infor dl dd .tbTypeA tbody th{padding:15px 10px}
.s1_6_1_con .view_photo2 .infor dl dd .tbTypeA tbody td{padding:15px 10px}
.s1_6_1_con .view_photo2 .infor.active{display:block;z-index:2}
.s1_6_1_con .view_photo2 .infor.on .photo img{display:block}

.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: 17px;float: left;margin-bottom: 25px;padding-left: 35px;width: 16.6666%;background-repeat: no-repeat;background-position: left center;background-size: 38px 37px;padding: 8px 0 8px 45px;}
.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.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:20px;font-size:26px;font-weight:400}
.s2_2_1_con .img{margin:55px 0;text-align:center}

.s2_2_1_con .img02_box { margin-top: 70px;display: flex; align-items: center;}
.s2_2_1_con .img02_box div { margin-left: 70px}
.s2_2_1_con .img02_box div p.p2box { margin-bottom: 30px;}
.s2_2_1_con .img02_box.reverse{flex-direction: row-reverse;gap:40px;justify-content: flex-end;}
.s2_2_1_con .img02_box.reverse div{margin:0;}

.s1_6_1_con.con3 .map_menu{position:absolute;top:0;left:0;z-index:10}
.s1_6_1_con.con3 .map_menu.expo02-menu{position:absolute;top:0;left:0;z-index:10;border-top: 1px solid #000;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 0.1rem;}
.s1_6_1_con.con3 .map_menu.expo02-menu02{top:147px;border-top: 1px solid #000;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 0.1rem}
.s1_6_1_con.con3 .map_menu.expo02-menu03{top:420px;border-top: 1px solid #000;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 0.1rem}
.s1_6_1_con.con3 .map_menu.expo02-menu04{top:735px;border-top: 1px solid #000;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 0.1rem}
.s1_6_1_con.con3 .map_menu.expo02-menu .expo02-name {border-bottom: 1px solid #e4e4e4;}
.s1_6_1_con.con3 .map_menu.expo02-menu .expo02-name:last-child {border-bottom: 0;}
.s1_6_1_con.con3 .map_menu.expo02-menu02 .expo02-name {border-bottom: 1px solid #e4e4e4;}
.s1_6_1_con.con3 .map_menu.expo02-menu02 .expo02-name:last-child {border-bottom: 0;}
.s1_6_1_con.con3 .map_menu.expo02-menu03 .expo02-name {border-bottom: 1px solid #e4e4e4;}
.s1_6_1_con.con3 .map_menu.expo02-menu03 .expo02-name:last-child {border-bottom: 0;}
.s1_6_1_con.con3 .map_menu.expo02-menu04 .expo02-name {border-bottom: 1px solid #e4e4e4;}
.s1_6_1_con.con3 .map_menu.expo02-menu04 .expo02-name:last-child {border-bottom: 0;}
.s1_6_1_con .map_menu.expo02-menu li a{border:0}
.s1_6_1_con .map_menu.expo02-menu02 li a{border:0}
.s1_6_1_con .map_menu.expo02-menu03 li a{border:0}
.s1_6_1_con .map_menu.expo02-menu04 li a{border:0}

.s5_1_con1{position:relative;margin:0 auto;padding:80px 545px 80px 0;width:1300px;color:#222;}
.s5_1_con1::after{display:block;clear:both;content:''}
.s5_1_con1 .txt1{margin-bottom:80px;font-size:30px;font-weight:400;line-height:1.2}
.s5_1_con1 .txt1 span{display:block;margin-bottom:10px;font-size:15px;font-weight:500}
.s5_1_con1 .txt2{float:left;line-height:1.8}
.s5_1_con1 .img{position:absolute;bottom:-200px;right:0;width:540px;}
.s5_1_con1 .img img{width:100%;}
.s5_1_con2{background:#f2f2f2}
.s5_1_con2 .con{position:relative;margin:0 auto;padding:80px 545px 80px 0;width:1300px;color:#434343}
.s5_1_con2 .con .img{position:absolute;top:-160px;left:0}
.s5_1_con2 .con .img p{display:none;position:absolute;top:140px;left:400px;width:800px;font-size:35px;font-weight:400;line-height:1.2}
.s5_1_con2 .con .txt1{margin-bottom:70px;font-size:25px;font-weight:400;line-height:1.2}
.s5_1_con2 .con .txt2{line-height:1.8}

.organCon{margin:0 auto;padding:80px 0;width:1100px;text-align:center}
.organCon::after{display:block;clear:both;content:''}
.organCon a{display:block}
.organCon .org1{display:inline-block;margin-bottom:0;padding-top:35px;font-size:18px;color:#fff;font-weight:500;width:111px;height:111px;line-height:1.2;background:#222;border-radius:50%}
.organCon .left .org1 {margin-left:0}
.organCon .org1 span{display:block;font-size:14px;font-weight:400;}
.organCon .org1_1,
.organCon .org1_2{display:inline-block;width:75px;font-size:14px;line-height:50px;background:#fff;border:1px solid #909090}
.organCon .org2{display:inline-block;margin-bottom:30px;width:170px;line-height:50px;font-weight:500;background:#f8f8f8;border:1px solid #222}
.organCon .org3{display:inline-block;width:170px;line-height:50px;font-weight:500;background:#fff;border:1px solid #909090}
.organCon .last {position: relative;margin-top:10px;}
.organCon .last li{margin-bottom:10px;line-height:50px;background:#fff;border:1px solid #e2e2e2}

.organCon .left{position:relative;float:left;width:600px;background:url('/_public/images/knmm/s5_2_1_line.gif') no-repeat center -8px;}
.organCon .left li{position:relative;}
.organCon .left .org1_1{margin:0 0 23px 0}
.organCon .left .org1_2{position:absolute;top:30px;left:58%;z-index:2}
.organCon .left .org2{position:absolute;top:-17px;left:0;right:0;margin:0 auto;z-index:2}
.organCon .left .tf{margin-top:80px;text-align: left;}
.organCon .left .tf span{display:inline-block;  text-align: center;width: 170px;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-top:148px;width:170px;margin-right:25px}
.organCon .left > li > ul > li > ul > li:last-child{margin-right:0}
.organCon .left > li > ul > li > ul > li .org3{position:absolute;top:100px;left:0;}
.organCon .left > li > ul > li > ul > li .last{margin-top:25px}
.organCon .left .etc{position:absolute;top:260px;right:-200px}

.organCon .right{position:relative;float:right;padding-top:0px;width:170px}
.organCon .right::after{position:absolute;top:192px;left:50%;width:1px;height:395px;content:'';background:#e2e2e2}
.organCon .right li{position:relative;z-index:2}

.s5_2_con{position:relative;padding-left:360px}
.s5_2_con p{position:absolute;top:0;left:0;}
.s5_2_con p strong {display:block;margin-bottom:25px;font-size:43px}

.organ_search{margin-bottom:35px}
.organ_search::after{display:block;clear:both;content:''}
.organ_search select{float:left;width:209px;height:50px;border:1px solid #222}
.organ_search .search{position:relative;float:right;padding-right:65px;width:595px;height:50px;border:1px solid #222}
.organ_search .search .inpTxt{width:100%;height:100%;border:0;margin-left:160px}
.organ_search .search .btn{position:absolute;top:0;right:0;width:65px;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 {position:relative;float:right;padding-right:65px;width:595px;height:50px;border:1px solid #222}
.organ_search .search .selectb {width:150px;position:absolute;left:0;top:-1px}
.organ_search .search .selectb{border-width:0 1px 0 0}

.s5_3_1_con1{margin:0 auto;padding:80px 0 300px;width:1300px; position:relative}
.s5_3_1_con1::after{display:block;clear:both;content:''}
.s5_3_1_con1 h2{margin-bottom:70px;font-size:23px}
.s5_3_1_con1 > p{float:left;}
.s5_3_1_con1 .img{width:600px;height:470px; position:absolute;top:180px;right:100px}
/*.s5_3_1_con1 .img:after{content:'';display:block;width:185px;height:2px;background:#111111;position:absolute;top:260px;left:-160px;z-index:10;}*/
.s5_3_1_con1 .img .swiper-container,
.s5_3_1_con1 .img .swiper-slide {width:100%; height:100%; overflow:hidden}
.s5_3_1_con1 .img p {position: absolute;right: -62px;bottom: 25px;font-size: 40px;z-index: 10;line-height: 50px;font-weight: 200;}
.s5_3_1_con1 .img span {position: absolute;top: -30px;right: -100px;z-index: 10;letter-spacing: 1px;font-size:14px;font-weight: 300;}


.s5_3_1_con2{background:#f2f2f2}
.s5_3_1_con2 .con{position:relative;margin:0 auto;padding:100px 0 80px 700px;width:1300px}
.s5_3_1_con2 h2{margin-bottom:40px; margin-top:10px; font-size:23px}
.s5_3_1_con2 h4{margin-bottom:40px; margin-top:10px; font-size:23px}
.s5_3_1_con2 .img{width:684px;position:absolute;top:100px;left:-80px;}
.s5_3_1_con2 .img .img2 {margin:30px 0 0 82px}
.s5_3_1_con2 ul li{position:relative;margin-bottom:25px;padding-left:125px}
.s5_3_1_con2 ul li .name{position:absolute;top:0;left:0;}

.historyCon{position:relative;margin:0 auto;padding:100px 0 80px 700px;width:1300px}
.historyCon > ol > li{position:relative;margin-bottom:50px;padding-top:5px;padding-left:128px}
.historyCon > ol > li .year{position:absolute;top:0;left:0;font-family: 'Roboto';font-size:25px}
.historyCon > ol > li ol li{position:relative;margin-bottom:14px;padding-left:60px}
.historyCon > ol > li ol li .month{position:absolute;top:0;left:0;width:27px;height:27px;line-height:25px;text-align:center;border:1px solid #969696;border-radius:50%}

.s5_3_2_con1{margin:0 auto;padding:80px 0;width:1300px}
.s5_3_2_con1::after{display:block;clear:both;content:''}
.s5_3_2_con1 h2{margin-bottom:65px;font-size:35px;font-weight:400}
.s5_3_2_con1 h4{margin-bottom:65px;font-size:35px;font-weight:400}
.s5_3_2_con1 > p{float:left}
.s5_3_2_con1 .img{position:relative;float:right;text-align:right}
.s5_3_2_con1 .img::before{position:absolute;top:87px;left:-105px;width:185px;height:2px;content:'';background:#222;z-index:20}
.s5_3_2_con1 .img .imgSlide{margin:0 78px 18px 0;width:636px}
.s5_3_2_con1 .img .nextSlide{padding-right:48px;font-size:15px;font-weight:400;/*background:url('/_public/images/common/ic_arrow4.png') no-repeat right center;*/}

.s5_3_2_con2::after{display:block;clear:both;content:''}
.s5_3_2_con2 h3{margin-bottom:40px;font-size:28px;font-weight:400}
.s5_3_2_con2 h5{margin-bottom:40px;font-size:28px;font-weight:400}
.s5_3_2_con2 p{float:left;width:420px}
.s5_3_2_con2 .img{float:right}

.s5_3_3_con1::after{display:block;clear:both;content:''}
.s5_3_3_con1 .img{float:left}
.s5_3_3_con1 .con{float:right;width:610px}
.s5_3_3_con1 .con .txt{display:block;margin-bottom:10px;font-size:15px;font-weight:400;letter-spacing:0}
.s5_3_3_con1 .con p{margin-top:27px;font-size: 19px;  font-weight: 300;  color: #000;}
.s5_3_3_con1 .con h2{font-size:35px;line-height:1.2;font-weight:500}
.s5_3_3_con1 .con h4{font-size:35px;line-height:1.2;font-weight:500}
.s5_3_3_con1 .con dl dt{margin-bottom:18px;font-size:18px;color:#424242;font-weight:500}
.s5_3_3_con1 .con dl dd{margin-bottom:45px}
.s5_3_3_con1 .con .btnBc.down a{background-image: url(/_public/images/common/ic_down_w.png);}

.s5_3_3_con2{margin:0 auto;width:1300px}
.s5_3_3_con2 .tit{font-size: 24px;font-weight: 500;  color: #222;}
.s5_3_3_con2 ul{margin-top:50px;display: flex;}
.s5_3_3_con2 ul + ul{margin-top:102px;}
.s5_3_3_con2 ul li{flex:1;}
.s5_3_3_con2 ul li img{display: block;width:100%;}
.s5_3_3_con2 ul li h4{font-size: 19px;font-weight: 300;color: #222;margin-bottom:6px;}
.s5_3_3_con2 ul li h4 strong{font-weight: bold;}
.s5_3_3_con2 ul li + li{margin-left:53px;}


.s5_3_3_con3{margin:0 auto;width:1300px}
.s5_3_3_con3 .tit{font-size: 24px;font-weight: 500;  color: #222;}
.s5_3_3_con3 h4{margin-top:40px;font-size: 19px;color: #222;font-weight: 400;}
.s5_3_3_con3 h5{margin-top:40px;font-size: 19px;color: #222;font-weight: 400;}
.s5_3_3_con3 .tit + h4{margin-top:63px;}
.s5_3_3_con3 .tit + h5{margin-top:63px;}
.s5_3_3_con3 .con{margin-top:20px;}
.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;width:16.66%}
.s5_3_3_con3 .con dl dt{margin-bottom:5px;font-weight:400}
.s5_3_3_con3 .con dl dd .col{margin-bottom:15px;width:140px;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.4}
.s5_3_4_bg .txt2{line-height:1.8}

.s5_3_4_con1{margin-bottom:135px}
.s5_3_4_con1 .movie{position:relative;margin:0 auto 40px;width:936px}
.s5_3_4_con1 .movie a::before{position:absolute;top:50%;left:50%;width:61px;height:71px;content:'';background:url('/_public/images/common/ic_movie_play.png') no-repeat;transform:translate(-50%,-50%)}
.s5_3_4_con1 p{position:relative;padding-left:220px;font-size:35px;font-weight:400;line-height:1.2}
.s5_3_4_con1 p::before{position:absolute;top:22px;left:0;width:185px;height:2px;content:'';background:#222	}

.s5_3_4_con2{float:right;margin-bottom:75px;margin-right:115px}

.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:50px}
.s5_4_6_con li{display:inline-block;margin-right:100px;padding-top:180px;width:170px;text-align:center;vertical-align:top;background-repeat:no-repeat;background-position:center top}
.s5_4_6_con li span{display:block;margin-bottom:10px;font-size:18px;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 > li{position:relative;margin-bottom:30px;padding-left:115px}
.s5_7_1_1_con > li > .num{position:absolute;top:0;left:0;width:65px;height:65px;font-family:'Roboto';font-size:25px;font-weight:500;line-height:65px;text-align:center;border:1px solid #909090}
.s5_7_1_1_con > li strong {display:block;font-size:19px;font-weight:400;margin:70px 0 20px;}
.s5_7_1_1_con > li span {display:block;margin-bottom:5px;}

.s5_7_7_con h3{margin:60px 0 20px;font-size:16px;font-weight:400}
.s5_7_7_con h3:first-child{margin-top:0}
.s5_7_7_con h5{margin:60px 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{width:540px}
.loginBox .loginCon{margin:25px 0 55px;padding:55px;text-align:right;border:1px solid #222}
.loginBox .loginCon li{position:relative;margin-bottom:28px;padding-left:90px;text-align:left}
.loginBox .loginCon li .name{position:absolute;top:10px;left:0}
.loginBox .loginCon li .wrt_input{width:100%}
.loginBox .loginCon li .cer_check{border:1px solid #222}
.loginBox .loginCon li .cer_check .num{display:inline-block;margin-right:15px;width:110px;text-align:center;line-height:50px;border-right:1px solid #e2e2e2}
.loginBox .loginCon li .cer_check .inpt{width:150px;border:0;}
.loginBox .loginCon li p{font-size: 14px;margin-top: 5px;color: #606060;}
.loginBox .loginCon .btn{width:340px;height:50px;font-size:16px;color:#fff;text-align:center;background:#222;border:0}


.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:185px 8px 8px;width:350px;text-align:center;background-repeat:no-repeat;background-position:center 58px;border:1px solid #222}
.join_select ul li:first-child{margin-right:70px;}
.join_select ul li b{display:block}
.join_select ul li a{display:block;margin-top:25px;color:#fff;line-height:50px;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:30px;background:#f8f8f8}
.agreeBox h3{margin-bottom:20px;font-size:16px;}
.agreeBox .agree-textbox{padding:20px;height:300px;overflow-y:auto;background:#fff;box-sizing:border-box;}
.agreeBox .agr_chk{margin-top:20px;padding-top:20px;text-align:right;border-top:1px solid #e2e2e2}
.agreeBox .agr_chk::after{display:block;clear:both;content:''}
.agreeBox .agr_chk .btn_ic_view{float:right;display:inline-block;font-size:14px;background:url('/_public/images/common/ic_search2.png') no-repeat right center;}
.agreeBox .agr_chk .btn_ic_view a{display:block;padding-right:22px;}
.agreeBox .agr_chk input[type="radio"]{float:left;position:relative;top:6px;}

.join_cer ul::after{display:block;clear:both;content:''}
.join_cer > ul > li{float:left;padding:205px 8px 8px;width:350px;font-size:15px;background-repeat:no-repeat;background-position:center 50px;border:1px solid #222}
.join_cer > ul > li:first-child{margin-right:70px;}
.join_cer > ul > li p{margin-bottom:25px;padding:0 20px}
.join_cer > ul > li dl{padding:0 20px;height:220px}
.join_cer > ul > li dl dt{margin-bottom:20px;font-weight:500;}
.join_cer > ul > li dl dd{font-size:14px}
.join_cer > ul > li dl dd li{margin-bottom:8px}
.join_cer > ul > li.ic1{background-image:url('/_public/images/sub/ic_join_3.png')}
.join_cer > ul > li.ic2{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 30px;font-weight:400;text-align:left;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 30px;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}
.joinForm tbody td label{float:none;margin-bottom:0;}
.joinForm tbody td input[type="radio"]{float:none;position:relative;}

.join_end{text-align:center;background:url('/_public/images/sub/join_end.png') no-repeat center 85px;}
.join_end h2{margin-bottom:345px;font-size:28px;font-weight:700}
.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 40px 35px 0;padding:20px;width:245px;height:235px;border:1px solid #e2e2e2;border-top:1px solid #222}
.s3_3_con1 dl dt{margin-bottom:30px;padding:6px 0 20px 45px;background-repeat:no-repeat;background-position:left 3px;border-bottom:1px solid #e2e2e2}
.s3_3_con1 dl dd{text-align:center}
.s3_3_con1 dl dd b{font-size:18px}
.s3_3_con1 dl dd strong{font-size:18px}
.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')}
.s3_3_con1 dl.ic2 dt{background-image:url('/_public/images/education/s3_3_ic1.png')}
.s3_3_con1 dl.ic3 dt{background-image:url('/_public/images/education/s3_3_ic2.png')}

.s3_3_con2 h3{margin-bottom:85px;font-size:30px;font-weight:400}
.s3_3_con2 h3 span{display:block;margin-bottom:15px;font-size:15px}
.s3_3_con2 dl dt .tit{display:block;margin-bottom:10px;font-size:18px;font-weight:500}
/*
.s3_3_con2 ul::after{display:block;clear:both;content:''}
.s3_3_con2 ul li{float:left;padding-top:145px;margin-right:50px;width:220px;text-align:center;background-repeat:no-repeat;background-position:center top}
.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')}
.s3_3_con2 ul li.ic3{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;padding:30px 28px;width:390px;border:1px solid #e2e2e2;border-top:1px solid #222}
.s3_3_con3 dl.first{margin-right:40px}
.s3_3_con3 dl dt{margin-bottom:15px;font-size:18px;font-weight:500}
.s3_3_con3 dl dd.img{margin:30px -30px -30px}
h3.beicon::before { content: "";   background: url('/_public/images/information/s1_1_ic1_10.svg') no-repeat !important;}
h4.beicon2::before { content: "";   background: url('/_public/images/information/s1_1_ic1_10.svg') no-repeat !important;}
.kids-cont .s3_3_con1{width:clac(100% - 446px);display: flex;gap:20px;flex-wrap: nowrap;}
.kids-cont .s3_3_con1.flex .col1 dl{width:100%;height:100%;background: #fff;}
.kids-cont .s3_3_con1.flex .col1{width:515px;}
.kids-cont .s3_3_con1.flex .col2{width:320px;}
.kids-cont .s3_3_con1.flex .col2 dl{float: none;width:100%;height:180px;}
.kids-cont .s3_3_con1.flex .col2 dl + dl{margin-top:20px;}

.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  .tit{font-size: 21px;font-weight: 500;letter-spacing: -1.05px;color: #232323;}
.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: 16px;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;}
.kids-cont .layout .info-box{padding:25px 30px;margin-top:20px;background: #f8f8f8;border: 0;}
.kids-cont .layout .info-box ul{}
.kids-cont .layout .info-box ul li{position: relative;padding-left: 10px;font-size: 16px;font-weight: 400;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.87;letter-spacing: -0.38px;color: #232323;}
.kids-cont .layout .info-box ul li::before{content: "";position: absolute;top:14px;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:55px;}
.kids-cont .layout .info-group section h3{font-size: 21px;font-weight: 700;letter-spacing: -1.05px;color: #000;line-height: 1;margin-bottom: 20px;}
.kids-cont .layout .info-group section .info-box{}
.kids-cont .layout .info-group section .info-box ul li{font-size: 17px;font-weight: 400;line-height: 2.08;letter-spacing: -0.87px;color: #000;}
.kids-cont .layout .info-group section .info-box ul li::before{top:17px;}
.kids-cont .layout .info-group section h4{font-size: 21px;font-weight: 700;letter-spacing: -1.05px;color: #000;line-height: 1;margin-bottom: 20px;}

.kids-cont .flex-box{display: flex;gap:19px;}
.kids-cont .flex-box .img{width:426px;border: 1px solid #e2e2e2;border-top: 1px solid #222;background: #fff;}
.kids-cont .flex-box .img img{display: block;}
.kids-cont .flex-box .s3_3_con1{display: flex;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:calc(33.3333% - 14px);background: #fff;}
.kids-cont .flex-box .s3_3_con1 dl dt{padding-top:4px;font-size: 16px;font-weight: 500;padding-left: 35px;}
/*
.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')}
.kids-cont .flex-box .s3_3_con1 dl.ic3 dt{background-image:url('/_public/images/sub/kids_icon03.png')}
.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')}
.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.ic1 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon01.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic2 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon02.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic3 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon03.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic4 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon04.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic5 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon05.svg')}
.kids-cont .flex-box .s3_3_con1 dl.ic6 dt{background-image:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon06.svg')}
.kids-cont .flex-box .s3_3_con1 dl dd{font-size: 15px;font-weight: 400;letter-spacing: -0.35px;}
.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 span{display: inline-block;margin-bottom: 10px;}
.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: center;font-size: 15px;font-weight: 400;letter-spacing: -0.35px;}
.kids-cont .flex-box .s3_3_con1 dl dd ul li::before{content: "";position: absolute;left:50%;top:-15px;transform: translateX(-50%);width:157px;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 + li{margin-top:30px;}
.kids-cont .info-box2{padding:20px;border: 1px solid #e2e2e2;border-top: 1px solid #222;background: #fff;}
.kids-cont .info-box2 h3{position:relative;padding-left: 37px;padding-bottom: 20px;border-bottom:1px solid #e2e2e2;}
.kids-cont .info-box2 h3::before{content: "";position: absolute;top:-5px;left:0;display: block;width:25px;height:26px;background:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon07.svg') no-repeat;background-size: cover;}
.kids-cont .info-box2 h4{position:relative;padding-left: 37px;padding-bottom: 20px;border-bottom:1px solid #e2e2e2;}
.kids-cont .info-box2 h4::before{content: "";position: absolute;top:-5px;left:0;display: block;width:25px;height:26px;background:url('https://www.mmk.or.kr/_public/images/sub/n_kids_icon07.svg') no-repeat;background-size: cover;}
.kids-cont .info-box2 .list-box{}
.kids-cont .info-box2 .list-box > div{margin-top:20px;position: relative;font-size: 16px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding:0 15px;}


.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 + li{margin-top:20px;}
.kids-cont .info-box2 .list-box > div ul li p{position: relative;font-size: 16px;font-weight: 400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding-left: 10px;}
.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 .info-box2 .list-box > div ul li .down{position: absolute;left:0px;top:0px;background: #202020;}
.kids-cont .info-box2 .list-box > div .ul-group{display: flex;gap:85px;}
.kids-cont .info-box2 .list-box > div .ul-group ul li{line-height: 1.92}
.kids-cont .info-box2 .list-box > div .ul-group ul li + li{margin-top:0;}
.kids-cont .info-box2 .list-box > div .ul-flex{display: flex;;gap:90px;}


.kids-cont .infobobo { display: flex; gap: 20px}
.kids-cont .infobobo div {flex: 1}
.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; margin-bottom: 10px;}
.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: 20px;right: 10px;background-image: url(/_public/images/sub/kids_down_w.png);vertical-align: middle;}
.kids-cont .info-box2 .btnBc.downkids i { position: relative; top: 15px;display:inline-block; width: 16px; height: 16px; background-size: cover;background-image: url(/_public/images/sub/kids_sh_w.png); font-size:0px; }
.kids-cont .info-box2 .btnBc.down i {display:inline-block;width: 13px;height: 17px;background-size: cover;position: absolute;top: 20px;right: 20px;background-image: url(/_public/images/sub/kids_down_w.png);vertical-align: middle; }


/* .kids-cont .info-box2 .list-box .btn-group{position: absolute;top:0;right:0;display: flex;gap:18px;} */
.kids-cont .info-box2 .list-box .btn-group{ display: flex;gap:18px; margin-top: 12px}
.kids-cont .flex-box2{display: flex;gap:70px;align-items: flex-end;}
.kids-cont .flex-box2 > div{flex:1;}
.kids-cont .flex-box2 .txt{}
.kids-cont .flex-box2 .txt em{display: block;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;color: #353535;}
.kids-cont .flex-box2 .txt h2{margin-top: 10px;font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #353535;}
.kids-cont .flex-box2 .txt h4{margin-top: 10px;font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #353535;}


.kids-cont .flex-box2 .txt p{margin-top:45px;font-size: 16px;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{display: block;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;color: #353535;}
.kids-cont .list-box2 h3{margin-top: 20px;font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #353535;line-height: 1.43;}
.kids-cont .list-box2 h5{margin-top: 20px;font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #353535;line-height: 1.43;}
.kids-cont .list-box2 strong.tith5 {margin-top: 20px;font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #353535;line-height: 1.43;}


.kids-cont .list-box2 ul{margin-top:60px;display: flex;}
.kids-cont .list-box2 ul li{flex:1;display: flex;flex-direction:column;align-items:center;}
.kids-cont .list-box2 ul li .img{height:184px;}
.kids-cont .list-box2 ul li .img img{display: block;}
.kids-cont .list-box2 ul li h4{margin-top:20px;font-family: 'Cafe24Ssurround'; font-size: 21px;  font-weight: normal;  text-align: center;}
.kids-cont .list-box2 ul li p{margin-top:10px; font-size: 16px;font-weight: 400;line-height: 1.87;letter-spacing: -0.75px;color: #353535;}
.kids-cont .list-box2 ul li:nth-child(1) h4{color:#1d7f6b;}
.kids-cont .list-box2 ul li:nth-child(2) h4{color:#117c9b;}
.kids-cont .list-box2 ul li:nth-child(3) h4{color:#a15a00;}
.kids-cont .list-box3{}
.kids-cont .list-box3 ul{display: flex;gap:45px;}
.kids-cont .list-box3 ul li{flex:1;}
.kids-cont .list-box3 ul li h5{font-family: 'Cafe24Ssurround';font-size: 18px;font-weight: normal;line-height: 1.56;}
.kids-cont .list-box3 ul li p{position: relative;font-size: 16px;font-weight:400;line-height: 1.87;letter-spacing: -0.38px;color: #232323;padding-left:21px;}
.kids-cont .list-box3 ul li p i{display: flex;align-items: center;justify-content: center;line-height: 1;position: absolute;left: 0;top: 7px;width: 16px;height: 16px;border-radius: 100%;color: #fff;font-style: normal;font-size: 12px;font-weight: 300;}
.kids-cont .list-box3 ul li:nth-child(1) h5{color:#a98352;}
.kids-cont .list-box3 ul li:nth-child(1) p i{background:#a98352;}
.kids-cont .list-box3 ul li:nth-child(2) h5{color:#977547;}
.kids-cont .list-box3 ul li:nth-child(2) p i{background:#977547;}
.kids-cont .list-box3 ul li:nth-child(3) h5{color:#8da60c;}
.kids-cont .list-box3 ul li:nth-child(3) p i{background:#8da60c;}
.kids-cont .list-box3 ul li:nth-child(4) h5{color:#60b5ba;}
.kids-cont .list-box3 ul li:nth-child(4) p i{background:#60b5ba;}
.kids-cont .list-box3 ul li:nth-child(5) h5{color:#56aa90;}
.kids-cont .list-box3 ul li:nth-child(5) p i{background:#56aa90;}


/* 접근성 작업시 오픈
.kids-cont .list-box3 ul li:nth-child(1) h5{color:#856133;}
.kids-cont .list-box3 ul li:nth-child(1) p i{background:#595656;}
.kids-cont .list-box3 ul li:nth-child(2) h5{color:#915b11;}
.kids-cont .list-box3 ul li:nth-child(2) p i{background:#595656;}
.kids-cont .list-box3 ul li:nth-child(3) h5{color:#5f7102;}
.kids-cont .list-box3 ul li:nth-child(3) p i{background:#595656;}
.kids-cont .list-box3 ul li:nth-child(4) h5{color:#037c83;}
.kids-cont .list-box3 ul li:nth-child(4) p i{background:#595656;}
.kids-cont .list-box3 ul li:nth-child(5) h5{color:#007551;}
.kids-cont .list-box3 ul li:nth-child(5) p i{background:#595656;}
*/
.kids-cont .flex-box3{display: flex;gap:20px;}

/* .kids-cont .list-box3 ul li:nth-child(1) h4{color:#a98352;}
.kids-cont .list-box3 ul li:nth-child(1) p i{background:#a98352;}
.kids-cont .list-box3 ul li:nth-child(2) h4{color:#977547;}
.kids-cont .list-box3 ul li:nth-child(2) p i{background:#977547;}
.kids-cont .list-box3 ul li:nth-child(3) h4{color:#8da60c;}
.kids-cont .list-box3 ul li:nth-child(3) p i{background:#8da60c;}
.kids-cont .list-box3 ul li:nth-child(4) h4{color:#60b5ba;}
.kids-cont .list-box3 ul li:nth-child(4) p i{background:#60b5ba;}
.kids-cont .list-box3 ul li:nth-child(5) h4{color:#56aa90;}
.kids-cont .list-box3 ul li:nth-child(5) p i{background:#56aa90;} */

.kids-cont .flex-box3 > div{}
.kids-cont .flex-box3 > div:nth-child(1){width:426px;}
.kids-cont .flex-box3 > div:nth-child(2){flex: auto;}
.kids-cont .flex-box3.colunm{flex-direction: column;}
.kids-cont .flex-box3.colunm > div:nth-child(1){width:100%;}
.kids-cont .flex-box3.colunm > div:nth-child(2){flex:100%;}



/* 대관신청 */
.application .checklist li {display:inline-block;float:left;margin-right:20px;font-size:15px;line-height:1}

/* 기증 */
/*
.donation #share {top:702px;}
.donation .topTitle {position:relative}
.donation .topTitle .con {height:150px;padding-top:60px;}
*/
.donation .tabMenusp {bottom:0;left: 0;z-index:3;width:100%;padding:8px 0;background-color:#dedede;}
.donation .tabMenusp,
.donation .tabMenusp > ul > li > ul{position: absolute;}
.donation .tabMenusp > ul {display:table;margin:0 auto}
.donation .tabMenusp > ul > li{position:relative;display:inline-block;padding:0 7px}
.donation .tabMenusp > ul > li::before{position:absolute;top:14px;left:0;width:2px;height:2px;content:'';background:#222;}
.donation .tabMenusp > ul > li:first-child{padding-left:0}
.donation .tabMenusp > ul > li:last-child{padding-right:0}
.donation .tabMenusp > ul > li:first-child::before{display:none}
.donation .tabMenusp > ul > li > a{display:block;padding:0 7px;font-size:15px;color:#222;line-height:26px;letter-spacing:-1px;border:1px solid rgba(34,34,34,0);font-weight:400}
.donation .tabMenusp > ul > li > a:hover,
.donation .tabMenusp > ul > li.on a {border:1px solid #222;transform:translateY(-2px);-webkit-transform:translateY(-2px)}

.status td img {max-width:150px}
/* 기획전시 */
.exhibition .bdbox {width:100%;display:inline-block;border-top:2px solid #222;}
.exhibition .listTypeC {border-top:0;margin-bottom:0}

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

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

/* 소장품 */
/*.kogl img {float:left;height:37px;}
.box1 img{width:190px;height:57px;}*/
.kogl .box1 {padding:15px 20px}
.kogl img {float:left;}
.kogl p {width:350px;font-size:15px;margin-top:10px;margin-left:250px}
.collectionlist .paging_box .btnBc{display:table;margin:0 auto}
.collectionlist .notice {width:100%;font-weight:500;background-color:#222;color:#fff;padding:20px 30px;margin-bottom:20px;position:relative}
.collectionlist .notice img {position:absolute;right:30px;top:15px}

/* 교육자료 상세페이지 */
.koglv .box1 {padding:15px 20px}
.koglv img {float:left;width:auto !important;}
.koglv p {width:900px;font-size:15px;margin-top:8px;margin-left:200px}




/* 예약확인증 */
.reservConPop {}
.reservConPop h3.title {margin:40px 0 20px;font-size:17px}
.reservConPop .li_dot > li {font-size:15px}
.reservConPop .tbTypeA tbody th,
.reservConPop .tbTypeA tbody td {font-size:15px}

/* 교육자료 */
.ednotice .btnBc {position:absolute;right:30px;top:12px}
.ednotice .btnBc a {line-height: 44px}

/* 상설전시 */
.permanent .list-txt-box{margin-top:30px;padding-left:15px;}
.permanent .list-txt-box h3 {font-size:21px;}
.permanent .list-txt-box h4{font-size:21px;}
.permanent .list-txt-box h3 span{display: inline-block;font-size:16px;margin-left:10px;}
.permanent .list-txt-box h4 span{display: inline-block;font-size:16px;margin-left:10px;}
.permanent .list-txt-box p{margin-top:15px;font-size:16px;color:#555;}
.permanent .txt_box_li li {width:100%;display:table;padding:25px 25px}
.permanent .txt_box_li li .row {width:100%;display:table-row}
.permanent .txt_box_li .imgarea {width:230px;display:table-cell;vertical-align:middle}
.permanent .txt_box_li .txtbox {display:table-cell;;vertical-align:middle;}
.permanent .txt_box_li li .tit {width:100%;display:block;margin-bottom:15px}
.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}

/* 통합검색 */
.searchall #share {display:none}
.searchall .scabox1 {width:100%;display:table;padding:15px 0}
.trow {vertical-align:middle;display:table-row}
.tcell {display:table-cell;;vertical-align:middle}
.searchall .scabox1 .scall {width:200px;border-right:1px solid #e1e1e1;text-align:left;font-size:18px}
.searchall .scabox1 .scall em {font-weight:600;font-size:25px;padding:0 5px 0 10px}
.searchall .scabox1 .scresult {text-align:left;padding-left:15px}
.searchall .scabox1 .scresult .scword {margin:0 10px;font-size:25px;}
.searchall .scabox1 .scresult .scword:before {content:"";font-weight:400}
.searchall .scabox1 .scresult .scword:after {content:"\"";font-weight:400}
.searchall .scabox2 {width:100%;display:table;background-color:#fff;margin:10px 0 20px 0;border:1px solid #e1e1e1}
.searchall .scabox2 .sasc {width:950px;clear:both;position:relative;border-bottom:2px solid #222;border-right:1px solid #e1e1e1}
.searchall .scabox2 .sasc .formbox {width:100%}
.searchall .scabox2 .sasc .inpTxt {width:90%;height:60px;border-bottom:0;padding:0;margin-left:20px}
.searchall .scabox2 .sasc .btn {width:60px;height:60px;position:absolute;right:0;margin-left:0;border:0}
.searchall .scabox2 .refresh {width:70px;height:70px;text-align:center;border-right:1px solid #e1e1e1}
.searchall .scabox2 .research {text-align:center}
.searchall .scabox2 .research label {line-height:0.8}
.searchall .scabox2 .research input[type="checkbox"] + label {float:none}
.searchall .scabox3 {width:100%;margin-bottom:10px}
.searchall .scaboxcm .scbtit {width:140px;position:relative;padding-left:10px;font-weight:500}
.searchall .scaboxcm .scbtit:before {content:"";width:2px;height:2px;display:inline-block;background-color:#222;position:absolute;left:0;top:50%}
.searchall .scaboxcm .checklist li {display:inline-block;float:left;padding-right:20px}
.searchall .scaboxcm label {line-height:0.9}
.searchall .searchlist .conWrap {padding:40px 0;border-bottom:1px solid #e1e1e1}
.searchall .searchlist .btn {position:absolute;right:0;top:-3px}
.searchall .searchlist .btn .btnBc a {line-height:44px}





 /* 20200622 해양 교육 박람회 */
 .expo{position:relative;width:1300px;margin:0 auto;}
 .expo .expo-tab{font-size:0;}
 .expo .expo-tab a{display: inline-block;width:50%;box-sizing: border-box;border:1px solid #222;line-height: 60px;text-align: center;color:#222;font-size:20px;}
 .expo .expo-tab a:first-child{border-right:0;}
 .expo .expo-tab a.active{background:#222;color:#fff;}
 .expo .expo-con{position:relative;margin-top:20px;}
 .expo .expo-con a{position: absolute;width: 391px;height: 54px;display: inline-block;top: 1186px;left: 226px;}

 .contest-wrap{padding:80px 0;background:#f2f2f2;}
 .contest-wrap.bg-white{background:#fff;}
 .contest{position:relative;width:1300px;margin:0 auto;}
 .contest-tit{position:relative;font-size:42px !important;text-align: left;}
 .contest-tit em{margin-right:20px;display:inline;}
 .contest-top{position:relative;height:600px;background:url(/_public/images/education/contest_bg.png) no-repeat;background-color:#0b74e7;padding:80px 0;}
 .contest-top img{max-width:100%;}
 .contest-frame{text-align: center;position:relative;}
 .contest-top .object{display:inline-block;position: absolute;}
 .contest-top .object img{width:100%;}
 .contest-top .obj1{top:-55px;left:87px;animation-timing-function:ease; animation: obj1 5s infinite alternate;}
 .contest-top .obj2{width:250px;top:300px;right:7%;transform: scaleX(-1);  animation-timing-function:ease; animation: obj2 5s infinite alternate;}
 .contest-top .obj3{top:285px;left:75px;animation-timing-function:ease; animation: obj3 2s infinite alternate;}
 .contest-top .obj4{top:-75px;right:5%; animation:obj4 3s ease-in Infinite Alternate;}
 .contest-top .obj5{width:200px;top:60px;right:30px;animation-timing-function:ease; animation: obj5 3s infinite alternate;}
 .contest-top .obj6{width:250px;top:110px;left:5%;transform: scaleX(-1); animation-timing-function:ease; animation: obj6 4s infinite alternate;}
 .contest .title{position:relative;text-align: center;color:#222;font-size:35px;font-weight:500;}
 .contest .title em{display:inline;margin-right:20px; }
 .contest .title.txt-left{text-align: left;}
 .contest .list{margin-top:50px;font-size:0;}
 .contest .list > div{vertical-align:top;display:inline-block;margin-bottom:40px;margin-left:40px;width:630px;box-sizing: border-box;border:1px solid #e2e2e2;}
 .contest .list > div:nth-child(2n+1){margin-left:0;}
 .contest .list > div .img{}
 .contest .list > div .img img{width:100%;}
 .contest .list > div .txt-box{background:#fff;box-sizing: border-box;padding:35px 30px;}
 .contest .list > div .txt-box .tit{font-size:18px;font-weight:500;color:#222;    background: url(/_public/images/common/ic_arrow4.png) 100% 50% no-repeat;}
 .contest .list > div .txt-box .txt{margin-top:15px;font-size:15px;color:#222;}
 .contest .subtitles{margin-top:20px;font-size:0;}
 .contest .subtitles dt{box-sizing:border-box;vertical-align:top;margin:12px 0;display:inline-block;width:425px;}
 .contest .subtitles dt img{width:100%;}
 .contest .subtitles dd{box-sizing: border-box;padding: 0 30px;vertical-align: top;margin: 12px 0;display: inline-block;width: 875px;font-weight: 400;font-size: 18px;line-height: 30px;}
 .contest-tab{display: flex;margin-top:60px;}
 .contest-tab a{display:inline-block;flex:1;text-align: center;font-size:18px;font-weight:500;box-sizing: border-box;color:#222;border:1px solid #222;line-height: 60px;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:20px;font-weight:500;}
 .contest .view-list{margin-top:40px;font-size:0;padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
 .contest .view-list > div{position:relative;display:inline-block;vertical-align:top;width:20%;max-height:165px;box-sizing: border-box;}
 .contest .view-list > div .img{position: relative;height:165px;overflow: hidden;}
 .contest .view-list > div .img img{}
 .contest .view-list > div .mask{display:none;position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);}
 .contest .view-list > div .mask:before{content: "+";display:inline-block;color: #fff;font-size: 60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
 .contest .view-list > div .tit{margin-top:20px;font-size:16px;font-weight:500;}
 .contest .view-list > div:hover .mask{display:block;}
 .contest-view-top{background: url(/_public/images/education/contest_bg1.png) no-repeat;background-color: #0b74e7;background-size:cover;background-position:50% 50%;padding: 80px 0;}
 .contest .video-wrap{}
 .contest video{display:block;width:100%;height:100%;}
 .contest .more-button{display: block;line-height: 50px;background: #222;color: #fff;width: 200px;text-align: center;margin: 0 auto;margin-top: 40px;}
 .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:1070px;max-height:700px;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing: border-box;padding:60px 40px 40px;}
 .contest-popup .img{}
 .contest-popup .video{}
 .contest-popup .video video{width:100%;height:100%;}
 .contest-popup .video .video-wrap{width:100%;height:100%;}
 .contest-popup .video .video-wrap iframe{width:100%;height:100%;min-height: 450px;}
 .contest-popup .img img{display:block;width:100%;}
 .contest-popup .txt{margin-top:15px;font-size:18px;font-weight:500;color:#222;}
 .contest-popup .contest-popup-close-button{position: absolute;top:15px; right:15px;}

 .contest-popup.video-popup{width:1200px;font-size:0;}
 .contest-popup.video-popup .video{display:inline-block;width:70%;max-height: 445px;vertical-align:top;}
 .contest-popup.video-popup .subtitles{overflow-y: auto;display: inline-block;padding: 0 20px;width: 30%;height: 100%;height: 441px;background:#f9f9f9;box-sizing: border-box;vertical-align: top;}
 .contest-popup.video-popup .subtitles .subtitles-txt{margin-top:20px;padding-bottom:20px;}


 .ocean-wrap{padding:80px 0;background:#f2f2f2;}
 .ocean{position:relative;width:1300px;margin:0 auto;}
 .ocean-tit{position:relative;font-size:42px !important;text-align: left;}
 .ocean-tit em{margin-right:20px;display:inline-block;}
 .ocean-top{overflow:hidden;position:relative;background:url(/_public/images/education/ocean_bg.png) no-repeat;background-color:#33c3ff; background-size:cover;padding:80px 0;height: 600px;}
 .ocean-frame{text-align: center;position:relative;width:1300px;margin:0 auto;}
 .ocean-top .object{display:inline-block;position: absolute;}
 .ocean-top .object img{max-width:100%;}
 .ocean-top .obj1{top:-70px;left:13%;animation-timing-function:ease; animation: ocean-obj1 5s infinite alternate;}
 .ocean-top .obj2{top:130px;left:-1%; animation-timing-function:ease; animation: ocean-obj2 7s infinite alternate;}
 .ocean-top .obj3{top:360px;left:-1%;animation-timing-function:ease; animation: ocean-obj3 4s infinite alternate;}
 .ocean-top .obj4{top:-55px;right:16%; animation:ocean-obj4 2s ease-in Infinite Alternate;}
 .ocean-top .obj5{top:45px;right:0;animation-timing-function:ease; animation: ocean-obj5 3s infinite alternate;}
 .ocean-top .obj6{top:310px;right:3%;animation-timing-function:ease; animation: ocean-obj6 4s infinite alternate;}
 .ocean-top .obj7{top:350px;right: 50%;  margin-right: -186px;animation-timing-function:ease; animation: ocean-obj7 5s infinite alternate;}
 .ocean .title{position: relative;text-align: center;color: #222; font-size: 35px;font-weight: 500;}
 .ocean .title em{display:inline;margin-right:20px;position: relative;top:-12px;}
 .ocean .title.txt-left{text-align: left;}
 .ocean .main-list{font-size:0;margin-top:50px;}
 .ocean .main-list > div{vertical-align:top;display:inline-block;margin-bottom:40px;margin-left:40px;width:630px;box-sizing: border-box;border:1px solid #e2e2e2;}
 .ocean .main-list > div:nth-child(2n+1){margin-left:0;}
 .ocean .main-list > div .img{}
 .ocean .main-list > div .img img{width:100%;}
 .ocean .main-list > div .txt-box{background:#fff;box-sizing: border-box;padding:35px 30px;}
 .ocean .main-list > div .txt-box .tit{font-size:18px;font-weight:500;color:#222;    background: url(/_public/images/common/ic_arrow4.png) 100% 50% no-repeat;}
 .ocean .main-list > div .txt-box .txt{margin-top:15px;font-size:15px;color:#222;}
 .ocean .main-list2{font-size:0;margin-top:40px;}
 .ocean .main-list2 > div{display:inline-block;width:406px;margin-bottom:60px;margin-left:40px;border:1px solid #ccc;box-sizing: border-box;}
 .ocean .main-list2 > div:nth-child(3n+1){margin-left:0;}
 .ocean .main-list2 > div .img{display: block;position:relative;padding-top:70%;}
 .ocean .main-list2 > div .img img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}
 .ocean .main-list2 > div .bottom{background: #fff;box-sizing: border-box;padding:20px;font-size:0;}
 .ocean .main-list2 > div .bottom a{margin-left:20px;display:inline-block;width:172px;font-weight:500;border:1px solid #bbb;font-size:15px;box-sizing: border-box;line-height:40px;padding:0 20px;    background: url(/_public/images/education/down_icon.png) 90% 50% no-repeat;}
 .ocean .main-list2 > div .bottom a:first-child{margin-left:0;    background: url(/_public/images/common/ic_arrow4.png) 90% 50% no-repeat;}
 .ocean .txt-group{margin-top:20px;position:relative;text-align: center;}
 .ocean .txt-group .tit{font-size:25px;color:#222;}
 .ocean .txt-group .txt{margin-top:15px;font-size:16px;color:#222;}
 .ocean .txt-group .all-downBtn{display:inline-block;margin-top:40px;text-align:left;padding:0 30px;width:240px;line-height: 55px;border:1px solid #222;font-size:16px;color:#222;box-sizing: border-box;background: url(/_public/images/education/down_icon.png) 200px 50% no-repeat;}
 .ocean .list{font-size:0;margin-top:40px;}
 .ocean .list > div{display:inline-block;width:406px;margin-bottom:60px;margin-left:40px;}
 .ocean .list > div:nth-child(3n+1){margin-left:0;}
 .ocean .list > div .img{display: block;position:relative;padding-top:70%;}
 .ocean .list > div .img img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}
 .ocean .list > div .tit{margin-top:25px;font-size:19px;color:#222;font-weight:500;}
 .ocean .list > div .bottom{background: #fff;box-sizing: border-box;padding:20px;}
 .coloring-list{margin-top:60px;font-size:0;text-align: center;}
 .coloring-list > div{display:inline-block;margin-left:60px;margin-bottom:60px;vertical-align:top;box-sizing: border-box;border:1px solid #222;}
 .coloring-list > div:nth-child(4n+1){margin-left:0;}
 .coloring-list > div .img{}
 .coloring-list > div .img img{display:block;}
 .coloring-list > div .tit{text-align:left;border-top:1px solid #e2e2e2;padding:15px;font-size:16px;color:#222;box-sizing:border-box;background: #fff url(/_public/images/education/down_icon.png) 243px 50% no-repeat;}

 .relics{position:relative;width:1300px;margin:0 auto;box-sizing: border-box;padding:0 47px;}
 .relics .tit{font-size:35px;color:#222;text-align: center;font-weight:500;}
 .relics .tit em{display: inline;margin-right: 20px;position: relative;top: -12px;}
 .relics .txt{margin-top:20px;color:#222;text-align: center;font-size:25px;}
 .relics .relics-slider{margin-top:60px;height:300px;}
 .relics .slick-list{margin:0 -15px;}
 .relics .slick-slide{margin:0 15px;}
 .relics .slick-slide .img{position: relative;padding-top:70%;}
 .relics .slick-slide .img img{position:absolute;width:100% !important;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}
 .relics .slick-slide .tit{text-align:left;margin-top:10px;font-size:16px;font-weight:500;}
 .relics .slick-next{z-index:100;width: 21px;height: 41px;background: url(/_public/images/education/relics_next.png) no-repeat;position: absolute;top: 105px;right:-47px;}
 .relics .slick-next:before{display:none;}
 .relics .slick-prev{z-index:100;width: 21px;height: 41px;background: url(/_public/images/education/relics_prev.png) no-repeat;position: absolute;top: 105px;left:-47px;}
 .relics .slick-prev:before{display:none;}


 @keyframes obj1{
     from{
         top:-35px;
     }
     to{
         top:-10px;
     }
 }
 @keyframes obj2{
     0% {
         top:260px;
     }
     95% {

     }
     to {
         top:300px;

     }
 }
 @keyframes obj3 {
     0% {
         top:265px;
     }
     95% {

     }
     to {
         top:285px;

     }
 }
 @keyframes obj4 {
     0% {
         top:-75px;
     }
     95% {

     }
     to {
         top:-50px;

     }
 }
 @keyframes obj5{
     from{
         top:70px;
     }
     to{
         top:100px;
     }
 }
 @keyframes obj6{
     from{
         top:150px;
     }
     to{
         top:200px;
     }
 }

 @keyframes ocean-obj1{
     from{
         transform: rotate(-10deg);
     }
     to{
         transform: rotate(0deg);
     }
 }

 @keyframes ocean-obj2{
     from{
         transform: rotate(-10deg);
     }
     to{
         transform: rotate(0deg);
     }
 }
 @keyframes ocean-obj3{
     from{
         transform: rotate(-10deg);
     }
     to{
         transform: rotate(0deg);
     }
 }
 @keyframes ocean-obj4{
     from{
         transform: rotate(-10deg);
     }
     to{
         transform: rotate(0deg);
     }
 }

 @keyframes ocean-obj5{
     0%{
         top:45px;
     }

     100%{
         top:75px;
     }
 }

 @keyframes ocean-obj6{
     0%{
         top:290px;
     }

     100%{
         top:310px;
     }
 }

 @keyframes ocean-obj7{
     from{
         transform: rotate(-10deg);
     }
     to{
         transform: rotate(0deg);
     }
 }

 @media all and (max-width: 1600px){

 }


/* 오션북 페어 */
.ocean-book{position:relative;}
.ocean-book img{width:100%;}
.ocean-book .youtube-link{text-indent: -99999999px;position: absolute;left:15.83%;top:16.25%;width:33.07%;height:11.74%;display:inline-block;}
.ocean-book .ocean-link{text-indent: -99999999px;position: absolute;display:inline-block;left:50.98%;top:16.25%;width:33.07%;height:11.74%;}

.ocean-book .goldenbook-link{text-indent: -99999999px;position: absolute;display:inline-block;left:51.5%;top:33%;width:33%;height:7%;}

.ocean-book .boodae-link{text-indent: -99999999px;position: absolute;display:inline-block;left:51.5%;top:40.5%;width:33%;height:7%;}

.ocean-book .zipcok-link{text-indent: -99999999px;position: absolute;display:inline-block;left:51.5%;top:71.5%;width:33%;height:3.5%;}

.ocean-book .bookfair-link{text-indent: -99999999px;position: absolute;display:inline-block;left:33.28%;top:88.3%;width:16.25%;height:6.85%;}

.ocean-book .goldenbook2-link{text-indent: -99999999px;position: absolute;display:inline-block;left:50.41%;top:88.3%;width:16.25%;height:6.85%;}

.ocean-book .zipcok2-link{text-indent: -99999999px;position: absolute;display:inline-block;left:67.55%;top:88.3%;width:16.25%;height:6.85%;}
.ocean-book .button-link1{text-indent: -99999999px;position: absolute;display:inline-block;left:16.14%;top:88.3%;width:16.25%;height:6.85%;}


 /* 게시판 영상사이즈 */
/* .board_video { width:800px; height:450px; }
@media screen and (max-width:800px) {
	.board_video { width:600px; height:338px; }
}
@media screen and (max-width:620px) {
	.board_video { width:480px; height:270px; }
}
@media screen and (max-width:500px) {
	.board_video { width:400px; height:225px; }
}
@media screen and (max-width:420px) {
	.board_video { width:300px; height:169px; }
} */

/* 웹진 버튼추가 */
.btnList .btnBc.webzine_btn { padding-right:0; }

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


/* 2020-08-07 보존과학동 신규 페이지 추가*/
.conservation{overflow: hidden;}
.conservation-box{margin-top:130px;position: relative;height: 470px;width:100%;}
.conservation-box .txt-box{background: #f2f2f2;position:relative;width:555px;height:470px;}
.conservation-box .txt-group .tit{color:#424242;font-size:25px;font-weight:500;}
.conservation-box .txt-group .txt{margin-top:30px;color:#424242;font-size:16px;}
.conservation-box.li01 .img{position: absolute;z-index:10;right:385px;margin-top:-60px;}
.conservation-box.li01 .txt-box{float: right;}
.conservation-box.li01 .txt-group{position:absolute;top:50%;right:50px;transform: translateY(-50%);}
.conservation-box.li02 .img{position: absolute;z-index:10;right:0;margin-top:-60px;}
.conservation-box.li02 .txt-group{position:absolute;top:50%;left:75px;transform: translateY(-50%);text-align: right;}
.conservation-box.li03{margin-top:70px;height:auto;}
.conservation-box.li03 .img{text-align: center;position: relative;z-index:10;}
.conservation-box.li03 .txt-box{margin-top:-40px;background: #f2f2f2;position:relative;width:100%;height:280px;}
.conservation-box.li03 .txt-group{width:840px;position:absolute;top:50%;left:60px;transform: translateY(-50%);}

.conservation .tit2{margin-top:65px;font-size:36px;color:#53575E;}
.conservation .thumnail-list{margin-top:70px;font-size:0;}
.conservation .thumnail-list > div{display:inline-block;width:290px;margin-left:15px;}
.conservation .thumnail-list > div:first-child{margin-left:0;}
.conservation .thumnail-list > div .img{}
.conservation .thumnail-list > div .img img{display:block;}
.conservation .thumnail-list > div .tit{margin-top:15px;font-size:18px;color:#424242;text-align: center;font-weight:500;}

/* 20200813 faqs 탭 추가  */
.faqs-tab{position:relative;font-size:0;border:1px solid #333;margin:20px 0;}
.faqs-tab::before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:100%;height: 1px;background: #333;}
.faqs-tab a{position:relative;display:inline-block;width:14.28%;font-size:14px;text-align: center;border-left:1px solid #333;box-sizing: border-box;color:#333;line-height:50px;}
.faqs-tab a:nth-child(7n + 1){border-left:0;}
.faqs-tab a:nth-child(7n + 0):after,
.faqs-tab a:nth-child(7n + 0):after{content: "";position: absolute;top:0;right:-1px;width:1px;height:100%;background: transparent;}
.faqs-tab a:hover,
.faqs-tab a.on{background:#333;color:#fff;}
.faqs-tab a.on:nth-child(7n + 0):after,
.faqs-tab a:hover:nth-child(7n + 0):after{background: #333;}


/* 20201204 웹접근성 추가 */
.checklist{}
.checklist input[type="checkbox"]{top:1px;}
.checklist label{padding-left:5px;}

/* 경영공시 추가 */
.misclosure-box{}
.misclosure-box .alio{margin-top:20px;}
.misclosure-box .alio a{display:inline-block;}
.misclosure-box .alio a img{vertical-align: middle;}
.misclosure-box .alio a span{display:inline-block;margin-left:20px;vertical-align: middle;}
.misclosure-box .part-report {overflow:hidden;position:relative;z-index:0}
.misclosure-box .part-report .part-area{float:left;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;width:33.3333%;overflow:hidden;height:1200px;font-size:13px;letter-spacing:-0.08em;background: #fff;}
.misclosure-box .part-report .part-area:first-child{border-left:1px solid #d9d9d9;width:33.3333%;}
.misclosure-box .part-report .part-area dl{width:100%}
.misclosure-box .part-report .part-area dt{text-align:center;padding:10px 0;background:#f5f5f5;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;font-weight:600;color:#fff;background: #333;}
.misclosure-box .part-report .part-area dd{padding:10px;}
.misclosure-box .part-report .part-area dd ul li{line-height:18px;padding:0 0 8px 4px;font-size:15px;}
.misclosure-box .part-report .part-area dd ul li a{color:#333333}
.misclosure-box .part-report .part-area dd ul li a:hover{font-weight: bold;text-decoration:underline;}
.misclosure-box .part-report .part-area dd ul li ul{padding:4px 0 4px 0}
.misclosure-box .part-report .part-area dd ul li ul li{padding:0 0 0 6px;line-height:22px;font-size:13px;}
.misclosure-box .part-report .part-area dd ul li ul li a{color:#585858;}
.misclosure-box .part-report .part-area dd ul li ul li a:hover{color:#333;text-decoration:underline;}



/*  2020 해양교육문화박람회 */
.fair2022{}
.fair2022 .section{position:relative;max-width: 1300px;margin: 0 auto;}
.fair2022 .top{padding:116px 0 67px;}
.fair2022 .top .flex-box{display: flex;align-items: center;}
.fair2022 .top .flex-box .img{max-width: 631px;}
.fair2022 .top .flex-box .img img{display: block;width:100%;}
.fair2022 .top .flex-box .txt-box{margin-left:79px;}
.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: 25px;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: 25px;font-weight: 300;line-height: 1.68;color: #222;}
.fair2022 .top .table-box{margin-top:94px;}
.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;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;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;border-bottom:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2022 .top .table-box table tbody tr td{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 16px;font-weight: normal;color: #222;}
.fair2022 .list-box{margin-top:75px;background: #f2f2f2;padding:78px 0 92px;}
.fair2022 .list-box h3{text-align: center; font-size: 24px;font-weight: 300;line-height: 1.67;color: #222;}
.fair2022 .list-box ul{margin-top:87px;}
.fair2022 .list-box ul li{display: flex;align-items: center;}
.fair2022 .list-box ul li + li{margin-top:62px;}
.fair2022 .list-box ul li figure{width:556px;}
.fair2022 .list-box ul li figure img{display: block;width:100%;}
.fair2022 .list-box ul li .txt-box{padding-left:68px;width:calc(100% - 556px);}
.fair2022 .list-box ul li .txt-box em{position:relative;padding-lefT:31px;display: block; font-size: 24px;  font-weight: 300;  color: #222;}
.fair2022 .list-box ul li .txt-box em::before{content: "";position:absolute;top:5px;lefT:0;display: inline-block;width:21px;height: 22px;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: 32px;  font-weight: bold;  line-height: 1.5;color: #222;}
.fair2022 .list-box ul li .txt-box p{margin-top:20px;font-size: 24px;  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: 52px;text-align: center;margin-top: 21px;border:1px solid #909090;font-size:18px;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{padding:116px 0 67px;}
.fair2023 .top .flex-box{display: flex;}
.fair2023 .top .flex-box .img{max-width: 631px;}
.fair2023 .top .flex-box .img img{display: block;width:100%;}
.fair2023 .top .flex-box .txt-box{margin-left:75px;}
.fair2023 .top .flex-box .txt-box h3{}
.fair2023 .top .flex-box .txt-box h3 img{}
.fair2023 .top .flex-box .txt-box p{margin-top: 20px;font-size:21px;font-weight: 300;line-height: 1.49;letter-spacing: -0.54px;color: #222;}
.fair2023 .top .flex-box .txt-box ul{margin-top: 20px;}
.fair2023 .top .flex-box .txt-box ul li{font-size: 21px;font-weight: 600;line-height: 1.68;color: #222;}
.fair2023 .top .flex-box .txt-box ul li em{font-weight: bold;}
.fair2023 .top .flex-box .txt-box ul li:last-child{position:relative;padding-left: 80px;margin-top: 20px;font-size: 18.7px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.71;letter-spacing: -1.4px;  text-align: left;color: #222;}
.fair2023 .top .flex-box .txt-box ul li:last-child strong{position: absolute;left:0;}

.fair2023 .top .table-box{margin-top:94px;}
.fair2023 .top .table-box h3{font-weight: bold;color: #222;font-size:24px;}
.fair2023 .top .table-box table{margin-top:20px;margin-bottom: 10px;border-top: 1px solid #222;table-layout: fixed;}
.fair2023 .top .table-box table thead tr th{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;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;border-bottom:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2023 .top .table-box table tbody tr td{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 16px;font-weight: normal;color: #222;}
.fair2023 .top .table-box p{font-size: 16px;font-weight: 500;line-height: 2;letter-spacing: -0.4px;color: #222;}
.fair2023 .top .table-box .img-box{display: flex;margin-top:30px;}
.fair2023 .top .table-box .img-box figure{flex:1;}
.fair2023 .top .table-box .img-box figure img{display: block;;width:100%;}
.fair2023 .top .table-box .img-box figure + figure{margin-left:15px;}
.fair2023 .img-banner{margin-top:39px;text-align: center;;}
.fair2023 .list-box{margin-top:75px;background: #f2f2f2;padding:55px 0 145px;}
.fair2023 .list-box .img-banner{margin-top:0;}
.fair2023 .list-box h3{text-align: center; font-size: 24px;font-weight: 300;line-height: 1.67;color: #222;}
.fair2023 .list-box ul{margin-top:87px;}
.fair2023 .list-box ul li{display: flex;align-items: center;}
.fair2023 .list-box ul li + li{margin-top:62px;}
.fair2023 .list-box ul li figure{width:556px;}
.fair2023 .list-box ul li figure img{display: block;width:100%;}
.fair2023 .list-box ul li .txt-box{padding-left:68px;width:calc(100% - 556px);}
.fair2023 .list-box ul li .txt-box em{position:relative;padding-lefT:31px;display: block; font-size: 24px;  font-weight: 300;  color: #222;}
.fair2023 .list-box ul li .txt-box em::before{content: "";position:absolute;top:5px;lefT:0;display: inline-block;width:21px;height: 22px;background: url(/_public/images/fair/tit.png) no-repeat;background-size: cover;}
.fair2023 .list-box ul li .txt-box h4{margin-top:10px; font-size: 30px;  font-weight: bold;  line-height: 1.5;color: #222;}
.fair2023 .list-box ul li .txt-box p{margin-top:20px;font-size: 24px;  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: 52px;text-align: center;margin-top: 21px;border:1px solid #909090;font-size:18px;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;}
.fair2023 .list-box ul li .sns{margin-top:40px;display: flex;align-items: center;}
.fair2023 .list-box ul li .sns span{display: inline-block;; font-size: 32px;font-weight: bold;letter-spacing: -1.6px;color: #b03221;margin-right:37px;}
.fair2023 .list-box ul li .sns a{display: inline-block;width:auto;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:60px;}

/* 2024 해양교육문화박람회 */
.fair2024{}
.fair2024 .section{position:relative;max-width: 1340px;margin: 0 auto;}
.fair2024 .top{padding:75px 0 95px;border-bottom: 1px solid #f2f2f2;}
.fair2024 .top .flex-box{display: flex;gap:50px;}
.fair2024 .top .flex-box .img{max-width: 596px;}
.fair2024 .top .flex-box .img img{display: block;width:100%;}
.fair2024 .top .flex-box .txt-box{width:695px;}
.fair2024 .top .flex-box .txt-box h3{}
.fair2024 .top .flex-box .txt-box h3 img{}
.fair2024 .top .flex-box .txt-box p{margin-top:15px;font-size: 17px;font-weight: 300;  line-height: 1.37;  letter-spacing: -0.88px;color: #222;}
.fair2024 .top .flex-box .txt-box p em{display:inline-block;font-weight: 500;}
.fair2024 .top .flex-box .txt-box p strong{display: inline-block;color:#26357f;font-size:18px;}
.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{font-size:18px;color:#222;display:flex;font-weight: bold;}
.fair2024 .table-box{padding:80px 0 85px;border-bottom: 1px solid #f2f2f2;}
.fair2024 .table-box h3{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2024 .table-box table{margin-top:20px;margin-bottom: 10px;border:1px solid #e2e2e2;border-top: 1px solid #222;table-layout: fixed;}
.fair2024 .table-box table thead tr th{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2024 .table-box table tbody tr th{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2024 .table-box table tbody tr td{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 16px;font-weight: normal;color: #222;}
.fair2024 .table-box p{font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: -0.16px;color: #222;}
.fair2024 .table-box ul{margin-top:20px;display: flex;gap:32px;}
.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: 16px;font-weight: normal;color: #000;}
.fair2024 .program-list{background: #f2f2f2;padding:110px 0 160px;}
.fair2024 .program-list h3{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2024 .program-list .txt{margin-top:25px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #231815;}
.fair2024 .program-list ul{margin-top:50px;display: flex;gap:32px;}
.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:20px;}
.fair2024 .program-list ul li .txt-box h4{display:flex;align-items: center;justify-content: center;font-size: 19px;font-weight: bold;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;height:57px;}
.fair2024 .program-list ul li .txt-box p{margin-top:10px;font-size: 16px;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:20px;}
.fair2024 .program-list ul li .txt-box .sns a{display: block;width:53px;}
.fair2024 .program-list ul li .txt-box .sns a img{display: block;width:100%;}

.fair2025{}
.fair2025 section{padding:90px;}
.fair2025 section.bg{background: #f2f2f2;}
.fair2025 .layout{position:relative;width: 1340px;margin: 0 auto;}
.fair2025 .table-box{}
.fair2025 .table-box h3{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .table-box h4{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .table-box table{margin-top:20px;margin-bottom: 10px;border:1px solid #e2e2e2;border-top: 1px solid #222;table-layout: fixed;}
.fair2025 .table-box table thead tr th{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2025 .table-box table tbody tr th{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size: 16px;font-weight: bold;color: #222;}
.fair2025 .table-box table tbody tr td{padding:15px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align: center;font-size: 16px;font-weight: normal;color: #222;}
.fair2025 .table-box p{font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: -0.16px;color: #222;}
.fair2025 .table-box ul{margin-top:20px;display: flex;gap:32px;}
.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: 16px;font-weight: normal;color: #000;text-align: center;}
.fair2025 .program-list{}
.fair2025 .program-list h3{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .program-list h4{font-size: 28px;font-weight: bold;letter-spacing: -1.4px;color: #000;}
.fair2025 .program-list .txt{margin-top:25px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #231815;}
.fair2025 .program-list ul{margin-top:50px;display: flex;gap:32px;}
.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:20px;}
.fair2025 .program-list ul li .txt-box h4{display:flex;align-items: center;justify-content: center;font-size: 19px;font-weight:500;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;height:85px;}
.fair2025 .program-list ul li .txt-box h5{display:flex;align-items: center;justify-content: center;font-size: 19px;font-weight:500;line-height: 1.5;  letter-spacing: -0.93px;text-align: center;  color: #222;height:85px;}
.fair2025 .program-list ul li .txt-box p{margin-top:10px;font-size: 16px;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:20px;}
.fair2025 .program-list ul li .txt-box .sns a{display: block;width:53px;}
.fair2025 .program-list ul li .txt-box .sns a img{display: block;width:100%;}


.fair2025 .section01{}
.fair2025 .section01 .flex-box{display:flex;gap:90px;}
.fair2025 .section01 .flex-box .img{width:541px;}
.fair2025 .section01 .flex-box .img img{display: block;}
.fair2025 .section01 .flex-box .txt{width:calc(100% - 631px);}
.fair2025 .section01 .flex-box .txt .title-img{}
.fair2025 .section01 .flex-box .txt .title-img img{display: block;}
.fair2025 .section01 .flex-box .txt p{margin-top:35px;font-size: 19px;font-weight: 300;line-height: 1.73;letter-spacing: -0.46px;color: #222;}
.fair2025 .section01 .flex-box .txt p strong{display: inline;font-size:20px;font-weight: 500;}
.fair2025 .section01 .flex-box .txt ul{margin-top:30px;}
.fair2025 .section01 .flex-box .txt ul li{font-size: 19px;font-weight: bold;line-height: 1.61;color: #222;}
.fair2025 .section01 .flex-box .txt em{margin-top:25px;padding-left: 90px;display: block;position: relative;font-size: 18px;font-weight: 300;line-height: 1.6;letter-spacing: -0.88px;color: #222;}
.fair2025 .section01 .flex-box .txt em span{font-size: 18px;font-weight: 500;position: absolute;left:0;}
.fair2025 .section02 h2{text-align: center;}
.fair2025 .section02 h2 span{font-family: 'TTHakgyoansimKossuyeomR';display: inline-block;padding:30px 80px;border-radius: 20px;background: #0356B0;font-size: 32px;font-weight: normal;line-height: 1.5;letter-spacing: -0.8px;text-align: center;color: #fff;}
.fair2025 .section02 .table-box{margin-top:100px;}


.fair2025 .section02 .titlebox01 {text-align: center;}
.fair2025 .section02 .titlebox01 span{font-family: 'TTHakgyoansimKossuyeomR';display: inline-block;padding:30px 80px;border-radius: 20px;background: #0356B0;font-size: 32px;font-weight: normal;line-height: 1.5;letter-spacing: -0.8px;text-align: center;color: #fff;}

.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{}
.ocean2022 .top-box{display: flex;}
.ocean2022 .top-box .picture{}
.ocean2022 .top-box .txt-box{padding-left:60px;padding-top:10px;}
.ocean2022 .top-box .txt-box h3{text-align: center;font-size:30px;color:#222;}
.ocean2022 .top-box .txt-box h4{margin-top:10px;font-family: 'GimpoBatang00';font-size:55px;}
.ocean2022 .top-box .txt-box h4 .color1{color:#092145;font-family: 'GimpoBatang00';font-size:55px;}
.ocean2022 .top-box .txt-box h4 .color2{color:/*#117da7*/#0c3375;font-family: 'GimpoBatang00';font-size:55px;}
.ocean2022 .top-box .txt-box dl{margin-top:25px;}
.ocean2022 .top-box .txt-box dl dt{font-size:24px;font-weight: 600;width:135px;}
.ocean2022 .top-box .txt-box dl dd{font-size:24px;font-weight: normal;padding:0 0 15px 135px;}
.ocean2022 .top-box .txt-box .button-box{text-align:center;}
.ocean2022 .top-box .txt-box .button-box button{display: inline-block;width:265px;height:55px;border-radius: 35px;position: relative;font-size:28px;color:#fff;background: /*#0fb6d8*/#0c3375;text-align: center;font-weight:bold;}
.ocean2022 .top-box .txt-box .button-box button:after{content: "";position:relative;top:-3px;margin-left:33px;vertical-align: middle;;display: inline-block;width:12px;height:23px;background: url(/_public/images/education/view_icon2.png) no-repeat;background-size: cover;}
.ocean2022 .table-box{margin-top:90px;}
.ocean2022 .table-box h4{font-size:24px;}
.ocean2022 .table-box h4 a{display: inline-block;width:150px;line-height: 38px;vertical-align: middle;;text-align: center;border-radius: 25px;background:#222;color:#fff;font-size:18px;margin-left:10px;position: relative;top:-3px;}
.ocean2022 .table-box table {margin-top: 15px;}
.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;}
.ocean2022 .list{}
.ocean2022 .list h3{text-align: center;font-size:32px;font-family: 'GimpoBatang00';line-height: 1.5;}
.ocean2022 .list h3 span{font-size:24px;font-family: 'GimpoBatang00';}
.ocean2022 .list ul{margin-top:90px;}
.ocean2022 .list ul li{display: flex;align-items: center;}
.ocean2022 .list ul li + li{margin-top:60px;}
.ocean2022 .list ul li figure{width:554px;}
.ocean2022 .list ul li figure img{display: block;width:100%;}
.ocean2022 .list ul li .txt-box{padding-left:70px;}
.ocean2022 .list ul li .txt-box h4{font-size:40px;color:#0c3375;font-family: 'GimpoBatang00';}
.ocean2022 .list ul li .txt-box p{margin-top:25px;font-size:24px;}
.ocean2022 .list ul li .txt-box p strong{display: inline-block;font-size:32px;}
.ocean2022 .list ul li .txt-box p span{margin-top:25px;display: block;;font-size:16px;}

.ocean2022 .list ul li .txt-box a{margin-top:50px;display: inline-block;;width:220px;line-height: 55px;position: relative;border:1px solid #222;padding:0 30px;font-size:18px;}
.ocean2022 .list ul li .txt-box a:after{content: "";position:absolute;;right:30px;top:50%;transform: translateY(-50%);display: inline-block;width:25px;height:9px;background: url(/_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);}
.img-layer .layout-content{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.img-layer .layout-content img{width:800px;}
.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%;}


.policy .goindex-button{margin-top:5px;display:flex;;align-items: center;justify-content: center;width:78px;height:26px;background: #f3b38f;font-size: 14px;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:10px;}
.policy .top .info-txtbox{border:1px solid #ebebeb;padding:25px;font-size:18px;letter-spacing: -0.93px;}
.policy .top .description-box{margin-top:50px;background: #f2f2f2;padding:70px 0 45px;}
.policy .top .description-box h2{text-align: center;font-size: 22px;font-weight: bold;letter-spacing: -1.13px;color: #222;}
.policy .top .description-box h4{text-align: center;font-size: 22px;font-weight: bold;letter-spacing: -1.13px;color: #222;}
.policy .top .description-box .txt{margin-top:14px;font-size: 16px;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;gap:50px 0;}
.policy .top .description-box .label-list li{background: #fff;flex:auto;width:33.3333%;border:1px solid #d9d9d9;border-top-color:#333;text-align: center;padding-bottom:40px;}
.policy .top .description-box .label-list li h3{line-height: 44px;background: #333;font-size: 18px;font-weight: bold;letter-spacing: -0.93px;color: #fff;}
.policy .top .description-box .label-list li h5{line-height: 44px;background: #333;font-size: 18px;font-weight: bold;letter-spacing: -0.93px;color: #fff;}
.policy .top .description-box .label-list li i{display: inline-block;margin-top:30px;}
.policy .top .description-box .label-list li i img{display:block;width:85px;}
.policy .top .description-box .label-list li p{margin-top:20px;padding:0 20px;display:block;font-size: 14px;font-weight: normal;letter-spacing: -0.8px;color: #222;}
.policy .top .description-box .warning{margin-top:10px; font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.8px;color:#f00000}
.policy .top .description-box .warning + h2{margin-top:80px;}
.policy .top .description-box .warning + h4{margin-top:80px;}
.policy .top .description-box .index-list{margin-top:14px;display: flex;flex-wrap: wrap;border: solid 1px #d9d9d9;background-color: #fff;padding:38px 58px;}
.policy .top .description-box .index-list li{flex:auto;display: inline-block;width:50%;  line-height: 2.5;}
.policy .top .description-box .index-list li a{display: block;;position: relative;padding-left:37px;font-size: 16px;font-weight: normal;letter-spacing: -0.8px;color: #222;}
.policy .top .description-box .index-list li a i{position:absolute;left:0;top:8px;width:30px;}
.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:80px;}
.policy .content-box .conBox .title{width:345px;padding-left:40px;padding-right:38px;font-weight: bold;}
.policy .content-box .conBox .title:after{max-width:78px;}
.policy .content-box .conBox .title span{font-weight: bold;padding-right:20px;}
.policy .content-box .conBox .title i{position: absolute;left:0;width:35px;}
.policy .content-box .conBox .title i img{display: block;width:100%;}

.policy .content-box .conBox .select-box{display: flex;margin-top:15px;padding-left:30px;}
.policy .content-box .conBox .select-box select{width:296px;height:47px;padding:0 34px; font-size: 18px;font-weight: normal;color: #000;}
.policy .content-box .conBox .select-box button{width:77px;height:47px;text-align: center;font-size:18px;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 10px;cursor: pointer;height:267px;overflow: hidden;}
.img-slide .slick-slide img{display: block;width: 100%;height: 100%;cursor: pointer;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.img-slide .slick-arrow{position: absolute;top:0;font-size:0;width:24px;height:100%;z-index: 10;transform: none;max-height: 189px;}
.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{height:auto;overflow: inherit;}
.img-slide.type2 .slick-slide figure{position:relative;width:100%;cursor: pointer;height:189px;overflow: hidden;}
.img-slide.type2 .slick-slide figure img{display: block;width: 100%;height: 100%;cursor: pointer;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.img-slide.type2 .slick-slide span{display: block;margin-top:5px;font-size:14px;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:40px;top:50px;color:#fff;font-size: 36px;color: #fff;z-index: 10;}
.thumnail-layer .control-box{position: absolute;top:50px;right:40px;display: flex;;align-items: center;z-index: 10;}
.thumnail-layer .control-box button + button{margin-left:20px;}
.thumnail-layer .close-thumnail{}
.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:50px;right:40px;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:30px;}
.down-form h1{color: #202020;font-size: 32px;font-weight: normal;}
.down-form .guest-box{margin-top:25px;border-bottom:2px solid #000;padding-bottom: 25px;}
.down-form .guest-box p{font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -1.6px;color: #333;}
.down-form .guest-box .button-box{margin-top:25px;font-size:0;text-align: center;}
.down-form .guest-box .button-box .btnBc + .btnBc{margin-left:10px;}
.down-form .form-box{padding:30px 10px;border-bottom:2px solid #000;}
.down-form dl{}
.down-form dl dt{font-size: 16px;font-weight: bold;color:#333;width:100px;padding-top:17px;}
.down-form dl dd{padding:0 0 0 100px;}
.down-form dl dd span{display: inline-block;font-size: 16px;margin-left:10px;font-weight: normal;letter-spacing: -1.2px;color: #b50202;}
.down-form dl dd label{}
.down-form dl dd select{height:55px;width:200px;;font-size:16px;color:#666;background: url(/_public/images/common/ic_select_arrow.png) no-repeat right 14px center;}
.down-form .form-box p{margin-top:20px;  font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: -1.2px;color: #333;}
.down-form .form-box p strong{font-weight: bold;color:#b50202;}
.down-form .nuri-box{padding:15px 0;border-bottom:2px solid #000;}


.collectionview .button-box .view3d{position: relative;top: inherit;bottom: inherit;right: inherit;line-height: normal;height: 56px;width: 190px;text-align: center;background: url(/_public/images/common/ic_search.png) #222222 no-repeat 117px center;font-size:15px;}



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

/* 공공누리박스 */

.imgSlide .controll-box{position:relative;text-align: right;width: 100%;margin-top:20px;}
.imgSlide .mPage{display: inline-block;margin: 0;margin-left:30px;position: relative;}
.imgSlide .mPage button{width:auto;height:auto;}
.imgSlide .controll-box button{display:inline-block;width:40px;height:40px;overflow: hidden;font-size:0;}
.imgSlide .controll-box .swiper-button-play,
.imgSlide .controll-box .swiper-button-pause
{display:none;}
.imgSlide .controll-box .swiper-button-play.active,
.imgSlide .controll-box .swiper-button-pause.active
{display:inline-block;}
.imgSlide .mPage button{display:inline-block;padding:0 50px 0px 0;font-family: 'Roboto';font-size:16px;color:#222;cursor:pointer;line-height:1;border-bottom:1px solid rgba(34,34,34,0.4);}
.imgSlide .mPage button.swiper-pagination-bullet-active{padding:0 50px 0px 0;font-weight:bold;opacity:1;border-bottom:1px solid rgba(34,34,34,1);}


.facility-tab .kn_tab_menu .tab-btn0{}
.facility-tab .kn_tab_menu .tab-btn1{left:134px;}
.facility-tab .kn_tab_menu .tab-btn2{left:289px;}
.facility-tab .kn_tab_menu .tab-btn3{left:445px;}
.facility-tab .kn_tabCon{position: relative;padding: 40px 0;}
.facility-tab .kn_tabCon h3{position: relative;border:0;}
.facility-tab .kn_tabCon span{position: relative;border:0;}

.facility-tab .kn_tabCon h5{position: relative;border:0;}

/*
.journal { }
.journal span {padding: 0;}
.journal span > a {padding: 0 11px;} */



.journal-top{display: flex;padding-bottom: 50px;border-bottom: 1px solid #e2e2e2;margin-bottom: 50px;}
.journal-top > div{flex:1;}
.journal-top .txt-box{}
.journal-top .txt-box h3{font-size: 28px;}
.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:127px;line-height: 30px;text-align: center;background-color: #222;font-size:15px;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-left:40px;border:1px solid #e2e2e2;padding:20px 30px;display: flex;align-items: center;}
.journal-top .info-box dl{width:40%;}
.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{width:60%;margin:0;}
.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 }

/* 2024.04.12 추가 */
.oac-slide2 {margin-top:40px;padding-top:40px;border-top:1px solid #f2f2f2;}
.oac-slide2 h3 {font-size:18px;margin-bottom:20px;}
.oac-slide2 h4 {font-size:18px;margin-bottom:20px;}
.oac-slide2 h5 {font-size:18px;margin-bottom:20px;}
.oac-slide2 .tumnail-slide{}
.oac-slide2 .tumnail-slide .slick-slide{}
.oac-slide2 .tumnail-slide .slick-slide .img-list{display: flex;flex-wrap: wrap;gap:30px 5px;}
.oac-slide2 .tumnail-slide .slick-slide .img-list li{width:calc(20% - 5px);text-align: center;;}
.oac-slide2 .tumnail-slide .slick-slide .img-list li .img{overflow: hidden;height:155px;display: block;;}
.oac-slide2 .tumnail-slide .slick-slide .img-list li .img img{display: block;width:100%;}
.oac-slide2 .tumnail-slide .slick-slide .img-list li p{margin-top:10px;font-size:14px;font-weight: bold;}
.oac-slide2 .target-box{margin-top:70px;display: flex;justify-content: center;align-items: center;gap:10px;}




.list-type3{}
.list-type3 ul{display: flex;flex-wrap: wrap;}
.list-type3 ul li{width: 50%;border:1px solid #e2e2e2;padding:40px;}
.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:24px;display:flex;align-items: center;}
.list-type3 ul li .txt-box span{display: inline-block;padding:8px 15px;font-size:18px;background: #333;color:#fff;}
.list-type3 ul li .txt-box h3{margin-left: 10px;font-size: 24px;color: #333;max-width: calc(100% - 125px);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


/* 20230908 핫라인 */
.a-td{background: #f4f4f4;}
.a-td td.subject a{position: relative;padding-left: 30px;}
.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: 16px;font-weight: normal;letter-spacing: -0.8px;color: #fff;line-height: 28px;padding:0 9px;background: #222;}

.password_pop{padding:50px;text-align: center;}
.password_pop .ptitle{font-size:20px;}
.password_pop p{margin:10px 0;font-size:15px;}
.password_pop .secretbox{margin-top:30px;display: flex;gap:5px;align-items: center;;}
.password_pop .secretbox .btn{display: inline-block;background: #222;color:#fff;padding:0 5px;line-height: 33px;}

.file_box{}
.file_box label{display: inline-block;line-height: 40px;padding:0 15px;color:#fff;font-size:15px;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: 24px;font-weight: bold;color: #222;}
.forum .conWrapBox{width:1219px;}
.forum-info{display: flex;justify-content: space-between;}
.forum-info .img{width:499px;}
.forum-info .img img{display: block;width:100%;}
.forum-info .txt-box{width:calc(100% - 499px);padding-left:97px;}
.forum-info .txt-box h2{font-family: 'GmarketSans';font-size: 54px;font-weight: bold;line-height:1.08;  letter-spacing: -1.36px; color: #000;}
.forum-info .txt-box h3{ font-family: 'KoPub Dotum';font-size: 40px;font-weight: bold;line-height: 1.35;}
.forum-info .txt-box p{margin-top:30px;font-size: 18px;font-weight: normal;line-height: 1.44;letter-spacing: -0.9px;color: #000;}
.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:85px;font-size: 18px;font-weight: bold;letter-spacing: -0.9px;color: #2d2d2d;}
.forum-info .txt-box dl dd{padding:0 0 5px 85px;font-size: 18px;font-weight: normal;letter-spacing: -0.9px;color: #2d2d2d;}
.forum-info .txt-box .button-box{margin-top:20px;display: flex;justify-content: center;gap:30px;}
.forum-info .txt-box .button-box a{display: inline-block;width:253px;line-height: 50px;border-radius: 10px;background-color: #014E9D;font-size: 18px;font-weight: bold;letter-spacing: -0.45px;color: #fff;text-align: center;}
.forum-info .txt-box .button-box .down a{background-color: #012063;}
.forum-info .txt-box .button-box2{margin-top:30px;text-align: center;display: flex;justify-content: center;gap:30px;}
.forum-info .txt-box .button-box2 button{display: inline-block;text-align: center;width:253px;line-height: 50px;border-radius: 10px;background: #115F60;font-size: 18px;font-weight: bold;letter-spacing: -0.45px;color: #fff;}
.forum-info .txt-box .button-box2 button:first-child{background:#1A6200;}



.forum .table-box .tbTypeA{table-layout: fixed;}
.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 p{display: flex;align-items: center;gap:15px;}
.forum .table-box .tbTypeA p span{color:#cac9c9;display: inline-block;position: relative;top: -1px;}
.forum .info-txt{margin-top:10px;text-align: right;font-size: 16px;font-weight: normal;color: #000;}
.forum .flex-box{display: flex;justify-content: space-between;}
.forum .flex-box .right-con{text-align: right;}
.forum .flex-box .right-con h4{padding-top:16px;position: relative;font-size: 18px;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:7px;justify-content: flex-end;}
.forum .flex-box .right-con p span{display: inline-block;font-size: 15px;font-weight: normal;letter-spacing: -0.45px;color: #000;}
.forum .flex-box .right-con p span em{color:#007a7b;}
.forum .flex-box .right-con ul{display:flex;margin-top:35px;gap:35px;align-items: flex-end;}
.forum .flex-box .right-con ul li{}
.forum .flex-box .right-con ul li:first-child{position: relative;top: 5px;}
.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:40px;right:40px;z-index: 10;}
.forum-layer .img-wrap{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1200px;max-height: 90%;overflow-y: auto;}
.forum-layer .img-wrap img{display: block;width:100%;}


.private-title{font-size:21px;}
.noti-box{padding:38px 30px;background: #f4f4f4;border:1px solid #d2d2d2;}
.noti-box + .btn-box{text-align: center;}

.collection-data{}
.collection-data .list{}
.collection-data .list .list-top{display: flex;justify-content: space-between;align-items: center;}
.collection-data .list .list-top span{display: inline-block;font-size:16px;}
.collection-data .list ul{display: flex;flex-wrap: wrap;border-top: 1px solid #222;}
.collection-data .list ul li{width:50%;position: relative;border-bottom: 1px solid #f1f1f1;}
.collection-data .list ul li:nth-child(odd){border-right: 1px solid #f1f1f1;}
.collection-data .list ul li a{display: flex;position:relative;padding:35px 35px 60px;gap:30px;}
.collection-data .list ul li .img{width:198px;overflow: hidden;height:145px;}
.collection-data .list ul li .img img{display: block;width:100%;position: relative;top:50%;transform: translateY(-50%);}
.collection-data .list ul li .txt-box{width: calc(100% - 228px);}
.collection-data .list ul li .txt-box h3{font-size:22px;}
.collection-data .list ul li .txt-box dl{margin-top:30px;}
.collection-data .list ul li .txt-box dl dt{position:relative;width:85px;font-size:15px;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:15px;}
.collection-data .list ul li i{font-size:0;position: absolute;;right:0;bottom:0;width:57px;height:57px;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 .list ul li a:focus{background: #f2f2f2 !important;}
.collection-data .list ul li a:focus i{background: url(/_public/images/collection/view_icon_on.png) no-repeat;background-size: cover;}



.collection-data .view{}
.collection-data .view .view-top{padding:45px 55px 40px;border-top:2px solid #9b9b9b;border-bottom:1px solid #f1f1f1;display: flex;gap:95px;}
.collection-data .view .view-top .img{width:452px;}
.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 h2{font-size:22px;}
.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:15px;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:15px;}
.collection-data .view .view-content{padding:60px 0;border-bottom:1px solid #f1f1f1;text-align:center;}
.collection-data .view .slide-box{margin-top:50px;}
.collection-data .view .slide-box h3{font-size:18px;margin-bottom: 15px;}
.collection-data .view .img-slide .slick-slide{margin:0 5px;height:auto;}
.collection-data .view .img-slide .slick-slide .img{position: relative;height:189px;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:15px;font-size:15px;text-align: center;;}
.collection-data .view .slick-arrow{width:63px;height:63px;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 tbody tr td{border-right:0;}


/*비전*/
.vision{}
.vision .flex-box{display: flex;gap:116px;}
.vision .flex-box figure{}
.vision .flex-box figure img{display: block;}
.vision .flex-box .txt-box{padding-top:30px;position: relative;}
.vision .flex-box .txt-box:before{content: "";position: absolute;top: 41px;left: -279px;width:227px;height:1px;background: #000;}
.vision .flex-box .txt-box h3{font-size: 22px;font-weight: 500;letter-spacing: -1.1px;color: #151618;}
.vision .flex-box .txt-box h2{font-size: 22px;font-weight: 500;letter-spacing: -1.1px;color: #151618;}
.vision .flex-box .txt-box h4{font-size: 22px;font-weight: 500;letter-spacing: -1.1px;color: #151618;}
.vision .flex-box .txt-box p{margin-top:15px;font-size: 18px;font-weight: 500;color: #3a393e;}
.vision .flex-box .txt-box p + h4{margin-top:80px;}
.vision .txt{font-size:18px;}
.vision .list1{display: flex;gap:20px;}
.vision .list1 li{flex:1;display:flex;flex-direction: column;align-items: center;padding:30px 0;border:1px solid #202020}
.vision .list1 li i{display: inline-block;}
.vision .list1 li i img{display:block;}
.vision .list1 li span{display: inline-block;margin-top: 15px;font-size: 18px;font-weight: 500;  letter-spacing: -0.45px;  text-align: center;  color: #151618;}
.vision .list2{display: flex;gap:20px;}
.vision .list2 li{position:relative;flex:1;display:flex;flex-direction: column;align-items: center;padding:30px 0;border:1px solid #202020}
.vision .list2 li:before{content: "";position: absolute;top:-80px;left:50%;transform: translateX(-50%);display: block;width:1px;height:80px;background: #ccc;}
.vision .list2 li i{display: inline-block;}
.vision .list2 li i img{display:block;}
.vision .list2 li span{display: inline-block;margin-top: 15px;font-size: 18px;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{display: flex;}
.vision .list3 ul{flex:1;}
.vision .list3 ul + ul{border-left:1px solid #ccc;}
.vision .list3 ul li{display: flex;flex-direction: column;;align-items: center;}
.vision .list3 ul li + li{margin-top:60px;}
.vision .list3 ul li i{display: flex;width:100px;height:100px;border:1px solid #202020;font-size: 30px;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 h3{margin-top:10px;font-size: 18px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #151618;line-height: 1.34;}
.vision .list3 ul li h5{margin-top:10px;font-size: 18px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #151618;line-height: 1.34;}
.vision .list3 ul li p{margin-top:20px; font-size: 16px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #202020;min-height:72px;}
.vision .list3 ul li p + p{}
.vision .list3 ul li + li h4{height:78px;}
.vision .list3 ul:nth-child(odd) li i{background: #202020;color:#fff;}


.character{}
.character .s2_2_1_con{max-width:848px;}
.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:45px 45px 60px;}
.character .box .inner + .inner{border-top:1px solid #e9e5e2;}
.character .box .inner h3{margin-bottom: 20px;font-size: 21px;font-weight: bold;letter-spacing: -1.05px;  color: #28211b;}
.character .box .inner h4{margin-bottom: 20px;font-size: 21px;font-weight: bold;letter-spacing: -1.05px;  color: #28211b;}
.character .box .inner h5{margin-bottom: 20px;font-size: 21px;font-weight: bold;letter-spacing: -1.05px;  color: #28211b;}
.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;}
.character .color-box.type1{gap:40px;}
.character .color-box.type2{gap:30px;}
.character .color-box li{flex:1;}
.character .color-box li p{margin-top:5px;}
.character .color-box.type1 li .color{height:90px;padding:10px;}
.character .color-box.type1 li .color span{display: block;}
.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.type2 li .color{height:70px;padding:5px;}
.character .color-box.type2 li .color span{display: block;font-size:13px;color:#fff;}
.character .color-box.type2 li p{font-size:13px;}
.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;}

.down-hwp{display: flex;align-items:center;width:500px;height:64px;border:1px solid #909090;justify-content: space-between;padding-left: 27px;}
.down-hwp span{display: flex;align-items: center;width:95px;height:64px;border-left:1px solid #909090;justify-content: center;gap:5px;}
.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;}

.policy-box{}
.policy-box .txt-box{margin-top:30px;padding:30px 45px;background: #f8f8f8;}
.policy-box .txt-box h4{font-size:18px;}
.policy-box .txt-box table{margin-top:20px;}
.policy-box .txt-box strong{margin-top:30px;display: block;width:100%;text-align: center;font-size:16px;}
.policy-box .txt-box .ag-chk{display:flex;justify-content: center;margin-top:25px;gap:30px;}
.policy-box .txt-box .ag-chk .radio{display: flex;align-items: center;gap:5px;}
.policy-box .txt-box .ag-chk .radio input[type="radio"]{position:relative;top:2px;}


/* 기증자 현황 20231220 */
.donor-status .top-list{display: flex;align-items: center;gap:20px;}
.donor-status .top-list > div{flex:1;display: flex;align-items: center;justify-content: space-between;background: #000;padding:20px 40px;}
.donor-status .top-list > div h3{position:relative;display: flex;align-items: center;gap:10px;padding-left: 50px; font-size: 22px;font-weight: bold;color: #fff;}
.donor-status .top-list > div h3 span{display: inline-block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div h3::before{content: "";position:absolute;top:-5px;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{background: url(/_public/images/collection/donor_ico02.svg) no-repeat;background-size: cover;}

.donor-status .top-list > div strong.nnmer01{position:relative;display: flex;align-items: center;gap:10px;padding-left: 50px; font-size: 22px;font-weight: bold;color: #fff;}
.donor-status .top-list > div strong.nnmer01 span{display: inline-block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div strong.nnmer01::before{content: "";position:absolute;top:-5px;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 h2{position:relative;display: flex;align-items: center;gap:10px;padding-left: 50px; font-size: 22px;font-weight: bold;color: #fff;}
.donor-status .top-list > div h2 span{display: inline-block; font-size: 14px;font-weight: normal;  color: #ccc;}
.donor-status .top-list > div h2::before{content: "";position:absolute;top:-5px;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 h2::before{background: url(/_public/images/collection/donor_ico02.svg) no-repeat;background-size: cover;}




.donor-status .top-list > div p{font-size: 20px;font-weight: 500;color: #fff;}
.donor-status .top-list > div p strong{display: inline-block;font-size: 30px;font-weight: bold;}
.donor-status .collection-search{display: flex;}
.donor-status .list-box{background: #fff;padding:30px 0 50px;border-radius: 5px;overflow: hidden;;}
.donor-status .list-box h3{text-align: center;font-size: 36px;font-weight: 500;letter-spacing: -0.72px;color: #202020;}
.donor-status .list-box .list{padding:20px 0;}
.donor-status .list-box .list + .list{margin-top:20px;}
.donor-status .list-box .list h4{font-size: 24px;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:20px;}
.donor-status .list-box .list ul li{width:auto;}
.donor-status .list-box .list ul li a{display:flex;align-items: center;justify-content: center;;font-size: 18px;font-weight: 500;text-align: center;color: #202020;line-height: 50px;background: #fff;border:5px solid #f8f8f8;padding:0 15px;}
.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;}




.human-li li + li{margin-top:20px;}


.donation-list{display: flex;gap:60px;}
.donation-list li{}
.donation-list li .photo2{}
.donation-list li .photo2 img{}
.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;}
.donation-list li .btnBc a{line-height: 38px;}


.interview-list {display: flex;gap: 50px;flex-wrap: wrap;justify-content: space-between;}
.interview-list li { }
.interview-list li img { }
.interview-list li span { display: block; margin: 15px 0 2px;font-size: 16px}
.interview-list li strong { font-size: 20px}

.complaints{}
.complaints .txt{font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #424249;}
.complaints .box{margin-top:40px;border: solid 1px #cacaca;padding:58px 45px 50px;max-width:820px;}
.complaints .box .flex-box{display: flex;align-items:center;justify-content: center;gap:98px;}
.complaints .box .flex-box span{display:inline-block;}
.complaints .box .flex-box span img{display:block;}
.complaints .box .flex-box a{position: relative;display:inline-block;padding-right: 29px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #162528;}
.complaints .box .flex-box a:before{content: "";position: absolute;top:-6px;left:-49px;display: inline-block;width:1px;height:38px;background: #cacaca;}
.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:70px;font-size: 16px;font-weight: normal;line-height: 1.88;letter-spacing: -0.4px;color: #5d5d61;}

/**/


.ships-cont{position: relative;margin:0 auto;width:1280px;padding:45px 0;}
.ships-cont .box{display: flex;justify-content: space-between;}
.ships-cont .box .slide-box{position:relative;width:594px;overflow: hidden;}
.ships-cont .box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:25px;display: flex;width:100%;z-index: 1;align-items: center;gap:15px;}
.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:7px;}
.ships-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;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:606px;}
.ships-cont .box .txt-box .title-box{display: flex;justify-content: space-between;}
.ships-cont .box .txt-box .title-box .title{padding-top:15px;}
.ships-cont .box .txt-box .title-box .title em{display: block;font-size: 30px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.ships-cont .box .txt-box .title-box .title span{margin-top:36px;display: block;font-size: 24px;font-weight: 500;letter-spacing: -0.61px;color: #000;}
.ships-cont .box .txt-box .title-box .title h2{margin-top:5px;font-size: 53px;letter-spacing: -1.34px;color: #000;}
.ships-cont .box .txt-box .title-box .title h4{margin-top:5px;font-size: 53px;letter-spacing: -1.34px;color: #000;}
.ships-cont .box .txt-box .title-box .img img{display: block;}
.ships-cont .box .txt-box .txt{margin-top: 25px;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.ships-cont .box .txt-box ul{display: flex;gap:20px;margin-top:30px;}
.ships-cont .box .txt-box ul li{flex:1;}
.ships-cont .box .txt-box ul li a{position: relative;border:1px solid #9b9b9b;display: flex;flex-direction: column;height:88px;padding-left: 90px;justify-content: center;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #222;}
.ships-cont .box .txt-box ul li a::before{content: "";position: absolute;left:36px;display: block;width:36px;height:36px;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{display: flex;justify-content: space-between;}
.ships-cont .flex-box .slide-box{position:relative;width:638px;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:25px;display: flex;width:100%;z-index: 1;align-items: center;gap:15px;}
.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:7px;}
.ships-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;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:585px;}
.ships-cont .flex-box .txt-box .title{}
.ships-cont .flex-box .txt-box .title em{display: block;font-size: 18px;font-weight: 500;line-height: 1.22;letter-spacing: -0.45px;color: #000;}
.ships-cont .flex-box .txt-box .title h3{margin-top:15px;font-size: 30px;font-weight: 500;letter-spacing: -0.75px;color: #000;}
.ships-cont .flex-box .txt-box .txt{margin-top: 25px;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.ships-cont .flex-box .txt-box ul{display: flex;flex-wrap: wrap;gap:0 38px;margin-top:30px;}
.ships-cont .flex-box .txt-box ul li{position: relative;width:calc(50% - 19px);}
.ships-cont .flex-box .txt-box ul li:nth-child(3),
.ships-cont .flex-box .txt-box ul li:nth-child(4){top:-1px;}
.ships-cont .flex-box .txt-box ul li a{position: relative;display: flex;align-items: center;height:61px;border-top:1px solid #000;border-bottom:1px solid #000;font-size: 18px;font-weight: 500;letter-spacing: -1.35px;color: #000;}
.ships-cont .flex-box .txt-box ul li a::before{content: "";position: absolute;right:8px;display: block;width:24px;height:24px;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;}
.ships-cont .flex-box .txt-box ul.type2 li:nth-child(1),
.ships-cont .flex-box .txt-box ul.type2 li:nth-child(3){max-width:251px;}
.ships-cont .flex-box .txt-box ul.type2 li:nth-child(2),
.ships-cont .flex-box .txt-box ul.type2 li:nth-child(4){width:282px;}


.industry-cont{position: relative;margin:0 auto;width:1290px;padding:45px 0;}
.industry-cont .box{display: flex;justify-content: space-between;align-items: flex-start;}
.industry-cont .box .slide-box{position:relative;width:594px;overflow: hidden;}
.industry-cont .box .slide-box .control-box{position: absolute;left: 0;bottom:0;padding:25px;display: flex;width:100%;z-index: 1;align-items: center;gap:15px;}
.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:7px;}
.industry-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;border-radius: 100%;border:2px solid #fff;font-size:0;}
.industry-cont .box .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.industry-cont .box .txt-box{width:606px;}
.industry-cont .box .txt-box .title-box{display: flex;justify-content: space-between;}
.industry-cont .box .txt-box .title-box .title{padding-top:15px;}
.industry-cont .box .txt-box .title-box .title em{display: block;font-size: 30px;font-weight: 500;line-height: 1;letter-spacing: -0.75px;color: #000;}
.industry-cont .box .txt-box .title-box .title span{margin-top:36px;display: block;font-size: 24px;font-weight: 500;letter-spacing: -0.61px;color: #000;}
.industry-cont .box .txt-box .title-box .title h2{margin-top:5px;font-size: 53px;letter-spacing: -1.34px;color: #000;}
.industry-cont .box .txt-box .title-box .title h4{margin-top:5px;font-size: 53px;letter-spacing: -1.34px;color: #000;}
.industry-cont .box .txt-box .title-box .img img{display: block;}
.industry-cont .box .txt-box .txt{margin-top: 20px;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.industry-cont .box .txt-box ul{display: flex;gap:20px;margin-top:28px;}
.industry-cont .box .txt-box ul li{flex:1;}
.industry-cont .box .txt-box ul li a{position: relative;border:1px solid #9b9b9b;display: flex;flex-direction: column;height:88px;padding-left: 90px;justify-content: center;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #222;}
.industry-cont .box .txt-box ul li a::before{content: "";position: absolute;left:36px;display: block;width:36px;height:36px;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{display: flex;justify-content: space-between;align-items: flex-start;}
.industry-cont .flex-box .slide-box{position:relative;width:638px;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:25px;display: flex;width:100%;z-index: 1;align-items: center;gap:15px;}
.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:7px;}
.industry-cont .flex-box .slide-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;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:615px;}
.industry-cont .flex-box .txt-box .title{}
.industry-cont .flex-box .txt-box .title em{display: block;font-size: 18px;font-weight: 500;line-height: 1.22;letter-spacing: -0.45px;color: #000;}
.industry-cont .flex-box .txt-box .title h3{margin-top:15px;font-size: 30px;font-weight: 500;letter-spacing: -0.75px;color: #000;}
.industry-cont .flex-box .txt-box .title h5{margin-top:15px;font-size: 30px;font-weight: 500;letter-spacing: -0.75px;color: #000;}
.industry-cont .flex-box .txt-box .txt{margin-top: 25px;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.45px;color: #000;word-wrap: break-word;}
.industry-cont .flex-box .txt-box ul{display: flex;flex-wrap: wrap;gap:0 38px;margin-top:30px;}
.industry-cont .flex-box .txt-box ul li{position: relative;width:calc(50% - 19px);}
.industry-cont .flex-box .txt-box ul li:nth-child(3),
.industry-cont .flex-box .txt-box ul li:nth-child(4){top:-1px;}
.industry-cont .flex-box .txt-box ul li a{position: relative;display: flex;align-items: center;height:61px;border-top:1px solid #000;border-bottom:1px solid #000;font-size: 18px;font-weight: 500;letter-spacing: -1.35px;color: #000;}
.industry-cont .flex-box .txt-box ul li a::before{content: "";position: absolute;right:8px;display: block;width:24px;height:24px;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;}
.industry-cont .flex-box .txt-box ul.type2 li:nth-child(1),
.industry-cont .flex-box .txt-box ul.type2 li:nth-child(3),
.industry-cont .flex-box .txt-box ul.type2 li:nth-child(5){width:290px;}
.industry-cont .flex-box .txt-box ul.type2 li:nth-child(2),
.industry-cont .flex-box .txt-box ul.type2 li:nth-child(4){width:234px;}


.floor{}
.floor .btn-down{position: absolute;left: 0;top: 92px;display: flex;align-items: center;justify-content:center;;width:280px;height: 54px;border: 1px solid #565656; font-size: 16px;font-weight: normal;letter-spacing: -0.16px;color: #000;gap:18px;}
.floor .btn-down:after{content: "";display: inline-block;width: 15px;height: 16px;background: url(/_public/images/common/ic_down.png) no-repeat;background-size: cover;}
.floor .s2_2_1_con{max-width:823px;}
.floor .hgroup{}
.floor .hgroup h3{font-size: 22px;font-weight: 500;letter-spacing: normal;color: #202018;}
.floor .hgroup h3 strong{font-size:30px;}
.floor .hgroup h4{margin-top:30px;font-size: 18px;font-weight: bold;color: #202018;}


.floor .hgroup h5{font-size: 22px;font-weight: 500;letter-spacing: normal;color: #202018;}
.floor .hgroup h5 strong{font-size:30px;}
.floor .hgroup h6{margin-top:30px;font-size: 18px;font-weight: bold;color: #202018;}

.floor .hgroup p{margin-top:14px;font-size: 16px;font-weight: normal;line-height: 1.31;color: #555;}
.floor .flex-box{margin-top: 39px;display: flex;gap:62px;padding-bottom: 70px;}
.floor .flex-box + .flex-box{margin-top:0;border-top:1px solid #e6e6e7;padding-top:76px;}
.floor .flex-box .img-box{}
.floor .flex-box .img-box img{display: block;;}
.floor .flex-box .right{display: flex;flex-direction: column;justify-content: space-between;gap:15px;}
.floor .flex-box a{display: flex;align-items: center;justify-content:space-between;;width:100%;height: 54px;border: 1px solid #565656; font-size: 16px;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: 26px;font-weight: 500;color: #202018;}
.floor .flex-box .right .txt h5{font-size: 26px;font-weight: 500;color: #202018;}
.floor .flex-box .right .txt em{display: block;margin-top:20px;font-size: 18px;font-weight: bold;line-height: 1.33;color: #202018}
.floor .flex-box .right .txt p{margin-top:10px;font-size: 16px;font-weight: normal;line-height: 1.5;color: #555;}


.viewing .qr-box{position:absolute;width:214px;left:50px;top:150px;}
.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:absolute;width:214px;left:50px;top:70px;}
.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{display: flex;padding:40px 20px 30px 80px;gap:128px;}
.bbsview-top .img{display:flex;justify-content: center;width:430px;border:1px solid #e1e1e1;}
.bbsview-top .img img{max-width:197px;display: block;}
.bbsview-top .bbsview-info{width:calc(100% - 558px);}
.bbsview-top .bbsview-info h3{font-size: 29px;font-weight: 500;letter-spacing: -0.73px; color: #333;}
.bbsview-top .bbsview-info ul{display: flex;flex-wrap: wrap;gap:20px;margin-top:20px;}
.bbsview-top .bbsview-info ul li{position: relative;width:calc(50% - 10px);padding-left: 90px;font-size: 16px;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:159px;display: flex;justify-content: flex-end;}
.bbsview-top .bbsview-info strong.exh3 { font-size: 29px; font-weight: 500; letter-spacing: -0.73px;  color: #333; }


#social .listTypeE{}
#social .listTypeE ul{display: flex;flex-wrap: wrap;}
#social .listTypeE ul li{float: none;}



.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}

.tc-eng .outsite-resv * {font-family: 'Noto Sans KR', sans-serif !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 .outsite-header .h-lang-box a {display:inline-block;width:180px;height:50px;border-radius:20px 5px 20px 20px;font-size:18px;font-weight:500;color:#099A3E;line-height:45px;border:1px solid #099A3E;text-align:center;}

.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 .btn-box2 {margin-top:30px;}
.outsite-resv .intro .btn-box2 a {font-size:24px;height:65px;line-height:65px;width:200px;border:2px solid #58B999;background:#fff;color:#58B999;}
.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;}

.tc-eng .outsite-resv .intro .btn-box a {font-weight: 600;}

.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 .info-txt{display: none;}
.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 .agree .icon-list{margin-top:25px;display: flex;gap:20px;}
.outsite-resv .agree .icon-list > div{flex:1;padding:30px 20px; border-radius: 12px;background-color: #f5f5f5;text-align: center;}
.outsite-resv .agree .icon-list > div i{display: inline-block;}
.outsite-resv .agree .icon-list > div i img{display:block;}
.outsite-resv .agree .icon-list > div p{margin-top:15px;text-align: center;font-size: 22px;font-weight: 300;line-height: 1.27;letter-spacing: -0.44px;color: #464646;}
.outsite-resv .agree .icon-list > div p strong{display: inline;font-size: 22px;font-weight: bold;line-height: 1.27;letter-spacing: -0.44px;color: #464646;}

.tc-eng .outsite-resv .agree h1 {font-weight:700;}
.tc-eng .outsite-resv .agree h1 span {font-weight:700;}
.tc-eng .outsite-resv .agree .icon-list > div p {font-size:18px;font-weight:400;}
.tc-eng .outsite-resv .agree .icon-list > div p strong {font-size:18px;font-weight:500;}
.tc-eng .outsite-resv .agree .available .today > div p {font-weight:700;}
.tc-eng .outsite-resv .agree .available .today > div h2 {font-weight:700;}

.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}

.tc-eng .outsite-resv .resv2 h1 {font-weight:700;}
.tc-eng .outsite-resv .resv2 .time-wrap > div h3 {font-weight:700;}
.tc-eng .outsite-resv .resv2 .time-wrap > div strong {font-weight:700;}

.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:#202020;}
.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 .exp {display:inline-block;margin-left:40px;color:#555;word-break:keep-all;}
.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;}

.tc-eng .outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dd {padding:0 0 10px 110px;}

.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:0 0 40px;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;}

.tc-eng .outsite-resv .complete h1 {font-weight:700;}
.tc-eng .outsite-resv .complete .table-box {max-width:500px;}

.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:21px;font-weight:500;}
.cc-p2 {font-size:18px;margin-bottom:20px;line-height:1.6;}
.doc-form {display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;}
.doc-form > div {width:calc(50% - 18px);}
.doc-form > div h3.title {margin:10px 0 15px;}
.doc-form > div h5.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:15px;padding:18px 15px;border-right:1px solid #222;}
.doc-form a.d-box em {width:95px;font-size:15px;display:inline-block;padding:18px 20px;background:url(/_public/images/common/ic_down.png) 77% 50% no-repeat;text-align:left;}
.doc-form a.d-box:hover {background-color:#e8e8e8;}
.cc-g-box {display:flex;margin-top:30px;align-items:flex-end;justify-content:space-between;}
.cc-g-box ul {width:calc(100% - 235px);display:flex;flex-wrap:wrap;gap:2px 20px;}
.cc-g-box ul li {width:calc(50% - 10px);}
.cc-g-box a {width:235px;}
.cc-g-box .mBtnMore.black a {background:#222 url('/_public/images/common/ic_arrow3.png') no-repeat right 25px center;color:#fff;border:0;}
.cc-g-box .mBtnMore.black a:hover {background-color:#464646;}


/* 2026.03.18 통합전시 페이지 추가  */
.revallCon {width:1300px;margin:auto;}
.revallCon .box1 {position:relative;width:50%;margin-bottom:40px;}
.revallCon .box1 .btnBc {position:absolute;top:50%;right:40px;transform:translateY(-50%);}
.revallCon .box1 .btnBc a {background-color:#fff;}
.revallCon .rev-wrap {display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;}
.revallCon .rev-wrap .box1 {padding:20px;display:flex;justify-content:space-between;margin-bottom:40px;}
.revallCon .rev-wrap > div {padding:60px 10px 30px;border:1px solid #202020;text-align:center;}
.revallCon .rev-wrap div img {display:block;margin:0 auto 30px;width:90px;height:90px;}
.revallCon .rev-wrap div p {font-size:24px;font-weight:700;margin-bottom:10px;}
.revallCon .rev-wrap div em {display:block;font-size:14px;font-weight:300;margin-bottom:30px;}


@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{width:70px;height:36px;line-height:34px;border-radius:15px 5px 15px 15px;}
	.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 .info-txt{display: block;}
	.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 .agree .icon-list{flex-wrap: wrap;}
	.outsite-resv .agree .icon-list > div{flex:none;width:calc(50% - 10px);padding:20px 5px;}
	.outsite-resv .agree .icon-list > div i{width:80px;}
	.outsite-resv .agree .icon-list > div i img{display:block;width:100%;}
	.outsite-resv .agree .icon-list > div p{margin-top:10px;font-size:16px;}
	.outsite-resv .agree .icon-list > div p strong{font-size:16px;}
	.outsite-resv .agree .available .resv-tbl table thead th {font-size:14px;padding:0 5px;}


	.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:14px;}
	.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:35%;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr th{font-size:14px;word-break:auto-phrase;padding:12px 5px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td{padding:12px 10px;font-size:14px;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .exp {display: block;font-size:14px;margin:10px 0 0 0;}
	.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;}

	.tc-eng .outsite-resv .resv2 section .box .cont-box table thead tr th {word-break:break-word;padding:0 5px;}

	.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;font-size:14px;}
	.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:14px;}
	.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 .resv2 section .box .info-txt{display: none;}
	.outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td .input-box span {font-size:14px;}

	.tc-eng .outsite-resv .resv2 section .box .cont-box table.type2 tbody tr td dl dd {padding:0;}

	.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}
}

/**/