/****************************************/
/* 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:300;}
#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 h1{margin-bottom:20px;font-size:28px;color:#222}
.topTitle .con p{font-size:20px;color:#222;font-weight:200;line-height:1.2}
.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 p{font-size:30px}
.topTitle .con p + .tabMenu.li4{margin-top:-65px}

.menu2th > li{height:40px}

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

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

.kn_tabCon {clear:left;border:1px solid #e2e2e2;overflow:hidden;margin-top:-1px}
.kn_tabCon img{width:100%;}
.conWrap{padding:80px 0}
.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 .theater_notice{color:#e90000; font-size:20px; font-weight:500; margin-top:20px;}
.conWrap .conBox .theater_notice span{ font-weight:500}
.conWrap.bg{background:#f2f2f2}
.conWrap.bg .conBox h2.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}

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}

p.title{font-size:30px;font-weight:200;line-height:1.2}
.bfont {font-size:35px;font-weight:200;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}

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

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

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

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

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

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

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

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

/*.chek_radio{position:absolute;opacity:0;width:0;height:0}*/
.chek_radio + label{position:relative;display:inline-block;margin:0 10px 5px 0;padding-left: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}

/* 공통테이블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 20px;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:#9f9f9f}
.tbTypeA tbody tr.off th{background:url('/_public/images/common/ic_check_off.png') no-repeat center center}
.tbTypeA tbody tr.on th{background:#222 url('/_public/images/common/ic_check_on.png') no-repeat center center}
.tbTypeA tbody tr.on td.btn{padding:0;background:#222}
.tbTypeA tbody tr.on td.btn a{display:block;line-height:50px;color:#fff}
.tbTypeA tbody tr td.wrong{color:#989898;background:#fbfbfb}

/* 공통테이블B */
.tbTypeB{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:'*';}


input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{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:245px;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:300;line-height:54px;text-align:center;text-decoration:none;cursor:pointer;background-repeat:no-repeat;background-position:right 26px center;transition: all 0.3s;border-radius:0;border:1px solid #222}
.btnBc a:hover,
.btnBc button:hover,
.btnBc input:hover{background-color:#e8e8e8}

.btnBc.ic1 a,
.btnBc.ic1 button,
.btnBc.ic1 input{padding-right: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.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}

/* 검색 */
.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{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:44px}

/* 검색결과 없을때 */
.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 {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.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:32px;height:21px;font-size:13px;font-weight:300;text-align:center;border:1px solid #909090}
.listTypeA .btn02{width:32px;height:21px;font-size:13px;font-weight:300;text-align:center;background:#f2f2f2;border:1px solid #d1d1d1}

/*
.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: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:15px;margin-top: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;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}

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

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

.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 img {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:300;}
.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:250px;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{position:relative;float:left;margin-bottom:55px;width:25%}
.listTypeG ul li:nth-child(4n+1){clear:left}

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

.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:300;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:200}
.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;}


/* 페이지 nav */
.paging_box{margin-top:40px}
.paging_box ul {text-align:center}
.paging_box ul li {display:inline-block;}
.paging_box ul li a{display:block;padding:10px;color:#8f8f8f;font-weight:500;}
.paging_box ul li span {display:block;padding:10px;}
.paging_box ul li.now span {font-weight:500;color:#222222}

/* 상세보기 */
.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:300;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}

.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 .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:300}
.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;}
.viewTypeB .contents span {}
/*
.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.riss{padding:0;border:0}
.viewTypeB .photoImg{float:left;text-align:center;margin-bottom:40px;width:544px;height:360px}
.viewTypeB .photoImg img {height:100%}
.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 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:0;left:0;padding-left:11px;font-weight:400}
.viewTypeB .inforCon ul li .name::before{position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background:#222}

.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:#ec6b6f}
.schedualCon table thead th:last-child{color:#3c91e1}
.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}
.schedualCon table tbody td .con ul li{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:-6px;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:table-row}
.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:table-cell;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:table-cell;vertical-align:middle;}
.schedualCon table tbody td .con ul li p{display:table-cell;font-size:14px;padding-left:5px;line-height:1.2;vertical-align:middle; height:19px;text-overflow: ellipsis; overflow:hidden;white-space:nowrap;}
.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:#ec6b6f}
.schedualCon table tbody td:last-child{color:#3c91e1}
.schedualCon .closed {width:100%;color:#ff5e1a;font-size:14px;position:absolute;font-weight:500;bottom:10px}
.schedualCon .closed::after {content:"";width:100%;height:2px;background-color:#ff5e1a;position:absolute;bottom:-6px;left:0;right:0;margin:0 auto;display:inline-block}
.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:100}

.s1_1_con1::after{display:block;clear:both;content:''}
.s1_1_con1{}
.s1_1_con1 dl{float:left;margin:0 40px 35px 0;padding:0 20px;width:245px;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 45px;background-repeat:no-repeat;background-position:left 5px;border-bottom:1px solid #e2e2e2}
.s1_1_con1 dl:nth-child(4) dt,
.s1_1_con1 dl:nth-child(6) dt {padding-top:10px}
.s1_1_con1 dl dd{text-align:center}
.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/information/s1_1_ic1_1.png');background-position:0 20px}
.s1_1_con1 dl.ic2 dt{background-image:url('/_public/images/information/s1_1_ic1_2.png');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/information/s1_1_ic1_4.png');background-position:0 20px}
.s1_1_con1 dl:nth-child(3) dd,
.s1_1_con1 dl:nth-child(4) dd {margin-top:65px}
.s1_1_con1 dl:nth-child(5) dd:first-of-type {margin-top:25px}
.s1_1_con1 dl:nth-child(5) dd:last-child {font-size:13px}
.s1_1_con1 dl:nth-child(6) dd p {font-size:15px}

.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:#ec6b6f}
.inspecDay table thead th:last-child,
.inspecDay table tbody td:last-child a,
.inspecDay table tbody td:last-child.on a{color:#3c91e1}
.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:#929292;border-radius:50%}
.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:#ffd3d4;color:#fff}
td.day_reservationOK a{background:#cee7ff;color:#fff;}
td.day_close a{background:#dedede;}
td.day_today a{background:#555;color:#fff !important;}

.day_color {}
.day_color div {display:inline-block;margin:15px;position:relative;}
.day_color div::before {width:12px;height:12px;background:#e1e1e1;display:inline-block;clear:both;content:'';margin-right:5px;}
.day_color div.reservation_color::before {background:#ffd3d4;}
.day_color div.reservationOK_color::before {background:#cee7ff;}
.day_color div.close_color::before {background:#dedede;}
.day_color div.today_color::before {background:#555;}


.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:200;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:200;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:200}
.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:300;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:200}
.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:200;}
.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{float:left;width:220px}
.s1_6_1_con .map_menu li a{position:relative;display:block;padding-left:35px;line-height:40px;overflow:hidden;border:1px solid transparent}
.s1_6_1_con .map_menu li 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 li 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 li a:hover,
.s1_6_1_con .map_menu li.on a,
.s1_6_1_con .map_menu li.active a{font-weight:500;border:1px solid #222}
.s1_6_1_con .map_menu li a:hover .num,
.s1_6_1_con .map_menu li.on a .num,
.s1_6_1_con .map_menu li.active a .num{opacity:0;top:100%}
.s1_6_1_con .map_menu li a:hover::before,
.s1_6_1_con .map_menu li.on a::before,
.s1_6_1_con .map_menu li.active a::before{opacity:1;top:50%}

.s1_6_1_con .map_area{float:right;width:500px}
.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:172px;left:53px}
.s1_6_1_con .map_area .view_number .posi_num .num4_2{top:145px;left:95px}
.s1_6_1_con .map_area .view_number .posi_num .num4_3{top:160px;left:203px}
.s1_6_1_con .map_area .view_number .posi_num .num4_4{top:202px;left:352px}
.s1_6_1_con .map_area .view_number .posi_num .num4_5{top:230px;left:276px}
.s1_6_1_con .map_area .view_number .posi_num .num4_6{top:214px;left:139px}
.s1_6_1_con .map_area .view_number .posi_num .num4_7{top:157px;left:372px}
.s1_6_1_con .map_area .view_number .posi_num .num4_8{top:135px;left:401px}
.s1_6_1_con .map_area .view_number .posi_num .num4_9{top:129px;left:417px}
.s1_6_1_con .map_area .view_number .posi_num .num4_10{top:185px;left:252px}
.s1_6_1_con .map_area .view_number .posi_num .num4_11{top:70px;left:284px}
.s1_6_1_con .map_area .view_number .posi_num .num4_12{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{position:relative;clear:both;min-height:300px}
.s1_6_1_con .view_photo2 .infor{display:none;}
.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 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:300}
.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{float:left;margin-bottom:25px;padding-left:35px;width:20%;background-repeat:no-repeat;background-position:left center}
.s1_6_2_con li.ic1{background-image:url('/_public/images/information/ic_floor_guide1.png')}
.s1_6_2_con li.ic2{background-image:url('/_public/images/information/ic_floor_guide2.png')}
.s1_6_2_con li.ic3{background-image:url('/_public/images/information/ic_floor_guide3.png')}
.s1_6_2_con li.ic4{background-image:url('/_public/images/information/ic_floor_guide4.png')}
.s1_6_2_con li.ic5{background-image:url('/_public/images/information/ic_floor_guide5.png')}
.s1_6_2_con li.ic6{background-image:url('/_public/images/information/ic_floor_guide6.png')}
.s1_6_2_con li.ic7{background-image:url('/_public/images/information/ic_floor_guide7.png')}
.s1_6_2_con li.ic8{background-image:url('/_public/images/information/ic_floor_guide8.png')}
.s1_6_2_con li.ic9{background-image:url('/_public/images/information/ic_floor_guide9.png')}
.s1_6_2_con li.ic10{background-image:url('/_public/images/information/ic_floor_guide10.png')}
.s1_6_2_con li.ic11{background-image:url('/_public/images/information/ic_floor_guide11.png')}
.s1_6_2_con li.ic12{background-image:url('/_public/images/information/ic_floor_guide12.png')}

.s2_2_1_con h3{margin-bottom:20px;font-size:26px;font-weight:300}
.s2_2_1_con .img{margin:55px 0;text-align:center}

.s1_6_1_con.con3 .map_menu{position:absolute;top:0;left:0;z-index:10}

.s5_1_con1{position:relative;margin:0 auto 490px;padding-top:80px;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:200;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{float:right;margin-right:70px}

.s5_1_con2{background:#f2f2f2}
.s5_1_con2 .con{position:relative;margin:0 auto;padding:100px 0 80px 685px;width:1300px;color:#434343}
.s5_1_con2 .con .img{position:absolute;top:-345px;left:0}
.s5_1_con2 .con .img p{position:absolute;top:140px;left:400px;width:800px;font-size:35px;font-weight:200;line-height:1.2}
.s5_1_con2 .con .txt1{margin-bottom:70px;font-size:25px;font-weight:200;line-height:1.2}
.s5_1_con2 .con .txt2{line-height:1.8}

.organCon{margin:0 auto;padding:80px 0;width:1300px;text-align:center}
.organCon::after{display:block;clear:both;content:''}
.organCon a{display:block}
.organCon .org1{display:inline-block;margin-bottom:48px;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:-35px}
.organCon .org1 span{display:block;font-size:14px;font-weight:300;}
.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 li{margin-bottom:10px;line-height:50px;background:#fff;border:1px solid #e2e2e2}

.organCon .left{position:relative;float:left;width:756px;background:url('/_public/images/knmm/s5_2_line.gif') no-repeat center 50px;}
.organCon .left li{position:relative;}
.organCon .left .org1_1{margin:0 0 23px -37px}
.organCon .left .org1_2{position:absolute;top:30px;left:58%;z-index:2}
.organCon .left .org2{position:absolute;top:0;left:-35px;right:0;margin:0 auto;z-index:2}
.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:80px;width:170px}
.organCon .right::after{position:absolute;top:100px;left:50%;width:1px;height:235px;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 .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:200}
.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:200;/*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:200}
.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:200;letter-spacing:0}
.s5_3_3_con1 .con p{margin-bottom:65px;font-size:35px;line-height:1.2;font-weight:200}
.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_con2 ul{margin-bottom:60px}
.s5_3_3_con2 ul::after{display:block;clear:both;content:''}
.s5_3_3_con2 ul li{float:left;}
.s5_3_3_con2 ul li:nth-child(2n){float:right}

.s5_3_3_con3{margin:0 auto;width:1300px}
.s5_3_3_con3 h3:first-child{margin-top:0}
.s5_3_3_con3 .con{padding:55px;background:#fff;border:1px solid #e2e2e2;border-top:1px solid #222}
.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:200;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:200;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:200;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_7_con h3{margin:60px 0 20px;font-size:16px;font-weight:300}
.s5_7_7_con h3: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:300;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 .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:300;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: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:300}
.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}

.kids .tabMenu2 ul li:nth-child(2) a,
.kids .tabMenu2 ul li:nth-child(3) a,
.kids .tabMenu2 ul li:nth-child(4) a{padding-right:37px}
.kids .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%}

/* 대관신청 */
.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;}
.koglv p {width:900px;font-size:15px;margin-top:45px;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 .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:300}
.searchall .scabox1 .scresult .scword:after {content:"\"";font-weight:300}
.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){

 }


 /* 게시판 영상사이즈 */
.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:#ababab;}
.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;}