@charset "utf-8";

#wrap {overflow:hidden; min-width:320px; position:relative;}

#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; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}


#header {position:fixed; top:0; left:0; z-index:101; min-width:320px; width:100%; height:55px; padding-top:13px; background:#333333;}
#header img {max-width:100%;}
#header .btn_menu {position:absolute; top:16px; left:5.55vw; width:26px;}
#header .logo {text-align:center; padding-right:30px;}
#header .logo img {height:28px;}
#header .btn_tel {position:absolute; top:10px; right:4.16vw; width:31px;}

#gnb {position:fixed; top:0; left:-120%; z-index:100; width:100%; min-width:320px; transition:left 0.4s; background:#fff;}
#gnb .top {height:55px; padding-top:13px; background:#fff;}
#gnb.open {left:0;}
.gnb_logo {text-align:center;}
.gnb_logo img {height:28px;}
#gnb .btn_close {position:absolute; top:14px; right:4.15vw; width:23px;}
/*
.gnb_scroll {overflow-y:auto; position:absolute; top:53px; left:0; right:0; bottom:0; padding-bottom:30px;}
*/

.gnb_quick {overflow:hidden; background:#fff;}
.gnb_quick li {float:left; width:33.333%;}
.gnb_quick img {width:100%;}

.gnb_login_link {overflow:hidden; padding:13px 43px; text-align:center;}
.gnb_login_link li {float:left; width:50%; border:1px solid #9b9d9d;}
.gnb_login_link li+li {margin:0 -1px;}
.gnb_login_link li a {display:block; font-size:15px; color:#717374; line-height:32px;}


.gnb_scroll {overflow:hidden; border-bottom:2px solid #333333;}
.gnb_list {overflow:hidden; position:relative; margin:0 -1px -1px; text-align:center;}
.gnb_list:before {position:absolute; top:0; left:50%; width:1px; height:100%; background:#cccccc; content:'';}
.gnb_list > li {float:left; width:50%; text-align:left;}
.gnb_list > li > a,
.gnb_list > li > span {display:block; position:relative; height:46px; padding-left:4.16vw; border-bottom:1px solid #cccccc; font-size:15px; color:#222222; line-height:45px; transition:all 0.4s;} 
.gnb_list > li > a:after {position:absolute; top:50%; right:4.16vw; width:13px; height:8px; margin-top:-4px; background:url('../images/common/icon_gnb_arr.png') no-repeat center; background-size:contain; content:'';}
.gnb_list .sub {display:none; overflow:hidden; border-bottom:1px solid #cccccc; background:#f1f1f1;}
.gnb_list li:nth-child(odd) {clear:both;}
.gnb_list li:nth-child(odd) .sub {margin-right:-100%;}
.gnb_list li:nth-child(even) .sub {margin-left:-100%;}
.gnb_list .sub li {float:left; width:50%; margin-bottom:-1px;}
.gnb_list .sub a {display:block; padding-left:4.16vw; border-bottom:1px solid #cccccc; font-size:15px; color:#888888; line-height:42px;}
.gnb_list li.on > a {color:#fff; background-color:#a36d6b;}
.gnb_list li.on > a:after {background-image:url('../images/common/icon_gnb_arr_on.png')}
.gnb_list li.on .sub {display:block;}

.gnb_dimmed_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(51,51,51,0.85);}
.gnb_dimmed_bg.on {display:block;}



#main {position:relative; z-index:1; margin-top:55px;}
#counsel_link {position:fixed; top:50px; right:-100%; z-index:112; width:125px; transition:all 0.4s;}
#counsel_link.open {right:29px;}
#counsel_link li {}
#counsel_link li+li {border-top:1px solid #2d2e30;}
#counsel_link li a {display:block; padding-left:38px;  font-size:15px; color:#54565a; line-height:40px; background:url('../images/icon/counsel_pop.png') no-repeat #fff; background-size:40px auto;}
#counsel_link li.s01 a {background-position:0 0;}
#counsel_link li.s02 a {background-position:0px -40px; background-color:#ffd34c;}
#counsel_link li.s03 a {background-position:0px -80px;}
#counsel_link li.s04 a {background-position:0px -120px;}
#counsel_link .btn_close {position:absolute; top:-38px; right:0px; width:22px;}



#lnb {position:absolute; top:50px; left:0; z-index:99; width:100%; height:48px;}
#lnb > ul {display:inline-block; width:100%; border-top:1px solid #dddddd;}
#lnb > ul > li {position:relative; float:left; width:50%; height:48px; letter-spacing:-0.08em; }
#lnb > ul > li+li {border-left:1px solid #dddddd;}
#lnb > ul > li > a {position:relative; display:block; overflow:hidden; height:48px; padding-left:15px; padding-right:20px; font-size:14px; font-weight:normal; color:#000000; line-height:48px; background:#fff; border-bottom:1px solid #ddd; white-space:nowrap; text-overflow:ellipsis;}
#lnb > ul > li > a:after {position:absolute; top:50%; right:12px; width:11px; height:7px; margin-top:-4px; background:url('/images/icon/icon_lnb.png') no-repeat; background-size:100% auto; content:'';}
#lnb > ul > li.on > a:after {background-image:url('/images/icon/icon_lnb_up.png')}
#lnb .sub {display:none; position:absolute; top:48px; left:-1px; right:0px;}
#lnb .sub li {}
#lnb .sub a {display:block; position:relative; padding:10px 5px 10px 15px; font-size:14px; color:#000; line-height:17px; background:#fff !important; border-bottom:1px solid #cccccc; text-align:left;}
#lnb .sub a:after {position:absolute; top:50%; right:12px; width:7px; height:11px; margin-top:-3px;}
#lnb li.on .sub {display:block;}
#lnb li.s02 .sub a {color:#000;}


#footer {padding:35px 5.556vw 40px; text-align:center; background:#333333;}
#footer .f_logo img {width:161px;}

#address {margin-top:17px; font-size:12px; color:#bcbcbc; line-height:1.5;}
#address span {display:inline-block; padding:0 5px;}

.f_sns {margin-top:25px; font-size:0;}
.f_sns a {display:inline-block; padding:0 2px;}
.f_sns img {width:30px;}


#q_menu {position:fixed; bottom:50px; right:5.556vw; z-index:98;}
#q_menu li {position:relative; margin-top:4.72vw;}
#q_menu li .btn_go img {width:30.694vw;}
#q_menu li .q_close {position:absolute; top:0; right:0; z-index:2;}
#q_menu li .q_close img {width:4.861vw;}

#info { padding:11.11vw 5.556vw; }
#info img {width:100%;}


/*
#q_counsel {text-align:center;}
#q_counsel .inwrap {position:fixed; bottom:-283px; left:0; z-index:1000; width:100%; height:283px; padding:20px 20px 35px; text-align:center; background:#52bab9; transition:bottom 0.4s;}
#q_counsel .btn_qcounsel {position:absolute; top:-45px; left:50%; width:260px; margin-left:-130px;}
#q_counsel .btn_qcounsel:after {position:absolute; top:50%; right:50%; width:16px; height:10px; margin-top:-5px; margin-right:-90px; background:url('../images/common/q_arrow.jpg') no-repeat center; background-size:cover; content:'';}
#q_counsel .btn_qcounsel img {width:260px;}
#q_counsel .qrow {position:relative; padding-left:58px;}
#q_counsel .qrow+.qrow {margin-top:5px;}
#q_counsel .qrow input {width:100%; height:30px; padding:0; padding-left:10px; border:0;font-size:14px;}
#q_counsel .qrow textarea {width:100%; height:65px; padding:10px !important; border:0 !important; font-size:14px;}
#q_counsel .qrow .label {position:absolute; top:0; left:0; font-size:14px; color:#fff; line-height:30px;}
#q_counsel .agree_cont a, #q_counsel .agree_cont label {color:#fff;}
#q_counsel .btn_submit {overflow:hidden; width:100%; height:50px; text-indent:-999px; background:url('../images/common/btn_qsubmit.jpg') no-repeat center #454545; background-size:auto 50px;}

#q_counsel.open {background-image:url('../images/common/q_arrow_on.jpg');}
#q_counsel.open .inwrap {bottom:0;}
#q_counsel.open .btn_qcounsel:after {background-image:url('../images/common/q_arrow_on.jpg');}
*/

#board_contents {margin-top:80px;}