@charset "utf-8";

@import url("font.css");

/* ==========================================================================
	01. reset
   ========================================================================== */
html, body, 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, input,select,section,textarea,button {box-sizing:border-box;margin:0;padding:0;border:0;word-wrap:normal;word-break: keep-all;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
dl, ul, ol, menu, li {list-style:none}
canvas, footer, header, hgroup, menu, nav, section {display:block;}
img, input, select, textarea, button, label {vertical-align:middle;}
textarea {resize:vertical;}
img, video {max-width:100%;}
input[type=text]::-ms-clear {display: none;}
label, button {background-color:transparent;cursor:pointer}
a {text-decoration:none;}
address, caption, cite, code, dfn, em, i, var {font-style:normal;font-weight:normal}
legend, table caption {position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path: inset(50%);margin:-1px;}
table {width:100%;table-layout:fixed;border-collapse:collapse;}
th, td, textarea {word-wrap:break-word;}
html, body {height:100%;}
body {-webkit-text-size-adjust:none;background-color:#fff;}
body, table, th, td, input, select, textarea, button{font-family:'Noto Sans KR', sans-serif;font-size: 17px;font-weight:300;color:#555;line-height:1.3;letter-spacing:-0.0375em;}

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

caption, legend {display:none!important;}
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.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}

#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
   ========================================================================== */
.head_type2 {font-size:3.5rem;font-weight:600;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;color:#222;text-align: center;}
.head_type3 {font-size:24px;font-weight:600;color:#222;letter-spacing:-1px;margin-bottom: 20px}
.head_type3 .num{font-size: 16px;font-weight: 300;color: #666;margin-left: 5px;letter-spacing: 0;}
.head_type4 {font-size:18px;font-weight:600;color:#0153bf;letter-spacing:-1px;margin-bottom: 25px}
.head_type5 {font-size: 21px;font-weight:600;color: #222;margin-bottom: 20px;}
.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}
.tit_s02{font-size: 18px;color: #555;margin-bottom:25px;line-height: 1.4;margin-top: -20px;}
.transition {transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
h4.title{font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 1.375rem;font-weight: 600;color: #222;letter-spacing: 0;margin-bottom: 30px;}
h4.title02 {font-size: 1.563rem;}
h5.tit {position: relative; margin-bottom: 25px; padding-left: 15px; font-size: 1.25rem; font-weight: 600; color: #0045c9;}
h5.tit:before {content: ''; position: absolute; top: 6px; left: 0; width: 5px; height: 17px;border-radius: 20px; background-color: #0045c9;}
h5.tit02{font-size: 1.125rem;font-weight: 600;color: #0045c9;padding: 5px 0;}

@media screen and (max-width: 640px){
   .head_type3 {font-size:19px;}
   .head_type4 {font-size:18px;}
   .head_type5 {font-size:16px;}
   h4.title02{margin-bottom: 10px;font-size: 17px;}
}

.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:35px;font-family: 'Noto Sans KR', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;border:1px solid #c2c2c2;background:#fff;box-sizing:border-box;vertical-align:middle;padding-left: 5px;border-radius: 3px;}
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:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
textarea{width:100%;padding:10px;border:1px solid #d0d4d7;box-sizing:border-box;resize:none;line-height:1.5;vertical-align:top;-webkit-border-radius:0;-webkit-appearance:none;font-family: 'Noto Sans KR', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;border-radius: 4px;}
textarea::placeholder {color:#7c7c7c;line-height:1.7;}
.symbol {padding:0 10px;font-size:15px;}
span.form_txt_set {display:inline-block;}

/* radio 스타일 */
.chk_list li {display: inline-block;margin-right: 25px}
.chk_list li:last-child {margin-right: 0}
.chk_list li .chk_st {display: inline-block;margin: 10px 0;}
.chk_list li .chk_st input[type="radio"], .chk_st input[type="checkbox"] {position: absolute;overflow: hidden;width: 1px;height: 1px;clip: rect(1px,1px,1px,1px)}
.chk_list li .chk_st input[type="radio"] {position: absolute;overflow: hidden;width: 1px;height: 1px;clip: rect(1px,1px,1px,1px)}
.chk_list li .chk_st input[type="radio"]+label {position: relative;display: inline-block;padding-left: 25px;font-weight: 300;color: #555}
.chk_list li .chk_st input[type="radio"]+label:before {content: "";position: absolute;left: 0;top: 1px;width: 18px;height: 18px;font-size: 1.4rem;line-height: 1.6rem;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 100%;}
.chk_list li .chk_st input[type="radio"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_radio.png') no-repeat center center #fff;border: 1px solid #00173a}
.chk_list li .chk_st input[type="checkbox"]+label {position: relative;padding-left: 30px;font-weight: 300;color: #555;}
.chk_list li .chk_st input[type="checkbox"]+label:before {content: "";position: absolute;left: 0;top: 1px;width: 18px;height: 18px;font-size: 1.4rem;line-height: 1.6rem;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 3px;}
.chk_list li .chk_st input[type="checkbox"]:checked{border: 1px solid #00173a;}
.chk_list li .chk_st input[type="checkbox"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_check.png') no-repeat center center #113e9f;border: 1px solid #113e9f;}

/* 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:2px;left:0;}
.radio input[type="checkbox"] {position:absolute;top:2px;left:0;}
.radio label {vertical-align:baseline}
.radio + input[type="text"] {margin-left:8px;}
.radio.radio_layout{overflow: hidden;height: auto;}
.radio.radio_layout input[type="checkbox"]{float: left;top: 12px!important;}
.radio.radio_layout label{float: left;padding-top: 10px;}

.btn_radio_list {margin:-10px 0 0 -10px;}
.btn_radio_list:after {clear:both;display:block;content:"";}
.btn_radio_list .btn_radio {position:relative;overflow:hidden;float:left;display:block;padding-left:10px;margin-top:10px;}
/* .btn_radio_list .btn_radio input {position:absolute;left:-9999px;opacity:0;width:100%;height:100%;} */
.btn_radio_list .btn_radio input {position:absolute;top:0;left:10px;width:calc(100% - 10px);height:100%;}
.btn_radio_list .btn_radio input + label {position:relative;display:block;overflow:hidden;width:100%;height:50px;padding:0 5px;border:2px solid #d9d9d9;text-align:center;cursor:pointer;background-color:#fff;line-height:46px;font-size:16px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.btn_radio_list .btn_radio input + label:before {transition:all 0.2s ease-out;-webkit-transition:all .2s ease-out;}
.btn_radio_list .btn_radio input:focus + label:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid turquoise;z-index:9;box-sizing:border-box;z-index:99;}/*turquoise*/
.btn_radio_list .btn_radio input:checked + label {background-color:#05b9c8;border-color:#05b9c8;color:#fff;}
.btn_radio_list.cell2 .btn_radio {width:calc(100% / 2);}
.btn_radio_list.cell3 .btn_radio {width:calc(100% / 3);}
.btn_radio_list.cell4 .btn_radio {width:calc(100% / 4);}
.btn_radio_list.cell7 .btn_radio {width:calc(100% / 7);}
.btn_radio_list .btn_radio.cell2 {width:calc(100% / 2);}
@media screen and (max-width:640px){
   .radio label {font-size:13px;}
	.btn_radio_list {margin:-5px 0 0 -5px;}
	.btn_radio_list .btn_radio {padding:5px 0 0 5px;}
	.btn_radio_list .btn_radio input + label {height:38px;font-size:13px;line-height:34px;}
	.btn_radio_list.cell4 .btn_radio {width:100%;}
	.btn_radio_list.cell2 .btn_radio {width:100%;}
   .btn_radio_list.cell7 .btn_radio {width:calc(100% / 3);}
   
   .form_email span input {width:27% !important;}
   .form_email span select {width:30% !important;}
   .form_email span + .btn_form {margin:5px 0 0;width:100%;}
}

/* color */
.tag_area{font-weight: 600;}
.tag_area.tag01{color: #d83349;background-color: #faeded;}
.tag_area.tag02{color: #1f58ad;background-color:#e8eef6;}
.tag_area.tag03{color: #343434;background-color: #f3f3f3;}

.c_point{color: #e31a54!important;}
.color_org {color:#e53600 !important;}
.color_org2 {color:#ee1600 !important;}
.color_org3 {color:#e84c3d !important;}
.color_org4 {color:#ea584a !important;}
.color_blue {color:#186acd !important;}
.color_darkG {color:#3e3e3e !important;}
.red {color: #e71a54;}
.color_pointr{color: #e71a54;}
.bg_point{background:#faf9f9;color:#333}
.tit_point{color:#f00!important;font-weight: 400;}
.tit_b{font-size: 18px;font-weight: 600;color:#0b166a;margin-right: 10px;}
.font_s{font-size: 11px;}
.font_s02{font-size: 13px;}
.font_s03{font-size: 14px;font-weight: 300;color: #888;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;font-weight: 500;color: #222;}
.f17{font-size: 17px;font-weight: 600;color: #444;}
.font_refer{text-align: left;font-size: 14px;margin-top: 10px;}
.bold{font-weight: 600;color: #333;}
.bold02{font-weight: 600;color: #222;}
.bold_b{font-weight: 600;color: #2680e7;}
.border_l_non{border-left: none!important;}
.f_b{font-weight: 500;}
.asterisk{padding-right:5px;font-size: 1.5rem;color: red;vertical-align: middle;}

/* 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}
.posi_left{left:0!important;}

/* size */
.input_etc{width: 85%;margin-left: 10px;}
.input_etc2{width: 80%;}
.input_p25{width:25%!important;}
.input_p60{width:60%!important;}
.input_p70{width: 70%!important;}
.input_p80{width: 80%!important;}
.input_p100{width: 100%!important;}
.input_w40{width: 40px!important;}
.input_w120{width: 120px!important;}
.in_wp50{width:55px!important;}
.in_wp90{width:90px}
.in_wp100{width:100px}
.in_wp130{width:130px}
.in_wp200{width:200px}
.in_wp300{width:300px}
.margin5{margin:5px}
.marginr20{margin-right: 20px}
.mt-20{margin-top:20px!important;}
.mb-15{margin-bottom:-15px!important;}
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{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:40px!important;}
.mb70{margin-bottom:70px!important;}
.ml10{margin-left:10px!important;}
.pl0{padding-left: 0!important;}
.pl20{padding-left: 20px!important;}
.pl25{padding-left: 25px!important;}
.marginb30{margin-bottom:30px!important;}

/* btn */
.btn_wrap{overflow:hidden;text-align:center;font-size:0;}
.btn_wrap.line_top{border-top: 1px #ddd solid;padding-top: 30px;}
.btn_wrap .btn {display:inline-block;height:52px;min-width:120px;padding:0 25px;margin-left:10px;line-height:50px;text-align:center;color:#3052b6;font-size: 1rem;font-weight:400;vertical-align:middle;background:#fff;border: 1px #3052b6 solid;border-radius: 5px;}
.btn_wrap .btn:hover{color: #fff;background: #3052b6;transition: all .3s ease;}
.btn_wrap .btn:first-child {margin-left:0;}
.btn_wrap .btn.org {background:#e74c3c;border-color:#e74c3c;}
.btn_wrap .btn.white_blue_line {background:#fff;border:1px solid #004597;color:#004597}
.btn_wrap .icon {display:inline-block;width:20px;height:20px;margin-right:15px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.btn_wrap .icon_reset {background-image:url('../../images/front/icon/icon_reset.png');}
.btn_wrap .icon_done {background-image:url('../../images/front/icon/icon_done.png');}
.btn_wrap .icon_arrL {margin-left:-16px;background-image:url('../../images/front/icon/arr_left_b.png');}
.btn_wrap .icon_arrR {background:url('../../images/front/common/icon_btn_next.png') no-repeat 87% center #1b3e7c; padding-right:40px}
.btn_wrap.size_b button{height: 50px!important;}
.btn_form {display: inline-block;height:30px;font-size:0.875em;color:#fff;line-height:30px;vertical-align: middle;background:#11244d;border-radius: 3px;padding:0 8px;}
.btn_form.down{background:url('../../images/front/icon/icon_down02.png') no-repeat 8px center #11244d;padding-left: 23px;}
a.btn_form{height: 35px;padding: 0 10px;background: #1c2d51;border-radius: 5px;font-size:0.875em;color:#fff!important;line-height: 35px!important;}
button.btn_s.add {display: inline-block;height:30px;padding:0 10px;background:#465374;color:#fff;font-size:13px;line-height:30px;vertical-align: middle;}
button.btn_s.excel {display: inline-block;height:30px;padding:0 10px;background:#206f44;color:#fff;font-size:13px;line-height:30px;vertical-align: middle;}
.btn_addRow {display:inline-block;float:right;margin-top: 10px;}
.btn_addRow .btn_add {display:inline-block;height:32px;padding:0 5px;border:1px solid #16a3c0;color:#16a3c0;border-radius:5px;font-size:14px;font-weight:400;line-height:31px;background:#fff;}
.btn_addRow .btn_add:before {content:"+";display:inline-block;padding-right:5px;}
.btn_addRow .btn_del {display:inline-block;height:32px;padding:0 5px;border:1px solid #16a3c0;color:#16a3c0;border-radius:5px;font-size:14px;font-weight:400;line-height:31px;background:#fff;margin-left: 3px}
.btn_addRow .btn_del:before{content:"-";display:inline-block;padding-right:5px;}
.btn_down{display: inline-block;height: 45px;font-weight: 500;color: #7c848d;line-height: 40px;padding: 0 10px;border: 1px solid #c2c2c2;border-radius: 5px;background: url('../../images/front/icon/icon_down05.png') no-repeat 20px 13px #fff;padding: 0 20px 0 40px;}
.btn_down:hover{border: 1px #1243a9 solid;}
.btn.clear{width: 40px;height: 40px;font-size: 0;border-radius: 5px;background: url('../../images/front/icon/icon_refresh.png') no-repeat center center #444;margin-left: 1px;}
.btn_deform {display:inline-block;height:29px;color:#fff;border:1px solid #dadada;background:#dadada;border-radius:3px;vertical-align:middle;margin-left:5px;line-height:28px;font-size:13px;text-align:center;padding:0 6px;margin-left: 5px;}
.btn_my{display:inline-block;height:38px;font-size:0.9375rem;color: #11244d;line-height:38px;text-align:center;background:#fff;border: 1px #11244d solid;padding:0 20px;border-radius: 3px;vertical-align: middle;}
.btn.s_save_btn{min-width: 50px;height: 34px;font-size: 0.875rem;color: #fff;text-align:center;padding: 5px 10px 6px 10px;background-color: #444;margin-left: 5px;border-radius: 3px;}
.btn.s_cancel_btn{color: #ffffff;text-align:center;padding: 7px 10px;background-color: #333;margin-left: 5px;}

.btn_srch{position: relative;height: 38px;padding: 0 10px 0 30px;font-size: 15px;color: #fff;border-radius: 5px;background: #333;margin: 0 3px}
.btn_srch:before {content: ''; position: absolute; top: 0; left: 10px; width: 20px; height: 35px; background: url('../../images/front/icon/icon_search.png') no-repeat 0 center;}
.btn_srch_w{position: relative;height: 38px;padding: 0 10px;font-size: 15px;color: #333;border-radius: 5px;background: #fff;border: 2px #333 solid;}
.btn_s{color:#4a91fc;border: 1px #4a91fc solid;background:#fff;border-radius: 3px;padding:1px 5px;}
.ui-jqgrid tr.jqgrow td .btn_s{min-width: 85px;font-family: 'Noto Sans KR';font-size: 13px;font-weight: 500;letter-spacing:-0.0375em;padding: 3px 5px;margin: 3px 0;}

.btn_nomal{display:inline-block;height:52px;min-width:110px;text-align:center;vertical-align:middle;background:#fff;border: 1px #3052b6 solid;border-radius: 5px;padding:0 20px;margin-left:10px;}
.btn_nomal.large{min-width:240px;}
.btn_nomal.small{min-width:40px;height: 36px;font-size:14px;line-height:34px;}
.btn_nomal span{font-size: 1rem!important;font-weight:500!important;color:#3052b6!important;line-height:50px;}

.btn_list_s{position:relative;display:inline-block;height:32px;font-size:14px;font-weight:300;color:#fff;line-height:30px;border-radius:3px;background:#11244d;letter-spacing:-0.5px;padding: 0 10px 0 30px;}
.btn_list_s:link, .btn_list_s:visited, .btn_list_s:hover, .btn_list_s:active, .btn_list_s:focus{color:#fff;}
.btn_list_s.icon01::before{content: ''; position: absolute;top:8px;left:10px; width: 16px; height: 16px; background: url(../../images/front/icon/icon_graph.png) no-repeat;}
.btn_list_s.icon02::before{content: ''; position: absolute;top:8px;left:10px; width: 16px; height: 16px; background: url(../../images/front/icon/patent_result_icon.png) no-repeat;}
.btn.s_save_btn.file{position: relative;font-weight: 300;padding-left: 25px;}
.btn.s_save_btn.file::before{content: '';position: absolute;top:10px;left:10px;width: 10px;height: 13px;background: url(../../images/front/icon/icon_up02.png) no-repeat;}

/* btn */
.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: 1rem;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;border-radius: 8px;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.down{padding: 5px 30px 5px 15px;}
.btn_s.down::before{content: '';position: absolute;top:11px;right:8px;width: 17px;height: 18px;background:url('../../images/front/icon/icon_down02.png') no-repeat;background-size: cover;}
a.btn_s.down::before{top:5px;}
.btn_s.up::before{content: '';position: absolute;top:10px;right:6px;width: 11px;height: 12px;background:url('../../images/front/icon/icon_up.png') no-repeat;background-size: cover;}
a.btn_s.up::before{top:7px;}
.btn.round{border-radius: 50px;line-height: 47px!important;}
.btn.round:hover{background: #0d42a6;color: #fff;}
.btn.sm.icon_guide{position: relative;min-width:120px;font-size: 1rem;padding-right: 34px;}
.btn.sm.icon_guide::before{content: '';position: absolute;top:11px;right:10px;width: 18px;height: 14px;background:url('../../images/front/icon/icon_guide.png') no-repeat;background-size: cover;}

@media screen and (max-width:640px){
	.btn_wrap{margin:20px 0}
	.btn_wrap .float_left, .btn_wrap .float_right{float: none;}
	.btn_wrap .float_left button{min-width:100%;margin:0 0 5px 0;}
	.btn_wrap .float_right button{width: 100%;margin:0 0 5px 0;}
	.btn_wrap .btn {height:38px;min-width:95px;line-height:36px;padding:0 15px;font-size:14px;}
	.btn_wrap .icon {margin-right:5px;}
	.btn_wrap .icon_arrL {margin:0 7px 0 -14px;}
	.btn_wrap .icon_arrR {margin:0 -16px 0 8px;padding:0 25px 0 15px;background: url(../../images/front/common/icon_btn_next.png) no-repeat 95% center #1b3e7c;}
	.btn_down {height:35px;font-size:13px;line-height:32px;background: url('../../images/front/icon/icon_down05.png') no-repeat 20px 9px #fff}
	.btn_my{height: 32px;font-size:13px;line-height: 32px;padding: 0 10px;}
	.btn_srch{height:35px;font-size:13px;}
	.btn_srch_w{height:35px;font-size:13px;}
	.btn_graph{padding: 0 10px 0 33px;background: url(../../images/front/icon/icon_graph.png) no-repeat 10px center #113e9f;}
    .btn_list_s{height:30px;font-size:13px;}
    .btn_wrap.size_b button{height: 40px!important;font-size:13px!important;}
    .btn_nomal{height: 38px;}
    .btn_nomal span{line-height: 38px;}
}

/* 첨부파일 */
.file_con a{position: relative;display: block;line-height: 25px;padding-left: 30px;margin: 5px 0;}
.file_con a::before{content: '';position: absolute;top:2px;left:0;width: 25px;height: 25px;background: url('/images/front/icon/icon_file.png') no-repeat 0 0;}
.file_con a:hover{text-decoration: underline;}
.file_area{margin-top: 10px}
.file_area .download{display:inline-block;background:none;margin:3px 0;padding-left:0;color:#333;}
.file_area .download img{vertical-align: top;padding-right: 5px}
.file_area .btn_file_delete{display:inline-block;}
.file_area .btn_file_delete img{vertical-align: middle;padding-left: 5px}

/* 탭스타일 */
.tab_list{margin-bottom: 40px;}
.tab_list ul{display: flex;width: 100%;}
.tab_list li{position: relative;flex-shrink: 1;flex-grow: 1;}
.tab_list li a{position: relative;display: inline-block;width: 100%;border: 1px solid #ddd;border-right: none;background-color: #fff;font-size:1.063rem;font-weight:500;color: #666;line-height:48px;text-align: center;transition: .3s;}
.tab_list li:first-child a{border-radius: 8px 0 0 8px;}
.tab_list li:last-child a{border-radius: 0 8px 8px 0;border-right: 1px solid #ddd;}
.tab_list li.on a{font-weight: 500;color: #fff;background: #3052b7;border: 1px solid #3052b7;}
.tab_list.info li{flex: 1;}
.tab_list.info .tip_area{width: auto;top: 10px;right: auto;margin-left: 10px;font-weight: 300;color: #444;text-align: left;}
.tab_list.type2 ul{flex-wrap: wrap;}
.tab_list.type2 li{flex: 1 1 25%;}
.tab_list.type2 li:first-child a{border-radius: 8px 0 0 0;}
.tab_list.type2 li:last-child a{border-radius: 0 0 8px 0;}
.tab_list.type2 li:nth-child(4) a{border-radius: 0 8px 0 0;border: 1px solid #ddd;}
.tab_list.type2 li:nth-child(5) a{border-radius: 0 0 0 8px;}
.tab_list.type2 li:nth-child(n+5) {margin-top: -1px;}

.tab_list_s{position: relative;overflow: hidden;}
.tab_list_s li{float: left;margin-right: 5px;}
.tab_list_s li a {display: block;min-width: 60px;height: 36px;font-size: 14px;font-weight: 400;color: #666;line-height: 28px;text-align: center;padding: 0 1rem;border: 3px solid #ddd;border-radius: 50px;background-color: #fff;}
.tab_list_s li.on a, .tab_list_s li:hover a{background: #f33958;border: 3px solid #f33958;color: #fff;}


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

body.open_menu {overflow: hidden;}

/* header */
header {position: relative;height: 125px;background: #fff;z-index: 99;border-bottom: 1px #e6e6e6 solid;z-index: 1000;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;letter-spacing: 0;}
header .header_nav {position: relative;max-width: 1440px;margin: 0 auto;}
header .header_nav:after {clear:both;display:block;content:"";}
header .header_nav .logo a {display:block;width:280px;height:40px;background:url('../../images/front/common/logo.png') no-repeat 0 0;}
header .header_nav .header_nav_in .btn_allmenu01{display: none;background:url('../../images/front/icon/icon_allmenu.png') no-repeat center;}
header .header_nav .header_nav_in .btn_allmenu{display: none;position: absolute;top:25px;right:0;width:25px;height:19px;background:url('../../images/front/icon/icon_allmenu.png') no-repeat center;z-index: 99;}
.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;}
header .header_nav .header_nav_in{display: flex;justify-content: space-between;align-items: center;padding-top: 35px;}
.utill_area{position: absolute;top:16px;right:0;z-index: 999}
.utill_area li{display: inline-block;margin-left: 5px;}
.utill_area li a{background: #fff;border: 1px #ddd solid;border-radius: 5px;padding: 5px 8px;font-size: 15px;font-weight: 400;}

nav {position: relative;}
.nav_list {display:table;}
.nav_list > li {position:relative;display:table-cell;padding:30px 0;}
.nav_list > li:first-child:before{display: none;}
.nav_list > li > a {display:block;padding:0 70px;font-size:22px;font-weight:600;color:#222;line-height:30px;}
.nav_list .depth1 {position:relative;display:block;margin-bottom:20px;font-size:17px;font-weight:500;color:#111;line-height:38px;padding: 25px 0 0 0;letter-spacing: -0.6px}
.nav_list .depth2 > li > a {position:relative;display: inline-block;font-size:17px;color:#fff;padding: 8px 5px;line-height: 130%;}
.nav_list .depth2 > li > a:hover{text-decoration: underline;}
.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:90px;width:100%;z-index:2;text-align: left;padding: 0 10px;border-right: 1px #5a76c9 solid;}
.nav_list li:hover .nav_list_inner{background: #21409d;}
.nav_list li:nth-child(1) .nav_list_inner{border-left: 1px #5a76c9 solid;}
.nav_list .nav_list_inner .depth2{padding-top: 30px}
.nav_bg {display:block;position:absolute;top:125px;left:0;width:100%;background:#4163c9;z-index: 1;
   -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_bg_b{position: absolute;top: 90px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.7);transition-property:transition-duration:0.25s;}
.nav_list .nav_list_inner .depth2 .nav_point{position:relative;border: 1px #ddd solid;padding: 10px 0 10px 15px;margin-bottom: 10px;margin-left: -10px;}
.nav_list .nav_list_inner .depth2 .nav_point:before{content: '';position: absolute;top:24%;right:15px;display: block;width: 23px;height: 24px;background: url('../../images/front/icon/nav_point.png') no-repeat 0 0;}
header.main_header .nav_list > li > a{padding: 0 35px;}

.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:9999;}
.allmenu_inner {position:relative;max-width:1200px;height: 100%;margin:0 auto;padding:10px 0 28px;background:#fff;}
.allmenu_inner .allmenu_top {display:none;height:50px;padding:5px 20px 0;}
.allmenu_inner .allmenu_top a{display:inline-block;padding:0 10px;border-radius:5px;border:1px solid #c9c9c9;line-height:28px;text-align:center;font-size:14px;}
.allmenu_inner .btn_close {display:none;position:absolute;top:6px;right:15px;}
.allmenu_inner .btn_close::before{content:'';position:absolute;top:0;right:0;width:20px;height:20px;background:url('/images/front/icon/close.png') no-repeat 0 0;background-size: 100%;}
.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;padding: 0;}

/* container */
.sub_visual {position:relative;width: 100%;height:280px;margin-bottom: 35px;background: url('../../images/front/sub/sub_visual.jpg') no-repeat center center;background-size: cover;}
.sub_visual h2{padding-top: 90px;color: #fff;} 
.sub_visual .location_area{padding-top: 15px; text-align: center;}
.sub_visual .location_area li{position: relative;display: inline-block;padding: 0 10px 0 20px;}
.sub_visual .location_area li a{font-size: 15px;color: #fff;text-decoration: underline;}
.sub_visual .location_area li:before{content:"/";position:absolute;top:0;left:0;display: inline-block;font-size: 13px;color: #fff;opacity: 0.8}
.sub_visual .location_area li:first-child:before{display: none;}
.sub_visual .location_area li .icon_home{position: relative;padding-left: 23px;}
.sub_visual .location_area li .icon_home::before{content: '';position: absolute;top:5px;left:0;width: 16px;height: 17px;background:url('../../images/front/icon/icon_home.png') no-repeat 0 0;}
.content{max-width: 1400px;min-height: 500px;margin: 0 auto 150px auto;}
.only_mobile_list{display: none;}

/* footer */
.footer_banner_wrap{border-top: 1px #e2e2e2 solid;}
.footer_banner{position:relative;max-width:1440px;margin:0 auto;padding: 30px 0;}
.footer_banner .footer_banner_btn{position: absolute;top:35px;right:0;}
.footer_banner .footer_banner_btn button{display: inline-block;width: 9px;height: 16px;font-size: 0;margin: 0 7px;}
.footer_banner .footer_banner_btn .next{background:url('../../images/front/icon/icon_c_left.png') no-repeat center center;}
.footer_banner .footer_banner_btn .stop{background:url('../../images/front/icon/icon_pause.png') no-repeat center center;}
.footer_banner .footer_banner_btn .play{background:url('../../images/front/icon/icon_play.png') no-repeat center center;}
.footer_banner .footer_banner_btn .pre{background:url('../../images/front/icon/icon_c_right.png') no-repeat center center;}
.footer_banner .bx-wrapper{overflow: hidden;max-width:80%!important;}
.footer_banner .bx-wrapper li{float: left;display: inline-block;height: 35px;width: 230px!important;text-align: center;}
.footer_banner .bx-wrapper li a{display:inline-block;height: 35px;}
.footer_banner .bx-wrapper li img{max-height: 35px;vertical-align: middle;}

footer{position:relative;background:#1c202f;}
footer .footer_wrap{position: relative;max-width: 1440px;font-weight: 200;color: #ddd;letter-spacing: 0;margin: 0 auto;padding: 50px 0 70px 0;}
footer .foot_menu li{position: relative;display: inline-block;margin-bottom: 30px;}
footer .foot_menu li:first-child a{font-weight: 400;color: #5994ec;}
footer .foot_menu li::before{content: '';position: absolute;top:3px;left:-14px;display:inline;width:1px;height:15px;background:#616269;}
footer .foot_menu li:first-child::before{display: none;}
footer .foot_menu a{display: inline-block;font-weight: 300;color: #fff;margin-right: 30px;}
footer .foot_menu a strong{font-weight: 500;color: #6498e7;}
footer .footer_wrap address{font-style:normal;font-weight: 200;letter-spacing: -0.0375em;margin-bottom: 6px;}
footer .footer_wrap address strong{font-weight: 500;padding-right: 10px;}
footer .footer_wrap address span{position: relative;padding-left: 30px}
footer .footer_wrap a{color: #ddd;}
footer .footer_wrap .foot_company{position: absolute;top:60px;right:0}

/* JQ그리드 수정 */
.ui-widget-content{border:2px solid #113e9f;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:17px!important;font-weight: 600!important;color:#113e9f!important;padding:16px 2px 6px 2px;border-bottom: 1px #113e9f solid!important;letter-spacing:-1px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th{background: #eef2fb!important;}
.ui-jqgrid-htable thead th:last-child, .ui-jqgrid tr.ui-row-ltr td:last-child{border-right: none!important;}
.ui-state-default, .ui-widget-content .ui-state-default{font-size: 14px!important;color: #555!important;}
.ui-widget{font-family: 'Noto Sans KR', '맑은 고딕', '돋움', 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:50px;font-size: 15px!important;color:#555!important;line-height:120%!important;vertical-align: middle;border-bottom: 1px #ddd solid!important;padding: 12px 10px!important;}
.ui-jqgrid tr.ui-row-ltr td{border-right: 1px #ddd solid!important;white-space: normal!important;}
.ui-state-default, .ui-widget-content .ui-state-default{background: #f6f7f9!important;}
.ui-jqgrid .ui-jqgrid-bdiv{height: 550px!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;}
.pop_content_area .pop_content .ui-jqgrid .ui-jqgrid-bdiv{height: 300px!important;}

/* calendar */
.ui-helper-clearfix{border: 1px #ddd solid!important;}
.ui-helper-clearfix.ui-widget-header{background:#dce4ec!important;}
.ui-datepicker-calendar th{font-size: 14px!important;font-weight: 500!important;}
.ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default{color:#888!important;font-weight: 300!important;}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default{color:#2d52b6!important;font-weight: 600!important;background: #e2f7f1!important;}
.ui-datepicker-calendar .ui-state-default.ui-state-hover{color:#2d52b6!important;font-weight: 400!important;}
.ui-datepicker td span, .ui-datepicker td a{padding: 5px 0.2em!important;}
.ui-datepicker-calendar .ui-state-default{border:none!important;}
.ui-datepicker .ui-datepicker-title select{font-size: 0.875rem!important;color: #000;}
.ui-widget-header{font-weight: 300!important;}
.ui-datepicker-trigger{cursor: pointer;}

/* loading */
.loading.ui-state-default.ui-state-active{display:inline-block;width:200px!important;height:200px!important;background:url('../../images/front/common/loading.gif') no-repeat 0 0!important;border:none;font-size:0!important;}
.ui-jqgrid .loading{top:35%;}

/* 퀵메뉴 */
.quick_wrap{position: fixed;top: 50%;right: 0;transform: translateY(-50%);display: flex;align-items: flex-start;flex-direction: row-reverse;z-index: 999;}
.quick_menu{display:none;width: 100px;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;letter-spacing:0;text-align: center;}
.quick_menu .quick_box{overflow: hidden;width: 110px;background: #316ee7;border-radius: 25px 0 0 25px;border-top: 1px solid rgba(255, 255, 255, 0.5);border-right: 1px solid rgba(255, 255, 255, 0.5);}
.quick_menu .tit{font-weight: 600;color: #fff;background: #1c3478;padding: 20px 0;}
.quick_menu li{margin: 0 8px;border-bottom: 1px #5a8ae9 solid;}
.quick_menu li a{display: flex;justify-content: space-evenly;align-items: center;min-height: 60px;padding: 12px 8px;font-size: 14px;font-weight: 400;color: #fff;}
.quick_menu li a span{word-break: keep-all!important;}
.quick_menu .btn_setting{position: relative;display: inline-block;width: 45px;height: 45px;margin-top: 10px;background: #2f2f2f;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50%;font-size: 0;}
.quick_menu .btn_setting::before{content: '';position: absolute;top:50%;left:50%;width: 21px;height: 21px;background: url('../../images/front/icon/icon_set.png') no-repeat 0 0;background-size: cover;transform: translate(-50%, -50%);}
.quick_info{padding: 20px}
.quick_info p{position: relative;padding-top: 65px;font-size: 15px;font-weight: 500;color: #fff;}
.quick_info p::before{content: '';position: absolute;top:0;left:50%;width: 55px;height: 55px;background: #2651af;border-radius: 50%;transform: translateX(-50%);}
.quick_info p::after{content: '';position: absolute;top:0;left:50%;width: 55px;height: 55px;background: url('../../images/front/icon/icon_login.png') no-repeat center center;transform: translateX(-50%);}
.quick_info.type2 p::after{content: '';position: absolute;top:0;left:50%;width: 55px;height: 55px;background: url('../../images/front/icon/icon_info02.png') no-repeat center center;transform: translateX(-50%);}

.quick_menu_all{display:none;position: relative;overflow: hidden;width: 310px;margin-right: 10px;border: 1px #2f2f2f solid;border-radius: 20px;background: #fff;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;letter-spacing:0;z-index: 999;}
.quick_menu_all .tit_area{padding: 27px 0 15px 50px;background: #f3f4f6;}
.quick_menu_all .tit_area p{position: relative;font-size: 18px;font-weight: 500;color: #222;}
.quick_menu_all .tit_area p::before{content: '';position: absolute;top:0px;left:-35px;width: 26px;height: 26px;background: #316ee7;border-radius: 50%;}
.quick_menu_all .tit_area p::after{content: '';position: absolute;top:5px;left:-30px;width: 16px;height: 16px;background: url('../../images/front/icon/icon_set.png') no-repeat;background-size: cover;border-radius: 50%;}
.quick_menu_all .tit_area span{font-size: 15px;}
.quick_menu_all .btn_close{position: absolute;top: 15px;right: 15px;display: inline-block;width: 18px;height: 18px;background: url('../../images/front/icon/close.png') no-repeat;background-size: cover;text-indent: -9999px;}
.quick_menu_all ul{padding: 20px 20px 5px 20px;}
.quick_menu_all li{position: relative;height: 43px;margin: 5px 0;border: 1px #ddd solid;border-radius: 5px;text-align: center;}
.quick_menu_all li span{display: inline-block;margin-left: -10px;font-weight: 400;line-height: 43px;}
.quick_menu_all li .li-close{position: absolute;top:13px;right:5px;width: 16px;height: 16px;background: #dedede;border-radius: 50%;font-size: 0;}
.quick_menu_all li .li-close::before{content: '';position: absolute;top:50%;left:50%;width: 7px;height: 7px;background: url('../../images/front/icon/close04.png') no-repeat 0 0;transform: translate(-50%, -50%);}

.btn_wish{display:inline-block;height: 32px;font-size:14px;font-weight:600;color: #666;border: 1px #da4a4a solid;background:url('../../images/front/icon/icon_wish.png') no-repeat 10px center;padding: 0 10px 0 32px;}
.btn_wish.off{background:url('../../images/front/icon/icon_wish_off.png') no-repeat 10px center;}

@media screen and (max-width:1440px){
   /* header */
   header{padding: 0 20px;}
   .nav_list > li > a{padding:0 50px;}
   .utill_area{right:20px;}
   
   /* contents */
   .content {padding: 0 30px;}
   .top_search{right: 20px;}
   .btn_wrap{margin:30px 0px auto 0px;}
   .quick_wrap{display: none;}

   /* footer */
   footer .footer_link_wrap{padding: 0 20px;}
   footer .footer_wrap{padding: 35px 30px;}
   footer .footer_wrap .foot_company{right:20px;}
}
@media screen and (max-width:1240px){
	/* header */
   header{height: 65px;}
   nav{display: none;}
   header .header_nav .header_nav_in{padding-top: 15px;}
   header .header_nav .header_nav_in .btn_allmenu{display: block;}
   .utill_area{display: none}
   .nav_list .depth2 > li > a {color: #666;}
   
   /* footer */
   footer .footer_wrap .foot_company{position:static;margin-top:30px;}
   
   /* container */
   .allmenu {top:0;height:100%;padding-left:40%;background:rgba(0,0,0, .6);}
   .allmenu_inner .allmenu_top {display:block;}
   .allmenu_inner .btn_close {display:block;width:18px;height:18px;top: 15px;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:#1bb3cd;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, .2);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 {padding:0 16px;line-height:44px;font-size: 15px;}
   .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:#2c5cdf;border-bottom:none;}
   .allmenu_inner .nav_list > li.on .depth1:after {transform:rotate(180deg);}
   .allmenu_inner .nav_list .depth1{font-size: 16px;font-weight: 500;color: #fff;background: #457ce9;}
   .allmenu_inner > ul > li > p > a >span{color: #fff}
   .allmenu_inner .nav_list .depth2 > li > ul{width: 100%}
   
   /* 탭스타일 */
   	.tab_list{margin-bottom: 30px;}
	.tab_list ul{display: block;}
	.tab_list li a{line-height: 40px;border-right:1px solid #ddd;}
	.tab_list li:first-child a{border-radius:0}
	.tab_list li:last-child a{border-radius:0}
    .tab_list.type2 li:first-child a{border-radius: 0;}
    .tab_list.type2 li:last-child a{border-radius: 0;}
    .tab_list.type2 li:nth-child(4) a{border-radius: 0;}
    .tab_list.type2 li:nth-child(5) a{border-radius: 0;}
    .tab_list li:nth-child(n+2) {margin-top: -1px;}
}
@media screen and (max-width:800px){
   .header_nav .logo {top: 25px;}
   .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%;}
   h5.tit:before {top: 5px; height: 15px;}
   
   /* container */
   .sub_visual{height: 230px;}
   .sub_visual h2{font-size: 3rem;padding-top: 75px;}
}
@media screen and (max-width:640px){/* mobile version */
   html {font-size: 13px;}
   body {font-size:14px;}
   body, table, th, td, input, select, textarea, button{font-size: 14px;}
   select, input[type="tel"], input[type="text"], input[type="number"], input[type="password"]{height:35px;font-size: 14px;}
   .f15{font-size:14px;}
   .chart_list li{padding: 0 10px 0 17px;}
   .datepicker.hasDatepicker{width: 40% !important;}
   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"] {width: 100%!important; margin-left: 0; margin: 3px 0;}
    .in_wp200 {width: 100%;}
   
    /* header */
    header{height: 60px;}
    header .header_nav .logo a{width: 220px;height: 30px;background-size: cover;}
    header .header_nav .header_nav_in .btn_allmenu{top:23px;}
    .header_top .header_top_in li.m_none{display: none}
    .bread_crumb .bread_crumb_inner .home, .bread_crumb .bread_crumb_menu.depth1, .bread_crumb .bread_crumb_menu.depth2:before{display: none;}
    .allmenu {padding-left:20%;}
   
	/* container */
	.sub_visual{height: 170px;margin-bottom: 15px;}
	.sub_visual h2{font-size: 2rem;padding-top: 55px;}
	.sub_visual .location_area {padding-top: 5px;}
	.sub_visual .location_area li a{font-size: 14px;}
	.sub_visual .location_area li:before{font-size: 12px;top: 2px;}
	.sub_visual .location_area li .icon_home::before{top: 3px;}
	.content{padding: 0 20px;min-height: auto;}
	
	.only_web_list {display: none}
	.only_mobile_list{display:block; /*margin:0 20px;*/}
	.btn_wrap .btn{font-size: 14px;height:38px;line-height:34px;}
	
	/* 테이블 스크롤 */
	.tbl_list_scroll {overflow-x:scroll;}
	.tbl_list_scroll .list {width:1000px;}
	
	/* footer */
	footer .footer_link_wrap .footer_link_in{padding:20px 0;}
	footer .footer_wrap .foot_company img{width:160px;}
	footer .footer_wrap address span{padding-left: 20px;}
	.footer_banner .bx-wrapper{max-width: 250px!important;}
	
	/* JQ그리드 수정 */
	.ui-jqgrid .ui-jqgrid-htable th div{height:auto;font-size:13px;}
	.ui-jqgrid tr.jqgrow td{height:40px;font-size:13px!important;}
	.ui-state-default.ui-jqgrid-pager.ui-corner-bottom .ui-pager-control .ui-jqgrid .ui-pg-table{table-layout: auto;}
	.ui-pager-control .ui-pg-selbox{width: 50px;}
	#conflict_pager_left{width: 10px;}
	
	.input_p60, .input_p80 {width: 100%!important;}
}
@media screen and (max-width:480px){
   .allmenu {padding-left:10%;}
}
@media screen and (min-width: 1025px){
	.pop_wide{ width: 98%!important;}
	.pop_w1200{ width: 1100px!important;}
    .pop_w1100{ width: 1100px!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;}
}