@charset "utf-8";

/*header*/
#header {position:relative;}

/*181001yu*/
/*
#header.sticky {z-index:200; position:fixed; top:0; left:0; right:0; height:82px; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.32);
    }

#header.sticky .gnb_wrap {height:82px; background:#353535;}
#header.sticky .gnb li>a {height:82px; line-height:82px; padding:0; color:#fff;}
#header.sticky .gnb_all {height:82px; background-color:#353535;}
#header.sticky .gnb_wrap h1 {position:absolute; top:10px; left:0; width:309px; height:82px; padding:0 0 0 23px;}
#header.sticky .gnb_wrap h1>a {display:block; width:271px; height:57px; background:url('../images/h1_logo_sticky.gif') no-repeat;}
#header.sticky .gnb_wrap h1>a>img {display:none;}
#header.sticky .hd_util {display:none;}
#header.sticky .sub_slogan {display:none;}
#header.sticky .gnbSubWrap {top:82px;} */
/*//181001yu*/

.hd_util {z-index:200; position:relative;}
.hd_util>.wrap {max-width:1200px; margin:0 auto; text-align:right; height:39px;}
.hd_util a {position:relative; display:inline-block; height:39px; padding:0 10px; line-height:39px; color:#fff; font-size:14px; font-weight:700; opacity:0.73;}/*181001yu*/
/*.hd_util a:nth-child(2):after {content:''; position:absolute; top:12px; left:-3px; width:1px; height:12px; border-left:1px solid #748393;}*/
.hd_util a:after {content:''; position:absolute; top:12px; left:-3px; width:1px; height:12px; border-left:1px solid #748393;}
.hd_util a:first-child:after {display:none;}
.hd_util a.eng {width:113px; padding:0; text-align:center; background:#000;}/*181001yu*/
.hd_util a.eng:after {display:none;}/*181001yu*/
.hd_util a:hover {opacity:1;}/*181001yu*/

.gnb_wrap {z-index:200; position:relative; height:113px; background:#fff;}
.gnb_wrap>.wrap {position:relative; max-width:1200px; margin:0 auto; }
.gnb_wrap h1 {position:absolute; top:0; left:0; width:309px; height:85px; padding:28px 0 0 23px;}

.gnb {position:relative; margin-left:332px; margin-right:113px;}
.gnb ul {position:relative;}
.gnb ul:after{content:'';display:block;clear:both}
.gnb li {float:left; width:115px; text-align:center; margin:0 5px}
.gnb li>a {display:block; padding:47px 0; color:#000; font-size:18px;}
.gnb li>a:hover {color:#65b428;}
.gnb_all {position:absolute; top:0; right:0;  width:113px;  height:113px; font-size:0; text-indent:-99999px; overflow:hidden; background:#ededed url('../images/gnb_all_manu.gif') no-repeat center;}

.gnbSubWrap {z-index:200; display:none; position:absolute; top:113px; left:0; right:0; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.gnbSubWrap .wrap {max-width:1200px; margin:0 auto;}

.gnbSub:after{content:'';display:block;clear:both} 
.gnbSub {display:table; width:100%; table-layout:fixed;}
.gnbSub>li {position:relative; display:table-cell; width:16.6%; padding-bottom:40px; border-right:1px solid #eee; box-sizing:border-box;}
.gnbSub>li:first-child {width:17%; border-left:1px solid #eee;}
.gnbSub>li:hover {background:#fcfcfc;}
.gnbSub>li:hover .sub:before{position:absolute; top:-1px; left:0px; content:''; display:inline-block; width:100%; height:1px; background:#6cb92b; }
.gnbSub>li em {display:inline-block; padding:30px 0 20px 25px; color:#65b428; font-weight:700;}
.gnbSub .sub {padding:0 0 0 25px;}
.gnbSub .btn_sview {display:none;}
.gnbSub .sub>li a {display:block; padding:6px 0 6px 8px; font-family:'Nanum Gothic'; color:#7d7d7d; font-size:14px; background:url('../images/blt_gnbsub.gif') no-repeat 0 12px;}
.gnbSub .sub:hover {background:#fcfcfc;}
.gnbSub .sub>li a:hover {color:#65b428;}
.gnbSub .sub_sub {display:none; padding:3px 10px 10px 10px;}

.gnbSubWrap.sub_all {height:500px;}
.gnb_all:hover .gnbSub .sub_sub {display:block !important;}

.btn_mgnb{display:none;}
.gnbMobile {display:none;}

.btn_mht{display:none;}
.hd_mobile {display:none;}

/*footer*/
#footer {padding:65px 0 58px 0; background:#2d2d2d;}
#footer>.wrap {position:relative; max-width:1200px; margin:0 auto; font-size:0; word-spacing:0; letter-spacing:0;}
#footer>.wrap:after{content:'';display:block;clear:both}
#footer .ft_logo {position:absolute; top:0; left:0; width:220px; height:100%; padding-left:15px; border-right:1px solid #4c4c4c; }
#footer .ftarea {margin-left:235px; min-height:72px; font-size:0; word-spacing:0; letter-spacing:0;}
#footer .ft_menu {display:inline-block; vertical-align:top;  min-height:72px; padding:0 10px; border-right:1px solid #4c4c4c;}
#footer .ft_menu:after{content:'';display:block;clear:both}
#footer .ft_menu li {position:relative; float:left; padding:10px 8px 0 8px;}
#footer .ft_menu li>a:after {content:""; position:absolute; top:12px; left:0; width:1px; height:13px; border-left:1px solid #6c6c6c;}
#footer .ft_menu li:first-child>a:after {border:none;}
#footer .ft_menu li>a {color:#fff; font-family:'Nanum Gothic'; font-size:14px; font-weight:700;}
#footer .ft_info {display:inline-block; vertical-align:top; padding-left:20px; color:#bbb;}
#footer .ft_info address, #footer .ft_info div {display:block; padding:6px 0 4px 0; font-family:'Nanum Gothic'; font-size:14px;} 
#footer .ft_info div span {padding-right:15px;}
#footer .ft_info div span>a {color:#bbb; font-family:'Nanum Gothic'; font-size:14px;}
#footer .ft_info div span>a:hover {text-decoration:underline;}

@media only screen and (max-width:1220px){
	.hd_util {position:static; display:block;}

	.gnb {display:none;}
	.gnb_all {display:none;}

	.btn_mgnb {display:block; position:absolute; top:0; right:0; bottom:0; width:113px; height:113px; font-size:0; text-indent:-99999px; overflow:hidden; background:#fff url('../images/mgnb_all_manu.gif') no-repeat center;}

	#header.sticky  .btn_mgnb {height:82px; background:#353535 url('../images/mgnb_view.gif') no-repeat center;}
	
	.gnbMobile {z-index:201; display:none; position:relative; position:fixed; top:39px; left:150px; right:0; bottom:0; height:100%;}/*181001yu*/
	.gnbMobile .wrap {height:100%; background:#282828;}
	.gnbMobile .top {height:113px;}
	.gnbMobile .top>.btn_mgnb {display:block; background:#282828 url('../images/mgnb_view.gif') no-repeat center; cursor:pointer;}
	.gnbMobile .mgnb {display:block; width:100%;}
	.gnbMobile .mgnb>li {position:relative; display:block; width:auto; padding:0; border:none;}
	.gnbMobile .mgnb>li:first-child {width:initial; border:none;}
	.gnbMobile .mgnb>li:hover {background:none;}
	.gnbMobile .mgnb>li:hover .sub:before{display:none;}
	.gnbMobile .mgnb>li em {display:inline-block; padding:0; color:#fff; font-weight:700;}
	.gnbMobile .mgnb>li a {display:block; padding:12px 30px; font-size:15px;}
	.gnbMobile .mgnb>li>a {color:#fff; background:#151515; border-bottom:1px solid #454545;}

	.gnbMobile .mgnb .sub {display:none; padding:0; background:#242424; }
	.gnbMobile .mgnb .sub>li {position:relative;}
	.gnbMobile .mgnb .btn_sview {position:absolute; top:8px; right:30px; display:block; width:20px; height:20px; text-indent:-999999px; font-size:0; overflow:hidden; background:url('../images/blt_mgnb_arr.png') no-repeat center;}

	.gnbMobile .mgnb .sub>li a {color:#fff; padding:10px 0 10px 60px; background:none; border-bottom:1px solid #454545;}
	.gnbMobile .mgnb .sub:hover {background:#242424;}
	.gnbMobile .mgnb .sub>li a:hover {color:#fff;}
	.gnbMobile .mgnb .sub_sub {display:none; padding:0; background:#333;}
	.gnbMobile .mgnb .sub_sub>li>a {padding-left:73px; color:#a8a8b9; border-bottom:1px solid #454545;}

	.gnbMobile .mb_sub_top {height:113px; background:#282828 url('../images/mgnb_view.gif') no-repeat 96% 43px;}
	.gnbMobile .btn_mgnb_close {display:block; position:absolute; top:20px; left:20px;}

	#footer .ft_menu {border-right:none; min-height:auto; margin-bottom:15px;}
	#footer .ft_info {display:block;}
}

@media only screen and (max-width:767px){
	.hd_util {display:none;}

	.gnb_wrap {height:56px;}
	.gnb_wrap h1 {width:172px; height:34px; padding:10px 0 0 10px;}

	.btn_mgnb {right:36px; bottom:0; width:56px; height:56px; background:#fff url('../images/mgnb_all_manu.gif') no-repeat center;}
	.btn_mht{display:block; position:absolute; top:0; right:0; width:36px; height:56px; text-indent:-99999px; font-size:0; overflow:hidden; background:url('../images/mgnb_ht.gif') no-repeat center;}

	#header.sticky .gnb_wrap h1 {position:absolute; top:22px; left:0; width:auto; height:32px; padding:0 0 0 18px;}/*181001yu*/
	#header.sticky .gnb_wrap h1>a {display:block; width:170px; height:32px; }/*181001yu*/
	#header.sticky .btn_mgnb {display:block; position:absolute; top:0; right:36px; bottom:0; width:56px; height:82px; font-size:0; text-indent:-99999px; overflow:hidden; background:#353535 url('../images/mgnb_view.gif') no-repeat center;}/*181001yu*/
	#header.sticky .btn_mht{display:block; position:absolute; top:0; right:0; width:36px; height:82px; text-indent:-99999px; font-size:0; overflow:hidden; background:url('../images/mgnb_w_h.gif') no-repeat center;}/*181001yu*/

	.gnbMobile {top:56px; left:60px; bottom:56px;}
	.gnbMobile .top {display:none;}
	.gnbMobile .btn_mgnb_close {top:15px; left:-40px;}

	.hd_util>.wrap {text-align:left;}
	.hd_util a.eng {position:absolute; top:0; right:0; width:57px; padding:0; text-align:center; background:#5e5d5d;}

	.hd_mobile {z-index:201; display:none; position:absolute; top:56px; left:0; right:0;  text-align:left; height:39px; background:#000;}
	.hd_mobile a {position:relative; display:inline-block; height:39px; padding:0 10px; line-height:39px; color:#fff; font-size:14px; font-weight:700;/* opacity:0.73;*/}
	.hd_mobile a:after {content:''; position:absolute; top:12px; left:-3px; width:1px; height:12px; border-left:1px solid #748393;}
	.hd_mobile a:first-child:after {display:none;}
	.hd_mobile a.eng {position:absolute; right:0; width:63px; padding:0; text-align:center; background:#5e5d5d;}
	.hd_mobile a.eng:after {display:none;}

	#footer {padding:25px 0;}
	#footer .ft_logo {position:static; display:block; margin-bottom:27px; border-right:none;}
	#footer .ftarea {margin-left:0; min-height:none;}
	#footer .ft_menu {margin-bottom:25px;}
	#footer .ft_menu li>a:after {display:none;}
	#footer .ft_info {padding-right:20px; line-height:1.4;}
	#footer .ft_info div span {display:block;}
}

.dimed {z-index:100; display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.mask {z-index:200; display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.75);}

/*Ext Feature 180920*/
.ext-content{position:relative; width:100%; height:100%; background:#fbfbfb;}
.ext-text{position:relative; width:100%; margin:0 auto; padding:140px 0;}
.hs-wrap{max-width:570px; margin:0 auto; padding:47px 30px 53px; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid rgba(0,0,0, .5);}
.hs-wrap p { padding-top:30px; line-height:1.4; font-size:15px;}
.hs-line-6{position:relative; margin-top:0; font-size:19px;	font-weight:400; line-height:1.2; opacity: .35;}
.hs-line-6.no-transp{opacity:1;}
.hs-line-12{position:relative; margin-top:0; font-size:70px; font-weight:400; line-height:1.2; text-transform:uppercase; letter-spacing:0.4em; font-family:Verdana, Geneva, sans-serif;}
.font-alt{text-transform:uppercase; letter-spacing:0.2em;}
@media only screen and (max-width:767px){
	.hs-line-12{font-size:52px;}
}


/*190605_팝업레이어*/
.popup {z-index:999; position:absolute; right:20px; top:39px; float:; background:#f6f6f6; width:600px;
	-webkit-box-shadow: 2px 2px 10px 10px rgba(0,0,0,0.17);
	-moz-box-shadow: 2px 2px 10px 10px rgba(0,0,0,0.17);
	box-shadow: 2px 2px 10px 10px rgba(0,0,0,0.17);}
.popup .wrapper {position:relative;}
.popup .wrapper .pop_close {position:absolute; top:0; right:0; z-index:999;}
.popup .wrapper .pop_close img {padding:15px;}
.popup .wrapper .title {padding:36px 0 10px 0; font-size:22px; text-align:center; font-weight:bold; position:relative; border-bottom:1px solid #fff;}
.popup .wrapper .contents {padding:25px 30px;}
.popup .close {border-top:1px solid #ccc; padding: 10px 0 15px; background:#444;}
.popup .close label {vertical-align:middle; cursor:pointer;}
.popup .close span {font-size:13.5px; color:#ccc; padding-left:30px;}
.popup .close em {width:50px; text-align:center; border-radius:3px; border:1px solid #888; font-size:11px; color:#fff; display:inline-block; cursor:pointer; padding:5px 0; position:absolute; right:30px;}
.popup .close input {font-size:100%; vertical-align:middle;}

.popup p {font-size:14px; line-height:1.4;}
.popup .popTitle {font-size:22px; text-align:center; font-weight:bold;}
.popup .popStitle {font-size:15px; font-weight:bold; display:inline-block; border-left:7px solid #a0ce4e; padding:0 8px; margin-bottom:8px;}
.popup .btnDetail {margin:0 auto 30px; text-align:center;}
.popup .btnDetail span {display:inline-block; background:#a0ce4e; padding:10px 50px; color:#fff; font-size:17px; border-radius:12px;}
@media all and (max-width:979px) {
	.popup {right:50%; margin-right:-300px;}
}
@media all and (max-width:767px) {
	.popup {width:90%; right:50%; margin-right:-45%; /* top:10px; */}
	.popup .wrapper .contents {padding:25px 18px;}
}

/*190609_팝업레이어*/
.m_popup-div {display:none;}
@media all and (max-width:767px) {
/*@media all and (max-width:979px) {*/
	.popup-div {display:none;}
	.m_popup-div {display:block;}
}