@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;font-family:'pretendard', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', sans-serif;word-break: keep-all;overflow-wrap: break-word;}
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;}
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%;font-size:16px;font-weight:500;color:#555;}
body, table, th, td, input, select, textarea, button{font-family:'pretendard', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', sans-serif;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:18px;font-weight:600;color:#0153bf;letter-spacing:-1px;margin-bottom: 25px}
.head_type5 {font-size: 20px;font-weight:700;color: #222;margin-bottom: 10px;}
h4.tit_s{margin-bottom:20px}
h4.tit {font-size: 1.375rem;font-weight: 700;color: #333;margin-bottom: 20px;}

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

/* form */
select,
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="password"] {height:35px;border:1px solid #d0d4d7;box-sizing:border-box;vertical-align:middle;padding-left: 7px;border-radius: 3px;font-size: 1rem;}
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-weight: 600;color:#ef2353;}
.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:#1f59ab;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:#1f59ab;background:#fff;border:1px #1f59ab 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/00001/icon/icon_reset.png');}
.btn_wrap .icon_done {background-image:url('/images/front/00001/icon/icon_done.png');}
.btn_wrap .icon_arrL {margin-left:-16px;background-image:url('/images/front/00001/icon/arr_left_b.png');}
.btn_wrap .icon_arrR {background:url('/images/front/00001/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{margin: 0 2px;padding: 5px 6px;background-color: #596585;border-radius:3px;font-size: 0.96rem;letter-spacing: -1px;color: #ffffff;text-align:center;}
.btn.s_cancel_btn{color: #ffffff;text-align:center;padding: 7px 10px;background-color: #596585;margin-left: 5px;}
.btn_course{font-weight: 500;color: #000;border: 1px #ddd solid;padding:8px 10px;border: 1px #ddd solid;background: #f1f3f7;border-radius: 6px;}
.btn_line{border: 1px #999 solid;padding: 7px 10px;}
.btn_line.excel{background:url('/images/front/00001/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;border: 1px #1971d8 solid;padding: 3px;}
.btn_small span{font-size:0.938rem;color: #1971d8;}
.btn_s{display: inline-block;height: 32px;padding: 0 5px;margin: 0 3px;border: 1px #ddd solid;border-radius: 3px;font-size: 15px;color: #555;line-height: 30px;}

.class_btn{text-align: right;}
.btn_middle{position: relative;display: inline-flex;align-items: center;justify-content: center;height: 40px;margin: 0 3px;padding: 0px 25px;border: 1px solid #333;border-radius: 8px;background-color: #333;transition: 0.2s ease-in-out;}
.btn_middle span{font-weight: 500;color: #fff;}
.btn_middle:hover {background-color: #111;}
.btn.primary.line1{border: 1px #1f59ab solid;border-radius: 5px;}
.btn.primary.line1 span{color: #1f59ab;}
.btn.apply{border: 1px #f00079 solid;border-radius: 5px;}
.btn.apply span{color: #f00079;}
.btn.sm{height: 35px;padding: 5px 10px;margin: 0 2px;font-size: 15px;font-weight: 700;}

@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!important;}
    .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/00001/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: 40px}
.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;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: 700;background-color: #fff;border:2px solid #636363;border-bottom:1px solid #fff;}

.tab_list_s{margin-bottom: 30px;}
.tab_list_s ul{display: flex;align-items: center;}
.tab_list_s li a{display: inline-block;height: 35px;padding: 0 15px;margin: 0 5px;border: 1px #192339 solid;border-radius: 50px;background: #fff;font-size: 0.937rem;font-weight: 600;line-height: 35px;}
.tab_list_s li.on a, .tab_list_s li a:hover{font-weight: 600;color: #fff;border: 1px #192339 solid;background: #192339;}

.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 */
/* main header */
.main_header {background:transparent;border-bottom:1px solid rgba( 255, 255, 255, 0.2 );}
.main_header .nav_list > li > a {color:#fff;}
.main_header .header_nav .utill li a {color: #fff;}
.main_header .header_in_right li a {color: #fff;}
.main_header .header_in_right li:after {background-color: #fff;}

/* header */
header {position: absolute;top:0;left:0;width:100%;border-bottom: 1px solid #e3e3e4; background-color: #fff; z-index: 3;}
.header_nav .utill_area{position: absolute;top:35px;right:30px;}
.header_nav .utill_area ul{display: flex;align-items: center;gap: 1rem;}
.header_nav .utill_area li{position: relative;}
.header_nav .utill_area li::before{content: '';position: absolute;top: 5px;right: -10px;width: 1px;height: 13px;background-color: #ddd;opacity: 0.4;}
.header_nav .utill_area li:last-child::before{display: none;}
.header_nav .utill_area li a{display: inline-block;font-size: 15px;color: #fff;font-weight: 300;}
.header_nav .utill_area #timer{display: inline-block;padding-right: 5px;}
.header_nav .utill_area .btn_msg, .header_nav .utill_area .btn_chat{padding-left: 18px;}
.header_nav .utill_area .btn_msg::before{content: '';position: absolute;top:4px;left:0;width: 14px;height: 16px;background: url('/images/front/00001/icon/icon_msg_w.png') no-repeat;background-size: cover;}
.header_nav .utill_area .btn_chat::before{content: '';position: absolute;top:4px;left:0;width: 16px;height: 16px;background: url('/images/front/00001/icon/icon_chat_w.png') no-repeat;background-size: cover;}
.header_nav .utill_area .num{display: inline-block;width: 17px;height: 17px;border-radius: 50px;background: #e86033;font-size: 11px;font-weight: 600;color: #fff;text-align: center;line-height: 18px;margin: 0 0 2px 3px;vertical-align: middle;}
.header_nav .utill_area .btn_join{padding: 2px 5px 1px 5px;border: 1px #ddd solid;border-radius: 3px;font-size: 15px;font-weight: 600;}
.header_nav .utill_area .timer .text{padding: 4px 5px;margin-left: 3px;border: 1px #ddd solid;border-radius: 3px;font-size: 15px;font-weight: 600;}
.header_nav .utill_area .timer #remainTimer{display: inline-block;width: 70px;}
.header_nav .utill_area #timer{position: relative;display: inline-block;width: 100px;font-size: 0.93rem;padding-left: 20px;}
.header_nav .utill_area #timer::before{content: '';position: absolute;top:1px;left:0;width: 19px;height: 19px;background: url('/images/front/component/icon/ico_clock_w.svg') no-repeat;background-size: cover;}
.header_nav .utill_area .btn_timer{font-weight: 600;color: #88c9ff;text-decoration: underline;}

.header_nav {position:relative; height:92px; margin:0 auto; z-index: 2; text-align: center;}
.header_nav:after {clear:both;display:block;content:"";}
.header_nav .logo_area{position: absolute;top:22px;left:35px;}
.header_nav .logo_area a{display: flex;align-items: center;}
.header_nav .logo_area h1{display: inline-block;height: 48px;}
.header_nav .logo_area h1 img{width: auto;height: 48px;object-fit: contain;vertical-align: inherit;}
.header_nav .logo_area .mylecture{display: inline-block;width: 162px;height: 30px;background: url(/images/front/00001/common/tit_mylecture_w.png) no-repeat;background-size: cover;text-indent: -9999px;overflow: hidden;margin-left: 13px;}
.header_nav .header_nav_in .btn_allmenu{display:none;position: absolute;top:24px;right:20px;width:23px;height:20px;background:url('/images/front/icon/icon_allmenu.png') no-repeat center center;}

nav {display: inline-block;width: 550px;}
.nav_list {display:table;width:100%;}
.nav_list > li {position:relative;display:table-cell;padding: 35px 0 30px 0;}
.nav_list > li:first-child:before{display: none;}
.nav_list > li > a {display:block;padding:0 15px;font-weight:600;font-size:21px;color:#333;letter-spacing:-0.3px;line-height:30px;}
.nav_list .depth2 > li > a {position:relative;display:block;font-size:17px;font-weight: 400;color:#555;padding: 5px 0;line-height: 130%;}
.nav_list .depth2 > li > a:hover{font-weight: 600;color: #201e5e; text-decoration: underline; transition: ease-in-out 0.1s;}
.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:hover >a{font-weight: 600;color: #201e5e; text-decoration: underline;}
.nav_list .depth2 > li > ul > li >a:before{content: "";position: absolute;top: 15px;left: 0;width: 5px;height: 1px;background:#888;}
.nav_list .depth2 > li > ul > li:hover >a:before{height: 2px;background:##201e5e;}
.nav_list .nav_list_inner{overflow:hidden;position:absolute;top:100px;width:100%;z-index:2;padding: 0 20px;border-right: 1px #e3e3e4 solid;text-align: left;}
.nav_list li:hover .nav_list_inner{background: #eff1f4;}
.nav_list li:hover .nav_list_inner li:before{background:#fff;}
.nav_list li:first-child .nav_list_inner{border-left: 1px #e3e3e4 solid;}
.nav_list .nav_list_inner .depth2{margin-top: 20px}
.nav_bg {display:block;position:absolute;top:100px;left:0;width:100%;background:#fff;
   -webkit-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);
   box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);}
.nav_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;}

.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;padding: 10px;}
.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:13px;width:36px;height:36px;background:url('/images/front/icon/close.png') no-repeat 0 0;background-size: cover;}
.allmenu_inner .nav_list {display:table;width:100%;table-layout:fixed;}
.allmenu_inner .nav_list > li {display:table-cell;width:14.5%;padding-left:11px;}
.allmenu_inner .nav_list > li:first-of-type {width:13.5%;padding-left:0;}
.allmenu_inner .nav_list .depth1 {margin-top:0;}
.allmenu_inner .nav_list .depth1 > a{color: #fff;}

/* container */
.container{margin-top: 140px;}
.sub_area{position: relative;min-height: 800px;}
.sub_area:after {display: block;visibility: hidden;clear: both;content: "";}
.sub_area .sub_visual{height: 280px;background:url('/images/front/00001/sub/img_subvisual.jpg') no-repeat center center;background-size: cover;margin-bottom: 50px;}
.sub_area .sub_visual .sub_visual_in{overflow: hidden;max-width: 1440px;margin: 0 auto;padding-top: 165px; text-align: center;}
.sub_area .sub_visual .sub_visual_in h2{font-size: 40px;color: #fff;}
.sub_area .sub_visual .sub_visual_in h2.main_tit{margin-top: 10px;font-size: 26px;font-weight: 500;color: #fff;}
.sub_area .sub_visual .sub_visual_in .location_area{color: #fff;padding-top: 20px; text-align: center;}
.sub_area .sub_visual .sub_visual_in .location_area li{position: relative;display: inline-block;padding: 0 10px 0 20px;}
.sub_area .sub_visual .sub_visual_in .location_area li:before{content:"";position:absolute;top:6px;left:0;display: inline-block;width:6px;height:11px;background:url('/images/front/common/location_line.png') no-repeat 0 0;}
.sub_area .sub_visual .sub_visual_in .location_area li:first-child {padding-left: 0;}
.sub_area .sub_visual .sub_visual_in .location_area li:first-child:before{background:none;}
.sub_area .sub_visual .sub_visual_in .location_area li .icon_home{display: inline-block;width: 16px;height: 13px;font-size: 0;background:url('/images/front/common/bullet_location_01.png') no-repeat 0 0;vertical-align: top;margin-top: 4px;}
.sub_area .sub_area_in{max-width: 1440px;margin: 0 auto;min-height: 600px;margin-bottom: 100px;}
.sub_area .sub_area_in{max-width: 1440px;margin: 0 auto;min-height: 600px;margin-bottom: 80px;}
.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{max-width: 1240px;margin: 0 auto 100px auto;}
.sub_area .content h3.tit{font-size:2.13rem;font-weight:700;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: #1971d8;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: #0c6ad9;background:url('/images/front/00001/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: #4972b1;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: #1971d8;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/00001/icon/quick_icon01.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(2) a:before{background:url('/images/front/00001/icon/quick_icon02.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(3) a:before{background:url('/images/front/00001/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/00001/icon/quick_icon01_on.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(2) a:hover:before{background:url('/images/front/00001/icon/quick_icon02_on.png') no-repeat center center;}
.quick_wrap .quick_link li:nth-child(3) a:hover:before{background:url('/images/front/00001/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:1240px;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/00001/icon/icon_left.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_next{background:url('/images/front/00001/icon/icon_right.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_stop{background:url('/images/front/00001/main/f_banner_btn02.png') no-repeat center center #fff;}
.footer_banner .footer_banner_btn .button_play{background:url('/images/front/00001/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:#fafafa;padding-top:40px;padding-bottom:70px}
footer .footer_area{position: relative;max-width:1240px;margin: 0 auto;}
footer .footer_area:before {content:"";position:absolute;top:35px;right:0;width:180px;height:45px;}
footer .footer_area .footer_link_in{overflow: hidden;margin-bottom: 20px;}
footer .footer_area .footer_link_in li{position:relative;float: left;padding: 0 12px;}
footer .footer_area .footer_link_in li:first-child{padding-left: 0;}
footer .footer_area .footer_link_in li:before{content:"";position:absolute;top:3px;left:0;display: inline-block;width:1px;height:16px;background: #535969;}
footer .footer_area .footer_link_in li:first-child:before{background: none;}
footer .footer_area .footer_link_in li a{color: #d1d1d1;line-height: 130%;}
footer .footer_area .footer_link_in li:first-child a{font-weight: 500;text-decoration: underline;color: #f43771;}
footer .footer_area address{color: #888;font-style:normal;line-height:170%;text-align: center;}
footer .footer_area address .tit strong{font-weight: 600;color: #d1d1d1;margin-right: 5px;}
footer .footer_area address .tit p{display: inline-block;margin-left: 20px;}
footer .footer_area address .tit .add_bottom{margin-bottom: 15px;}
footer .footer_area address .copy{font-size: 14px;font-weight: 500;}
footer .footer_area address span{position: relative;display: inline-block;padding: 0 20px;}
footer .footer_area address span:before{content: "";position: absolute;top: 6px;right: 0;display: inline-block;width: 1px;height: 16px;background:#535969;}
footer .footer_area address span:first-child{padding-left: 0;}
footer .footer_area address span:last-child:before{display: none;}
footer .footer_area address .tit a{color: #d1d1d1;padding-left: 20px;}
footer .footer_area address .tit .tel{padding-left: 20px;}

/* 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:'pretendard', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', 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: #1971d8;}
.tbl_data02 tr:nth-child(1) td:nth-child(1) {border-top: 2px solid #1971d8;}

/* 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); }
}

/* 라벨상태 */
.tag_area {overflow: hidden; margin-bottom: 10px; display:inline-block; }
.state {display: inline-block;min-width: 60px;height: 32px;padding: 0px 7px;border-radius: 4px;font-size: 15px;font-weight: 500;text-align: center;line-height: 32px;}
.state.ing {background-color: #faeded; color: #d02118;}
.state.end {background-color: #e8e8e8; color: #555;}
.state.standy {background-color: #e8eaf6; color: #1e34a5;}
.state.standy02 {background-color: #e8f6f6; color: #00816a;}
.state.cancel {background-color: #f5eee6; color: #b95e1c;}
.state_sand{font-weight:700;color: #f44445;}
.state_unread{font-weight:700;color: #f44445;}
.state_read{font-weight:700;color: #818389;}

.state_reply{display: inline-block;padding: 0 5px;margin-left: 5px;border-radius: 4px;font-size: 14px;font-weight: 500;text-align: center;}
.state_reply.ing{border: 1px #e43b54 solid;color: #e43b54;}
.state_reply.end{border: 1px #008149 solid;color: #008149;}
.state_bg{display: inline-block;width: 30px;height: 20px;font-size: 0;border: 2px #333 solid;margin-right: 5px;}
.state_bg.ing{background: #faeded;}
.state_bg.green{background: #e2f0d9;}
.state_bg.sky{background: #deebf7;}
.state_bg.orange{background: #fbe5d6;}
.state_bg.yellow{background: #fff2cc;}

/* 회원탈퇴 */
.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){
    nav {width: 500px;}
    .header_nav .logo_area {left: 20px;}
    .header_nav .utill_area {right: 20px;}
}
@media screen and (max-width:1240px){
	/* header */
    header{height: 70px;}
    .header_nav{height: 70px;}
    nav{display: none;}
    .utill_area{display: none;}
    .header_nav .logo_area {top: 10px;}
    .header_nav .header_nav_in .btn_allmenu{display:block;}
    
    /* container */
    .sub_area .content{padding: 0 20px;}
    .sub_area .sub_visual {height: 250px;margin-bottom: 30px;}
    .sub_area .sub_visual .sub_visual_in{padding-top: 130px}
    
    /* footer */
    footer{padding: 40px 20px 60px 20px;}
    
    /* 컨텐츠 */

    /* 탭스타일 */
    .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:15px;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 a{display:inline-block;width: 100%;height:57px;padding:0 20px;line-height:56px;background:#1f59ab;border-bottom:1px solid #9c9c9c;font-size: 17px;font-weight: 600;text-align:left;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/00001/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){
    html, body{font-size: 15px;}
    
   .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, body{font-size: 14px;}
    select, input[type="tel"], input[type="text"], input[type="number"], input[type="password"]{height:35px!important;}

    /* header */
    header{height: 55px;}
    .header_nav .header_nav_in .btn_allmenu{top: 17px;}
    .header_nav .logo_area h1{height: 32px;}
    .header_nav .logo_area h1 img{height: 32px;}
    .header_nav .logo_area .mylecture{width: 110px;height: 20px;margin-left: 10px;}
    
    /* container */
    .sub_area .sub_visual{height: 200px;background: url(/images/front/00001/sub/img_subvisual.jpg) no-repeat 10% center;}
    .sub_area .sub_visual .sub_visual_in h2 {font-size: 26px;}
    .sub_area .sub_visual .sub_visual_in{padding-top: 100px;}
    
    /* 테이블 스크롤 */
    .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%;padding: 12px 20px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
	.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_w1300{ width: 1300px!important;}
	.pop_w1200{ width: 1200px!important;}
	.pop_w1080{ width: 1080px!important;}
	.pop_w1000{ width: 1000px!important;}
	.pop_w800{ width: 800px!important;}
	.pop_w880{ width: 880px!important;}
	.pop_w600{ width: 600px!important;}
	.pop_w400{ width: 400px!important;}
	.box_report{ padding:10px!important;}
}

/* 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%}
}