@charset "utf-8";
#wrap.fixed{}
#wrap.fixed .gnb-area{position: fixed; top: 0; left:50%; max-width:100%; background-color: #fff; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

#wrap .layBodyWrap{padding-top:0}
#wrap.fixed .main-container{padding-top:50px;}
#wrap.fixed .page-container{padding-top:50px;}
#wrap.fixed .layBodyWrap{padding-top:200px;}
/* #wrap.fixed .page-container .page-header{padding-top: 165px;} */
/*ie 핵*/
@media screen and (min-width:0\0) {
    #wrap.fixed .gnb-area{position: relative; left: 0; -webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
    #wrap.fixed .main-container{padding-top:0;}
    #wrap.fixed .page-container{padding-top:0;}
    #wrap.fixed .layBodyWrap{padding-top:0;}
}

/*header*/
header.header{position: relative; top:0; width:100%; background: #fff; z-index: 100}
header.header .inner-header{max-width:1440px; padding:0 15px; margin:0 auto;}
header.header .inner-header .top-banner {position: relative; margin-top:10px; margin-bottom:33px}
header.header .inner-header .top-banner img{max-width:100%; height:100%; width:100%}
header.header .inner-header .top-banner .banner-close{position: absolute; bottom: 5%; right: 15px; display: flex; align-items: flex-end;}
header.header .inner-header .txt-top-banner .banner-close .check-type1{vertical-align: middle;}
header.header .inner-header .top-banner .banner-close .check-type1 label span {color:#000; font-size:14px; margin-right:20px;}/*20241220 #fff -> #000*/
header.header .inner-header .top-banner .banner-close > button {background:none; border:0; vertical-align:middle;}
header.header .inner-header .top-banner .banner-close > button > i{width:31px; height:31px; display:inline-block; vertical-align: middle;
background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:31px; text-indent: -9999px}/*20241220 white -> black*/
.m-header{display:none;}
/*텍스트일때*/
header.header .inner-header .txt-top-banner{background:#0f013c; padding:40px 0;}
header.header .inner-header .txt-top-banner .banner-txt-area{padding-left:40px;}
header.header .inner-header .txt-top-banner .banner-txt-area p{color:#fff; font-size:26px; line-height:32px;font-family:'notokr-light'; 
width: calc(100% - 250px)}
header.header .inner-header .txt-top-banner .banner-txt-area p strong{font-family:'notokr-medium'; font-weight:normal;}
header.header .inner-header .txt-top-banner .banner-close .check-type1 label span {color:#fff; font-size:14px; margin-right:20px;}
header.header .inner-header .txt-top-banner .banner-close > a > i{width:31px; height:31px; display:inline-block; vertical-align: middle;
background: url(../images/common/btn/btn_white_close.png) no-repeat center; background-size:31px; text-indent: -9999px}
/*텍스트일때*/

/*nav*/
.gnb-area{width:100%;/* position: relative;*/}
.gnb-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-header .util:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-header .util{margin-top:15px; float:right}
.inner-header .util .util-link{}
.inner-header .util .util-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-header .util .util-link > li{float:left; margin-right:3px; position: relative}
.inner-header .util .util-link > li.museumLink{margin-right:16px;}
.inner-header .util .util-link > li:last-child{margin-right:0}
.inner-header .util .util-link > li > a{display:block; font-size:14px; color:#444; padding:12px 8px 15px 8px; position: relative}
.inner-header .util .util-link > li > a.on{color:#fff; background: #000;}
.inner-header .util .util-link > li > a:before{width:100%; height:3px; position: absolute; top:0; left:0; content:""; background: #000;}
.inner-header .util .util-link > li > a > i{width:15px; height:8px; margin-left:12px; display:inline-block; vertical-align: middle;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat center; background-size:15px 8px;}
.inner-header .util .util-link > li > a.on > i{background: url(../images/common/ico/ico_sm_white_close.png) no-repeat center; background-size:15px 8px;}
.inner-header .util .util-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-header .util .util-link > li ul.linkList{width:100%; display:none; border-top:1px solid #555555; padding-top: 20px; text-align: center; position: absolute; top:46px; left:0; 
background: #000; z-index:101}
.inner-header .util .util-link > li ul.linkList > li {margin-bottom:15px;}
.inner-header .util .util-link > li ul.linkList > li a{font-size:14px; color:#cccccc; }
.inner-header .util .util-link > li ul.linkList > li a:hover{color:#ffcc33; text-decoration: underline}
.gnb{clear: both;  max-width:1440px; margin:0 auto; height:120px; position: relative; background: #fff; z-index:100}
.gnb .logo{position: absolute; top:28px; left:0}
.gnb .nav{padding:50px 0 0 300px;}
.gnb .nav ul.depth1 > li{float:left; margin-right:35px;}
.gnb .nav ul.depth1 > li > a{font-size:22px; color:#222222; font-family:'notokr-medium';transition: 0.2s;position:relative;}
.gnb .nav ul.depth1 > li > a.on{color:#3f0b9f}
.gnb .nav ul.depth1 > li > a.now-point{color:#3f0b9f}
.gnb .nav ul.depth1 > li > a.now-point:before,
.gnb .nav ul.depth1 > li > a:hover:before{width:100%; height:5px; position: absolute; bottom:-5px; content:""; background: #3f0b9f;}
.gnb .nav ul.depth1 > li > a:hover{color:#3f0b9f}
.gnb .nav ul.depth1 > li:last-child{margin-right:0}
.gnb .nav ul.depth1:after{clear:both; display:block; overflow:hidden; height:0; content:"";}
.gnb .sub-menu{display:none; width:100%; position: absolute; top:105px; left:0; background: #000; }
.gnb .sub-menu .depth2{position: relative; text-align:left; padding-left:270px;}
@media screen and (max-width:1100px) { 
	.gnb .sub-menu .depth2{position: relative; text-align:left; padding-left:230px;}
}
.gnb .sub-menu .depth2 > li{display:inline-block; padding:14px 0; margin-right:20px; position: relative}
.gnb .sub-menu .depth2 > li:last-child{margin-right: 0}
.gnb .sub-menu .depth2 > li > a{color:#fff; font-family:'notokr-DemiLight'; transition: 0.2s; font-size:15px}
.gnb .sub-menu .depth2 > li > a.on{color:#fac906; }
.gnb .sub-menu .depth2 > li > a.on:before{width:17px; height:5px; position: absolute; bottom:0; left:50%; margin-left:-8.5px; content:""; background: #ffcc33;}
.gnb .sub-menu .depth2 > li > a:hover:before{width:17px; height:5px; position: absolute; bottom:0; left:50%; margin-left:-8.5px; content:""; background: #ffcc33;}
.gnb .sub-menu .depth2 > li > a:hover{color:#fac906; }
.gnb .sub-menu .depth2:after{clear:both; display:block; overflow:hidden; height:0; content:"";}
.gnb .sub-menu .depth2 .depth3-menu{display:none; position: absolute; top:50px; left: 50%; min-width: 100%; padding:20px; z-index: 1; transform: translateX(-50%);
 -webkit-transform: translateX(-50%); box-sizing: border-box; background: #333;}
.gnb .sub-menu .depth2 .depth3-menu > ul > li{margin-bottom:10px;}
.gnb .sub-menu .depth2 .depth3-menu > ul > li:last-child{margin-bottom:0}
.gnb .sub-menu .depth2 .depth3-menu > ul > li a{color:#fff; font-size:14px; font-family:'notokr-DemiLight'; white-space: nowrap; transition: 0.2s; position: relative;}
.gnb .sub-menu .depth2 .depth3-menu > ul > li a:hover, .gnb .sub-menu .depth2 .depth3-menu > ul > li a.on{color:#ffcc33; text-decoration: underline;}
.gnb .r-link-list{position: absolute; top:48px; right:5px}
.gnb .r-link-list > ul li{display:inline-block; margin-right:10px;vertical-align: middle;}
.gnb .r-link-list > ul li:last-child{margin-right: 0; vertical-align: middle;}
.gnb .r-link-list > ul li > a{color:#444444; font-size:15px; font-family:'notokr-medium'; }
.gnb-btn-search{width:25px; height:25px;border: 0; background: url(../images/common/btn/btn_search_open.png) no-repeat center; background-size:25px;}

/*21.3.25 추가*/
.inner-header .util .util-link > li.sns-btn{position: relative; margin-left:17px; padding:12px 15px 0 15px;}
.inner-header .util .util-link > li.sns-btn:before{width: 100%; height: 3px;  position: absolute; top: 0; left: 0; content: ""; background: #000;}
.inner-header .util .util-link > li.sns-btn > ul > li{display:inline-block; margin-right:15px;}
.inner-header .util .util-link > li.sns-btn > ul > li:last-child{margin-right:0}
/*검색*/
.search-area{display:none; position:fixed; top:0; left:0; width:100%; height:827px; z-index:1000;
background: url(../images/common/bg/bg_search.png) no-repeat center; background-size:cover}
.inner-search{max-width:1440px; margin:0 auto; position: relative;}
.search-area a.search-close{display:block; width:31px; height:31px; background:url('../images/common/btn/btn_white_close.png') center no-repeat; 
position:absolute; top:90px; right:20px; text-indent:-9999px}
.search-area .logo{position: absolute; top:70px; left:20px}
.search-form{position:relative; padding-top:340px; width:625px; margin:0 auto;}
.search-form input::-webkit-input-placeholder{color:#444444; font-family:'notokr-regular';}
.search-form input::-moz-placeholder{color:#444444; font-family:'notokr-regular';}
.search-form input:-ms-input-placeholder{color:#444444; font-family:'notokr-regular';}
.search-form input:-moz-placeholder{color:#444444;font-family:'notokr-regular';}
.search-form input#search-field{display:block; width:100%; background:#fff; border:0; font-size:20px; line-height:50px; color:#444444; 
outline:none; padding:10px 30px; width:95%; box-sizing:border-box;font-family:'notokr-regular'; font-weight:normal; height:70px}
.search-form button{margin:0; padding:0; text-indent:-9999px; width:120px; height:70px; background:url('../images/common/btn/btn_search.png') no-repeat; 
cursor:pointer; display:block; border:0; position:absolute; bottom:0; right:-90px;}

/*footer*/
footer{max-width:1440px; padding:0 15px; margin:0 auto;}
.footer-menu {border-top:1px solid #c8c8c8; padding:75px 0 60px 0}
.footer-menu .foot-1depth > li{float:left; width:12%; word-break: keep-all}
.footer-menu .foot-1depth > li > a{display:inline-block; margin-bottom:20px; font-size:20px; color:#000; font-family:'notokr-medium';}
.footer-menu .foot-1depth > li > a:hover, .footer-menu .foot-1depth > li > a:focus{text-decoration: underline}
.footer-menu .foot-1depth > li ul{}
.footer-menu .foot-1depth > li ul.foot-depth2 > li > a{display:inline-block; width:90%; margin-bottom:15px; letter-spacing: -0.25px; color:#666; font-size:15px;}
.footer-menu .foot-1depth > li ul.foot-depth2 > li > a.on{color:#3f0b9f; background: url(../images/common/ico/ico_sm_purple_close.png) no-repeat 98%;}
.footer-menu .foot-1depth > li ul.foot-depth2 > li > a:hover, .footer-menu .foot-1depth > li > .foot-sub-menu .foot-depth2 > li > a:focus{text-decoration: underline}
.footer-menu .foot-1depth:after{clear:both; display:block; overflow:hidden; content:""; height:0}
/*.footer-menu .foot-1depth > li.intro-link{width:17%}
.footer-menu .foot-1depth > li.last-link{float:right; width:11%}*/
.footer-menu .foot-1depth > li.last-link li a{display:inline-block; margin-bottom:20px; color:#000; font-size:18px; font-family:'notokr-medium';}
.footer-menu .foot-1depth .foot-depth3 {display:none; padding:15px 20px 0 20px; margin-bottom:15px; margin-left:-20px; width:80%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #f8f8f8;}
.footer-menu .foot-1depth .foot-depth3 > ul > li{margin-bottom:15px;}
.footer-menu .foot-1depth .foot-depth3 > ul > li a{font-size:14px; line-height:21px; color:#666666}
.footer-menu .foot-1depth .foot-depth3 > ul > li a:hover{text-decoration: underline; color:#3f0b9f}
.footer-menu .foot-1depth .foot-depth3 > ul > li a.on{text-decoration: underline; color:#3f0b9f}

/* 230406 footer 수정 */
.footer-menu .foot-1depth {display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-menu .foot-1depth > li {display: inline-block; flex: 0 auto;}
.relate-site {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.relate-site li {display: inline-block; flex: 0 auto;}
.relate-site li a {display: flex; align-items: center; color: #000; font-size: 18px; font-family: 'notokr-medium';}
.relate-site li a > img {width: auto; height: 18px; margin-left: 2px;}

/* 230802 footer 개편 */
.footer-menu .footer-1depth {display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-menu .footer-1depth > li {display: inline-block; flex: 0 auto; float:left; width:12%; word-break: keep-all}
.footer-menu .footer-1depth > li > a {display:inline-flex; align-items: center; margin-bottom:10px; font-size:20px; color:#000; font-family:'notokr-medium';}
.footer-menu .footer-1depth > li > a:hover,
.footer-menu .footer-1depth > li > a:focus {text-decoration: underline; color: #3f0b9f;}
.footer-menu .footer-1depth > li > a > img {width: auto; height: 20px; margin-left:5px;}
.footer-menu .footer-1depth > li ul.footer-depth2 {padding-right: 10px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li {display: flex; flex-direction: column; flex-wrap: wrap;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a {display:inline-flex; align-items: center;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a:not(.menu-fold) {display:inline-block; margin:7px 0; letter-spacing: -0.25px; color:#666; font-size:15px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a:not(.menu-fold):hover, 
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a:not(.menu-fold):focus {text-decoration: underline; font-weight: bold; color: #3f0b9f;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a.menu-fold {text-indent:-9999px; transition: transform ease 0.3s; display: inline-block; cursor: pointer; width: 14px; height: 10px; flex-shrink: 0; background: url(../images/common/ico/arrow-right-ico2.png) no-repeat 98%; background-size: 14px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a.menu-fold.fold-rotate {transform: rotate(-180deg); transition: transform ease 0.3s;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li div.depth2-menu > a > img {width: auto; height: 15px; margin-left:5px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 {display:none; margin-bottom: 10px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3.show {display:block;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 > li > a {display: flex; margin:5px 0 5px 5px; letter-spacing: -0.25px; color:#666; font-size:14px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 > li > a > span {display: flex; align-items: center; padding-left: 5px;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 > li > a > span:hover, 
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 > li > a > span:focus {text-decoration: underline; font-weight: bold; color: #3f0b9f;}
.footer-menu .footer-1depth > li ul.footer-depth2 > li ul.footer-depth3 > li > a > span > img {width: auto; height: 14px; margin-left:5px;}

.link-box-area{padding:55px 0; border-top:1px solid #e6e6e6;}
.link-box-area .link-box{float:left; width:25%;}
.link-box-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.link-box-area .link-box > ul.ex-link > li a{display:inline-block; margin-bottom:20px; color:#000; font-size:18px; font-family:'notokr-medium';}
.link-box-area .link-box > ul.ex-link > li a:hover, .link-box-area .link-box > ul.ex-link > li a:focus {text-decoration: underline}
.link-box-area .link-box .familysite{display:inline-block; clear: both; margin-bottom:25px; position: relative}
.link-box-area .link-box .familysite .btn-site{display:block; font-size:16px; color:#000; position: relative;}
.link-box-area .link-box .familysite .btn-site > span{display:inline-block; padding:12px 92px 11px 0; margin-left:19px; border-bottom:2px solid #000;background: url(../images/common/ico/ico_lg_black_open.png) no-repeat 96%; background-size:22px 12px }/*20231019 12px 78px 12px 0 수정*/
.link-box-area .link-box .familysite .btn-site.on{ color:#fff; border-bottom:1px solid #e6e6e6; background:#000 url(../images/common/ico/ico_down_white_img.png) no-repeat 90%; background-size:22px 12px}
.link-box-area .link-box .familysite .btn-site.on > span{padding:12px 92px 11px 0; }
.link-box-area .link-box .familysite.guideBook .btn-site > span{padding:12px 92px 12px 0;}
.link-box-area .link-box .familysite.guideBook .btn-site.on > span{padding:12px 108px 11px 0; background:none}
.link-box-area .link-box .foot-link li a{color:#444444; line-height:30px;}
.link-box-area .link-box .foot-link li a:hover, .link-box-area .link-box .foot-link li a:focus{text-decoration: underline}
.link-box-area .right-link-box{text-align:right; font-size:15px; color:#444; line-height:30px;}
.link-box-area .right-link-box .sns-link > ul > li{display:inline-block; margin-right:25px;}
.link-box-area .right-link-box .sns-link > ul > li:last-child{margin-right:0}
.link-box-area .right-link-box .sns-link img{width:33px; height:33px}
.link-box-area .right-link-box .address{margin-top:25px;}
.familysite .linkList{display:none; width:100%; box-sizing: border-box; position: absolute; bottom:48px; left:0; padding:35px 0; text-align:center; background: #000;}
.familysite .linkList > li {margin-bottom:15px;}
.familysite .linkList > li:last-child{margin-bottom: 0}
.familysite .linkList > li a{font-size:14px; color:#cccccc;  white-space: nowrap;}
.familysite .linkList > li a:hover{color:#ffcc33; text-decoration: underline}
.otherban{margin-top:20px;}
.otherban li{display:inline-block; margin-left:10px;}
.otherban li:first-child a img{width:81px; height:49px;}
.otherban li:last-child a img{width:95px; height:40px;}

/* 뉴스레터 효과 */
.pulse-once {animation: pulse-animation 2s;}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    color: unset;
  }
}

/*추가 어린이 css*/
.m-child-web{display:none;}
.m-vcm-link{display:none;}

/*top 버튼*/
.page-top{width:53px; height:53px; position: fixed; right:0; bottom:0; border:0; z-index:10; background: url(../images/common/btn/btn_top.png) no-repeat; transition: 0.8s;}
.page-top:hover{background: url(../images/common/btn/btn_top_over.png) no-repeat;}
.m-link-box{display:none;}
.m-top-banner{display:none;}

/*page container*/
.page-container{width:100%; position: relative;}
.page-container .page-header{max-width:1440px; padding:0 15px; margin:50px auto 60px auto;}
.page-container .page-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-container .page-header .r-page-link{float:right;}
.page-container .page-header .r-page-link > ul > li{float:left; margin-right:40px;}
.page-container .page-header .r-page-link > ul > li:last-child{margin-right:0}
.page-container .page-header .r-page-link > ul > li > a > span{text-indent: -9999px;}
.page-container .page-header .r-page-link > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-container .page-header .r-page-link > ul > li.ico-qrcode > a{width:25px; height:25px; display:block; background: url(../images/common/btn/btn_qrcode.png) no-repeat;}
.page-container .page-header .r-page-link > ul > li.ico-scrap a{width:28px; height:25px; display:block; background: url(../images/common/btn/btn_scrap.png) no-repeat;}
.page-container .page-header .r-page-link > ul > li.ico-print a{width:27px; height:27px; display:block; background: url(../images/common/btn/btn_print.png) no-repeat;}
.page-container .page-header .r-page-link > ul > li.ico-send > a{width:25px; height:25px; display:block;
 background: url(../images/common/btn/btn_send.png) no-repeat;}
.page-container .page-header .r-page-link > ul > li.ico-send {position: relative;}
.page-container .page-header .r-page-link > ul > li.ico-send .share2{position: absolute; top: 50px; left: -58px; min-width: 100%; padding: 20px;
 z-index: 90; transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing: border-box; border:1px solid #dddddd; background: #f8f8f8;}
.page-container .page-header .r-page-link > ul > li.ico-send .share2:after{width:11px; height:8px; content:""; background: url(../images/common/ico/ico_util_box.png) no-repeat;
position: absolute; top:-8px; right:10px}
.page-container .page-header .r-page-link > ul > li.ico-send .share2 .sh_t span{margin-bottom:10px; display:block}
.page-container .page-header .r-page-link > ul > li.ico-send .share2 .sh_t span:last-child{margin-bottom:0}
.page-container .page-header .r-page-link > ul > li.ico-send .share2 .sh_t a{white-space: nowrap; font-size:15px; color:#444;}
.page-container .page-header .r-page-link > ul > li.ico-send .share2 .sh_t a img{vertical-align:middle; margin-right:10px;}
.page-container .page-header .r-page-link > ul > li.ico-send .share2 .close{position: absolute; top: 5px; right: 10px;}

.page-container .page-header.page-bottom-header{margin:50px auto 40px auto;}

.page-container .page-header .r-page-link > ul > li.ico-qrcode{position: relative;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode{position: absolute; top: 50px; left: 94px; min-width: 100%; padding: 20px;
 z-index: 5; transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing: border-box; border:1px solid #dddddd; background: #f8f8f8;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode:after{width:11px; height:8px; content:""; background: url(../images/common/ico/ico_util_box.png) no-repeat;
position: absolute; top:-8px; left:63px}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode .qr{white-space: nowrap; padding:20px 10px}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode .qr .qr_desc{margin-bottom:20px;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode .qr .btn_qrcode{display:block; text-align:center; margin:10px 0}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode .qr .btn_copy{display:block; text-align:center; color:#666;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode .layer_qrcode .btn_focus_close{position: absolute; top: 5px; right: 10px;}

.page-container .page-header .nav-location{clear:both; margin-bottom:25px; padding-top:10px;}
.page-container .page-header .nav-location > ul > li{display:inline-block; position: relative; padding:0 18px; margin-left:-4px; vertical-align: middle;}
.page-container .page-header .nav-location > ul > li:before{width:6px; height:11px; display:inline-block; vertical-align: middle; content:"";
 background: url(../images/common/ico/ico_location_arrow.png) no-repeat; background-size:6px 11px; position: absolute; top:5px; left:0}
.page-container .page-header .nav-location > ul > li:first-child{padding-left:0; margin-left: 0;}
.page-container .page-header .nav-location > ul > li:first-child:before{display:none}
.page-container .page-header .nav-location > ul > li.home a{display:block; width:17px; height:17px; background: url(../images/common/ico/ico_home.png) no-repeat; background-size:15px;}
.page-container .page-header .nav-location > ul > li a{font-size:16px; color:#666}
.page-container .page-header .nav-location > ul > li a:hover, .page-container .page-header .nav-location > ul > li a:focus{text-decoration: underline}
.page-container .page-header .page-title{font-size:40px; color:#222;  font-family:'notokr-regular';}
.page-content-type1{max-width:1440px; margin:0 auto 120px auto; padding:0 15px;}
.page-content-full.bg{background: #f8f8f8;}

.gnb .r-link-list > ul li.mypage-link{position: relative;}
.gnb .r-link-list > ul li.mypage-link > a{display:inline; font-size:15px; color:#444; padding:13px 8px 15px 8px; position: relative}
.gnb .r-link-list > ul li.mypage-link > a.on{color:#fff; background: #000;}
.gnb .r-link-list > ul li.mypage-link > a > i{width:15px; height:8px; margin-left:12px; display:inline-block; vertical-align: middle;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat center; background-size:15px 8px;}
.gnb .r-link-list > ul li.mypage-link > a.on > i{background: url(../images/common/ico/ico_sm_white_close.png) no-repeat center; background-size:15px 8px;}
.gnb .r-link-list > ul li.mypage-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.gnb .r-link-list > ul li.mypage-link ul.linkList.mypagelist{width:100%; display:none; border-top:1px solid #555555; padding-top: 20px; text-align: center;
 position: absolute; top:37px; left:0; background: #000; z-index:101}
.gnb .r-link-list > ul li.mypage-link ul.linkList.mypagelist > li {margin:0 0 15px 0; display:block}
.gnb .r-link-list > ul li.mypage-link ul.linkList.mypagelist > li a{font-size:14px; color:#cccccc; }
.gnb .r-link-list > ul li.mypage-link ul.linkList.mypagelist > li a:hover{color:#ffcc33; text-decoration: underline}


/* Skip Navigation 20210908*/
#skip {z-index:100; position:absolute; width:100%; height:0px; top:0px; left:0px;}
#skip a {display:block; position:absolute;top:0px; text-indent:-9999px; overflow:hidden;}
#skip a:focus, #skip a:active {display:block; position:absolute; z-index:11; top:0px; left:0; width:100%; height:14px; padding:6px 0px; font-weight:bolder; line-height:14px; text-align:center; color:#fff; background-color:#b88345; font-size:14px; text-indent:0px;}

/* 스킵네비게이션 */
#skipNav {position: relative;z-index: 9999;}
#skipNav a {display: block;height: 1px;width: 1px;margin-bottom: -1px;overflow: hidden;font-size: 20px;color: #fff;font-weight: bold;background: #2466a6;white-space: nowrap;text-align: center;}
#skipNav a:focus, #skipNav a:active{height:auto; width:100%; padding:5px; margin-bottom:10px; position:absolute; left:0; top:0;}

/* .checkbox.check-type1 input:focus + label{border: 1px dashed #00fA5C7FE;border-radius: 3px;} */

/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1440px) {
.footer-menu .foot-1depth > li{width:25%; min-height:390px;}
.footer-menu .foot-1depth > li.intro-link{width:25%;}
.footer-menu .foot-1depth > li.last-link{float:left; width:25%;}
.footer-menu .footer-1depth > li{width:23%; min-height:390px;}
.footer-menu .footer-1depth > li.intro-link{width:25%;}
.footer-menu .footer-1depth > li.last-link{float:left; width:25%;}
.link-box-area .link-box{width:50%; min-height:200px;}
.link-box-area .right-link-box{text-align:left;}
.gnb .r-link-list{top: 0;}
.relate-site {justify-content: flex-start;}
.relate-site li {width: 25%; margin-bottom: 20px;}
}

/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1280px) {
.gnb .logo img{width:90%}
.gnb .nav{padding:50px 0 0 23.43vw}
.gnb .sub-menu .depth2 > li > a{font-size:14px;}
.gnb .nav ul.depth1 > li{margin-right:2.73vw;}
.gnb .nav ul.depth1 > li > a{font-size:1.71vw;}
.gnb .sub-menu .depth2 .depth3-menu > ul > li a{font-size:14px;}
.gnb .sub-menu .depth2 .depth3-menu{top: 48px;}
}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
#wrap.fixed .main-container{padding-top:0;}
#wrap.fixed .layBodyWrap{padding-top:0;}

#wrap .layBodyWrap{padding-top:0}
#wrap.fixed .page-container{padding-top:0;}

.relate-site {margin: 60px 0 30px 0;}
.relate-site li {width: 50%; margin-bottom: 30px;}
.relate-site li a {font-size: 32px;}
.relate-site li a > img {height: 30px;}

.header{display:none}
.m-header{display:block;}
.m-header .inner-header{width:100%; height:160px; padding:0 40px; position: relative; background: #fff; box-sizing: border-box; z-index:100}
.m-header .inner-header .logo{position: absolute; top:40px; left:40px}
.m-header .inner-header .r-header-btn{position: absolute; top:60px; right:40px}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
.m-header .inner-header .r-header-btn .m-btn-search{margin-right:25px;}
.m-header .inner-header .r-header-btn .m-btn-search i{display:inline-block; width:37px; height:37px; content:"";
background: url(../images/common/btn/m_btn_search_open.png) no-repeat center; background-size:37px;text-indent: -9999em;}
.m-header .inner-header .r-header-btn .m-btn-menu i{display:inline-block; width:42px; height:30px; content:"";
background: url(../images/common/btn/m_btn_menu_open.png) no-repeat center; background-size:42px 30px;text-indent: -9999em;}
.m-header .layout-menu-wrapper{display:none; width:100%; position: absolute; top:0; left:0; z-index:200; background: #fff;}
.m-header .layout-menu-wrapper .layout-menu-header{padding:0 40px; position: relative}
.m-header .layout-menu-wrapper .layout-menu-header .menu-close{width:40px; height:40px; position: absolute; top:30px; right:40px; text-indent: -9999px;
background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:40px; z-index:1}
.m-header .member-section{padding-top:145px; position: relative; }
.m-header .member-section:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.m-header .member-section strong > a{font-size:52px;  font-family: 'notokr-bold'; font-weight:normal; color:#000;}
.m-header .member-section > span{float:right; margin-top:10px;}
.m-header .member-section > span .join-bt{margin-right:30px;}
.m-header .member-section span.mypage-t{margin-right:30px;}
.m-header .member-section span > a {font-size:38px; line-height:52px; color:#000;font-family: 'notokr-medium'; }
.m-header .header-menu-group{margin:35px 0 35px 0; padding:30px 40px; border-top:1px solid #000; background: #f4f4f4;;}
.m-header .header-menu-group > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.m-header .header-menu-group > ul > li{float:left; width:50%; margin-bottom:20px;}

.m-header .header-menu-group > ul > li.menu-group2{display:none}
.m-header .member-section span.mypage-t > a.on{color:#3f0b9f;}
.m-header .header-menu-group > ul > li i{width:46px; height:58px; margin-right:15px; display:inline-block; vertical-align: middle}
.m-header .header-menu-group > ul > li.t1 i{background: url(../images/common/ico/ico_m_menu_img6.png) no-repeat center; background-size:40px 44px;}
.m-header .header-menu-group > ul > li.t2 i{background: url(../images/common/ico/ico_m_menu_img7.png) no-repeat center; background-size:40px 44px;}
.m-header .header-menu-group > ul > li.t3 i{background: url(../images/common/ico/ico_m_menu_img8.png) no-repeat center; background-size:45px 42px;}
.m-header .header-menu-group > ul > li.t4 i{background: url(../images/common/ico/ico_m_menu_img9.png) no-repeat center; background-size:43px 43px;}
.m-header .header-menu-group > ul > li.t5 i{background: url(../images/common/ico/ico_m_menu_img1.png) no-repeat center; background-size:44px;}

.m-header .header-menu-group > ul > li.t6 i{background: url(../images/common/ico/ico_m_menu_img2.png) no-repeat center; background-size:39px 58px;}
.m-header .header-menu-group > ul > li.t7 i{background: url(../images/common/ico/ico_m_menu_img3.png) no-repeat center; background-size:45px ;}
.m-header .header-menu-group > ul > li.t8 i{background: url(../images/common/ico/ico_m_menu_img4.png) no-repeat center; background-size:44px ;}
.m-header .header-menu-group > ul > li.t9 i{background: url(../images/common/ico/ico_m_menu_img5.png) no-repeat center; background-size:46px ;}

.m-header .header-menu-group > ul > li > a{color:#000000; font-size:3.22vw;}
.m-header .nav{padding:0 40px 100px 40px;}
.m-header .nav .depth1 > li{padding-bottom:30px; border-bottom:1px solid #ccc}
.m-header .nav .depth1 > li > a{width:100%; display:inline-block;margin-top:30px; color:#000; font-size:44px; font-family: 'notokr-medium'; 
background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 98%; background-size:39px 21px}
.m-header .nav .depth1 > li > a.on span{color:#3f0b9f; border-bottom:4px solid #3f0b9f;}
.m-header .nav .depth1 > li > a.on{background: url(../images/common/ico/ico_lg_black_open.png) no-repeat 98%; background-size:39px 21px}
.m-header .nav .depth1 > li > .sub-menu {display:none;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > a{display:inline-block; margin-top:30px;color:#000; font-size:32px;font-family: 'notokr-DemiLight';}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > a.on{font-family: 'notokr-medium';}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu{display:none;margin-top:32px; padding:40px; border-top:1px solid #dcdcdc; background: #f5f5f5;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li{ padding-left:30px; margin-bottom:30px; position: relative}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li:before{width:5px; height:5px; content:""; position: absolute; top:15px; left:0; background: #000;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li:last-child{margin-bottom:0}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li > a{font-size:30px; color:#222222; }

.m-top-banner{display:block; position: relative; padding:0 40px; margin-bottom: 35px;}
.m-top-banner img{width:100%; height:100%;}
.m-top-banner .banner-close{position: absolute; bottom:30px; right:75px}
.m-top-banner .banner-close > .checkbox{margin-right:30px;}
.m-top-banner .banner-close > .checkbox span{font-size:26px; color:#000;}/*20241220 #fff -> #000*/
.m-top-banner .banner-close  button{background:none; border:0}
.m-top-banner .banner-close  button > i{width:31px; height:31px; display:inline-block; vertical-align: middle;
background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:31px; text-indent: -9999px}/*20241220 white -> black*/
/*텍스트있을때*/
.m-txt-top-banner{display:block; position: relative; padding:40px; margin-bottom: 35px; background: #0f013c;}
.m-txt-top-banner p{color:#fff; font-size:32px; line-height:44px; padding-bottom:80px; font-family:'notokr-light';}
.m-txt-top-banner p strong{font-family:'notokr-medium'; font-weight:normal;}
.m-txt-top-banner .banner-close{position: absolute; bottom:40px; right:40px}
.m-txt-top-banner .banner-close > .checkbox span{color:#fff}
.m-txt-top-banner .banner-close > a > i{width:31px; height:31px; display:inline-block; vertical-align: middle;
background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:31px; text-indent: -9999px}/*20241220 white -> black*/

/*언어 추가*/
.m-lang-type{position: absolute; top: 0; left: 0; z-index:1}
.m-lang-type > a{display:block; font-size:28px; color:#444; padding:28px 40px 31px 40px; position: relative;font-family:'notokr-medium';}
.m-lang-type > a.on{color:#fff; background: #000;}
.m-lang-type > a:before{width:100%; height:3px; position: absolute; top:0; left:0; content:""; background: #000;}
.m-lang-type > a > i{width:30px; height:16px; margin-left:20px; display:inline-block; vertical-align: middle;
background: url(/ux/content/images/common/ico/ico_m_sm_black_open.png) no-repeat center; background-size:30px 16px;}
.m-lang-type > a.on > i{background: url(/ux/content/images/common/ico/ico_m_sm_white_close.png) no-repeat center; background-size:30px 16px;}
.m-lang-type .m-langlist{width: calc(100% - 80px); padding:0 40px; display:none;text-align: center; position: absolute; top:99px; left:0; 
background: #000; z-index:101}
.m-lang-type .m-langlist ul{ border-top:1px solid #555555;padding: 20px 0;  }
.m-lang-type .m-langlist li {margin-bottom:20px;}
.m-lang-type .m-langlist li a{font-size:28px; color:#cccccc; }
.m-lang-type .m-langlist li a:hover{color:#ffcc33; text-decoration: underline}


/*footer*/
footer{max-width:1440px; padding:0; margin:0 auto; border-top:2px solid #c8c8c8 }
footer .footer-wrap{padding:0 40px}
.footer-menu {border-top:0; padding:15px 0 0 0}
.footer-menu .foot-1depth > li{float:none; width:100%; margin-top:35px; display:none}
.footer-menu .foot-1depth > li > a{font-size:36px; margin-bottom:0}
.footer-menu .foot-1depth > li > a.on{color:#3f0b9f; border-bottom:1px solid #3f0b9f}
.footer-menu .foot-1depth > li ul{}
.footer-menu .foot-1depth > li ul > li{width:50%; float:left;}
.footer-menu .foot-1depth > li ul:after{clear: both; display:block; content:""; height:0; overflow: hidden}
.footer-menu .foot-1depth > li ul > li a{margin-bottom:15px; line-height:55px; letter-spacing: -0.25px; color:#000; font-size:26px;}
.footer-menu .foot-1depth:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.footer-menu .foot-1depth > li.intro-link{width:100%;}
.footer-menu .foot-1depth > li.last-link{ display:block;float:none; width:100%; margin-top:0; padding:60px 0 30px 0; }
.footer-menu .foot-1depth > li.last-link li a{margin-bottom:30px; font-size:32px;}
/* 230802 footer 개편 */
.footer-menu .footer-1depth > li{float:none; width:100%; margin-top:35px; display:none}
.footer-menu .footer-1depth > li > a{font-size:36px; margin-bottom:0}
.footer-menu .footer-1depth > li > a.on{color:#3f0b9f; border-bottom:1px solid #3f0b9f}
.footer-menu .footer-1depth > li ul{}
.footer-menu .footer-1depth > li ul > li{width:50%; float:left;}
.footer-menu .footer-1depth > li ul:after{clear: both; display:block; content:""; height:0; overflow: hidden}
.footer-menu .footer-1depth > li ul > li a{margin-bottom:15px; line-height:55px; letter-spacing: -0.25px; color:#000; font-size:26px;}
.footer-menu .footer-1depth:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.footer-menu .footer-1depth > li.intro-link{width:100%;}
.footer-menu .footer-1depth > li.last-link{ display:block;float:none; width:100%; margin-top:0; padding:60px 0 30px 0; }
.footer-menu .footer-1depth > li.last-link li a{margin-bottom:30px; font-size:32px;}
footer .foot-sub-menu{display:none; margin-top:30px;}
.link-box-area{padding:0; border-top:0;}
.link-box-area .link-box{float:none; width:100%;}
.link-box-area .link-box > ul.ex-link > li a{margin-bottom:35px;font-size:36px;}
.link-box-area .link-box .familysite{margin-bottom:0; display:block;}
.link-box-area .link-box .familysite .btn-site{ position: relative; box-sizing: border-box;display:block; width:100%; margin:0; font-size:36px; padding:30px 0 30px 0; background: url(../images/common/ico/ico_lg_black_open.png) no-repeat 98%; background-size:51px 29px; border-bottom: 2px solid #000; box-sizing: border-box;}
.link-box-area .link-box .familysite .btn-site > span{margin:0;border-bottom: 0; display:block;padding:0;background:none}
.link-box-area .link-box .familysite .btn-site.on {padding:30px 0 30px 0;  border-bottom: 2px solid #000; background:#000 url(../images/common/ico/ico_down_white_img.png) no-repeat 98%; background-size:51px 29px;}
.link-box-area .link-box .familysite .btn-site.on > span, .link-box-area .link-box .familysite.guideBook .btn-site > span, .link-box-area .link-box .familysite.guideBook .btn-site.on > span{padding:0}
.familysite .linkList{bottom:109px}
.familysite .linkList > li a{font-size:24px;}
.familysite .linkList > li{margin-bottom:25px}

.link-box-area .link-box .foot-link {display:none;}
.link-box-area .link-box .m-link-box{margin:70px 0; text-align:center; display:block;}
.link-box-area .link-box .m-foot-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.link-box-area .link-box .m-foot-link li{float:left; width:33.3%}
.link-box-area .link-box .m-foot-link a{color:#444; font-size:3.22vw;}
.link-box-area .right-link-box{text-align:left; font-size:28px; line-height:48px;}
.link-box-area .right-link-box .sns-link{margin-top:80px; text-align:center;}
.link-box-area .right-link-box .sns-link img{height:51px;}
.link-box-area .right-link-box .sns-link > ul > li{margin-right:50px;}
.link-box-area .right-link-box .address{margin-top:0;}
.link-box-area .right-link-box .copyright{padding:30px 0 70px 0}

.otherban{width:60%; margin:0 auto 100px auto}
.otherban li{display:inline-block; margin-left:4%; width:47%; text-align:center}
.otherban li:first-child {margin-left:0}
.otherban li:first-child a img{width:auto; height:auto; max-width:100%; max-height:100%}
.otherban li:last-child a img{width:auto; height:auto;  max-width:100%; max-height:100%}

/*추가 어린이 css*/
.m-child-web{display:block;}
.pc-child-web{display:none;}
.m-vcm-link{display:block;}
.pc-vcm-link{display:none;}
/*검색*/
.search-area{display:none; position:fixed; top:0; left:0; width:100%; height:827px; z-index:1000;
background: url(../images/common/bg/m_bg_search.png) no-repeat center; background-size:cover; }
.search-area a.search-close{display:block; width:31px; height:31px; background:url('../images/common/btn/btn_white_close.png') center no-repeat; 
position:absolute; top:30px; right:40px;}
.search-area .logo{position: absolute; top:50px; left:40px}
.search-form{width:100%; position:relative; padding:340px 40px 0 40px; margin:0 auto; box-sizing: border-box; display:table}
.search-form form{display:table; width:100%;}
.search-form input#m-search-field{display:table-cell; width: calc(100% - 120px); padding:25px 30px; font-size:30px; line-height:50px;
 background:#fff; height:100px; box-sizing: border-box; border:0}
.search-form button{width:120px; height:100px;display:table-cell;position:relative; bottom:0; right:0; vertical-align: top; background:url('../images/common/btn/m_btn_search.png') no-repeat;}



/*page container*/
.page-container{padding-bottom:150px;}
.page-container .page-header{padding:0 40px; margin:30px auto 80px auto;}
.page-container .page-header .r-page-link > ul > li{margin-right:20px;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode{display:none;}
.page-container .page-header .r-page-link > ul > li.ico-scrap a{width:28px; height:25px; background: url(../images/common/btn/btn_scrap.png) no-repeat;}
.page-container .page-header .r-page-link > ul > li.ico-print{display:none;}
.page-container .page-header .r-page-link > ul > li.ico-send > a{width:25px; height:25px; background: url(../images/common/btn/btn_send.png) no-repeat;}
.page-container .page-header .nav-location{margin-bottom:50px;}
.page-container .page-header .nav-location > ul > li{padding:0 25px; margin-left:-4px; vertical-align: middle;}
.page-container .page-header .nav-location > ul > li:before{width:10px; height:16px; background: url(../images/common/ico/ico_location_arrow.png) no-repeat;
background-size:10px 16px; position: absolute; top:10px; left:0}
.page-container .page-header .nav-location > ul > li.home a{width:24px; height:24px; background: url(../images/common/ico/ico_home.png) no-repeat; background-size:24px;}
.page-container .page-header .nav-location > ul > li a{font-size:25px;}
.page-container .page-header .page-title{font-size:60px;}

.page-content-type1{padding:0 40px;}
.m-content{padding:0}

}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){


}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.m-header .inner-header{height:80px; padding:0 20px;}
.m-header .inner-header .logo{position: absolute; top:20px; left:20px}
.m-header .inner-header .logo img{width:130px; height:35px;}
.m-header .inner-header .r-header-btn{position: absolute; top:30px; right:20px}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
.m-header .inner-header .r-header-btn .m-btn-search{margin-right:12px;}
.m-header .inner-header .r-header-btn .m-btn-search i{display:inline-block; width:19px; height:19px; content:"";
background: url(../images/common/btn/m_btn_search_open.png) no-repeat center; background-size:19px;}
.m-header .inner-header .r-header-btn .m-btn-menu i{display:inline-block; width:21px; height:15px; content:"";
background: url(../images/common/btn/m_btn_menu_open.png) no-repeat center; background-size:21px 15px;}
.m-header .layout-menu-wrapper .layout-menu-header{padding:0 20px;}
.m-header .layout-menu-wrapper .layout-menu-header .menu-close{width:20px; height:20px; position: absolute; top:15px; right:20px; text-indent: -9999px;
background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:20px; z-index: 1;}
.m-header .member-section{padding-top:72px;}
.m-header .member-section strong > a{font-size:26px;}
.m-header .member-section span > a {font-size:19px; line-height:26px;}
.m-header .member-section span.mypage-t{margin-right:12px;}
.m-header .member-section > span .join-bt{margin-right:12px;}
.m-header .header-menu-group{margin:17px 0; padding:15px 25px;}
.m-header .header-menu-group > ul > li{float:left; width:50%; margin-bottom:10px;}
.m-header .header-menu-group > ul > li > a{color:#000000; font-size:16px; display:table; width:100%;}
.m-header .header-menu-group > ul > li i{width:23px; height:29px; padding-right:15px;display:table-cell;vertical-align: top}
.m-header .header-menu-group > ul > li span{display:table-cell; width: calc(100% - 38px)}
.m-header .header-menu-group > ul > li.t1 i{background: url(../images/common/ico/ico_m_menu_img6.png) no-repeat center; background-size:20px 22px;}
.m-header .header-menu-group > ul > li.t2 i{background: url(../images/common/ico/ico_m_menu_img7.png) no-repeat center; background-size:20px 22px;}
.m-header .header-menu-group > ul > li.t3 i{background: url(../images/common/ico/ico_m_menu_img8.png) no-repeat center; background-size:22.5px 21px;}
.m-header .header-menu-group > ul > li.t4 i{background: url(../images/common/ico/ico_m_menu_img9.png) no-repeat center; background-size:21.5px 21.5px;}
.m-header .header-menu-group > ul > li.t5 i{background: url(../images/common/ico/ico_m_menu_img1.png) no-repeat center; background-size:22px;}

.m-header .header-menu-group > ul > li.t6 i{background: url(../images/common/ico/ico_m_menu_img2.png) no-repeat center; background-size:19.5px 29px;}
.m-header .header-menu-group > ul > li.t7 i{background: url(../images/common/ico/ico_m_menu_img3.png) no-repeat center; background-size:22.5px ;}
.m-header .header-menu-group > ul > li.t8 i{background: url(../images/common/ico/ico_m_menu_img4.png) no-repeat center; background-size:22px ;}
.m-header .header-menu-group > ul > li.t9 i{background: url(../images/common/ico/ico_m_menu_img5.png) no-repeat center; background-size:23px ;}

.m-header .header-menu-group > ul > li > a{color:#000000; font-size:16px; word-break:keep-all}
.m-header .nav{padding:0 20px 50px 20px;}
.m-header .nav .depth1 > li{padding-bottom:15px;}
.m-header .nav .depth1 > li > a{margin-top:15px;font-size:22px; background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 98%; background-size:20px 12px}
.m-header .nav .depth1 > li > a.on span{border-bottom:2px solid #3f0b9f;}
.m-header .nav .depth1 > li > a.on{background: url(../images/common/ico/ico_lg_black_open.png) no-repeat 98%; background-size:20px 12px}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > a{margin-top:15px; font-size:18px;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu{margin-top:15px; padding:20px;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li{ padding-left:15px; margin-bottom:15px;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li:before{width:3px; height:3px; content:""; position: absolute; top:10px; left:0; background: #000;}
.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li > a{font-size:15px; }
.m-top-banner{padding:0 15px; margin-bottom:15px}
.m-top-banner .banner-close > .checkbox span{font-size:15px;}
.m-top-banner .banner-close > button > i{width:16px; height:16px; background-size:16px;}
.m-top-banner .banner-close > a > i{width:16px; height:16px; background-size:16px;}
.m-top-banner .banner-close{position: absolute; bottom:15px; right:30px}
.m-top-banner .banner-close > .checkbox{margin-right:15px;}
.m-top-banner .banner-close > .checkbox span{font-size:14px;}

/*텍스트있을때*/
.m-txt-top-banner{padding:15px; margin-bottom:15px}
.m-txt-top-banner p{font-size:18px; line-height:26px; padding-bottom:40px;}
.m-txt-top-banner .banner-close > .checkbox span{font-size:15px;}
.m-txt-top-banner .banner-close{position: absolute; bottom:20px; right:20px}

/*언어 추가*/
.m-lang-type > a{font-size:14px; color:#444; padding:14px 20px 15px 20px;}
.m-lang-type > a > i{width:15px; height:8px; margin-left:10px;
background: url(/ux/content/images/common/ico/ico_m_sm_black_open.png) no-repeat center; background-size:15px 8px;}
.m-lang-type > a.on > i{background: url(/ux/content/images/common/ico/ico_m_sm_white_close.png) no-repeat center; background-size:15px 8px;}
.m-lang-type .m-langlist{width: calc(100% - 40px); padding:0 20px; display:none;text-align: center; position: absolute; top:48px; left:0;}
.m-lang-type .m-langlist ul{padding: 10px 0;  }
.m-lang-type .m-langlist li {margin-bottom:10px;}
.m-lang-type .m-langlist li a{font-size:14px;}

/*footer*/
footer{border-top:1px solid #c8c8c8;}
footer .footer-wrap{padding:0 20px}
.footer-menu {padding:7px 0 0 0}
.footer-menu .foot-1depth > li{ margin-top:18px; }
.footer-menu .foot-1depth > li > a{font-size:18px;}
.footer-menu .foot-1depth > li ul > li a{margin-bottom:8px; line-height:28px; font-size:14px;}
.footer-menu .foot-1depth > li.last-link{padding:30px 0 15px 0}
.footer-menu .foot-1depth > li.last-link li a{margin-bottom:15px; font-size:18px;}
footer .foot-sub-menu{display:none; margin-top:15px;}
.link-box-area .link-box > ul.ex-link > li a{margin-bottom:18px; font-size:18px;}
.link-box-area .link-box .familysite .btn-site{font-size:18px; border-bottom:1px solid #000; padding:15px 0 15px 0; background: url(../images/common/ico/ico_lg_black_open.png) no-repeat 98%; background-size:25.5px 14.5px;}
.link-box-area .link-box .familysite .btn-site.on{padding:15px 0; background: #000 url(../images/common/ico/ico_down_white_img.png) no-repeat 98%; background-size:25.5px 14.5px;}
.familysite .linkList{bottom:56px; padding:15px 0}
.familysite .linkList > li{margin-bottom:12px;}
.familysite .linkList > li a{font-size:14px;}
.link-box-area .link-box .m-link-box{margin:35px 0;}
.link-box-area .link-box .m-foot-link a{font-size:4vw;}
.link-box-area .link-box .m-foot-link li{width:30%;}
.link-box-area .link-box .m-foot-link li:nth-child(1){width:40%;}
.link-box-area .right-link-box{text-align:left; font-size:15px; line-height:26px;}
.link-box-area .right-link-box .copyright{padding:15px 0 35px 0}
.link-box-area .right-link-box .sns-link{margin-top:40px; text-align:center;}
.link-box-area .right-link-box .sns-link img{height:26px;}
.link-box-area .right-link-box .sns-link > ul > li{margin-right:25px;}
.relate-site li a {font-size: 18px;}
.relate-site li a > img {height: 18px;}

/*검색*/
.search-area{height:415px; z-index:1000; background: url(../images/common/bg/m_bg_search.png) no-repeat center; background-size:cover; }
.search-area .logo img{width:150px;}
.search-area a.search-close{width:20px; height:20px; background:url('../images/common/btn/btn_white_close.png') center no-repeat;  background-size:20px;
position:absolute; top:15px; right:20px;}
.search-area .logo{position: absolute; top:25px; left:20px}
.search-form{width:100%; position:relative; padding:170px 20px 0 20px; margin:0 auto; box-sizing: border-box;}
.search-form input#m-search-field{width: calc(100% - 60px); padding:7px 15px; font-size:15px; line-height:35px; background:#fff; height:50px;}
.search-form button{width:60px; height:50px;background:url('../images/common/btn/m_btn_search.png') no-repeat; background-size:60px 50px;}

/*page container*/
.page-container{padding-bottom:60px;}
.page-container .page-header{padding:0 20px; margin:15px auto 40px auto;}
.page-container .page-header .r-page-link > ul > li{margin-right:10px;}
.page-container .page-header .r-page-link > ul > li.ico-qrcode a{width:20px; height:20px;background: url(../images/common/btn/btn_qrcode.png) no-repeat; background-size:20px;}
.page-container .page-header .r-page-link > ul > li.ico-scrap a{width:23px; height:20px; background: url(../images/common/btn/btn_scrap.png) no-repeat; background-size:23px 20px}
.page-container .page-header .r-page-link > ul > li.ico-print a{width:22px; height:22px; background: url(../images/common/btn/btn_print.png) no-repeat; background-size:22px; }
.page-container .page-header .r-page-link > ul > li.ico-send > a{width:25px; height:25px; background: url(../images/common/btn/btn_send.png) no-repeat; background-size:20px;}
.page-container .page-header .nav-location{margin-bottom:25px;}
.page-container .page-header .nav-location > ul > li{padding:0 13px; margin-left:-4px; vertical-align: middle;}
.page-container .page-header .nav-location > ul > li:before{width:5px; height:8px; background: url(../images/common/ico/ico_location_arrow.png) no-repeat;
background-size:5px 8px; position: absolute; top:7px; left:0}
.page-container .page-header .nav-location > ul > li.home a{width:12px; height:12px; background: url(../images/common/ico/ico_home.png) no-repeat; background-size:12px;}
.page-container .page-header .nav-location > ul > li a{font-size:14px;}
.page-container .page-header .page-title{font-size:30px;}

.page-content-type1{padding:0 20px; margin:0}
.m-content{padding:0}




}




@media all and (max-width:450px){
.m-header .header-menu-group{margin:17px 0; padding:15px 5vw;}
.m-header .header-menu-group > ul > li > a{color:#000000; font-size:3.8vw;}
.link-box-area .right-link-box .sns-link > ul > li{margin-right:5vw;}
}

@media all and (max-width:400px){
.relate-site li {width: 100%;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.search-form input#m-search-field{width:100%}
}