@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:120px;}
#wrap.fixed .page-container{padding-top:50px;}
#wrap.fixed .layBodyWrap{padding-top:120px;}
#wrap.fixed .layBodyWrap .layBodyWrap{ padding: 0 !important;}
#wrap.fixed .layBodyWrap .page-container .page-container{ padding: 0 !important;}
/*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{width:100%; height:100%;}
header.header .inner-header .top-banner .banner-close{position: absolute; bottom:5%; right:18px;  display: flex; align-items: center; }
header.header .inner-header .top-banner .banner-close a.ckbox-label {color:#444444; font-size:14px; margin-right:20px;}
header.header .inner-header .top-banner .banner-close .check-type1 label span {color:#000;}/*20241028 #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(/ux/content/images/common/btn/btn_white_close.png) no-repeat center; background-size:31px; text-indent: -9999px}
.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% - 40px)}/*20250312 calc 250px -> 40px */
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{position: absolute; top:80%; right:18px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
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(/ux/content/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(/ux/content/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}
.inner-header .util .util-link > li ul.linkList.museum{width:400px; left:-145px;}


.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 345px;}
.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;}
.gnb .nav ul.depth1 > li > a.on{color:#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:320px;}
@media screen and (max-width:1100px) {
	.gnb .sub-menu .depth2{position: relative; text-align:left; padding-left:280px;}
}
.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:0}
.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'; }
/*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(/ux/content/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('/ux/content/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{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;}
.search-form button{margin:0; padding:0; text-indent:-9999px; width:120px; height:70px; background:url('/ux/content/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.5%; 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(/ux/content/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:8%}
.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}
.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 78px 12px 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 }
.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 231px 11px 0; background:none}
.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 158px 11px 0; }
.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{float:right;width:50%;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{height:33px}
.link-box-area .right-link-box .address{margin-top:25px;}
.familysite .linkList{display:none; width:340px; box-sizing: border-box; position: absolute; bottom:48px; left:0; padding:35px 0; z-index:1; 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}
/*top 버튼*/
.page-top{width:53px; height:53px; position: fixed; right:0; bottom:0; border:0; z-index:10; background: url(/ux/content/images/common/btn/btn_top.png) no-repeat; transition: 0.8s;}
.page-top:hover{background: url(/ux/content/images/common/btn/btn_top_over.png) no-repeat;}
.m-link-box{display:none;}
.m-top-banner{display:none;}

/*child 추가 css*/
.m-child-web{display:none;}
.m-vcm-link{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(/ux/content/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(/ux/content/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(/ux/content/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(/ux/content/images/common/btn/btn_send.png) no-repeat;}

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

.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 .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:20px;}
.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(/ux/content/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:15px; height:15px; background: url(/ux/content/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:36px; color:#222;  font-family: 'NanumSquare'; font-weight:700}
.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:block; 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(/ux/content/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(/ux/content/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:45px; 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}

.cont_area { max-width : 1440px; margin : 0 auto; padding: 0 20px}

/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1440px) {
.footer-menu .foot-1depth > li{width:25%; min-height:360px;}
.footer-menu .foot-1depth > li.intro-link{width:25%;}
.footer-menu .foot-1depth > li.last-link{float:left; width:25%;}
.link-box-area .link-box{width:30%; min-height:200px;}
.link-box-area .right-link-box{width:40%}
.gnb .r-link-list{top: 0;}
}

/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1280px) {
.gnb .logo img{width:90%}
.gnb .nav{padding:50px 0 0 30vw}
.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;}
}

 /*************************************************모바일&태블릿*************************************************/
@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;}

.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(/ux/content/images/common/btn/m_btn_search_open.png) no-repeat center; background-size:37px;}
.m-header .inner-header .r-header-btn .m-btn-menu i{display:inline-block; width:42px; height:30px; content:"";
background: url(/ux/content/images/common/btn/m_btn_menu_open.png) no-repeat center; background-size:42px 30px;}
.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(/ux/content/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:14px;}
.m-header .member-section span > a {font-size:36px; line-height:52px; color:#000;font-family: 'notokr-medium'; letter-spacing:-1px;}
.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 { margin-right: 3vw;}
.m-header .member-section > span .join-bt{ margin-right: 3vw;}
.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.t10 i{background: url(../images/common/ico/ico_m_menu_img10.png) no-repeat center; background-size:49px ;}/*20250120 뮤지엄숍*/

.m-header .header-menu-group > ul > li > a{color:#000000; font-size:2.5vw; letter-spacing:-0.5px}

.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(/ux/content/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(/ux/content/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; display: flex; align-items: center;}
.m-top-banner .banner-close > .checkbox{margin-right:30px;}
.m-top-banner .banner-close > .checkbox span{font-size:26px; color:#000;}/*20241028 #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(/ux/content/images/common/btn/btn_black_close.png) no-repeat center; background-size:31px; text-indent: -9999px}
.m-img-top-banner{ padding: 0 !important;}
.m-img-top-banner img{ width: 100%}
/*텍스트있을때
 background: #0f013c;
*/
.m-txt-top-banner{display:block; position: relative; padding:40px; margin-bottom: 35px; }
.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 .check-type1 label 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_white_close.png) no-repeat center; background-size:31px; text-indent: -9999px}


/*언어 추가*/
.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;}
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 {margin-top:80px}
.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(/ux/content/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(/ux/content/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; width:100%;}
.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:80px;}
.link-box-area .right-link-box .copyright{padding:30px 0 70px 0}

/*child 추가 css*/
.m-child-web{display:block;}
.pc-child-web{display:none;}
.pc-vcm-link{display:none;}
.m-vcm-link{display:block;}

/*검색*/
.search-area{display:none; position:fixed; top:0; left:0; width:100%; height:827px; z-index:1000;
background: url(/ux/content/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('/ux/content/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}
.search-form form{display:table; width:100%;}
.search-form input{display:table-cell; width: calc(100% - 120px); padding:25px 30px; font-size:30px; line-height:50px; background:#fff;}
.search-form button{width:120px; height:100px;display:table-cell;position:relative; bottom:auto; right:auto; vertical-align: top; background:url('/ux/content/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(/ux/content/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(/ux/content/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:14px; left:20px}
.m-header .inner-header .logo img{width:152px; height:32.5px;}
.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(/ux/content/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(/ux/content/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(/ux/content/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:24px;}
.m-header .member-section span > a {font-size:19px; line-height:26px;}
.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;}
.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:23.5px ;}
.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.t10 i{background: url(../images/common/ico/ico_m_menu_img10.png) no-repeat center; background-size:26px ;}/*20250120 뮤지엄숍*/

.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(/ux/content/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(/ux/content/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-header .member-section span{margin-top:10px;}
.m-header .member-section span.mypage-t {margin-right:2vw}
.m-header .member-section > span .join-bt{ margin-right: 2vw;}

/*텍스트있을때*/
.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{position: absolute; bottom:20px; right:20px}
.m-txt-top-banner .banner-close .check-type1 label span{font-size:15px;}

/*언어 추가*/
.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:47px; 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 {margin-top:40px}
.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(/ux/content/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(/ux/content/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 .address{margin-top:40px;}
.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;}

/*검색*/
.search-area{height:415px; z-index:1000; background: url(/ux/content/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('/ux/content/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{width: calc(100% - 60px); padding:7px 15px; font-size:15px; line-height:35px; background:#fff;}
.search-form button{width:60px; height:50px;background:url('/ux/content/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(/ux/content/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(/ux/content/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(/ux/content/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(/ux/content/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(/ux/content/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(/ux/content/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;}
}

.page-container .page-header .menu-memo {
    font-family: 'notokr-regular';
    font-size: 20px;
    color: #666666;
    padding-top: 50px;
}


.card_wrap_ty_grid{ display : grid; grid-template-columns: repeat(3,1fr); gap: 40px; margin-top: 30px}
.card_wrap_ty_grid .img-box img { display : block; width : 100%; height : auto }
.card_wrap_ty_grid .img-box.img_h { height: 265px; overflow: hidden;}
.card_wrap_ty_grid .btn-link i { display : inline-block; width:11px; height:20px; padding-left:10px; display:inline-block; vertical-align: middle; background: url(../images/common/ico/ico_link_arrow.png) no-repeat right; background-size:11px 20px}

@media all and (max-width:1050px){
	.card_wrap_ty_grid{ grid-template-columns: repeat(2,1fr)}
	.card_wrap_ty_grid .img-box.img_h { height: auto;}
}
@media all and (max-width:767px){
	.card_wrap_ty_grid{ grid-template-columns: repeat(1,1fr)}
}