@charset "euc-kr";

@import "reset.css";
@import "contents.css";
@import "board.css";

#wrapper {max-width:100%;}

#quickConsult {position:fixed;top:189px;left:-268px;width:267px;height:553px;border:1px solid #ccc;background:url(../images/common/quickConsult_bg.gif) repeat;z-index:999;}
#quickConsult .show-close-btn {position:absolute;top:0;left:100%;width:42px;height:218px;background:#49a9c2;border:1px solid #ccc;border-left:0;}
#quickConsult .show-close-btn a {display:block;height:195px;padding:25px 10px 0 10px;text-align:center;color:#fff;font-size:16px;}
#quickConsult .quickConsult-tit {display:block;width:100%;padding:18px 0;background:#f05127;text-align:center;color:#fff;font-size:16px;font-weight:normal;}
#quickConsult .quick-consult-form {padding-top:25px;}
/* ½ºÆè¹æÁöÄÚµå Ãß°¡ 20160816 ·Î °£°Ý º¯°æ < */
/* #quickConsult .quick-consult-form ul li {margin-bottom:13px;overflow:hidden;} */
#quickConsult .quick-consult-form ul li {margin-bottom:0;overflow:hidden;}
#quickConsult .quick-consult-form ul .w-spam {margin-bottom:10px;}
#quickConsult .quick-consult-form ul .w-spam input[type=text] {width:70px;margin:0 2px;}
#quickConsult .quick-consult-form ul .w-spam img {vertical-align:middle;}
/* ½ºÆè¹æÁöÄÚµå Ãß°¡ 20160816 ·Î °£°Ý º¯°æ > */
#quickConsult .quick-consult-form ul li input[type=text] {width:150px;height:30px;line-height:30px;padding:0 5px;border:1px solid #ccc;}
#quickConsult .quick-consult-form ul li select {width:162px;height:32px;padding:5px 0 5px 5px;border:1px solid #ccc;}
#quickConsult .quick-consult-form ul li .w-tit {display:block;float:left;width:84px;height:32px;line-height:32px;text-align:center;font-size:13px;}
#quickConsult .quick-consult-form ul li .inp {display:block;float:left;width:183px;font-size:13px;}
#quickConsult .quick-consult-form ul .w-tel input[type=text] {width:36px;margin:0 2px;}
#quickConsult .quick-consult-form ul .w-tel input[type=text]:first-child {margin-left:0;}
#quickConsult .quick-consult-form ul .w-memo .w-tit {line-height:50px;}
#quickConsult .quick-consult-form ul .w-memo textarea {width:150px;height:38px;padding:5px;border:1px solid #ccc;resize:none;}
#quickConsult .consult-private {padding:0 20px;}
#quickConsult .consult-private .tit-private {padding-bottom:13px;}
#quickConsult .consult-private textarea {width:201px;height:74px;padding:12px;border:1px solid #ccc;line-height:1.5;resize:none;color:#666;}
#quickConsult .consult-private .agreed-private {padding:12px 0 18px 0;}
#quickConsult .consult-private .agreed-private input {margin-right:5px;}
#quickConsult .consult-btn {margin-bottom:19px;text-align:center;}
#quickConsult .consult-btn button {width:227px;height:38px;background:#ffa200;color:#fff;font-size:15px;font-weight:bold;}
#quickConsult .consult-bot-txt {text-align:center;font-size:14px;font-weight:bold;}


#header {position:relative;max-width:100%;z-index:900;}
#header .header-top {position:relative;height:100px;margin:0 auto;}
#header .header-top h1 {max-width:100%;padding:10px 0;text-align:center;}
#header .header-top .util {position:absolute;top:40px;right:0;}
#header .header-top .util ul li {float:left;padding:0 13px;line-height:1;border-right:1px solid #999;}
#header .header-top .util ul li a {font-size:13px;}
#header .header-top .util ul li.last {padding-right:0;border-right:0;}

#gnb {position:absolute;left:0;top:100px;width:100%;background:#fff;}
#gnb:hover .inner {height:224px;border-bottom:1px solid #e8e8e8;}
#gnb .inner {width:100%;height:49px;background:url(../images/common/gnb_bg.gif) repeat-x left top;overflow:hidden;}
#gnb .inner .menu-list {width:1200px;margin:0 auto;overflow:hidden;}
#gnb .inner .menu-list .dep1 {float:left;width:150px;}
#gnb .inner .menu-list .dep1 .dep1-item {display:block;height:49px;line-height:49px;border-left:1px solid #5367a2;text-align:center;color:#fff;font-size:16px;letter-spacing:-0.08em;}
#gnb .inner .menu-list .dep1 .item-type1 {background:#f05127;border-left:0;}
#gnb .inner .menu-list .dep1 .dep2 {height:175px;}
#gnb .inner .menu-list .dep1:hover .dep2 {border-left:1px solid #eee;border-right:1px solid #eee;background:#f8f8f8;}
#gnb .inner .menu-list .dep1 .dep2 li {width:100%;}
#gnb .inner .menu-list .dep1 .dep2 li a {display:block;padding:8px 0;text-align:center;color:#767676;font-size:13px;}
#gnb .inner .menu-list .dep1 .dep2 li a:hover {background:#3177d7;color:#fff;}

#container {}

/* footer */
#footer {width:100%;padding:30px 15px; text-align:center; box-sizing:border-box;}

#footer p{font-size:16px; line-height:1.5; margin-bottom:15px;}
#footer .copyright{font-size:16px;}


.bot-box-area {width:1200px;padding:42px 0 37px 0;margin:0 auto 30px auto;border-bottom:1px solid #b3b3b3;background:url(../images/main/bot_box_area_bg.gif) repeat-x;}
.bot-box-area .bot-box-list {overflow:hidden;}
.bot-box-area .bot-box-list li {float:left;width:300px;height:214px;}
.bot-box-area .bot-box-list .bot-cs-box {width:275px;padding-left:15px;}
.bot-box-area .bot-box-list .bot-cs-box .tit {display:block;padding-bottom:13px;font-family:'Nanum Gothic';font-size:28px;letter-spacing:-0.08em;}
.bot-box-area .bot-box-list .bot-cs-box .tit span {color:#eb40a6;}
.bot-box-area .bot-box-list .bot-cs-box .s-tit {padding-bottom:20px;font-size:13px;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-cs-box .txt {padding-left:110px;margin-bottom:25px;background:url(../images/main/bot_cs_ico.gif) no-repeat 32px center;line-height:1.5;font-size:13px;}
.bot-box-area .bot-box-list .bot-cs-box .tel-num {padding-left:20px;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;letter-spacing:-0.02em;}
.bot-box-area .bot-box-list .bot-btn-box p {display:block;width:245px;height:43px;font-size:12px;font-weight:bold;}
.bot-box-area .bot-box-list .bot-btn-box .bot-btn1 {padding-left:55px;line-height:43px;background:url(../images/main/bot_box_btn_bg_01.jpg) no-repeat left top;}
.bot-box-area .bot-box-list .bot-btn-box .bot-btn2 {padding-left:55px;line-height:43px;background:url(../images/main/bot_box_btn_bg_02.jpg) no-repeat left top;}
.bot-box-area .bot-box-list .bot-btn-box .bot-btn3 {padding-left:55px;line-height:43px;background:url(../images/main/bot_box_btn_bg_03.jpg) no-repeat left top;}
.bot-box-area .bot-box-list .bot-btn-box .bot-btn4 {text-align:center;width:280px;height:85px;line-height:43px;color:#f34a1f;font-size:13px;background:url(../images/main/bot_box_btn_bg_05.jpg) no-repeat left top;}
.bot-box-area .bot-box-list .bot-btn-box .bot-btn4 .big {font-size:25px;line-height:20px;}
.bot-box-area .bot-box-list .bot-recruit-box {background:url(../images/main/bot-recruit-bg.gif) no-repeat right bottom;}
.bot-box-area .bot-box-list .bot-recruit-box .tit {display:block;padding-bottom:13px;font-family:'Nanum Gothic';font-size:24px;letter-spacing:-0.08em;}
.bot-box-area .bot-box-list .bot-recruit-box .tit span {color:#036098;}
.bot-box-area .bot-box-list .bot-recruit-box .s-tit {padding-bottom:20px;font-size:13px;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-recruit-box .txt1 {margin-bottom:24px;color:#666;font-size:15px;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-recruit-box .txt2 {line-height:1.5;font-size:14px;font-weight:bold;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-recruit-box .txt2 .color1 {color:#175c85;}
.bot-box-area .bot-box-list .bot-recruit-box .txt2 .color2 {color:#666;}
.bot-box-area .bot-box-list .bot-partner-box {width:275px;padding-left:25px;background:url(../images/main/bot-partner-bg.gif) no-repeat 70% bottom;}
.bot-box-area .bot-box-list .bot-partner-box .tit {display:block;padding-bottom:13px;font-family:'Nanum Gothic';font-size:24px;letter-spacing:-0.08em;}
.bot-box-area .bot-box-list .bot-partner-box .tit span {color:#43acc7;}
.bot-box-area .bot-box-list .bot-partner-box .s-tit {padding-bottom:10px;font-size:13px;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-partner-box .txt {margin-bottom:10px;line-height:1.5;color:#666;font-size:15px;letter-spacing:-0.04em;}
.bot-box-area .bot-box-list .bot-partner-box .txt .color2 {line-height:1.5;font-size:14px;font-weight:bold;letter-spacing:-0.04em;color:#666;}

.footer-top {height:53px;margin-bottom:32px;background:#dee0e5;}
.footer-top .inner {position:relative;width:1050px;padding:0 150px 0 0;margin:0 auto;}
.footer-top .f-top-txt {height:36px;padding:18px 0 0 47px;background:url(../images/common/footer_top_ico.gif) no-repeat left center;color:#595b61;font-size:14px;}
.footer-top .home-top-btn {position:absolute;top:20px;right:22px;}
.footer-top .home-top-btn .f-top-btn {margin-left:13px;}
.footer-bottom {position:relative;width:1200px;margin:0 auto;}
.footer-bottom .f_nav {width:100%;margin-bottom:15px;}
.footer-bottom .f_nav ul {overflow:hidden;}
.footer-bottom .f_nav ul li {float:left;margin-right:15px;}
.footer-bottom .f_nav ul li a {font-size:13px;font-weight:bold;}
.footer-bottom .copyright-area {width:100%;}
.footer-bottom .copyright-area .address {margin-bottom:5px;line-height:1.5;color:#666;font-size:13px;}
.footer-bottom .copyright-area .copyright {line-height:1.5;color:#aaa;}
.footer-bottom .copyright-area .copyright span {color:#336699;font-weight:bold;}
.footer-bottom .sns-btn {position:absolute;top:10px;right:0;font-size:0;}
.footer-bottom .sns-btn a {display:inline-block;margin-left:10px;}



.box_style03 { background-color:#fff; border:1px solid #ccc; color:#444; }