@charset "utf-8";

/*********************************************
	Header
**********************************************/

#header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	min-width: 1200px;
	height: 150px; background-color: rgba(0,0,0,0.5);
}

#header.subHead {background-color: transparent;}


#logo {
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 10;
    transform: translateY(-50%);
}
#logo img { width:70%; }
#btn_control_gnb {
    display: block;
    position: absolute;
    width: 110px;
    height: 90px;
    top: 50%;
    z-index: 910;
    right: 0;
    transform: translateY(-50%);
}
#btn_control_gnb:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;/* border: 1px solid #ffffff; */
}
#btn_control_gnb i {
	display: block;
	position: absolute;
	left: 37px;
	width: 37px;
	height: 4px;
	background: #fff;
}
#btn_control_gnb .item_01 {
	top: 29px;
}
#btn_control_gnb .item_02 {
	top: 43px;
}
#btn_control_gnb .item_02_1 {
	top: 43px;
}
#btn_control_gnb .item_03 {
	top: 57px;
}
#btn_control_gnb span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-indent:-9999px; 
}
#btn_control_gnb span.on {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
#btn_control_gnb span.off {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
#btn_control_gnb.open-gnb:before {
	border-color: #8e8b8a;
}
#btn_control_gnb.open-gnb span {
	color: #8e8b8a;
}
#btn_control_gnb.open-gnb i {
	background-color: #8e8b8a;
}
#btn_control_gnb.open-gnb span.on {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
#btn_control_gnb.open-gnb span.off {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
#btn_control_gnb.open-gnb .item_01, #btn_control_gnb.open-gnb .item_03 {
	top: 43px;
}
#btn_control_gnb.open-gnb .item_01, #btn_control_gnb.open-gnb .item_02 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
#btn_control_gnb.open-gnb .item_03, #btn_control_gnb.open-gnb .item_02_1 {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
#gnb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 0px;
	padding-left: 730px;
	
	/* background: url('../_img/bak_main_menu.png'); */
	z-index: 9;
}
.open-gnb #gnb {
	margin-top: 0;
}

@media all and (max-width: 1700px) {
#gnb {
	padding-left: 700px;
}
}

@media all and (max-width: 1580px) {
#gnb {
	padding-left: 600px;
}
}
@media all and (max-width: 1500px) {
#gnb {
	padding-left: 500px;
}
}
#gnb .menu-list li {
	box-sizing: border-box;
}
#gnb .menu-list li a {
	-ms-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#gnb .menu-list > li {
	float: left;
	padding: 55px 5%;
}
@media all and (max-width: 1450px) {
#gnb .menu-list > li {
	padding: 60px 4%;
}
}
@media all and (max-width: 1315px) {
#gnb .menu-list > li {
	padding: 60px 3%;
}
}
@media all and (max-width: 1220px) {
#gnb .menu-list > li {
	padding: 60px 2.5%;
}
}
#gnb .menu-list > li > a {
	display: block;
	position: relative;
	line-height: 38px;
	font-size: 17px;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
#gnb .menu-list > li.on > a, #gnb .menu-list > li > a:hover {
	color: #c8ae75;
}
#gnb .menu-list > li.on ul {
	height: 70px;
}
#gnb .menu-list > li ul {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 0px;
	overflow: hidden;
}
#gnb .menu-list > li ul li {
	border-left: 1px solid #7f8080;
}
#gnb .menu-list > li ul li:first-child {
	border-left-width: 0;
}
#gnb .menu-list .gnb-grid-2 > li {
	float: left;
	width: 50%;
}
#gnb .menu-list .gnb-grid-3 > li {
	float: left;
	width: 33.3333%;
}
#gnb .menu-list .gnb-grid-4 > li {
	float: left;
	width: 25%;
}
#gnb .menu-list .gnb-grid-5 > li {
	float: left;
	width: 20%;
}
#gnb .menu-list > li ul a {
	display: block;
	position: relative;
	text-align: center;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	background: #fff;
	color: #000;
	font-weight: 600;
}
#gnb .menu-list > li ul li.on > a, #gnb .menu-list > li ul a:hover {
	background: #373737;
	color: #fff;
}
#gnb .menu-other {
	position: absolute;
	right: 185px;
	top: 70px;
}
#gnb .menu-other li {
	float: left;
	padding: 0 13px;
}
#gnb .menu-other li a {
	color: #fff;
	font-size: 15px;
}

#gnbBox {position:fixed; top:0; left:0; width:100%; height:100%; min-height:800px; background:rgba(0,0,0,0.9); display:none; z-index:900;}
#gnbBox ul {position:absolute; top:50%; margin-top:-302px; width:100%; overflow:hidden;}
#gnbBox ul li {width:100%; text-align:center; font-size:31px; padding:40px 0; padding-left:100px; opacity:0;} 
#gnbBox ul li a {color:#fff; text-decoration:none;}
#gnbBox ul li a:hover {color:#aaa;}


/*********************************************
	footer
**********************************************/
#footer { width: 100%; overflow: hidden; border-top: 1px solid #d7d7d7; background: #66b4ce;}

#f_Txt { text-align:center; color:#fff; font-size: 12px; padding: 35px 0; }
#f_Txt span { padding:0 5px; }
#f_Copy { float:left; text-align: center; color: #fff; font-size: 12px; padding: 35px 0;}
#f_Sns { float:right; padding: 35px 0; }
#f_Sns li { float:left; padding:0 15px; }



/*********************************************
	quick_top_scroll
**********************************************/
#quick_top_scroll { display: none; position: fixed; right: 3%; bottom: 3%; max-width: 18.28125%; z-index: 10; -ms-transition: transform .2s ease; -webkit-transition: transform .2s ease; transition: transform .2s ease; }
#quick_top_scroll img, #quick_top_scroll a { display: block; }
#quick_link { padding: 100px 60px; }
#quick_link .inner { max-width: 1200px; margin: 0 auto; }



/*===== 온라인 팝업창 =====*/
.kims_detail {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999999999;} 

.kims_detail .kimsPopBox {display:none; position:absolute; top:50%; left:50%; box-sizing:border-box; overflow-y:auto; padding:40px 50px; width:800px; height:auto; max-height:800px;  background:#1c2230;}
.kims_detail .kimsPopBox h4 { width:100%; color:#fff; font-size:34px; font-weight:300; padding-bottom:30px; margin-bottom:20px;  border-bottom:5px solid #045aa0;}
.kims_detail .kimsPopBox > span { color:#CCC; }
.kims_detail .kimsPopBox p { margin-bottom:30px; }

.kims_detail .kimsPopBox a {display:block; width:470px; height:50px; background:#045aa0; color:#fff; text-align:center; line-height:50px; font-size:18px;}
.kims_detail .kimsPopBox .pop_close {position:absolute; top:65px; right:10px;cursor:pointer;}

.kims_detail .kimsPopBox#kims01 { margin-top: -420px; margin-left: -350px; background:#fff;  }
.kims_detail .kimsPopBox#kims01 .pop_close {right:40px; top:40px;}


.pop_img { float:left; width:100%; margin:0 auto; text-align:center;  margin-bottom:30px;}

ul.request_form { float:left; width:100%; overflow:hidden; box-sizing:border-box; background:#f8f8f8; padding:20px; }

ul.request_form li {position:relative; float:left; display:block; width:100%; min-height:50px; line-height:30px;  background:rgb(255,255,255,0.1);  box-sizing:border-box; border-bottom:1px solid #d2d2d2; overflow:hidden; padding:10px 15px 10px 135px; font-size:1.5em; }
ul.request_form li span {position:absolute; top:0; left:0; min-height:50px;  line-height:50px; padding-left:20px;   text-align:center; color:#000; font-weight:600;   }
ul.request_form li select {width:100%; height:40px; box-sizing:border-box; border:1px solid #d2d2d2; font-size:15px;}
ul.request_form li textarea {width:100%; height:200px; box-sizing:border-box; border:1px solid #d2d2d2; font-size:15px; padding:10px;}
ul.request_form li.full {width:100%;}


.btn_wrapper { clear:both; margin-top:30px !important; width:100%; text-align:center; overflow:hidden; box-sizing:border-box;}
.btn_wrapper span {  border-radius:5px;  cursor:pointer; display:inline-block;width:180px; height:55px; text-align:center; line-height:53px; font-size:1.4em; background:#ddd; margin-left:10px;}
.btn_wrapper span.send {background:#3368ba; color:#000;}
.btn_wrapper span.cancle {background:#e0dbd4;}

/* Header :: 언어선택 */

.global {position: absolute; right: 130px; top: 52%; z-index: 99; transform: translateY(-50%);}
.global a {font-size:16px; line-height: 1.6; color:#fff; text-decoration:underline; font-weight:bold }
.global a:hover {color: #c8ae75;}
.global button {position: relative; width:60px; height:60px; background:#bf9d5b; border-radius: 100%;}
.global button img {width: 20px;}
.global ul {display:none; position:absolute; top:65px; left:-1px; z-index:10; width:100%; border:1px solid #5c5c5c; background-color:#fff;}
.global ul li {}
.global ul li a {display:block; padding:0 10px; font-size:10px; line-height: 30px; color:#333;}
.global ul li a:hover {background: #f1f1f1;}