@charset "utf-8";

@import url('font.css');


/* ****************** HEADER ********************** */
#header{
	position:absolute; border-bottom:0px solid #ebebeb; height:100px; top:0; left:0; width:100%; min-width:1300px;; z-index:9; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}	/* 배경위에 헤더가있으면 absolute변경 후 headerInnerWrap 배경삭제 */
#headerInnerWrap{
	position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9; 
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	transition:background-color 0.3s
}
#headerInner{
	position:relative; height:100%; width:100%; margin:0px auto; padding:0 ;  
	-webkit-transition:padding 0.3s;
	-moz-transition:padding 0.3s;
	-o-transition:padding 0.3s;
	-ms-transition:padding 0.3s;
	transition:padding 0.3s
}
#header .logo{position:relative; z-index:100; float:left; margin:55px 5%;}	
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top;}
#header .logo img.off{display:block;}
#header .logo img.on{display:none;}


/* -------- 오른쪽 메뉴 -------- */
.header-util-box{position:absolute; top:45px; right:3%; z-index:9;}
ul.header-menu-list{float: right;}
ul.header-menu-list li{float: left; margin-left: 15px;}
ul.header-menu-list li:nth-child(2) .link:before, ul.header-menu-list li:nth-child(3) .link:before, ul.header-menu-list li:nth-child(4) .link:before{position: relative; top:1px; margin-right: 15px; display: inline-block; content: ''; width: 1px; height: 12px; background-color: rgba(255,255,255,0.8);}
ul.header-menu-list li .link{display: block; font-size:14px; line-height: 36px; font-weight:300; letter-spacing:0; color: rgba(255,255,255,1.0);}




/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:8;}	/* gnb overlay BG */
#gnb{ position:absolute; text-align:right; top:0; right:0; width:100%; z-index:8; }
#gnb > ul{display:inline-block; *display:inline;*zoom:1; margin:40px 3.5%;}
#gnb > ul > li{position:relative; float:left; padding:0 40px; word-break:keep-all;}
#gnb > ul > li.gnb1{width: ;}
#gnb > ul > li.gnb2{width: ;}
#gnb > ul > li.gnb3{width: ;}
#gnb > ul > li.gnb4{width: ;}
#gnb > ul > li.gnb5{width: ;}
#gnb > ul > li.gnb6{width: ;}
#gnb > ul > li > a{
position:relative; background:#; z-index:100; display:block; height:60px; line-height:60px; /* padding:0 37px; */ font-family: 'Pretendard-Regular'; color:#fff; font-size:21px; letter-spacing:0; font-weight:500; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
#gnb > ul > li > a span{display: inline-block; position: relative;}
#gnb > ul > li > a span:before { display:;
	content:""; position:absolute; left:-20px; top:65px; width:0; left:50%; height:2px; background-color:#1f98ff; border-radius:0;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; z-index:-1;
}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a{color:#1f98ff;}
#gnb > ul > li > a:hover span:before, #gnb > ul > li.on > a span:before, #gnb > ul > li.active > a span:before{width:calc(100% + 40px); left:-20px;}

/* GNB :: 2차 전체메뉴 */
#gnbBg{display:none; position:absolute; left:0; top:0; width:100%; height:300px; background:rgba(0,0,0,0.5); border-bottom:0px solid #ddd; z-index:98}	/* gnb 2depth BG */
#gnb.total-menu > ul > li .gnb-2dep{
	display:none; 
	position:absolute; 
	/* top:95px; height:295px; */top: 15px;
	left:0; 
	z-index:99;
	width:100%; 
	height:300px;
	text-align:center;
}
#gnb.total-menu > ul > li .gnb-2dep ul{padding:70px 0px 15px;}
#gnb.total-menu > ul > li .gnb-2dep ul li{position:relative;}
#gnb.total-menu > ul > li .gnb-2dep ul li a{display:block; padding:6px 0; color:#fff; font-size:16px; letter-spacing:0.5px; font-weight:300; line-height:1.3; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
#gnb.total-menu > ul > li .gnb-2dep ul li a:hover{color:#1f98ff; text-decoration: ;}


/* -------- Header :: white ver. -------- */
#header.white{background-color: #fff;}
#header.white .logo img.off{display:none;}
#header.white .logo img.on{display:none;}
#header.white #gnb > ul > li > a{color: #222;}
#header.white ul.header-menu-list li .link{color: #777;}
#header.white ul.header-menu-list li:nth-child(2) .link:before {background-color: #c3c3c3;}


/* -------- Header :: over ver. -------- */
#header.over{/* background-color: #fff; */}
#header.over .logo img.off{display:none;}
#header.over .logo img.on{display:block;}
#header.over #gnb > ul > li > a{ font-weight:; color: #;}
#header.over #gnb > ul > li > a:hover, #header.over #gnb > ul > li.on > a{ color:#1f98ff; }
#header.over ul.header-menu-list li .link{color:#;}
#header.over ul.header-menu-list li:nth-child(2) .link:before {background-color: #c3c3c3;}

/* -------- Header :: over ver. -------- */
#header.fixed{/* background-color: #fff; */}
#header.fixed .logo img.off{display:none;}
#header.fixed .logo img.on{display:block;}



.common_info { background:url(../images/main_info.jpg) center; background-size:cover; padding:60px 0;}
.common_info .wrapper { width:1300px; margin:0 auto; overflow:hidden;}
.common_info .wrapper .title { float:left; color:#fff; }
.common_info .wrapper .title strong { display:block; margin-bottom:10px; font-family: 'Pretendard-Black'; font-size:1.7em; line-height:1.2em; letter-spacing:2.0px; }

.common_info .wrapper .tel { float:left; margin-left:300px; color:#fff; }
.common_info .wrapper .tel p { display:block; margin-bottom:15px; font-size:25px; }
.common_info .wrapper .tel ul li { margin:5px 0; }
.common_info .wrapper .tel ul li span { display:inline-block; width:50px;}
.common_info .wrapper .tel ul li strong { font-family: 'Pretendard-Black'; font-size:1.8em; line-height:1.2em; letter-spacing:0; }

.common_info .wrapper .bank { float:left; margin-left:100px; color:#fff; }
.common_info .wrapper .bank p { display:block; margin-bottom:15px; font-size:25px; }
.common_info .wrapper .bank img { display:block; margin:15px 0; }
.common_info .wrapper .bank strong { display:block; font-family: 'Pretendard-Black'; font-size:1.3em; line-height:1.6em; letter-spacing:0; }


.quick { position:fixed; top:200px; right:50px; z-index:9;}
.quick ul li { margin-bottom:15px; text-align:center; }


.common_bottom { background:url(../images/main_bottom_bg.jpg) center; background-attachment:fixed; background-size:cover; text-align:center;}


/* 푸터 */
#footer{ background:#111; width:100%; padding:60px 0; z-index:99999;}
#footer .wrapper{ display:flex; justify-content:space-between; width:1300px; margin:0 auto; }
#footer .footer_logo {flex-basis:10%; }
#footer .footer_logo li { margin-bottom:;}
#footer .admin {  }
#footer .admin li {display:inline-block; padding:0 10px; font-size:15px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address {flex-basis:55%; border-left:1px solid #383838; padding-left:50px; margin-left:50px; font-size:14px !important; color:#8f8f8f; line-height:21px; letter-spacing:0; }



/* 빠른 온라인 상담 서비스*/
.online { background:url(../images/main_online_bg.jpg) center; background-attachment:fixed; background-size:cover; padding:50px 0 0; }
.online .wrapper { width:1300px; margin:40px auto 0; }
.online .wrapper .txt { text-align:center; }
.online .wrapper .phone { position:relative; width:311px; margin:60px auto 0;}
.online .wrapper .phone .content { position:absolute; left:50%; top:70px; width:80%; margin-left:-40%;}

.online .inputNumber { margin-top:; overflow:hidden;}
.online .inputNumber ul li { display:block; width:100%; margin:12px 0; color:#fff; }
.online .inputNumber ul li .tit { float:left; width:20%; font-size:15px; color:#fff; line-height:40px;}
.online .inputNumber ul li input { width:74%; padding:5px; height:25px; background:#f8fafb; border:0px #dee3f1 solid; font-size:15px; color:#333; border-radius:3px; margin-left:4px;}
.online .inputNumber ul li select { width:77%; padding:5px; height:35px; background:#f8fafb; border:0px #dee3f1 solid; font-size:15px; color:#333; border-radius:3px; margin-left:4px; margin-top:5px;}

.online textarea[name=messagebox] {background:#f8fafb; border:0px #dee3f1 solid; width:90%; height:80px; padding:5%; font-size:12px; color:#333; line-height:19px;overflow:hidden;border-radius:5px;}
.online .inputText .textNum { font-size:11px; color:#fff; text-align:right; line-height:13px; margin-top:3px;}
.online .checkPrivacy { display:block; margin-top:3px; }
.online .checkPrivacy a { font-size:14px; color:#fff; }
.online input[name=btnSMS] {background:#1e98ff; border:0px #3b3b3b solid; width:100%; height:40px; padding:5px; font-size:15px; font-weight:600; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px; cursor:pointer;}



/*------------ SMS--------------*/
#sendSMS { width:230px; border-radius:5px; overflow:hidden; position:fixed; bottom:10px; right:10px; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); }
#sendSMS .title {background:#ea112c; text-align:center; padding-top:10px; height:32px; font-weight:bold; }
#sendSMS .contents { background:#fff; border:1px #dee3f1 solid; border-top:none; padding:15px 13px; }
#sendSMS .contents textarea[name=messagebox] {background:#f8fafb; border:1px #dee3f1 solid; width:170px; height:52px; padding:15px;font-family: "돋움€"; font-size:12px; color:#333; line-height:19px;overflow:hidden;border-radius:5px;}
#sendSMS .inputText .textNum {font-family: "돋움€"; font-size:11px; color:#333; text-align:right; line-height:13px; margin-top:3px;}

#sendSMS .inputNumber {overflow:hidden; margin-top:7px;}
#sendSMS .inputNumber .telNum { float:left;font-family: "돋움€"; font-size:12px; color:#333; line-height:27px; letter-spacing:-0.5px; width:50px;}
#sendSMS .inputNumber input { float:left; width:33px; padding:5px; height:13px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움€" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}
#sendSMS .inputNumber select { float:left; width:143px; padding:5px; height:30px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움€" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}
#sendSMS .checkPrivacy {margin-top:5px; display:block;}
#sendSMS input[name=btnSMS] {background:#3b3b3b; border:1px #3b3b3b solid; width:200px; height:35px; padding:5px;font-family: "맑은 고딕€"; font-size:12px; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px;}

/*------------ 이메일--------------*/
.sendFormMail { width:430px; border-radius:5px; overflow:hidden; position:fixed; bottom:305px; right:10px; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); }
.sendFormMail > .title {background:#ea112c; text-align:center; padding-top:10px; height:32px; font-weight:bold; }
.sendFormMail .contents { background:#fff; border:1px #dee3f1 solid; border-top:none; padding:15px 13px; font-family: "돋움€"; font-size:12px; color:#333; }
.sendFormMail .contents legend { display:none;}

.sendFormMail .contents label { float:left; width:20%;line-height:26px; margin-bottom:5px;}
.sendFormMail .contents input[name=title] { float:left; width:80%;height:26px; padding:5px; background:#f8fafb; border:1px #dee3f1 solid;border-radius:3px; box-sizing:border-box;margin-bottom:5px;}
.sendFormMail .contents .email { float:left; width:80%;height:26px; padding:5px; background:#f8fafb; border:1px #dee3f1 solid;border-radius:3px; box-sizing:border-box;margin-bottom:5px;}
.sendFormMail .contents textarea[name=emailbox] {float:left; width:80%;height:60px; background:#f8fafb; border:1px #dee3f1 solid;  padding:5px;border-radius:5px; box-sizing:border-box;margin-bottom:5px;}
.sendFormMail input[name=btnEmail] {background:#3b3b3b; border:1px #3b3b3b solid; width:200px; height:35px; padding:5px;font-family: "맑은 고딕€"; font-size:12px; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px;}