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

/* 변수 */
:root {

    /* header */
    --header-bottom-height: 4.5rem;

    /* footer */
    --footer-height: 3.5rem;

	/* snb */
	--snb-height: 3.5rem;

	/* content-size */
	--content-white-space: 5rem;
	--content-btn: 2.5rem;

    /* font-size */
	--font-size-050: 2.5rem;
	--font-size-032: 1.6rem;
	--font-size-030: 1.5rem;
	--font-size-028: 1.4rem;
	--font-size-026: 1.3rem;
	--font-size-025: 1.25rem;
	--font-size-024: 1.2rem;
	--font-size-023: 1.15rem;
	--font-size-022: 1.1rem;
	--font-size-021: 1.05rem;
	--font-size-020: 1rem;
	--font-size-019: 0.95rem;
	--font-size-018: 0.9rem;
	--font-size-017: 0.85rem;
	--font-size-016: 0.8rem;
	--font-size-015: 0.75rem;
	--font-size-014: 0.7rem;

	/* color */
	--color-black: #000;
    --color-blue: #0060b1;
	--color-gray: #555;
	--color-red: #d9534f;
	--color-green: #138468;
	--color-purple: #28348a;
	--color-navy: #0b337c;
	--color-sky: #259bff;
    --color-skyblue: #0091b6;
	--color-orange: #ff620d;

    /* transition */
    --trst-short: 0.2s;
    --trst-medium: 0.4s;
}

#wrap { position: relative; overflow:hidden; font-family:"SCDream"; }
/* #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 0.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; }

/* 레이어팝업 */
.lyrPopup{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index: 999;}
.lyrWrap{ position:absolute; width:100%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; padding:0 1rem;}
.lyrWrap .inner{ display:inline-block; max-width:50rem; border-radius:2rem; background:#fff; overflow:hidden;}
.lyrWrap .inner h3{ padding:1rem; font-size:0.95rem; text-align:center; color:#fff; background:#0077df;}
.lyrWrap .inner h3 strong{ font-weight:700;}
.lyrWrap .inner .cont{ max-height:calc(90vh - 10rem); margin:1.5rem; overflow-y: auto; }
.lyrWrap .inner .cont img {max-width:100%;}
.lyrWrap .control{ text-align:center; margin-top:1rem;}
.lyrWrap .control a{ display:inline-block; min-width:5rem; padding:0.5rem; margin:3px; border-radius:0.25rem; border:2px solid #fff; text-align:center; color:#fff; background:rgba(0,0,0,0.2); transition: all 0.2s; -webkit-transition: all 0.2s;}
.lyrWrap .control a:hover{ background:rgba(0,0,0,0.6);}

/* 레이어팝업 : 상단팝업 리스트 */
.lyrWrap .popuplst{ max-height:15.25rem; padding:0 0.5rem;}
.lyrWrap .popuplst table{ width:35rem; border-top:2px solid #0063be;}
.lyrWrap .popuplst table td{ padding:0.75rem 0.5rem; text-align:center; border-bottom:1px solid #ccc;}
.lyrWrap .popuplst table td span{ display:inline-block; min-width:3rem; line-height:1.5rem; text-align:center; padding:0 0.5rem; border-radius:1rem; color:#fff; background:#f58e0f; font-size:0.75rem;}
.lyrWrap .popuplst table td p{ position:relative; text-align:left; padding-left:10px; }
.lyrWrap .popuplst table td p:before{ content:""; position:absolute; left:0; top:0.5rem; width:4px; height:4px; border-radius:50%; background:#0063be;}
.lyrWrap .popuplst table td a.bu_blank:after{ content:"\e980"; display:inline-block; margin-left:4px; font-family: 'xeicon';}
.lyrWrap .popuplst table td a.bu_blank:hover{ text-decoration: underline; color:#0063be;}

/* header */
#header { position: relative; margin: 0 auto; height:7rem; background: #fff; z-index: 102; }
#header:before { position: absolute; top: 4rem; left: 0; width: 100%; height: 1px; background: #ccc; z-index:100; content: ""; }
#header .top { width:96%; height: 4rem; padding:1.25rem 0 0; text-align:right; }
#header .top:after { clear: both; display: block; content: ""; }
#header h1 { position: absolute; top: 22px; left: 0; }
#header h1 a { display:block; font-size: 0; } 

/* header - 유틸리티 */
#header .topUtil {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
#header .topUtil .alarm {position: relative; padding: 0.25rem 0.5rem; font-size: 0.65rem; background: #eef5ff; border-radius: 1rem;}
#header .topUtil .alarm.new:before {position: absolute; top: -0.5rem; left: -0.5rem; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.6rem; color: #fff; background: #004fba; border-radius: 50%; content: "N";}
#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: #666; font-weight: 600; 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 .mob{ display:none;}
#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 - 유틸리티 - 글자크기 */
#header .topUtil .font-size{display: flex; align-items: center;}
#header .topUtil .font-size p{padding: 0 10px; font-size: 0.7rem; color: #666; font-weight: 600;}
#header .topUtil .font-size a{display: block; width: 1rem; height: 1rem; line-height: 1rem; border: 1px solid #d1d4d7; text-align: center; font-size: 0.7rem; color: #666666; margin: 0 -0.5px;}
/* header - 유틸리티 : active */
#header .topUtil .util_wrap a:hover,
#header .topUtil .util_wrap a:focus {text-decoration: underline;}
#header .mBtn{ display:none; } 

/* 검색 */
.box_search_0{position:absolute; top:50%; left:50%; width:19rem; height:2.5rem; line-height:2.5rem; border-radius:1.25rem; background:#eef5ff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.box_search_0 input{ float:left; width:calC(100% - 2.5rem); padding:0 1rem; height:2.5rem; background: transparent; border:none; }
.box_search_0 .srch_btn{padding:0; width:2.5rem; height:2.5rem; background:#004fba url('/00_common/images/common/srch_btn.png') no-repeat center; text-align:center; border-radius:50%; }
.box_search_0 input::-webkit-input-placeholder{color:#444; }
.box_search_0 .btnSearchClose{position:absolute; display:none; top:-3.5rem; left:0; width:3.5rem; height:3.5rem; background:#004fba; line-height:3.5rem; color:#fff; font-size:1.2rem; text-align:center; }
#searchOpen{display:none; }

/* web navigation */
/* gnb common */
#blind{display:none; position:absolute; left:0; top:3rem; width:100%; height:200vh; background:rgba(0,0,0,0.5); z-index:1; }
#nav{ position:relative; width:100%; z-index:99; }
#gnb{ position:relative; height:50px; z-index:2; }
#gnb:before{ content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:#ddd; z-index:2; }
#gnb li a{ position:relative; display:block; font-weight:400; }
#gnb li a span{ position:relative; z-index: 2; }
#gnb .depth01{ width:100%; max-width:70rem; margin:0 auto; z-index:1; }
#gnb .depth01.depWidth > ul { display:table; }
#gnb .depth01.depWidth > ul > li{ display:table-cell; }
#gnb .depth01.depWidth > ul > li > a{ padding:0; }
#gnb .depth01 > ul{ display:flex; text-align:center; width:100%; }
#gnb .depth01 > ul > li{ flex:1; vertical-align:top; font-size:0.8rem; line-height:1.6; }
#gnb .depth01 > ul > li.on > a{ color:#1f467b; }
#gnb .depth01 > ul > li > a{ display:inline-block; width:auto; height:3rem; line-height:1.2; font-size:0.95rem; color:#333; font-weight:600; }
#gnb .depth01 > ul > li > a > span{ position:relative; display:flex; height:100%; justify-content: center; align-items: center; }
#gnb .depth01 > ul > li > a > span:before{ content:""; position:absolute; bottom:0; left:50%; width:0px; height:2px; background:#007dda; }
#gnb .depth01 > ul > li > a > span:after{ content:""; position:absolute; top:calc(50% - 20px); right:-7px; width:7px; height:7px; border-radius:50%; background:#007dda; transform: scale(0); -webkit-transform: scale(0); transition: all 0.2s; -webkit-transition: all 0.2s; }
#gnb .depth01 > ul > li > a[target='_blank']:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; font-size:0.9rem; }
#gnb .depth01 > ul > li.on > a > span:before{ left:0; width:100%; }
#gnb .depth01 > ul > li.on > a > span:after{  transform: scale(1); -webkit-transform: scale(1); }
#gnb .depth02{ width:100%; height:auto; text-align:left; }
#gnb .depth02 > ul{ padding:0.75rem; }
#gnb .depth02 > ul > li + li{ margin-top:0.35rem; }
#gnb .depth02 > ul > li.dep > a{ padding-right:1.25rem; }
#gnb .depth02 > ul > li.dep > a:before{content:'\e913'; position:absolute; font-family: 'xeicon'; z-index: 2; font-weight:400; }
#gnb .depth02 > ul > li > a{ font-size:0.75rem; padding:0.5rem 1.5rem 0.5rem 1rem; background:#eaf7ff; border-radius:0.75rem; font-weight: 600; }
#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 .depth03{ position:relative; display:none; }
#gnb .depth03 > ul{ padding:0.5rem; }
#gnb .depth03 > ul > li + li{margin-top:0.25rem; }
#gnb .depth03 > ul > li > a{ font-size:0.7rem; padding-left:15px; color:#000; }
#gnb .depth03 > ul > li > a:before{ content:""; position:absolute; left:0; top:0.25rem; width:9px; height:13px; background:url('/00_common/images/common/dots_gnbFull.png') no-repeat; opacity: 0.5; }
#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{ color: #1f467b; font-weight: 600; }
#gnb .depth03 > ul > li > a:hover:before{ opacity: 1; }
#gnb .titBox{ 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 .active > .depth03{ display:block; }
#gnb .depth02 > ul > li > a:hover{color:#007edd; }
#gnb .depth02 > ul > li.dep.active > a:before{content:'\e91a'; }
#gnb .depth02 > ul > li.active > a{ background:#007edd; color:#fff; }

/* gnb : fullDown */
#nav.fullDown .topGnb{ position:relative; height:3rem; width:100%; max-width:70rem; margin:0 auto; z-index:1; overflow:hidden; padding-right:2rem; }
#nav.fullDown .topGnb ul{ display:flex; }
#nav.fullDown .topGnb li{ flex:1; text-align: center; }
#nav.fullDown .topGnb li a{ display:inline-block; width:auto; height:3rem; line-height:1.2; font-size:0.95rem; color:#333; font-weight:600; }
#nav.fullDown .topGnb li a span{ position:relative; display:flex; height:100%; justify-content: center; align-items: center; }
#nav.fullDown .topGnb li a span:before{ content:""; position:absolute; bottom:0; left:50%; width:0px; height:2px; background:#007dda; }
#nav.fullDown .topGnb li a span:after{ content:""; position:absolute; top:calc(50% - 20px); right:-7px; width:7px; height:7px; border-radius:50%; background:#007dda; transform: scale(0); -webkit-transform: scale(0); transition: all 0.2s; -webkit-transition: all 0.2s; }
#nav.fullDown #gnb{ height:3rem; }
#nav.fullDown #gnb:after{ content:""; position:absolute; left:0; top:1px; width:100%; height:calc(100% + 1px); background:#fff; z-index:0; opacity: 0; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-bottom: 2px solid #1f467b; }
#nav.fullDown ul,
#nav.fullDown li{ height:100%; }
#nav.fullDown .depth01{ position:relative; max-width:100%; display:none; padding:1.5rem; }
#nav.fullDown .depth01 > ul{ display:table; }
#nav.fullDown .depth01 > ul > li{ position:relative; display:table-cell; padding:0 0.75rem; }
#nav.fullDown .depth01 > ul > li > a{ display:block; height:auto; min-height:2.5rem; justify-content: flex-start; border-bottom:2px solid #ccc; padding-bottom:0.75rem; }
#nav.fullDown .depth01 > ul > li > a:after{ content:"\e94a"; position:absolute; right:0; top:0; width:1.75rem; height:1.75rem; line-height:1.75rem; border-radius:50%; background:#a6d9f6; font-family: 'xeicon'; color:#fff; }
#nav.fullDown .depth01 > ul > li.on > a{ color:#1f467b !important; font-weight: 700; }
#nav.fullDown .depth01 > ul > li > a > span{ justify-content: flex-start; padding-top:0.25rem; }
#nav.fullDown .depth01 > ul > li > a > span:before{ display:none; }
#nav.fullDown .depth02{ position:relative; left:auto; top:auto; opacity: 0; visibility: hidden; transition-delay: 0.0s; }
#nav.fullDown .depth02 > ul {padding:0.5rem 0 1rem; }
#nav.fullDown .depth02 > ul > li.dep > a:before{ right:0.75rem; top:0.5rem; }
#nav.fullDown .depth03 > ul > li > a{font-size:0.7rem; border:none; }
#nav.fullDown .depth03 > ul > li > a:after{ display:none; }
/** fullDown:active **/
#nav.fullDown #gnb.active{ height:auto; }
#nav.fullDown #gnb.active:after{ opacity: 1; }
#nav.fullDown .topGnb li.on a span:before{ left:0; width:100%; } 
#nav.fullDown .topGnb li.on a span:after{ transform: scale(1); -webkit-transform: scale(1); } 
#nav.fullDown .active .depth01 {height:auto; display:block; }
#nav.fullDown .active .depth02{ opacity: 1; visibility: visible; }
#nav.fullDown .depth01 > ul > li.on > a{ color:#005fa9; border-color:#005fa9; }
#nav.fullDown .depth01 > ul > li.on > a:after{ background:#017ddd; }
#nav.fullDown .depth02 > ul > li.active{ border-radius:1rem; box-shadow:0 0 5px rgba(0,0,0,0.2); }
#nav.fullDown .depth02 > ul > li.active > a{color:#fff; background: #007edd; font-weight: 700; }
#nav.fullDown .depth02 > ul > li.active > a::after{opacity: 1; width: calc(100% + 0.75rem); }

/* gnb : oneDown */
#nav.oneDown #gnb{ height:3rem; }
#nav.oneDown ul,
#nav.oneDown li{ height:100%; }
#nav.oneDown .depth01{ position:relative; padding-right:2rem; }
#nav.oneDown .depth01 > ul{ width:100%; text-align:center; }
#nav.oneDown .depth01 > ul > li{ position:relative; display:inline-block; float:none; }
#nav.oneDown .depth02{ position:absolute; width:120%; left:-10%; top: 3rem; opacity: 0; visibility: hidden; transition-delay: 0.0s; border-radius:0 0 1rem 1rem; text-align:left; background:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
#nav.oneDown .depth02 > ul > li > a{padding:0.5rem; }
#nav.oneDown .depth02 > ul > li.dep > a{ padding-right:2rem; }
#nav.oneDown .depth02 > ul > li > a > span{z-index:0; padding:0 0.25rem; position: relative; z-index: 2; }
#nav.oneDown .depth02 > ul > li.dep > a:before{ right:0.75rem; top:0.5rem; }
#nav.oneDown .depth03{background:#fff; }
/** oneDown : active **/
#nav.oneDown .depth01 > ul > li.on > .depth02{ opacity: 1; visibility: visible; display:block; }

/* gnb : oneFull */
#nav.oneFull #gnb{ height:3rem; }
#nav.oneFull ul,
#nav.oneFull li{ height:100%; }
#nav.oneFull .depth01{ padding-right:2rem; }
#nav.oneFull .depth01 > ul{ width:100%; text-align:center; }
#nav.oneFull .depth01 > ul > li{ vertical-align: top; font-size:0.8rem; line-height:1.6; }
#nav.oneFull .depth02{ display:none; position:absolute; left:0; top:3rem; min-height:20.5rem; transition-delay: 0.0s; text-align:left; }
#nav.oneFull .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; z-index:0; opacity: 0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
#nav.oneFull .depth02 > ul{ width:100%; max-width:70rem; margin:0 auto; padding:2rem 0 2rem 16rem; font-size:0; line-height:0; }
#nav.oneFull .depth02 > ul > li{ width:25%; display:inline-block; vertical-align: top; padding:0.5rem; font-size:0.8rem; line-height:1.6; }
#nav.oneFull .depth02 > ul > li + li{ margin-top:0; }
#nav.oneFull .depth02 > ul > li > a{ z-index: 1; }
#nav.oneFull .depth02 > ul > li.dep> a{ padding-right:2.25rem;}
#nav.oneFull .depth02 > ul > li > a:before{ position:absolute; right:0.75rem; top:0.5rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; font-size:0.8rem; border-radius:50%; background:#a6d9f6; font-family: 'xeicon'; font-weight:400; }
#nav.oneFull .depth02 > ul > li.dep > a:before{ content:"\e94a"; }
#nav.oneFull .depth02 > ul > li > a[target="_blank"]:before{ content:"\e980"; }
#nav.oneFull .depth02 > ul > li > a[target="_blank"] > span:after{ display:none; }
#nav.oneFull .depth02 > ul > li > a{font-size:0.85rem; border:2px solid #a6d9f6; background:none; }
#nav.oneFull .depth03{ background:#f3faff; border-radius:1rem; margin-top:-1rem; padding:1.25rem 0.5rem 0.5rem; }
#nav.oneFull .titBox{ display:block; position:absolute; left:calc(50% - 35rem); top:0; width:15rem; height:100%; padding:2.5rem 1rem; }
#nav.oneFull .titBox:before{ content:""; position:absolute; right:0; top:0; width:400%; height:100%; background:#e3f5ff url('/00_common/images/common/gnb_oneFull_bg.png') no-repeat calc(100% - 6rem) calc(100% - 1rem); }
#nav.oneFull .titBox:after{ content:""; position:absolute; left:1rem; top:12rem; width:5rem; height:5rem; background:url('/00_common/images/common/gnb_oneFull_ico.png') no-repeat center/cover; z-index: 1; }
#nav.oneFull .titBox > *{ position:relative; display:block; }
#nav.oneFull .titBox strong{ padding-bottom:1.2rem; margin-bottom:1rem; font-size:1.2rem; font-weight:700; color:#0077d1; }
#nav.oneFull .titBox strong:before{ content:""; position:absolute; left:0; bottom:0; width:4rem; height:3px; background:#0077d1; }
/** oneFull:active **/
#nav.oneFull #gnb.active{ height:auto; }
#nav.oneFull .depth02 > ul > li:not(.active) > a:hover{color:#007dda; border-color:#007dda; }
#nav.oneFull .depth02 > ul > li.dep.active > a{ color:#fff; border-color:#007dda; background:#007dda; }
#nav.oneFull .depth02 > ul > li.dep > a:hover:before{ background:#007dda; }
#nav.oneFull .depth02 > ul > li.dep.active > a:before{ content:"\e94a"; background:#fff; color: #007dda; }
#nav.oneFull .depth01 > ul > li.on > .depth02{ display:block; }
#nav.oneFull .depth01 > ul > li.on > .depth02:before{ height:100%; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0s; }

/* 전체메뉴 */
.fullmenu{position:absolute; z-index:998; top:4.25rem; right:calc(50% - 35rem); width:2.25rem; height:2.25rem; text-align:center; font-size:1.5rem; line-height:2.25rem; color:#fff; background: #288f56; border-radius: 0.75rem 0.75rem 0 0.75rem; }
.fullmenu:before{position:absolute; bottom: -5px; right:0; width:0; height:0; border-top: 3px solid #288f56; border-right: 7px solid #288f56; border-bottom: 3px solid transparent; border-left: 7px solid transparent; content: "";}
.fullmenuClose{position:absolute; top:1.25rem; right:0.75rem; width:2.25rem; height:2.25rem; text-align:center; line-height:2.25rem; font-size:1.25rem; border-radius:0.75rem; background:#288f56; color:#fff;  transition: all 0.2s; -webkit-transition: all 0.2s; }
.fullmenuClose:hover{ background:#005fa9; } 

.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{ color:#0077d1; }
.popFullmenu .depth02 > ul > li > a:hover{ color:#fff; background:#0077d1; border-color:#0077d1; }
.popFullmenu .depth02 > ul > li > a:hover:before{ color:#0077d1; background:#fff; }
.popFullmenu .depth03 > ul > li > a:hover{ color:#0077d1; 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%; }

/* 사이트링크 */
#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:#00a7eb; }
#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:#02a6ed; 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: fixed;width:3.25rem;height:3.25rem;background:#00a7eb;right:1%;bottom: 5%;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;}/*240612*/
.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); }


/* 방문자수 */
.visitant {position:absolute;top:3.5rem;right:0;width:23%;height:2rem;background: #0072EB;border-radius:1rem;}/*240308 웹접근성*/
.visitant h2 { text-indent:-10000em; font-size:0; }
.visitant ul { position: relative; overflow:hidden; }
.visitant ul:before {position: absolute; top: calc(50% - 0.35rem); left: 50%; width: 1px; height: 0.7rem; background: #80d3f5; content: "";}
.visitant ul li { float:left; padding: 0 0.75rem; width:50%; line-height:2rem; text-align:right; color:#fff; font-size:0.65rem; white-space: nowrap;}
.visitant ul li strong { position: relative; float:left; padding-right:0.5rem; margin-right:0.5rem; font-size:0.8rem; color:#000; font-weight: 500; }
.visitant ul li strong:before {position: absolute; top: auto; right: 0; color: #4dc2f1; content: ":";}

/* 구글 번역 */
.gbSchlTrans {position: absolute; top: 6rem; 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;}

/* 서브레이아웃 */
#sub_container{position:relative; background:#fff; }
#sub_container:after{content:""; display:block; clear:both; }

.sub_content{position:relative; max-width:72rem; padding:0 1rem; margin:1.5rem auto 3rem; overflow:hidden; }
.sub_content > div{position:relative;  width:14.5rem; float:left; }

/* 서브메뉴 */
#snb{position:relative;  }
#snb h2{ display:flex; width:100%; height:6rem; align-items:center; justify-content: center; color:#fff; font-weight:600; font-size:1.2rem; line-height:1.3; background:#007cd6; border-radius:1rem;}
#snb h2 span{ display:block; padding-top:0.75rem; background:url('/00_common/images/common/dots_lnb.png') no-repeat center top;}
#snb .lnb li,
#snb .lnb li a{ position:relative; display:block;} 
#snb .lnb li a > span{ position:relative; }
#snb .lnb > li > a{ width:100%; padding:0.75rem; font-size:0.85rem; font-weight:600; border-radius:0.75rem; border:2px solid #eef7ff; background:#eef7ff;  }
#snb .lnb > li > a:before{ position:absolute; right:0.75rem; top:0.8rem; font-family: 'xeicon'; }
#snb .lnb > li.dep > a:before{ content:"\e913"}
#snb .lnb > li > a[target="_blank"]:before{content:"\e980";}
#snb .lnb > li > a > span{display:table-cell; vertical-align:middle; width:100%; padding:0 1rem; }
#snb .subLnb{display:none; padding:1.5rem 0.75rem 0.75rem; border:1px solid #e3e3e3; margin-top:-0.75rem; border-radius:0 0 1rem 1rem; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
#snb .subLnb > li{ margin:0.35rem 0;}
#snb .subLnb > li > a{position:relative; display:block; font-size:0.75rem; padding-left:15px; font-weight:400; color:#000; }
#snb .subLnb > li > a:before{content:""; position:absolute; left:0; top:0.25rem; width:9px; height:13px; background:url('/00_common/images/common/dots_gnbFull.png') no-repeat center; opacity: 0.35; }
#snb .subLnb > li > a[target="_blank"] > span:after{content:"\e980"; display:inline-block; margin-left:0.25rem; vertical-align:middle; font-family:"xeicon"; font-weight:400; }
#snb .lnb > li{margin-top:0.35rem; }
/* active */
#snb .lnb a, #snb .lnb a:before{ transition: all 0.2s; -webkit-transition: all 0.2s;} 
#snb .lnb > li.open > a{border-color:#007cd6; background:#fff; color:#005fa5; }
#snb .lnb > li.open  > a:before {content:"\e91a";}
#snb .lnb > li.open > a > span:before{content:"\e913"; color:#fff; }
#snb .lnb > li.open > .subLnb{ display:block;} 
#snb .lnb > li:not(.open) > a:hover,
#snb .lnb > li:not(.open) > a:focus{color:#2c61a2; }
#snb .subLnb > li > a:hover,
#snb .subLnb > li.open > a{color:#007dda; font-weight:600;}
#snb .subLnb > li > a:hover:before,
#snb .subLnb > li.open > a:before{ opacity: 1;}

/* 서브페이지 */
#subContent{position:relative; width:calc(100% - 14.5rem); padding-left:3rem; float:left; }
.subContent_body{position:relative; min-height:600px; }

/* sub title */
.title_area{position:relative; margin-bottom:2rem; padding:1.25rem 0 0.5rem; border-bottom:1px dashed #999; }
.title_area:after{display:block; clear:both; content:""; }
.title_area #pageTitle{font-size:1.3rem; font-weight: 700; color:#000; }
.title_area .title_tside{ display:flex; flex-wrap: wrap; align-items:center;}
.title_area .title_tside .location{ flex:1; color:#666; font-weight:400;}
.title_area .title_tside .location span,
.title_area .title_tside .location strong{position:relative; display:inline-block; padding-left:1.1rem; font-size:14px; }
.title_area .title_tside .location span:before,
.title_area .title_tside .location strong:before{position:absolute; top:50%; left:0.2rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:14px; font-family:'xeicon'; content:'\e93f'; font-weight:400;}
.title_area .title_tside .location strong{ font-weight:600; }

/* etc :sns */ 
.snsBox{position:relative; vertical-align:middle; padding-left:1.5rem; z-index:2; } 
.snsBox > button{ position:relative; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#555; font-size:1rem; z-index: 1; } 
.sns_more{display:none; position:absolute; right:2rem; top:0; width:8.5rem; height:2rem; border-radius:2rem; padding:0.35rem 1.5rem; background:#eef7ff; z-index: 0;}
.sns_more.active{ display:block;}
.sns_more button{position:relative; z-index:1; display:block; width:1.3rem; height:1.3rem; border-radius:50%; padding:0; float:left; margin:0 3px; overflow:hidden; background:#fff;}
.sns_more .btnFbook{color: #445d98;}
.sns_more .btnTwt{color: #60c1ff;}
.sns_more .btnkks{color: #ffb400;}
.sns_more .btnShare{color: #007bd6;} 
.sns_more .btnClose{ position:absolute; left:-0.6rem; top:0.4rem; width:1.2rem; height:1.2rem; background:#005fa5; color:#fff; font-size:13px;}
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox > button.active{color:#2c61a2; }

/* ========== 2023.09.14 CHo,SY 지원청 top 유틸영역 틀어짐 수정 추가작업 */
@media screen and (min-width: 1401px){
	/* header */
	#header h1 a img {max-height: 2.5rem;}
	/* 검색 */
	.box_search_0 {width: 15rem;}
	#header .topUtil {min-width: calc(50% - 7.5rem);}
}



@media screen and (min-width: 1241px) and (max-width: 1400px){
	/* header */
	#header h1 a img {max-height: 1.5rem;}
	/* 검색 */
	.box_search_0 {width: 11.5rem;}
	.box_search_0 input {font-size: 0.75rem;}
	/* header - 유틸리티 */
	#header .topUtil {min-width: calc(50% - 5.75rem);}
}



@media screen and (min-width: 1241px){
	/* header */
	#header .top {display: flex; justify-content: space-between; align-items: center; padding: 0; width: 98%; text-align: left;}
	#header h1 {flex: 1; position: relative; top: auto; left: auto;}
	/* 검색 */
	.box_search_0 {position: relative; top: auto; left: auto; -webkit-transform: none; transform: none;}
	/* header - 유틸리티 */
	#header .topUtil {position: relative; display: flex; justify-content: flex-end; margin-left: 1rem; right: auto !important; top: auto; transform: none;}
	#header .topUtil .util_wrap {height: 1.5rem;}
	#header .topUtil .util_wrap li a {font-size: 0.7rem; word-break: break-all;}
	/* header - 유틸리티 - 글자크기 */
	#header .topUtil .font-size {height: 1.5rem;}
	#header .topUtil .font-size p {padding: 0 0.35rem;}
}



/* 
1. 2023.09.14 CHo,SY 지원청 top 유틸영역 틀어짐 수정 추가작업
2. 2024.05.24 황규민, 공유누리를 위해 추가 작업
*/
@media screen and (max-width: 1640px) {

	/* 변수 */
	:root {

		/* content-size */
		--content-white-space: 4rem;
	}
}



@media screen and (max-width:1460px){
	#nav.oneDown .depth01 > ul > li:first-of-type > .depth02{left:0; }

	#nav.oneFull .depth02 > ul{ padding-left:13rem; }
	#nav.oneFull .titBox{ left:0; top:0; width:12rem; }
	#nav.oneFull .titBox:before{ background-position: calc(100% - 3rem) calc(100% - 1rem); }
}



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

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 2rem;
		--font-size-032: 1.5rem;
		--font-size-030: 1.4rem;
		--font-size-028: 1.3rem;
		--font-size-026: 1.25rem;
		--font-size-025: 1.25rem;
		--font-size-024: 1.2rem;
		--font-size-023: 1.15rem;
		--font-size-022: 1.1rem;
		--font-size-021: 1.05rem;
		--font-size-020: 1rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}

	/* gnb */
	#nav.fullDown .depth01{ padding:1.5rem 0.5rem; }
	#nav.fullDown .depth01 > ul > li{ padding:0 0.25rem; }

	.fullmenu{ right:0.5rem; }

	.container { padding:0 1rem; }

	/* 방문자수 */
	.visitant {right: 1rem;}

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



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

	/* 변수 */
	:root {

		/* footer */
		--footer-height: 3rem;

		/* snb */
		--snb-height: 3rem;

		/* content-size */
		--content-white-space: 3.5rem;

		/* font-size */
		--font-size-050: 1.75rem;
		--font-size-032: 1.4rem;
		--font-size-030: 1.3rem;
		--font-size-028: 1.2rem;
		--font-size-026: 1.15rem;
		--font-size-025: 1.15rem;
		--font-size-024: 1.1rem;
		--font-size-023: 1.1rem;
		--font-size-022: 1rem;
		--font-size-021: 1rem;
		--font-size-020: 1rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}

	#container{ padding-top:3.5rem; }

	/* openPop */
	.openPop #container { padding-top:calc(140px + 3.5rem) !important; }
	.openPop #header { top: 140px !important; }
 
	/* 상단(로고 및 메뉴) */
	#header{ position:fixed; left:0; top:0; width:100%; height:3.5rem; border-bottom:1px solid #ddd; }
	#header:before{ display:none; }
	#header h1{position:relative; top:auto; left:auto; line-height:3.5rem; text-align:center; }
	#header h1 a{ display:flex; height:3.5rem; margin:0 3.5rem; align-items: center; justify-content:center; }
	#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; }
	
	/* 검색 */
	.box_search_0{ display:none; left:0; top:3.5rem; width:100%; height:auto; padding:1rem; background:#b1d4ff; transform: none; -webkit-transform: none; box-shadow:0 3px 5px rgba(0,0,0,0.2); }
	.box_search_0 form{ width:calc(100% - 2.75rem); float:left; margin-right:0.25rem; }
	.box_search_0 input{ width:calc(100% - 2.75rem); background: #fff; }
	.box_search_0 .srch_btn{ border-radius:0.5rem 0.5rem 0 0.5rem; margin-left:0.25rem; }
	.box_search_0 .btnSearchClose{ position:relative; right:auto; top:auto; width:2.5rem; height:2.5rem; line-height:2.5rem; margin:0; font-size:1.1rem; display:block; border-radius:0.5rem 0.5rem 0.5rem 0; }
	#searchOpen{ display:block; position:absolute; top:0.5rem; left:0.75rem; width:2.5rem; height:2.5rem; background:#004098 url('/00_common/images/common/srch_btn.png') no-repeat center; text-align:center; border-radius:50%; }

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

	/*전체메뉴*/
	.fullmenu{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:#eef7ff; 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:#0077d1; }
	.popFullmenu .depth01 > ul{ width:40%; }
	.popFullmenu .depth01 > ul > li + li{ margin-top:0; }
	.popFullmenu .depth01 > ul > li > a{ display:flex; align-items:center; height:3rem; background:#0077d1; color:#fff; padding:0 1rem; border-bottom:1px solid #85afe3; 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.925rem 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:#0077d1; }
	.popFullmenu .depth02 > ul > li.active > a{ color:#005fa5; border-color:#005fa5; 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; }
	.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) {

	/* 변수 */
	:root {

		/* content-size */
		--content-white-space: 3rem;
		--content-btn: 2.25rem;
	}

	/* 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;}
	
	/* 구글 번역 */
    .gbSchlTrans {position: relative;top: auto !important;right: auto !important;margin: 0.5rem 0 0;width:calc(50% - 0.25rem);}
}



@media (max-width:768px) { 

	/* 변수 */
	:root {

		/* content-size */
		--content-white-space: 2.5rem;

		/* font-size */
		--font-size-050: 1.5rem;
		--font-size-032: 1.2rem;
		--font-size-030: 1.15rem;
		--font-size-028: 1.1rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.95rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}

	.subContent{ padding:1.5rem 0; }

	/* 방문자수 */
    .visitant {width:100%;}
	
	/* 구글 번역 */
    .gbSchlTrans {width: 100%;}
}



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

	/* 변수 */
	:root {

		/* header */
		--header-bottom-height: 3.25rem;

		/* content-size */
		--content-white-space: 2.5rem;

		/* font-size */
		--font-size-050: 1.25rem;
		--font-size-032: 1.1rem;
		--font-size-030: 1.1rem;
		--font-size-028: 1.1rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.95rem;
		--font-size-019: 0.9rem;
		--font-size-018: 0.85rem;
		--font-size-017: 0.8rem;
		--font-size-016: 0.75rem;
		--font-size-015: 0.7rem;
		--font-size-014: 0.65rem;
	}
}



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

	/* 변수 */
	:root {

		/* content-size */
		--content-btn: 2rem;
	}

	/* openPop */
	.openPop #container { padding-top:calc(110px + 3.5rem) !important; }
	.openPop #header { top: 110px !important; }
 
	.container { padding:0 0.5rem; }

	/*전체메뉴*/
	.popFullmenu .depth01:before,
	.popFullmenu .depth01 > ul{ width:50%; }
	.popFullmenu .depth01 > ul > li > a{ font-size:0.85rem; }
	.popFullmenu .depth02 > ul > li > a{ font-size:0.8rem; padding: 0.955rem 0; padding-left:0.5rem; }
	.popFullmenu .depth03 > ul > li > a{ font-size:0.75rem; }
	.popFullmenu .depth02{ left:50%; width:50%; }
}



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

	/*전체메뉴*/
	.popFullmenu .popUntil .user{ justify-content: right;}
	.popFullmenu .popUntil .user > li.mob{ display: none;}
}



@media (max-width:380px) { 

	/* 변수 */
	:root {

		/* footer */
		--footer-height: 2.75rem;

		/* content-size */
		--content-white-space: 2rem;

		/* font-size */
		--font-size-050: 1.1rem;
		--font-size-032: 1.05rem;
		--font-size-030: 1.05rem;
		--font-size-028: 1.05rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.9rem;
		--font-size-019: 0.85rem;
		--font-size-018: 0.8rem;
		--font-size-017: 0.75rem;
		--font-size-016: 0.7rem;
		--font-size-015: 0.65rem;
		--font-size-014: 0.6rem;
	}
	
	/* header */
	#tabletLogo a img { width:auto; height:32px; }

	/*전체메뉴*/
	.popFullmenu .popUntil .user > li.name{ font-size: 0.8rem; }

	#menuOpen {left:0.5rem; } 

	/* mobile 검색영역 */
	#searchOpen {right:0.5rem; }  
	#mSearch .con { margin:1rem 0.5rem; }
 
	/* mobile navi */
	#mNavi #mtitle { background-size:auto 32px ; }
	#mNavi #mgnb .snb li a {padding: 0 0.75rem; }

	/* mobile navi */
	#mgnb .snb li a { padding: 0 0.75rem; }
	
	/* footer */
	#footer .footBtnWrap{ width:100%; margin-left:0;}
	#footer .footBtn{ width:100%; padding:0.25rem 0;}
	#footer .footBtn button{height:45px;}

	/* sub title */
	.title_area .title_tside {align-items: flex-end;}

	/* etc :sns */ 
	.snsBox > button {width: 2rem; height: 1.5rem; line-height: 1.5rem;}
	.sns_more {top: -0.25rem; padding-top: 2rem;}
}