@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: break-word;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:normal;word-break: keep-all;}
html, body {height:100%;}
body {-webkit-text-size-adjust:none;background-color:#fff;}
body, table, th, td, input, select, textarea, button{font-family:'pretendard', sans-serif;font-weight:500;font-size:1rem;color:#555;line-height:1.3;line-height: 1.5;}

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: -150px;width: 100%; height: 1px; text-align: center}
#skip_nav a:focus, #skip_nav a:active {position: absolute;top: 0; z-index: 999999; height: 50px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #f3f3f3;}
em {font-style:normal;}

/* ==========================================================================
	03. accessibility
   ========================================================================== */
#accessibility {position:absolute;top:-80px;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_type4 {font-size:22px;font-weight:600;color:#008d8e;letter-spacing:-1px;margin-bottom: 25px}
.head_type5 {font-size: 21px;font-weight:600;color: #222;margin-bottom: 20px;}
h4.tit_s{margin-bottom:20px}
h4.tit {position:relative;font-size: 1.375rem; font-weight: 600; color: #333;margin-bottom: 20px!important; padding-left: 25px;}
h4.tit::before {content: ''; position: absolute;top: 9px;left: 0;width: 16px;height: 16px;background: url('../../images/front/sub/icon_tit02.png') no-repeat;}
.transition {transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}

@media screen and (max-width:600px){
   .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:35px;border:1px solid #d0d4d7;box-sizing:border-box;vertical-align:middle;padding-left: 7px;border-radius: 3px;}
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;}

textarea{width:100%;padding:10px;border:1px solid #d0d4d7;box-sizing:border-box;resize:none;border-radius: 3px;}
textarea::placeholder {color:#7c7c7c;line-height:1.7;}

/* 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 */
.color_org {color:#ef3420 !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;}
.text-red{font-size: 20px;color: red;vertical-align: middle;margin-left: 3px;}
.tit_point{color:#ef2353 !important;}
.quiz_point{font-weight: 600;color: red;text-decoration: underline;}
.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;}
.bold_b{font-weight: 600;color: #2680e7;}
.border_l_non{border-left: none!important;}
.color_pointr{font-size: 1.4rem;font-weight: 400;color:#ef2353;vertical-align: middle;}
.state{display: inline-block;height: 31px;font-size: 15px;font-weight: 500;color: #fff;line-height: 31px;padding: 0 15px;background: #062282;border-radius: 30px;margin-right: 10px;}

/* 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 */
.input_p80{width: 80% !important;}
.input_p100{width: 100% !important;}
.input_w40{width: 40px !important;}
.input_w120{width: 120px !important;}
.input_etc{width: 85%;margin-left: 10px;}
.input_etc2{width: 80%;}
.input_p25{width:25%!important;}
.input_p60{width:60%!important;}
.in_wp50{width:55px!important;}
.in_wp100{width:100px}
.in_wp200{width:200px}
.in_wp300{width:300px}

.w10{width:10%!important}
.w15{width:15%!important}
.w20{width:20%!important}
.w25{width:25%!important}
.w30{width:30%!important}
.w35{width:35%!important}
.w40{width:40%!important}
.w45{width:45%!important}
.w50{width:50%!important}
.w55{width:55%!important}
.w60{width:60%!important}
.w65{width:65%!important}
.w70{width:70%!important}
.w75{width:75%!important}
.w80{width:80%!important}
.w85{width:85%!important}
.w90{width:90%!important}
.w95{width:95%!important}
.w100{width:100%!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;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!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;}
.mb60{margin-bottom:60px!important;}
.ml150 {margin-left: 150px;}
.pb30 {padding-bottom: 30px!important;}
.ptb0 {padding-top:0!important; padding-bottom: 0!important;}
.pl0{padding-left: 0!important;}
.pl25{padding-left: 25px!important;}

/* btn_style */
.btn_wrap{overflow:hidden;margin-top:30px;text-align:center;font-size:0;margin-bottom: 30px}
.btn_wrap .btn {display:inline-block;height:50px;min-width:110px;padding:0 25px;margin-left:10px;text-align:center;color:#fff;font-size:1.063rem;font-weight:500;vertical-align:middle;background:#008d8e;border-radius: 6px;}
.btn_wrap .btn:first-child {margin-left:0;}
.btn_wrap .btn.org {background:#e74c3c;border-color:#e74c3c;}
.btn_wrap .btn.blue_btn {color:#008d8e;background:#fff;border:1px #008d8e solid;}
.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}
button.btn_form {display: inline-block;min-width: 70px;height:32px;padding:0 10px;background:#555555;color:#fff;font-size:14px;line-height:30px;vertical-align: top;}
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_wrap.btn_top{margin-bottom:10px;}
.btn_wrap.btn_top .btn{height: 40px;min-width: 50px;font-size: 1rem;}
.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: 32px;padding: 0 10px;border: 1px solid #16a3c0;color: #16a3c0;border-radius: 5px;font-size: 14px;font-weight: 600;line-height: 31px;background-color: #fff!important;letter-spacing: -1px;cursor: pointer;transition: all 0.2s;}
.btn_down:hover{color: #fff;background-color: #16a3c0!important;}
.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:34px;color:#fff;background:#1b3e7c;line-height:34px;font-size:14px;text-align:center;padding:0 15px;margin-left: 7px}
.btn_my:hover{color:#fff;}
.btn.s_save_btn{color: #ffffff;text-align:center;padding: 7px 10px;margin-left: 5px;background-color: #596585;border-radius: 5px;font-size: 0.875rem;}
.btn.s_save_btn span{font-size: 0.875rem}
.btn.s_cancel_btn{color: #ffffff;text-align:center;padding: 7px 10px;background-color: #596585;margin-left: 5px;}
.btn_course{border: 1px #333 solid;padding: 10px 13px;background: #333;border-radius: 8px;font-size: 1.05rem;font-weight: 500;color: #fff;}
.btn_line{border: 1px #999 solid;padding: 7px 10px;}
.btn_line.excel{background:url('../../images/front/icon/icon_excel.png') no-repeat 15px center;border: 1px #106639 solid;padding: 7px 13px 7px 45px;}
.btn_small{display: inline-block;min-width: 50px;padding: 3px 5px;border: 1px #008d8e solid;border-radius: 5px;font-weight: 500;}
.btn_small span{font-size:0.938rem;color: #008d8e;}

@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_wrap.btn_top .sns_btn_area.float_left{float: left;}
    .btn_wrap.btn_top .btn.list.float_right {float: right;}
    .btn_wrap.btn_top .btn{height: 32px; line-height: 32px;}
    .btn_down {height:30px;font-size:12px;line-height:28px;}
    .btn_down:before {top:1px;margin-right:5px;background-size:15px;}
    .btn_my{height: 32px;font-size:13px;line-height: 32px;padding: 0 10px;}
}

/* 탭스타일 */
.tab_list{overflow: hidden;margin-bottom: 80px}
.tab_list ul {padding: 0 0 0 1px;border-bottom:2px solid #636363;height: 51px;}
.tab_list li {background: none;padding: 0;display: block;float: left;position: relative;}
.tab_list li:before{display: none;}
.tab_list li a {display: block;padding: 16px 20px;font-size: 16px;line-height: 1;color: #999;text-align: center;background-color: #fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left: -1px;}
.tab_list li.on {z-index: 9;border-bottom: 1px solid  #fff;background: #fff;margin-left: -1px;}
.tab_list li.on a {margin-left:0;color: #333;font-weight: 600;background-color: #fff;border:2px solid #636363;border-bottom:1px solid #fff;}

.mypage_tab{margin:25px 0 35px 0;border-left:1px solid #dcdcdc;}
.mypage_tab > ul{overflow: hidden; }
.mypage_tab > ul > li{display:table;float: left;width:20%;text-align: center;margin-left: -1px}
.mypage_tab > ul > li a{display:table-cell; vertical-align:middle;position: relative; width: 100%; height: 48px; line-height:48px; box-sizing: border-box; text-decoration: none; border:1px solid #dcdcdc;}
.mypage_tab > ul > li.on a, .mypage_tab > ul > li:hover a{border-bottom: 1px #4a8bda solid}
.mypage_tab > ul > li.on{background-color: #4a8bda;}
.mypage_tab > ul > li.on a{color: #fff;font-weight: 500;}
.mypage_tab > ul > li:hover{background-color: #4a8bda;}
.mypage_tab > ul > li:hover a{color: #fff!important;font-weight: 500;}
.mypage_tab.tab01 li{width:25.1%;}
.mypage_tab.tab02 li{width:33.3%;}
.mypage_tab.tab03 li{width:100%;}
.mypage_tab > ul > li a .circle_num{display: inline-block;}
.mypage_tab > ul > li a .circle_num span{display: inline-block;width: 23px;height: 23px;background: #eaeef1;border-radius: 50%;text-align: center;margin: 0 0 0 5px;line-height: 23px;font-size: 13px;
    font-weight: 600;}
.mypage_tab > ul > li a:hover .circle_num span{background: #3165ad!important;}
.mypage_tab > ul > li.on a .circle_num span{background: #3165ad!important;}

.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;}

/* 컨텐츠 탭 */
.cont_tab {margin-bottom: 60px;}
.cont_tab ul {overflow: hidden; width: 100%;}
.cont_tab ul li {float: left; width: 33.3%; border: 1px solid #ddd; border-left: none; text-align: center;}
.cont_tab ul li.on, .cont_tab ul li:hover {background-color: #203e8a;}
.cont_tab ul li:nth-child(1) {border-left:1px solid #ddd;}
.cont_tab ul li a {display: block; padding: 20px; font-size: 1rem; color: #666;}
.cont_tab ul li.on a, .cont_tab ul li:hover a {font-weight: 600; color: #fff;}

/* ==========================================================================
	05. layout
   ========================================================================== */
body.open_menu {overflow: hidden;}

/* 컨텐츠 */
.cont_box {margin-bottom: 80px;}
.cont_box .tit_c {margin-bottom: 15px; font-size: 1.1875rem; font-weight: 600; color: #01165e;}
.cont_box .tit_bk {margin-bottom: 20px; font-size: 1.375rem!important; font-weight: 600; color: #333!important;}
.cont_box .cont_img {text-align: center;}
.cont_box > p {margin-bottom: 35px; line-height: 150%; color: #555;}
.source {margin-top: 20px; margin-bottom: 0px!important;}
.source span, .source a {line-height: 20px;}
.source p {display: inline-block; margin-right: 5px; padding: 3px 12px; border-radius: 20px; font-size: 0.8125rem!important; font-weight: 500; color: #fff!important; background-color: #4653d3;}
.p_dot {position: relative; padding-left: 16px!important;}
.p_dot::before {content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; margin-top: 9px; border-radius: 50%; background-color: #7d7d7d;}
.cont_img02 {text-align: center;}

/* header */
header {position: absolute;top: 0;left: 0;width: 100%;height: 90px;background-color: #fff;border-bottom: 1px solid #ddd;z-index: 99;}
header .header_top{height: 40px;background: #f3f3f3;}
header .header_top .header_top_in{overflow: hidden;width: 100%;max-width: 1820px;padding: 0 50px;margin: 0 auto;}
header .header_top ul{display: flex;align-items: center;float: right;}
header .header_top li{position: relative;}
header .header_top li:first-child::before{display: none;}
header .header_top li a{display: inline-block;height: 39px;margin-left: 25px;text-indent: -9999px;}
header .header_top li:nth-child(1) a{width: 114px;background:url('../../images/front/common/top_banner01.png') no-repeat 0 0;}
header .header_top li:nth-child(2) a{width: 76px;background:url('../../images/front/common/top_banner02.png') no-repeat 0 0;}
header .header_top li:nth-child(3) a{width: 63px;background:url('../../images/front/common/top_banner03.png') no-repeat 0 0;}

.header_nav {text-align: center;z-index: 3;}
.header_nav:after {clear:both;display:block;content:"";}
.header_nav .header_nav_in{position: relative;width: 100%;max-width: 1820px;padding: 0 50px;margin: 0 auto;}
.header_nav .logo {position: absolute;top:34px;left:50px;z-index: 99;}
.header_nav .logo a {display:block;width:168px;height:31px;background:url('../../images/front/common/logo.png') no-repeat 0 0;background-size: cover;}
.header_nav .btn_allmenu{display: none;position: absolute;top:33px;right:20px;width:26px;height:21px;background:url('../../images/front/icon/icon_allmenu_on.png') no-repeat center;z-index: 99;}

nav {position: relative;display: inline-block;}
.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;height: 40px;padding: 0 55px;font-size: 21px;font-weight: 600;color: #333;line-height: 30px;}
.nav_list > li > a::after{top: 88px;left: 50%;height: 2px;width: 0;background: #00a3a4;position: absolute; content:""; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; z-index: 5;}
.nav_list > li:hover > a:after{width: 100%; left: 0;}
.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: 10px;line-height: 130%;}
.nav_list .depth2 > li > a:hover{font-weight:600;}
.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 .nav_list_inner {position: absolute;top: 100%;left: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .25s ease;width: 100%;height: auto!important;padding: 30px;background-color: #00a3a4;border-radius: 20px;z-index: 100;}
.nav_list > li:hover .nav_list_inner {opacity: 1;visibility: visible; pointer-events: auto;}
.nav_bg{display: none;}

.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:8px 20px 0;}
.allmenu_inner .allmenu_top .btn {display:inline-block;height:27px;padding:0 10px;border-radius:5px;border:1px solid #c9c9c9;line-height:25px;text-align:center;font-size:13px;}
.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;}

.utill_area{position: absolute;top:29px;right:50px;z-index: 9;}
.utill_area li{float: left;display:inline-block;}
.utill_area li a{display:inline-block;height: 32px;padding: 0 10px;margin: 0 2px;border: 1px #ddd solid;border-radius: 5px;font-size: 0.97rem;line-height: 31px;}
.utill_area li.time_area a{border: none;}
.utill_area li.time_area #timer{position: relative;margin-right: 5px;}
.utill_area li.time_area #timer::before{content:'';position: absolute;top: -1px;left: -23px;width: 20px;height: 20px;background: url('/images/front/icon/ico_clock.svg') no-repeat center center;background-size: cover;opacity: 0.8;}
.utill_area li.time_area .text{font-weight: 600;color: #00a3a4;text-decoration: underline;}

/* container */
.sub_area{position: relative;overflow: hidden;margin-bottom: 150px;padding-top: 30px;}
.sub_area:after {display: block;visibility: hidden;clear: both;content: "";}
.sub_area .sub_visual{height: 180px;margin: 90px 50px 40px 50px;padding-top: 40px;}
.sub_area .sub_visual{background-color: #e3f4f4;border-radius: 40px;}
.sub_area .sub_visual .sub_visual_in{max-width: 1440px;margin: 0 auto;text-align: center;}
.sub_area .sub_visual .sub_visual_in h2{font-size: 2.9rem;font-weight: 600;color: #000;}
.sub_area .sub_visual .sub_visual_in .location_area{padding-top: 5px;}
.sub_area .sub_visual .sub_visual_in .location_area li{position: relative;display: inline-block;padding: 0 10px 0 13px;}
.sub_area .sub_visual .sub_visual_in .location_area li:before{content:">";position:absolute;top: -1px;left: -2px;}
.sub_area .sub_visual .sub_visual_in .location_area li:first-child:before{display: none;}
.sub_area .sub_visual .sub_visual_in .location_area li .icon_home{}
.sub_area .sub_area_in{max-width: 1440px;margin: 0 auto;min-height: 600px;}
.sub_area .sub_area_in::after{clear:both;display:block;content:"";}
.sub_area .left_area{z-index: 1;float: left;width:18.5%;}
.sub_area .content{float:right;width:78%;}
.sub_area .content h3.tit{font-size:2.13rem;font-weight:600;color:#222;padding-bottom: 20px;margin-bottom:40px; border-bottom: 1px #ddd solid;}
.only_mobile_list{display: none;}

/* Left_메뉴 */
.sub_area .left_area h2{font-size: 1.6rem;font-weight: 600;color: #222;margin-bottom: 20px;padding: 10px 0 0 20px;}
.left_area .lnb_menu{border-top: 1px #ddd solid;}
.left_area > .lnb_menu > li{position: relative;transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.left_area > .lnb_menu > li > a {position: relative;display:block;height:60px;font-size:1.13rem;font-weight:500;color: #666;padding-left: 20px;border-bottom: 1px #ddd solid;line-height: 60px;}
.left_area > .lnb_menu > li::after{content:"";position: absolute;bottom: 0;left: 0;height: 2px;width:0;background: #008d8e;transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s;-ms-transition: .3s;z-index: 5;}
.left_area > .lnb_menu > li.on::after, .left_area > .lnb_menu > li:hover::after{width: 100%;}
.left_area > .lnb_menu > li > ul{padding: 15px 25px;border-bottom: 1px #ddd solid;}
.left_area > .lnb_menu > li > ul > li > a{position: relative;display: inline-block;padding: 7px 0 7px 12px;color: #777;}
.left_area > .lnb_menu > li > ul > li.on > a{font-weight: 500;color: #111;}
.left_area > .lnb_menu > li > ul > li > a:before{content:"-";position:absolute;top:5px;left:0;display: inline-block;width:7px;height:1px;}
.left_area > .lnb_menu > li.on > a, .left_area > .lnb_menu > li > a:hover{font-weight:600;color: #008d8e;background:url('../../images/front/icon/icon_dot.png') no-repeat 95% center;}
.left_area .lnb_menu li.title{height:55px;font-size:15px;color:#fff;padding: 20px 0 0 15px;background: #008d8e;text-align: center;padding: 20px 0 0 0;margin-top: 10px;}

/* 퀵메뉴 */
.quick_wrap{position: fixed;top: 240px;right: -1px;;width: 90px;text-align: center;z-index: 999;}
.quick_wrap .quick_link{position: relative;border-radius: 20px 0 0 20px;box-shadow: 3px 8px 10px rgb(0 0 0 / 10%);}
.quick_wrap .quick_link .tit{font-size: 1rem;font-weight: 500;color: #fff;background: #008d8e;padding: 15px 0;border-radius: 20px 0 0 0;}
.quick_wrap .quick_link ul{display:block;border: 1px #e2e2e2 solid;background: #fff;padding-bottom: 25px;border-radius: 0 0 0 20px;}
.quick_wrap .quick_link li{position:relative;}
.quick_wrap .quick_link li a{display: block;}
.quick_wrap .quick_link li a span{display: inline-block;font-size: 15px;font-weight: 500;color: #555;line-height: 1.1;padding-top: 80px;}
.quick_wrap .quick_link li a::before{content: "";position: absolute;top: 17px;left: 50%;width: 55px;height: 55px;margin-left:-25px;transition: transform 0.25s linear;z-index: 5;}
.quick_wrap .quick_link li a::after{content: "";position: absolute;top: 17px;left: 50%;width: 55px;height: 55px;border-radius: 50%;margin-left:-25px;background: #f1f3f7;}
.quick_wrap .quick_link li:nth-child(1) a:before{background:url('../../images/front/icon/quick_icon01.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(2) a:before{background:url('../../images/front/icon/quick_icon02.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(3) a:before{background:url('../../images/front/icon/quick_icon03.png') no-repeat center center;}
.quick_wrap .quick_link li a:hover:before{transform: rotateY(180deg);}
.quick_wrap .quick_link li:nth-child(1) a:hover:before{background:url('../../images/front/icon/quick_icon01_on.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(2) a:hover:before{background:url('../../images/front/icon/quick_icon02_on.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(3) a:hover:before{background:url('../../images/front/icon/quick_icon03_on.png') no-repeat center center;}

/* footer */
.footer_banner_wrap{overflow: hidden;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;background: #e7e8eb;}
.footer_banner{position:relative;overflow:hidden;max-width:1440px;height:100px;margin:0 auto;padding-top: 23px;}
.footer_banner .tit{float:left;width:10%;font-size:20px;font-weight:600;color:#333;padding-top:10px;}
.footer_banner .footer_banner_btn{position: absolute;top:35px;right:0;}
.footer_banner .footer_banner_btn button{display: inline-block;width:35px;height: 35px;font-size: 0;border: 1px #ddd solid;border-radius: 3px;}
.footer_banner .footer_banner_btn .button_pre{background:url('/images/front/icon/icon_left.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_next{background:url('/images/front/icon/icon_right.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_stop{background:url('/images/front/main/f_banner_btn02.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_play{background:url('/images/front/main/f_banner_btn01.png') no-repeat center center #fff;}
.footer_banner .bx-wrapper{float:left;max-width:1000px!important;}
.footer_banner .bx-wrapper li{float: left;width: 200px!important;text-align: center;margin-right:0px!important;}
.footer_banner .bx-wrapper li a{display: inline-block;width: 190px;background: #fff;border: 1px #ddd solid;padding: 10px 0;}
.footer_banner .bx-wrapper li img{width:auto!important;max-width: inherit;height: 35px!important;}

footer{position:relative;background:#283043;padding-top:70px;padding-bottom:80px}
footer .footer_area{position: relative;max-width:1440px;margin: 0 auto;}
footer .footer_area .footer_logo{margin-bottom: 20px;}
footer .footer_area address{color: #d1d1d1;font-style:normal;line-height:170%;}

/* JQ그리드 수정 */
.ui-widget-content{border: 2px solid #555!important;border-left:none!important;border-right:none!important;border-bottom:none!important;}
.ui-state-default.ui-th-column-header.ui-th-ltr{height: 30px!important;font-size: 16px!important;}
.ui-state-default.ui-th-column.ui-th-ltr{font-size: 15px!important;font-weight: 600!important;color:#111!important;padding: 15px 2px 5px 2px;}
.ui-state-default, .ui-widget-content .ui-state-default{font-size: 14px!important;color: #555!important;}
.ui-widget{font-family: "Noto Sans KR", sans-serif!important;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover{background: #ebf1f9!important;}
.ui-jqgrid tr.jqgrow td{height: 45px!important;font-size: 0.938rem!important;color:#333!important;line-height: 130%;vertical-align: middle;border-bottom: 1px #ddd solid!important;padding: 3px 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-widget-content a.btn{display:inline-block;min-width: 70px;height: 30px;padding: 0 10px;background: #555;color: #fff;font-size: 0.875rem;line-height: 30px;}
.ui-widget-content a.btn:hover{color: #fff;}
/* 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{background:none!important;color:#888!important;font-weight: 300!important;}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default{color:#2d52b6!important;font-weight: 400!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-jqgrid-bdiv::-webkit-scrollbar { width: 5px;height: 5px;}
.ui-jqgrid-bdiv::-webkit-scrollbar-track { background-color: #f7f7f7; }
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #e9e9e9, #e9e9e9); }
.ui-jqgrid::-webkit-scrollbar-button { display: none; }

/* 표스타일 */
.tbl_wrap {margin-bottom: 20px;}
.tbl_data {border-top:2px solid #1c47b2; margin-bottom: 20px;}
.tbl_data tr {border-bottom: 1px solid #ccc;}
.tbl_data th {height: 50px; padding: 20px; border-right: 1px solid #ccc; background:#f9f9f9; font-weight: 600; color: #333; vertical-align:middle; line-height: 130%;}
.tbl_data th:last-child {border-right: none;}
.tbl_data td:last-of-type {border-right: none;}
.tbl_data td {min-height:45px; padding: 25px 27px; border-right: 1px solid #ccc; line-height:1.4; vertical-align:middle; text-align: left; word-break: keep-all;}
.tbl_data .br {border-right: 1px solid #ccc !important;}
.tbl_data ul > li {padding-left: 5px;}
.tbl_data ul > li > p {padding-left: 10px;}

.tbl_data02 {overflow:hidden; border-top: 1px solid #ddd;}
.tbl_data02 tr {border-bottom: 1px solid #ddd;}
.tbl_data02 tr td {padding: 25px 15px; font-size: 1rem; color: #666; letter-spacing: -1px;}
.tbl_data02 tr td span {padding-right: 7px; font-weight: 900; color: #008d8e;}
.tbl_data02 tr:nth-child(1) td:nth-child(1) {border-top: 2px solid #008d8e;}

/* 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,.1);border-radius: 50%;border-top-color: #4b669b;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* 회원탈퇴 */
.withdrawal_list{}
.withdrawal_list li{display: flex;padding: 15px 0;}
.withdrawal_list li .num{padding-right:15px;}
.withdrawal_list li .tit{font-weight: 500;color: #222;margin-bottom: 5px;}
.withdrawal_list li .text{padding-left: 10px;}

@media screen and (max-width:1440px){
    /* header */
    .nav_list > li > a{padding: 0 25px;}
    .header_nav .logo{left: 20px;}
    .utill_area{right: 20px;}
    
    /* container */
    .sub_area .sub_area_in{padding: 0 20px;}
    .sub_area .sub_visual{margin-top: 100px;}
    
    /* footer */
    footer .footer_area{padding:0 20px;}
	}
@media screen and (max-width:1250px){
    html {font-size: 15px;}
    
	/* header */
    header{height: 100px;}
    .header_nav .logo{top:18px;}
    nav{display: none;}
    .utill_area{display: none;}
    .header_nav .header_nav_in .btn_allmenu{display:block;top: 18px;}
    .bread_crumb{padding: 0 20px;}
    
    /* container */
    .sub_area{background: none;}
    .sub_area .left_area{display: none;}
    .sub_area .content{float: none;width: 100%;}
    
    /* footer */
    footer{padding-bottom: 90px;}
    footer .footer_area{padding: 0 20px;}
    footer .footer_area:before{top:auto;bottom:-60px;left:20px;right:0;}
    .footer_banner .footer_banner_btn{right:20px;}
    .footer_banner .bx-wrapper{max-width: 800px!important;}
    
   /* 컨텐츠 */
   .cont_box h4.tit::before {margin-top: 6px;}

    /* 탭스타일 */
    .tab_list{margin-bottom: 20px;}
	.tab_list ul{min-width: 1260px;}

   /* 메뉴 */
   .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 .allmenu_top a{display: inline-block;font-size:13px;margin-top: 3px;padding: 5px 10px;border: 1px #ddd solid;border-radius: 4px;}
   .allmenu_inner .allmenu_top a #timer{position:relative;margin-right: 15px;}
   .allmenu_inner .allmenu_top a #timer::after{content: '';position: absolute;top:4px;right:-9px;width: 1px;height: 13px;background:#ddd;}
   .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: 15px;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{font-size: 15px;font-weight: 500;color: #fff;background: #3c64bb;}
   .allmenu_inner > ul > li > p > a >span{color: #fff}
   .allmenu_inner .nav_list .depth2 > li > ul{width: 100%}
    
    /* 팝업 */
	.modal-dialog {width: 95% !important;}
}
@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 스타일 */
	.mypage_tab > ul{border-bottom:1px #dcdcdc solid}
	.mypage_tab > ul > li{width:100%;}
	.mypage_tab > ul > li a{border-bottom: none;}
	.mypage_tab.tab01 li{width:100%;}
	.mypage_tab.tab02 li{width:100%;}
}
@media screen and (max-width:640px){/* mobile version */
    html { font-size: 14px; }
    select, input[type="tel"], input[type="text"], input[type="number"], input[type="password"]{height:32px;}

    /* header */
    header{height: 60px;}
    header .header_top{display: none;}
    .header_nav .logo{top: 22px;left: 20px;}
    .header_nav .logo a{width: 200px;height: 30px;background-size: 100%;}
    .header_top .header_top_in{height: 35px;}
    .header_top .top_sns{margin-top: 4px;}
    .allmenu {padding-left:20%;}
    .header_nav .header_nav_in .btn_allmenu{top: 19px;}
    .header_top .header_top_in li.m_none{display: none}
    .main_header .header_nav .logo a{width: 200px;height: 20px;}
    
    .container .sub_top{height: 50px;}
    .bread_crumb {height:50px;padding:0;}
    .bread_crumb .bread_crumb_inner {padding-left:0;}
    .bread_crumb .home {display:none;}
    .bread_crumb .bread_crumb_menu .current {line-height:50px;}
    .bread_crumb .bread_crumb_menu .current:after {right:10px;}
    .bread_crumb .bread_crumb_menu .current button {line-height:50px;}
    .bread_crumb .bread_crumb_menu.depth1 {display:none;}
    .bread_crumb .bread_crumb_menu.depth2 {width:100%;margin-left:0;border:none;}
    .bread_crumb .bread_crumb_menu.depth2 .current button:before{top:12px;right:15px;width: 28px;height: 28px;}
    
    /* container */
    .sub_area .sub_visual{height: 150px;margin-top: 60px;margin-bottom: 20px;}
    .sub_area .sub_visual .sub_visual_in{padding-top: 40px;}
    .sub_area .sub_visual .sub_visual_in .location_area{padding-top: 10px;}
    .sub_area .sub_visual .sub_visual_in h2{font-size: 1.8rem;}
    .sub_area .content h3.tit{font-size: 1.4rem;padding-bottom: 10px;margin-bottom: 20px;}
    
    /* 테이블 스크롤 */
    .tbl_list_scroll {overflow-x:scroll;}
    .tbl_list_scroll .list {width:1000px;}

   /* 표스타일 */
   .tbl_data02 {table-layout: inherit;}
   .tbl_data02 tr td:nth-child(1) {padding-bottom: 0px;}
   .tbl_data02 tr td {display: block; overflow: hidden; width: 100%; padding: 20px;}
	
	/* container */
	.only_web_list {display: none}
	.only_mobile_list{display:block;}
    
    /* footer */
    .footer_banner{height:auto;padding: 8px 20px;}
    .footer_banner .bx-wrapper .bx-viewport{width: 200px!important;}
    footer .footer_area address span{padding: 0 10px;}
    footer .footer_area address .tit a{padding-left: 10px;}
    footer .footer_area address .tit strong{display: block;}
    footer .footer_area address .tit p{margin: 0 20px 0 0;}
    footer .footer_area:before{width: 153px;height: 35px;background-size: cover;}
    .footer_banner .footer_banner_btn{top: 20px;}
    
   	/* 탭스타일 */
	.tab_list ul{overflow:visible;min-width: auto;height: auto;border-bottom:1px #ddd solid;}
	.tab_list ul li{display:table;float: left; width: 100%;text-align: center;}
	.tab_list ul li a{display:table-cell; vertical-align:middle;width: 100%;box-sizing: border-box;padding: 12px 20px;}
	.tab_list li.on{border-bottom:none;margin-left:0;}
	.tab_list li.on a{border-bottom: 2px solid #636363;}	
	.mypage_tab > ul > li a{height: 36px;line-height: 36px;}
	.mypage_tab.tab01 li a{height: 36px;line-height: 36px;}

   /* 컨텐츠 탭 */
   .cont_tab ul li:nth-child(1) {border-top: 1px solid #ddd}
   .cont_tab ul li {width: 100%; border-left: 1px solid #ddd; border-top: none;}
   .cont_tab ul li a {padding: 12px;}
	
	/* quick menu */
   .q_menu{position: relative;width: 100%;height:auto;top:auto;bottom: 0;border-top: 1px solid #dcdcdc;}
   .q_menu .q_tit{top: 10px;left: 20px;}
   .q_menu ul{width: 80%;padding-top:30px;}
   .q_menu .q_tit:before{display: none;}
}
@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_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;}
}

/* print */
@media print {
	* {-webkit-print-color-adjust: exact;print-color-adjust: exact;}
}
@media print {
	.main_header, .sub_visual, footer, .sub_area .left_area, .q_menu{ display:none }
	.sub_area .content{width: 100%}
}