@import url('/00_common/css/basic.css');

#wrap { position: relative; overflow:hidden; }
/* #wrap *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;} */
#wrap ::-webkit-scrollbar { width: 5px; }
#wrap ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#wrap ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.container { position: relative; width:100%; max-width:70rem; margin:0 auto;}
.container:after { content:""; display:block; clear:both; }

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* header */
#header { position: fixed; left:0; top:0; width:100%; height:4.5rem; background: rgba(0,0,0,0.75); z-index:10;}
#header .header_wrap { position:relative; width:100%; max-width: 72rem; display: flex; align-items: center; padding:0 1rem; margin:0 auto; }
#header h1 a { display:block; line-height:4.5rem; }
#header h1 a img{ vertical-align: middle;}
#header .topUtil{display:flex; float:right; align-items:center; }
#header .topUtil .util_wrap {display: flex;  align-items: center;}
#header .topUtil .util_wrap > a,
#header .topUtil .util_wrap li{position: relative; line-height: 1rem; font-size: 0.75rem; color: #fff; padding: 0 10px; }
#header .topUtil .util_wrap ul {display: flex; align-items: center;}
#header .topUtil .util_wrap li {display: block; position: relative;}
#header .topUtil .util_wrap > a:before,
#header .topUtil .util_wrap li:before {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #d2d5d8; position: absolute; top: 8px; right: -2px;}
#header .topUtil .util_wrap a i{margin-right: 0.15rem;}
#header .topUtil .font-size{display: flex; align-items: center;}
#header .topUtil .font-size p{padding: 0 10px; font-size: 0.7rem; color: #fff; font-weight: 600;}
#header .topUtil .font-size a{display: block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border: 1px solid #d1d4d7; text-align: center; font-size: 13px; color: #fff; }
#header .mBtn{ display:none; }

/* web navigation */
/* gnb common */
#nav{ position:relative; width:100%; flex:1; margin-left:2rem; z-index:99; }
#gnb{ position:relative; z-index:2; }
#gnb ul, #gnb li { position:relative; height:100%;}
#gnb li a{ position:relative; display:block; font-weight:400; }
#gnb li a span{ position:relative; }
#gnb .depth01{ width:100%; max-width:60rem; margin:0 auto; z-index:1; }
#gnb .depth01 > ul{ z-index: 1;}
#gnb .depth01 > ul > li { display: inline-block;}
#gnb .depth01 > ul > li > a{ display:flex; width:100%; height:4.5rem; line-height:1.2; justify-content: center; align-items: center; padding:0 1.5rem; font-size:0.95rem; color:#fff; font-weight:600; }
#gnb .depth01 > ul > li > a:before{content:""; position:absolute; left:50%; bottom:0; width:0px; height:3px; }
#gnb .depth01 > ul > li > a > span{ display:inline-block; padding:0 3px;}
#gnb .depth01 > ul > li > a > span:before{ content:""; position:absolute; left:50%; bottom:0; width:0; height:10px; border-radius:5px; opacity: 0; z-index: -1;}
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; font-size:0.9rem; }
#gnb .depth01 > ul > li.on > a:before{ left:0; width:100%; }
#gnb .depth01 > ul > li.on > a > span:before{ left:0; width:100%; opacity: 1; }
#gnb .depth02{ width:100%; height:auto; text-align:left; }
#gnb .depth02 > ul{ padding:0.75rem 0; }
#gnb .depth02 > ul > li.dep:hover:before { color:#fff; }
#gnb .depth02 > ul > li.dep > a{ padding-right:1.25rem; }
#gnb .depth02 > ul > li > a{ color:#fff; font-weight:400; padding:0.65rem 1rem; font-size:0.75rem;}
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; vertical-align: middle; font-size:0.8rem; }
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li.on > a{ color:#f2c08b;}
#gnb .depth03{ position:relative; display:none; background:#553823;}
#gnb .depth03 > ul{ padding:0.5rem 1rem; }
#gnb .depth03 > ul > li + li{margin-top:0.35rem;}
#gnb .depth03 > ul > li > a{ font-size:0.7rem; color:#fff; padding-left:0.5rem; opacity: 0.8; }
#gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.5rem; width:3px; height:3px; border-radius:50%; background:#fff;}
#gnb .depth03 > ul > li > a > span:before{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#777; }
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.15rem; font-family: 'xeicon'; vertical-align: middle; font-size:0.7rem; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{ opacity: 1; }
#gnb .depth03 > ul > li > a:hover > span:before,
#gnb .depth03 > ul > li > a:focus > span:before{ width:100%; }
#gnb .active > .depth03{ display:block; }
#gnb .depth04{ display:none;}
#gnb:before, #nav a,
#gnb li > a:before,
#gnb li > a:after,
#gnb li > a > span:before{ transition: all 0.1s; -webkit-transition: all 0.1s; }

/* gnb : oneDown */
#nav.oneDown .depth02{ position:absolute; width:120%; left:-10%; top:calc(4.5rem - 4px); overflow:hidden; opacity: 0; visibility: hidden; transition-delay: 0s; text-align:left; box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
#nav.oneDown .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; border:1px solid #b09375; border-top-width:5px; background:#7a563c; z-index:0; opacity: 0; }
#nav.oneDown .depth02 > ul > li > a{padding:0.25rem 0.5rem;}
#nav.oneDown .depth02 > ul > li > a > span{z-index:0}
#nav.oneDown .depth02 > ul > li.dep > a:before{content:'\e941'; position:absolute; right:0.5rem; top:0.4rem; font-family: 'xeicon'; font-size:0.6rem;}
/** oneDown : active **/
#nav.oneDown .depth01 > ul > li.on > .depth02{ opacity: 1; visibility: visible; display:block; }
#nav.oneDown .depth01 > ul > li.on > .depth02:before{ height:100%; opacity: 1; }
#nav.oneDown .depth02 > ul > li.dep.active > a:before{content:'\e944';}

/* 사이트링크 */
#footer .footBtnWrap{position:relative; display:flex; width:calc(100% + 1rem); margin-left:-0.5rem; margin-bottom:2rem; }
#footer .footBtnWrap:after{display:block; clear:both; content:""; }
#footer .footBtn{position:relative; flex:1; margin:0 0.5rem; }
#footer .footBtn button{position:relative; display:flex; width:100%; height:2.5rem; align-items: center; justify-content: flex-start; padding:0 2.5rem 0 1.5rem; color:#fff; font-size:0.8rem; text-align:left; background:#35363a; border-radius: 0.5rem; }
#footer .footBtn button:before{position:absolute; top:50%; right:1.5rem; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; content:"\e944"; }
#footer .footBtn div{display:none; overflow-y:auto; position:absolute; z-index:10000; bottom:2.5rem; left:0; width:calc(100% + 1px); max-height:12rem; border:1px solid #728197; border-bottom:0; }
#footer .footBtn ul li{border-top:1px solid #5d6a77; font-weight:400; font-size:0.7rem; }
#footer .footBtn ul li strong{display:block; padding:0.35rem 0.5rem; background:#343b42; color:#fff799; opacity:1; }
#footer .footBtn ul li:first-child{border:0; }
#footer .footBtn ul li ul{border-top:1px solid #5d6a77; }
#footer .footBtn ul li a{display:block; overflow:hidden; padding:0.35rem 0.5rem; background:#343b42; color:#d4dde7; opacity:0.9; }
/* 사이트링크  :action */
#footer .footBtn ul li a:hover,
#footer .footBtn ul li a:focus,
#footer .footBtn ul li a:active{opacity:1; color:#fff; }
#footer .footBtn.on button{background:#e0d5c9; color:#000;}
#footer .footBtn.on button:before{-moz-transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
#footer .footBtn button,
#footer .footBtn button:before{-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }

/* footer */
#footer{position:relative; padding:1rem 0 2rem; color:#fff; font-weight:200; font-size:0.7rem; background:#2d2e31; }
#footer .f_info{position:relative; }
#footer .footer_link{margin-bottom:1rem; overflow:hidden;;}
#footer .footer_link ul{overflow:hidden; margin:0 -1rem; }
#footer .footer_link li{position:relative; float:left; padding:0.25rem 1rem; }
#footer .footer_link li + li:before{position:absolute; top:calc(50% - 0.35rem); left:0; width:1px; height:0.7rem; background:#5e5f62; content:"";}
#footer .footer_link li a{display:block; font-size:0.75rem; letter-spacing:-0.025em; }
#footer .footer_link li:first-child a{padding-left:0; background:none; }
#footer .footer_link li a:hover,
#footer .footer_link li a:focus{text-decoration:underline; }
#footer .footer_link li a strong{color:#00a7eb; font-weight:400; }
#footer address{line-height:2; padding-right: 23%;}
#footer address span{display:inline-block; margin-right: 1rem;}
#footer address span + span{ margin-top:0.25rem;}
#footer address span[class^="icon"]{padding-left: 1.25rem; background: no-repeat left 5px; }
#footer address span.icon01 {background-image: url('/00_common/images/common/footer_icon01.png'); }
#footer address span.icon02 {background-image: url('/00_common/images/common/footer_icon02.png'); }
#footer address span.icon03 {background-image: url('/00_common/images/common/footer_icon03.png'); }
#footer .copyright{margin-top:1rem; color:#b8b8b8; }
#footer .wa_mark { position:absolute; top:-1rem; right:0; max-width:5.25rem; }
#footer .wa_mark img { display:block; }

/* 탑버튼 */
.btn_top{position:absolute; width:3.25rem; height:3.25rem; background:#b09375; right:1%; top:-1.625rem; z-index:998; box-shadow:0 5px 5px rgba(0,0,0,0.3); border-radius:50%; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }
.btn_top:before{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-family:"xeicon"; color:#fff; font-size:1.5rem; content:'\e912'; -webkit-transition:top 0.3s; transition:top 0.3s; }
.btn_top:hover:before,
.btn_top:focus:before{top:calc(50% - 3px); }


/* 전체메뉴 */
.fullmenu{ display: none; position:fixed; z-index:998; top:0.25rem; right:1rem; width:2.5rem; height:2.5rem; text-align:center; font-size:1.6rem; line-height:2.5rem; color:#000; background: #e0d5c9; border-radius:0.25rem; }
.fullmenuClose{position:absolute; top:1.25rem; right:0.75rem; width:2.25rem; height:2.25rem; text-align:center; line-height:2.4rem; font-size:1.25rem; border-radius:0.75rem; background:#7a563c; color:#fff;  transition: all 0.2s; -webkit-transition: all 0.2s; }
.fullmenuClose:hover{ background:#523621; color:#fff;}

.popFullmenu{display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:#f7fcff; z-index:999; }
.popFullmenu .fullmenu_wrap{position:relative; height:100%; overflow:hidden; }
.popFullmenu .fullmenu_group{ height:100%; }

.popFullmenu h2{ position:relative; max-width:72rem; height:5rem; line-height:5rem; display:flex; align-items:center; margin:0 auto; font-size:1.25rem; color:#000; padding:0 1rem; font-weight:700; line-height:1; }
.popFullmenu h2:before{ content:""; position:absolute; left:-50%; top:0; width:200%; height:100%; background:#fff; border-bottom:1px solid #ccc; z-index:-1; }
.popFullmenu h2 span{ position:relative; display:block; padding-right:1.5rem; }
.popFullmenu h2 span:after{ content:""; position:absolute; right:0.75rem; top:calc(50% - .5rem); height:1rem; border-left:2px solid #ccc; }

.popFullmenu .titBox{ display:none; }
.popFullmenu .depth01 { max-width:72rem; max-height:calc(100% - 9rem); padding:0 1rem; margin:2rem auto; overflow-y: auto; }
.popFullmenu .depth01 > ul > li{ vertical-align:top; font-size:0.8rem; line-height:1.3; }
.popFullmenu .depth01 > ul > li + li{ margin-top:2rem; }
.popFullmenu .depth01 > ul > li > a{position:relative; display:block; font-size:1.2rem; color:#111; font-weight:700; overflow:hidden; }
.popFullmenu .depth02 > ul{ display:flex; flex-wrap: wrap; width:calc(100% + 2rem); margin-top:1rem; margin-left:-1rem; }
.popFullmenu .depth02 > ul > li{ width:25%; padding:0 1rem 2.5rem; }
.popFullmenu .depth02 > ul > li > a{ position:relative; display:block; position:relative; border-radius:0.75rem; border:2px solid #a6d9f8; color:#000; padding:0.75rem 1rem; background:#fff; font-weight:600; z-index: 1; }
.popFullmenu .depth02 > ul > li > a:before{ position:absolute; right:0.75rem; top:0.35rem; width:1.75rem; height:1.75rem; line-height:1.75rem; text-align:center; color:#fff; font-size:0.85rem; border-radius:50%; background:#a6d9f6; font-family: 'xeicon'; font-weight:400; }
.popFullmenu .depth02 > ul > li.dep > a{ padding-right:3rem; }
.popFullmenu .depth02 > ul > li.dep > a:before{ content:"\e94a"; }
.popFullmenu .depth02 > ul > li > a[target="_blank"]:before{ content:"\e980"; }
.popFullmenu .depth03{ padding:1.5rem 1rem 0.5rem; margin-top:-1rem; background:#fff; border:1px solid #ccc; border-radius: 0 0 0.75rem 0.75rem; }
.popFullmenu .depth03 > ul > li{ margin:0.5rem 0; }
.popFullmenu .depth03 > ul > li > a{display:block; position:relative; padding-left:15px; font-size:0.75rem; }
.popFullmenu .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.15rem; width:9px; height:13px; background:url('/00_common/images/common/dots_gnbFull.png') no-repeat center; opacity: 0.35; }
.popFullmenu .depth02 > ul > li > a[target="_blank"] span:after,
.popFullmenu .depth03 > ul > li > a[target="_blank"] span:after{ content:"\e980"; font-family: 'xeicon'; display:inline-block; margin-left:0.25rem; font-weight: 400; }
.popFullmenu .depth01 a,
.popFullmenu .depth01 a:before{ transition: all 0.2s; -webkit-transition: all 0.2s; }
.popFullmenu .depth01 > ul > li > a:hover{ text-decoration: underline;}
.popFullmenu .depth02 > ul > li > a:hover{ text-decoration: underline; background:#e9c9a8; border-color:#e9c9a8; }
.popFullmenu .depth03 > ul > li > a:hover{ color:#7a563c; font-weight: 600; }
.popFullmenu .popUntil{display:none; }
/* 전체메뉴 :action */
html.fullmenuOpen{overflow:hidden; }
.popFullmenu .fullmenu_group .depth01 > li > a:hover,
.popFullmenu .fullmenu_group .depth01 > li > a:focus{color:#fff; }
.popFullmenu .fullmenu_group .depth01 > li > a:hover:before,
.popFullmenu .fullmenu_group .depth01 > li > a:focus:before{top:0; }
.popFullmenu a:hover > span:before,
.popFullmenu a:focus > span:before{width:100%; }

/* 구글 번역 */
.gbSchlTrans {position: absolute; top: 2.5rem; right:0; display: inline-block; width:23%; vertical-align: middle; border: 1px solid #d1d8e4; background: #fff; border-radius: 1.5rem;}
.goog-te-gadget-simple {position: relative; display: block !important; padding: 0.5rem 1.25rem !important; font-size: 0.7rem !important; background-color: #fff !important; border: none !important; border-radius: 1.5rem; cursor: pointer; zoom: 1;}
.goog-te-gadget-icon {margin-left: 5px; margin-right: 5px;}
.goog-te-gadget img {border-radius: 50%;}
.goog-te-gadget-simple .goog-te-menu-value span {font-family: 'NotoSans';}
.goog-te-gadget-simple .goog-te-menu-value img + span {position: absolute; top: 0.65rem; right: 1.25rem; font-size: 0.5rem !important; color: #000 !important; border: none !important;}
.goog-te-gadget-simple > img + span {display: inline-block; width: calc(100% - 1rem); line-height: 0.9rem;}
.goog-te-gadget-simple > img + span > a {vertical-align: middle;}
.goog-te-gadget-simple > img + span > a > span + img {margin: 0 5px;}
.goog-te-gadget-simple > img + span > a > span:last-child {float: right;}

/* sub layout */
#sub_container { position:relative; }
#sub_container:after { content:""; display:block; clear:both; }
.subCntBody { position:relative; max-width:62rem; margin:-1.5rem auto 0; }
#subContent{min-height:30rem; font-weight: 400; line-height:1.6; font-size:.75rem; padding:0 0 2.5rem;}

/* 서브비주얼 */
.subvisual{ position:relative; width:100%; line-height:0; overflow:hidden; }
.subvisual img{ position:relative; width:auto; height:auto; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

/* 서브메뉴 */
#snb {height:3.25rem; line-height:3.25rem; background:#403d36; border-radius:1.5rem 1.5rem 0 0; margin-top:-3.25rem; }
#snb .snb_wrap { position:relative; padding-left:3.25rem; }
#snb .home {position:absolute; left:0; top:0; display: inline-block; width: 3.25rem; height: 3.25rem; background: rgba(0,0,0,0.5); border-radius:1.5rem 0 0 0; }
#snb .home:after {display: block; text-align: center; font-family: "xeicon"; font-size: 1.2rem; color: #fff; content: "\e900";}
#snb a { position: relative; display: block; font-size: 0.8rem; color:#333; }
#snb ul { position: absolute; left: 0; top: 0; padding-top: 3.25rem; height: 3.25rem; }
#snb ul.open { height: auto; }
#snb ul.open > li { visibility: visible; opacity: 1; }
#snb ul.open > li.active > a:after { width: 100%; }
#snb ul.open > li.active > a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity:1; }
#snb li { position:relative; width: 100%; opacity: 0; visibility: hidden;  }
#snb li a{line-height:1.6; font-size:0.75rem; }
#snb li.active { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 3.25rem; visibility: visible; opacity: 1; z-index:1;  }
#snb li.active:before { content:""; position:absolute; right:0; top:1rem; width:1px; height:1.25rem; background:#fff; opacity:0.5; }
#snb li.active > a { display: table-cell; color:#fff; vertical-align: middle; padding:0 2rem 0 1rem; }
#snb li.active > a:before { content: "\e941"; position: absolute; right: 1rem; top: 0;  font-family: 'xeicon'; font-weight: normal; line-height:3.25rem; opacity:0.65;}
#snb li:not(.active) > a {  padding: 0.6rem 1rem; background: #fff; border:1px solid #ccc; border-top:none;}
#snb li:not(.active):last-child > a { border-radius:0 0 0.5rem 0.5rem;}
#snb li:not(.active) > a:hover,
#snb li:not(.active) > a:focus { background:#f1f2f4; color:#3277dd;}
#snb li:not(.active) > a span { position: relative; padding: 0.25rem 0; }
#snb li > a[target='_blank'] > span:after { content: "\e980"; display: inline-block; margin-left: 5px; font-size: 0.8rem; font-family: 'xeicon'; }
#snb .dep01 { width:11.6rem; position: relative; z-index: 3; }
#snb .dep01 > li { width: 100%; }
#snb .dep02,
#snb .dep03 { left: 100%; width: 100%; }
#snb li, #snb a, #snb :before, #snb :after{transition: all .3s; -webkit-transition: all .3s;}


/* 페이지 타이틀 */
#subContent #pageTitle { position:relative; display:block; font-size:1.3rem; letter-spacing:-1px; color:#111; font-weight: 400; padding:2rem 0 1rem 0; margin-bottom:2.5rem; text-align:center; border-bottom:1px dotted #d0d5df; }
#subContent #pageTxt {margin:8px 0 30px 0; color:#666; font-size:13px; line-height:150%; font-weight: 200;}

/* etc : sns */
.snsBox {position:absolute; top:0; right:0; height:3.25rem; text-align:right; z-index:2;}
.snsBox:after {content:""; position:absolute; left:50%; top:1rem; width:1px; height:1.25rem; background:#fff; opacity:0.5;}
.snsBox > button { width:2.5rem; text-align:center; height:3.25rem; font-size:0;}
.snsBox > button:before { font-size:1rem; font-family:"xeicon"; color:#fff;  }
.snsBox .btnPrint:before {content:"\e9bb"; }
.snsBox .btnShare:before {content:"\e9e9";}
.sns_more {display:none; position:absolute; width:190px; right:3rem; top:3.5rem; }
.sns_more button {display:inline-block; width:34px; height:34px; overflow:hidden; background:url("/00_common/images/sub_com/btnSns.png") no-repeat 0 0; cursor:pointer}
.sns_more .btnFbook {background-position:0 0;}
.sns_more .btnTwt {background-position:-34px 0;}
.sns_more .btnkko {background-position:-68px 0;}
.sns_more .btnkks {background-position:-102px 0;}
.sns_more .btnBlog{background-position:-136px 0;}

/* media query mobile */

@media screen and (max-width:1440px){

	.fullmenu{ right:0.5rem; }

	.container { padding:0 1rem; }

	/* 구글 번역 */
	.gbSchlTrans {right: 1rem;}
}

@media (max-width: 1360px) {

    #gnb .depth01 > ul > li > a{ padding:0 0.75rem;}
}

@media screen and (max-width: 1240px){

	/* 상단(로고 및 메뉴) */
    #header{ height:3.5rem;}
	#header h1{position:relative; top:auto; left:auto; line-height:3.5rem; text-align:center; }
	#header h1 a{ line-height:3.25rem;  }
	#header h1 a img{ max-width:100%; height:auto; max-height: 2rem;}

	#header .top{position:initial; height:100%; padding:0; }
	#header .top:before{display:none; }
	/* header - 유틸리티 */
	#header .topUtil{display:none; }

	/* 웹네비게이션 */
	/* gnb common */
	#nav{display:none; }

	/*전체메뉴*/
	.fullmenu{ display: block; top:0.5rem; bottom:auto; right:0.75rem; }
	.fullmenuClose{ top:0.625rem; }
	.popFullmenu{ background:#fff; }
	.popFullmenu h2,
	.popFullmenu .popUntil > li.fs_ctrl{display:none; }
	.popFullmenu .popUntil{ display: block; background:#e6e2df; border-bottom:1px solid #d5dde5; padding-top:3.5rem; }
	.popFullmenu .popUntil li{ display: inline-block; padding:0 0.15rem; font-size:13px; }
	.popFullmenu .popUntil .user{ min-height:3rem; display: flex; align-items: center; padding:0.5rem; background:#fff; }
	.popFullmenu .popUntil .user > li.name{ flex: 1; font-size: 0.85rem; color: #00508f; font-weight: 600;}
	.popFullmenu .popUntil .user > li > a{ display: block; padding:0.5rem 1rem; border-radius:1rem; color:#fff; background:#00508f; }
	.popFullmenu .popUntil .user > li > a:hover,
	.popFullmenu .popUntil .user > li > a:focus{ background: #043154;}
	.popFullmenu .popUntil .util{ padding:0.5rem 0; background: #f6f6f6; }
	.popFullmenu .popUntil .util > li{ padding: 0 0.75rem;}
	.popFullmenu .popUntil .util > li > a{position:relative; line-height:1.4; }
	.popFullmenu .popUntil .util > li > a:hover,
	.popFullmenu .popUntil .util > li > a:focus{ text-decoration: underline;}
	.popFullmenu .popUntil .util > li + li > a:before{position:absolute; top:calc(50% - 2px); left:-0.75rem; width:4px; height:4px; border-radius:50%; background:#aaa; content:""; }
	.popFullmenu .depth01{ position:relative; height:100%; margin:0; padding:0; max-height:100%; }
	.popFullmenu .depth01:before{ content:""; position:absolute; left:0; top:0; width:40%; height:100%; background:#7a563c; }
	.popFullmenu .depth01 > ul{ width:40%; }
	.popFullmenu .depth01 > ul > li + li{ margin-top:0; }
	.popFullmenu .depth01 > ul > li > a{ display:flex; align-items:center; min-height:3rem; background:#7a563c; color:#fff; padding:0.4rem 1rem; border-bottom:1px solid #e9c9a8; font-size:0.9rem; font-weight:600; }
	.popFullmenu .depth01 > ul > li > a:before{ content:"\e94a"; position:absolute; right:0.75rem; top:0.75rem; font-family: 'xeicon'; font-weight:400; }
	.popFullmenu .depth01 > ul > li.dep > a{ padding-right:2.5rem; }
	.popFullmenu .depth02{ display:none; position:absolute; left:40%; top:0; width:60%; }
	.popFullmenu .depth02 > ul{ width:100%; margin:0; }
	.popFullmenu .depth02 > ul > li{ width:100%; padding:0; }
	.popFullmenu .depth02 > ul > li > a{ border:0; font-size:0.85rem; border-radius:0; border-bottom:1px solid #ddd; padding:0.75rem 0; padding-left:1rem; }
	.popFullmenu .depth02 > ul > li > a:before{ display:none; }
	.popFullmenu .depth02 > ul > li.dep > a{ padding-right:2rem; }
	.popFullmenu .depth02 > ul > li.dep > a:before{ content: "\e913"; right:0; background:none; color:#000; display:block; }
	.popFullmenu .depth03{ display:none; margin:0; padding:0.5rem 0.25rem 0.5rem 0.75rem; background:none; border:0; border-bottom:1px solid #ddd; border-radius:0; }
	.popFullmenu .depth03 > ul > li > a{ color:#000; }
	.popFullmenu .depth03 > ul > li > a:before{ top:0.2rem; width:6px; height:10px; background-size:cover; }
	.popFullmenu li.active > .depth02,
	.popFullmenu li.active > .depth03{display:block; }
	.popFullmenu .depth01 > ul > li.active > a{ background:#fff; color:#7a563c; }
	.popFullmenu .depth02 > ul > li.active > a{ color:#7a563c; border-color:#7a563c; background:none; }


	.popFullmenu .depth02 > ul > li.active > a:before{content:'\e91a'; }

	/* 전체메뉴 : 새알람 */
	#header .popUntil .alarm{ position:absolute; left:0.75rem; top:1rem;}
	#header .popUntil .alarm:before{ content:"\e99d"; display:inline-block; vertical-align: middle; font-size:1.25rem; margin-right:0.3rem; line-height:1; font-family: 'xeicon';}
	#header .popUntil .alarm.new:after {position: absolute; top: 0; left: 0.6rem; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 10px; color: #fff; background: #f36e21; border-radius: 50%; content: "N";}
	#header .popUntil .alarm em{ font-weight:700; color:#f36e21;}

	/* 서브페이지 */
	#subContent{width:100%; float:none; padding:0 1rem 3rem; }
	.sub_content{ margin:0 auto 3rem; padding:0;}
	.sub_content > div{ width:100%; float:none; }
	.sub_content:before,
	.sub_content:after,
	#subContent .btnPrint{display:none; }

	.sns_more{ width:auto; right:0; height:auto; padding:1.75rem 0.25rem 1rem;}
	.sns_more button{ margin:3px 0; float:none;}
	.sns_more .btnClose{ right:0.25rem; bottom:-0.6rem; left:auto; top:auto;}

	/* 서브메뉴 */
	#snb h2{position:relative; width:100%; height:auto; display:block; padding:1rem 2.5rem 1rem 1.25rem; font-size:0.9rem; border-radius:0; color:#fff; cursor:pointer; }
	#snb h2:before{ content:"\e94a"; position:absolute; right:1rem; top:1rem; font-family: 'xeicon';}
	#snb h2 span{ padding:0; background:none;}
	#snb nav{display:none; position:relative; max-height:500px; overflow:hidden; overflow-y:auto; padding:0.75rem 0.75rem 1rem; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
	#snb .lnb > li > a{ padding:0.5rem 0.75rem; font-size:0.8rem;}
	#snb .lnb > li > a:before{ top:0.6rem;}
	#snb .subLnb > li > a{ font-size:0.7rem;}
}

@media (max-width:1024px) {

	/* 서브레이아웃 */
	#snb { border-radius:0; margin-top:0;}
	#snb .home { border-radius:0;}

    /* 서브비주얼 */
    .subvisual{ position:relative; width:100%; line-height:0; overflow:hidden; }
    .subvisual img{ width:200%; left:-50%; transform: none; -webkit-transform: none; -ms-transform: none;}

	/* footer */
	#footer .footBtnWrap{ flex-wrap: wrap; width:calc(100% + 0.5rem); margin-left:-0.25rem;}
	#footer .footBtn{ flex:inherit; width:50%; margin:0; padding:0.25rem;}
	#footer .footBtn button{ padding-left:1rem; padding-right:1.75rem;}
	#footer .footBtn button:before{ right:1rem;}
	#footer address{padding-right: 0;}

	/* 방문자수 */
    .visitant { position:relative; top:auto; right:auto; width:calc(50% - 0.25rem); margin-top:0.5rem; float: left; clear: both; }

	/* 구글 번역 */
    .gbSchlTrans {position: relative; top: auto !important; right: auto !important; margin: 0.5rem 0 0; width:calc(50% - 0.25rem); float: right;}
}


@media (max-width:800px) {
	/* 서브메뉴 */
	#snb { height:3rem; line-height:3rem; }
	#snb .home { height:3rem; }
	#snb li.active { height:3rem; }
	#snb li.active:before { display:none; }
	#snb .dep01{width:calc(100% - 2.5rem)}
	#snb .dep02 > li.active{border-left:0;}
	#snb ul { padding-top:3rem; height:3rem; }
	#snb ul.open:before  { top:3rem; height:calc(100% - 3rem); }
	#snb ul.open > li > a {z-index : 1;}
	#snb ul:not(.mobSnb) { left: 0; }
	#snb ul:not(.mobSnb):before { display: none; }
	#snb ul:not(.mobSnb) li { width: 100%; }
	#snb ul:not(.mobSnb) li.active > a { opacity: 0; }
	#snb ul.mobSnb { opacity: 1; left: 0; }
	#snb ul.mobSnb > li.active > a { opacity: 1; z-index:1; }
	#snb li.active > a:before { line-height:3rem; }
	.snsBox > button { height:3rem;}
}