@charset "utf-8";

#wrap {overflow:hidden; position:relative; width:100%; min-width:1200px;}
#main {position:relative; z-index:1;}

/*
#top_banner {overflow:hidden; position:relative; height:140px;}
#top_banner .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}
*/

#top_banner1 {overflow:hidden; position:relative; display: block; height:140px;}
#top_banner1 .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner1 .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}

#top_banner2 {overflow:hidden; position:relative; display: none; height:140px;}
#top_banner2 .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner2 .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}

#top_banner3 {overflow:hidden; position:relative; display: none; height:140px;}
#top_banner3 .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner3 .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}

#top_banner4 {overflow:hidden; position:relative; display: none; height:140px;}
#top_banner4 .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner4 .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}

#top_banner5 {overflow:hidden; position:relative; display: none; height:140px;}
#top_banner5 .img {position:absolute; top:0; left:50%; margin-left:-1000px;}
#top_banner5 .btn_close {position:absolute; top:16px; right:50%; z-index:2; margin-right:-600px}

#header {position:relative; z-index:2; height:182px; text-align:center;}
#header h1 {}
#header .top_util {position:absolute; top:9px; right:50%; z-index:2; margin-right:-600px}
#header .top_util li {float:left; position:relative;}
#header .top_util li+li:before {position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-4px; background:#cacbce; content:'';}
#header .top_util li.etc:before {display:none;}
#header .top_util li.etc a {padding:0 5px;}
#header .top_util a {display:block; padding:0 11px; font-size:14px; color:#767676; line-height:25px;}
#gnb {overflow:hidden; position:relative; height:52px; background:#00b2b2; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#gnb:before {position:absolute; top:52px; left:0; width:100%; height:500px; background:#fdffff; content:'';}
#gnb .gnb_wrap {position:relative; width:1700px; margin:0 auto;}
#gnb .gnb_list {display:inline-block; width:100%;}
#gnb .gnb_list > li {float:left; width:9.5%; height:500px; border-right:1px solid rgba(0,0,0,0.1); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#gnb .gnb_list > li:first-child {border-left:1px solid rgba(0,0,0,0.1);}
#gnb .gnb_list > li > a {display:block; position:relative; font-size:18px; color:#fff; line-height:52px; letter-spacing:-0.05em; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#gnb .gnb_list > li.c_dark > a {background:#009191;}
#gnb .gnb_list > li > a:before {position:absolute; top:0; left:50%; width:0px; height:1px; background:#00b2b2; content:''; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#gnb .gnb_list .sub {position:relative; padding-top:18px;}
#gnb .gnb_list .sub a {display:block; padding:7px; font-size:15px; color:#1e1e1e; line-height:18px; letter-spacing:-0.04em; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#gnb .gnb_list .sub a:hover {color:#259a9a;}
#gnb.on {height:300px; border-bottom:1px solid #333535;}
#gnb .gnb_list > li.on > a {color:#005353; background:#fff;}
#gnb .gnb_list > li.on >a:before {width:20px; margin-left:-10px;}

#gnb .gnb_list .w_size01 {width:7.5%;}
/* #gnb .gnb_list .w_size02 {width:13.5%;} */


#gnb.fixed_top {position:fixed; top:0; left:0; z-index:10000; width:100%; min-width:1200px;}


#lquick {position:fixed; top:50%; left:0; z-index:1111; width:100px; margin-top:-170px;}


#q_menu {position:fixed; top:0; right:0; width:100px; z-index:10000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#q_menu.on {width:530px;}
#q_menu .inwrap {position:absolute; top:0; left:0;}
#q_menu dl {width:100px; background:rgba(255,255,255,0.85); border:1px solid #333535;}
#q_menu dt {position:relative; z-index:1100; text-align:center; background:url('../images/common/img_dot.png') repeat-x left bottom;}
#q_menu dt a {overflow:hidden; display:block; height:95px; padding-top:62px; font-size:14px; color:#000000; font-weight:400; background:url('../images/common/q_menu2.png') no-repeat -9px center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#q_menu dt.on a, #q_menu dt a:hover {color:#fff; background-image:url('../images/common/q_menu_on3.png'); background-color:#259a9a;}
#q_menu dt.s01 a {background-position: 0 0;}
#q_menu dt.s02 a {background-position: 0 -95px;}
#q_menu dt.s03 a {background-position: 0 -190px;}
#q_menu dt.s04 a {background-position: 0 -282px;}
#q_menu dt.s05 a {background-position: 0 -373px;}
#q_menu dt.s09 a {height:111px; background-position: 0px -570px;}
#q_menu dt.s06,
#q_menu dt.s07 {padding:10px 0;}
#q_menu dt.q_top {height:56px;}
#q_menu dt.q_top a {height:56px; padding-top:0; background:none;}
#q_menu dd {position:absolute; top:0; left:100px; z-index:1099; width:430px; height:auto; min-height:823px; background:#ffffff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#q_menu .btn_close {position:absolute; top:20px; right:20px;}
#q_menu .box {padding:0 30px;}
#q_menu table {width:100%; text-align:center; table-layout:fixed; border-bottom:1px solid #e0e0e0;}
#q_menu th {position:relative; font-size:15px; color:#72706d; font-weight:400; line-height:42px; border-bottom:1px solid #e0e0e0;}
#q_menu th:last-child:before {position:absolute; top:12px; left:0; width:1px; height:19px; background:#e0e0e0; content:'';}
#q_menu td {font-size:13px; color:#232426; line-height:35px;}
#q_menu tbody tr:last-child td {}
#q_menu table .title a {overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
#q_menu table.type02 a.title {}
#q_menu table .state {display:inline-block; padding:0 8px; font-size:12px; color:#232426; line-height:17px;}
#q_menu table .state.ing {}
#q_menu table .state.complete {color:#fefefe; background:#11a7ba;}
#q_menu .q_customer .img {border:1px solid #dfdede;}
#q_menu .q_customer .img+.img {margin-top:5px;}
#q_menu dd img {vertical-align:top;}
.kakao .btn_area {overflow:hidden; }
.kakao .q_btn {float:left; color:#3d1e1c !important; border:3px solid #fbdd34; background:#fbdd34; cursor:pointer}

.form_table {width:100%;}
.form_table .th label {position:relative; display:block; font-size:15px; color:#72706d; line-height:25px; font-weight:300; border-right:1px solid #e0e0e0}
.form_table td {padding:9px 0 9px 30px; border-bottom:1px solid #e0e0e0; text-align:left; color:#999999; font-weight:300;}
.form_table td label {color:#999999; font-weight:300; font-size:13px;}
.form_table td * {vertical-align:middle;}
.form_table .th {padding:9px 0; }
.form_table select, .form_table input[type="text"] {border:1px solid #e0e0e0; height:30px; font-size:13px; color:#999999;}
.form_table .frow {overflow:hidden;}
.form_table select.hp {float:left; width:34%;}
.form_table input.hp {float:left; width:32%; margin-left:1%;}

.q_agree_box {display:none; position:absolute; top:170px; left:30px; width:371px; padding-bottom:20px; border:1px solid #1db7b3; background:#fff; letter-spacing:-0.04em;}
.q_agree_box strong {display:block; padding-left:20px; font-size:17px; color:#fefefe; line-height:60px; background:#1db7b3; }
.q_agree_box .btn_close02 {position:absolute; top:13px; right:20px;}
.q_agree_box .agree_cont {width:100%; height:250px; padding:20px; overflow-y:scroll; font-style:normal;}
.call .q_agree_box {top:193px;}

.chk_area {margin-top:15px;}
.chk_area .f_row {margin:0; border:0; padding:0;}
.chk_area label {display:inline-block; margin-left:5px; font-size:15px; color:#72706d;}
.q_btn_more {display:inline-block; margin-left:12px; padding:0 16px; font-size:14px; color:#fff !important; line-height:27px; background:#232426; cursor:pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.q_map_wrap {}
.q_map_wrap img {vertical-align:top;}
.q_map .q_btn {display:block; float:none; width:370px; margin:0 auto;}
.q_map_box {overflow:hidden; height:250px;}

.hp {width:30%;}
.half {width:50%;}
.full {width:100%;}
.email {width:46%; margin:2px 0;}

.q_btn.full {width:100%;}
.btn_area {overflow:hidden; margin-top:20px; text-align:center;}
.q_btn {float:left; width:50%; font-size:18px; color:#ffffff !important; height:57px; line-height:51px; text-align:center; border:3px solid #1db7b3; background:#1db7b3; box-sizing:border-box; cursor:pointer}
.q_btn+.q_btn {color:#232426 !important; background:#fff; }


#lnb {position:relative; z-index:100; width:1200px; height:60px; margin:-60px auto 0; text-align:center; }
#lnb ul {}
#lnb ul li {float:left; text-align:center; background:#2d3147;}
#lnb ul a {display:block; font-size:18px; color:#fff; text-align:center; line-height:60px;}
#lnb ul li.on a, #lnb ul li:hover a {display:block; background:#28999f;} 

#lnb .grid1 li {width:100%;}
#lnb .grid2 li {width:50%;}
#lnb .grid3 li {width:25%;}
#lnb .grid4 li {width:20%;}

#lnb .grid4_1 li {width:25%;}
#lnb .grid4_1 li a { line-height:22px; height:60px; padding-top:10px; }

#lnb .grid4_2 li {width:20%;}
#lnb .grid4_2 li a { line-height:22px; height:60px; padding-top:10px; }

#lnb .grid5 li {width:25%;}
#lnb .grid6 li {width:16.666%;}
#lnb .grid7 li {width:14.2857%;}
#lnb .grid8 li {width:20%;}





#sitemap .gnb_list {overflow:hidden; width:1700px; height:334px; margin:0 auto; padding:55px 0; word-break:keep-all;}
#sitemap .gnb_list > li {position:relative; float:left; width:12.5%; height:190px; padding:0 15px; border-right:1px solid #dfdfdf;}
#sitemap .gnb_list > li:first-child {border-left:1px solid #dfdfdf;}
#sitemap .gnb_list > li > a {display:block; padding-bottom:11px; font-size:17px; color:#4e4e4e; line-height:18px; font-weight:500;}
#sitemap .sub a {display:block; padding:4px 0; font-size:13px; color:#828282; line-height:22px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;} 
#sitemap .sub li:hover a {color:#259a9a;}
#sitemap .gnb_list .w_size01 {width:5%;}
#sitemap .gnb_list .w_size02 {width:9%; letter-spacing:-0.05em;}
#sitemap .gnb_list .w_size03 {width:11%;}
#sitemap .gnb_list .w_size04 {width:7%;}

#sitemap .last {position:absolute; top:200px; left:-1000px;}


footer {padding:63px 0 50px; background:#15161a; text-align:center; }
.footer_cont01 {overflow:hidden; width:1200px; margin:0 auto; padding-bottom:46px; border-bottom:1px solid #3d3e40;}
#menu_list {display:inline-block; padding-bottom:20px;}
#menu_list li {float:left; margin:0 12px;}
#menu_list li a {display:block; font-size:15px; color:#fff;}

address {font-size:14px; color:#ababac; line-height:26px;}

.footer_cont02 {display:inline-block; overflow:hidden; width:1200px; margin:0 -24px; padding-top:65px;}


#sns_link {float:left; width:309px;}

#q_counsel {float:left; width:525px; margin-left:50px; text-align:left;}
#q_counsel h2 {padding-bottom:20px; }
#q_counsel table {overflow:hidden; width:100%; height:150px;}
#q_counsel table td {padding-bottom:10px; font-size:14px; color:#bbbbbb; vertical-align:top; }
#q_counsel table td.pd01 {padding-left:20px;}
#q_counsel table td input[type="text"] {width:100%; height:28px; padding:0 10px; border:0; color:#fff; background:#313131; }
#q_counsel table td input[type="submit"] {width:145px; height:110px; background:#16b2b2; font-size:23px; color:#ffffff; cursor:pointer; vertical-align:center;}
#q_counsel table td input[type="checkbox"] {width:14px; height:14px; margin-right:5px; vertical-align:middle; line-height:15px; }
#q_counsel table td span {display:block; }
#q_counsel .agree_cont {width:100%; height:70px; padding:6px; font-size:13px; color:#8d8d8d; line-height:20px; background:#313131; overflow-y:auto; vertical-align:top;}
#q_counsel .td_chk {padding-left:20px;}
#q_counsel .td_chk label {letter-spacing:-0.5px;}
#q_counsel .th {}

.t-center {text-align:center;}
.t-s02 {padding-left:20px; vertical-align:top;}

#customer {float:left; width:260px; margin-left:50px; padding-top:5px; font-size:13px; text-align:left;}
#customer dl {overflow:hidden; padding:18px 0 0 44px;background:url('../images/common/ico_clock.png') no-repeat left 20px; }
#customer dt {float:left; width:50px;}
#customer dt, #customer dd {padding-top:7px; color:#89898a;}
#customer P {margin:26px 0 0 44px; color:#868686; letter-spacing:-0.5px;}
#customer p+p {margin-top:0;}


.favorite_wrap {text-align:center;}


/*
@media all and (max-width:1400px){
	#q_menu {right:-100px;}
	#q_menu.on {width:100px;}
}
*/