@charset "utf-8";

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



#header {position:absolute; top:0; left:0; z-index:101; width:100%; height:65px; border-top:1px solid #1674b2; border-bottom:1px solid #1674b2; box-sizing:border-box; background:#fff;}
#header .logo {padding-top:19px; text-align:center;}
#header .logo img {width:111px;}
#header .btn_menu {position:absolute; top:22px; right:10px; width:24px;}
#header .btn_menu img {position:absolute; top:0; left:0; width:100%;}
#header .btn_menu img.on {opacity:0; transition:opacity .4s ease;}
#header .btn_menu img.off {opacity:1; transition:opacity .4s ease;}
#header .btn_menu.on img.on {opacity:1;}
#header .btn_menu.on img.off {opacity:0;}
#header .btn_counsel {position:absolute; top:7px; right:0px; width:42px; height:32px;}
#header .btn_counsel img {height:32px;}

#gnb {position:absolute; top:64px; right:-120%; z-index:111112; width:80%; transition:right 0.4s; background:#fff;}
#gnb.open {right:0;}


.gnb_login_link {overflow:hidden; border-bottom:1px solid #dddddd;}
.gnb_login_link li {float:left; width:50%;}
.gnb_login_link li:nth-child(1) {background:#0089cc;}
.gnb_login_link li:nth-child(2) {background:#2b486a;}
.gnb_login_link a {display:block; font-size:16px; color:#fff; line-height:52px; text-align:center;}

.gnb_list li {float:none;}
.gnb_list {position:relative; z-index:2; width:100%; word-break:break-all; background: linear-gradient( to bottom, #356abd, #0e90c7 );}
.gnb_list > li {position:relative;}
.gnb_list > li > a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:25px; border-bottom:1px solid #fff; font-size:14px; color:#fff; font-weight:bold; line-height:47px; background:url('/asset/images_m/common/icon_gnb_arrow.png') no-repeat 93% center; background-size:10px auto;}
.gnb_list > li.on > a {background-image:url('/asset/images_m/common/icon_gnb_arrow_on.png')}
.gnb_list .sub {display:none; padding:9px 0;}
.gnb_list .sub a {display:block; position:relative; padding:5px 10px 5px 26px; font-size:13px; color:#333333; line-height:1.25;}
.gnb_list > li.on {}
.gnb_list > li.on > a {background-color: linear-gradient( to bottom, #3d82e3, #338ce6 );}
.gnb_list > li.on .sub {display:block; background:#fff;}

#t_sns {padding:20px 0; text-align:center; background:#0cb9fb;}
#t_sns a {display:inline-block;}
#t_sns a+a {margin-left:20px;}
#t_sns img {width:21px;}

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


.f_quick {position:fixed; bottom:0; left:0; right:0; z-index:90;}
.f_quick li {float:left; width:50%; text-align:center;}
.f_quick a {display:block; background:#3f6899}
.f_quick li+li a {background:#ff5b5c}
.f_quick img {width:auto !important; height:54px;}


#footer {padding:30px 10px 90px; background:#000; text-align:center;}
.f_logo img {width:96px;}

.f_menu {display:inline-block; margin-top:10px;}
.f_menu a {position:relative; display:inline-block; padding:0 7px; font-size:12px; color:#cdcdcd;}
.f_menu a+a:before {position:absolute; top:50%; left:0; width:1px; height:8px; margin-top:-4px; background:#848484; content:'';}

#lnb {margin-top:65px; border-top:1px solid #1674b2;}
#lnb h2 {font-size:14px; color:#fff; text-align:center; line-height:49px; background:#346bbd;}

#lnb ul {overflow:hidden; background:#e4e4e4; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf;}
#lnb li {float:left; width:50%; height:40px; font-size:12px; color:#313131; line-height:38px; text-align:center; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
#lnb a {display:block; }
#lnb li.on {color:#346bbd; background:#f9f9f9}



#address {margin-top:8px; font-size:12px; color:#848484; line-height:1.4;}
#address span {display:inline-block; margin:0 3px;}

.full {width:100%;}



.pop {position: absolute; left: 0; z-index: 100; display: none;}
.pop img {vertical-align: top; width:100%; }
#pop1 {width: 90%; top: 60px; left: 5%; z-index:10002}
#pop2 {width: 90%; top: 60px; left: 5%; z-index:10003}
#pop3 {width: 90%; top: 60px; left: 5%; z-index:10004}
.popFooter {width: 100%; height: 30px; position:relative; padding-left:10px; line-height: 30px; vertical-align: middle; color: #2e2e2e; background: #fff;}
.popFooter .pop_close {position:absolute; top:0; right:15px;}