@charset "utf-8";
body{background:#f0f0f0; }
#wrap{position:relative; }
.skip_navigation, .skip_navigation ul {height:0; position:absolute;z-index:200;left:0px;top:0px;width:100%;}
.skip_navigation a{position:absolute; top:-9999px; background:#000; width:100%; height: 30px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; z-index: 100; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0;}
body,html{height:100%}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height: 1%} /* Hides from IE-mac */
.clfix {zoom: 1} /*for IE 5.5-7*/

.header{position:fixed; left:0; top:0;z-index:30000;width:100%;}
.topEventWrap{ background: #165539;height:127px; display: none; position: relative;z-index:30}
.topEventArea{width:1008px;margin:0 auto; position: relative; text-align: center;}
.topEventArea .eventArea{ text-align: left;}
.topEventArea .eventArea .title{ font-size: 14px; color: #ffd954; margin-top: 20px;}
.topEventArea .eventArea .txt{ font-size: 34px; color: #c8e7d5; margin-top: 10px; }
.topEventArea .eventArea .date{ font-size: 14px; color: #c8e7d5; margin-top: 10px;}
.topEventArea .eventArea .date span{ color: #6f9e87;}
.topEventArea .todayArea{ position: absolute; right: 0; top: 0;}
.topEventArea .todayArea a{color: #c8e7d5; line-height: 35px; display: inline-block; margin-left: 5px;}

.topMenuWrap{ background: #eee;height:42px; position: relative;}
.topMenuArea{position: relative; max-width: 1080px; margin:0 auto; box-sizing:border-box; padding: 0 10px;}
.topMenuArea .left{ height:34px; position: absolute; left: 10px; top: 0;}
.topMenuArea .left > li{ float: left;}
.topMenuArea .left > li > a{ display: block; color: #0197d6; font-family: "NanumGothicBold"; height:42px; line-height: 42px;}
.topMenuArea .left > li.new{ position: relative;}
.topMenuArea .left > li.new .popup_newNotice{ position: absolute; left: 0; top: 0;z-index:30; display: none;}
.topMenuArea .left > li.home a{font-weight:bold; padding-left:22px; background:url("/front/image/common/ico_home.png") no-repeat 0 50%;}
.topMenuArea .left > li.etc {margin-left:15px; padding-left:10px; position:relative;}
.topMenuArea .left > li.etc a {color:#676767;}
.topMenuArea .left > li.etc a:after {content:""; display:block; width:2px; height:2px; background-color:#676767; position:absolute; left:0; top:50%; margin-top:0; border-radius:2px}

.topMenuArea .right{ position: absolute; right: 10px; top:16px;}
.topMenuArea .right ul:after{content:""; display:block; clear:both;}
.topMenuArea .right ul li{float:left; margin-left:13px; padding-left:10px; position:relative;}
.topMenuArea .right ul li a{color:#676767;}
.topMenuArea .right ul li a:after {content:""; display:block; width:2px; height:2px; background-color:#676767; position:absolute; left:0; top:50%; margin-top:0; border-radius:2px}
.topMenuArea .right ul li:first-child{padding-left:25px;}
.topMenuArea .right ul li:first-child a:after {width:18px; height:18px; background:transparent url("/front/image/common/ico_util.png") no-repeat 0 0; position:absolute; left:0; top:-3px;}

.gnbWrapBg{ position: relative; border-bottom: 1px solid #c9c9c9; background:#fff url("/front/image/common/line_pc.png") no-repeat 50% 0;}
.gnbWrap{/* background: url("/images/common/gnb_bg.png") repeat-x;*/ overflow: hidden;height:91px;}
.gnbArea{max-width:1080px;margin:0 auto; line-height: 34px; text-align: center; box-sizing:border-box; padding:0 10px;}
.gnbArea .logoArea{position:relative;}
.gnbArea .logo{ position: absolute; left: 0; top:25px; }
.gnbArea .logo img{ height:47px; width:120px;}
.gnbArea .headSubBtnArea{position:relative;}
.gnbArea .rightBtn{ display:none; }
/*.gnbArea .rightBtn a.btnSearchOpen{ background:url("/images/common/btn_topsearch.png") no-repeat;}*/
.gnbArea .gnb{width:100%; height:91px; box-sizing:border-box; padding:3px 0px 0 150px;}
.gnbArea .gnb:after{content:""; display:block; clear:both;}
.gnbArea .gnb > li{ float: left; width:16.6666%; height:91px;}
.gnbArea .gnb > li > a > span{display:block; width:100%; height: 100%; position:absolute; left:0; top:0; font-family: 'NanumSquareR','맑은 고딕', 'Malgun Gothic','돋움',Dotum,sans-serif; letter-spacing:-1px;}
.gnbArea .gnb > li > a > .ko{display:none;}
.gnbArea .gnb > li.on > a > .ko{display:block;}
.gnbArea .gnb > li.on > a > .en{display:none;}
.gnbArea .gnb > li > a{ display: block; position:relative; font-size: 17px; color: #000; font-weight: 700; line-height: 91px; text-align: center; position: relative; text-decoration:none; }
.gnbArea .gnb .dep2Wrap{opacity:0;  position: absolute; left: 0; top: 100px; border-top: 1px solid #e0e0e0; background-color:#f7f7f7; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:49px; }
.gnbArea .gnb .dep2Wrap .dep2{max-width:1080px; margin:0 auto; box-sizing:border-box; padding:0 10px; text-align: left; }
.gnbArea .gnb .dep2Wrap .dep2 li{float:left; margin-left:30px; }
.gnbArea .gnb .dep2Wrap .dep2 li:first-child{margin-left:0;}
.gnbArea .gnb .dep2Wrap .dep2 li a{font-size:13px; color:#676767; display:block; line-height:49px; text-align: center;}
.gnbArea .gnb .dep2Wrap .dep2 li a span{display:block; width:100%;  }
.gnbArea .gnb .dep2Wrap .dep2 li a .ko{display:none;}
.gnbArea .gnb .dep2Wrap .dep2 li.on a{color:#283891;}
/*.gnbArea .gnb .dep2Wrap .dep2 li.on a .en{display:none;}*/
.gnbArea .gnb .dep2Wrap .dep2 li.active a .en{display:none;}
/*.gnbArea .gnb .dep2Wrap .dep2 li.on a .ko{display:block;}*/
.gnbArea .gnb .dep2Wrap .dep2 li.active a .ko{display:block;}
.gnbArea .gnb > li.on .dep2Wrap{ display:block !important}
.gnbArea .utilNav {max-width: 1080px; margin:0 auto; position:relative;}
.gnbArea .utilList {position:absolute; right:0px; top:0;}
.gnbArea .utilList li{float:left; margin-left:9px; padding-left:10px; position:relative;}
.gnbArea .utilList li:after{content:""; display:block; width:1px; height:9px; background-color:#ddd; position:absolute; left:0; top:50%; margin-top:-2px;}
.gnbArea .utilList li:first-child{margin-left:0; padding-left:0;}
.gnbArea .utilList li:first-child:after{display:none;}
.gnbArea .utilList li a{display:block; height:91px; line-height:91px; font-size:11px; color:#000; box-sizing:border-box; padding-top:3px;}

.gnbArea .gnb .menu1 .dep2Wrap .dep2{padding-left:100px;}
.gnbArea .gnb .menu2 .dep2Wrap .dep2{padding-left:200px;}
.gnbArea .gnb .menu3 .dep2Wrap .dep2{padding-left:500px;}
.gnbArea .gnb .menu4 .dep2Wrap .dep2{padding-left:665px;}
.gnbArea .gnb .menu5 .dep2Wrap .dep2{padding-left:770px;}
.gnbArea .gnb .menu7 .dep2Wrap .dep2{padding-left:780px;}

@media all and (max-width:980px) {
	.gnbArea .utilList{right: 0;}
	.gnbArea .gnb{padding:3px 180px 0 120px;}
	.gnbArea .utilList li a{letter-spacing:-1px;}
	.gnbArea .gnb .menu1 .dep2Wrap .dep2{padding-left:0; text-align: center;}
	.gnbArea .gnb .menu2 .dep2Wrap .dep2{padding-left:0; text-align: center;}
	.gnbArea .gnb .menu3 .dep2Wrap .dep2{padding-left:0; text-align: center;}
	.gnbArea .gnb .menu4 .dep2Wrap .dep2{padding-left:0; text-align: center;}
	.gnbArea .gnb .menu5 .dep2Wrap .dep2{padding-left:0; text-align: center;}
	.gnbArea .gnb .dep2Wrap .dep2 li{display:inline-block; float:none;}
}
@media all and (max-width:840px) {
	.gnbArea .logo{top:30px;}
	.gnbArea .logo img{height:34px; width:auto;}
	.gnbArea .utilList{right:0;}
	.gnbArea .gnb{padding:3px 170px 0 90px;}
	.gnbArea .gnb > li > a{  letter-spacing:-1px;}
	.gnbArea .utilList li{margin-left:5px; padding-left:6px;}
	
}

@media all and (max-width:760px) {
	.topMenuWrap{height:34px; padding:0 10px; box-sizing: border-box;}
	.gnbWrapBg {height:66px !important; background:#fff url("/front/image/common/line_m.png") no-repeat 50% 0;}
	.gnbArea .logo{ position: absolute; top:22px; left:10px;}
	.gnbArea .logo img{height:33px; width:auto;} 
	.section{height: auto !important}
	.topMenuArea .left{width:100%; left:10px}
	.topMenuArea .left > li > a{height:34px; line-height:34px;}
	.topMenuArea .left > li.etc{display:none;}
	.topMenuArea .right{top:12px;}
	.gnbWrap{height:60px;}
	.gnbArea .gnb{display:none;}

	.gnbArea .rightBtn{ position: absolute; right: 10px; top: 21px;  display:block;}
	.gnbArea .rightBtn a{ display: inline-block; margin-left: 9px; width:29px; height:29px; overflow:hidden; text-indent:-9999px;}
	.gnbArea .rightBtn a.btnHome{ background:url("/front/image/common/btn_home.png") no-repeat 50% 50%; -webkit-background-size:29px 29px; background-size:29px 29px;}
	.gnbArea .rightBtn a.btnAllmenu{ background:url("/front/image/common/gnb_btn.png") no-repeat 50% 50%; -webkit-background-size:29px 29px; background-size:29px 29px;}
	.gnbArea .utilNav{display:none;}
}


.mobileGnbWrap{display:block; position:absolute; top:67px; left:0; width:100%; box-sizing:border-box; height:0; overflow:hidden; background-color:#fff; z-index: 10000;  box-sizing:border-box;}
.mobileGnbWrap .allmenu {}

.mobileGnbWrap .utilNav {background-color:#fbfbfb; border-bottom:1px solid #d8dbdd;}
.mobileGnbWrap .utilList {text-align: center;}
.mobileGnbWrap .utilList li{display:inline-block; margin-left:9px; padding-left:10px; position:relative;}
.mobileGnbWrap .utilList li:after{content:""; display:block; width:1px; height:10px; background-color:#ddd; position:absolute; left:0; top:50%; margin-top:-5px;}
.mobileGnbWrap .utilList li:first-child{margin-left:0; padding-left:0;}
.mobileGnbWrap .utilList li:first-child:after{display:none;}
.mobileGnbWrap .utilList li a{display:block; height:45px; line-height:45px; font-size:13px; color:#000; box-sizing:border-box;  font-family: 'NanumSquareR','맑은 고딕', 'Malgun Gothic','돋움',Dotum,sans-serif; }



.mobileGnbWrap .allmenu > li{}
.mobileGnbWrap .allmenu > li > a{display:block; font-size:14px; color:#474c55;  padding:18px 10px; font-weight:bold;border-bottom:1px solid #d8dbdd;}
.mobileGnbWrap .allmenu > li > a .ko{display:none;}
.mobileGnbWrap .allmenu > li.on > a{border-bottom:1px solid #283891; color:#283891;  font-family: 'NanumSquareR','맑은 고딕', 'Malgun Gothic','돋움',Dotum,sans-serif;}
.mobileGnbWrap .allmenu > li.on > a .en{display:none;}
.mobileGnbWrap .allmenu > li.on > a .ko{display:block;}
.mobileGnbWrap .dep2Wrap {display:none;}
.mobileGnbWrap .dep2 {background-color:#fbfbfb; padding:20px; border-bottom:1px solid #d8dbdd;}
.mobileGnbWrap .dep2 >ul > li{margin-top:15px;}
.mobileGnbWrap .dep2 >ul > li:first-child{margin-top:0;}
.mobileGnbWrap .dep2 >ul > li > a{font-size:13px; color:#676767; font-weight:bold;}

.mobileGnbWrap .dep2 >ul > li > a .ko{display:none;}
.mobileGnbWrap .dep2 >ul > li.on > a .en{display:none;}
.mobileGnbWrap .dep2 >ul > li.on > a .ko{display:block;}


.mobileGnbWrap .dep2 >ul > li.on > a{color:#283891;}
.mobileGnbWrap .dep3 {margin-top:8px; padding-bottom:8px;}
.mobileGnbWrap .dep3  > li {margin-top:4px;}
.mobileGnbWrap .dep3  > li >a{display:block; font-size:13px; color:#666; position:relative; padding-left:8px; letter-spacing:0;}
.mobileGnbWrap .dep3  > li >a:after{content:""; display:block; height:1px; width:4px; background-color:#828282; position:absolute; left:0; top:10px}
.mobileGnbWrap .dep3  > li.on >a{font-weight:bold; color:#333;}



/*
.active .gnbArea .gnb > li > a{ color: #999999;}
.active .gnbArea .gnb > li.on > a{ color: #1a2c5e; font-weight: bold;}
.active .gnbArea .gnb > li.on > a:after{ display: block;content: ""; position: absolute; left: 0; bottom: 0;width:100%;height:3px; background: #1a2c5e;}

.gnbArea .gnb .dep2Wrap > .dep2{max-width:980px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;height:100%; padding:0 10px;}
.gnbArea .gnb .dep2Wrap > .dep2 .dep2Img{ position:absolute; left:0; top:0;border-right:1px solid #e9e9e9;height:164px; padding-right:10px; line-height:16px; color:#666666; text-align:left; width:270px;}
.gnbArea .gnb .dep2Wrap > .dep2 .dep2Img .txt{ padding-top:18px;}
.gnbArea .gnb .dep2Wrap > .dep2 > ul{margin:0 -17px; position:relative; height:100%; padding-left:309px;}
.gnbArea .gnb .dep2Wrap > .dep2 > ul > li { float: left; line-height:normal;min-width:125px;margin:0 15px 25px 15px; position: relative;}
.gnbArea .gnb .dep2Wrap > .dep2 > ul > li > a{ display: block;color: #203b71;height:24px; border-bottom: 1px solid #e8e8e8; text-align: left; font-size: 15px; font-family: "NanumGothicBold";background: url("/front/image/common/gnb_arr.png") no-repeat right 4px; text-decoration:none; padding-right:20px;}
.gnbArea .gnb .dep2Wrap > .dep2 > ul > li:hover > a,
.gnbArea .gnb .dep2Wrap > .dep2 > ul > li.on > a{ border-bottom:1px solid #203b71;}
.gnbArea .gnb .dep2Wrap > .dep2 > ul > li.on > a{font-weight:bold;}*/
/*.gnbArea .gnb .dep2Wrap > .dep2 > ul > li.sub > a{background: url("/images/common/gnb_on.png") no-repeat right top;}*/
/*.gnbArea .gnb .dep2Wrap > .dep2 > ul > li.bottom{ position:absolute; left:0;bottom:0; margin-bottom:0;}*/
/*.gnbArea .gnb .dep3{ position: absolute; left: 0; top: 42px; /*margin-top:10px;}*/
/*.gnbArea .gnb .dep3 li{ text-align: left;}*/
/*.gnbArea .gnb .dep3 li a{ display: inline-block; background: url("/images/common/gr_dot.png") no-repeat left center; line-height: 22px; font-size: 13px; color: #666666; padding-left: 2px;}*/
/*.gnbArea .gnb .dep3 li a:hover,
.gnbArea .gnb .dep3 li a:focus,
.gnbArea .gnb .dep3 li.on a{ color:#203b71; text-decoration:underline; font-weight:bold;}*/
/*.gnbArea .gnb .menu2 .dep2Wrap > .dep2 > ul > li.etc{margin-top:95px;}
.gnbArea .gnb .menu3 .dep2Wrap > .dep2 > ul{margin:0 -25px;}
.gnbArea .gnb .menu3 .dep2Wrap > .dep2 > ul > li { width:310px; margin:0 25px 44px 25px;}
.gnbArea .gnb .menu3 .dep2Wrap > .dep2 > ul > li.sub { width:318px; margin:0 25px 44px 15px;}
.gnbArea .gnb .menu3 .dep2Wrap > .dep2 > ul > li.full { margin-right:335px;}
.gnbArea .gnb .menu3 .dep3{width:350px}
.gnbArea .gnb .menu3 .dep3  > li { float:left;width:175px;letter-spacing:-1px;}
.gnbArea .gnb .menu3 .dep3  > li  > a{letter-spacing:-1px;}*/
.gnbArea .gnb .btnArea{ position: absolute; right: 0; bottom: 0; font-size: 0; line-height:0;}
.gnbArea .gnb .btnArea a{ display: inline-block;border:1px solid #dddddd;border-radius: 26px;height:24px; line-height: 24px;padding:0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 133px; text-align: left; font-size: 12px; margin-left: 10px; font-family: "NanumGothicBold"; /*background: url("/images/common/plus_gr.png") no-repeat 110px center;*/}
.totalSearchWrap{ background:#f2f3f4;height:175px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:none; border-bottom:1px solid #e9e9e9; margin-top:1px;}
.totalSearchArea{ width:1008px;margin:0 auto; padding-top:39px; position:relative;}
.totalSearchArea .inputArea{ width:676px;margin:0 auto; border-bottom:1px solid #c6c6c7;height:74px;}
.totalSearchArea .inputArea input{ width:639px; background:transparent;border:0px;height:74px; line-height:74px; text-align:center; font-size:30px; float:left;}
.totalSearchArea .inputArea .btnSearch{ display:block; float:left; /*background:url("/images/common/btn_search.png") no-repeat left bottom;*/ width:37px;height:74px; text-indent:-9999px; overflow:hidden;}
.totalSearchArea .btnSearchClose{ display:block; position:absolute; top:20px; right:2px;z-index:10;/* background:url("/images/common/btn_search_close.png") no-repeat left bottom;*/ width:19px;height:19px; text-indent:-9999px; overflow:hidden;}

.footerWrap{height:auto !important;  background-color:#1c1c1c}
.footerWrap .footerArea{ width: 100%; margin:0 auto; padding-top: 0; position: relative; padding:0 10px; box-sizing:border-box;}
.footerWrap .footerArea .footLink{width:100%; background-color:#1c1c1c;}
.footerWrap .footerArea .footLink .inner{max-width:1080px; margin:0 auto; box-sizing: border-box; height:90px; position:relative; border-bottom:1px solid #343434; z-index:20;}
.footerWrap .footerArea .footLink .link{ padding-top:39px; font-size:12px; color:#979797;}
.footerWrap .footerArea .footLink .link:after{content:""; display:block; clear:both;}
.footerWrap .footerArea .footLink .link a{font-size:13px; color:#d8d8d8; float:left; margin-left:30px; position:relative;}
.footerWrap .footerArea .footLink .link a:after{content:""; display:block; width:1px; height:11px; background-color:#979797; position:absolute; top:2px; left:-14px;}
.footerWrap .footerArea .footLink .link a:first-child{margin-left:0;}
.footerWrap .footerArea .footLink .link a:first-child:after{display:none;}

.footerWrap .footerArea .fCont{max-width:1080px; margin:0 auto; padding:36px 160px 0 0; position:relative; padding-bottom:50px; box-sizing: border-box;}
.footerWrap .footerArea .fCont address{font-style:normal; color:#6c6c6c; line-height:19px; font-size:11px;}
.footerWrap .footerArea .fCont .copy{font-style:normal; color:#6c6c6c; line-height:19px; margin-top:10px; font-size:11px;}
.footerWrap .footerArea .fCont .fLogo{position:absolute; right:0; top:52px;}

.mainWrap .footerWrap .footerArea .fCont .fLogo{top:36px;}

.footerWrap .familysite{ margin-top: 0; position: absolute; width:160px; right:0; top:30px;}
.footerWrap .familysite > a{ display: block; height:29px; line-height: 27px; padding:0 20px; width:160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #969696; background: url("/front/image/main/family_arr_down.png") no-repeat 90% center; border:1px solid #343434;}
.footerWrap .familysite > a.open{background: url("/front/image/main/family_arr_up.png") no-repeat 90% center; }
.footerWrap .familysite ul{ display:none; position:absolute;bottom:100%; left:0;width:100%;border:1px solid #eaeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.footerWrap .familysite ul li{border-top:1px solid #eaeaea}
.footerWrap .familysite ul li:first-child{border-top:0px;}
.footerWrap .familysite ul li a{ background:#ffffff; display:block; line-height:38px; padding-left:20px; text-decoration:none;}
.footerWrap .familysite ul li a:hover,
.footerWrap .familysite ul li a:focus{ background:#353947; color:#ffffff;;}

@media all and (max-width:530px) {
	.footerWrap .familysite{position: relative; margin-top:20px; top:0;}
	.footerWrap .footerArea .footLink .inner{height: auto; padding-bottom:20px;}
	.footerWrap .footerArea .footLink .link a{font-size:12px; margin-left:20px;}
	.footerWrap .footerArea .footLink .link a:after{left:-10px;}

	.footerWrap .footerArea .fCont{padding-right:0;}
	.footerWrap .footerArea .fCont .fLogo{display:none;}
}





.footerWrap .footerArea .leftCon{ float: left;}
.footerWrap .footerArea .leftCon .footerMenu{ color: #dddddd;}
.footerWrap .footerArea .leftCon .footerMenu a{ font-size: 14px; font-family: "NanumGothicBold",sans-serif; color: #666666;}
.footerWrap .footerArea .leftCon .footerMenu a:first-child {color:#fcaf15 ;}
.footerWrap .footerArea .leftCon .footerMenu a:hover,
.footerWrap .footerArea .leftCon .footerMenu a:focus,
.footerWrap .footerArea .leftCon .footerMenu a.on{ color: #008549;}
.footerWrap .footerArea .leftCon address{ font-style: normal; color: #888888; margin-top: 20px;}
.footerWrap .footerArea .leftCon address span{ color: #dedede;}
.footerWrap .footerArea .leftCon .copyright{ color: #888888; margin-top: 10px;}
.footerWrap .footerArea .rightCon{ float: right;}
.footerWrap .footerArea .rightCon .customer{ color: #666666; font-size: 14px; text-align: right;}
.footerWrap .footerArea .rightCon .customer span{ font-family: "NanumGothicBold",sans-serif;}
.footerWrap .footerArea .waCon {float:left; margin:3px 0 0 177px;}

/*buttom style*/
.btnTxt{ display: inline-block; text-align: center;}
.btnTxt.big{ height: 50px;padding:0 20px; line-height: 50px;}
.btnTxt span{ display: inline-block;}
.btnTxt.down span{ background: url("/images/main/btn_down_icon.png") no-repeat right 16px; padding-right: 35px;}
.btnTxt.green{ background: #008549; color: #ffffff; font-size: 13px; font-family: "NanumGothicBold";}
.dim_bg{ position: fixed; left: 0; top: 0; opacity: 0.6; filter: alpha(opacity=60);  width: 100%; height: 100%; z-index:20; display: none; background-color:#000;}
.btnBlank{ display: inline-block; background: url("/images/common/blank.png"); overflow:hidden; text-indent:-9999px;}

.popup_allmenu{ position: absolute; top: 34px; left:50%; display: none;z-index:30;margin-left:-480px;border-top:3px solid #1a2c5e; width:100%; max-width: 1080px; background:#ffffff; box-sizing:border-box; overflow:hidden;}

@media all and (max-width:997px) {
	.popup_allmenu{max-width: 100%; left:0; margin-left:0;}
}
.popup_allmenu a.btnClose{ display: block; position: absolute; overflow: hidden;right:20px;top:20px;z-index:20}
.popup_allmenu .allmenu{padding:50px 40px 60px; overflow:hidden; position:relative;}

.popup_allmenu .allmenu .btnArea{ margin-top:80px;}
.popup_allmenu .allmenu .btnArea a{ display: block;height:27px; line-height: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 12px; font-family: "NanumGothicBold"; background: url("/images/common/plus_gr.png") no-repeat right center; border-bottom:1px solid #a9d0b8; margin-bottom:7px; color:#1a2c5e; width:auto; text-decoration:none;}
/*
.popup_allmenu .bottomArea{ background:#efefef;padding:0 45px; line-height:44px; overflow:hidden;}
.popup_allmenu .bottomArea li{ float:left; background:url("/images/common/g_dot.png") no-repeat left center; padding-left:10px; margin-left:8px;}
.popup_allmenu .bottomArea li:first-child{ padding-left:0; margin-left:0;}
.popup_allmenu .bottomArea li a{ color:#333333; font-family:"NanumGothicBold";}
.popup_allmenu .allmenu .menu4 {display:none;}
.popup_allmenu .allmenu > li {position:relative; padding-left:252px; line-height:1.4;}
.popup_allmenu .allmenu > li > a{position:absolute; left:0; top:20px; font-size:30px; color:#1a2c5e; font-weight:bold;}
.popup_allmenu .allmenu .dep2{border-bottom:1px solid #dddddd; padding:25px 0 40px;}
.popup_allmenu .allmenu .dep2 > ul:after{content:""; display:block; clear:both;}
.popup_allmenu .allmenu .dep2 > ul > li{float:left; width:33.33%;}
.popup_allmenu .allmenu .dep2 .sub > a{display:block; color:#282828; font-size:20px; padding-bottom:20px; font-weight:bold;}
.popup_allmenu .allmenu .dep2 .dep3  {line-height:26px;}
.popup_allmenu .allmenu .dep2 .dep3 li {line-height:26px;}
.popup_allmenu .allmenu .dep2 .dep3 > li >a {font-size:16px; color:#595959;}
.popup_allmenu .allmenu .dep2 .dep4{padding:5px 0 10px;}
.popup_allmenu .allmenu .dep2 .dep4 a{display:block; position:relative; padding-left:10px; color:#828282; font-size:13px;}
.popup_allmenu .allmenu .dep2 .dep4 a:after{content:""; display:block; width:4px; height:1px; background-color:#828282; position:absolute; left:0; top:50%; margin-top:-1px;}
.popup_allmenu .allmenu .dep3 {display:none;}
.popup_allmenu .allmenu .subBoth{clear:both;}*/
.popup_allmenu #allmenu {margin-left:-80px;}
.popup_allmenu #allmenu > li{float:left; width:33.33%; box-sizing:border-box; padding-left:80px;}
.popup_allmenu #allmenu > li > a {font-size:17px; color:#224e6b; font-weight:bold; padding-left:20px;}
.popup_allmenu #allmenu > li.menu4{display:none;}
.popup_allmenu #allmenu > li.menu5{margin-top:55px;}
.popup_allmenu #allmenu > li.menu6{display:none;}
.popup_allmenu #allmenu > li > .dep2Wrap {border-top:2px solid #224e6b; margin-top:17px;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 > ul > li {border-bottom:1px solid #e8e8e8;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 > ul > li > a{display:block; padding:15px 20px; font-size:14px; color:#224e6b;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3{padding-bottom:20px;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3 > li > a{ display:block; padding:6px 13px 6px 35px; font-size:13px; color:#676767; position:relative;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3 > li > a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:20px; top:50%; margin-top:-2px;}
.allMenuSubBx{display:none;}
.popup_allmenu .allMenuSubBx{display:block; padding:19px 0 19px 60px; background-color:#efefef;}
.popup_allmenu .allMenuSubBx:after{content:""; display:block; clear:both;}
.popup_allmenu .allMenuSubBx a{float:left; font-size:13px; color:#676767; margin-left:24px; padding-left:13px; position:relative;}
.popup_allmenu .allMenuSubBx a:first-child{margin-left:0;}
.popup_allmenu .allMenuSubBx a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:0; top:50%; margin-top:-2px;}
.popup_newNotice{ padding-top:34px; position:absolute; width:1008px;}
.popup_newNotice .btnClose{ position:absolute; right:15px; top:15px;}
.popup_newNotice .btnNewTab{ display:block; position:absolute; left:0; top:0; background:url("/images/common/btn_newTab.png") no-repeat; width:46px; height:34px; padding-left:31px; color:#1a2c5e; line-height:34px; font-family:"NanumGothicBold";}
.popup_newNotice .relationArea{overflow:hidden; position:absolute; left:0; top:34px;}
.popup_newNotice .relationArea h3{ font-family: "NanumGothicBold"; font-size: 16px; color: #146943; font-weight: normal; position: relative; margin-bottom:20px;}
.popup_newNotice .relationArea h3 a{ position: absolute; right: 0; top: 0;}
.popup_newNotice .leftCon{ width:327px; height:440px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:40px 30px 0 30px; background:#f5f5f5; position:relative;}
.popup_newNotice .leftCon .noticeItem .img{ display: block; position: relative; margin-bottom: 20px;}
.popup_newNotice .leftCon .noticeItem .img img{ width:267px; height:143px;}
.popup_newNotice .leftCon .noticeItem .img .companyNotice{ display: block; position: absolute; left: 0; top: 0; background: #007944; width: 48px; height: 48px; color: #ffffff; font-family: "NanumGothicBold"; text-align: center; line-height: 13px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup_newNotice .leftCon .noticeItem .img .nanumNotice{ display: block; position: absolute; left: 0; top: 0; background: #71ba00; width: 48px; height: 48px; color: #ffffff; font-family: "NanumGothicBold"; text-align: center; line-height: 13px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup_newNotice .leftCon .noticeItem .title{  color: #333;background: url("/images/common/new_gr_dot.png") no-repeat left center; padding:0 40px 0 9px; position: relative;}
.popup_newNotice .leftCon .noticeItem .title a{ color:#333;font-family: "NanumGothicBold"; font-size: 13px;}
.popup_newNotice .leftCon .noticeItem .title .date{ position:absolute; right:0; top:0;color: #666666;}
.popup_newNotice .leftCon .noticeItem .con{ font-size: 13px; line-height: 17px; margin: 12px 0 30px 0; padding-bottom: 15px;color: #666666; border-bottom:1px solid #e4e4e4;}
.popup_newNotice .leftCon .boardCon{ border-bottom:0;}
.popup_newNotice .leftCon .btn_more{ display:block; position:absolute; right:30px; top:40px;}
.popup_newNotice .centerCon{ width:326px;height:440px; background:#ececec; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:40px 30px 0 30px;}
.popup_newNotice .rightCon{ float:right;height:440px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:47px 30px 0 30px; background:#f5f5f5;}
.popup_newNotice .rightCon .eventSlide{ overflow:hidden; width:267px; height:329px; position:relative;}
.popup_newNotice .rightCon .eventSlide li{width:267px; height:329px;}
.popup_newNotice .rightCon .eventSlide li a{ display:block; margin-bottom:7px;border:1px solid #e4e4e4;}
.popup_newNotice .rightCon .eventPaging{ text-align:right; font-size:0; padding-top:8px;}
.popup_newNotice .rightCon .eventPaging .num{ display:inline-block; line-height:18px; color:#0e4d2f; margin-right:8px; font-size:12px;}
.popup_newNotice .rightCon .eventPaging .btn_event_next{ margin-right:-1px;}
.popup_newNotice .boardCon{ border-bottom: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px; padding-bottom:20px; position:relative;}
.popup_newNotice .boardCon ul{ margin-top: 15px;}
.popup_newNotice .boardCon ul li{ margin-top: 9px; background: url("/images/common/new_gr_dot.png") no-repeat left 5px; padding-left: 9px; position: relative; padding-right: 55px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%;}
.popup_newNotice .boardCon ul li:first-child{ margin-top: 0px;}
.popup_newNotice .boardCon ul li .date{ display:block; position: absolute; right: 0; top: 0;}
.popup_newNotice .boardCon ul li.full{ padding-right:0;}
.popup_newNotice .boardCon ul li.full a{ display:block; color:#333; font-size:13px; margin-bottom:12px;}
.popup_newNotice .boardCon ul li.full .con{ line-height:17px}
.popup_newNotice .boardCon .btn_more{ display:block; position:absolute; right:0px; top:0px;}
.popup_newNotice .info{ position:relative;}
.popup_newNotice .info h3{ margin-bottom:5px;}
.popup_newNotice .info .pointArea{ margin-top: 8px;}
.popup_newNotice .info .pointArea strong{ float: left; font-size: 46px; color: #146943; font-family: "Titillium Web"; letter-spacing: -2px; font-weight:300;}
.popup_newNotice .info .pointArea ul{ float: right; border-left: 1px solid #e0e0e0;  padding: 3px 0 3px 20px; width: 100px; margin-top: 8px;}
.popup_newNotice .info .pointArea ul li{ color: #146943;}
.popup_newNotice .info .pointArea ul li:first-child{ margin-bottom: 6px; overflow: hidden;}
.popup_newNotice .info .pointArea ul li span{ display: block; float: left;}
.popup_newNotice .info .pointArea ul li span.point{ display: block; float: right;}
.popup_newNotice .info .btn_more{ display:block; position:absolute; right:0px; top:0px;}


.isTablet .mainWrap{ position:relative;min-height:auto;height:auto !important; overflow:visible !important;}
.isTablet .sectionWrap{ position:relative; left:auto; top:auto; width: 100%;}
.isTablet .section{ position:relative;height:auto !important;}
.isTablet .section.section02{ position:relative;height:auto !important;}
.isTablet .btn_main_down{ display:none !important;}
.isTablet .mainStep{ display:none;}
.isTablet .mainStep{ display:none;}
.isTablet .section.footerWrap {height: auto !important;}
.isTablet .btn_contentTop { display:none !important;}