/* CSS Document */
*{margin:0; padding:0;}
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;height:100%;-webkit-overflow-scrolling:touch;}
body{font-family:'Noto Sans KR', sans-serif; font-weight: 400; font-size:14px;color:#222;letter-spacing: -0.07px;height:100%;
-webkit-overflow-scrolling:touch; -webkit-font-smoothing  : antialiased;
-moz-font-smoothing  : antialiased;	-o-font-smoothing  :  antialiased; text-rendering  :  optimizeLegibility;}
ul,ol,li{list-style:none;}
img,hr{border:none;}
img{vertical-align:top; border:0;}
a{vertical-align:top; color:#222;}
a:link{text-decoration:none; color:inherit;}
a:visited{text-decoration:none; color:inherit;}
a:active{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
*[tabindex='0']:focus,
*[tabindex='1']:focus{
outline : dashed 1px #00f;
}
table{width:100%; border-spacing:0; table-layout:fixed;border-collapse:collapse;}
table td img{vertical-align:middle;}
article,aside,bdi,details,dialog,figcaption,figure,footer,header,main,mark,menuitem,meter,nav,progress,rp,rt,ruby,section,summary,time,wbr,
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,pre {font-size:inherit; color:inherit;}
strong,h1,h2,h3,h4,h5,h6,th,b,dt {font-weight: 600;}
input,select{vertical-align:top; outline:none; background-color: #fff;}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=date],
input[type=password]{display:inline-block; width:100%; font-size:14px; height:50px;color: #111; padding: 10px; border:1px solid #ddd; background:#fff;box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;}
select{display:inline-block; width:100%; height:50px; padding:0 35px 0 19px; border: 1px solid #ddd;color: #222; font-size-adjust: 16px;
-webkit-appearance: none; -moz-appearance: none;appearance: none; background-repeat: no-repeat; background-position: right 19px center;
background-image: url(../images/common/arrow_down.png); box-sizing:border-box; cursor:pointer; font-family:'Noto Sans KR', sans-serif; border-radius: 3px;}
select::-ms-expand { display: none;}
textarea	{display:inline-block; width:100%; padding:10px; border:1px solid #ddd; background:#fff; box-sizing:border-box;font-family:'Noto Sans ', sans-serif;}
input[type=file],input[type=image],input[type=reset],input[type=button],input[type=submit] {cursor:pointer;}
input::placeholder {font-family: inherit;color: inherit;color: #999;}
button {border:0; outline:1; background:transparent; cursor:pointer;font-family:'Noto Sans KR', sans-serif;}
caption{position: relative; overflow: hidden; width: 0px; height: 0px; font-size: 0; line-height: 0;}
legend{position:absolute; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
address,cite,em,i{font-style:normal;}
fieldset,iframe{border:0;}
label{cursor:pointer;}
figure {margin:0;padding:0;}
sup,sub{line-height:1;}

.blind{display: block; overflow: hidden !important; position: absolute !important; top: -1000em !important; left: 0; !important}
.no-border{border:0 !important;}
.fs{font-size:0;}
.cf::before{content:''; display:block; clear:both;}
.cf::after{content:''; display:block; clear:both;}
i{display: inline-block;}
.clearfix:after{content:''; display:block; clear:both;}
.clearfix{zoom:1}
.align_r{text-align:right;}
.align_c{text-align:center;}
.align_l{text-align:left;}
.fl_l{float:left;}
.fl_r{float:right;}
.btn{display: inline-block; background-color: transparent; border: none;text-align: center;margin: 0;vertical-align: middle;text-decoration: none;overflow: visible;zoom: 1;white-space: nowrap;word-wrap: normal;word-break: normal;cursor: pointer;box-sizing: border-box;font-family:inherit;}
.hidden {
    position: absolute;
    top: -9999em;
    height: 0;
    width: 0;
}
.hide {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
select{background-position: right 10px top 50%;}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
    src: local(※), url(../font/NotoSansKR-Thin.woff2) format('woff2'),
    url(../font/NotoSansKR-Thin.woff) format('woff'),
    url(../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local(※),  url(../font/NotoSansKR-Light.woff2) format('woff2'),
    url(../font/NotoSansKR-Light.woff) format('woff'),
    url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local(※),  url(../font/NotoSansKR-Regular.woff2) format('woff2'),
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local(※),  url(../font/NotoSansKR-Medium.woff2) format('woff2'),
    url(../font/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 600;
    src: local(※),  url(../font/NotoSansKR-Bold.woff2) format('woff2'),
    url(../font/NotoSansKR-Bold.woff) format('woff'),
    url(../font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local(※),  url(../font/NotoSansKR-Black.woff2) format('woff2'),
    url(../font/NotoSansKR-Black.woff) format('woff'),
    url(../font/NotoSansKR-Black.otf) format('opentype');
}




/*------------------------------------------------ new */
.m_on{display: none !important;}
.m_on2{display: none !important;}
.t_on{display: none !important;}
/*header*/
header.header{position: relative; top:0; width:100%; background: #fff; z-index: 101;border-bottom: 1px ;}
header.header .inner-header{position: relative;padding: 0 15px;}
header.header .top-banner {max-width: 1440px;margin: 0 auto;position: relative; margin-top:10px; margin-bottom:33px}
header.header .top-banner img{max-width:100%; height:100%; width:100%}
header.header .top-banner .banner-close{position: absolute; bottom: 5%; right: 15px; display: flex; align-items: center;}
header.header .banner-close .check-type1{vertical-align: middle;}
header.header .top-banner .banner-close .check-type1 label span {color:#000; font-size:14px; margin-right:20px;}
header.header .top-banner .banner-close > button {background:none; border:0; vertical-align:middle;}
header.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}
.m-header{display:none;}

/*텍스트일때*/
/*background-image: url(/design/theme/child_kr/images/common/pc_bg.png);*/
header.header .txt-top-banner{background:#0f013c; padding:40px 0; background-size:cover;}
header.header .txt-top-banner .banner-txt-area{padding-left:70px; padding-right: 70px;}
header.header .txt-top-banner .banner-txt-area h1{font-size: 28px; margin-bottom: 6px;}
header.header .txt-top-banner .banner-txt-area p{color: #222; font-size:18px; line-height:26px;font-weight: 500;width: calc(100% - 100px)}/*20250312 calc 250px -> 100px*/
header.header .txt-top-banner .banner-txt-area p strong{font-weight: 500; font-weight:normal;}
header.header .txt-top-banner .banner-close{position: absolute; bottom:10px; right:18px; display: flex; align-items: center;}
header.header .txt-top-banner .banner-close .check-type1 label span {color:#222; font-size:14px; margin-right:10px;}
header.header .txt-top-banner .banner-close > a > i{width:20px; height:20px; display:inline-block; vertical-align: middle;background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:100% auto; text-indent: -9999px}
header.header .txt-top-banner .banner-close > button > i{width:20px; height:20px; display:inline-block; vertical-align: middle;background: url(../images/common/btn/btn_black_close.png) no-repeat center; background-size:100% auto; text-indent: -9999px}
header.header .txt-top-banner .banner-close .check-type1 label .check-image{ top: 0}
/*텍스트일때*/
header .check-type1 label{font-size: 16px; line-height: 20px; padding-left: 21px;}
header .check-type1 label .check-image{display:inline-block; width:16px;height:16px; background-image: url(../images/common/ico/ico_chk_type1_unchecked.png); background-repeat: no-repeat; cursor: pointer;background-size:16px; position: absolute;top: 2px; left: 0;}
header .check-type1 label span{word-break: break-all; vertical-align: middle;}
header .check-type1 input[type="checkbox"]:checked ~ label i, header.header  .check-type1 input:checked + label .check-image{background-image: url(../images/common/ico/ico_chk_type1_checked.png);}
header .checkbox {display: inline-block; position: relative;  font-size: 0;color:#666; vertical-align: top;}
header .checkbox input[type="checkbox"], .checkbox input[type="radio"] {position: absolute; width: 1px;height: 1px; padding: 0;margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;opacity: 0; box-sizing: border-box;}
header .checkbox label{display: inline-block; position: relative;cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle;line-height:15px;}


/*알림배너 닫기 버튼 위치*/
header.header .inner-header .txt-top-banner .banner-close{ top: auto !important; bottom: 10px !important; transform: none !important; display: flex; align-items: center;}
header.header .inner-header .txt-top-banner .banner-close .check-type1 label span{ margin-right: 10px;}
header.header .inner-header .top-banner .banner-close > button > i{ width: 20px; height: 20px; background-size:  100% auto;}
header.header .inner-header .txt-top-banner .banner-close .check-type1 label .check-image{ top: 3px}

/*nav*/
.gnb-area{width:100%;/* position: relative;*/}
.gnb-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.inner-header .util{max-width:1440px; margin:0 auto;margin-top:25px;}
.inner-header .util:after{clear:both; display:block; overflow:hidden; content:""; height:0}

.inner-header .util .util-link{float: right;}
.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:11px 8px 15px 8px; position: relative;letter-spacing: 0.1px;}
.inner-header .util .util-link > li > a.lang-select{padding: 11px 5px 15px 8px;}
.inner-header .util .util-link > li > a.museumLink{padding: 11px 5px 15px 8px;}
.inner-header .util .util-link > li > a.museumLink i{margin-top: -4px;}
.inner-header .util .util-link > li > a.lang-select i{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.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:5px; display:inline-block; vertical-align: middle;background: url(../images/common/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_sm_white_close.png) no-repeat center; background-size:15px 8px;}
.inner-header .util .util-link > li > a.museumLink > i{margin-top: -4px;}

.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:110px; background: #fff; padding: 0 0; z-index:100; display: flex; align-items: center; justify-content: space-between;}
.gnb .logo{display: flex;}
.gnb .nav{padding:0;display: flex;margin-top: 10px;}

.nav_bg{display: none;position: absolute; top: 155px; left: 0px; z-index: 10;  width: 100%;overflow: hidden; background: #fff; height: 350px; border: solid #ededed; border-width: 1px 0;}

.gnb .nav ul.depth1 > li{float:left; /*margin-right:35px;*/ position: relative; width: 160px;}
.gnb .nav ul.depth1 > li > a{font-size:23px; color:#222222; font-weight: 500;transition: 0.2s;display: block;text-align: center;}
.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 > li  a span{display: inline-block;text-align: center;}
.gnb .nav ul.depth1:after{clear:both; display:block; overflow:hidden; height:0; content:"";}

.gnb ul.depth1 > li ul.depth2{display: none;position: absolute;z-index: 10;top: 94px;left: 0;width: 150px;height: 300px;border-left: 1px solid #eaeaea; background-color: #fff;}
.gnb ul.depth1.over > li ul.depth2{display: block;}
.gnb ul.depth1 > li ul.depth2 li{padding: 10px 0px 10px 10px;}
.gnb ul.depth1 > li ul.depth2 li a{font-size: 15.5px; letter-spacing: -0.8px; -ms-word-break: keep-all; word-break: keep-all; color: #222; line-height: 1.2;position: relative;}
.gnb ul.depth1 > li ul.depth2 li a{}
.gnb ul.depth1 > li ul.depth2 li a:hover::before, .gnb ul.depth1 > li ul.depth2 li a:focus::before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: -13px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.gnb ul.depth1 > li ul.depth2 li a:hover, .gnb ul.depth1 > li ul.depth2 li a:focus{font-weight: 500;letter-spacing: -1px;}

.gnb .r-link-list{display: flex;margin-top: 13px;}
.gnb .r-link-list > ul{font-size: 0;}
.gnb .r-link-list > ul li{display:inline-block; margin-left:16px;vertical-align: middle;}
.gnb .r-link-list > ul li:first-child{margin-left: 0;}
.gnb .r-link-list > ul li:last-child{margin-left: 30px; vertical-align: middle;}
.gnb .r-link-list > ul li > a{color:#444444; font-size:17px; font-weight: 500;line-height: 1.2; }
.gnb-btn-search{width:25px; height:25px;border: 0; background: url(/design/theme/child_kr/images/common/btn_search_open.png) no-repeat center; background-size:25px;}

.alertBanner{height: 80px;background-color: #ccc;}
.alertBanner.bg01{background-image: url(/design/theme/child_kr/images/common/pc_bg.png);}
.alertBanner.bg02{background-image: url(/design/theme/child_kr/images/common/top_banner02.png);}
.alertBanner.bg03{background-image: url(/design/theme/child_kr/images/common/top_banner03.png);}
.alertBanner.bg04{background-image: url(/design/theme/child_kr/images/common/top_banner04.png);}
.alertBanner .inner{position: relative;max-width: 1440px;width: 100%;height: 100%;margin: 0 auto;justify-content: center; align-items: center;    display: flex;}
.alertBanner .inner .text{max-width: calc(100% - 420px);font-size: 16px;font-weight: 400;margin-top: -2px;}
.alertBanner .inner .btn{position: absolute; font-size: 15px; color: #222; font-weight: 400;top: 29px; right: 0; padding-left: 40px;}
.alertBanner .inner .btn .chk:before{content:"";display: inline-block;clear: both;width: 20px;height: 20px;vertical-align: middle;margin: -3px 9px 0 0;border: 1px solid #000;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.alertBanner .inner .btn .ico_close{display: inline-block;width: 19px;height: 19px;vertical-align: middle;margin-left: 38px;margin-top: -2px;background-image: url(/design/theme/child_kr/images/btn/top_banner_close.png);}


/*label-list*/
.label-type{display:inline-block; min-width:60px; padding:5px 15px; color:#fff; text-align:center;box-sizing: border-box; vertical-align:middle;}
.label-type.red{background: #b50938;}
.label-type.black{background: #000;}
.label-type.red-2{border:1px solid #b50938; color:#b50938 }
.label-type.black-2{border:1px solid #444; color:#444}
.label-type.black-3{border:1px solid #222; color:#222}
.label-type.purple{border:1px solid #3f0b9f; color:#3f0b9f}
.label-type.purple-2{background:#3f0b9f; color:#fff}
.label-type.blue{background:#148bb5; color:#fff}
.label-type.light-purple{background:#9f0b93; color:#fff}
.label-type.b{font-weight: 500;}
.label-type.line{padding:4px 15px}
.label-type.gray{background:#8c8c8c; color:#fff}
.label-type.red2{background:#b50938; color:#fff}


/*21.3.25 추가*/
.inner-header .util .util-link > li.sns-btn{position: relative; margin-left:17px; padding:15px 13px 0 13px;}
.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:11px;}
.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_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_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-weight: 400;}
.search-form input::-moz-placeholder{color:#444444; font-weight: 400;}
.search-form input:-ms-input-placeholder{color:#444444; font-weight: 400;}
.search-form input:-moz-placeholder{color:#444444;font-weight: 400;}
.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-weight: 400; font-weight:normal; height:70px}
.search-form button{margin:0; padding:0; width:120px; height:70px; font-size: 24px;color: #fff;background-color: #3f0b9f;position:absolute; bottom:0; right:-90px;}

/*footer*/
footer .footer-top{border: solid #ddd;border-width: 1px 0;}
footer .foot-link{padding: 18px 0;}
footer .foot-link{display: block;max-width: 1440px;margin: 0 auto;font-size: 0;}
footer .foot-link li{display: inline-block;vertical-align: middle;}
footer .foot-link li:before{content: '';width: 1px;height: 16px;background-color: #444;margin: 0 10px;display: inline-block;vertical-align: middle;}
footer .foot-link li:first-child:before{display: none;}
footer .foot-link li a{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 1.2;color: #444;}
footer .foot-link li.privacy a{font-weight: 600;}
footer .footer-btm{display: block;max-width: 1440px;margin: 0 auto;font-size: 0;padding: 40px 0 36px;}
footer .footer-btm:after{clear:both; display:block; overflow:hidden; content:""; height:0}
footer .footer-btm .address{float: left;letter-spacing: -0.4px;}
footer .footer-btm .address{font-size: 16px;color: #444;line-height: 1.2;}
footer .footer-btm .address p{padding-top: 7px;}
footer .footer-btm .address .info-box span:before{content: '';width: 1px;height: 16px;background-color: #444;margin: 0 7px 0 5px;display: inline-block;vertical-align: middle;}
footer .footer-btm .address .info-box span:first-child:before{display: none;}
footer .footer-btm .address .info-box p{margin-top: 5px;}
footer .footer-btm .link-box{float: right;}
footer .footer-btm .link-box .familysite{display:inline-block; clear: both; margin-bottom:25px; position: relative}
footer .footer-btm .link-box .familysite .btn-site{display:block; font-size:16px; color:#000; position: relative;}
footer .footer-btm .link-box .familysite .btn-site > span{display:block; padding: 12px 0px 12px 0;margin-left: 19px; border-bottom:2px solid #000;background: url(../images/common/ico_lg_black_open.png) no-repeat 96% 21px; background-size:22px 12px; width: 286px;}
footer .footer-btm .link-box .familysite .btn-site.on{ color:#fff; border-bottom:1px solid #e6e6e6; background:#000;background-repeat: no-repeat;}
footer .footer-btm .link-box .familysite .btn-site.on > span{padding:12px 0 11px 0; background-image: url(../images/common/ico_down_white_img.png);background-position: 96% 55%;background-size:22px 12px;}
footer .footer-btm .link-box .familysite.guideBook .btn-site > span{padding:12px 92px 12px 0;}
footer .footer-btm .link-box .familysite.guideBook .btn-site.on > span{padding:12px 108px 11px 0; background:none}
footer .footer-btm .link-box .familysite .linkList{display:none; width:100%; box-sizing: border-box; position: absolute; bottom:37px; left:0; padding:35px 0; text-align:center; background: #000;}
footer .footer-btm .link-box .familysite .linkList > li {margin-bottom:15px;}
footer .footer-btm .link-box .familysite .linkList > li:last-child{margin-bottom: 0}
footer .footer-btm .link-box .familysite .linkList > li a{font-size:14px; color:#cccccc;  white-space: nowrap;}
footer .footer-btm .link-box .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;}
/*추가 어린이 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(/ux/content/images//common/btn/btn_top.png) no-repeat; transition: 0.8s;}

.m-link-box{display:none;}
.m-top-banner{display:none;}

/*page container*/
.page-container{width:100%; position: relative;}
.page-container .page-header{max-width:1470px; margin: 22px auto 59px auto;padding: 0 15px;}
.page-container .page-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-container .page-header .title_wrap{height: 40px;}
.page-container .page-header .title_wrap:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-container .page-header .title_wrap .page-title{float: left; height: 40px; line-height: 40px;margin-left: -2px;}
.page-container .page-header .title_wrap .r-page-link{float:right; margin-top: 6px;}
.page-container .page-header .r-page-link li{float:left; margin-right:40px;}
.page-container .page-header .r-page-link li:last-child{margin-right:0}
.page-container .page-header .r-page-link >  li > a{text-indent: -9999px;}
.page-container .page-header .r-page-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-container .page-header .r-page-link > li.ico-scrap a{width:28px; height:25px; display:block; background: url(../images/sub/btn_scrap.png) no-repeat;}
.page-container .page-header .r-page-link > li.ico-print a{width:27px; height:27px; display:block; background: url(../images/sub/btn_print.png) no-repeat;}
.page-container .page-header .r-page-link > li.ico-send > a{width:25px; height:25px; display:block; background: url(../images/sub/btn_send.png) no-repeat;}
.page-container .page-header .r-page-link > li.ico-send {position: relative;}
.page-container .page-header .r-page-link > 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 > 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 > li.ico-send .share2 .sh_t span{margin-bottom:10px; display:block}
.page-container .page-header .r-page-link > li.ico-send .share2 .sh_t span:last-child{margin-bottom:0}
.page-container .page-header .r-page-link > li.ico-send .share2 .sh_t a{white-space: nowrap; font-size:15px; color:#444;}
.page-container .page-header .r-page-link > li.ico-send .share2 .sh_t a img{vertical-align:middle; margin-right:10px;}
.page-container .page-header .r-page-link > li.ico-send .share2 .close{position: absolute; top: 10px; right: 10px;}
.page-container .page-header .r-page-link > li.ico-send .share2 .close a img{margin-right: 0;}

.page-container .page-header.page-bottom-header{margin:50px auto 40px auto;}
.page-container .page-header .r-page-link > li.ico-qrcode{position: relative;}
.page-container .page-header .r-page-link > li.ico-qrcode > a{width: 25px; height: 25px; display: block;background: url(../images/sub/btn_qrcode.png) no-repeat;}

.page-container .page-header .r-page-link > 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 > 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 > li.ico-qrcode .layer_qrcode .qr{white-space: nowrap; padding:20px 10px}
.page-container .page-header .r-page-link > li.ico-qrcode .layer_qrcode .qr .qr_i{text-align: center;}
.page-container .page-header .r-page-link > li.ico-qrcode .layer_qrcode .qr .qr_desc{margin-bottom:20px;}
.page-container .page-header .r-page-link > li.ico-qrcode .layer_qrcode .qr .btn_qrcode{display:block; text-align:center; margin:10px 0}
.page-container .page-header .r-page-link > li.ico-qrcode .layer_qrcode .qr .btn_copy{display:block; text-align:center; color:#666;}
.page-container .page-header .r-page-link > li.ico-qrcode .layer_qrcode .btn_focus_close{position: absolute; top: 10px; right: 10px;}



.page-container .page-header .nav-location{clear:both; margin-bottom:19px; padding-top:10px;}
.page-container .page-header .nav-location > ul > li{display:inline-block; position: relative; padding: 0 21px 0 24px; margin-left:-4px; vertical-align: middle;}
.page-container .page-header .nav-location > ul > li:before{width:8px; height:12px; display:inline-block; vertical-align: middle; content:""; background: url(../images/sub/ico_location_arrow.png) no-repeat;  position: absolute; top:1px; 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{width:17px; height:17px; background: url(../images/sub/ico_home.png) no-repeat;margin-top: 0; background-size:16px;}
.page-container .page-header .nav-location > ul > li a{display: block;font-size:16px; color:#666;line-height: 17px;margin-top: -2px;}
.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:38px; color:#222;  font-weight: 600;}
.page-container .cont_area{max-width:1470px; margin:0 auto 98px auto;padding: 0 15px;}
/* .page-container .cont_area.full{padding: 0;max-width:  100%;}
.page-container .cont_area.full .cont_inner{max-width:1470px; margin: 0 auto;padding: 0 15px;} */
.page-container .cont_area .topview_area img{max-width: 100%;}
.page-content-type2{position: relative;max-width:1470px; margin:0 auto 200px auto;padding: 0 15px;}
.page-content-full.bg{background: #f8f8f8;}

.gnb .r-link-list > ul li.mypage-link > a.on{color:#fff; background: #000;}
.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{position: relative;}
.gnb .r-link-list > ul li.mypage-link > a{display:inline-block; 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:49px; left:0; background: #000; z-index:50}
.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;}


/*************************************************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:50%; min-height:200px;}
	.link-box-area .right-link-box{text-align:left;}
	.gnb .r-link-list{top: 0;}
}

/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1280px) {

.gnb .logo{width:147px}
.gnb .logo img{width:100%}

.gnb .sub-menu .depth2 > li > a{font-size:14px;}
.gnb .nav ul.depth1 > li > a{font-size:1.65vw;}
.gnb .sub-menu .depth2 .depth3-menu > ul > li a{font-size:14px;}
.gnb .sub-menu .depth2 .depth3-menu{top: 48px;}

.gnb .nav ul.depth1 > li{width: 133px;}
.gnb ul.depth1 > li ul.depth2{width: 128px;}
.gnb ul.depth1 > li ul.depth2 li a{font-size: 15px;}
.gnb .r-link-list > ul li:last-child{margin-left: 15px;}
}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
	.m_on{display: block !important;}
	.m_on2{display: inline-block !important;}
	.m_off{display: none !important;}
	#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;}

	.dim{display: none;background-color: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;z-index: 100;}

	.header{display:none}
	.m-header{display:block;}
	.m-header .inner-header{width:100%;height:80px; padding:0 20px; position: relative; background: #fff; box-sizing: border-box; z-index:100;border-bottom: 1px solid #efefef}
	.m-header .inner-header .logo{position: absolute; top:15px; left:20px}
	.m-header .inner-header .logo img{width: 105px;}
	.m-header .inner-header .r-header-btn{position: absolute; top:30px; right:20px}
	.m-header .inner-header .r-header-btn .m-btn-search{display:inline-block; width:19px; height:19px; margin-right:20px;content:"";background: url(../images/common/m_btn_search_open.png) no-repeat center; background-size:19px;text-indent: -9999em;}

	.m-header .inner-header .r-header-btn .m-btn-menu{display:inline-block; width:21px; height:18px; content:"";background: url(../images/common/m_btn_menu_open.png) no-repeat center; background-size:21px;text-indent: -9999em;}
	.m-header .layout-menu-wrapper{display:none; width:100%; position: absolute; top:0; left:0; z-index:200; background-color: #fff;background-repeat: no-repeat;background-image: url(../images/main/bg_main_cont_01.png);background-position: right 20px bottom 5px;}
	.m-header .layout-menu-wrapper .layout-menu-header{padding:0 20px; position: relative}
	.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_black_close.png) no-repeat center; background-size:20px; z-index: 1;}
	.m-header .member-section{padding-top:72px; position: relative; }
	.m-header .member-section:after{clear:both; display:block; overflow:hidden; content:""; height:0}
	.m-header .member-section strong{font-size:26px;  font-weight: 600; font-weight:normal; color:#000;}
	.m-header .member-section strong em{display: block;}
	.m-header .member-section > span{float:right; margin-top:10px;}
	.m-header .member-section > span.mypage{margin-right:  20px;}
	.m-header .member-section > span .join-bt{margin-right:12px;}
	.m-header .member-section span.mypage-t{margin-right:12px;}
	.m-header .member-section span > a {font-size:19px; line-height:26px; color:#000;font-weight: 500; }
	.m-header .member-section span > a.on{color: #3f0b9f;}
	.m-header .header-menu-group{margin:17px 0; padding:15px 25px;border-top:1px solid #000; background: #f4f4f4;display: none;}
	.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;float:left; width:50%; margin-bottom:0;}

	.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: 37px; height:29px; padding-right:15px;display:table-cell;vertical-align: middle;}
	.m-header .header-menu-group > ul > li span{width: calc(100% - 22px);display: table-cell;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: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; display:table; width:100%; word-break:keep-all;}
	.m-header .nav{padding:0 20px 100px 20px;}
	.m-header .nav .depth1{border-top: 2px solid #000;margin-top: 20px;}
	.m-header .nav .depth1 > li{padding-bottom:15px; border-bottom:1px solid #ccc;}
	.m-header .nav .depth1 > li > a{width:100%; display:inline-block;margin-top:15px; color:#000; font-size:1.313rem; font-weight: 500;  background: url(../images/common/ico_lg_black_close.png) no-repeat 98%; background-size:18px 10px; text-align: left;}
	.m-header .nav .depth1 > li > a.on span{color:#3f0b9f; border-bottom:2px solid #3f0b9f;}
	.m-header .nav .depth1 > li > a.on{background: url(../images/common/ico_lg_black_open.png) no-repeat 98%; background-size:18px 10px}
	.m-header .nav .depth1 > li > .sub-menu {display:none;}
	.m-header .nav .depth1 > li > .sub-menu .depth2 > li > a{display:inline-block; margin-top:15px; font-size:0.938rem;color:#000; font-weight: 300;}
	.m-header .nav .depth1 > li > .sub-menu .depth2 > li > a.on{font-weight: 500;}
	.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu{display:none; margin-top:15px; padding:20px; border-top:1px solid #dcdcdc; background: #f5f5f5;}
	.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:last-child{margin-bottom:0}
	.m-header .nav .depth1 > li > .sub-menu .depth2 > li > .depth3-menu > ul > li > a{font-size:15px; color:#222222; }
	.m-header .lnb-info{padding: 0 20px 25px;}
	.m-header .lnb-info p{font-size: 0.875rem;color: #666;text-align: center;}


	.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:20px;}
	.m-top-banner .banner-close > .checkbox span{font-size:26px; color:#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}
	.m-img-top-banner{ padding: 0 !important;}
	.m-img-top-banner img{ width: 100%}
	/*텍스트있을때*/
	/*background-image: url(/design/theme/child_kr/images/common/pc_bg.png);
	background: #0f013c;
	*/
	.m-txt-top-banner{display:block; position: relative; padding:40px; margin-bottom: 35px; background-size:cover}
	.m-txt-top-banner p{color:#222; font-size:32px; line-height:44px; padding-bottom:80px; font-weight: 400;;}
	.m-txt-top-banner p strong{font-weight: 500; font-weight:normal;}
	.m-txt-top-banner .banner-close{position: absolute; bottom:40px; right:40px}
	.m-txt-top-banner .banner-close > .checkbox span{color:#222}
	.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}
	.m-txt-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}

	/*언어 추가*/
	.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-weight: 500;}
	.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: 100%; 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;}
	/* footer .footer-wrap{padding:0 40px} */


	.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}
	footer .footer-btm{padding: 37px 20px 35px;}
	footer .footer-btm .address{float: none;font-size: 13px;}
	footer .footer-btm .address .info-box span{line-height: 1.4;}
	footer .footer-btm .address p{line-height: 1.3;padding-top: 2px;}
	footer .footer-btm .link-box{float: none;}
	footer .footer-btm .link-box .familysite{display: block;margin-top: 42px;}
	footer .footer-btm .link-box .familysite .btn-site{width: 100%;font-size: 13px;}
	footer .footer-btm .link-box .familysite .btn-site > span{width: 100%;display: block;padding: 10px 0 13px;margin-left: 0;background-position: right 0 top 16px;-webkit-background-size: 18px; background-size: 18px;}
	footer .footer-btm .link-box .familysite .btn-site.on > span{padding: 10px 0 13px;}
	footer .foot-link{padding: 18px 10px;text-align: center;}
	footer .foot-link li:last-child{margin-right: 0;}
	footer .foot-link li a{font-size: 14px;}
	footer .foot-link li:before{margin: 0px 9px;height: 14px;}

	.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/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_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:70px; box-sizing: border-box; border:0}
	.search-form button{width:120px; height:70px;line-height: 70px;display:table-cell;position:relative; bottom:0; right:0; vertical-align: top; background-color: #3f0b9f;font-size: 24px;}



	/*page container*/
	.page-container{padding-bottom:150px;}
	.page-container .page-header{padding:0 20px; margin:30px auto 0 auto;}
	.page-container .page-header .r-page-link > li{margin-right:20px;}
	.page-container .page-header .r-page-link > li.ico-qrcode{display:none;}
	.page-container .page-header .r-page-link > li.ico-scrap a{width:28px; height:25px; background: url(../images/sub/btn_scrap.png) no-repeat;}
	.page-container .page-header .r-page-link > li.ico-print{display:none;}
	.page-container .page-header .r-page-link > li.ico-send > a{width:25px; height:25px; background: url(../images/sub/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-size:10px 16px; position: absolute; top:10px; left:0}
	.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 20px;}
	.m-content{padding:0}



}

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

	.alertBanner{}
	.alertBanner .inner{}
	.alertBanner .inner .text{max-width:calc(100% - 40px); padding: 10px 200px 10px 0;}
	.alertBanner .inner .btn{}
	.alertBanner .inner .btn:before{}

}
/*************************************************모바일*************************************************/
@media all and (max-width:786px){


.page-container .cont_area{padding: 0 20px;margin-bottom: 30px;}


.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:5px;}
.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; line-height: 0}
.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:15px;background: url(../images/common/ico_r_black_close.png) no-repeat center; background-size:8px 15px;vertical-align: top;margin: 3px 0 0 10px;}
.m-lang-type > a.on > i{background: url(../images/common/ico_sm_white_close2.png) no-repeat center; background-size:15px 8px;}
.m-lang-type .m-langlist{width: 100%; 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:none;}
footer .footer-inner{max-width: 100%;padding: 40px 20px 36px;}
footer .footer-link ul{text-align: center;}
footer .footer-link ul li a{font-size: 0.875rem}
footer .footer-btm .address .info-box{font-size: 0.813rem;}
footer .footer-btm .address .info-box span{display: block;}
footer .footer-btm .address .info-box p{margin-top: 0;line-height: 1.4;}
footer .footer-btm .address .info-box span::before{display: none;}

footer .footer-btm .link-box-area{float: none;}
footer .footer-btm .link-box-area .link-box .familysite .btn-site{width: 100%;font-size: 0.813rem;border-width: 2px;}
footer .footer-btm .link-box-area .link-box .familysite .btn-site > span{padding: 0 78px 0 0;}

.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_sm_black_open2.png) no-repeat 98%; background-size:20px 10px;}
.link-box-area .link-box .familysite .btn-site.on{padding:15px 0; background-color: #000;background-image: url(../images/common/ico_sm_white_close2.png);background-repeat: no-repeat;background-size:20px 10px;background-position: 98%;}
.link-box-area .link-box .familysite .btn-site.on > span{padding:15px 0; background-color: #000;background-image: url(../images/common/ico_sm_white_close2.png);background-repeat: no-repeat;background-size:20px 10px;background-position: 98%;}
.familysite .linkList{bottom:50px; 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%;}

/*검색*/
.search-area{height:100%; z-index:1000; background: url(../images/common/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_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;line-height: 50px;font-size: 20px;}

/*page container*/
.page-container{padding-bottom:60px;}
.page-container .page-header{padding:0 20px; margin:13px auto 0 auto;}
.page-container .page-header .r-page-link > li{margin-right:15px;}

.page-container .page-header .r-page-link > 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 > li.ico-scrap a{width:23px; height:25px; background: url(../images/common/m_btn_scrap.png) no-repeat; background-size:20px;background-position: center;}
.page-container .page-header .r-page-link > li.ico-print a{width:22px; height:22px; background: url(../images/common/btn/btn_print.png) no-repeat; background-size:22px; background-position: center;}
.page-container .page-header .r-page-link > li.ico-send > a{width:25px; height:25px; background: url(../images/common/m_btn_send.png) no-repeat; background-size:18px;background-position: center;}
.page-container .page-header .nav-location{margin-bottom:8px;}
.page-container .page-header .nav-location > ul{padding-right: 70px;}
.page-container .page-header .nav-location > ul > li{padding:0 14px 0 14px; margin-left:-4px; vertical-align: middle;}
.page-container .page-header .nav-location > ul > li:first-child{margin-top: -2px;}
.page-container .page-header .nav-location > ul > li:before{width:5px; height:8px; background: url(../images/common/m_ico_location_arrow.png) no-repeat;
background-size:5px 8px; position: absolute; top:4px; left:0;-webkit-background-size: 4px;background-size: 4px;}
.page-container .page-header .nav-location > ul > li.home a{width: 13px;height: 13px;background: url(../images/common/Mico_home.png);-webkit-background-size: 13px;background-size: 13px;}
.page-container .page-header .nav-location > ul > li a{font-size:14px;}
.page-container .page-header .page-title{font-size:29px;}
.page-container .page-header .title_wrap .r-page-link{position: absolute;top: 5px;right: 17px;}
.page-container .page-header .title_wrap .page-title{letter-spacing: -1.4px;}

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

/* 상단 띠배너 */
.alertBanner{background-image: url(/design/theme/child_kr/images/common/top_banner_m.png);}
.alertBanner.bg01{background-image: url(/design/theme/child_kr/images/common/top_banner01_m.png);}
.alertBanner.bg02{background-image: url(/design/theme/child_kr/images/common/top_banner02_m.png);}
.alertBanner.bg03{background-image: url(/design/theme/child_kr/images/common/top_banner03_m.png);}
.alertBanner.bg04{background-image: url(/design/theme/child_kr/images/common/top_banner04_m.png);}

.alertBanner{height: auto;}
.alertBanner .inner{width: 100%; padding: 20px 20px 40px;}
.alertBanner .inner .text{font-size: 15px; max-width: 100%;}
.alertBanner .inner .btn{font-size: 14px; top: auto;right: 20px;bottom: 10px;}
.alertBanner .inner .btn:before{width: 15px; height: 15px;}
}




@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 screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.search-form input#m-search-field{width:100%}
}