@charset "utf-8";

html, body { min-width:980px; max-width:1920px; margin:0 auto; }

.page_ready { height:100%; position:relative; overflow:hidden; }
.loading { display:none; width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:999; }
.loading img { margin:-120px 0 0 -60px; position:absolute; top:50%; left:50%; }
.loading .progress { width:250px; height:10px; margin:30px 0 0 -125px; background:#ddd; border-radius:5px; position:absolute; top:50%; left:50%; overflow:hidden; }
.loading .progress span { display:block; width:0; height:10px; background:#00aacf; position:absolute; top:0; left:0; }
.loading .progress_txt { width:250px; margin:50px 0 0 -125px; text-align:center; font-family:'tahoma'; font-size:14px; color:#666; position:absolute; top:50%; left:50%; }
.page_ready .loading { display:block; }

#wrap {position:relative; width:100%; height:100%; min-width:980px; max-width:1920px; }
#header_wrap {position:fixed; top:0; width:100%; height:80px; min-width:980px; max-width:1920px; margin:0 auto; display:block; z-index:9; text-align:center; background:#fff; }
#header_wrap .inner {position:relative; width:980px; height:80px; margin:0 auto; display:block; z-index:9; text-align:center;}
#header_wrap .inner h1 {position:relative; display:block; z-index:99998; float:left; }
#header_wrap .inner .nav {float:right; line-height:80px; }
#header_wrap .inner .nav .gnb {float:right; height:13px;}
#header_wrap .inner .nav .gnb li {float:left;  height:13px; margin: 0 0 0 47px;}
#header_wrap .inner .nav .gnb li a {float:left; display:block; height:13px;}

#container {position:relative;  margin-top:80px; min-width:980px; overflow:hidden; }
#container .section {width:100%;}
#container .section .inner {width:980px; margin:0 auto; text-align:center; box-sizing:border-box; }
#section01 {position:relative; margin:0 auto; }
#section01 #slider_wrapper .prev_btn_1 {position:absolute; top:50%; left:2%;}
#section01 #slider_wrapper .next_btn_1 {position:absolute; top:50%; right:2%;}


#slider_wrapper ul {margin: 0px; overflow:hidden; }
.bx-viewport, .bx-wrapper {position:relative; width:100%; height:100%; !important; top:0; left:0;  }
.main_slider {background-attachment:fixed; }
.main_slider, .main_slider li {height:calc(80vh - 80px) !important; }
.main_slider li {background-repeat:no-repeat; background-position:top center; background-size:cover; }

#section02 {position:relative; background:#fff; }
#section02 .inner {height:800px;  margin:0 auto; padding-top:150px; }
#section02 .solution {overflow:hidden; margin:33px 0 0 15px; }
#section02 .solution li {float:left; margin-right:10px;  }
#section02 .solution li.none {margin-right:0; }
#section02 .solution li a {display:inline-block; }
#section02 .s_popup {position:absolute; top:70px; left:50%; margin-left:-490px;  width:980px; height:730px; background:#fff; display:none; }
#section02 .s_popup .close_btn {position:absolute; top:30px; right:30px; }

#section03 {background:url('../images/main/section03_bg.jpg') no-repeat;/* #ffd101 */ /* background-size:cover; */ background-position:center center; background-attachment:fixed; }
#section03 .inner {height:650px; overflow:hidden; padding-top:50px; }
#section03 .inner p {margin-top:33px; }

#section04 {background:url('../images/main/section04_bg.jpg') no-repeat;/* #ffd101 */ /* background-size:cover; */ background-position:center center; background-attachment:fixed; }
#section04 .inner {height:700px; overflow:hidden; padding-top:150px; }
#section04 .inner p {margin-top:59px; }

#section05 {position:relative; background:#1c1d21; }
#section05 .inner {width:2000px !important; height:850px;/*  overflow:hidden; */ padding-top:150px; margin:0 auto; text-align:center; }
#section05 .inner h2 {width:980px;  padding-bottom:60px;/*  text-align:center; */ margin:0 auto; /* display:inline-block; */ padding-right:100px; }
#section05 .inner .work_slider {width:2000px; height:500px;  /* margin:0 auto;  */ margin-left:-50px; }
#section05 .inner .work_slider .item {position:relative; width:330px; height:500px; margin:0 80px; } 
#section05 .inner .work_slider .item a img {-webkit-box-shadow: -20px 20px 20px rgba(0,0,0,0.5); -moz-box-shadow: -20px 20px 20px rgba(0,0,0,0.5); box-shadow: -20px 20px 20px rgba(0,0,0,0.5);}
#section05 .inner .work_slider .item .txt {position:absolute; bottom:90px; left:30px; text-align:left; }
#section05 .inner .work_slider .item .txt p {color:#141414; }
#section05 .inner .work_slider .item .txt p.tit {font-size:18px; font-weight:600; }
#section05 .inner .work_slider .item .txt p.kinds {font-size:18px; font-weight:400; margin:8px 0 12px; }
#section05 .inner .work_slider .item .txt p.detail {font-size:13px; margin-top:5px; }
#section05 .inner .work_slider .item .txt p.detail span {font-size:13px; font-weight:600; }
#section05 .inner .prev_btn {position:absolute; top:460px; left:695px; }
#section05 .inner .next_btn {position:absolute; top:460px; right:695px; }

#section05 .inner .work_popup {position:absolute; top:0; left:50%; margin-left:-490px;  width:980px; height:850px; background:#fff; display:none; z-index:100; }
#section05 .inner .work_popup .close_btn {position:absolute; top:30px; right:30px; }

#section06 {background:#f3f3f3; margin:0 auto;  }
#section06 .inner {height:850px; overflow:hidden; padding-top:150px; }
#section06 .inner h2 {margin-bottom:60px; }
#section06 .inner .info {float:left; }
#section06 .inner .info p {text-align:left; }
#section06 .inner .info p.first {margin:30px 0 26px; }

#section06 .inner .consult_wrap {float:right; }
#section06 .inner .consult_wrap h3 {text-align:left; margin-bottom:13px; }
#section06 .inner .consult_wrap .consult {/* margin:30px auto 0; */}
#section06 .inner .consult_wrap .consult table {width:460px; line-height:20px;}
#section06 .inner .consult_wrap .consult table tbody tr {font-size:14px; /* padding:5px 5px 5px 0; */ text-align:left; vertical-align:middle; }
#section06 .inner .consult_wrap .consult table tbody td {width:460px; font-size:14px;/*  padding:5px 5px 5px 0;  */text-align:left; vertical-align:middle; }
#section06 .inner .consult_wrap .consult table tbody td.pt30 {padding:30px 0 24px; color:#606060; }
#section06 .inner .consult_wrap .consult select {width:460px; height:45px; border:1px solid #dddddd; font-size:14px; vertical-align:middle; color:#706a5f; margin:0 0px 0 0; padding-left:15px; display:inline; }
#section06 .inner .consult_wrap .consult input[type="text"] {width:460px; font-size:14px; color:#777777; background:#f3f3f3; padding-left:15px; height:50px; border:1px solid #dddddd; box-sizing:border-box; margin-bottom:5px; }
#section06 .inner .consult_wrap .consult input[type="checkbox"] {width:15px; height:15px; vertical-align:middle; background:#f3f3f3; margin-right:4px; }
#section06 .inner .consult_wrap .consult textarea {width:460px; height:190px; resize:none;  font-size:14px; border:1px solid #dddddd; background:#f3f3f3; outline: none !important; vertical-align:middle; padding:15px 0 0 15px; box-sizing:border-box; }
#section06 .inner .consult_wrap .consult .policy {vertical-align:initial; color:#606060; }
#section06 .inner .consult_wrap .btnL {text-align:left; }


/* footer */
#footer_wrap {position:relative; width:100%; height:120px; clear:both; background:#24272e; }
#footer_wrap .footer {width:999px; height:100%; margin:0 auto; overflow:hidden; }
#footer_wrap .footer p.copy {float:left; line-height:120px; }
#footer_wrap .footer .foot_menu {float:right; overflow:hidden; line-height:120px; }
#footer_wrap .footer .foot_menu li {float:left; margin-left:10px; margin-top:-12px; }



#quick_menu {/* position:absolute; left:50%; top:493px; width:118px; height:520px; margin-left:664px; */}
#quick_menu .quick {position:relative; width:118px; /* height:421px; */ height:360px; border:1px solid #e0e0e0; background:url('../images/common/quick_bg.gif') no-repeat left -44px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#quick_menu .quick h2 {position:absolute; top:-1px; left:-1px;}
#quick_menu .quick ul.list {position:relative; margin:37px 0 0 0;}
#quick_menu .quick dl.call {position:relative; margin:30px 0 0 0;}
#quick_menu .quick ul.sns {overflow:hidden; width:93px; margin:18px auto 0;}
#quick_menu .quick ul.sns li {float:left; padding-right:7px;}
#quick_menu .quick ul.sns li.none {padding-right:0;}
#quick_menu .topBtn {width:76px; height:76px; margin:22px auto 0; display:block; }


/* 개인정보취급방침 팝업 */
.policy_wrap { display:none; position:absolute; bottom: 50px; right:810px; width: 200px; height: 300px; background-color: #fff; border:1px #ccc solid; padding:20px; z-index:10 }
.policy_wrap .txt { font-size:11px; height:270px; overflow-y:scroll; margin-top:10px; color:#777; line-height:18px; }
.policy_wrap .pop_close { position: absolute; top:0; right:0; cursor:pointer; }

/* 버튼 */
a.btn_in_gray{display:inline-block; padding:4px 0px 4px 0px; font-size:12px; color:#fff; text-align:center; background:#666666;}
a.btn_in{display:inline-block; padding:6px 0px 6px 0px; font-size:12px; color:#fff; text-align:center; background:#007e76;}
a.btn_black{display:inline-block; padding:12px 20px 12px 20px; font-size:14px; color:#fff; text-align:center; background:#333333;}
a.btn_blue{display:inline-block; padding:10px 0px 10px 0px; font-size:14px; color:#fff; text-align:center; background:#4a647d;}
a.btn_gray{display:inline-block; padding:10px 0px 10px 0px; font-size:14px; color:#fff; text-align:center; background:#999999;}