@charset "utf-8";
*{letter-spacing: -0.04em;line-height:1.5em; }
html {overflow-y:scroll; overflow-x:hidden}
body {margin:0;padding:0;font-size:1em;font-family : 'Pretendard', Malgun Gothic,  Dotum, sans-serif ;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.sd{font-family :"SDKukdetopokki",sans-serif;}
.hs{font-family :"HS-Regular",sans-serif;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}


ul, dl,dt,dd ,li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family : 'Pretendard', Malgun Gothic, Dotum, sans-serif ;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
table{border-collapse:collapse; width:100%;}
 *:focus { outline:none; }

textarea, select {font-family : 'Pretendard', Malgun Gothic, Dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all; color:#313436}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
input, textarea, button {/* appearance: none; */-moz-appearance: none;/* -webkit-appearance: none; */border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
input{border:0;}
 em{font-style:normal;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button{border:0;}
input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;/* outline: none; */}
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}

.sound{display:inline-block;width:0;height:0;font-size:0 !important;line-height:0}
caption{display:none}
.hidden{display:none}
a{outline:0} 
::selection {background: #2e2d2d;color: #FFF;text-shadow: none;}
::-moz-selection {b ackground:#431601;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#431601;color: #FFF;text-shadow: none;}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.elip {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;}
.ie .elip{display:block !important;}
.eline1{-webkit-line-clamp: 1;}
.eline2{-webkit-line-clamp: 2;}

.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center ;}
.gray{color:#828282 !important;}
.org{color:#e49b52 !important;}
.blue{color: #1d3d7d!important;}
.white{color:#fff !important;}
.yellow{color:#ffe13e !important;}
.red{color:#e8534d !important;}
.orange{color:#f59c00 !important;}
.black{color:#000 !important;}
.brown{color:#d6ad6d !important;}
.bold{font-weight:bold !important;}
.top{vertical-align:top !important}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.weight900{font-weight:900 !important}
.weight500{font-weight:500 !important}
.weight300{font-weight:300 !important}
.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.pointer{cursor:pointer;}
.block{display:block !important;}
.inline{display:inline !important;}
.w100{width:100% !important;}
.w50{width:50% !important;}
.padd-bot0{padding-bottom:0 !important;}
.cursor{cursor:pointer;}
.bg_white{background-color:#fff !important;}
.bg_gray{background-color:#f6f6f6 !important;}
.bg_pink{background-color:#fff9f6 !important;}
.bg_yellow{background-color:#ffe13e !important}

.trans,.b-ajax-wrapper{
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}
 
 
 
a.btn,.btn {text-align:center;font-weight:bold;border:0;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out;}
 
.btn.go{  border:1px solid #dcdcdc; color:#7c7c84; font-weight:500;}
.btn.go span{display:inline-block;background: url(/images/next.png) no-repeat 50%;vertical-align: top;background-size:100% auto !important}
.btn.go:hover span{background:url(/images/next_w.png) no-repeat 50%;background-size:100% auto !important}

.btn:hover{color:#fff;}

a.btn01 {display:inline-block;background: #0073d3;color: #fff;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;background: #00a1eb;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right}  

.btn_submit {border:0;background-color: #d4a193;color:#fff;cursor:pointer;display: inline-block;border-radius: 3px;}
.btn_submit:hover {
    background-color: #bd8e81;
    border-color: #fff;
}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background: #c5c5c5;color: #fff;}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel,.btn_cancel {display:inline-block;background: #313131;color:#fff;text-decoration:none;vertical-align:middle;border-radius: 3px;}
button.btn_cancel {display:inline-block;background:#313131;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background: #202020;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top}  
a.btn_frmline {}
button.btn_frmline {font-size: 15px;}

 
a.btn_b01,.btn_b01 {display:inline-block;color: #fff;text-decoration:none;vertical-align:middle;border:0;background: #d8b6ad;}
.btn_b01 i{color:#fff;}
.btn_b01:hover, .btn_b01:hover {background-color:#bf9b92}
a.btn_b02,.btn_b02 {display:inline-block;background: #213a59;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0f2742}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border: 1px solid #cccccc;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background: #fafafa;}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_b05, .btn_b05 {display:inline-block;background:#eec365;border:1px solid #eec365;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b05:hover, .btn_b05:hover {color:#fff;background:#e2b24b}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle}  
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}
a.btn_b06, .btn_b06 {display:inline-block;background:#9fb263;border:1px solid #9fb263;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b06:hover, .btn_b06:hover {color:#fff;background:#8ca04b}
a.btn_b07, .btn_b07 {display:inline-block;background:#767676;border:1px solid #767676;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b07:hover, .btn_b07:hover {color:#fff;background:#595959}

 
 
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px;}
.tbl_head01 table {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {border-bottom: 1px solid #c9c9c9;background: #f5f5f5;color: #555;text-align:center;font-weight: bold;letter-spacing:-0.1em;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} 


.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 th{background-color:#f5f5f5}
.tbl_head01 td {padding: 5px;border-bottom: 1px solid #c9c9c9;line-height:1.5em;word-break:break-all;color: #555;}
.tbl_head01 td:first-child {border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} 
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}


.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {border-collapse: separate;border-spacing: 0 10px;border: 0;background: transparent;}
.tbl_head03 table.spc0 {border-collapse: collapse;border-spacing: 0;}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:20px 0;color: #fff;font-size: 16px;text-align:center;background-color: #e49c52;font-weight: 500;}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top}


.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {background:#fff;background-clip:padding-box;padding: 25px 5px;border-top:1px solid #ccd2d9;word-break:break-all;text-align: center;color: #383838;border-bottom: 1px solid #ccd2d9;font-size: 15px;}
.tbl_head03 td:first-child {border-left: 1px solid #dbdbdb;border-radius: 5px 0 0 5px;}
.tbl_head03 td:last-child {border-right: 1px solid #dbdbdb;border-radius: 0 5px 5px 0;}
.tbl_head03 a {}

 
.tbl_head04 table {margin:0 0 10px;border-top: 2px solid #2d2c2c;border-bottom: 1px solid #2d2c2c;}
.tbl_head04 table {}
.tbl_head04 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head04 thead th {border-top: 2px solid #1d614e;border-bottom: 1px solid #c9c9c9;background: #ecf2e4;color: #555;text-align:center;font-weight: bold;letter-spacing:-0.1em;}
.tbl_head04 thead a {color:#383838}
.tbl_head04 thead th input {vertical-align:top}  


.tbl_head04 tfoot th, .tbl_head04 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head04 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head04 td {padding: 20px 5px;border-bottom: 1px solid #ddd;line-height:1.5em;word-break:break-all;color: #555;font-size: 16px;}
.tbl_head04 td:first-child {border-left:0}
 
.tbl_head04 a {}
.tbl_head04 tr:last-child td{border-bottom:0}
.tbl_head04 tr:hover td{background-color: #f8f8f8;}

 
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal}
.tbl_frm01 td {padding:5px 10px;background:transparent}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {border: 1px solid #ddd;background:#fff;color: #3a3532;vertical-align:middle;border-radius:3px;padding-left: 20px;font-size: 15px;}
textarea.frm_input{padding:20px }
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:45px}





.full_input, .frm_address {width:100%}
.half_input {width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
 
 

i.required{color: #e49c52;font-size: 10px; }

  
.nice-select{}
.nice-select .current{display:inline-block;color: #646464;}
.nice-select .list{max-height: 300px;}
.nice-select .option,.nice-select .current{height: 50px;line-height: 50px;font-size: 18px;/* padding-left: 20px; */}
.nice-select .option{padding:0 10px;}
.frm_input.nice-select .option,.frm_input.nice-select .current{height: 45px;line-height:45px;}
 
.modify_btn{position: absolute;bottom: 0;right: 0;width: 50px;height: 35px;color: #fff;background-color: #333;font-size: 15px; line-height:35px;}
 

 
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}


  
 .flash{transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 1s;-moz-animation: flash 2s ease-in-out infinite 1s;-ms-animation: flash 2s ease infinite 1s;-o-animation: flash 2s ease-in-out infinite 1s;animation: flash 2s ease-in-out infinite 1s;-webkit-transition: all 0.5s 1s;}
 .down{transition: all 0.5s 1s;-webkit-animation: down 2s ease-in-out infinite 1s;-moz-animation: down 2s ease-in-out infinite 1s;-ms-animation: down 2s ease infinite 1s;-o-animation: down 2s ease-in-out infinite 1s;animation: down 2s ease-in-out infinite 1s;-webkit-transition: all 0.5s 1s;}
 .pop_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index: 100;}
.pop_area{display:none;position:fixed;width:85%;max-width:800px;top: 50%;left:50%;background-color:#fff;border-radius:5px;transform: translate(-50%,-50%);z-index: 110;height:60%;}
.pop_area span{display:block;position: fixed;top: 10px;right: 10px;padding: 0 20px;height: 30px;line-height: 30px;border-radius:20px;background-color:#333;color:#fff;cursor:pointer;font-size: 13px;z-index: 99;/* margin-top: 10px; */}
 
  
 
.pg_wrap {text-align: center;margin-top: 4vw;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;margin: 0 10px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color: #8f8f8f;font-size: 20px;/* height: 34px; *//* line-height: 32px; *//* min-width: 34px; */text-decoration:none;/* border-radius:3px; */font-weight: bold;}
.pg_page:hover {}
.pg_start {overflow:hidden;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {overflow:hidden;padding:0;}
.pg_next {overflow:hidden;padding:0;}
 .pg_current{font-size: 20px;color: #d8b6ad;border-bottom: 2px solid #d8b6ad;}
 
 
 
 

.selec_chk {position:absolute;top:0;left:0;width: 17px;height: 17px;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative;margin-bottom: 2%;}
.chk_box input[type="checkbox"] + label {position:relative;color:#1c1c1c;font-size: 15px;}
.chk_box input[type="checkbox"] + label:hover {color: #1c1c1c;}
.chk_box input[type="checkbox"] + label span {width: 17px;height: 17px;display: inline-block;background:#fff;border-radius:3px;vertical-align: middle;margin-top: -2px;text-align: center;line-height: 13px;border: 1px solid #d4a193;}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border: 1px solid #d8b6ad;border-radius:3px}
.chk_box  input[type="checkbox"] + label span i{display:none;color:#fff;font-size: 11px;}
.chk_box  input[type="checkbox"]:checked + label {color:#000}
.chk_box  input[type="checkbox"]:checked + label span{background-color: #d8b6ad !important;border-color: #d8b6ad !important;}
.chk_box  input[type="checkbox"]:checked + label span i{display:inline-block;} 
 
 
 
 .wrap{overflow:hidden;}

.inbox{margin:0 auto;}
.header h1 a{display:block;}

.header .inbox{position:relative;}

.util_btn{position:absolute; top:50%; right:0; font-size:0;}
.util_btn a{display:inline-block;vertical-align:middle;text-align:center;}



.footer{background-color:#003565}
.footer .inbox{position:relative;}
.footer p{color:#99aec1; line-height:1.3em; font-weight:300;}

#top_btn{position:absolute; top:0; right:0; background-color:#000a27; text-align:center;}
#top_btn i{color:#a4afba}

 
.menu_bar .bg{position:absolute;top:0;left:0;width:100%;height: 100%;background-color:#b6d5e8; z-index:101}
.menu_btn{cursor:pointer}
.menu_list>div{height:100%; background-color:#0077b4}




.menu_btn>span {position: relative;display:block; -webkit-transition: .3s;transition: .3s;background-color: #fff; }
.menu_btn>span:nth-of-type(1) {width: 75%;}
.menu_btn>span:nth-of-type(2) {width:50%;margin: 10px 0;}
.menu_btn>span:nth-of-type(3) {width: 100%;}
.cross>span:nth-of-type(1) {transform: rotate(47deg);transform-origin: 0 0;width: 110% !important;}
.cross >span:nth-of-type(2) {opacity: 0;}
.cross >span:nth-of-type(3) {transform: rotate(-48deg);transform-origin: 0 100%;width: 110% !important;}

.depth1{position:relative;}
.depth1>li{}
.depth1>li .depth1_tit {position:relative;}
.depth1>li .depth1_tit a{position:relative; display:inline-block; color:#fff; font-weight:300}


.depth2 h5{color:#313436; font-weight:bold;}
.depth2 li{position:relative; }

.depth2 a{position:relative; display:inline-block; color:#313436; font-weight:300}
.depth2 a::after{position:absolute; left:0; bottom:-3px; width:100%; height:3px; background-color:#313436; content:''; transform:scaleX(0);}





@media (max-width:1601px) {
.inbox{width: 80.5vw;}	
}
@media (min-width:1600px) {
.inbox{width: 75.5vw;}	
}




@media (min-width:1300px) {
.wrap{padding-left:100px;} 
  
 


.header h1{width:133px;}
.header .inbox{padding:24px 0;}
.util_btn{margin-top:-25px;}
.util_btn a{width:120px; height:50px; font-size:16px; line-height:50px; border-radius:5px; margin-left:10px;}

.menu_bar{width:100px;padding-left: 100px;}

.menu_btn{position: absolute;top: 0;left: 0;padding:40px 30px;width: 100px;}
.menu_btn>span {height:5px;}

.menu_list{width:100%;position: relative;z-index: 10;height: 100%;}
.menu_list>div{width:300px;padding:20px 0 0}
.menu_list h3{width:133px; margin:0 auto 50px;}
.menu_bar .bg{left:100px;}

.depth1>li{margin-bottom:40px;padding-left: 80px;}
.depth1>li .depth1_tit a{font-size:20px;}

.depth2 h5{font-size:30px; margin-bottom:40px}
.depth2 li{padding-left:25px; margin-bottom:25px;}
.depth2 li a{font-size:20px;}


.footer {padding:50px 0 120px;}
.footer h4{width:109px; height:56px; background:url(/images/pc/f_logo.png) no-repeat 50%; margin-bottom:30px}
.footer p{font-size:20px}

#top_btn{width:60px; height:60px;}
#top_btn i{font-size:30px;}
}
@media (min-width: 1024px) and (max-width: 1299px){
.wrap{padding-left: 8.4vw;} 
  



.header h1{width:11vw;}
.header .inbox{padding: 2vw 0;}
.util_btn{margin-top:-2vw;}
.util_btn a{width:10vw; height:4vw; font-size:1.8vw; line-height:4vw; border-radius:5px; margin-left:2vw;}

.menu_bar{width:8.4vw;padding-left: 8.4vw;}

.menu_btn{position: absolute;top: 0;left: 0;padding: 3vw 2.5vw;width: 8.4vw;}
.menu_btn>span {height:0.5vw;}

.menu_list{width:100%;position: relative;z-index: 10;height: 100%;}
.menu_list>div{width:30vw;padding:2vw 0 0}
.menu_list h3{width:11vw;margin: 0 auto 5vw;}
.menu_bar .bg{left:8.4vw;}

.depth1>li{margin-bottom:5vw;padding-left: 8vw;}
.depth1>li .depth1_tit a{font-size:1.8vw;}

.depth2 h5{font-size:2vw;margin-bottom: 3vw;}
.depth2 li{padding-left:3vw; margin-bottom:3vw;}
.depth2 li a{font-size: 1.8vw;}


.footer {padding:8vw 0 10vw;}
.footer h4{width:13.3vw; height:6.8vw; background:url(/images/tab/f_logo.png) no-repeat 50%; margin-bottom:4vw; background-size:100% auto}
.footer p{font-size:1.6vw}

#top_btn{width:7vw; height:7vw;}
#top_btn i{font-size:3vw;}
}

@media (min-width: 1024px){


}
 

@media (min-width: 768px) and (max-width: 1024px){
.wrap{padding-left: 8.4vw;} 


.header h1{width:11vw;}
.header .inbox{padding: 2vw 0;}
.util_btn{margin-top:-2vw;}
.util_btn a{width:10vw; height:4vw; font-size:1.8vw; line-height:4vw; border-radius:5px; margin-left:2vw;}

.menu_bar{width:8.4vw;padding-left: 8.4vw;}

.menu_btn{position: absolute;top: 0;left: 0;padding: 3vw 2.5vw;width: 8.4vw;}
.menu_btn>span {height:0.5vw;}

.menu_list{width:100%;position: relative;z-index: 10;height: 100%;}
.menu_list>div{width:30vw;padding:2vw 0 0}
.menu_list h3{width:11vw;margin: 0 auto 5vw;}
.menu_bar .bg{left:8.4vw;}

.depth1>li{margin-bottom:5vw;padding-left: 8vw;}
.depth1>li .depth1_tit a{font-size: 2.2vw;}

.depth2{position:absolute;left: 0;top: 0;width: 100%;height: 100vw;padding-left: 100px;}
.depth2 h5{font-size: 3vw;margin-bottom: 4vw;}
.depth2 li{padding-left:3vw; margin-bottom:3vw;}
.depth2 li a{font-size: 2.2vw;}


.footer {padding:8vw 0 10vw;}
.footer h4{width:13.3vw; height:6.8vw; background:url(/images/tab/f_logo.png) no-repeat 50%; margin-bottom:4vw; background-size:100% auto}
.footer p{font-size:1.6vw}

#top_btn{width:7vw; height:7vw;}
#top_btn i{font-size:3vw;}
} 

@media (min-width: 769px){
.menu_bar{position:fixed;top:0;left:0;height:100%;background-color:#0077b4;z-index: 99;overflow: hidden;}

.depth1>li{}
.depth1>li .depth1_tit::after{position:absolute;top:50%;left:100%;width:0;height:0;content:'';border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 10px solid #0077b4;border-right: 10px solid transparent;margin-top: -10px;display:none;}
.depth1>li.on .depth1_tit::after{display:block;}
.depth1>li  button{display:none;}
.depth1>li .depth1_tit a::after{position:absolute;left:0;bottom: -7px;width:100%;height:3px;background-color:#fff;content:'';transform:scaleX(0);}
.depth1>li:hover>a,.depth1>li.on>a{font-weight:bold;}
.depth1>li:hover>a::after,.depth1>li.on .depth1_tit a::after{transform:scaleX(1);    transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;}

.depth2{position:absolute;left:100%;top: 0;width: 100vw;padding-left: 100px; display:none;}

.menu_list .close{display:none;}

}
@media (max-width: 768px){
 
.inbox{width:90vw;}

.header h1{width: 27.4vw;}
.header .inbox{padding: 2vw 0;}
.util_btn{display:none}
 
 

.menu_btn{position: absolute;top: 5.5vw;right: 5vw;width: 7vw;}
.menu_btn>span {height: 1vw;width: 100% !important;}
.menu_btn>span:nth-of-type(2) {margin: 2vw 0;}
.menu_list{position: fixed;z-index: 10;height: 100%; top: 0;left: -100%;width: 80vw;background-color: #0077b4;overflow: hidden;}
.menu_list>div{padding:2vw 0 0}
.menu_list h3{width: 20vw;margin: 0 auto 7vw;}
.menu_bar .bg{left:8.4vw;display: none;}

.depth1>li{
    padding: 0 5vw;
    margin-bottom:5vw
}

.depth1>li .depth1_tit a{font-size: 4vw;}
.depth1>li button{text-align: right;position:absolute;top:0;right: 0;width: 6vw;height: 5vw;background:transparent;line-height: 5vw;}
.depth1>li button i{font-size:3vw;color:#ff8f29;vertical-align: middle;}
.depth2{
    position:absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100vw;
    background: #0077b4;
    z-index: 1;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    padding: 0 5vw;
    }
.depth2 h5{position:relative;font-size: 5vw;margin-bottom: 6vw;color: #fff;}
.depth2 li{margin-bottom: 5vw;}
.depth2 li a{font-size: 4vw;color: #fff;}

.menu_list .close{position:absolute;top: 6vw;right: 5vw;display:block;color: #fff;}
.menu_list .close i{font-size: 5vw;}



.footer {padding:8vw 0 10vw;}
.footer h4{width: 17vw;height: 8.8vw;background: url(/images/mb/f_logo.png) no-repeat 50%;margin-bottom: 5vw;background-size:100% auto}
.footer p{font-size: 2.7vw;}

#top_btn{width: 10vw;height: 10vw;}
#top_btn i{font-size: 6vw;}
	 
}