@charset "euc-kr";

#gnb { position:relative; float:right; padding-top:40px; padding-bottom:17px; margin-right:-50px; height:30px; font-family:'NotoSansKRC'; }
#gnb h2 { position:absolute; font-size:0; line-height:0; overflow:hidden}
#gnb_1dul {padding:0; }
#gnb_1dul:after { display:block; visibility:hidden; clear:both; content:""}
.gnb_1dli { z-index:10; position:relative; float:left}
.gnb_1da { display:inline-block; padding:0; line-height:1; text-decoration:none; color:#fff !important; font-size:16px; padding-right:80px;}
.gnb_1dli li:last-child a.gnb_1da{padding-right:0;}
.gnb_1da:focus, .gnb_1da:hover { color:#b8d6ff !important; }

#dept2{ overflow:hidden; height:260px; background:rgba(0, 0, 0, 0.7); display:block; z-index: 1000; position: relative; border-bottom:1px solid #000; }
#dept2 .dept2_wrap {width:1138px; margin:0 auto; padding-left:0; position:relative;}
.gnb_2dul {display:block;}
.gnb_2da {display:block;padding:0;text-align:left;text-decoration:none; color:#fff !important; line-height:1; padding-bottom:14px; }
#dept2 .dept2_wrap .gnb_2dul{float:left;padding:26px 0 0; margin:0;left:50px; position:absolute;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(1){left:355px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(2){left:490px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(3){left:615px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(4){left:745px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(5){left:890px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(6){left:1020px;}
#dept2 .dept2_wrap .gnb_2dul:nth-child(2) .gnb_2da{font-size:13px;}

.mgnb_toggle {display:none; position: absolute; width:21px; height: 12px; top:23px; right: 13px; z-index: 500;}
#m_gnb {display: none; position: absolute; top: 0; right: 0; width: 249px; padding: 90px 35px 30px 0; text-align: right; background: #022867; box-sizing: border-box; overflow-y: auto;}
#m_gnb.on {display: none;}
#m_gnb h2 {font-size: 0;}
#m_gnb .gnb_1dli {float:none; line-height:1;}
#m_gnb .gnb_1dli .gnb_1da { padding:0; }
#m_gnb .dept2_m {display:none;}
#m_gnb .dept2_m.toggle {display:block;}
#m_gnb .dept2_m .gnb_1da {position: relative; font-size: 12px; z-index: 50; margin-top: 20px;}
#m_gnb_1dul > li { margin-bottom: 35px; }
#m_gnb_1dul > li:last-of-type { margin-bottom: 0; }

#main_background{ position:relative; top:-87px; overflow:hidden; z-index:1; }
#main_background .background_txt { position:relative; width:1140px; margin:0 auto; top:335px; z-index:99;}
#main_background .background_txt > div { width:1000px; text-align: left; }
#main_background .background_txt > div > span { display:block; font-family:'NotoSansKRB'; font-size:26px; line-height:1; color:#fff; }
#main_background .background_txt > div > h1 { font-family:'NotoSansKRB'; font-size:35px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
#main_background .background_txt > div > span.btm_title { font-family:'NotoSansKRB'; font-size:18px; line-height:1; line-height:130%; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; width:670px; display: block; text-align: left; }

#main_background .main_slide { position:absolute; top:0; width:100%; height:100%;}
#main_background .main_slide ul { overflow:hidden; height:100%; }
#main_background .main_slide ul li { float:left; height:100%; }
#main_background .main_slide ul li.one { background:url("/img/main1.jpg") no-repeat center; background-size:cover;}
#main_background .main_slide ul li.two { background:url("/img/main2.jpg") no-repeat center bottom; background-size:cover;}
#main_background .main_slide ul li.three { background:url("/img/main3.jpg") no-repeat center; background-size:cover;}
#main_background .main_slide ul li.four { background:url("/img/main5.jpg") no-repeat center; background-size:cover;}
#main_background .main_slide ul li.five { background:url("/img/main4.jpg") no-repeat center; background-size:cover;}
#main_background .scroll {position:absolute; bottom:73px; left:50%; margin-left:-27px; cursor:pointer;}

@media (max-width:767px) {/* ÃÖ¼Ò ~ ÃÖ´ë 767 */
	html, body {overflow-x: hidden;}
	
	#site_Wrap { position:relative; min-width:auto; height:60px; z-index:50; }
	.site_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden}
	.site_wrapper { width:100%; height:60px; overflow:visible; }
	.site_wrapper .logo { float:none; padding:15px 0 0 0; text-align:center; }
	.site_wrapper .logo a { display: inline-block;  }
	.site_wrapper .logo a img { display: block; width:124px; }

	#gnb { display:none; padding-top:40px; padding-bottom:17px; float:left; margin-left:100px; height:30px; font-family:'NotoSansKRC'; }
	#gnb h2 { position:absolute; font-size:0; line-height:0; overflow:hidden}
	#gnb_1dul {padding:0; }
	#gnb_1dul:after { display:block; visibility:hidden; clear:both; content:""}
	.gnb_1dli { z-index:10; position:relative; float:left}
	.gnb_1da { display:inline-block; padding:0; line-height:1; text-decoration:none; color:#fff !important; font-size:16px; padding-right:80px;}
	.gnb_1dli li:last-child a.gnb_1da{padding-right:0;}
	.gnb_1da:focus, .gnb_1da:hover { color:#b8d6ff !important; }

	.mgnb_toggle {display: block; position: absolute; width:21px; height: 12px; top:23px; right: 13px; z-index: 500;}
	.mgnb_toggle img { display: block; }
	#m_gnb {display: none; position: absolute; top: 0; right: 0; width: 249px; padding: 90px 35px 30px 0; text-align: right; background: #022867; box-sizing: border-box; overflow-y: auto; z-index:20;}
	#m_gnb.on {display: block;}
	#m_gnb h2 {font-size: 0;}
	#m_gnb .gnb_1dli {float:none; line-height:1;}
	#m_gnb .gnb_1dli .gnb_1da { padding:0; }
	#m_gnb .dept2_m {display:none;}
	#m_gnb .dept2_m.toggle {display:block;}
	#m_gnb .dept2_m .gnb_1da {position: relative; font-size: 12px; z-index: 50; margin-top: 20px;}
	#m_gnb_1dul > li { margin-bottom: 35px; }
	#m_gnb_1dul > li:last-of-type { margin-bottom: 0; }

	#main_background { width:100%; max-height:393px; top:-60px; background-size: auto 435px; background-position: 70% 0; z-index:1; color:#fff; overflow:hidden;}
	#main_background .scroll { display: none; }
	#main_background .background_txt { position:relative; width:100%; text-align:center; top:165px;}
	#main_background .background_txt > div { width:100%; text-align:center; }
	#main_background .background_txt > div > span { font-family:'NotoSansKRB'; font-size:16px; line-height:1; color:#fff; }
	#main_background .background_txt > div > h1 { font-family:'NotoSansKRB'; font-size:19px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
	#main_background .background_txt > div > span.btm_title { width:90%; margin:0 auto; text-align:center; font-family:'NotoSansKRB'; font-size:12px; line-height:1.5; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; display:block; }

	#main_background .main_slide { position:absolute; top:0; width:100%; height:100%;}
	#main_background .main_slide ul { overflow:hidden; height:100%; }
	#main_background .main_slide ul li.one { background:url("/img/main1.jpg") no-repeat; background-size: auto 435px; background-position: 70% 0; }
	#main_background .main_slide ul li.two { background:url("/img/main2.jpg") no-repeat; background-size: auto 435px; background-position: 70% 0; }
	#main_background .main_slide ul li.three { background:url("/img/main3.jpg") no-repeat; background-size: auto 435px; background-position: 70% 0; }
	#main_background .main_slide ul li.four { background:url("/img/main4.jpg") no-repeat; background-size: auto 435px; background-position: 70% 0; }
	#main_background .main_slide ul li.five { background:url("/img/main5.jpg") no-repeat; background-size: auto 435px; background-position: 70% 0; }
	#main_background .main_slide ul li { float:left; height:100%; }

	.main_CntWrap { width:100%; background:#fff; margin-top:-80px;}
	.main_CntWrap .cntWrapList { font-family:'NotoSansKRB'; color:#3f3f3f; padding-bottom:50px; }
	.main_CntWrap .cntWrapList > dt { padding-top:50px; font-size:25px; font-family:'verdana'; text-align:center;}
	.main_CntWrap .cntWrapList > dd { margin-top:19px; font-size:13px; text-align:center; padding-top:20px; margin:0; }
	.main_CntWrap .cntWrapList .constCompanyList { max-width:1140px; margin:20px auto; }
	.main_CntWrap .cntWrapList .constCompanyList > li { float:left; position:relative; margin-left:3%; width:31%; height:100px; margin-top:10px; background:#fff; }
	.main_CntWrap .cntWrapList .constCompanyList > li.mrg0 {margin-left:0;}
	.main_CntWrap .cntWrapList .constCompanyList > li .tbCellBox { position:absolute; bottom:0; height:30px; padding-top:5px; width:100%; font-size:13px; background:#eaeaea; text-align:center; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp1 {background:url(/img/area_01.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp2 {background:url(/img/area_02.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp3 {background:url(/img/area_03.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp4 {background:url(/img/area_04.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp5 {background:url(/img/area_05.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp6 {background:url(/img/area_06.jpg) 0 0 no-repeat; background-size:cover; }


	.main_flWrap { width:100%; height:600px; background:url(/img/sub6.jpg) no-repeat top center; background-size:cover; font-family:'NotoSansKRA'; margin-top:-50px; }
	.main_flWrap .flTitle { font-size:25px; text-align:center; color:#fff; padding-top:70px; font-family:'verdana'; }
	.main_flWrap .fldesc { font-size:15px; text-align:center; color:#fff; padding-top:20px; }
	.main_flWrap .flphone { font-size:18px; text-align:center; color:#fff; padding-top:70px; font-family:'NotoSansKRB';}
	.main_flWrap .iconWrap { max-width:1140px; margin:20px auto 0; }
	.main_flWrap .iconWrap li { float:left; width:30%; margin-top:20px; color:#fff; text-align:center; font-size:14px; }
	.main_flWrap .iconWrap li img { width:30%; }
	.main_flWrap .iconWrap li .iconDest { margin-top:10px; }


	.main_comWrap { max-width:1140px; margin:60px auto; font-family:'NotoSansKRB';}
	.notice_area { position:relative; width:100%; height:200px; margin-top:20px; background:#ffffff; }
	.notice_area .notice_wrap { position:relative; width:100%; margin:20px auto; }
	.notice_area .notice_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.notice_area .notice_wrap h2 span { position:absolute; top:3px; right:0; }
	.notice_area .notice_wrap p { padding:5px 0; }

	.down_area {  position:relative; width:100%; height:200px; margin-top:20px; background:#ffffff; }
	.down_area .down_wrap { position:relative; width:100%; margin:20px auto; }
	.down_area .down_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.down_area .down_wrap h2 span { position:absolute; top:3px; right:0; }
	.down_area .down_wrap p { padding:5px 0; }

	.gallery_area {  position:relative; width:100%; height:200px; margin-top:20px; background:#ffffff; }
	.gallery_area .gallery_wrap { position:relative; width:100%; margin:20px auto; }
	.gallery_area .gallery_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.gallery_area .gallery_wrap h2 span { position:absolute; top:3px; right:0; }
	.gallery_area .gallery_wrap p { padding:5px 0; }



	#sub_background { width:100%; min-height:230px; margin-top:-60px; z-index:2; }
	#sub_background .background_txt { position:relative; width:100%; text-align:center; top:95px;}
	#sub_background .background_txt > div { width:100%; text-align:center; }
	#sub_background .background_txt > div > span { font-family:'NotoSansKRB'; font-size:16px; line-height:1; color:#fff; }
	#sub_background .background_txt > div > h1 { font-family:'NotoSansKRB'; font-size:19px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
	#sub_background .background_txt > div > span.btm_title { font-family:'NotoSansKRB'; font-size:14px; line-height:1; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; display:block; }

	#location_wrap { width:100%; height:50px; background:#f9f9f9; border-bottom:1px solid #dcdcdc; } 
	#location_wrap a { font-family:'NotoSansKRB'; } 
	#location_wrap .location_Cnt { margin:0 auto; width:1140px; } 
	#location_wrap .location_Cnt .noticeWrap { display:none; } 

	#content_Wrap { width:100%; }
	#content_Wrap .conts_title { margin:30px 0; font-size:20px; line-height:120%; text-align:center; font-family:'NotoSansKRB'; }
	#content_Wrap .conts_wrap { width:100%; }
	#container { position:relative; padding:0; min-height:500px; padding:10px;}


	#footer {padding:13px 0; background:#1f1f1f; height:230px; }
	#footer .ftCntWrap { width:100%; }
	#footer .ftCntWrap .ListWrap { width:100%; margin:0 auto; border-bottom:1px solid #363636; padding-top:5px; text-align:center;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li { display:inline-block; font-size:13px; height:40px; background:url(/img/bar.gif) 0 5px no-repeat;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li > a { display:inline-block; padding:0 10px; color:#aaaaaa; font-family:NotoSansKRB;  }
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child {background:none;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child > a {padding:0 15px 0 0;}
	#footer .ftCntWrap .ftLogo { position:relative; padding-top:20px; text-align:center; }
	#footer .ftCntWrap .ftLogo img { width:30%; }
	#footer .ftCntWrap .ftAddr { position:relative; margin-top:20px; line-height:1.5; font-size:12px; color:#8d8c89; text-align:center; }

/*  sub cnt */
	.ideologyWrap {width:100%; overflow:hidden; margin-bottom:30px; font-family:'NotoSansKRB';}
	.ideologyWrap .mottoWrap { width:100%;  background:#022867; }
	.ideologyWrap .mottoWrap ul.mottoTxt { width:85%; padding:30px; }
	.ideologyWrap .mottoWrap ul.mottoTxt li.mottoTitle { font-size:20px; color:#fff; padding-bottom:10px;}
	.ideologyWrap .mottoWrap ul.mottoTxt li { font-size:14px; color:#8aa3bc; line-height:1.5; }
	
	.ideologyWrap .visionWrap { width:100%; }
	.ideologyWrap .visionWrap .visTitle { width:300px; margin:0 auto; font-size:20px; text-align:center; padding:50px 0; background:url(/img/sym_line.gif) no-repeat 83px 105px;}
	.ideologyWrap .visionWrap ul.visUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li { width:100%; padding:18px; margin-top:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl li p { padding:5px 0; }
	.ideologyWrap .visionWrap ul.visUl li p img { width:20%; }

	.ideologyWrap .visionWrap ul.visUl2 { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li { width:100%; padding:18px; margin-top:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl2 li p { padding:5px 0; }
	.ideologyWrap .visionWrap ul.visUl2 li p img { width:20%; }

	.ideologyWrap .visionWrap ul.injUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li { float:left; width:48%; height:160px; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.injUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.injUl li p img { width:100%; }

	.ideologyWrap .visionWrap ul.valueUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li { float:left; height:120px; width:32%; padding:10px; margin-right:1%; margin-top:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.valueUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.valueUl li p img { width:40%; }

	.ideologyWrap .visionWrap ul.inUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li { width:100%; padding:10px; margin-top:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.inUl li p { padding:5px 0; }
	.ideologyWrap .visionWrap ul.inUl li p.inTitle { font-size:18px; }


	.ideologyWrap .visionWrap .desc { font-size:18px; text-align:center; }

}

@media (min-width:768px) and (max-width:1100px) {
body { background:#ffffff; font-family:ngb; }

	#site_Wrap { position:relative; min-width:auto; height:60px; z-index:50; }
	.site_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden}
	.site_wrapper { width:100%; height:60px; overflow:visible; }
	.site_wrapper .logo { float:none; padding:15px 0 0 0; text-align:center; }
	.site_wrapper .logo a { display: inline-block;  }
	.site_wrapper .logo a img { display: block; width:124px; }

	#gnb { display:none; padding-top:40px; padding-bottom:17px; float:left; margin-left:100px; height:30px; font-family:'NotoSansKRC'; }
	#gnb h2 { position:absolute; font-size:0; line-height:0; overflow:hidden}
	#gnb_1dul {padding:0; }
	#gnb_1dul:after { display:block; visibility:hidden; clear:both; content:""}
	.gnb_1dli { z-index:10; position:relative; float:left}
	.gnb_1da { display:inline-block; padding:0; line-height:1; text-decoration:none; color:#fff !important; font-size:16px; padding-right:80px;}
	.gnb_1dli li:last-child a.gnb_1da{padding-right:0;}
	.gnb_1da:focus, .gnb_1da:hover { color:#b8d6ff !important; }

	.mgnb_toggle {display: block; position: absolute; width:21px; height: 12px; top:23px; right: 13px; z-index: 500;}
	.mgnb_toggle img { display: block; }
	#m_gnb {display: none; position: absolute; top: 0; right: 0; width: 249px; padding: 90px 35px 30px 0; text-align: right; background: #022867; box-sizing: border-box; overflow-y: auto; z-index:20;}
	#m_gnb.on {display: block;}
	#m_gnb h2 {font-size: 0;}
	#m_gnb .gnb_1dli {float:none; line-height:1;}
	#m_gnb .gnb_1dli .gnb_1da { padding:0; }
	#m_gnb .dept2_m {display:none;}
	#m_gnb .dept2_m.toggle {display:block;}
	#m_gnb .dept2_m .gnb_1da {position: relative; font-size: 12px; z-index: 50; margin-top: 20px;}
	#m_gnb_1dul > li { margin-bottom: 35px; }
	#m_gnb_1dul > li:last-of-type { margin-bottom: 0; }

	#main_background{ position:relative; top:-87px; overflow:hidden; z-index:1;}
	#main_background .background_txt { position:relative; width:1140px; margin:0 auto; top:335px; z-index:99;}
	#main_background .background_txt > div { width:1000px; text-align: left; }
	#main_background .background_txt > div > span { font-family:'NotoSansKRB'; font-size:26px; line-height:1; color:#fff; }
	#main_background .background_txt > div > h1 { font-family:'NotoSansKRC'; font-size:42px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
	#main_background .background_txt > div > span.btm_title { font-family:'NotoSansKRB'; font-size:20px; line-height:1; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; width:670px; display: block; text-align: left; }

	#main_background .main_slide { position:absolute; top:0; width:100%; height:100%;}
	#main_background .main_slide ul { overflow:hidden; height:100%; }
	#main_background .main_slide ul li { float:left; height:100%; }
	#main_background .main_slide ul li.one { background:url("/img/main1.jpg") no-repeat center; background-size:cover;}
	#main_background .main_slide ul li.two { background:url("/img/main2.jpg") no-repeat center bottom; background-size:cover;}
	#main_background .main_slide ul li.three { background:url("/img/main3.jpg") no-repeat center; background-size:cover;}
	#main_background .main_slide ul li.four { background:url("/img/main4.jpg") no-repeat center; background-size:cover;}
	#main_background .main_slide ul li.five { background:url("/img/main5.jpg") no-repeat center; background-size:cover;}
	#main_background .scroll {position:absolute; bottom:73px; left:50%; margin-left:-27px; cursor:pointer;}

	.main_CntWrap { width:100%; background:#e5e5e5; margin-top:-100px; }
	.main_CntWrap .cntWrapList { font-family:'NotoSansKRB'; color:#3f3f3f; padding-bottom:50px; }
	.main_CntWrap .cntWrapList > dt { padding-top:50px; font-size:35px; font-family:'verdana'; text-align:center;}
	.main_CntWrap .cntWrapList > dd { margin-top:19px; font-size:15px; text-align:center; padding-top:20px; margin:0; }
	.main_CntWrap .cntWrapList .constCompanyList { max-width:1140px; margin:20px auto; }
	.main_CntWrap .cntWrapList .constCompanyList > li { float:left; position:relative; margin-left:3%; width:31%; height:180px; margin-top:20px; background:#fff; }
	.main_CntWrap .cntWrapList .constCompanyList > li.mrg0 {margin-left:0;}
	.main_CntWrap .cntWrapList .constCompanyList > li .tbCellBox { position:absolute; bottom:0; height:30px; padding-top:5px; width:100%; font-size:15px; background:#fff; text-align:center; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp1 {background:url(/img/area_01.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp2 {background:url(/img/area_02.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp3 {background:url(/img/area_03.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp4 {background:url(/img/area_04.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp5 {background:url(/img/area_05.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp6 {background:url(/img/area_06.jpg) 0 0 no-repeat; background-size:cover; }


	.main_flWrap { width:100%; height:550px; background:url(/img/sub6.jpg) no-repeat top center; font-family:'NotoSansKRA'; }
	.main_flWrap .flTitle { font-size:35px; text-align:center; color:#fff; padding-top:70px; font-family:'verdana'; }
	.main_flWrap .fldesc { font-size:17px; text-align:center; color:#fff; padding-top:20px; }
	.main_flWrap .flphone { font-size:20px; text-align:center; color:#fff; padding-top:70px; font-family:'NotoSansKRB';}
	.main_flWrap .iconWrap { max-width:1140px; margin:80px auto 0; }
	.main_flWrap .iconWrap li { float:left; width:20%; color:#fff; text-align:center; font-size:16px; }
	.main_flWrap .iconWrap li img { width:30%; }
	.main_flWrap .iconWrap li .iconDest { margin-top:10px; }


	.main_comWrap { max-width:1140px; margin:60px auto; font-family:'NotoSansKRB';}
	.notice_area { position:relative; float:left; width:30%; height:200px; margin-top:20px; background:#ffffff; }
	.notice_area .notice_wrap { position:relative; width:100%; margin:20px auto; }
	.notice_area .notice_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.notice_area .notice_wrap h2 span { position:absolute; top:3px; right:0; }
	.notice_area .notice_wrap p { padding:5px 0; }

	.down_area { position:relative; float:left; width:30%; height:200px; margin:20px 0 0 5%; background:#ffffff; }
	.down_area .down_wrap { position:relative; width:100%; margin:20px auto; }
	.down_area .down_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.down_area .down_wrap h2 span { position:absolute; top:3px; right:0; }
	.down_area .down_wrap p { padding:5px 0; }

	.gallery_area { position:relative; float:right; width:30%; height:200px; margin:20px 0 0 0; background:#ffffff; }
	.gallery_area .gallery_wrap { position:relative; width:100%; margin:20px auto; }
	.gallery_area .gallery_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.gallery_area .gallery_wrap h2 span { position:absolute; top:3px; right:0; }
	.gallery_area .gallery_wrap p { padding:5px 0; }

	#sub_background { width:100%; height:347px; position:relative; margin-top:-87px; z-index:2; }
	#sub_background .background_txt { position:relative; width:1140px; margin:0 auto; top:150px; z-index:99;}
	#sub_background .background_txt > div { width:1000px; text-align: left; }
	#sub_background .background_txt > div > span { font-family:'NotoSansKRB'; font-size:21px; line-height:1; color:#fff; }
	#sub_background .background_txt > div > h1 { font-family:'NotoSansKRC'; font-size:32px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
	#sub_background .background_txt > div > span.btm_title { font-family:'NotoSansKRB'; font-size:16px; line-height:1; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; width:670px; display: block; text-align: left; }

	#location_wrap { width:100%; height:50px; background:#f9f9f9; border-bottom:1px solid #dcdcdc; } 
	#location_wrap a { font-family:'NotoSansKRB'; } 
	#location_wrap .location_Cnt { margin:0 auto; width:1140px; } 
	#location_wrap .location_Cnt .noticeWrap { position:absolute; top:8px; right:0px; width:250px; } 

	#content_Wrap { width:100%; }
	#content_Wrap .conts_title { margin:30px 0; font-size:25px; line-height:120%; text-align:center; font-family:'NotoSansKRB'; }
	#content_Wrap .conts_wrap { width:100%; }
	#container { position:relative; padding:0; min-height:500px; }


	#footer {padding:13px 0; background:#1f1f1f; height:200px; }
	#footer .ftCntWrap { width:100%; }
	#footer .ftCntWrap .ListWrap { width:100%; margin:0 auto; border-bottom:1px solid #363636; padding-top:5px; text-align:center;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li { display:inline-block; font-size:13px; height:40px; background:url(/img/bar.gif) 0 5px no-repeat;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li > a { display:inline-block; padding:0 10px; color:#aaaaaa; font-family:NotoSansKRB;  }
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child {background:none;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child > a {padding:0 15px 0 0;}
	#footer .ftCntWrap .ftLogo { position:relative; padding-top:20px; text-align:center; }
	#footer .ftCntWrap .ftAddr { position:relative; margin-top:20px; line-height:1.5; font-size:14px; color:#8d8c89; text-align:center; }

/*  sub cnt */
	.ideologyWrap {width:100%; overflow:hidden; margin-bottom:30px; font-family:'NotoSansKRB';}
	.ideologyWrap .mottoWrap { width:100%; height:300px; }
	.ideologyWrap .mottBg1 { background:url(/img/vision_bg.jpg) no-repeat; }
	.ideologyWrap .mottBg2 { background:url(/img/vision_bg2.jpg) no-repeat; }
	.ideologyWrap .mottBg3 { background:url(/img/vision_bg3.jpg) no-repeat; }
	.ideologyWrap .mottoWrap ul.mottoTxt { width:385px; padding:30px; }
	.ideologyWrap .mottoWrap ul.mottoTxt li.mottoTitle { font-size:22px; color:#fff; padding-bottom:30px; background:url(/img/sym_line.gif) no-repeat 0 45px;}
	.ideologyWrap .mottoWrap ul.mottoTxt li { font-size:16px; color:#8aa3bc; line-height:1.5; }

	.ideologyWrap .visionWrap { width:100%; }
	.ideologyWrap .visionWrap .visTitle { width:200px; margin:0 auto; font-size:22px; text-align:center; padding:50px 0;}
	.ideologyWrap .visionWrap .visDesc { width:100%; font-size:16px; text-align:center; padding:0; }
	.ideologyWrap .visionWrap ul.visUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li { float:left; width:22.2%; height:430px; padding:20px; margin-right:3.4%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl li p.vis_title { font-size:16px; color:#000; }
	.ideologyWrap .visionWrap ul.visUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.visUl li p img { }

	.ideologyWrap .visionWrap ul.visUl2 { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li { float:left; width:31%; height:330px; padding:20px; margin-right:3.4%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl2 li p.vis_title { font-size:16px; color:#000; }
	.ideologyWrap .visionWrap ul.visUl2 li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.visUl2 li p img { }

	.ideologyWrap .visionWrap ul.injUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li { float:left; width:15%; height:160px; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.injUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.injUl li p img { }

	.ideologyWrap .visionWrap ul.valueUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li { float:left; width:18%; height:190px; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.valueUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.valueUl li p img { }

	.ideologyWrap .visionWrap ul.inUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li { float:left; width:18%; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.inUl li p { padding:5px 0; }
	.ideologyWrap .visionWrap ul.inUl li p.inTitle { font-size:18px; }

	.ideologyWrap .visionWrap .desc { font-size:18px; text-align:center; }

}

@media (min-width:1100px) {

body { font-family:ng;}

	#site_Wrap { position:relative; min-width:970px; height:87px; background:url(/img/top_bg.png) repeat-x top center; z-index:10; }
	.site_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden}
	.site_wrapper {position:relative;margin:0 auto; max-width:1140px; overflow:hidden; z-index:11; }
	.site_wrapper .logo { float:left; padding:20px 0 0;}


	.main_CntWrap { width:100%; background:#e5e5e5; margin-top:-100px; }
	.main_CntWrap .cntWrapList { font-family:'NotoSansKRB'; color:#3f3f3f; padding-bottom:50px; }
	.main_CntWrap .cntWrapList > dt { padding-top:50px; font-size:35px; font-family:'verdana'; text-align:center;}
	.main_CntWrap .cntWrapList > dd { margin-top:19px; font-size:15px; text-align:center; padding-top:20px; margin:0; }
	.main_CntWrap .cntWrapList .constCompanyList { max-width:1140px; margin:20px auto; }
	.main_CntWrap .cntWrapList .constCompanyList > li { float:left; position:relative; margin-left:3%; width:31%; height:180px; margin-top:20px; background:#fff; }
	.main_CntWrap .cntWrapList .constCompanyList > li.mrg0 {margin-left:0;}
	.main_CntWrap .cntWrapList .constCompanyList > li .tbCellBox { position:absolute; bottom:0; height:30px; padding-top:5px; width:100%; font-size:15px; background:#fff; text-align:center; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp1 {background:url(/img/area_01.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp2 {background:url(/img/area_02.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp3 {background:url(/img/area_03.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp4 {background:url(/img/area_04.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp5 {background:url(/img/area_05.jpg) 0 0 no-repeat; background-size:cover; }
	.main_CntWrap .cntWrapList .constCompanyList > li.tp6 {background:url(/img/area_06.jpg) 0 0 no-repeat; background-size:cover; }


	.main_flWrap { width:100%; height:600px; background:url(/img/sub6.jpg) no-repeat top center; font-family:'NotoSansKRA'; }
	.main_flWrap .flTitle { font-size:35px; text-align:center; color:#fff; padding-top:70px; font-family:'verdana'; }
	.main_flWrap .fldesc { font-size:17px; text-align:center; color:#fff; padding-top:20px; }
	.main_flWrap .flphone { font-size:25px; text-align:center; color:#fff; padding-top:70px; font-family:'NotoSansKRB';}
	.main_flWrap .iconWrap { max-width:1140px; margin:80px auto 0; }
	.main_flWrap .iconWrap li { float:left; width:20%; color:#fff; text-align:center; font-size:16px; }
	.main_flWrap .iconWrap li img {  }
	.main_flWrap .iconWrap li .iconDest { margin-top:10px; }


	.main_comWrap { max-width:1140px; margin:30px auto 50px; font-family:'NotoSansKRB';}
	.notice_area { position:relative; float:left; width:30%; height:200px; margin-top:20px; background:#ffffff; }
	.notice_area .notice_wrap { position:relative; width:100%; margin:20px auto; }
	.notice_area .notice_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.notice_area .notice_wrap h2 span { position:absolute; top:3px; right:0; }
	.notice_area .notice_wrap p { padding:5px 0; }

	.down_area { position:relative; float:left; width:30%; height:200px; margin:20px 0 0 5%; background:#ffffff; }
	.down_area .down_wrap { position:relative; width:100%; margin:20px auto; }
	.down_area .down_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.down_area .down_wrap h2 span { position:absolute; top:3px; right:0; }
	.down_area .down_wrap p { padding:5px 0; }

	.gallery_area { position:relative; float:right; width:30%; height:200px; margin:20px 0 0 0; background:#ffffff; }
	.gallery_area .gallery_wrap { position:relative; width:100%; margin:20px auto; }
	.gallery_area .gallery_wrap h2 { font-size:16px!important; height:40px; border-bottom:1px solid #505063; }
	.gallery_area .gallery_wrap h2 span { position:absolute; top:3px; right:0; }
	.gallery_area .gallery_wrap p { padding:5px 0; }



/*  sub layout */
	#sub_background { width:100%; height:347px; position:relative; margin-top:-87px; z-index:2; }
	#sub_background .background_txt { position:relative; width:1140px; margin:0 auto; top:150px; z-index:99;}
	#sub_background .background_txt div { width:1000px; text-align: left; }
	#sub_background .background_txt div span { font-family:'NotoSansKRB'; font-size:21px; line-height:1; color:#fff; }
	#sub_background .background_txt div h1 { font-family:'NotoSansKRC'; font-size:32px; line-height:1.2; color:#fff; letter-spacing:-2px; padding:8px 0; }
	#sub_background .background_txt div span.btm_title { font-family:'NotoSansKRB'; font-size:16px; line-height:1; color:#fff; letter-spacing:-0.5px; padding:9px 0 0; width:670px; display: block; text-align: left; }

	#location_wrap { width:100%; height:50px; background:#f9f9f9; border-bottom:1px solid #dcdcdc; } 
	#location_wrap a { font-family:'NotoSansKRB'; } 
	#location_wrap .location_Cnt { position:relative; margin:0 auto; width:1140px; } 
	#location_wrap .location_Cnt .noticeWrap { position:absolute; top:8px; right:0px; width:250px; } 

	#content_Wrap { width:100%; }
	#content_Wrap .conts_title { margin:30px 0; font-size:25px; line-height:120%; text-align:center; font-family:'NotoSansKRB'; }
	#content_Wrap .conts_wrap { width:1140px; margin:0 auto; }
	#container { position:relative; padding:0; min-height:500px; }

	#footer {padding:13px 0; background:#1f1f1f; height:160px; }
	#footer .ftCntWrap { max-width:1140px; margin:0 auto; }
	#footer .ftCntWrap .ListWrap { max-width:1140px; margin:0 auto; border-bottom:1px solid #363636; padding-top:5px; }
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li { float:left; font-size:15px; height:40px; background:url(/img/bar.gif) 0 10px no-repeat;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li > a { display:block; padding:0 25px; color:#aaaaaa; font-family:NotoSansKRB;  }
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child {background:none;}
	#footer .ftCntWrap .ListWrap .ftEtcNavList > li:first-child > a {padding:0 15px 0 0;}
	#footer .ftCntWrap .ftLogo { float:right; padding-top:20px; }
	#footer .ftCntWrap .ftAddr { float:left; margin-top:20px; line-height:1.5; font-size:14px; color:#8d8c89; }

/*  sub cnt */
	.ideologyWrap {width:100%; overflow:hidden; margin-bottom:30px; font-family:'NotoSansKRB';}
	.ideologyWrap .mottoWrap { width:100%; height:300px; }
	.ideologyWrap .mottBg1 { background:url(/img/vision_bg.jpg) no-repeat; }
	.ideologyWrap .mottBg2 { background:url(/img/vision_bg2.jpg) no-repeat; }
	.ideologyWrap .mottBg3 { background:url(/img/vision_bg3.jpg) no-repeat; }
	.ideologyWrap .mottoWrap ul.mottoTxt { width:385px; padding:30px; }
	.ideologyWrap .mottoWrap ul.mottoTxt li.mottoTitle { font-size:22px; color:#fff; padding-bottom:30px; background:url(/img/sym_line.gif) no-repeat 0 45px;}
	.ideologyWrap .mottoWrap ul.mottoTxt li { font-size:16px; color:#8aa3bc; line-height:1.5; }

	.ideologyWrap .visionWrap { width:100%; }
	.ideologyWrap .visionWrap .visTitle { width:350px; margin:0 auto; font-size:22px; text-align:center; padding:50px 0; background:url(/img/sym_line.gif) no-repeat 165px 105px;}
	.ideologyWrap .visionWrap .visDesc { width:100%; font-size:16px; text-align:center; padding:0; }
	.ideologyWrap .visionWrap ul.visUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li { float:left; width:22.2%; height:330px; padding:20px; margin-right:3.4%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl li p.vis_title { font-size:16px; color:#000; }
	.ideologyWrap .visionWrap ul.visUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.visUl li p img { }

	.ideologyWrap .visionWrap ul.visUl2 { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li { float:left; width:31%; height:330px; padding:20px; margin-right:3.4%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.visUl2 li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.visUl2 li p.vis_title { font-size:16px; color:#000; }
	.ideologyWrap .visionWrap ul.visUl2 li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.visUl2 li p img { }


	.ideologyWrap .visionWrap ul.injUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li { float:left; width:15%; height:190px; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.injUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.injUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.injUl li p img { }

	.ideologyWrap .visionWrap ul.valueUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li { float:left; width:18%; height:190px; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.valueUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.valueUl li p { padding:10px 0; }
	.ideologyWrap .visionWrap ul.valueUl li p img { }

	.ideologyWrap .visionWrap ul.inUl { width:100%; margin:0 auto; font-size:18px; padding:10px 0; line-height:1.5; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li { float:left; width:18%; padding:20px; margin-right:2%; font-size:14px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; }
	.ideologyWrap .visionWrap ul.inUl li:last-child { margin-right:0;}
	.ideologyWrap .visionWrap ul.inUl li p { padding:5px 0; }
	.ideologyWrap .visionWrap ul.inUl li p.inTitle { font-size:18px; }

	.ideologyWrap .visionWrap .desc { font-size:18px; text-align:center; }


	.valueWrap { width:100%; }
	.valueWrap .valueTitle { width:200px; margin:0 auto; font-size:22px; text-align:center; padding:50px 0; background:url(/img/sym_line.gif) no-repeat 80px 105px;}
	.valueWrap p.descImg { max-width:1100px; margin:0 auto; padding-top:10px; }
	.valueWrap p.descImg img { width:100%; }

}