@charset "utf-8";

#wrap {overflow:hidden; position:relative; width:100%; min-width:320px; max-width:640px;}
#skip-nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; transition:top 0.3s;}
#skip-nav:focus {top:0;}

img {max-width:100%;}

header {position:fixed; height:60px; width: 100%; max-width: 640px; padding-top:10px; border-bottom:1px solid #d3d3d3; background:#ffffff; z-index: 100;}
header .btn_menu {position:absolute; top:11px; left:15px; font-size:11px; color:#2b2b2b; font-weight:bold; text-align:center; font-size: 21px;     border: 4px solid #3967c7;
    line-height: 1;     padding: 6px 10px;}
header .btn_menu img {display:block; width:30px;margin:0 auto; padding-bottom:2px;}
header h1 {padding-top:5px; text-align:center; width: fit-content; margin: 0 auto;}
header h1 img {width:185px;}
header .btn_counsel {position:absolute; top:10px; right:10px;}
header .btn_counsel img {width:60px;}

#gnb {position:absolute; top:0px; left:-640px; bottom:0px; z-index:1000; width:100%; background:#000000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#gnb:before {position:fixed; top:0px; left:0px; bottom:0px; width:0px; height:100000px; opacity:0; background:rgba(0,0,0,0.7); -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content:'';}
#gnb.on {left:0px;}
#gnb.on:before {width:640px; opacity:1;}
#gnb .gnb_top {height:60px; background:#464646;}
#gnb .gnb_top .btn_home {overflow:hidden; position:absolute; top:19px; left:23px; width:18px; height:19px; z-index:210;text-indent:-999px; background:url('../images/common/btn_home.png') no-repeat center; background-size:100% auto;}
#gnb .gnb_top .btn_close {overflow:hidden; position:absolute; top:18px; right:20px; width:17px; height:19px; z-index:210;text-indent:-999px; background:url('../images/common/btn_close.png') no-repeat center; background-size:100% auto;}
#gnb .top_menu {overflow:hidden;}
#gnb .top_menu img {float:left;}
#gnb > ul {overflow:hidden; position:relative; z-index:220; background:#333333;}
#gnb > ul > li > a{ display:block; position:relative; padding-left:20px; border-bottom:1px solid #000; font-size:16px; color:#b3b3b3; line-height:40px; font-weight:bold; background:#2c2c2c;}
#gnb > ul > li > a:after {position:absolute; top:50%; right:20px; width:15px; height:12px; margin-top:-6px; background:url('../images/common/ico_menu.png') no-repeat center; background-size:100% auto; content:'';}
#gnb > ul > li.on > a {border-bottom:1px solid #266464; color:#ffffff;}
#gnb > ul > li.on > a:after{background-image:url('../images/common/ico_menu02.png')}
#gnb ul ul {display:none; overflow:hidden; padding:15px 0; background:#000000;}
#gnb ul ul li a {display:block; padding-left:20px; font-size:15px; color:#a8a8a8; line-height:40px;}
#gnb > ul > li.on ul {display:block; position:relative; z-index:5;}

.dimmed_bg{display:none; position:fixed; top:0px; left:-40px; bottom:0px; right: 0px; z-index:200; height:100000px; background:rgba(0,0,0,0.5);}

#top_btn .top_btn_icon { width:40px; position:fixed; bottom:120px; right:23px; display:none; z-index:10000;}

#q_counsel {display:none; position:absolute; top:0; left:0; z-index:1001; width:100%; min-width:320px; max-width:640px;}
#q_counsel:before {position:absolute; top:0; left:0; bottom:0; right:0;  width:100%; height:2000px; background:rgba(0,0,0,0.7); content:'';}
#q_counsel.on {display:block;}
#q_counsel.fixed_top {position:fixed;}
.q_top {position:relative; height:56px; background:#2c2c2c;}
.q_top h2 {padding:20px; font-size:19px; color:#fff; font-weight:bold;}
.q_top h2 span {display:none;}
.q_top h2 span:first-child {display:block;}
.q_top .btn_close02 {position:absolute; top:20px; right:20px; width:18px; height:18px; text-indent:-999px; background:url('../images/common/btn_close02.png') no-repeat center; background-size:100% auto;}
.q_contents {}
.q_contents * {vertical-align:middle;}
.q_contents .cont_wrap {overflow:hidden; position:relative;background:#fff; text-align:right; }
.q_contents dl {display:inline-block; padding:10px 0; text-align:left; background:#f5f4f3; height:700px; }
.q_contents dl dt {position:relative; width:70px; background:url('../images/common/img_dot.png') repeat-x left bottom;}
.q_contents dl dt a {display:block; width:70px; padding:45px 0 10px; font-size:11px; color:#000000; text-align:center; background:url('../images/common/q_menu.png?rand=1') no-repeat center; background-size:cover;}
.q_contents dl dt.on a {background-image:url('../images/common/q_menu_on.png?rand=1')} 
.q_contents dt.s01 a {background-position:0 -13px;}
.q_contents dt.s02 a {background-position:0 -85px;}
.q_contents dt.s03 a {background-position:0 -150px;}
.q_contents dl dd {display:none; position:absolute; top:0; left:15px; right:85px; padding:20px 0;}
.q_contents dl dt.on+dd {display:block;}
#q_counsel .frow {margin-bottom:3px;}
#q_counsel .frow.type02 {margin:12px 0;}
#q_counsel .frow.type03 {overflow:hidden;}
#q_counsel textarea {overflow:auto; height:120px; width:100%; font-size:14px; color:#575757; background:#f5f5f5; border:1px solid #c7c7c7; }
#q_counsel input[type="text"] {height:40px; padding:0 10px; border:1px solid #e0e0e0; font-size:14px; color:#000000; background:#f7f7f7;}
#q_counsel select {height:40px; border:1px solid #e0e0e0; font-size:14px; color:#000000; background-color:#f7f7f7 !important;}
#q_counsel select.hp {float:left; width:34%;}
#q_counsel input.hp {float:left; width:32%; margin-left:1%;}
#q_counsel .frow label:first-child {margin-right:15px; padding:0 20px 0 10px; border-right:1px solid #e0e0e0; font-size:14px; color:#000; line-height:20px;}


.q_agree_box {display:none; position:absolute; top:100px; left:0px; right:0px; padding-bottom:10px; border:1px solid #1db7b3; background:#fff;}
.q_agree_box strong {display:block; padding-left:20px; font-size:14px; font-weight:bold; color:#fefefe; line-height:40px; background:#1db7b3;}
.q_agree_box .btn_close03 {position:absolute; top:10px; right:10px; width:20px;}
.q_agree_box .agree_cont {width:100%; height:250px; padding:10px; overflow-y:scroll; font-style:normal;}

.chk_area {margin-top:15px; margin-right:-10px;}
.chk_area p {margin:0 2px;}
.chk_area label {display:inline-block; margin-left:5px; font-size:12px; color:#72706d;}
.q_btn_more {display:inline-block; margin-left:5px; padding:0 6px; font-size:11px; color:#fff !important; line-height:20px; background:#232426; cursor:pointer;}

.q_btn.full {width:100%;}
.btn_area {overflow:hidden; margin-top:20px; text-align:center;}
.q_btn {float:left; width:50%; font-size:16px; font-weight:bold; color:#3d1e1c !important; height:45px; line-height:41px; text-align:center; border:2px solid #fbdd34; background:#fbdd34; box-sizing:border-box; cursor:pointer}
.q_btn+.q_btn {color:#232426 !important; background:#fff; }


#bottom_fixed_quick {position:fixed; left:0; bottom:0; z-index:100; width:100%; max-width:640px;}
#bottom_fixed_quick ul {overflow:hidden;}
#bottom_fixed_quick li {float:left; width:33.33%;}
#bottom_fixed_quick li img {width:100%;}

#b_counsel {padding:0 15px; background:#292a2f;}
#b_counsel table {width:100%; margin-bottom:25px;}
#b_counsel table * { vertical-align:middle;}
#b_counsel table td {padding:2px; font-size:13px; color:#adabab;}
#b_counsel table label {}
#b_counsel table td input[type="text"] {width:100%; height:25px; padding:0 5px; border:0; color:#fff; background:#595a5c;}
#b_counsel table td input[type="checkbox"] {margin:0 5px 0 70px; font-size:14px;}
#b_counsel table td button {width:100%; height:46px; margin-top:7px; font-size:21px; color:#ffffff; line-height:46px; font-weight:bold; background:#16b2b2; cursor:pointer;}
#b_counsel .agree-box {width:100%; height:80px; margin-bottom:5px; padding:7px; font-size:11px; color:#adabab; line-height:14px; background:#595a5c; cursor:pointer; overflow-y:auto; }
#b_counsel .t01 {font-size:13px;}


#bottom_qlink {padding:20px 10px 10px; background:#dee3e7;}
#bottom_qlink ul {} 
#bottom_qlink ul li {margin-bottom:10px; border:1px solid #dcdcdc;}
#bottom_qlink img {width:100%;}



#footer_cont02 {background:#15161a; text-align:center;}
#footer_cont02 h2 {padding-bottom:15px;}
#footer_cont02 h2 img {width:156px;}

#b_menu {display:inline-block; padding:14px 5px; font-size:0;}
#b_menu li {display:inline-block;margin-right:1px; padding:0 7px; background:#bfbfbf; border:1px solid #000; -webkit-border-radius:3px;  border-radius:3px;}
#b_menu li a {display:block; font-size:12px; color:#161415; line-height:23px; font-weight:bold;}

address {padding:0 5px 80px; font-size:11px; color:#b2b2b2; line-height:1.5;}
address p span {display:inline-block; letter-spacing:-0.5px;}
address p span+span:before {padding:0 5px; content:'|';}

.counsel01_title { padding:8% 3% 0 3%; text-align:center; }