body {background: #010E20;}

#wrap {font-family: Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;}

.container {max-width: 96rem; padding: 0 2rem;}

.lang {display:none;}

#header {height: 5rem; background: #002B6D; margin-bottom: 1.2rem;}
#header:before {display: none;}
.intro #header {background: transparent; margin-bottom: 0;}
#header .header_wrap {display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; max-width: 96rem; padding: 0 2rem; text-align: left;}
#header .header_wrap::after {display: none;}
#header h1 {position: relative; z-index: 1; top: auto; left: auto; display: flex; align-items: center; gap: 0.8rem;}
#header h1 a {line-height: 1;}
#header h1 span {display: flex; align-items: center; gap: 0.8rem; font-size: 1.2rem; color: #FBE511; font-weight: 700; letter-spacing: -2%; line-height: 1;}
.intro #header h1 span {display: none;}
#header h1 span::before {content: ""; display: block; width: 1px; height: 0.8rem; background: #777;}

/* header - 경고리스트 */
.alert_list {display: flex; align-items: center; gap: 0.5rem;}
.intro .alert_list {display: none;}
.alert_list li p {display: flex; align-items: center; gap: 0.6rem; height: 2.5rem; font-size: 1rem; color: #fff; font-weight: 700; padding: 0 0.8rem; border-radius: 0.25rem; border: 1px solid #fff;}
.alert_list li p::before {content: ""; display: block; width: 0.75rem;}
.alert_list li:nth-child(-n+2) p::before {height: 0.75rem; border-radius: 50%;}
.alert_list li:nth-child(1) p::before {background: #FF383C; box-shadow: 0 0 5px 3px rgba(255,56,60,0.5);}
.alert_list li:nth-child(2) p::before {background: #FF7F00; box-shadow: 0 0 5px 3px rgba(255,127,0,0.5);}
.alert_list li:nth-child(3) p::before {height: 1rem; background: url("/images/web/safety/layout/alert_icon.png") no-repeat center / contain;}

/* header - 지역 셀렉트 */
.safety_area {position: relative; display: flex; align-items: center; gap: 0.5rem; z-index: 100;}
.intro .safety_area {display: none;}
.safety_area .btn_total {display: flex; align-items: center; justify-content: space-between; min-width: 12.5rem; height: 2.5rem; padding: 0 1rem; background: #0168FF; border-radius: 1.25rem; color: #fff; font-size: 0.85rem; font-weight: 700;}
.safety_area .btn_total em {font-weight: 500;}
.safety_area .btn_select {display: flex; align-items: center; justify-content: space-between; min-width: 12.5rem; height: 2.5rem; padding: 0 1rem; background: transparent; border: 1px solid #fff; border-radius: 1.25rem; color: #fff; font-size: 0.85rem; font-weight: 700; cursor: pointer; text-decoration: none; transition: border-color .2s;}
.safety_area .btn_select:hover, .btn_select.active {border-color: #fff; color: #fff;}
.safety_area .btn_select span {flex: 1; font-size: 1rem; font-weight: 600; color: #fff; white-space: nowrap;}
.safety_area .btn_select span em {font-style: normal; font-weight: 700;}
.safety_area i {font-size: 1.1rem; font-weight: 400; flex-shrink: 0; transition: transform .2s;}
.safety_area .btn_select.active i {transform: rotate(180deg);}
.safety_area .area_list {display: none; position: absolute; top: calc(100% + 0.5rem); right: 0; min-width: 12.5rem; background: #002B6D; border: 1px solid rgba(255,255,255,0.2); border-radius: 0.5rem; padding: 0.5rem 0; box-shadow: 0 4px 16px rgba(0,0,0,0.4);}
.safety_area .area_list.active {display: block;}
.safety_area .area_list ul {overflow-y: auto; max-height: 18rem;}
.safety_area .area_list li a {display: block; padding: 0.4rem 1rem; text-decoration: none; transition: background .15s;}
.safety_area .area_list li a span {display: inline; align-items: unset; gap: 0; font-size: 0.8rem; color: rgba(255,255,255,0.85); font-weight: 500; letter-spacing: -0.02em;}
.safety_area .area_list li a span::before {display: none;}
.safety_area .area_list li a:hover {background: rgba(255,255,255,0.1);}
.safety_area .area_list li a:hover span {color: #fff;}
.safety_area .area_list li a.selected span {color: #FBE511; font-weight: 700;}

.footer {padding: 1.2rem 0 ; text-align: right; color: #fff;}


/* 반응형 */
@media screen and (max-width: 1540px){
	#header {height: auto; padding: 1rem 0; margin-top: 0;}
	#header .header_wrap {flex-wrap: wrap;}
	#header h1 {order: 1;}

	.alert_list {order: 3; width: 100%; margin-top: 1.2rem;}
	.safety_area {order: 2}
}

@media screen and (max-width: 1440px){
	#header .header_wrap {margin: 0;}
}

@media screen and (max-width: 1240px){
	.safety_area .btn_total {min-width: 10rem;}
	.safety_area .btn_total em {display: none;}
	.safety_area .btn_select {min-width: 10rem;}
	.safety_area .area_list {min-width: 10rem;}
}

@media screen and (max-width: 1024px){
	.container {padding: 0 1rem;}

	#header {position: relative; top: auto; left: auto; border-bottom: none;}
	#header .header_wrap {padding: 0 1rem;}
}

@media screen and (max-width: 980px){
	#header h1 a img {height: 2.25rem;}
	#header h1 span {font-size: 1rem;}

	.safety_area .btn_total,
	.safety_area .btn_select,
	.safety_area .area_list {min-width: 8rem;}
}

@media screen and (max-width: 768px){
	#header {padding: 0.8rem 0; margin-bottom: 1rem;}
	#header h1 a img {height: 2.25rem;}

	.alert_list {margin-top: 1rem;}
	.alert_list li {flex: auto;}
	.alert_list li p {font-size: 0.8rem; justify-content: center;}
	.alert_list li p::before {width: 0.5rem;}
	.alert_list li:nth-child(-n+2) p::before {height: 0.5rem;}
	
	.safety_area {width: 100%; margin-top: 1rem;}
	.safety_area .btn_total,
	.safety_area .btn_select {min-width: auto; flex: 1; font-size: 0.8rem;}
	.safety_area .area_list {min-width: calc(50% - 0.125rem);}

	.footer {padding: 1rem 0 ; font-size: 0.7rem;}
}

@media screen and (max-width: 480px){
	#header h1 a img {height: 1.75rem;}
	
	.alert_list {gap: 0.4rem;}
	.alert_list li p {font-size: 0.7rem; gap: 0.3rem; padding: 0 0.5rem;}
}

@media (max-width: 380px) {
	#header h1 a img { height:30px; }
}

@media (max-width: 360px) {
	#header h1 {gap: 0.5rem;}
	#header h1 span {gap: 0.5rem; font-size: 0.85rem;}

	.alert_list {gap: 0.25rem;}
	.alert_list li p {gap: 0.2rem;}

	.safety_area {gap: 0.25rem;}
	.safety_area .btn_total, .safety_area .btn_select {padding: 0 0.5rem;}
}

/* ===== layout.css 병합 ===== */
@charset "utf-8";

#wrap{ position:relative; min-width:1400px; min-height:100%; overflow:hidden; font-family:'NotoR';}

/*배경그림자*/
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:#000; opacity:0.7; }
/*터치영역*/
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
/*모바일메뉴*/
#topmenu{ display:none; overflow-y:auto; overflow-x:hidden; position:absolute; top:0; right:-230px; width:230px; height:100%; background:#404142; z-index:1050; box-shadow:0px 0px 10px #333;}

/*헤더*/
#header.T2_Aheader{ position:relative; width:100%; height:210px; background:url('/images/web/gje/common/bg_header.jpg') repeat-x;}
.T2_Aheader .header_wrap {position:relative; width:1400px; margin:0 auto;}
.T2_Aheader .header_wrap h1 { position:absolute; top:70px; left:0}

/* 상단옵션 */
.T2_Aheader .gnb_opt{float:right; color:#fff; font-size:0; line-height:0; }
.T2_Aheader .gnb_opt .fs_control{display:inline-block; vertical-align: top; font-size:0; line-height:0;}
.T2_Aheader .gnb_opt .fs_control h3{display:inline-block; font-size:16px; letter-spacing: -0.5px; line-height:50px; vertical-align: middle; margin-right:20px; font-family: 'NotoM';}
.T2_Aheader .gnb_opt .fs_control a{width:50px; height:50px; line-height:50px; margin-right:3px; display:inline-block; vertical-align: middle; text-indent:-9999%; overflow:hidden;}
.T2_Aheader .gnb_opt .fs_control a.plus{background:#3a3e46 url('/images/web/gje/common/btn_plus.png') no-repeat center;}
.T2_Aheader .gnb_opt .fs_control a.reset{background:#3a3e46 url('/images/template/01004/common/btn_reset.png') no-repeat center;}
.T2_Aheader .gnb_opt .fs_control a.minus{background:#3a3e46 url('/images/web/gje/common/btn_minus.png') no-repeat center;}
.T2_Aheader .gnb_opt .tpop_control{display:inline-block;}
.T2_Aheader .gnb_opt .tpop_control a{display:block; position: relative; font-size:14px; font-family:'NotoM'; color:#fff; line-height:50px; background:#274160; padding:0 30px 0 20px; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease;}
.T2_Aheader .gnb_opt .tpop_control a::after{content:""; position: absolute; width:8px; height:5px; right:15px; top:18px; background:url('/images/template/01004/common/btn_arr.png') no-repeat center;}
.T2_Aheader .gnb_opt .tpop_control a.on::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/* 사용자메뉴 */
.T2_Aheader .gnb_util {position:absolute; right:0; top:83px; font-size:16px; font-family: 'NotoM';}
.T2_Aheader .gnb_util li {float:left;}
.T2_Aheader .gnb_util li a {display:block; padding-left:10px; margin-left:10px; letter-spacing: -0.5px; background:url('/images/template/01004/common/line_gnb.png') no-repeat left center; color:#666; position: relative;}
.T2_Aheader .gnb_util li a::before{
	content: ''; display: block; width: 1px; height: 16px; background-color: #d7d7d7;
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
.T2_Aheader .gnb_util li:first-child a::before{
	display: none;
}
.T2_Aheader .gnb_util li a:hover{font-family: 'NotoM'; text-decoration: underline;}
.T2_Aheader .gnb_util li:first-child a{background:none;}

/* 날씨정보 */
.T2_Aheader .infoToday { position:absolute; top:60px; right:210px; text-align:right; line-height:1.2;  font-family: 'NotoM'; letter-spacing: -1px;}
.T2_Aheader .infoToday h3{font-family: 'NotoB'; color:#333; font-size:16px;}
.T2_Aheader .infoToday .info{margin:3px 0 8px;}
.T2_Aheader .infoToday .info p{display:inline-block; vertical-align: bottom;}
.T2_Aheader .infoToday .info p.date{color:#0051a4; font-size:15px; margin-right:5px;}
.T2_Aheader .infoToday .info p.tp{color:#161718; font-size:20px; font-family: 'NotoB';}
.T2_Aheader .infoToday .info p.tp span{color:#e43737;}
.T2_Aheader .infoToday .dust {font-size:11px; color:#000; padding-top:15px;}
.T2_Aheader .infoToday .dust p{display:inline-block; letter-spacing: -0.5px;}
.T2_Aheader .infoToday .dust p:first-child{border-right:1px solid #004ca6; padding-right:3px; margin-right:3px;}
.T2_Aheader .infoToday .dust p span.txt{color:#007d63;}
.T2_Aheader .infoToday .dust p span.idex{color:#004ca6;}
.T2_Aheader .infoToday .weather{position: absolute; left:5px; top:0px;}

/* 검색 */
.search_btn button, .search button, .search .cont_box button, .search_close button{font-size:0; line-height:0; text-indent:-10000px;}

.T2_Aheader .search_btn {display:none; position:absolute; left:2%; top:55px;}
.T2_Aheader .search_btn button {width:50px; height:50px; background:#0095a6 url('/images/template/01004/common/btn_search.png') no-repeat center; }
.T2_Aheader .search {position:absolute; top:63px; left:50%; width:400px; height:42px; margin-left:-200px; z-index:200;}
.T2_Aheader .search .search_wrap {position:relative; width:390px; height:38px; color:#5b5a5a; border:3px solid #074093; background:#fff; z-index:2; overflow:hidden;}
.T2_Aheader .search .search_wrap legend{position: absolute; left:0; top:0; width:1px; height:1px; overflow: hidden; text-indent: -99999%;}
.T2_Aheader .search .cont_box {position:relative; display:block;}
.T2_Aheader .search .cont_box button {position:absolute; top:0; right:0; width:38px; height:38px; background:#074093 url('/images/template/01004/common/btn_search.png') no-repeat 50% 50%}
.T2_Aheader .search input {padding-left:10px; width:80%; height:36px; line-height:36px; font-size:14px; color:#444; border:0; background-color:#fff;}
.T2_Aheader .search_close{display:none; position:absolute; top:-65px; left:2%; z-index:10;}
.T2_Aheader .search_close button {width:50px; height:50px; background:#0095a6 url('/images/web/gje/common/btn_close_wh.png') no-repeat center}

/* 검색 - 인기검색어 */
.T2_Aheader .keyword{margin:5px 0 0;}
.T2_Aheader .keyword p{float:left; font-family:'NotoB'; color:#074093; margin:0 10px; font-size:13px;}
.T2_Aheader .keyword ul{width:320px; height:20px; overflow:hidden;}
.T2_Aheader .keyword ul li{float:left;}
.T2_Aheader .keyword ul li a{display:block; margin:0 5px; letter-spacing: -0.5px; font-size:12px; color:#444;}

/* 사이트맵 */
.T2_Aheader #gnb .sitemap{position: absolute; right:0; top:14px; display:block; width:50px;}
.T2_Aheader #gnb .sitemap span{display:block; float:right; height:3px; width:100%; background:#003267; margin:3px 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
.T2_Aheader #gnb .sitemap:hover span{width:100% !important;}
.T2_Aheader #gnb .sitemap span:nth-child(2){width:80%;}

/* 메뉴 */
.T2_Aheader #gnb {position:absolute; top:130px; left:0; width:100%; z-index:100; border-bottom:1px solid transparent; background-color: #fff;}
.T2_Aheader #gnb.menu_open{border-bottom-color: #d1d1d1;}
.T2_Aheader #gnb::after{content: ''; display: block; width: 100%; height: 1px; background-color: transparent; position: absolute; left: 0; top: 80px; z-index: 12;}
.T2_Aheader #gnb.menu_open::after{background-color: #d1d1d1;}
.T2_Aheader #animate {position:relative; width:1400px; height:60px; margin:0 auto; z-index:13; overflow:hidden; padding-top: 20px;}
.T2_Aheader #tnb {position:relative; margin-right:52px;}
.T2_Aheader #tnb::after{content: ''; display: block; width: 100%; height: 1px; background-color: transparent; position: absolute; left: 0; top: 60px; z-index: 12;}
.T2_Aheader .menu_open #tnb::after{background-color: #d1d1d1;}
.T2_Aheader #tm{ display:table; width:100%; padding-left:1px; background-color:#fff}
.T2_Aheader #tm:after { content:""; clear:both; display:table;}
.T2_Aheader #tm li.th1 { position:relative; text-align:center; width:14.285714%; display:table-cell; background-color:#fff;}
.T2_Aheader #tm li.th1:last-child{background-image: none;}
.T2_Aheader #tm li.th1.menu1, .T2_Aheader #tm li.th1.menu2{width:14%;}
.T2_Aheader #tm li.th1 a.th1_lnk {display:block; font-family: 'NotoM'; font-size:18px; color:#000; height:40px; line-height:40px; background-color:#fff}
.T2_Aheader #tm li.th1 a.current, .T2_Aheader #tm li.th1 a:hover {background:#FF875E; text-decoration:none; color:#fff !important; border-radius: 40px;}
.T2_Aheader #tm li.th1.gov img { position:absolute; top:-10px; width:65px; height:34px}
.T2_Aheader #tm li.th1 a.th1_lnk.pr { color:#036ad4}
.T2_Aheader #tm li ul.th2 {padding: 36px 16px 16px; text-align:left; font-size:15px; display:none;}
.T2_Aheader #tm li ul.th2 li {line-height:22px; position:relative; }
.T2_Aheader #tm li ul.th2 .th2_lnk::before{content: ''; display: block; width: 4px; height: 4px; background-color: #ff875e; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.T2_Aheader #tm li ul.th2 li a.th2_link {display:block; position:relative; color:#555; padding:3px 20px 5px 10px; font-family: 'NotoM';}
.T2_Aheader #tm li ul.th2 li a:hover{background-color:transparent; color:#FF875E !important; text-decoration:none; }
.T2_Aheader #tm li ul.th2 li a.ov{ background-color:transparent; color:#FF875E !important; text-decoration:none; }
.T2_Aheader #tm li ul.th2 li a.th2_link.dep::after, .T2_Aheader #tm li ul.th2 li a.th2_link.dep::before{transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease;}
.T2_Aheader #tm li ul.th3 { display:none; font-size:13px; padding:5px 0; background:#e5e5e5;}
.T2_Aheader #tm li li:last-child ul.th3 {border-bottom:0;}
.T2_Aheader #tm li ul.th3 li {line-height:18px;}
.T2_Aheader #tm li ul.th3 li a.th3_link { background:url('/images/web/gje/common/snb_btn_dot.jpg') no-repeat 15px 11px; display:block; color:#555; padding:3px 12px 3px 24px; font-family: 'NotoM';}
.T2_Aheader #tm li ul.th3 li a.ov, .T2_Aheader #tm li ul.th3 li a:active, .T2_Aheader #tm li ul.th3 li a:hover{ background-color:transparent; color:#FF875E !important; text-decoration:underline; }
.T2_Aheader #tm li ul.th2 li a.th2_link.dep::after{content:""; position: absolute; right:5px; top:13px; width:12px; height:2px; background:#333;}
.T2_Aheader #tm li ul.th2 li a.th2_link.dep::before{content:""; position: absolute; right:10px; top:8px; width:2px; height:12px; background:#333;}
.T2_Aheader #tm li ul.th2 li.on a.th2_link.dep::before{transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.T2_Aheader #tm li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/01004/common/icon_blank.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 8px;}

/* SNS & 사용자메뉴 */
#topmenu .mobile_global {overflow:hidden; }
#topmenu .mobile_global .mt_global {padding:10px 0; background:#252627;}
#topmenu .mobile_global .mt_global a {display:block; margin:3px 20px; text-align:center; line-height:30px; color:#fff; border:1px solid #000;}

/* 모바일 */
.nav_mobile {display:none; position:absolute; top:59px; right:2%;}
.nav_mobile a {display:block; width:50px; height:50px; background:url('/images/web/gje/common/sitemap_ic.png') no-repeat center;}
.nav_mobile a span { position:absolute; top:-9999px; left:0; overflow:hidden; height:0; font-size:0; }
.nav_mobile_close{display: none; position: absolute; right:2.5%; top:13px; z-index: 9999;}
.nav_mobile_close a { display:block; width:50px; height:50px; background:url('/images/web/gje/common/btn_close_wh.png') no-repeat center; border:1px solid #fff;}
.nav_mobile_close a span { position:absolute; top:-99999px; left:0; overflow:hidden; height:0; font-size:0; }
#topmenu {display:none;}
#gnb_device > li {border-bottom:1px solid #252627; background:#404142; }
#gnb_device > li > a { display:block; height:22px; padding:14px 18px; background:url('/images/web/gje/common/mo_menu_ov.png') no-repeat right top; font-size:16px; color:#fff; }
#gnb_device > li > a.on, #gnb_device > li > a:hover, #gnb_device > li > a:focus, #gnb_device > li > a:active {background:url('/images/web/gje/common/mo_menu_off.png') no-repeat right top; text-decoration:none; }
#gnb_device > li > ul { padding:10px 0; background:#2b2c2e; }
#gnb_device > li > ul > li {background:#2b2c2e; }
#gnb_device > li > ul > li > a {display:block; position: relative; padding:6px 20px 6px 25px; font-size:14px; color:#fff; background:url('/images/web/gje/common/snb_btn_dot.jpg') no-repeat 15px 16px; }
#gnb_device > li > ul > li > a.dep3::after{content:" "; position: absolute; width:8px; height:5px; right:20px; top:13px; background:url('/images/template/01004/common/ico_nav_arrow.png') no-repeat center; }
#gnb_device > li > ul > li > a.dep3.on::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#gnb_device > li > ul > li > a.ov, #gnb_device > li > ul > li > a:hover, #gnb_device > li > ul > li > a:focus, #gnb_device > li > ul > li > a:active {color:#00baff; }
#gnb_device > li > ul > li > ul {padding:5px 20px; background:#161718; }
#gnb_device > li > ul > li > ul > li {padding:3px 0; border-bottom:1px dotted #404142;}
#gnb_device > li > ul > li > ul > li:last-child {border-bottom:0;}
#gnb_device > li > ul > li > ul > li > a {line-height:1.4; font-size:13px; color:#ccc;}
#gnb_device > li > ul > li > ul > li > a.ov, #gnb_device > li > ul > li > ul > li > a:hover, #gnb_device > li > ul > li > ul > li > a:focus, #gnb_device > li > ul > li > ul > li > a:active {color:#fff; }

/* footer */
.T2_Afooter .area_footer {position:relative; border-top: 1px solid #e5e5e5;}
.T2_Afooter .box_footer {position:relative; width:1400px; margin:0 auto; padding:40px 0 45px;}
.T2_Afooter .footBtnWrap {margin-right:120px; float: right;}
.T2_Afooter .footBtnWrap:after {display:block; visibility:hidden; clear:both; height:0; content:''}
.T2_Afooter .footBtn {position:relative; width: 260px;}
.T2_Afooter .family_btn{width:100%; font-size:16px; color:#000; border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden;}
.T2_Afooter .family_btn::after{content: ''; display: block; clear: both;}
.T2_Afooter .family_btn a{color: #000; height:48px; line-height:48px; width: 25%; display: block; float: left; border-left: 1px solid #e5e5e5; box-sizing: border-box; text-align: center;}
.T2_Afooter .footBtn button { position:relative; text-align:left; background:#fff; cursor: pointer; height:48px; line-height:48px; width: 75%; display: block; float: left;}
.T2_Afooter .footBtn button span{padding-left:15px; display:block; margin-right:40px; }
.T2_Afooter .footBtn button::after{content: ''; display: block; position: absolute; right: 15px; top: 20px; width: 14px; height: 8px; background: url('/images/web/gje/common/family_arr_up.jpg');}
.T2_Afooter .footBtn.on button::after{background: url('/images/web/gje/common/family_arr_down.jpg');}
.T2_Afooter .footBtn .family_list { display:none; position:absolute; bottom:50px; width:100%; max-height:223px; border:1px solid #e5e5e5; border-bottom:0; overflow-y:auto; z-index:10000; box-sizing: border-box;}
.T2_Afooter .footBtn ul li {font-size:13px; border-top:1px solid #eee;}
.T2_Afooter .footBtn ul li strong {display:block; padding:7px 10px; color:#fff799; opacity:1; background:#343b42;}
.T2_Afooter .footBtn ul li:first-child {border:0; }
.T2_Afooter .footBtn ul li ul {border-top:1px solid #5d6a77;}
.T2_Afooter .footBtn ul li a {display:block; padding:7px 10px; overflow:hidden; color:#333; opacity:0.9; background:#fff;}
.T2_Afooter .footBtn ul li a:hover, .T2_Afooter .footBtn ul li a:focus, .T2_Afooter .footBtn ul li a:active {opacity:1; color:#000;}
.T2_Afooter .footBtn button, .T2_Afooter .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }
.T2_Afooter .footer_link {position:relative; height:50px; overflow:hidden; z-index:10;}
.T2_Afooter .footer_link ul{ overflow:hidden; padding: 0 0 0 8px;}
.T2_Afooter .footer_link li {float:left;}
.T2_Afooter .footer_link li a {display:block; position:relative; padding-left:15px; margin-left:15px; font-size:16px;}
.T2_Afooter .footer_link li a.point{color: #FF875E;}
.T2_Afooter .footer_link li a:before { content:''; width:1px; height:13px; background-color: #ccc; position:absolute; top:7px; left:0;}
.T2_Afooter .footer_link li:first-child a{margin-left:0; padding-left:0;}
.T2_Afooter .footer_link li:first-child a::before { display:none;}
.T2_Afooter .footer_link li a:hover {text-decoration:underline;}
.T2_Afooter .box_footer .box_info {line-height:20px; font-size:16px; word-break:keep-all; color:#666;}
.T2_Afooter .box_footer .box_info address{margin-bottom: 7px;}
.T2_Afooter .box_footer .box_info p.call span{color:#6690bf;}
.T2_Afooter .box_footer .box_info .copyright {margin-top:15px; color:#898989; font-size: 14px; letter-spacing: 0.5px;}
.ft_btm_area .ft_btm_logo{display: inline-block; vertical-align: top; width: 25%;}
.ft_btm_area .box_info{display: inline-block; vertical-align: top; width: 74%; margin-top: 10px;}
.btn_top a{position: absolute; right:0; top:40px; padding: 12px 19px; text-align:center; color:#000; border: 1px solid #e5e5e5; background-color: #fff;}
.btn_top a span{display:inline-block; font-size:16px; font-family: 'NotoM'; margin-left: 5px;}

/* 퀵메뉴 */
.Quickmn { position:absolute; top:30px; left:50%; width:150px; height:auto; text-align:center; margin-left:750px; z-index:99}
.Quickmn h2 { font-size:16px; font-weight:bold; line-height:40px; color:#fff; background:#333}
.Quickmn ul {background:#fff; border:1px solid #d3dbe0; border-top:0; border-bottom:0}
.Quickmn ul li a { display:block; font-size:12px; line-height:18px; padding:5px 0; color:#333; word-break:keep-all; border-bottom:1px solid #d3dbe0 }
.Quickmn ul li.bcol a { background:#f1f4f9}
.Quickmn ul li:hover a { text-decoration:underline}
.Quickmn .mgnavi_depth_open, .Quickmn .mgnavi_depth_close{display: block;border:1px solid #bababa;background: #fff;font-size: 0;width: 17px;height: 17px;cursor:pointer;position: relative;position: absolute;right:0;top:12px;}
.Quickmn .mgnavi_depth_close{display: none;}
.Quickmn .mgnavi_depth_open::after{content: '';width: 8px;height: 1px;background: #000;position: absolute;left: 5px;top:8px;}
.Quickmn .mgnavi_depth_open::before{content: '';width: 1px;height: 8px;background: #000;position: absolute;left: 8px;top:5px}
.Quickmn .mgnavi_depth_close::after{content: '';width: 8px;height: 1px;background: #000;position: absolute;left: 5px;top:8px;}
.Quickmn .active .mgnavi_depth_open{display: none;}
.Quickmn .active .mgnavi_depth_close{display: block;}

/* 서브 */
#sub_container_wrap {position:relative; background:#fff}
#sub_container_wrap:after {content:""; display:block; clear:both;}
.sub_content_wrap {position:relative; width:1400px; margin:0 auto 100px; min-height:680px;}
.sub_content_wrap:after {content:""; display:block; clear:both;}
#sub_content{ float:right; width:1090px}
.subCntBody{ position:relative; padding:30px 0 40px; word-break:keep-all}
@keyframes animate_background{
	0%   {background-position:50% 0;}
	50%  {background-position:50% 100%;}
	100%  {background-position:50% 0.1%;}
}
.s_visual {position:relative; width:100%; height:230px; background:url('/images/template/01004/sub/S_visual.png') no-repeat 50% 0; -webkit-animation:animate_background 8s linear;-moz-animation:animate_background 8s linear;-o-animation:animate_background 8s linear;animation:animate_background 8s linear; }
.s_visual .slogan{max-width:1400px; margin:0 auto; padding:10px 20px;}
#menu { position:relative; float:left; margin-right:50px; width:260px; padding-top:20px; font-family: 'NotoR';}
#menu h1 { height:70px; line-height:68px; letter-spacing:-1.5px; text-align:center; color:#fff; font-size:22px; background:#80705D;}
#menu .lnb { border:1px solid #e1e1e1; margin:10px 0 0;}
#menu .lnb > li{ position:relative; border-top:1px solid #e1e1e1 }
#menu .lnb > li:first-child{ border-top:0 }
#menu .lnb > li > a {display:block; line-height:130%; padding:10px 20px 10px 16px; font-size:15px; color:#555;}
#menu .lnb > li > a:hover { text-decoration:underline}
#menu .lnb > li.on > a {color:#fff; background-color:#FF875E; font-family: 'NotoM';}
#menu .lnb > li.on > a:hover { text-decoration:none}
#menu .subLnb {display:none; background-color:#f2f2f2; padding:8px 0;}
#menu .subLnb > li { position:relative}
#menu .subLnb > li > a {display:block; color:#333; padding:5px 12px; font-size:13.5px; margin-left:20px; background:url('/images/web/gje/common/bgSideNaviSub.png') no-repeat 0 12px}
#menu .subLnb > li.on > a {color:#FF875E; font-family:'NotoM'; background:url('/images/web/gje/common/bgSideNaviSub_on.png') no-repeat 0 12px}
#menu .subLnb > li.on > a:hover {text-decoration:none}
#menu .subLnb > li > a:hover{ text-decoration:underline}
#menu .subLnb3 {display:none; width:198px; margin:0 auto; background-color:#fff; padding:8px 10px; }
#menu .subLnb3 li a {display:block; color:#666; padding:3px 8px 3px 8px; font-size:12.5px; background:url('/images/template/01004/common/subLnb3_dot.png') no-repeat 0 11px}
#menu .subLnb3 li.on a {color:#0e2e54; font-family: 'NotoM'; background-image:url('/images/template/01004/common/subLnb3_dot_on.png')}
#menu .subLnb3 li.on a:hover {text-decoration:none}
#menu .subLnb3 li a:hover{ text-decoration:underline}
#menu .lnb > li.row > a::after, #menu .lnb > li.row > a::before{display:block; position:absolute; content:''; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
#menu .lnb > li.row > a::after{width:2px; height:10px; background:#999; right:18px; top:14px;}
#menu .lnb > li.row > a::before{ width:10px; height:2px; background:#999; right:14px; top:18px}
#menu .lnb > li.row.on > a::after, #menu .lnb > li.row.on > a::before{background:#fff;}
#menu .lnb > li.row.on > a::after{transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#menu .subLnb > li.row > a:after{display:block; position:absolute; content:'';}
#menu .subLnb > li.row > a:after{background:url('/images/template/01004/common/ico_add.png') no-repeat; width:13px; height:13px; right:15px; top:8px;}
#menu .subLnb > li > a.on:after{ background:url('/images/template/01004/common/ico_out.png') no-repeat; width:13px; height:13px; right:15px; top:8px}
#menu .lnb a[target='_blank']:after {content:""; background:url('/images/template/01004/common/icon_blank.png') no-repeat; display:inline-block; width:11px; height:11px; margin-left:10px;}
#sub_content .title_area{ position:relative; overflow:hidden; padding:50px 0 10px; border-bottom:1px solid #e5e5e5}
#sub_content .title_area:after { content:""; display:block; clear:both;}
.title_area .location { position:absolute; top:25px; right:0; font-size:13px; line-height:18px;}
.title_area .location span, .title_area .location strong {display:inline-block; *display:inline; zoom:1; padding-left:16px; background:url('/images/template/01004/common/icon_location_arrow.gif') no-repeat 5px 6px; color:#777}
.title_area .location strong { font-weight:normal}
.title_area .location a.home img {vertical-align:middle}
.title_area .pageTitle{ font-weight:bold; letter-spacing:-2px; font-size:32px; color:#222; line-height:36px}
.snsBox { position:absolute; bottom:10px; right:0;}
.snsBox:after { content:""; display:block; clear:both;}
.snsBox button { float:left; margin-left:7px; width:28px; height:28px; overflow:hidden; background:url("/images/web/gje/common/btnSns.png") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint { background-position:0 0; }
.snsBox .btnFbook { background-position:-31px 0; }
.snsBox .btnTwt { background-position:-62px 0; }
.snsBox .btnKko { background-position:-93px 0; }
.snsBox .btnKkot { background-position:-124px 0; }
.snsBox .btnBand{ background-position:-155px 0; }
.snsBox .btnDaum{ background-position:-186px 0; }
.snsBox .btnShare{ background-position:-217px 0; }
.snsBox .snsClose{background-position:-248px 0;margin-left: -135px;}
.snsBox .sns_more{display:none; position:absolute; right:-140px; top:0; text-align:left}
.snsBox.on{ right:140px}
.snsBox.on .sns_more{ display:block;}
.snsBox.on .btnShare {left: 33px;position: absolute;}

@media (max-width:1340px) {
	.T2_Aheader .header_wrap{width:96%;}
	.T2_Aheader .infoToday{right:180px;}
	.T2_Aheader #animate{width:96%;}
}

@media (max-width:1400px) {
	#wrap{min-width:320px; overflow:visible; width:100%; height:100%}
	#header.T2_Aheader {height:120px;}
	.T2_Aheader .header_wrap{width:100%;}
	.T2_Aheader .header_wrap h1 { top:63px; left:2%;}
	.T2_Aheader .header_wrap h1 img { width:auto; height:40px;}
	.T2_Aheader .search_btn {display:block}
	.T2_Aheader .search {display:none; width:100%; top:120px; left:0%; height:120px; margin-left:0; padding:39px 2.5%; background:rgba(0,0,0,0.8);}
	.T2_Aheader .search .search_wrap {width:100%; height:42px; border:0; border-radius:0; overflow:visible }
	.T2_Aheader .search .cont_box {padding-right:60px;}
	.T2_Aheader .search .cont_box button {top:0; right:0; width:60px; height:42px;}
	.T2_Aheader .search input {margin:0; padding:0 10px; width:calc(100% - 50px); height:42px; line-height:42px;}
	.T2_Aheader .search_close{display:block}
	.T2_Aheader .keyword{display:none;}
	.T2_Aheader .gnb_util{display:none;}
	.T2_Aheader .infoToday { top:50px; right:80px}
	.T2_Aheader .infoToday .info{margin:0 0 3px;}
	.T2_Aheader #gnb {display:none;}
	.nav_mobile {display:block;}
	.T2_Afooter .box_footer {width:95%; padding-top:20px; padding-bottom:70px}
	.T2_Afooter .footBtnWrap { height:auto; margin:0}
	.T2_Afooter .box_footer .box_info {margin-top:10px}
	.btn_top a{position: fixed; top:auto; right:2.5%; bottom:2.5%; z-index: 9999;}
	.Quickmn { display:none}
	.sub_content_wrap, #sub_content, .subCntBody, #menu h1 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	.s_visual{animation:none;}
	#sub_container_wrap, .sub_content_wrap {width:100%}
	.sub_content_wrap {margin:0 auto}
	#sub_content{margin:0; width:100%; padding:0 2.5% 20px}
	.subCntBody {width:100%}
	#menu { width:100%; margin:0; padding:0}
	#menu h1 {width:auto; height:auto; text-align:left; line-height:1.5; padding:10px 20px; cursor:pointer; font-size:20px; background:#80705D url("/images/web/gje/common/btn_mob_nav.png") no-repeat 98% 50%; border-radius:0}
	#menu h1.on{background-image:url("/images/web/gje/common/btn_mob_nav_off.png")}
	#menu nav{display:none}
	#menu nav{position:relative; border-bottom:1px solid #333}
	#menu .lnb{ border:0}
	#menu .subLnb3 {width:100%; box-sizing:border-box}
}

@media (max-width: 1024px){
	.T2_Afooter .footBtnWrap{float: none; margin-bottom: 20px;}
	.T2_Afooter .footBtn{margin: auto;}
	.T2_Afooter .footer_link{text-align: center;}
	.T2_Afooter .footer_link ul{display: inline-block; padding: 0;}
	.ft_btm_area .ft_btm_logo{display: block; width: 100%; text-align: center;}
	.T2_Afooter .box_footer .box_info{display: block; width: 100%; text-align: center;}
}

@media (max-width: 800px){
	.subCntBody{padding:25px 0 40px}
	.s_visual {position:relative; width:100%; height:200px; background-size:cover;}
	.s_visual .slogan img{height:180px; width:auto;}
	#sub_content .title_area{ height:auto; overflow:visible; padding:0 0 0; border-bottom:0;}
	.title_area .location { position:relative; top:auto; right:auto; text-align:center; margin:20px 0 10px}
	.title_area .pageTitle{ border-bottom:1px solid #e5e5e5; padding-bottom:10px; text-align:center; line-height:130%;}
	.snsBox { position:relative; float:right; bottom:auto; right:auto; z-index:1; margin-top:10px}
}

@media (max-width: 640px){
	.s_visual {background-position:60% 50% !important;}
	.s_visual .slogan img{height:120px; width:auto;}
	.T2_Afooter .family_btn{font-size: 14px;}
	.T2_Afooter .footBtn button{height: 38px; line-height: 38px;}
	.T2_Afooter .footBtn button::after{top: 14px;}
	.T2_Afooter .family_btn a{height: 38px; line-height: 38px;}
	.T2_Afooter .footBtn .family_list{bottom: 40px;}
	.T2_Afooter .footer_link li a{font-size: 13px; padding-left: 8px; margin-left: 8px; letter-spacing: -1px;}
	.T2_Afooter .footer_link li a:before{top: 4px;}
	.ft_btm_area .ft_btm_logo img{width: 170px;}
	.T2_Afooter .box_footer .box_info{font-size: 13px;}
	.T2_Afooter .box_footer .box_info .copyright{margin-top: 10px; font-size: 12px; letter-spacing: 0px;}
}

@media (max-width: 580px){
	#header.T2_Aheader {height:94px; background-image: url('/images/web/gje/common/bg_header_m.jpg');}
	.T2_Aheader .header_wrap h1 {top:46px;}
	.T2_Aheader .header_wrap h1 img {height:35px;}
	.T2_Aheader .infoToday { display:none}
	.T2_Aheader .search_btn {top:48px;}
	.T2_Aheader .search_btn button {width:40px; height:40px; background-size:24px auto}
	.T2_Aheader .search {top:100px}
	.T2_Aheader .search_close{ top:-51px;}
	.T2_Aheader .search_close button {width:40px; height:40px;}
	.T2_Aheader .gnb_opt .fs_control h3{font-size: 13px; line-height: 36px; margin-right: 12px;}
	.T2_Aheader .gnb_opt .fs_control a{width: 36px; height: 36px; line-height: 36px; background-size: 16px !important;}
	.nav_mobile {top:44px}
	.nav_mobile a {width:40px; height:40px; background-size:40px auto;}
	.nav_mobile_close{top:20px;}
	.nav_mobile_close a {width:40px; height:40px}
	.T2_Afooter .box_footer .box_info { background:none; padding:0}
	#menu h1 { text-align:left; padding:6px 16px 9px; background-position:97% 50%; font-size: 18px;}
	.title_area .location {margin:16px 0 8px}
	.title_area .pageTitle{ font-size:24px; letter-spacing:-1px; padding-bottom:18px;}
}

@media (max-width:480px) {
	.s_visual {height:160px; }
	.s_visual .slogan{padding:10px;}
	.s_visual .slogan img{height:100px; width:auto;}
	#menu h1 {background-position:96% 50%}
	.T2_Afooter .box_footer{padding-bottom: 60px;}
	.btn_top a{padding: 6px 12px;}
	.btn_top a span{font-size: 14px;}
}

@media (max-width:380px) {
	.s_visual {background-position:60% 50% !important;}
	.s_visual .slogan{padding:10px 0;}
}