@charset "utf-8";
/*

	Design By. Lee Eun A

*/
/*
	공용 css
*/
@import url(/kr/common/css/base.css);
/*@font-face { font-family:'NanumGothic'; src: url('/kr/common/font/NanumGothic.eot'); src: url('/kr/common/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/kr/common/font/NanumGothic.woff') format('woff'), url('/kr/common/font/NanumGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family:'NanumGothicBold'; src: url('/kr/common/font/NanumGothicBold.eot'); src: url('/kr/common/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/kr/common/font/NanumGothicBold.woff') format('woff'), url('/kr/common/font/NanumGothicBold.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/
@font-face { font-family: 'NanumSquare'; font-weight: 400; src: url(/kr/common/font/NanumSquareR.eot); src: url(/kr/common/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),url(/kr/common/font/NanumSquareR.woff) format('woff'), url(/kr/common/font/NanumSquareR.ttf) format('truetype');}
@font-face { font-family: 'NanumSquare'; font-weight: 700; src: url(/kr/common/font/NanumSquareB.eot); src: url(/kr/common/font/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(/kr/common/font/NanumSquareB.woff) format('woff'), url(/kr/common/font/NanumSquareB.ttf) format('truetype');}
@font-face { font-family: 'NanumSquare'; font-weight: 800; src: url(/kr/common/font/NanumSquareEB.eot); src: url(/kr/common/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'), url(/kr/common/font/NanumSquareEB.woff) format('woff'),  url(/kr/common/font/NanumSquareEB.ttf) format('truetype');}
/*@font-face { font-family: 'NanumSquare'; font-weight: 300; src: url(/kr/common/font/NanumSquareL.eot); src: url(/kr/common/font/NanumSquareL.eot?#iefix) format('embedded-opentype'), url(/kr/common/font/NanumSquareL.woff) format('woff'), url(/kr/common/font/NanumSquareL.ttf) format('truetype');}*/


/*추가*/
.dis-inbk{display:inline-block;}

/* 공통상단 */
/*사이드 퀵메뉴*/
.side_quick-pc {width:100px; height:auto; background:#252735; position:fixed; right:0; top:30%; z-index:110; border-radius:5px 0 0 5px; overflow:hidden;}
.side_quick-pc ul li {height:70px; text-align:center; padding:10px 0 0;}
.side_quick-pc ul li a {display:block; font-size:14px; color:#ffffff;font-family:'NanumGothicBold'; }
.side_quick-pc ul li a:hover, .side_quick-pc ul li a:focus {transition: all 0.3s; color:#f39200; font-weight:bold;}
.side_quick-pc ul li a span {display:block; width:30px; height:30px; background:#ffcc00; margin:0 auto;}
.side_quick-pc ul li a span.icon01 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -162px 0px;}
.side_quick-pc ul li a span.icon02 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -198px 0px;}
.side_quick-pc ul li a span.icon03 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -237px 0px;}
.side_quick-pc ul li a span.icon04 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -278px 0px;}
.side_quick-pc ul li a span.icon05 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -314px 0px;}
.side_quick-pc ul li a span.icon06 {background:url(/kr/images/common/2022/icon_all2022.png)no-repeat -344px 0px;}
.side_quick-pc ul li a:hover span.icon01, .side_quick-pc ul li a:focus span.icon01 {background-position:-162px -40px; transition: all .3s;}
.side_quick-pc ul li a:hover span.icon02, .side_quick-pc ul li a:focus span.icon02 {background-position:-198px -40px; transition: all .3s;}
.side_quick-pc ul li a:hover span.icon03, .side_quick-pc ul li a:focus span.icon03 {background-position:-237px -40px; transition: all .3s;}
.side_quick-pc ul li a:hover span.icon04, .side_quick-pc ul li a:focus span.icon04 {background-position:-278px -40px; transition: all .3s;}
.side_quick-pc ul li a:hover span.icon05, .side_quick-pc ul li a:focus span.icon05 {background-position:-314px -40px; transition: all .3s;}
.side_quick-pc ul li a:hover span.icon06, .side_quick-pc ul li a:focus span.icon06 {background-position:-344px -39px; transition: all .3s;}
.side_quick-pc .top_go{background:#e6e7ea; height:30px; text-align:center; font-weight:bold;}
.side_quick-pc .top_go a {line-height:30px; display:block; font-size:13px; font-weight:bold; color:#000000; font-family:'NanumGothicBold';}

img{max-width:100%;}
div#header{width:100%;}
div#header div.header_in{width:100%;}
div#header div.header_in .gnb_top{width:100%; background:#ffffff;}
div#header div.header_in .gnb_top:after {content: ''; display: block;position: absolute;left: 0; top: 40px; width: 100%; height: 1px; background: #000; opacity: 0.1;}

.gnb_wrap {width:1200px; margin:0 auto; height:40px; line-height:40px;}
.top_sns {float:left;}
.top_sns .dis-inbk {line-height:1.6;}
.top_gnb {float:right;}
.top_sns li {float:left;}
.top_gnb li {float:left; padding:0 10px 0; line-height:39px;}
.top_gnb li a { font-size:15px; font-weight:600; font-family:'NanumGothicBold','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;}
.top_gnb .lang_btn {margin:7px 0 0 0;}
.top_gnb .enterprise_mb_li {letter-spacing:-1px; font-weight:bold; font-size:11px;  background:#ff4a51}
.top_gnb .enterprise_mb_li a {color:#ffffff;}

/* 로고 */

/* 기본로고 */
div#header div.header_in h1 a{display:block; }
.logo_box01{}
.logo_box01 a span {display:block;}

 /* 기본로고 */
.logo_box01 {float:left; margin:25px 0 0 0;}
.logo_box01 a .logo_img {width:228px; height:32px; background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px 0px no-repeat;}
 /* 기념일 태극기 기념 로고 */
.logo_box02{margin:6px 0 0 0;}
.logo_box02 a .logo_img2 { width:245px; height:78px; background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px -73px no-repeat;}
 /* 추모일 태극기 조기 로고 */
.logo_box03 {margin:6px 0 0 0;}
.logo_box03 a .logo_img3 { width:245px; height:78px; background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px -161px no-repeat;}

/* 태극기 로고 */
.logo_flag2 {position:absolute; left:35%;}
.logo_flag2 a {}
.logo_flag2m {display:none;}

/* 조기 로고 */
.logo_flag4 {float:left;}
.logo_flag4 a {}

div#header div.header_in ul.util{float:right;}
div#header div.header_in ul.util li{float:left;margin:13px 0 0 9px;}
div#header div.header_in ul.util li.lang_btn{margin:13px 0 0 3px;}
div#header div.header_in ul.util li.sns_icon {margin:10px 0 0 9px;}
div#header div.header_in ul.util .enterprise_mb_li {margin:10px 0 0 9px;}



div#header div.header_in button.gnb_open{border:0;background:0;margin:0;padding:0;cursor:pointer;display:none;}

div#header div.header_in ul.nav{font-family:'NanumSquare';position:relative; font-weight:normal;}
div#header div.header_in ul.nav > li{float:left; width:16.6%; height:60px; line-height:60px; text-align:center;}
div#header div.header_in ul.nav li.on{background:url(/kr/images/common/topmenu_on.gif) center bottom no-repeat;}
div#header div.header_in ul.nav li a{color:#636363;font-size:20px;font-weight:700;}
div#header div.header_in ul.nav li.on > a{color:#0e90e3;font-size:20px;}
div#header div.header_in ul.nav li div{display:none;position:absolute;width:1200px;left:0px;top: 60px;z-index:1000;}
div#header div.header_in ul.nav li div p.submenu_img{padding:100px 0 0 0;float:left; width:199px; height:329px; border-right:1px solid #e8e8e8; font-weight:800; font-size:2.5em; color:#2492fe; background:url(/kr/images/main/new/submenu_imgbg2.jpg) center bottom no-repeat;}
div#header div.header_in ul.nav li div > ul{float:left;}
div#header div.header_in ul.nav li div > ul > li{float:left;margin:0;/*width:185px;height: 200px; line-height:30px;*/ }
div#header div.header_in ul.nav li div > ul > li:first-child{}
div#header div.header_in ul.nav li div > ul > li .sub_titp a{font-size:17px; display:block; color:#ffffff; background:#0e8adb;}
div#header div.header_in ul.nav li div > ul > li > ul{}
div#header div.header_in ul.nav li div > ul > li > ul > li > a{font-weight:normal;font-family:'NanumSquare','돋움', Dotum; font-size:14px;display:inline;color:#424242; padding:0 0 0 7px; background:url(/kr/images/main/new/main_dotted.gif) left 5px no-repeat;}
div#header div.header_in ul.nav li div > ul > li > ul > li > a:hover{color:#ff3600;text-decoration:underline;}
div#header div.header_in ul.nav li.Inb06 a span {padding:0 0.7em 0 0;}

.listNone{display:none;}

/* 실시간 미세먼지 정보 */
.top_sns .air_li {padding:0 0 0 10px; font-weight:400; color:#333333; font-family:'NanumGothicBold','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;}
.top_sns .air_li .pmicon { color:#585757; font-family:'NanumGothicBold','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;} 
.top_sns .air_li .pmicon strong { font-family: 'NanumSquare'; font-size: 18px; font-weight:600;}
.top_sns .air_li .pmicon1 {padding:5px; background:#1279d5;}
.top_sns .air_li .pmicon1 .color1 {color:#ffffff;} /*좋음*/
.top_sns .air_li .pmicon2 {padding:5px; background:#f39200;}
.top_sns .air_li .pmicon2 .color2 {color:#400000;} /*보통*/
.top_sns .air_li .pmicon3 {padding:5px; background:#D0D0D0;}
.top_sns .air_li .pmicon3 .color3 {color:#800000;} /*나쁨*/
.top_sns .air_li .pmicon4 {padding:5px; background:#d91332;}
.top_sns .air_li .pmicon4 .color4 {color:#ffffff;} /*매우나쁨*/

/* 상단 다국어 */
.last_li{padding:0 20px 0 0 !important;}

.language_gnb { position:relative; background:#333333; font-size:15px;}
.language_gnb .sitelist{}
.language_gnb .sitelist .title_menu{text-align:left; text-indent:0; border:0; display:block;width:100%;height:40px;margin:0;padding:0 0 0; color:#ffffff; }
.language_gnb .sitelist .title_subct{display:none;position:absolute;left:0;top:41px;width:100%;z-index:20;border-bottom:1px solid #4c535c;background-color:#384049;}
.language_gnb .sitelist .title_subct .sitelist_box{overflow:hidden;/*overflow-y:scroll;*/}
.language_gnb .sitelist .title_subct .sitelist_box p {height:35px; }
.language_gnb .sitelist .title_subct .sitelist_box p a{padding:0 0 0 30px;display:block; line-height:35px; color:#ffffff;}
.language_gnb .sitelist.siteliston .title_menu {border-left:none; padding:0 20px 0 10px; background:#767f8e; background:url(/new/images/main/new2019/site_linkmoreopen2.png) 95% 50% no-repeat; }
.language_gnb .sitelist.siteliston .title_menu.on {background:url(/new/images/main/new2019/site_linkmoreclose1.png) 95% 50% no-repeat;}

/* 검색 */
div.search_group{float:right;margin:30px 0 0 0;}
div.search_group ul.search_form li{float:left;}
div.search_group ul.search_form li input.search_input01{width:246px;height:40px;border:0;border:1px solid #d3d3d3;padding:1px;}
div.search_group ul.search_form li input.search_input02{width:246px;height:40px;border:0;border:1px solid #d3d3d3;padding:1px; padding:0 10px;}
.search_open{display:none;}
#search_view {display:block;}
.search_close {display:none;}

/*상단 대메뉴 레이아웃*/

.box_wrap{position:relative;margin:0 auto;width:100%;max-width:1200px;}
.box_wrap:after {display:block;visibility:hidden;clear:both;content:"";}
.clear {clear:none;}
.clear:after {display:block;visibility:hidden;clear:both;content:"";}

/*
#menu_wrap{display:block;position: absolute;left: 0;top: 50px;z-index: 21;width:100%;border-bottom: 1px solid rgba(255,255,255,.3);text-align:center;}
#menu_wrap.on {z-index: 9999;background:#fff;}

#menu_wrap.on + .gnb_bg {display: block;z-index: 99;}
#menu_wrap + .gnb_bg {display: none;position: fixed;top: 50px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.modal-open #menu_wrap .top_wrap #logo{z-index:-1;}
*/


#menu_wrap {position:relative;}
#menu_wrap:after {content: ''; display: block;  position: absolute;  left: 0;  top:0px;  width: 100%;  height: 1px;  background: #a2a7af;}
#lnbGroup{background:#ffffff;display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;height:60px; min-height:60px; transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
#lnbGroup:after{top:60px}
#lnbGroup.open{}
#lnbGroup.open:after{z-index:5;position: absolute;top:60px;bottom: 0;right:0;width: 100%;height:auto;border-top:1px solid #ddd;background: #fff;content:"";}
#lnbGroup.open:before{background:#e0ecff url(/kr/images/common/2022/menu_bg.png) no-repeat -200px 0px;display:block;position:absolute;left: 0;top:60px;right: 50%;z-index:6;width: auto;height: calc(100% - 60px);margin-right: 390px; content:'';}
#lnbGroup.action{position:relative;background-color:#fff;}
#lnbGroup .ul_dep01{padding:0;margin:0; display:inline-block;float: none;width: 100%;height:100%; z-index:14;text-align: center;}
#lnbGroup .ul_dep01:after {display: block; content: ''; clear: both;}
#lnbGroup .ul_dep01>li{display:inline-block;width:16.3%;height:100%;margin: 0;vertical-align:top;}
#lnbGroup .ul_dep01>li>a{position:relative;display:block;height:100%;font-size:22px; color: #333333;letter-spacing:0;transition: all .3s;text-align:center;font-weight:bold;}
#lnbGroup .ul_dep01>li>a.current {color:#0e88da;}
#lnbGroup .ul_dep01>li>a.current + .li_box{opacity: 1;display: block}
#lnbGroup .ul_dep01>li>a span{font-family:'NanumSquare'; font-weight:600; display: inline-block;position: relative;height: 100%;padding: 0 25px;line-height:60px;vertical-align: middle;}
#lnbGroup .ul_dep01>li>a span:before{display:block;opacity:0;position:absolute;left:50%;bottom: 0;width: 0;height: 3px;content:'';background: #0e88da;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#lnbGroup .ul_dep01>li>a.current span:before {left: 0;width:100%;opacity: 1;}
#lnbGroup .ul_dep01>li.n9>a span {}
#lnbGroup .ul_dep01>li.n9>a span:before{display:block;position: absolute;z-index: 2;right: 13px;top: 50px;content:'';width:4px;height:4px;border-radius: 50%;background: #cd002d;opacity: 0.7;}
#lnbGroup .ul_dep01>li.n9>a span:after {display:block;position: absolute;z-index: 2;right: 15px;top: 28px;content: '';width: 26px;height: 26px;line-height: 26px;border-radius: 50%;background: #cd002d;color: #fff;text-align:center;}
#lnbGroup .ul_dep01 > li.n6>a>span:after {display:block;position: absolute;z-index: 2;right:-10px; top:19px;content: '';width: 25px;height:19px;background:url(/kr/images/main/2022/all_menuicon.png)no-repeat right center;}
#lnbGroup .ul_dep01 > li .li_box{display: none;position:absolute;top:60px;left:0;z-index: 100;width:100%;margin:0;padding-left:250px; text-align: left;}
#lnbGroup .ul_dep01 > li .li_box .lnb_title {position:absolute;top:0;left: -90px;height:100%;width:300px;padding: 0;  background:url(/kr/images/common/2022/menu_bg2.png) no-repeat 24px 60%; text-align: left;}
#lnbGroup .ul_dep01 > li .li_box .lnb_title strong{display:block;position:relative;margin:94px 0 10px 90px;font-size:35px;font-weight: 800;font-family: 'NanumSquare';color: #25387c;}
#lnbGroup .ul_dep01 > li .li_box .lnb_title p{display:block;width:100%;padding:0;margin:0;font-size: 15px;font-family: 'gmarket';color: #242424;line-height: inherit;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02{float:left;position: relative;top: 0;height: 100%;min-height: 430px;width: 100%;padding:50px 0 70px;text-align:  left;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02:after {display: block;clear:both; visibility:hidden; content:'';}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li{display: block;float: left;position:relative;width: 33.33%;padding: 0 0 0 30px;margin: 0 0 20px;text-align: left;}
#lnbGroup .ul_dep01 > li.n2 .li_box .ul_dep02 > li, #lnbGroup .ul_dep01 > li.n5 .li_box .ul_dep02 > li {width:25%;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a{display:block;position:relative; margin: 0 0 10px; border:1px solid #cfdcdc; border-bottom:2px solid #cfdcdc; color:#25377c; font-size:16px; font-weight: bold; line-height:1.3; transition:background 0.3s;-webkit-transition:background 0.3s;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a.on {border:1px solid #25377c; border-bottom:2px solid #25377c; color:#fff; background:#25377c;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a:after {}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a:before{}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a.on:after {border-color:#25377c;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a[target="_blank"]:after {border:none;width:13px;height:12px;border-radius:0;background:url(/common/tmpl/skinC/img/target.png)no-repeat;transform:none;-webkit-transform:none;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a[target="_blank"].on:after {background:url(/common/tmpl/skinC/img/target2.png)no-repeat;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a[target="_blank"]:before {display:none;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a > span {display:block;padding: 6px 24px 6px 20px;}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li > a.on > span {}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li a .lnk_blank2:after {display: block;  position: absolute; content:'';  top:12px; right:5%;  width:13px;  height:14px; background:url(/kr/images/common/2022/icon_all2022.png) -268px -83px no-repeat}
#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li a.on .lnk_blank2:after {display: block;  position: absolute; content:'';  top:12px; right:5%;  width:13px;  height:14px; background:url(/kr/images/common/2022/icon_all2022.png) -248px -83px no-repeat}
/*#lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li a.on .lnk_blank2:hover:after, #lnbGroup .ul_dep01 > li .li_box .ul_dep02 > li a.on .lnk_blank2:focus:after {display: block;  position: absolute; content:'';  top:13px; right:5%;  width:13px;  height:13px; background:url(/kr/images/common/2022/icon_all2022.png) -248px -83px no-repeat}*/
#lnbGroup .ul_dep03 {display: block;overflow: hidden;}
#lnbGroup .ul_dep03:after {display: block;clear:both; visibility:hidden; content:'';}
#lnbGroup .ul_dep03 > li {position:relative;float: left;width: 100%;margin:2px 0;padding: 0 20px 0 25px;}
#lnbGroup .ul_dep03 > li a {display:block;width:100%;font-size: 15px; font-weight:bold; color: #666;vertical-align: top;}
#lnbGroup .ul_dep03 > li a:hover,
#lnbGroup .ul_dep03 > li a:focus {color:#25377c;text-decoration:underline;}
#lnbGroup .ul_dep03 > li a:after{display:block;position:absolute;top:12px;left:12px;width:3px;height:3px;background: #c8c8c8;content:'';}
#lnbGroup .ul_dep03 > li a:hover:after,
#lnbGroup .ul_dep03 > li a:focus:after {background:#25377c; }
#lnbGroup .ul_dep03 > li a > span {display:inline-block;position:relative;line-height:1.6; font-size:15px;}
#lnbGroup .ul_dep03 > li a[target="_blank"] > span:after {display:inline-block;content:'';width:13px;height:12px;margin: -4px 0 0 8px;background:url(/common/tmpl/skinC/img/target.png)no-repeat;vertical-align:middle;}
#lnbGroup .ul_dep03 > li .a_lnk2 .lnk_blank:after {display: block;  position: absolute; content:'';  top:8px; right:-18px;  width:13px;  height:14px; background:url(/kr/images/common/2022/icon_all2022.png) -268px -83px no-repeat}
#body_layout {display: block;width: 100%;}

/*전체보기*/
p.all_menu {width:70px;float:left;height:41px;text-align:center;font-size:13px;font-family:'NanumGothicBold';margin:25px 0 0 40px;}
p.all_menu a{display:block;padding-top: 11px;height: 30px;color: #fff;}

div.all_view_warp {position:relative; width:1400px; margin:0 auto; }
#all_view {position: absolute;top:60px;left:0;width:100%; border:4px solid #2492fe;  background: #FFFFFF;  z-index: 1000;}
#all_view a {font-family: 'NanumGothic'; font-size:13px;}
#all_view div dl.Map {display: inline-block;float: left;width:20%;padding: 10px 1% 0 1%;border-right:1px solid #F1F1F1; min-height: 700px; /* border-bottom: 1px solid #F1F1F1; */
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#all_view div dl.Map dt > a {display: block;height: 17px;color:#3975CE;margin: 6px 0 13px 0px;padding: 0 0 0 10px;font-weight: bold; font-family: 'NanumGothicBold';border-left: 2px solid #cccccc;font-size: 14px;}
#all_view div dl.Map dd.MapTwoDepth { border-top: 1px dotted #ECECEC; padding-top: 10px;}
#all_view div dl.Map dd.MapTwoDepth a:hover {text-decoration: underline;}
#all_view div dl.Map dd.MapTwoDepth > a {display: block;padding: 0 5px 5px 5px;color: #49596B;font-weight: bold;}
#all_view div dl.Map dd.MapTwoDepthSpace {height: 345px;}
#all_view div dl.Map dd.MapTwoDepth > ul {margin: 0 5px 10px 5px;border: 1px solid #E7E7E7;background: #F5F5F5;padding-bottom: 7px;}
#all_view div dl.Map dd.MapTwoDepth > ul > li {padding: 6px 0 0px 0px;background: url(/kr/images/main/notice_bul.gif) 6px 11px no-repeat;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > a {padding: 0px 0 0px 12px;height: 15px;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul {display: none;margin-top: 5px;border-top: 1px solid #B9CDF0;background: #E3E6E9;border-bottom: 1px solid #B9CDF0;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul > li {padding: 3px 2px 3px 5px;border-top: 1px solid #F5FAFF;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul > li > a {color: #4B789B;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul > li > a:hover {color: #4688BB;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul > li:nth-child(1) {border-top: none;}
#all_view div dl.Map dd.MapTwoDepth > ul > li > ul > li > ul {display:none;}

/*#all_view p.av_close {position: absolute;right: 0;bottom: 0;vertical-align: bottom;margin-top: -23px;height: 23px;}
#all_view p.av_close a {padding: 8px 17px;background: #D3D8DB;font-weight: bold;}
#all_view p.av_close a:hover {background: #E3E8EB;color: #000;}*/
#all_view p.av_close {width:60px; height:60px; background:#ffffff; border:4px solid #2492fe; position: absolute; right:-4px; top:-4px;}
#all_view p.av_close a {display:block; font-weight: bold;}
#all_view p.av_close a:hover {background: #E3E8EB;color: #000;}


/* 하단 사이트 및 방문자 */
.foot_link_wrap {width:100%; height:60px; border-top:1px solid #bcbdbd;border-bottom:1px solid #9391a0;}
.sitelist_link {width:1200px; margin:0 auto;}
.foot_link{display:block;position:relative;width:100%;height:50px;margin:0;background:#384049;z-index:10;}
.foot_link .wrap{background-color:#384049;}
.foot_link_wrap .sitelist{display:block;float:left;position:relative;width:20%;margin:0;}
.foot_link_wrap .sitelist .title_menu{text-align:left; text-indent:15px; border:0; display:block;width:100%;height:60px;margin:0;padding:0 0 0; background:#384049; font-size:17px;color:#333333;font-weight:600;}
.foot_link_wrap .sitelist .title_subct{display:none;position:absolute;left:0;bottom:60px;width:100%;z-index:20;border-bottom:1px solid #4c535c;background-color:#384049;}
.foot_link_wrap .sitelist .title_subct .sitelist_box{overflow:hidden; overflow-y:scroll; height:260px;}
.foot_link_wrap .sitelist.siteliston .title_menu {background:url(/kr/images/main/2022/site_linkmore.png) 95% 50% no-repeat; }
.foot_link_wrap .sitelist.siteliston .title_menu.on {background:url(/kr/images/main/2022/site_linkmoreclose.png) 95% 50% no-repeat;}
.foot_link_wrap .sitelist ul li a {padding:10px 15px; color:#ffffff;  font-size:1.2em; font-family:'NanumSquare'; display:block; border-bottom:1px solid #4c535c}
.foot_link_wrap .sitevisit {position:relative; float:left; width:19.8%; height:60px; }
.foot_link_wrap .sitevisit ul {width:64%;}
.foot_link_wrap .sitevisit ul li {text-indent:15px; line-height:50px; color: #ffffff;}
.foot_link_wrap .sitevisit ul li span {float:right;color: #A0BCDA;}
.foot_link_wrap .sitevisit ul li span b {color:#FFAD00;}
.foot_link_wrap .sitevisit .page_top {position:absolute; top:5px; right:0; width:50px; height:50px;}
.foot_link_wrap .sitevisit .page_top .icon_btn{ display:block; width:50px; height:50px; background:url(/kr/images/common/2022/icon_all2022.png) 0px -51px no-repeat}
.foot_link_wrap .sitevisit .page_top a:hover .icon_btn, .foot_link_wrap .sitevisit .page_top a:focus .icon_btn {background-position:0px -100px; transition:all 0.3s;}


div.gnbGroup{display:none;}

#footergroup {padding:0 0 10px 0; width:100%; background:#ffffff;}
div.footer{width:1200px;height:149px;margin:0 auto;position:relative;}
div.footer ul.f_util{width:100%;height:40px; }
div.footer ul.f_util li{float:left; line-height:60px; padding:0 10px;background:url(/kr/images/common/f_util_bg.gif) right 49% no-repeat;}
div.footer ul.f_util li:first-child{padding-left:0;}
div.footer ul.f_util li.f_util_end{padding-right:0;background:none;}
div.footer ul.f_util .f_util_sns {float:right; background:none;}
div.footer ul.f_util .f_util_sns a{display:inline-block; width:32px; height:32px; margin:10px 0 0 0;}
div.footer ul.f_util .f_util_sns a.sns01:after{display:block;content: '';width:32px;height:32px;background:url(/kr/images/main/2022/sns_icon.png)no-repeat 0px 0px;}
div.footer ul.f_util .f_util_sns a.sns02:after{display:block;content: '';width:32px;height:32px;background:url(/kr/images/main/2022/sns_icon.png)no-repeat -39px 0px;}
div.footer ul.f_util .f_util_sns a.sns03:after{display:block;content: '';width:32px;height:32px;background:url(/kr/images/main/2022/sns_icon.png)no-repeat -79px 0px;}
div.footer ul.f_util .f_util_sns a.sns04:after{display:block;content: '';width:32px;height:32px;background:url(/kr/images/main/2022/sns_icon.png)no-repeat -119px 0px;}
div.footer ul.f_util li a{font-size:15px;color:#333333;font-family:'NanumGothicBold';font-weight:bold;}
div.footer ul.f_util li a.fu_txt {color: #FFBB2A;}
div.footer ul.f_util li a.fu_txt2 {color: #144aaa;}
div.footer div.copyright{float:left;width:50%; padding:5px 0 0 0;}
div.footer div.copyright address{font-style:normal;color:#666666;font-size:15px; }
div.footer div.copyright address span{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family: '','NanumGothicBold','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;letter-spacing: -0.02em;}
div.footer div.copyright address a{color:#333333;}
div.footer div.copyright p.copyright_in{font-family: '','NanumGothicBold','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;letter-spacing: -0.02em;margin-top: 10px;color:#666666;font-size:16px; font-weight:600;}
div.footer ul.f_mark{position:absolute;right:0;top:74px;}
div.footer ul.f_mark li{float:left;margin-left:5px;}
div.footer ul.f_mark li.fmark01 a{display:block; width:60px; height:60px;}
div.footer ul.f_mark li.fmark02 a{display:block; width:60px; height:60px;}
div.footer ul.f_mark li.fmark03 a {display:block; width:86px; height:60px;}
div.footer ul.f_mark li.fmark01 a:after{display:block;content: '';width:60px;height:60px;background:url(/kr/images/main/2022/f_mark.png)no-repeat 0px 0px;}
div.footer ul.f_mark li.fmark02 a:after{display:block;content: '';width:60px;height:60px;background:url(/kr/images/main/2022/f_mark.png)no-repeat -69px 0px;}
div.footer ul.f_mark li.fmark03 a:after{display:block;content: '';width:86px;height:60px;background:url(/kr/images/main/2022/f_mark.png)no-repeat -140px 0px;}


/* 리뉴얼 추가 */
@charset "UTF-8";
.m_navi {display:none;}
.font_em1_1 {font-size:1.1em !important}
.letsp_m1 {letter-spacing:-1px;}
.letsp_m11_4 {letter-spacing:-1.4px;}
.letsp_m12 {letter-spacing:-2px;}
.letsp_m12_3 {letter-spacing:-2.3px;}

.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}
.skip {position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0}

.box_wrap {position:relative; width:100%; max-width:1200px; margin:0 auto; }

.menu_wrap {width:100%; height:auto; background:#ffffff;}
.logo_wrap {clear:both;height:84px;}
.nav_wrap {}

.red{color:#ff0000;}
.blue{color:#0082f7 !important;}

/* 폰트 */
.fc_ffea32 {color:#ffea32 !important}
.font_wt {font-weight:bold;}
.hanja_f {font-family:"맑은고딕";}



/* 반응형 구역 */
@media(max-width:1919px){
	/* 상단 대메뉴-공통 */
    #lnbGroup.open .ul_dep01 {width:100%;}
    #lnbGroup .ul_dep01>li,
    #lnbGroup.open .ul_dep01>li {float:none;}
    #lnbGroup.open .ul_dep01.n3>li,
    #lnbGroup.open .ul_dep01.n4>li,
    #lnbGroup.open .ul_dep01.n5>li,
    #lnbGroup.open .ul_dep01.n6>li,
    #lnbGroup.open .ul_dep01.n7>li {width:auto;}




}

@media(max-width:1319px){
	/* 메인사이드 퀵메뉴 */
	.side_quick-pc {display:none;}
	
	/* 상단 대메뉴-공통 */
    .box_wrap {max-width:100%;}
    #lnbGroup.open:before {width:250px; margin:0; }
    #lnbGroup .ul_dep01 > li .li_box .lnb_title {width: 250px;padding-left: 25px;}
    #lnbGroup .ul_dep01 > li .li_box .ul_dep02 {padding:70px 30px 50px 0;}

}

@media(max-width:1279px){
	/* 상단로그인영역 */
	div#header {height:auto !important; background:#ffffff; z-index:10;}
	div#header div.header_in .gnb_top{width:100%; background:#ffffff; padding:0 0 0 1%;}
	    #menu_wrap {display:none !important;}
		.gnb_wrap{width:100%;}
	.logo_wrap h1 {float:none; margin:0 auto;}
	
	/* 기본로고 */
	.logo_box01 {padding:25px 0 0 0;width:228px; height:auto;margin:25px 0 0 0;}
	.logo_box01 a .logo_img { background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px 0px no-repeat;}
	/* 기념일 태극기 기념 로고 */
	.logo_box02{ width:245px; height:78px; margin:6px 0 0 0;}
	.logo_box02 a .logo_img2 { background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px -73px no-repeat;}
	/* 추모일 태극기 조기 로고 */
	.logo_box03 {width:245px; height:78px; margin:6px 0 0 0;}
	.logo_box03 a .logo_img3 {  background:url(/kr/images/common/2022/ygpa_logo2022.png) 0px -161px no-repeat;}
	
	/* 검색창 */
	.listBlock {display;block;}
	.listNone{display:none !important;}
	.search_close {display:block;}
	.search_group {display:none;}
	.msearch_wrap div.search_group{display:block; margin:0 2%;z-index:100; position:absolute; top:74px; left:0; width:96%; height:100px; background:#2f63af; border:4px solid #2f63af;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;}
	.msearch_wrap .search_open {width:40px; height:40px; display:block; border:0;padding:0; margin:0; position:absolute; top:20px; left:2%; }
	.msearch_wrap .search_open .icon_btn{ display:block; width:40px; height:40px; background:url(/kr/images/common/2022/icon_all2022.png) -84px -70px no-repeat;}
	.msearch_wrap .on {width:44px; height:44px;border:4px solid #2f63af; border-bottom:0;}
	.msearch_wrap .search_form{ float:none; width:285px; margin:20px auto;}
	.msearch_wrap .search_close{width:40px; height:40px; position:absolute; top:-58px; left:-4px; border:7px solid #2f63af;}
	.msearch_wrap .search_close .icon_btn{ display:block; width:40px; height:40px; background:#ffffff url(/kr/images/common/2022/icon_all2022.png) -149px -70px no-repeat}
	

	/* 상단 모바일메뉴바 - 공통 */
	
	div#header div.header_in button.gnb_open { display: block; position: absolute; right:2%; top:20px;}
	div#header div.header_in button.gnb_open .icon_btn {display:block; width:40px; height:40px; background:url(/kr/images/common/2022/icon_all2022.png) -84px 10px no-repeat;}
	div.gnbGroup {  display: inline-block; margin-top:27px; width: 100%; height: 0; overflow: hidden; z-index:10; position:relative;}
	.menu_wrap { height: auto;}
	ul.m_nav {border-top:2px solid #888888;}
	ul.m_nav li{border-bottom:1px solid #888888;}
	ul.m_nav li a{font-family:'NanumGothicBold';display:block;font-size:16px;font-weight:bold;padding:16px 0 16px 5%;background:#ffffff url(/kr/images/common/2022/mobile_menu.png) 97% 26px no-repeat;color:#666666;}
	ul.m_nav > li > a:focus, ul.m_nav > li > a:active, ul.m_nav > li.on > a{background:#22367d url(/kr/images/common/2022/mobile_menu.png) 97% -64px no-repeat;color:#fff;}
	ul.m_nav li div{display:none;}
	ul.m_nav li div ul li{border-top:1px solid #e2e2e2;border-bottom:0;}
	ul.m_nav li div ul li a{font-size:14px;background:#eeeeee;color:#35404c;}
	ul.m_nav li div ul li>a.more_list{font-size:14px;color:#35404c; background:url(/kr/images/main/2022/site_linkmore.png)#eeeeee 95% 50% no-repeat;}
	ul.m_nav li div ul li a:hover, ul.m_nav li div ul li a:focus, ul.m_nav li div ul li a:active{color:#0280bd;text-decoration:underline;}
	ul.m_nav li div ul li ul{border-top:1px solid #e2e2e2;background:#fff;padding:8px 0;}
	ul.m_nav li div ul li ul li{border:0px;}
	ul.m_nav li div ul li ul li a{background:#fff;font-size:14px;color:#626870;padding:5px 0 5px 40px;}
	ul.m_nav li div ul li ul li a:hover, ul.m_nav li div ul li ul li a:focus, ul.m_nav li div ul li ul li a:active{text-decoration:underline;background:#fff;}
	ul.m_nav li div ul li>a .a_lnk2-2 {padding:0 0 0 3px;}
	ul.m_nav li div ul li ol {padding:0 0 0 5px;background:#d2d2d2;  display:block; }
	ul.m_nav li div ul li ol li a {font-size:12px; background:#d2d2d2; }

div.sub_visual p {background: url("/kr/images/sub/sub_visual.jpg") no-repeat left top; margin: 0px auto; width: 100% !important; height: 207px;}


	/*푸터영역-공통*/
	.rowbox_banner,.sitelist_link, div.footer {width:100%; padding:0 1%;}
	div.footer div.copyright{float:left;width:70%; padding:5px 0 0 0;}
	
}


@media(max-width:1023px){
	.m_navi {display:block;}
	.m_navi ul {width:100%;}
	.m_navi ul li {width:100% !important;}
	.enterprise_mb_li {display:none;}
	/*esg*/
	.esg_org .sub_org1:after {top:241px !important;}
	.esg_org .sub_org3:after {top:441px !important;}
	.esg_org .sub_org3:before{ top:456px !important;}
	.esg_org .sub_org4 .sub_orgA:after {top:456px !important;}
	.esg_org .sub_org4 .sub_orgB:after {top:341px !important;}
	.esg_org .sub_org4 .sub_orgC:after {top:456px !important;}

	
	/*푸터영역 - 공통*/
	.footer {padding:0 2%;}
	div.footer ul.f_mark {right:2%;}
	div.footer div.copyright {width:70%;}
	.foot_link_wrap {height:auto;}
	.foot_link_wrap .sitelist {width:50%;}
	.foot_link_wrap .sitevisit {border-top:1px solid #9391a0; width:100%; height:80px; }
	.foot_link_wrap .sitevisit .page_top { position: absolute;top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
	div.footer ul.f_util {text-align:center; height:auto; padding:10px 0 20px;}
	div.footer ul.f_util li{display: inline-block; float: inherit;}
	div.footer ul.f_util .f_util_sns {float: inherit; padding:10px 0; }
	div.footer ul.f_util li a {color:#666666;}
	div.footer div.copyright {width:100%; text-align:center; color:#666666; padding:0 0 20px;}
	div.footer div.copyright address {color:#666666; font-weight:normal; font-family:'Malgun Gothic','맑은 고딕';} 
	div.footer div.copyright p.copyright_in {color:#666666;font-weight:normal; font-family:'Malgun Gothic','맑은 고딕';}
	div.footer ul.f_mark {top:51px;}
}

@media(max-width:767px){
	.logo_wrap {width:100%;}
	/*esg*/
	.esg_org .sub_org1:after {top:241px !important;}
	.esg_org .sub_org3:after {top:441px !important;}
	.esg_org .sub_org3:before{ top:456px !important;}
	.esg_org .sub_org4 .sub_orgA:after {top:456px !important;}
	.esg_org .sub_org4 .sub_orgB:after {top:341px !important;}
	.esg_org .sub_org4 .sub_orgC:after {top:456px !important;}

	
	/* 우측 전체메뉴 보기 */
	div#header div.header_in button.gnb_open { display: block; position: absolute; right:2%; top:20px;}
	div.gnbGroup {  display: inline-block; margin-top:27px; width: 100%; height: 0; overflow: hidden;}
	
	/* 푸터영역 - 공통 */
	div.footer ul.f_util .f_util_sns {width:100%;}
	div.footer ul.f_mark {display:none;}
	
}

@media(max-width:580px){
	.msearch_wrap .search_form{ float:none; width:285px; margin:20px 0 0 80px;}
	.msearch_wrap div.search_group { top:1px; left:-2%; width:80%; height: 93px; background:none; border:none;}
	.msearch_wrap .search_close {top:20px; left:2%; border:none;}
	.m_navi ul li {width:100% !important;}

div.sub_visual {display:none;}

	/* 최고경영자 */
	.ceo_bg {margin:0; padding:0;}
	
	
	/* 푸터영역 - 공통 */
	.foot_link_wrap .sitelist {display:none;}
	.foot_link_wrap .sitevisit {display:block;}
	div.footer ul.f_util {padding:8px 0;}
	div.footer div.copyright {padding:0 2% 2%;}
	div.footer div.copyright span {display:block;}
	.rowbox_banner {display:none;}
	div.footer div.copyright p.copyright_in {font-size:15px;}
		div.footer ul.f_util li a {font-size:15px;}
div.footer ul.f_util li{padding:8px 10px; line-height:20px;}	
div.content .box_m46 {width:100% !important;}
.foot_link_wrap .sitevisit {border-top:none; }
}