@charset "utf-8";

@import url("font.css");

/* ==========================================================================
	02. reset
   ========================================================================== */
html, body, header, footer, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;word-break:keep-all;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {display:block;}
body {font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 16px;font-weight: 400;color:#555;}
ol, ul {list-style:none;}
ul:after {clear:both;display:block;content:"";}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
/* html, body {height:100%;} */
button{border-radius:2px;border:none;box-sizing:border-box;vertical-align:middle;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-weight: 400;cursor:pointer;background:transparent;border-radius:0;}

a,
a:link
a:visited,
a:hover,
a:active,
a:focus {color:#333;text-decoration:none;}

/* .hidden, caption, legend {overflow:hidden;width:1px;height:1px;margin:-1px 0 0 -1px;font-size:0;line-height:0;text-indent:-9999px} */
.hidden, caption, legend {display:none}
.blind {clear:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0}
.blind:after {display:none}

/*img {vertical-align:top;width:100%;}*/
#skip_nav {height:0}
#skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center;}
#skip_nav a:focus, #skip_nav a:active {position: absolute; top: 0; z-index: 999999; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}

em {font-style:normal;}

/* ==========================================================================
	03. accessibility
   ========================================================================== */
#accessibility {position:absolute;top:-50px;margin:0 auto;width:100%;font-size:1.15em;line-height:normal;left:0;z-index:999;}
#accessibility a:focus,
#accessibility a:active {position:absolute;top:50px;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;background-color:#333;}


/* ==========================================================================
	04. component
   ========================================================================== */
h3.tit{font-size:45px;font-weight:600;color:#111;margin-bottom:13px;}
h4.head_type4{font-size:24px;font-weight:600;color:#222;margin-bottom:25px;}
h4.tit{font-size: 19px;font-weight: 600;color: #222;margin-bottom: 20px}
.tit_s{font-size:20px;font-weight: 500;color: #333;background: url('../../images/front/sub/icon_tit02.png') no-repeat 0 3px;padding-top:17px;margin-bottom: 20px;}
.tit_s02{position: relative;font-size:18px;font-weight: 600;color: #35509f;margin-bottom: 10px;padding-left: 23px;}
.tit_s02::before{content:"";position:absolute;top:10px;left:10px;width: 5px;height: 5px;background:#35509f;border-radius: 50%;}
.head_type3 {position: relative;font-size:36px;font-weight:500;color:#333;letter-spacing:-1px;text-align: center;margin-bottom: 50px;}
.head_type3:before {content: "";position: absolute;bottom: -13px;left: 50%;width: 610px;height: 3px;background:url('../../images/front/common/tit_bar.png') no-repeat 0 0;margin-left: -305px}
.head_type4 {font-size:23px;font-weight:700;color:#0d42a6;margin-bottom: 20px}
.head_type5 {position: relative;font-size: 18px;font-weight: 600;color: #333;margin-bottom: 15px;padding-left: 30px;}
.head_type5::before{content:"";position:absolute;top:3px;left:0;width:21px;height:18px;background:url('../../images/front/icon/icon_tit.png') no-repeat 0 0;}
.head_type_bul {position:relative;margin-bottom:16px;font-size:20px;color:#093488;}
.head_type_bul:before {content:"";display:inline-block;position:relative;top:3px;width:18px;height:18px;margin-right:12px;background:url('../../images/front/bul_tit.png') no-repeat 0 0;}
.head_type_bul .radio {margin-left:20px !important;font-weight:400;}
.head_bul {position:relative;padding-left:10px;margin-bottom:15px;font-size:16px;color:#333;}
.head_bul:before {content:"";position:relative;top:-1px;display:inline-block;width:16px;height:16px;margin-right:5px;border:4px solid #549beb;border-radius:50%;box-sizing:border-box;vertical-align:middle;}
.head_bul:not(:first-of-type) {margin-top:45px;}
.board_wrap + .head_type_bul {margin-top:30px;}
.tit_s{font-size: 20px;font-weight: 600;color: #222;margin-bottom:25px}
h4.tit_s{margin-bottom:20px}

@media screen and (max-width:640px){
   .head_type2 {line-height:130px;font-size:25px;}
   .head_type3 {font-size:20px;}
   .head_type4 {font-size:18px;}
   .head_type5 {font-size:16px;}
}
.transition {transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

/* form */
select,
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="password"] {height:40px;border:1px solid #d0d4d7;box-sizing:border-box;vertical-align:middle;color:#484848;border-radius: 4px;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 15px;padding-left: 7px}
select {background:#fff}
select:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled {background:#f0f0f0;}
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder {color:#b6b6b6;}
input[type="checkbox"],
input[type="radio"] {margin:0;vertical-align:middle;}
select + select,
select + input[type="tel"],
select + input[type="text"],
select + input[type="number"],
select + input[type="password"],
input[type="text"] + input[type="text"],
input[type="text"] + input[type="number"],
input[type="text"] + input[type="password"]  {margin-left:3px;}
input:read-only, textarea:read-only {background-color: #f3f3f3;}
.input_won{text-align: right}

textarea{width:100%;padding:10px;border:1px solid #d0d4d7;box-sizing:border-box;resize:none;vertical-align:top;-webkit-border-radius:0;-webkit-appearance:none;font-family: 'Paperlogy','맑은고딕',Malgun Gothic,dotum,'돋음',arial,sans-serif;border-radius: 4px;}
textarea::placeholder {font-size: 16px;}
.symbol {padding:0 10px;font-size:15px;}
span.form_txt_set {display:inline-block;}

/* find file */
.filebox button {display:inline-block;width:88px;height:26px;line-height:24px;background:#e6e6e6;border:1px solid #adadad;text-align:center;font-size:14px;color:#000;vertical-align:middle;cursor:pointer;}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}/* 파일 필드 숨기기 */
.filebox .file_name {display:inline-block;width:320px;height:26px;line-height:24px;vertical-align:middle;background-color:#e6e6e6;border:1px solid #ccc;-webkit-appearance:none;moz-appearance: none;appearance:none;text-indent:10px;font-size:14px;letter-spacing:-1px;box-sizing:border-box;}
.form_file_wrap {position:relative;}
.form_file_wrap .filebox + .btn_tbl_control {margin-left:12px;}
.form_file_wrap .btn_down {position:absolute;top:-2px;right:0;z-index:1;}
.form_file {margin-top:14px;font-size:0;}
.form_file:first-of-type {margin-top:0;}
.form_file .filebox {display:inline-block;vertical-align:middle;}

/*.radio {display:inline-block;position:relative;height:18px;padding-left: 17px;margin-left: 15px;}
.radio:first-of-type {margin-left:0;}
.radio input[type="radio"] {position:absolute;top:5px;left:0;}
.radio input[type="checkbox"] {position:absolute;top:5px;left:0;}
.radio label {vertical-align:baseline}
.radio + input[type="text"] {margin-left:8px;}*/

/* btn */
.btn_wrap{overflow: hidden;margin: 30px 0;text-align: center;}
.btn_wrap.flex{display: flex;justify-content: space-between;position: relative;padding: 0 40px;}
.btn_wrap.flex .alignc{position: absolute;left: 50%;transform: translateX(-50%);}
.btn {position: relative;display: inline-flex; align-items: center; justify-content: center;height: 50px; margin: 0 3px; padding: 0px 25px; border: 1px solid #333; border-radius: 8px; background-color: #333;font-size: 16px;font-weight: 500;color: #fff;transition: 0.2s ease-in-out;}
.btn.primary {border: 1px solid #333; background-color: #333; color: #fff;}
.btn.primary:hover{background-color: #111;}
.btn.primary.line1 {border-color: #322e60; background-color: #fff; color: #322e60;}
a.btn.primary {text-align: center;line-height: 50px;word-break: keep-all;}
.btn.primary.type2{border-color: #0d42a6;background: #0d42a6;color: #fff;}
.btn.primary.type2:hover{background-color:#1e5acb;border-color: #1e5acb;}
.btn.primary.gray{border-color: #6f7075;background: #6f7075;color: #fff;}
.btn.primary.gray:hover{background-color:#9197a2;border-color: #9197a2;}
.btn.secondary {border: 1px solid #143070; background-color: #e6eaf3; color: #143070;}                
.btn.secondary:hover{background-color: #d0dcf8;}
.btn.tertiary {border: 1px solid #1D1D1D; background-color: #fff; color: #000B17;}
.btn.grayscale {border: 1px solid #ddd; background-color: #fff; color: #323232;}
.btn.grayscale02 {border: 1px solid #818287; border-radius: 0!important; background-color: #818287; color: #fff;}
.btn.grayscale03 {border: 1px solid #ccd0d3; background-color: #ccd0d3; color: #fff;}
.btn.apply {border: 1px solid #ec5c5f; background-color: #ec5c5f;}
.btn.apply:hover {border: 1px solid #df3539; background-color: #df3539;}
.btn.line{height: 58px;border: 1px solid #ddd;background-color: #fff;color: #111;}
.btn.line:hover{border: 1px solid #4f47b8;color: #4f47b8;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}
.btn.sm {min-width: auto;height: 40px;border-radius: 6px;font-size: 0.875rem;font-weight: 500;padding: 0 10px;}
.btn.xsm {min-width: auto;height: 30px;padding: 6px 8px;background: #4871be;border: 1px #386ed2 solid;border-radius: 4px;font-size: 14px;word-break: keep-all;}
.btn.xsm.line{background: #fff;}
.btn.xsm.icon_add:before{top:8px;width: 12px;height: 12px;background-size: cover;}
.btn.xsm.icon_del:before{top:8px;width: 12px;height: 12px;background-size: cover;}
.btn_url{display: inline-block;width: 20px;height: 20px;font-size:0;background:url('../../images/front/icon/icon_url.png') no-repeat center center;vertical-align: middle;}
.btn_s{position:relative;min-width: auto;height: 32px;padding: 5px 13px;background: #4871be;border: 1px #4871be solid;border-radius: 4px;font-size: 14px;color:#fff;word-break: keep-all;}
.btn_s:hover{background: #2347a1;border: 1px #2347a1 solid;color: #fff}
.btn_s:active, .btn_s:focus{color: #fff}
.btn_s.down{padding: 5px 20px 5px 8px;}
.btn_s.down::before{content: '';position: absolute;top:10px;right:6px;width: 8px;height: 11px;background:url('../../images/front/icon/icon_down02_w.png') no-repeat;}
a.btn_s.down::before{top:7px;}
.btn_s.up::before{content: '';position: absolute;top:10px;right:6px;width: 8px;height: 11px;background:url('../../images/front/icon/icon_down02_w.png') no-repeat;}
a.btn_s.up::before{top:7px;}
.btn.round{border-radius: 50px;}
.btn.round:hover{background: #0d42a6;color: #fff;}
button:disabled {cursor: default;background-color: #bdbdbd !important;border-color: #bdbdbd !important;color: #fff !important;}
button:disabled:hover{box-shadow:none!important;}

.btn.icon_add, .btn.icon_del{padding-left: 30px;}
.btn.icon_add::before{content: '';position: absolute;top:12px;left:10px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_add02.png') no-repeat;}
.btn.icon_del::before{content: '';position: absolute;top:12px;left:10px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_del.png') no-repeat;}
.btn.icon_open{position: relative;padding-left: 30px;}
.btn.icon_open::before{content: '';position: absolute;top:13px;left:10px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_seminar.png') no-repeat;}
.btn.icon_down {position: relative; padding-left: 25px;}
.btn.icon_down::before {content: ''; position: absolute; top: 6px; left: 10px; width: 15px; height: 15px; background: url('../../images/front/icon/icon_down04.png') no-repeat;}
.btn.icon_mail {position: relative; padding-left: 32px;}
.btn.icon_mail::before {content: ''; position: absolute; top: 11px; left: 10px; width: 17px; height: 15px; background: url('../../images/front/icon/icon_mail.png') no-repeat;}

.btn_go{position: relative;font-weight: 600;color:#0f62fe;text-decoration: underline;}
.btn_go:link, .btn_go:visited, .btn_go:hover{color:#0f62fe;}
.icon_go::after{content: '';position: absolute;bottom:3px;right:-20px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_url02.png') no-repeat;}
.icon_before_go::before{content: '';position: absolute;bottom:3px;right:-20px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_url02.png') no-repeat;}
.text_eclipse{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* btn-old */
.btn_form{display:inline-block;min-width: auto;height: 40px;padding: 0 10px;border-color: #0d42a6;border-radius: 6px;background: #0d42a6;font-size:15px;font-weight: 500;color: #fff;line-height: 38px;}
.btn_my{display:inline-block;min-width: auto;height: 40px;padding: 0 10px;margin-bottom:10px;border-color: #0d42a6;border-radius: 6px;background: #0d42a6;font-size:15px;font-weight: 500;color: #fff;line-height: 38px;}
a.btn_form:hover, a.btn_form:visited, a.btn_form:active, a.btn_form:focus{color: #fff;}
a.btn:hover, a.btn:visited, a.btn:active, a.btn:focus{color: #fff;}
.btn_del{min-width: auto;height: 30px;padding: 6px 8px;background: #fff;border: 1px #386ed2 solid;border-radius: 4px;font-size: 14px;color: #111;word-break: keep-all;}

/* 라벨상태 */
.label{display: inline-block;height: 35px;padding: 0 15px;border-radius: 5px;font-weight:500;line-height: 35px;}
.label.support01{background: #e8eef6;color: #1f58ad;}
.label.support02{background: #e8f6f6;color: #008149;}
.reply_end{display:inline-block;height:24px;font-size: 12px;font-weight:500;color: #da2a29;padding: 0 5px;margin-left: 5px;border: 1px #da2a29 solid;border-radius: 3px;}
.reply_standby{display:inline-block;height:24px;font-size: 12px;font-weight:500;color: #016a9c;padding: 0 5px;margin-left: 5px;border: 1px #016a9c solid;border-radius: 3px;}
.status_ing{background: #faeded;color: #d03349;}
.status_end{background: #f3f3f3;color: #777;}

.tag_area {overflow: hidden; margin-bottom: 10px; display:inline-block; }
.tag, .state {display: inline-block; min-width: 80px; height: 35px; margin-right: 8px; padding: 0px 15px; border-radius: 4px;font-size: 1rem;font-weight: 500; text-align: center; line-height: 35px;}
.tag.blue {background-color: #e8eef6; color: #1f58ad;}
.tag.blue02 {background-color: #ebf5fa; color: #016a9c;}
.state.ing {background-color: #faeded; color: #d03349;}
.state.end {background-color: #f3f3f3; color: #373737;}
.tag.green {background-color: #e8f6f6; color: #008149;}
.tag.navy {background-color: #e8eaf6; color: #2f3d86;}
.tag.red {background-color: #f3eced; color: #e43b54;}
.tag.yellow {background-color: #f5eee6; color: #bc692c;}

/* color */
.color_org {color:#dc0024 !important;}
.color_org2 {color:#dc0024 !important;}
.color_org3 {color:#e84c3d !important;}
.color_org4 {color:#ea584a !important;}
.color_blue {color:#186acd !important;}
.color_darkG {color:#3e3e3e !important;}
.bg_point{background:#faf9f9;color:#333}
.tit_point{color:#dc0024!important;}
.bold{font-size: 18px;font-weight: 500;color: #111;}
.text_detail{text-decoration: underline;color: #3860bd;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;font-weight: 500;}
.f_bold{font-weight: 600;}

/* align */
.alignc{text-align:center !important;}
.align_l {text-align:left !important;}
.align_r {text-align:right !important;}
.align_c {text-align:center !important;}
.ov_h{overflow: hidden;}
.float_left{float:left}
.float_right{float:right}

/* size */
.w_half {width:50% !important;}
.w_full {width:100% !important;}
.w_auto {width:auto !important;}

.w50 {width:50px !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w_m190{min-width: 190px!important;}

.wp20 {width:20% !important;}
.wp28 {width:28% !important;}
.wp35 {width:37% !important;}
.wp40 {width:40% !important;}
.wp60 {width:60% !important;}
.wp70 {width:70% !important;}
.wp80 {width:80% !important;}
.wp100 {width:100% !important;}
.mw100{min-width:100% !important;}

.input_p25{width:25%;}
.input_p50{width:50% !important;}
.in_wp100{width:100px}
.in_wp300{width:300px}
.margin5{margin:5px}
.marginr20{margin-right: 20px}
.mt-20{margin-top:20px!important;}
.mb-15{margin-bottom:-15px!important;}
.mt10{margin-top:20px!important;}
.mt20{margin-top:20px!important;}
.marginb30{margin-bottom:30px!important;}
.pt25 {padding-top: 25px!important;}

/* 여백 */
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb50{margin-bottom:50px!important;}
.mr5{margin-right:5px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.pt25 {padding-top: 25px!important;}


/* 탭스타일 */
.tab_list{margin-bottom: 50px;}
.tab_list ul{display: flex;justify-content: center;align-items: center;gap: 0.5rem;height: 65px;padding:10px;background: #f8f8fb;border: 1px solid #ebebf3;border-radius: 50px;}
.tab_list li{flex: auto;}
.tab_list li a{position: relative;display: block;height:100%;padding: 15px 20px;font-size:18px;font-weight: 500;text-align: center;border-radius: 50px;transition: 0.2s;}
.tab_list li.on a{background: #0d42a6;border: 1px solid #0d42a6;color: #fff;}
.tab_list li.on:first-child a{border-left: 1px solid #0b1b56;}
.tab_list li.on a span.nation{padding-left:38px;}
.tab_list li a:hover{background-color: #0d42a6 !important;border: 1px solid #0d42a6;color: #fff;}
.tab_list li a span.nation{position: relative;padding-left:0;}
.tab_list.type02 li a span.nation::before{display: none;}
.tab_list.type02 li.on a span.nation::before{display: block;}
.tab_list_s{margin-top: -25px;margin-bottom: 40px;}
.tab_list_s ul{display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
.tab_list_s li a{position: relative;display: inline-block;margin: 0 20px;box-sizing: border-box;}
.tab_list_s li a span{position: relative;padding-right:35px;font-size: 21px;font-weight: 500;line-height: 35px;}
.tab_list_s li.on a span, .tab_list_s li a:hover span{font-weight: 600;color: #222;}
.tab_list_s li.on a span::before{content: '';position: absolute;top:0;right:6px;width: 22px;height: 22px;border-radius: 50px;background-color: #143070;}
.tab_list_s li.on a span::after{content: '';position: absolute;top:0;right:6px;width: 22px;height: 22px;border-radius: 50px;background:url('../../images/front/icon/icon_check02.png') no-repeat center center;background-size: 52%;}
.tab_list_s li.on a::before{content: '';position: absolute;bottom:-7px;left:0;width: 98%;height: 3px;background-color: #143070;}

.mypage_tab_in{overflow: hidden;width: 99.8%;height:60px;border: 2px #4a8bda solid;box-sizing: border-box;background: #fff;margin-top: -25px;z-index: 999999;margin-bottom: 40px;padding-left: 20px;margin-left: 1px}
.mypage_tab_in li{float: left;}
.mypage_tab_in li a{position: relative;display: inline-block;padding: 17px 20px}
.mypage_tab_in li a:before{content: "";position: absolute;top: 47%;left: 10px;width: 4px;height: 4px;background: #666;border-radius: 100px}
.mypage_tab_in li.on a{color: #4a8bda;font-weight: 600}
.mypage_tab_in li.on a:before{background: #4a8bda;}

/* ==========================================================================
	05. layout
   ========================================================================== */

body.open_menu {overflow: hidden;}

/* header */
header {position: absolute;top:0;left:0;width:100%;height: 140px;padding: 0 50px;background: #fff;border-bottom: 1px solid #c7cacd;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);z-index: 99;}
.header_top .header_top_in{display: flex;justify-content: space-between;margin-top: 15px;}
.header_top .header_top_in .top_logo li{position: relative;display: inline-block;padding: 0 5px;}
.header_top .header_top_in .top_logo li::before{content: "";position: absolute;top: 6px;left: -2px;width: 1px;height: 15px;background: #aaa;}
.header_top .header_top_in .top_logo li:first-child, .header_top .header_top_in .top_logo li:nth-child(2){padding-left: 0;}
.header_top .header_top_in .top_logo li:first-child::before, .header_top .header_top_in .top_logo li:nth-child(2)::before{display: none;}
.header_top .header_top_in .top_logo li a{display: inline-block;padding: 3px 10px;font-weight: 500;}
.header_top .header_top_in .top_logo li a:hover{text-decoration: underline;}
.header_top .header_top_in .top_logo li a.top_home{border: 1px #194b9e solid;border-radius: 5px;color: #194b9e;}

.header_top .header_top_in .utill{display: flex;flex-direction: row;gap: 6px;}
.header_top .header_top_in .utill li a{display: inline-block;padding: 5px 10px;border: 1px #ddd solid;border-radius: 5px;font-size: 15px;color: #333;}

.header_nav {position: relative;margin: 0 auto;z-index: 3;}
.header_nav .header_nav_in{display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.header_nav .logo{position: absolute;top:10px;left:0;}
.header_nav .logo a {display:block;width:158px;height:48px;background:url('../../images/front/common/logo.png') no-repeat 0 0;background-size:100%;}
.header_nav .header_nav_in button{position: absolute;top:32px;right:0;width:30px;height:18px;background:url('../../images/front/icon/icon_allmenu.png') no-repeat center;}
.search_top{position: absolute;top:6px;right:0;display: inline-block;width: 21px;height: 21px;background:url('../../images/front/common/search_btn_img.png') no-repeat 0 0;font-size: 0;}

nav {position: relative;display: inline-block;margin-left: 120px;}
.nav_list {display:table;width:100%;}
.nav_list > li {position:relative;display:table-cell;}
.nav_list > li > a {position:relative;display:block;padding:25px 40px 22px 40px;font-weight:600;font-size:22px;color:#111;line-height:30px;}
.nav_list > li:nth-child(4) > a{padding:25px 65px 22px 65px;}
.nav_list > li:last-child > a{padding:25px 10px 22px 10px;}
.nav_list > li.on > a{color:#00318e;}
.nav_list > li.on::before{content: '';position: absolute;top:25px;right:40px;width: 10px;height: 13px;border-radius: 8px;background: #00318e;}
.nav_list .depth1 {position:relative;display:block;margin-bottom:8px;font-size:18px;font-weight:500;color:#222;line-height:38px;padding: 25px 0 0 0;}
.nav_list .depth2 > li{padding: 2px 0;}
.nav_list .depth2 > li > a {position:relative;display:block;font-size:18px;color:#555;padding: 7px 0;font-weight: 500;line-height: 130%;}
.nav_list .depth2 > li > a:hover{font-weight: 600;color: #224eb3;}
.nav_list .depth2 > li > ul{padding: 10px 0;width: 90%;margin-top: -10px;margin-bottom: 8px;}
.nav_list .depth2 > li > ul > li{position: relative;padding: 5px 0 5px 10px;}
.nav_list .depth2 > li > ul > li >a{color: #666;line-height: 130%;}
.nav_list .depth2 > li > ul > li:before{content: "";position: absolute;top: 12px;left: 0;width: 5px;height: 1px;background:#888;}
.nav_list .nav_list_inner{overflow:hidden;position:absolute;top:85px;width:100%;z-index:2;padding: 0 20px 0 30px;border-right: 1px #e3e3e4 solid;}
.nav_list li:hover .nav_list_inner{background: #f3f4f8;}
.nav_list li:first-child .nav_list_inner{border-left: 1px #e3e3e4 solid;}
.nav_list .nav_list_inner .depth2{margin-top: 30px}
.nav_bg {display:block;position:absolute;top:140px;left:0;width:100%;background:#fff;
   -webkit-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);
   box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);}
.nav_point span{position:relative;font-weight: 600;color: #d92341;}
.nav_point a span::before{content: '';position: absolute;top: -2px;right:-35px;width: 26px;height: 25px;background: url(../../images/front/icon/icon_redarrow01.png) no-repeat;}
.nav_point.goout a span::before{background: url(../../images/front/icon/icon_redarrow02.png) no-repeat;}
.lnb_menu_wrap > .lnb_menu > li.nav_point a{color: #d92341;}
#f7f0ed

.country_area{position: absolute;top: 30px;left:19%;transform: translateX(-40%);}
.country_area p{font-size: 22px;font-weight: 600;color: #333;line-height: 140%;margin-bottom: 10px;}
.country_area ul{overflow: hidden;width: 285px;}
.country_area li a{position: relative;display: inline-block;width: 200px;height: 60px;background: #f6f7fa;border: 1px #d2d5db solid;margin: 5px 10px 5px 0;}
.country_area li a:before{content: "";position: absolute;top: 13px;left: 22px;width: 27px;height: 30px;}
.country_area li:nth-child(1) a:before{background:url('../../images/front/common/icon_country01.png') no-repeat 0 0;}
.country_area li:nth-child(2) a:before{background:url('../../images/front/common/icon_country02.png') no-repeat 0 0;}
.country_area li:nth-child(3) a:before{background:url('../../images/front/common/icon_country03.png') no-repeat 0 0;}
.country_area li:nth-child(4) a:before{background:url('../../images/front/common/icon_country04.png') no-repeat 0 0;}
.country_area li a span{display: inline-block;padding: 22px 0 0 60px;}
.country_area li:nth-child(3) a span{padding: 16px 0 0 60px;}

.allmenu {display:none;position:fixed;top:115px;left:0;width:100%;padding-bottom:8px;border-top:1px solid #dadada;background:#fff url('../../images/front/common/bg_gnb.png') repeat-x 0 bottom; z-index:300;}
.allmenu_inner {position:relative;max-width:1200px;margin:0 auto;padding:10px 0 28px;background:#fff;}
.allmenu_inner .allmenu_top {display:none;height:50px;padding:12px 20px 0;}
.allmenu_inner .allmenu_top a{display:inline-block;height:30px;padding:0 10px;background: #fff;border: 1px #ddd solid;border-radius:5px;font-size:14px;color: #666;text-align:center;line-height:28px;}
.allmenu_inner .btn_close {display:none;position:absolute;top:6px;right:13px;width:36px;height:36px;background:url('../../images/front/icon/close.png') no-repeat 0 0;background-size: cover;}
.allmenu_inner .nav_list {display:table;width:100%;table-layout:fixed;}
.allmenu_inner .nav_list > li {display:table-cell;width:14.5%;padding-left:11px;}
.allmenu_inner .nav_list > li:first-of-type {width:13.5%;padding-left:0;}
.allmenu_inner .nav_list .depth1 {margin-top:0;}
.allmenu_inner .nav_list .depth1 > a{color: #fff;}

/* radio,checkbox 스타일 */
.radio {display: inline-block;}
.radio input[type="radio"], .radio input[type="checkbox"] {position: absolute;overflow: hidden;width: 1px;height: 1px;clip: rect(1px,1px,1px,1px)}
.radio input[type="radio"]+label {position: relative;display: inline-block;padding-left: 28px;margin-right: 20px;cursor: pointer;}
.radio input[type="radio"]+label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;line-height: 1.6rem;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 100%;}
.radio input[type="radio"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_radio.png') no-repeat center center #fff;border: 1px solid #002579}

.radio input[type="checkbox"]+label {position: relative;display: inline-block;padding-left: 28px;margin-right: 20px;cursor: pointer;}
.radio input[type="checkbox"]+label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;line-height: 1.6rem;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 3px;}
.radio input[type="checkbox"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;border: 1px solid #002579}

.chk_st input[type="checkbox"]+label {position: relative;padding-top: 1px;padding-left: 28px;cursor: pointer;}
.chk_st input[type="checkbox"]+label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 3px;}
.chk_st input[type="checkbox"]:checked{border: 1px solid #145cff;}
.chk_st input[type="checkbox"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;border: 1px solid #145cff;}
.chk_st input[type="checkbox"]:disabled+label {color: #eb0506; text-decoration: line-through;}
.chk_st input[type="checkbox"]:disabled+label:before {border: 1px solid #dedede; background: #eaeaeb;}
.chk_st input:focus-visible ~ label::before {outline: 2px solid black;}

/* 타이틀영역 */
.sub_tit_area{padding-bottom: 30px;margin-bottom: 40px;border-bottom: 1px #d2d2d2 solid;}
.location_area ul{display: flex;flex-direction: row;align-items: center;}
.location_area li{position: relative;padding: 0 15px;}
.location_area li::before{content: '>';position: absolute;top: 0;left: -5px;}
.location_area li:first-child{padding-left: 0;}
.location_area li:first-child::before{display: none;}

.mypage_tit_area{overflow: hidden;margin-bottom: 5px}
.mypage_tit_area .tit{float: left;margin-top: 5px;margin-bottom: 13px;}
.mypage_tit_area button{float: right}
.mypage_tit_area .right{float: right}
.mypage_tit_area .right.tit02{font-size: 13px;padding-top: 10px;}

/* container */
.main_area{margin-bottom:80px}
.sub_area{position: relative;max-width: 1500px;margin: 190px auto 0 auto;min-height: 600px;margin-bottom: 100px;}
.sub_area:after {display: block;visibility: hidden;clear: both;content: "";}
.sub_area .left_area{z-index: 1;float: left;width:17.5%;}
.sub_area .content{float:right;width:78%;}
.sub_area .content .content_area{}
.only_mobile_list{display: none;}

/* Left_메뉴 */
.left_area .top_lnb{display: flex;align-items: center;justify-content: center;height: 160px;padding: 0 30px;background: url('../../images/front/common/nav_bg.png') no-repeat 0 0 #0b3494;border-radius: 20px 20px 0 0;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}
.left_area h2{margin-top: -20px;}
.left_area h2 span{display: inline-block;font-size:26px;font-weight:600;color: #fff;text-align: center;}
.lnb_menu_wrap{background: #fff;margin-top: -30px;border-radius: 20px;padding: 30px 15px;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}
.lnb_menu_wrap > .lnb_menu > li{position: relative;transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.lnb_menu_wrap > .lnb_menu > li > a{position: relative;display: flex;align-items: center;height:55px;padding-left: 20px;font-size: 18px;font-weight:500;color: #666;letter-spacing: -0.5px;border-top: 1px #ddd solid;}
.lnb_menu_wrap > .lnb_menu > li > a:hover{font-weight:600;color: #143070;}
.lnb_menu_wrap > .lnb_menu > li:first-child > a{border-top: none;}
.lnb_menu_wrap > .lnb_menu > li.on a{background: #143070;border-radius: 10px;border-top:none;}
.lnb_menu_wrap > .lnb_menu > li.on > a::before{content: '';position: absolute;top:13px;right:15px;width: 20px;height: 30px;background:url('../../images/front/icon/arr_right_w.png') no-repeat;background-size: cover;}
.lnb_menu_wrap > .lnb_menu > li.on.nav_point a{background: #d43b57;}
.lnb_menu_wrap > .lnb_menu > li.on.nav_point a span{color: #fff;}
.lnb_menu_wrap > .lnb_menu > li.on.nav_point > a::before{display: none;}
.lnb_menu_wrap > .lnb_menu > li.on > a,.lnb_menu_wrap > .lnb_menu > li.on > a:hover{color: #fff;}
.lnb_menu_wrap > .lnb_menu > li > ul{padding: 15px 25px;border-bottom: 1px #ddd solid;}
.lnb_menu_wrap > .lnb_menu > li > ul > li > a{position: relative;display: inline-block;padding: 7px 0 7px 12px;color: #777;}
.lnb_menu_wrap > .lnb_menu > li > ul > li.on > a{font-weight: 500;color: #111;}
.lnb_menu_wrap > .lnb_menu > li > ul > li > a:before{content:"-";position:absolute;top:5px;left:0;display: inline-block;width:7px;height:1px;}
.lnb_menu_wrap .lnb_menu li.title{height:55px;font-size:15px;color:#fff;padding: 20px 0 0 15px;background: #4972b1;text-align: center;padding: 20px 0 0 0;margin-top: 10px;}


/* footer */
footer{position:relative;background:#1a1c24;padding:30px 0 50px 0;}
footer::before{content: '';position: absolute;top: 75px;left: 0;width: 100%;height: 1px;background: #3c3e45;}
footer .footer_area{position: relative;overflow:hidden;max-width:1500px;margin: 0 auto;}
footer .footer_area .footer_link_in{display: flex;flex-direction: row;align-items: center;gap:25px;margin-bottom: 50px;}
footer .footer_area .footer_link_in li{position: relative;}
footer .footer_area .footer_link_in li:before{content:"";position:absolute;top:4px;left:-12px;display: inline-block;width:1px;height:13px;background: #6f737e;}
footer .footer_area .footer_link_in li:first-child:before{background: none;}
footer .footer_area .footer_link_in li a{color: #fff;}
footer .footer_area .footer_link_in li:first-child a{color: #628fed;}
footer .footer_area address{position: relative;padding-left: 240px;color: #b1b1b1;font-style:normal;line-height:170%;}
footer .footer_area address::before{content: '';position: absolute;top:20px;left:0;width: 170px;height: 53px;background: url('../../images/front/common/logo_foot.png') no-repeat;}
footer .footer_area address .tit_com{margin-right:10px;font-weight:500;color: #ddd}
footer .footer_area address ul{display: flex;flex-direction: row;align-items: center;gap:25px;}
footer .footer_area address .copy{margin-top: 20px;}
.foot_company {display: none;}

/* Jquery 수정 */
.plupload_filelist_header, .plupload_filelist_footer{padding: 8px 8px 8px 0!important;}
.ui-widget-header{font-size: 14px!important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 35%!important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important;}
.ui-datepicker .ui-datepicker-title select{font-size: 14px!important;}
.ui-datepicker .ui-datepicker-buttonpane button{font-size: 14px!important;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: 500!important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 7px!important;}
.ui-widget-header{background:#e4eaf7!important;border: 1px solid #cfd9f2!important;}
.ui-widget-header a{color: #132e5a!important;}
.ui-datepicker th{font-size: 14px!important;font-weight: 600;}
.ui-datepicker td span, .ui-datepicker td a{font-size: 14px!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: none!important;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default{border: 1px solid #ff6060!important;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{border: 1px #fff solid!important;background:#fff!important;border-radius: 5px;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active{font-weight: 500;color: #fff;border: 1px #3860bd solid!important;background:#3860bd!important;}
.ui-datepicker-trigger{vertical-align: middle;margin-left: 3px;cursor: pointer;}

.ui-jqgrid{border-top: 2px #333 solid;border-left:none!important;border-right:none!important;border-bottom:none!important;}
.ui-state-default.ui-th-column-header.ui-th-ltr{height:35px!important;font-size: 16px!important;}
.ui-state-default.ui-th-column.ui-th-ltr{font-size:16px!important;font-weight: 400!important;color:#000!important;padding:12px 2px 4px 2px;letter-spacing:-1px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th{background: #f3f6f9!important;}
.ui-jqgrid-htable thead th:last-child, .ui-jqgrid tr.ui-row-ltr td:last-child{border-right: none!important;}
.ui-widget{font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important;margin-bottom: 30px;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover{background: #fcfaf1!important;cursor: pointer;}
.ui-jqgrid tr.jqgrow td{height:45px;font-size: 15px!important;color:#555!important;font-weight: 300!important;line-height:120%!important;vertical-align: middle;border-bottom: 1px #ddd solid!important;padding: 7px!important;}
.ui-jqgrid tr.ui-row-ltr td{border-right: 1px #ddd solid!important;white-space: normal!important;}
.ui-jqgrid .ui-jqgrid-bdiv{height: 360px!important;}
.ui-jqgrid .ui-paging-info{font-size: 13px;color: #666;}
.ui-jqgrid .ui-jqgrid-pager{background: #fff!important;}
.ui-jqgrid .ui-jqgrid-htable th div{margin: 0 0 10px 0!important;}
.ui-jqgrid-btable td .btn.s_save_btn{font-size: 12px!important;margin-left: 0!important;padding: 5px 10px!important;}
.ui-pager-control{margin-top: 10px;}
.ui-pager-control .ui-pg-selbox{height: 25px!important;border: 1px solid #d0d4d7!important;}
.ui-corner-all {border-radius: 0;}
.pop_content_area .pop_content .ui-state-default.ui-th-column.ui-th-ltr{font-size: 15px!important;padding:12px 2px 2px 2px!important;}
.pop_content_area .pop_content .ui-jqgrid tr.jqgrow td{height: 40px!important;padding: 5px!important;}

/* 무단선점현황 아이콘*/
#scrollIcon{position:absolute;top:140px;right:70px;background: url('../../images/front/icon/icon_scroll.png'); background-size: contain; width:30px;height:30px;z-index:10;}

@media screen and (max-width:1500px){
    header{padding: 0 20px;}
    .nav_list > li > a{padding: 25px 30px 22px 30px;font-size: 20px;}
    .nav_list > li:nth-child(4) > a {padding: 25px 30px 22px 30px;}
    .nav_list .nav_list_inner {padding: 0 20px;}
    .nav_list .nav_list_inner .depth2 {margin-top: 20px;}
    .left_area h2 span {font-size: 22px;}
    .lnb_menu_wrap > .lnb_menu > li > a {font-size: 16px;}
    .sub_area{width: calc(100% - 60px);}
    footer .footer_area{width: calc(100% - 60px);}
    
    .tab_list li a{padding: 15px 10px;font-size: 16px;}
}
@media screen and (max-width:1200px){
	/* header */
	header{height: 75px;}
    .header_nav .logo{top: 5px;}
    .header_nav .header_nav_in button{top: 20px;}
    .header_top{display: none}
    .header_inner{height: 70px;}
    .header_inner .logo {margin-top:0}
    nav{display: none;}
    .nav_bg{display: none;}
    .header_nav .header_nav_in .btn_allmenu01{display:block!important;}
    .header_nav .header_nav_in .btn_allmenu02{display: none}
    .header_inner .logo a{width: 140px;margin-top: 15px;}
    
    .allmenu {top:0;height:100%;padding-left:40%;background:rgba(0,0,0, .6);}
    .allmenu_inner {width:100%;height:100%;padding:0;overflow-y: auto;}
    .allmenu_inner .allmenu_top {display:block;}
    .allmenu_inner .btn_close {display:block;width:18px;height:18px;top: 17px;right:20px;}
    .allmenu_inner .nav_list_wrap{overflow: auto; height: calc(100% - 50px);}
    .allmenu_inner .nav_list > li {width:100%;display:table-row;}
    .allmenu_inner .nav_list > li:first-of-type {width:100%;}
    .allmenu_inner .nav_list .depth1 {height:57px;padding:0 20px;margin-bottom:0;line-height:56px;background:#2c83e0;text-align:left;border-bottom:1px solid #9c9c9c;cursor:pointer;}
    .allmenu_inner .nav_list .depth1:after {content:"";position:absolute;top:50%;right:13px;width:36px;height:36px;margin-top:-18px;background:url('../../images/front/icon/arr_down.png') no-repeat 0 0;transition:transform .5s;}
    .allmenu_inner .nav_list .depth2 {padding:0px 25px; overflow: hidden;}
    .allmenu_inner .nav_list .depth2 > li {border-top:1px solid #dbdbdb;}
    .allmenu_inner .nav_list .depth2 > li:first-of-type {padding-top:7px; border-top:none;}
    .allmenu_inner .nav_list .depth2 > li:last-of-type {padding-bottom:30px;}
    .allmenu_inner .nav_list .depth2 > li > a {font-size: 16px;padding:0 16px;line-height:44px;}
    .allmenu_inner .nav_list .depth2 > li > a:before {content:"";position:absolute;top:50%;left:4px;width:3px;height:3px;background:#828282;transform:translateY(-50%);}
    .allmenu_inner .nav_list > li.on .depth1 {background:#3c64bb;border-bottom:none;}
    .allmenu_inner .nav_list > li.on .depth1:after {transform:rotate(180deg);}
    .allmenu_inner .nav_list .depth1{color: #fff;background: #3c64bb;}
    .allmenu_inner > ul > li > p > a >span{color: #fff}
    .allmenu_inner .nav_list .depth2 > li > ul{width: 100%}
    
    /* container */
    .contents {padding:0 30px 100px;}
	.sub_area{overflow:hidden;max-width:inherit;margin-top:110px;margin-bottom:100px;}
	.sub_area .left_area{display: none}
	.sub_area .content{float:inherit;width:100%;}
	footer .footer_area address{padding-top: 85px;padding-left: 0;}
}
@media screen and (max-width:800px){
   .tbl_cell_group .input_w100 {width:100%;}
   .tbl_cell_group .form_txt_set {width:100%;}
   .tbl_cell_group .form_txt_set .input_w100 {width:80%;}
   .tbl_cell_group .form_cell2_set {width:100%;}
   .tbl_cell_group .form_cell2_set select {width:45%;}
   
	/* 탭스타일 */
	.tab_list{margin-bottom: 30px;}
    .tab_list ul{display: block;height: auto;padding: 10px;border-radius: 10px;}
    .tab_list li a{font-size: 15px;padding: 10px 20px;}
    .tab_list li a span.nation{padding-left:0;}
    .tab_list_s{margin-top: -20px;margin-bottom: 20px;}
    .tab_list_s ul{display: block;text-align: center;}
    .tab_list_s li a{height: 35px;margin: 5px;}
    .tab_list_s li a span{font-size:14px;}
	.tab_list_s li a span.nation{padding-left:0;}
	.mypage_tab > ul > li a{height: 36px;line-height: 36px;font-size: 13px}
	.mypage_tab.tab01 li a{height: 36px;line-height: 36px;font-size: 13px}
}
@media screen and (max-width:640px){/* mobile version */
    body {font-size:14px;}
    
    /* component */
    h3.tit{font-size: 26px;}
    h4.head_type4{font-size:20px;}
    .head_type4{font-size:20px;margin-bottom: 15px;}
    .input_p60{width: 100%;margin-bottom: 5px;}
    .f16{font-size: 14px;}
    .bold{font-size: 14px;}
    select, input[type="tel"], input[type="text"], input[type="number"], input[type="password"]{height: 35px;}
    .radio {height: 23px;margin-bottom: 5px;}
    
    /* header */
    .allmenu {padding-left:20%;}
    .allmenu_inner .nav_list .depth1{font-size: 16px;}
    header{height: 65px;}
    .header_nav .logo a{width: 120px;}
    .header_nav .header_nav_in .btn_allmenu01{top:12px;}
    .header_top .header_top_in li.m_none{display: none}
    .header_inner {height:50px;}
    .header_inner .logo{padding-left: 0}
    .header_inner .logo a{width:95px;height:30px;margin-top: 13px;}
    
    /* 테이블 스크롤 */
    .tbl_list_scroll {overflow-x:scroll;}
    .tbl_list_scroll .list {width:1000px;}
	
	/* container */
	.sub_area{width: calc(100% - 40px);margin-top: 100px;margin-bottom: 50px;}
	.sub_area .left_area{display: none}
	.sub_area .content{float:inherit;width:100%;}
	.only_web_list {display: none}
	.only_mobile_list{display:block;}
    
    /* footer */
    footer .footer_area{width: calc(100% - 40px);}
    footer .footer_area .footer_link_in{gap: 15px;}
    footer .footer_area .footer_link_in li:before{left: -8px;}
    footer .footer_area address ul{display: block;}
    
    /* btn */
    .btn{height: 45px;font-size: 14px;}
    .btn_form{height: 34px;font-size: 14px;line-height: 35px;}
}
@media screen and (max-width:480px){ 
    .allmenu {padding-left:10%;}
}
@media screen and (min-width: 1200px){
	.pop_wide{ width: 98%!important;}
	.pop_w1200{ width: 1200px!important;}
	.pop_w1080{ width: 1080px!important;}
	.pop_w1000{ width: 1000px!important;}
	.pop_w800{ width: 800px!important;}
	.pop_w880{ width: 880px!important;}
	.pop_w600{ width: 600px!important;}
	.pop_w400{ width: 400px!important;}
	.box_report{ padding:10px!important;}
}
/* loading */
.loading-container{width:100%;height:100%;position: relative;margin: 430px 50%;background: #fff;z-index: 99999999}
#loading {
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 6px solid rgba(75,102,155,.3);
  border-radius: 50%;
  border-top-color: #4b669b;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}