@charset "utf-8";

* {box-sizing: border-box;}
/* 폰트, color는 디자인가이드에 맞게사용 */
body {font-size: 13px;} 
input, button, select, textarea {font-size: 12px; font-family: "Noto Sans KR", sans-serif;}
pre {
  display: block; font-family: "Noto Sans KR"; word-break: break-all; white-space: pre-wrap; line-height: 1.5em;
  color: #333; font-size: 15px; font-weight: 400;
  white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-all;
}
/* hidden */
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}

/* button area */
.btn {display: inline-block; vertical-align: bottom;}
.btn img {border: 0; vertical-align: middle;}
.btn:hover {text-decoration: none;}

.btn.btn_m {height: 30px; padding: 0 20px; line-height: 30px; font-size: 14px; color: #ffffff; text-align: center;}
.btn.btn_l {min-width: 120px; height: 37px; padding: 0 34px; line-height: 37px; font-size: 16px; color: #ffffff; text-align: center; border-radius: 6px;}

.delete_btn {display: inline-block; width: 37px; height: 37px; text-indent: -9999px; font-size: 0px; vertical-align: middle; border-radius: 5px; background: url('../images/common/delete_bg.png') no-repeat center center #a8a8a8;}
/* 최소사이즈가 존재하지않음 하단의 .in_wp 와 함께 쓸것 */
.btn.btn_l_type02 {height: 37px; padding: 0 10px; line-height: 37px; font-size: 16px; color: #ffffff; text-align: center; border-radius: 6px;}

/* 버튼안 아이콘 */
.btn span.down {padding-left: 25px; background: url('../images/icon/icon_download.png') no-repeat left center;}
.btn span.chain {padding-left: 25px; background: url('../images/icon/icon_chain.png') no-repeat left center;}

.navyblue {background-color: #4b81a7;}
.blue {background-color: #4898dc;}
.milky_blue {background-color: #ebf2f5;}
.navydark {background-color: #2f385a;}
.grey  {background-color: #777777;}
.grey2  {background-color: #a8a8a8;}
.darkgrey  {background-color: #545454;}
.lime  {background-color: #6a992f;}
.red {background-color: #e96666;}
.skyblue{background-color: #3583ba;}
.light_camel {background-color: #d9a976;}

/* input & Select Type */
textarea {text-align: left; text-indent: 3px; font-family: "Noto Sans KR", sans-serif;}
p {line-height: 1.5em; text-align: left;}
select {height: 25px; border: 1px solid #969696; text-align: left; text-indent: 1px; font-family: "Noto Sans KR", sans-serif;}
input {display: inline-block; display: inline; vertical-align: middle;}
input[type=text] {height: 25px; font-size: 100%; text-indent: 1px; line-height: 25px; text-align: left;}
input[type=password] {font-family: sans-serif;}
input {border: expression((this.type=='text')?'0px':''); height: 25px; font-size: 100%; text-indent: 1px; line-height: 25px; text-align: left;}
input[type=text].alignc {text-align: center;}
    .in_wp40 {width: 40px;}
    .in_wp50 {width: 50px;}
    .in_wp60 {width: 60px;}
    .in_wp70 {width: 70px;}
    .in_wp75 {width: 75px !important;}
    .in_wp80 {width: 80px;}
    .in_wp90 {width: 90px !important;}
    .in_wp100 {width: 100px !important;}
    .in_wp110 {width: 110px !important;}
    .in_wp120 {width: 120px !important;}
    .in_wp130 {width: 130px !important;}
    .in_wp140 {width: 140px !important;}
    .in_wp150 {width: 150px;}
    .in_wp160 {width: 160px;}
    .in_wp170 {width: 170px;}
    .in_wp180 {width: 180px;}
    .in_wp190 {width: 190px;}
    .in_wp200 {width: 200px;}
    .in_wp210 {width: 210px;}
    .in_wp230 {width: 230px;}
    .in_wp240 {width: 240px;}
    .in_wp250 {width: 250px;}
    .in_wp270 {width: 270px;}
    .in_wp280 {width: 280px;}
    .in_wp300 {width: 300px;}
    .in_wp340 {width: 340px !important;}
    .in_wp350 {width: 350px;}
    .in_wp400 {width: 400px;}
    .in_wp430 {width: 430px;}
    .in_wp500 {width: 500px;}
    .in_wp540 {width: 540px;}
    .in_wp600 {width: 600px;}
    .in_wp810 {width: 810px;}
    .in_w10 {width: 10%;}
    .in_w15 {width: 15%;}
    .in_w20 {width: 20%;}
    .in_w25 {width: 25%;}
    .in_w30 {width: 30%;}
    .in_w33 {width: 33%;}
    .in_w35 {width: 35%;}
    .in_w39 {width: 39%;}
    .in_w40 {width: 40%;}
    .in_w45 {width: 45%;}
    .in_w50 {width: 50%;}
    .in_w60 {width: 60%;}
    .in_w70 {width: 70%;}
    .in_w75 {width: 75%;}
    .in_w80 {width: 80%;}
    .in_w85 {width: 85%;}
    .in_w90 {width: 90%;}
    .in_w93 {width: 93%;}
    .in_w95 {width: 95%;}
    .in_w98 {width: 98%;}
    .in_w100 {width: 99.4%;}
    .height23 {height: 23px;}
    .height33 {height: 33px !important;}


/* margin & padding */
.marginl0 {margin-left: 0px !important;}
.marginl3 {margin-left: 3px;}
.marginl5 {margin-left: 5px;}
.marginl10 {margin-left: 10px;}
.marginl12 {margin-left: 12px;}
.marginl15 {margin-left: 15px;}
.marginl20 {margin-left: 20px;}
.marginl22 {margin-left: 22px;}
.marginl25 {margin-left: 25px;}
.marginl30 {margin-left: 30px;}
.marginl40 {margin-left: 40px;}
.marginml3 {margin-left: -3px;}
.marginml4 {margin-left: -4px;}
.marginml5 {margin-left: -5px;}
.marginr3 {margin-right: 3px;}
.marginr5 {margin-right: 5px;}
.marginr6 {margin-right: 6px;}
.marginr10 {margin-right: 10px;}
.marginr15 {margin-right: 15px;}
.marginr20 {margin-right: 20px;}
.marginr30 {margin-right: 30px;}
.marginmt2 {margin-top: -2px;}
.margintm5 {margin-top: -5px;}
.margintm10 {margin-top: -10px;}
.margintm20 {margin-top: -20px;}

.margint2 {margin-top: 2px;}
.margint3 {margin-top: 3px;}
.margint5 {margin-top: 5px;}
.margint6 {margin-top: 6px;}
.margint10 {margin-top: 10px;}
.margint15 {margin-top: 15px;}
.margint17 {margin-top: 17px;}
.margint20 {margin-top: 20px;}
.margint25 {margin-top: 25px;}
.margint26 {margin-top: 26px;}
.margint27 {margin-top: 27px;}
.margint30 {margin-top: 30px;}
.margint35 {margin-top: 35px;}
.margint40 {margin-top: 40px;}
.margint45 {margin-top: 45px;}
.margint49 {margin-top: 49px;}
.margint50 {margin-top: 50px;}
.margint60 {margin-top: 60px;}
.margint70 {margin-top: 70px;}
.margint80 {margin-top: 80px;}
.margint90 {margin-top: 90px;}
.margint100 {margin-top: 100px;}
.marginb10 {margin-bottom: 10px;}
.marginb15 {margin-bottom: 15px;}
.marginb20 {margin-bottom: 20px;}
.marginb25 {margin-bottom: 25px;}
.marginb30 {margin-bottom: 30px;}
.marginb35 {margin-bottom: 35px;}
.marginb40 {margin-bottom: 40px;}
.marginb50 {margin-bottom: 50px;}
.marginb60 {margin-bottom: 60px;}
.marginb85 {margin-bottom: 85px;}

.margin5 {margin: 5px;}


.pad5 {padding: 5px;}
.pad510 {padding: 5px 10px;}
.pad30 {padding: 30px;}
.padlr30 {padding: 0 30px;}
.padt5 {padding-top: 8px;}
.padt6 {padding-top: 6px;}
.padt10 {padding-top: 10px;}
.padt30 {padding-top: 30px !important;}
.padt45 {padding-top: 45px;}
.padt52 {padding-top: 52px;}
.padb10 {padding-bottom: 10px;}
.padb20 {padding-bottom: 20px;}
.padb45 {padding-bottom: 45px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padl23 {padding-left: 23px;}
.pad105 {padding: 10px 10px 5px;}
.padr23 {padding-right: 23px;}


/* a css */
a {cursor: pointer;}
a,
a:link,
a:visited {text-decoration: none;}
/* a:hover {text-decoration: underline;} */


/* align */
.alignl {text-align: left !important;}
.alignr {text-align: right !important;}
.alignc {text-align: center !important;}

.float_left {float: left;}
.float_right {float: right;}
.float_none {float: none !important;}

.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}
.vertical_middle {vertical-align: middle;}


/* color */
.color_none {color: #4d4d4d;}
.color_point {color: #005bac;}
.color_pointr {color: #ff0000;}
.color_pointr2 {color: #e96666;}
.color_pointg {color: #21872d;}
.color_pointo {color: #ff6600;}
.color_pointo2 {color: #ec5300;}
.color_pointgr {color: #8bc138;}
.color_pointgy {color: #777777;}
.color_pointb {color: #3583ba !important;}
.bold {font-weight: 700 !important;}

.color96adb4 {color: #96adb4;}
.color5c7b8d {color: #5c7b8d;}
.color333333 {color: #333333;}
.colorb3b3b3 {color: #b3b3b3;}
.colorbac0e6 {color: #bac0e6;}
/* font */
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}

.important {font-weight: bold; color: #ff0000; vertical-align: top;}
.important_txt {display: inline-block; margin-top: 1px; font-size: 15px; color: #ff0000; vertical-align: middle;}
.important_txt1 {display: inline-block; margin-top: -1px; font-size: 12px; color: #ff0000; vertical-align: middle;}
.important_txt2 {padding-left: 15px; padding-top: 3px; font-size: 12px; color: #626262; line-height: 1.5em; background: url('../images/icon/icon_important.png') no-repeat 1px 7px;}

.underline {text-decoration: underline !important;}

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


/* block */
.theblock {display: block;}
.inblock {display: inline-block;}
.display_table {display: table;}
.display_none {display: none;}

/* area */
.division {overflow: hidden;}
.division20 {overflow: hidden; margin-bottom: 20px;}
.division40 {overflow: hidden; margin-bottom: 40px;}
.division50 {overflow: hidden; margin-bottom: 50px;}
.division60 {overflow: hidden; margin-bottom: 60px;}
.table_area {overflow: hidden; margin-bottom: 20px;}
.button_area {overflow: hidden; margin-bottom: 100px;}
	select.handling_select {height: 36px;}
.file_area + .file_area {margin-top: 8px;}
.editor_area {overflow: hidden;}
.half_area {overflow: hidden; float: left; width: 50%;}
.area30 {float: left; width: 30%;}
.area35 {float: left; width: 35%;}
.area40 {float: left; width: 40%;}
.area45 {float: left; width: 45%;}
.area50 {float: left; width: 50%;}
.area55 {float: left; width: 55%;}
.area60 {float: left; width: 60%;}
.area65 {float: left; width: 65%;}
.area70 {float: left; width: 70%;}
.area_xscroll {overflow-x: auto; min-width: 730px;} /* 가로 스크롤 레이아웃 */

/* 스크롤 */


/* 일반 텍스트 */
p.txt_type01 {font-size: 14px; color: #96adb4;}
p.txt_type02 {font-size: 20px; color: #333333;}
p.txt_type03 {font-size: 14px; color: #333333;}
p.txt_type04 {font-size: 16px; color: #333333;}
p.txt_type05 {font-size: 20px; color: #333333;}

h3.htit_sub {display: inline-block; padding-left: 20px; font-size: 16px; color: #333333; font-weight: 700; background:url('../images/common/h_title_bg01.png') no-repeat center left;}
ul.htxt_sub_s {overflow: hidden; padding-left: 20px;}
ul.htxt_sub_s li p {margin-bottom: 5px; font-size: 14px; color: #333333;}
ul.htxt_sub_s > li > ul {padding-left: 40px;}
ul.dot_txtlist01 {overflow: hidden;}
ul.dot_txtlist01 li {padding-left: 10px; font-size: 14px; background: url('../images/common/dot01.png') no-repeat center left;}

p.icon_mail {padding-left: 25px; background: url('../images/icon/icon_mail.png') no-repeat center left;}
p.icon_phone {padding-left: 25px; background: url('../images/icon/icon_phone.png') no-repeat center left;}

.bg_tip_box {overflow: hidden; padding: 25px 0; background-color: #f7f7f7;}
    .bg_tip_box p.tip_txt_type01 {font-size: 18px; color: #333333; font-weight: 700; text-align: center;}
    .bg_tip_box p.tip_txt_type01 span {color: #c88d4e;}


/* 셀렉트 박스 */
div.search_option {overflow: hidden; display: inline-block; position: relative; height: 38px; font-size: 14px; color: #96adb4; vertical-align: middle; box-sizing: border-box;}
    div.search_option > .searchlabel {position: absolute; width: calc(85% - 10px); font-size: 14px; line-height: 33px; color: #96adb4; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option > .searchselect {width: 100%; height: 38px; min-height: 38px; line-height: 38px; padding: 0 10px; font-size: 14px; border:1px solid #cccccc; background: url('../images/common/select_arrow.png') no-repeat right 6px center; display: block; /*opacity: 0; filter: alpha(opacity=0);*/ /* IE 8 */}

div.search_option2 {overflow: hidden; display: inline-block; position: relative; height: 30px; font-size: 14px; color: #96adb4; vertical-align: middle; border:1px solid #cccccc; box-sizing: border-box; background: url('../images/common/select_arrow.png') no-repeat right 6px center #f4f7fa;}
    div.search_option2 > .searchlabel2 {position: absolute; width: calc(85% - 10px); font-size: 14px; line-height: 30px; color: #96adb4; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option2 > .searchselect2 {width: 100%; height: 30px; min-height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
    
div.search_option3 {overflow: hidden; display: inline-block; position: relative; height: 39px; font-size: 14px; color: #333333; vertical-align: middle; border:1px solid #d5d5d5; box-sizing: border-box; background: url('../images/common/select_arrow02.png') no-repeat right 13px center #ffffff;}
    div.search_option3 > .searchlabel3 {position: absolute; width: calc(85% - 10px); font-size: 16px; line-height: 39px; color: #333333; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option3 > .searchselect3 {width: 100%; height: 39px; min-height: 39px; line-height: 39px; padding: 0 10px; font-size: 16px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

div.search_option4 {overflow: hidden; display: inline-block; position: relative; height: 38px; font-size: 14px; color: #96adb4; vertical-align: middle; border:1px solid #cccccc; box-sizing: border-box; background: url('../images/common/select_arrow.png') no-repeat right 6px center #f4f7fa;}
    div.search_option4 > .searchlabel4 {position: absolute; width: calc(85% - 10px); font-size: 14px; line-height: 33px; color: #96adb4; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option4 > .searchselect4 {width: 100%; height: 38px; min-height: 38px; line-height: 38px; padding: 0 10px; font-size: 14px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

div.search_option5 {overflow: hidden; display: inline-block; position: relative; height: 30px; font-size: 14px; color: #666666; vertical-align: middle; box-sizing: border-box;}
    div.search_option5 > .searchlabel5 {position: absolute; width: calc(85% - 10px); font-size: 14px; line-height: 30px; color: #666666 !important; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option5 > .searchselect5 {width: 100%; height: 30px; min-height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; padding: 0 10px; color: #666666; background: url('../images/common/select_arrow03.png') no-repeat right 10px center #ffffff; outline: none; /*opacity: 0; filter: alpha(opacity=0);*/ /* IE 8 */}
    div.search_option5 > .searchselect5:focus {box-shadow: inset 0px 0px 0px 2px magenta;}
    div.search_option5 > .searchlabel5:focus {outline: 2px solid black;}

div.search_option_pop {overflow: hidden; display: inline-block; position: relative; height: 38px; font-size: 16px; color: #333; vertical-align: middle; border:1px solid #cccccc; box-sizing: border-box; border-radius: 5px; background: url('../images/common/select_arrow.png') no-repeat right 6px center;}
    div.search_option_pop > .searchlabel {position: absolute; width: calc(85% - 10px); font-size: 16px; line-height: 33px; color: #333; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.search_option_pop > .searchselect {width: 100%; height: 38px; min-height: 38px; line-height: 38px; padding: 0 10px; font-size: 14px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}


/* 체크박스 타입1 사이즈 20x20 */
.checkbox_type01 {position: relative;}
    .checkbox_type01 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .checkbox_type01 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .checkbox_type01 input[type="checkbox"] + label.txtnone:before {margin: 0px;}

    .checkbox_type01 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 18px; /* 체크박스의 너비를 지정 */ height: 18px; /* 체크박스의 높이를 지정 */ line-height: 18px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; border: 1px solid #b6b6b6; background-color: #fff; box-sizing: border-box;} 
    .checkbox_type01 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .checkbox_type01 input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: url('../images/common/checkbox_chk.png') no-repeat center center #fff; }

/* 체크박스 타입2 */
.checkbox_type02 {position: relative;}
    .checkbox_type02 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .checkbox_type02 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .checkbox_type02 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 25px; /* 체크박스의 너비를 지정 */ height: 25px; /* 체크박스의 높이를 지정 */ line-height: 25px; /* 세로정렬을 위해 높이값과 일치 */ margin: 0px 10px 0 0; text-align: center; vertical-align: middle; background: url('../images/common/check_off.png') no-repeat center center; box-sizing: border-box;}  
    .checkbox_type02 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .checkbox_type02 input[type="checkbox"]:checked + label:before {background: url('../images/common/check_on.png') no-repeat center center;}

/* 체크박스 타입3 타입2와 동일하나 사이즈가 다름 */
.checkbox_type03 {position: relative;}
    .checkbox_type03 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .checkbox_type03 input[type="checkbox"] + label {position: relative; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .checkbox_type03 input[type="checkbox"] + label span {padding-left: 30px;}
    .checkbox_type03 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ position: absolute; top: 50%; content: ' '; display: inline-block; width: 19px; /* 체크박스의 너비를 지정 */ height: 19px; /* 체크박스의 높이를 지정 */ line-height: 19px; /* 세로정렬을 위해 높이값과 일치 */ margin: -10px 10px 0 0; text-align: center; vertical-align: middle; background: url('../images/common/check_off02.png') no-repeat center center; box-sizing: border-box;}  
    .checkbox_type03 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .checkbox_type03 input[type="checkbox"]:checked + label:before {background: url('../images/common/check_on02.png') no-repeat center center;}

/* 체크박스 타입4 사이즈 15x15 */
.checkbox_type04 {position: relative;}
    .checkbox_type04 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .checkbox_type04 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .checkbox_type04 input[type="checkbox"] + label.txtnone:before {margin: 0px;}
    .checkbox_type04 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 15px; /* 체크박스의 너비를 지정 */ height: 15px; /* 체크박스의 높이를 지정 */ line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; border: 1px solid #b6b6b6; background-color: #fff; box-sizing: border-box;} 
    .checkbox_type04 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .checkbox_type04 input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: url('../images/common/checkbox_chk.png') no-repeat center center #fff; }


.checkbox_type05 {position: relative;}
.checkbox_type05 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checkbox_type05 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#fff;}
.checkbox_type05 input[type="checkbox"] + label.txtnone:before {margin: 0px;}
.checkbox_type05 input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 15px; /* 체크박스의 너비를 지정 */ height: 15px; /* 체크박스의 높이를 지정 */ line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; border: 1px solid #9ea0a8; background-color: transparent; box-sizing: border-box;} 
.checkbox_type05 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checkbox_type05 input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background:url('../images/icon/icon_checked.png') center center no-repeat; }

/* 라디오 버튼 타입1 */
.radio_box {position: relative; display: inline-block;}
    .radio_box input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
    .radio_box input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
    .radio_box input[type="radio"]:focus + label {outline: 2px solid magenta;}
    .radio_box input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 17px; height: 17px; text-align: center; background: #ffffff; border: 1px solid #cacece; border-radius: 100%; box-sizing: border-box;}
    .radio_box input[type="radio"]:checked + label:before { background: #ffffff; border-color: #adb8c0; }
    .radio_box input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 7px; height: 7px; background: #99a1a7; border-radius: 100%; }

/* 라디오 타입2,3 퀴즈 O,X */
.radio_box02 {position: relative;}
    .radio_box02 input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .radio_box02 input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .radio_box02 input[type="radio"] + label.txtnone:before {margin: 0px;}
    .radio_box02 input[type="radio"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 61px; /* 체크박스의 너비를 지정 */ height: 61px; /* 체크박스의 높이를 지정 */ line-height: 61px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background:url('../images/icon/icon_answer_o_uncheck.png') no-repeat center center;} 
    .radio_box02 input[type="radio"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .radio_box02 input[type="radio"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: url('../images/icon/icon_answer_o_check.png') no-repeat center center;}

.radio_box03 {position: relative;}
    .radio_box03 input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .radio_box03 input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .radio_box03 input[type="radio"] + label.txtnone:before {margin: 0px;}
    .radio_box03 input[type="radio"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 61px; /* 체크박스의 너비를 지정 */ height: 61px; /* 체크박스의 높이를 지정 */ line-height: 61px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background:url('../images/icon/icon_answer_x_uncheck.png') no-repeat center center;} 
    .radio_box03 input[type="radio"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .radio_box03 input[type="radio"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: url('../images/icon/icon_answer_x_check.png') no-repeat center center;}

/* input text,password type01 */
input[type=text].text_type01 {height: 30px; font-size: 14px; text-indent: 15px; border: 1px solid #cccccc; background-color: #f4f7fa; box-sizing: border-box;}
    input[type=text].text_type01::placeholder {color: #96adb4;}
    input[type=text].text_type01:-ms-input-placeholder {color: #96adb4;}
input[type=password].text_type01 {height: 30px; font-size: 14px; text-indent: 15px; border: 1px solid #cccccc; background-color: #f4f7fa; box-sizing: border-box;}
    input[type=password].text_type01::placeholder {color: #96adb4;}
    input[type=password].text_type01:-ms-input-placeholder {color: #96adb4;}

/* input text,password type02 */
input[type=text].text_type02 {height: 38px; font-size: 14px; text-indent: 15px; border: 1px solid #cccccc; background-color: #f4f7fa; box-sizing: border-box;}
    input[type=text].text_type02::placeholder {color: #96adb4;}
    input[type=text].text_type02:-ms-input-placeholder {color: #96adb4;}
input[type=password].text_type02 {height: 38px; font-size: 14px; text-indent: 15px; border: 1px solid #cccccc; background-color: #f4f7fa; box-sizing: border-box;}
    input[type=password].text_type02::placeholder {color: #96adb4;}
    input[type=password].text_type02:-ms-input-placeholder {color: #96adb4;}


/* input text type03 */
input[type=text].text_type03 {height: 38px; font-size: 14px; text-indent: 15px; border: 1px solid #c6c6c6; border-radius: 5px; background-color: #fff; outline: none;}
    input[type=text].text_type03::placeholder {color: #333;}
    input[type=text].text_type03:-ms-input-placeholder {color: #333;}

/* input text type pop */
input[type=text].text_type_pop {height: 38px; font-size: 16px; text-indent: 15px; border: 1px solid #c6c6c6; border-radius: 5px; background-color: #fff; outline: none;}
    input[type=text].text_type_pop::placeholder {color: #96adb4;}
    input[type=text].text_type_pop:-ms-input-placeholder {color: #96adb4;}


/* table */
table.find_table {width: 100%;}
    table.find_table.fixed {table-layout: fixed;}
    table.find_table tbody th {overflow: hidden; font-size: 17px; font-weight: 700; color: #000000; text-align: left;}
    table.find_table tbody td {padding: 10px 10px; font-size: 14px; color: #000000; text-align: left; line-height: 1.4em; vertical-align: middle; word-break: break-all;}
    table.find_table tbody td input[type=text] {height: 38px; text-indent: 15px; border: 1px solid #cccccc; box-sizing: border-box;}
    table.find_table tbody td input[type=text]::placeholder {color: #96adb4;}
    table.find_table tbody td input[type=text]:-ms-input-placeholder {color: #96adb4;}

table.write {width: 100%; border-top: 2px solid #666666; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}
    table.write.fixed {table-layout: fixed;}
    table.write tbody th {overflow: hidden; padding: 0 30px; font-size: 16px; font-weight: 400; color: #000000; text-align: left; border-bottom: 1px solid #dddddd;}
    table.write tbody td {height: 45px; padding: 7px 10px; font-size: 14px; color: #000000; text-align: left; line-height: 1.4em; vertical-align: middle; word-break: break-all; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
    table.write tbody td.checkbg {background: url('../images/common/check_off.png') no-repeat center right 25px;}
    table.write tbody td.checkbg.on {background: url('../images/common/check_on.png') no-repeat center right 25px;}
    table.write tbody td.passwordbg01 {background: url('../images/common/password_area_bg01.png') no-repeat center right 29px;}
    table.write tbody td.passwordbg01.checked {position: relative; background: url('../images/common/password_area_bg03.png') no-repeat center right 29px;}
    table.write tbody td.passwordbg01.checked span.passwordtxt {position: absolute; margin-top: -6px; top: 50%; right: 55px; font-size: 13px; color: #39a6b0;}
    table.write tbody td.passwordbg01.unchecked {background: url('../images/common/password_area_bg04.png') no-repeat center right 29px;}
    table.write tbody td.passwordbg01 p.txt_type01:lang(en) {font-size: 12px;}
    table.write tbody td.passwordbg02 {background: url('../images/common/password_area_bg02.png') no-repeat center right 29px;}
    table.write tbody td.passwordbg02.checked {background: url('../images/common/password_area_bg03.png') no-repeat center right 29px;}
    table.write tbody td.passwordbg02.unchecked {background: url('../images/common/password_area_bg04.png') no-repeat center right 29px;}
    table.write tbody td p.infotxt {margin-top: 5px; font-size: 13px; }

.impo {position: relative; padding-right: 10px;}
.impo::after {position: absolute; content: ""; top: 5px; right: 0px; width: 7px; height: 6px; background:url('../images/icon/icon_star.png') no-repeat center center;}


/* 타이틀성 */
strong.title01 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg03.png) no-repeat left center;
}
strong.title02 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg04.png) no-repeat left center;
}
strong.title03 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg05.png) no-repeat left center;
}
strong.title04 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg06.png) no-repeat left center;
}
strong.title05 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg07.png) no-repeat left center;
}
strong.title06 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg08.png) no-repeat left center;
}
strong.title07 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg09.png) no-repeat left center;
}
strong.title08 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg10.png) no-repeat left center;
}
strong.title09 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg11.png) no-repeat left center;
}
strong.title10 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg12.png) no-repeat left center;
}
strong.title11 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg13.png) no-repeat left center;
}
strong.title12 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg14.png) no-repeat left center;
}
strong.title13 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg15.png) no-repeat left center;
}
strong.title14 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg16.png) no-repeat left center;
}
strong.title15 {
    display: inline-block;
    padding-left: 52px;
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4em;
    background: url(../images/common/title_bg17.png) no-repeat left center;
}


/* 과정 관련 타이틀 */
.myclass .section_title {margin: 10px 0 32px 0;}
.section_title::after{display: block; clear: both; content: "";}
.section_title strong {font-size: 28px; color: #333333; vertical-align: middle; font-weight: 500;}
    .section_title div.edu_num {display: inline-block; vertical-align: middle; margin-left: 10px; padding: 5px 11px; background-color: #424242; border-radius: 25px;}
    .section_title div.edu_num span {padding-left: 25px; font-size: 16px; color: #ffffff; background: url('../images/icon/icon_book.png') no-repeat left top 5px;}
    .section_title div.section_title_txt {float: right;}
    .section_title div.section_title_txt span {display: block; height: 35px; line-height: 35px; padding-left: 40px; font-weight: 500; font-size: 16px; color: #333333; background: url('../images/common/title_bg01.png') no-repeat center left;}
    .section_title div.section_title_right {float: right; font-size: 0px;}
    a.more_btn {display: inline-block; width: 27px; height: 27px; color: #fff; text-align: center; line-height: 27px; border-radius: 5px; background-color: #3583ba;}
        a.more_btn span {font-size: 14px; font-weight: 500;}
    a.more_btn02 span {font-size: 16px; color: #333333; font-weight: 300;}
        span.more_btn02_box {display: inline-block; width: 27px; height: 27px; color: #fff !important; text-align: center; line-height: 27px; border-radius: 5px; background-color: #3583ba;}
    .section_title_right .section_title_right_txt {font-size: 16px; font-weight: 500;}

/* 타입 버튼 영역 */
/* 20210126 수정 */
.type_btn_area {overflow: hidden; float: right; width: 76px; font-size: 0px; text-indent: -9999px;}
.type_btn_area a {display: block; float: left; width: 38px; height: 35px; background-color: #fff;}
.type_btn_area a:first-child {border-radius: 5px 0 0 5px;}
.type_btn_area a:last-child {border-radius: 0 5px 5px 0;}
.type_btn_area a.list_type_btn {
    background:url('../images/icon/icon_menu_list.png') no-repeat center center #fff;
    background-size: 16px 16px;
}
.type_btn_area a.list_type_btn.active, .type_btn_area a.list_type_btn:hover {
    background:url('../images/icon/icon_menu_list_active.png') no-repeat center center #2265c2;
}
.type_btn_area a.thumbnail_type_btn {
    background:url('../images/icon/icon_menu_thumbnail.png') no-repeat center center #fff;
    background-size: 16px 16px;
}
.type_btn_area a.thumbnail_type_btn.active, .type_btn_area a.thumbnail_type_btn:hover {
    background:url('../images/icon/icon_menu_thumbnail_active.png') no-repeat center center #2265c2;
    background-size: 16px 16px;
}

/* 페이징 */

.pagination {
    /* width: 1000px; */
    margin: 0 auto;
    font-size: 0px;
    text-align: center;
}
.pagination a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    border-radius: 5px;
    text-align: center;
}
.pagination a + a {margin: 0 2px;}
.pagination a:hover {
    background: #3583ba;
    border: solid 1px #3583ba;
    color: #fff;
    text-decoration: none;
}
.pagination a.on {
    background-color: #3583ba;
    border: solid 1px #3583ba;
    color: #fff;
    text-decoration: none;
}
.pagination a.pprev {
    border: solid 1px #ccc;
    border-radius: 5px 0 0 5px;
    background: url('../images/common/page_prev_btn01.png') no-repeat center center #fff;
}
.pagination a.prev {
    border: solid 1px #ccc;
    border-radius: 0 5px 5px 0;
    background: url('../images/common/page_prev_btn02.png') no-repeat center center #fff;
}
.pagination a.pprev + a.prev {border-left: 0px; margin-left: 0px;}
.pagination a.pprev:hover {background-color: #3583ba;}
.pagination a.prev:hover {background-color: #3583ba;}
.pagination a.next {
    margin-right: 0px;
    border: solid 1px #ccc;
    border-right: 0px;
    border-radius: 5px 0 0 5px;
    background: url('../images/common/page_next_btn02.png') no-repeat center center #fff;
}
.pagination a.nnext {
    margin: 0px;
    border: solid 1px #ccc;
    border-radius: 0 5px 5px 0;
    background: url('../images/common/page_next_btn01.png') no-repeat center center #fff;
}
/* .pagination a.next + a.nnext {border-left: 0px; margin-left: -3px;} */
.pagination a.next:hover {background-color: #3583ba;}
.pagination a.nnext:hover {background-color: #3583ba;}

.pagination.bggreen a:hover {background-color: #c5d25b; border: 1px solid #c5d25b;}
.pagination.bggreen a.on {background-color: #c5d25b; border: 1px solid #c5d25b;}

.layer_popup_body_area .pagination a:hover {color: #7386bc; background-color: #fff;}
.pagination.bg_white_paging a.on {
    color: #7386bc; background-color: #fff;
}
/* 컨텐츠 상단 헤더 영역 */
.sectionHeader {
    height: 40px;
    position: relative;
}

.sectionHeader .search_option3 {
    position: absolute;
    top: 0;
    right: 0;
}

/* 팝업 테이블 */
table.popup_table {width: 100%;}
table.popup_table.fixed {table-layout: fixed;}
table.popup_table thead th {margin: 0 10px; padding: 10px 10px; border: 1px solid #dddddd; font-size: 15px; font-weight: 700; color: #000000; text-align: center; line-height: 1.4em; vertical-align: middle; background-color: #ffffff;}
table.popup_table tbody td {margin: 0 10px; padding: 10px 10px; border: 1px solid #dddddd; font-size: 15px; font-weight: 500; color: #000000; text-align: center; line-height: 1.4em; vertical-align: middle; background-color: #ffffff;}
table.popup_table tbody td.alignl {text-align: left;}
table.popup_table tbody tr:hover td {background-color: #f5f7f9; cursor: pointer;}
table.popup_table tbody td .search_box_area {position: relative;
    overflow: hidden;
    display: inline-block;
    height: 26px;
    padding: 0 30px 0 10px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
table.popup_table tbody td .search_box_area:lang(en) {display: block;}

input[type=text].popup_table_input {width: 100%; border: 0px; outline: none;}
input[type=text].popup_table_input + i.clearable_clear {display: none; position: absolute; width: 17px; height: 17px; margin-top: -9px; top: 50%; right: 8px; cursor: pointer; background: url('../images/common/clear_btn06.png') no-repeat center; text-indent: -9999px;}
table.popup_table tbody td a.popup_table_a {font-size: 14px; color: #333; vertical-align: middle;}
table.popup_table tbody td a.popup_table_a.modify {color: #00a6ff;}
table.popup_table tbody td a.popup_table_a.delete {color: #e96666;}

table.popup_table tbody td a.popup_table_a:lang(en) {font-size: 12px; color: #333;}

table.popup_table02 {overflow: hidden; width: 100%;}
table.popup_table02.fixed {table-layout: fixed;}
table.popup_table02 thead th {margin: 0 10px; padding: 15px 10px; font-size: 15px; font-weight: 700; color: #000000; text-align: center; line-height: 1.4em; vertical-align: middle; background-color: #c4dced;}
table.popup_table02 tbody td {margin: 0 10px; padding: 15px 10px; font-size: 15px; font-weight: 500; color: #000000; text-align: center; line-height: 1.4em; vertical-align: middle; border-bottom: 1px solid #d9d9d9; background-color: #ffffff;}
table.popup_table02 tbody td.alignl {text-align: left;}
table.popup_table02 tbody tr:hover td {background-color: #f5f7f9; cursor: pointer;}
td.message_img_name img {width: 45px; height: 45px;}

/* 팝업 검색영역 */
.popup_search_area {overflow: hidden; display: table; width: 100%;}
.popup_search_area ul {overflow: hidden; display: table-row;}
.popup_search_area ul li {overflow: hidden; display: table-cell; vertical-align: middle;}
.popup_search_area ul li:nth-child(1) {width: 200px; margin-right: 5px;}
.popup_search_area ul li:nth-child(2) {width: auto;}
.popup_search_area ul li:nth-child(2) input[type=text] {margin-left: 2px;}
.popup_search_area ul li:nth-child(3) {width: 125px; text-align: right;}


/* 박스형식 테이블 */

/* 박스형 게시판 */
table.box_list_type01 {overflow: hidden; width: 100%; border-collapse: separate; border-spacing: 0 10px; }
  table.box_list_type01.fixed {table-layout: fixed;}
  table.box_list_type01 thead th {display:none;}
  table.box_list_type01 tbody td {margin: 0 10px; padding: 20px 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #000000; text-align: center; line-height: 1.4em; vertical-align: middle; background-color: #ffffff;}
  table.box_list_type01 tbody td.alignl {text-align: left !important;}
  table.box_list_type01 tbody td:first-child {padding-left: 40px; border-left: 1px solid #e0e0e0;  border-radius: 5px 0px 0px 5px;}
  table.box_list_type01 tbody td:last-child {padding-right: 40px; border-right: 1px solid #e0e0e0; border-radius: 0px 5px 5px 0px;}
  table.box_list_type01 tbody tr.bgtype01 > td {border-top: 1px solid #f7f5ef; border-bottom: 1px solid #f7f5ef; background-color: #f7f5ef;}
  table.box_list_type01 tbody tr.bgtype01 > td:first-child {border-left: 1px solid #f7f5ef;}
  table.box_list_type01 tbody tr.bgtype01 > td:last-child {border-right: 1px solid #f7f5ef;}
  
  table.box_list_type01 tbody tr.bgtype02 > td {border-top: 1px solid #eff1e3; border-bottom: 1px solid #eff1e3; background-color: #eff1e3;}
  table.box_list_type01 tbody tr.bgtype02 > td:first-child {border-left: 1px solid #eff1e3;}
  table.box_list_type01 tbody tr.bgtype02 > td:last-child {border-right: 1px solid #eff1e3;}
  
  table.box_list_type01 tbody td.none_content_td {position: relative; border-radius: 5px;}
  table.box_list_type01 tbody td.none_content_td div.none_content02_02 {overflow: hidden; width: 360px; margin: 0 auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
  table.box_list_type01 tbody td.none_content_td div.none_content02_02 span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

  table.box_list_type01 tbody td.none_content_td:lang(zh) div.none_content02_02 {overflow: hidden; width: 290px; margin: 0 auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
  table.box_list_type01 tbody td.none_content_td:lang(zh) div.none_content02_02 span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

  table.box_list_type01 tbody td.none_content_td div.none_content02_03 {overflow: hidden; width: 360px; margin: 0 auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_02.png') no-repeat left center;}
  table.box_list_type01 tbody td.none_content_td div.none_content02_03 span {display: block; font-size: 24px; color: #c2c6ab ; font-weight: 500;}

  table.box_list_type01 tbody td.none_content_td:lang(zh) div.none_content02_03 {overflow: hidden; width: 290px; margin: 0 auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_02.png') no-repeat left center;}
  table.box_list_type01 tbody td.none_content_td:lang(zh) div.none_content02_03 span {display: block; font-size: 24px; color: #c2c6ab ; font-weight: 500;}

  table.box_list_type01 tbody td.subject {table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
  table.box_list_type01 tbody td.box_title_area strong {display: block; margin-bottom: 10px; font-size: 20px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
  table.box_list_type01 tbody td.box_title_area span {position: relative; margin-right: 22px; font-size: 14px; color: #333333;}
  table.box_list_type01 tbody td.box_title_area span::after {position: absolute; display: inline-block; content: ""; width: 7px; height: 14px; top: 4px; right: -14px; background:url('../images/common/clamp.png') no-repeat;}
  table.box_list_type01 tbody td.box_title_area span:last-child::after {content: none;}
    
ul.file_list {overflow: hidden; padding: 5px 5px 5px 30px; background:url('../images/icon/icon_file.png') no-repeat center left;}
ul.file_list li + li {margin-top: 5px;}
ul.file_list li a {display: block; overflow: hidden; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: nowrap;}
ul.file_list li a:hover {color: #00a6ff; text-decoration: underline;}
span.time_txt {display: inline-block; height: 25px; padding-left: 30px; line-height: 25px; background:url('../images/icon/icon_time02.png') no-repeat center left;}

/* 메시지 테이블 */
/* table */
table.message_table {width: 100%;}
    table.message_table.fixed {table-layout: fixed;}
    table.message_table thead th {overflow: hidden; padding: 15px 10px; font-size: 16px; font-weight: 700; color: #333; text-align: left; border-bottom: 17px solid #fff; background-color: #99b4c7;}
    table.message_table thead th.alignc {text-align: center;}
    table.message_table tbody tr:hover {cursor: pointer;}
    table.message_table tbody th {overflow: hidden; font-size: 16px; font-weight: 700; color: #333; text-align: left;}
    table.message_table tbody td {padding: 10px 10px; font-size: 16px; color: #333; text-align: left; line-height: 1.4em; vertical-align: middle; word-break: break-all; border-top: 2px solid #fff; background-color: #ebeef0;}
    table.message_table tbody td.alignc {text-align: center;}
    table.message_table tbody td.subject {table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
span.message_type01 {display: inline-block; width: 22px; height: 22px; text-indent: -9999px; font-size: 0px; vertical-align: middle; background: url('../images/icon/icon_bell.png') no-repeat;}
span.message_type02 {display: inline-block; width: 22px; height: 22px; text-indent: -9999px; font-size: 0px; vertical-align: middle; background: url('../images/icon/icon_mail02.png') no-repeat;}
span.reddotted {display: inline-block; width: 5px; height: 5px; margin-top: -2px; vertical-align: middle; border-radius: 50px; background-color: #e97e7e;}


/* 컨텐츠 테이블 */
table.content_table {width: 100%;}
    table.content_table.fixed {table-layout: fixed;}
    table.content_table.bluish_green th {background-color: #ebf2f5;}
    table.content_table.line {border: 1px solid #dadada;}
    table.content_table thead th {overflow: hidden; padding: 15px 20px; font-size: 15px; font-weight: 400; color: #333; text-align: left; background-color: #f8f0de;}
    table.content_table thead th.alignc {text-align: center;}
    table.content_table tbody th {padding: 10px 20px; font-size: 15px; color: #333; font-weight: 400; text-align: left; line-height: 1.4em; vertical-align: middle; word-break: break-all; border-bottom: 1px solid #dadada; background-color: #f8f0de;}
    table.content_table tbody th.vertical_top {vertical-align: top;}
    table.content_table tbody th.borderr {border-right: 1px solid #dadada;}
    table.content_table tbody td {padding: 10px 20px; font-size: 15px; color: #333; text-align: left; line-height: 1.4em; vertical-align: middle; word-break: break-all; border-bottom: 1px solid #dadada; background-color: #fff;}
    table.content_table tbody td.borderr {border-right: 1px solid #dadada;}
    table.content_table tbody td a.link {color: #333;}
    table.content_table tbody td a.link:hover {color: #00a6ff; text-decoration: underline;}

/* 과정 박스 영역  */
.edu_box {overflow: hidden; display: inline-block; width: 265px; height: 265px; padding: 10px; border-radius: 5px; box-sizing: border-box;}
.edu_box:lang(en) {height: 300px; min-height: 265px;}
.front .edu_box:lang(en) {height: 265px;}
.back .edu_box:lang(en) {height: 265px;}
.edu_box.subbox {width: 225px; height: 285px;}
.edu_box.subbox:lang(en) {height: 300px;}

/* 20200428 기존소스 수정
div.section .edu_box_type01_s.bg01 {background: url('../images/common/edu_type01_s.png') no-repeat center top #ffffff;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content {position: relative;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content strong {overflow: hidden; margin-top: 30px;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content a.btn_edu_cancel {position: absolute; top: 0px; right: 0px;}
div.section .edu_box_type02_s.bg01 {background: url('../images/common/edu_type02_s.png') no-repeat center top #ffffff;}
div.section .edu_box_type04_s.bg01 {background: url('../images/common/edu_type04_s.png') no-repeat center top #ffffff;}
div.section .edu_box.bg01.subbox:hover {cursor: pointer; padding: 5px; border: 5px solid #267ecd; background: url('../images/common/edu_type03_s.png') no-repeat center top #ffffff;}
*/

div.section .edu_box_type01_s.bg01 {background: url('../images/common/edu_type01_s.png') no-repeat center top #ffffff;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content {position: relative;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content strong {overflow: hidden; margin-top: 30px;}
div.section:lang(en) .edu_box_type01_s.bg01 .edu_bottom .edu_bottom_top_content a.btn_edu_cancel {position: absolute; top: 0px; right: 0px;}
div.section .edu_box_type02_s.bg01 {background: url('../images/common/edu_type02_s.png') no-repeat center top #ffffff;}
div.section:lang(en) .edu_box_type02_s.bg01 .edu_bottom .edu_bottom_top_content {position: relative;}
div.section:lang(en) .edu_box_type02_s.bg01 .edu_bottom .edu_bottom_top_content strong {overflow: hidden; margin-top: 30px;}
div.section:lang(en) .edu_box_type02_s.bg01 .edu_bottom .edu_bottom_top_content a.btn_edu_cancel {position: absolute; top: 0px; right: 0px;}
div.section .edu_box_type04_s.bg01 {background: url('../images/common/edu_type04_s.png') no-repeat center top #ffffff;}
div.section:lang(en) .edu_box_type04_s.bg01 .edu_bottom .edu_bottom_top_content {position: relative;}
div.section:lang(en) .edu_box_type04_s.bg01 .edu_bottom .edu_bottom_top_content strong {overflow: hidden; margin-top: 30px;}
div.section:lang(en) .edu_box_type04_s.bg01 .edu_bottom .edu_bottom_top_content a.btn_edu_cancel {position: absolute; top: 0px; right: 0px;}
div.section .edu_box.bg01.subbox:hover {cursor: pointer; padding: 5px; border: 5px solid #267ecd; background: url('../images/common/edu_type03_s.png') no-repeat center top #ffffff;}

div.section .edu_box_type01_s.bg02 {background: url('../images/common/edu_type01_s.png') no-repeat center top #eff4f7;}
div.section .edu_box_type02_s.bg02 {background: url('../images/common/edu_type02_s.png') no-repeat center top #eff4f7;}
div.section .edu_box_type04_s.bg02 {background: url('../images/common/edu_type04_s.png') no-repeat center top #eff4f7;}
div.section .edu_box.subbox.bg02:hover {cursor: pointer; padding: 5px; border: 5px solid #267ecd; background: url('../images/common/edu_type03_s.png') no-repeat center top #eff4f7;}

.edu_box .edu_content {overflow: hidden; height: 190px; position: relative;}
.edu_box.subbox .edu_content {height: 175px;}
.edu_box .edu_content .edu_icon_area {overflow: hidden; position: relative; font-size: 0px; text-align: left;}
.edu_box.subbox .edu_bottom:lang(en) {margin-top: 5px;}
.edu_box.subbox .edu_bottom {margin-top: 15px;}
.edu_bottom_top_content {overflow: hidden;}
.edu_box.subbox .edu_bottom strong.edu_title {font-size: 16px; color: #333; line-height: 24px; font-weight: 500;}
a.btn_edu_cancel {display: inline-block;
    height: 24px;
    padding: 0 8px;
    font-size: 13px;
    color: #fff;
    line-height: 24px;
    background-color: #d17411;
}


.edu_bottom .edu_date_area div.edu_date {height: 33px; font-size: 13px; color: #2f2f2f;}
.edu_bottom .edu_date_area div.edu_date > dl {line-height: 1.3em;}
.edu_bottom .edu_date_area div.edu_date > dl > dt {display: inline-block; float: left;}
.edu_bottom .edu_date_area div.edu_date > dl > dt::after {content: " "; display: inline-block; width: 1px; height: 10px; margin: 0 8px; background-color: #808080;}
.edu_bottom .edu_date_area div.edu_date > dl > dd {display: inline-block;}

div.edu_date_txt_s {display: inline-block; float: left; width: 47px; height: 24px; margin-right: 10px; line-height: 24px; color: #ffffff; font-size: 13px; text-align: center; font-weight: 500;}
div.edu_date_txt_s.type01 {background-color: #000000;}
div.edu_date_txt_s.type01:lang(en) {font-size: 0px; background:url('../images/icon/icon_class01.png') no-repeat center center #000000; background-size: 80%;}
div.edu_date_txt_s.type02 {background-color: #65c693;}
div.edu_date_txt_s.type02:lang(en) {font-size: 0px; background:url('../images/icon/icon_prearranged01.png') no-repeat center center #65c693; background-size: 80%;}
div.edu_date_txt_s.type_none {font-size: 0px; background-color: transparent;}


span.icon_type {overflow: hidden; display: inline-block; height: 19px; padding: 0px 7px; font-size: 11px; line-height: 19px; font-weight: 500; background-color: #ffffff; border-radius: 5px; vertical-align: middle;}
span.icon_type + span.icon_type {margin-left: 6px;}
span.icon_type + ul.language_icon_type {margin-left: 6px;}
ul.language_icon_type + span.icon_type {margin-left: 6px;}
span.icon_type.bluepurple {color: #246d97;}
span.icon_type.green {color: #3abd1c;}
span.icon_type.green2 {color: #1e781f;}
span.icon_type.blue {color: #4696cf;}
span.icon_type.blue2 {color: #3776a2;}
span.icon_type.brown {color: #924f48;}
span.icon_type.yellow {color: #e2b15a;}
    
ul.language_icon_type {display: inline-block; overflow: hidden; vertical-align: middle;}
    ul.language_icon_type li {overflow: hidden; border-radius: 5px;}
    ul.language_icon_type > li > span.icon_type {position: relative; float: left; border-radius: 0px;}
    ul.language_icon_type > li > span.icon_type:first-child::before {content: none;}
    ul.language_icon_type > li > span.icon_type + span.icon_type {margin: 0px;}
    ul.language_icon_type li span::before {content: ""; position: absolute; display: inline-block; width: 1px; height: 10px; top: 4px; left: 0px; background-color: #d7d7d7;}
    
a.btn_clip {display: inline-block; position: absolute; width: 14px; height: 20px; top: 0px; right: 0px; outline: 0px; background: url('../images/icon/icon_clip_off.png') no-repeat center center;}
a.btn_clip span {text-indent: -9999px; font-size: 0; line-height: 0;}
a.btn_clip.on {background: url('../images/icon/icon_clip_on.png') no-repeat center center;}

a.btn_clip {display: inline-block; position: absolute; width: 14px; height: 20px; top: 0px; right: 0px; outline: 0px; background: url('../images/icon/icon_clip_off.png') no-repeat center center;}
a.btn_clip span {text-indent: -9999px; font-size: 0; line-height: 0;}
a.btn_clip.on {background: url('../images/icon/icon_clip_on.png') no-repeat center center;}

a.btn_clip.v2 {display: inline-block; position: absolute; width: 14px; height: 20px; top: 0px; right: 0px; outline: 0px; background: url('../images/icon/icon_clip_off02.png') no-repeat center center;}
a.btn_clip.v2 span {text-indent: -9999px; font-size: 0; line-height: 0;}
a.btn_clip.on.v2 {background: url('../images/icon/icon_clip_on02.png') no-repeat center center;}
    
.edu_txt_area {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* max-height 제거
.edu_content strong {display: block; font-size: 20px; overflow: hidden; width: 175px; max-height: 60px; color: #ffffff; text-align: center; font-weight: 500; letter-spacing: -1px; line-height: 1.4em;} 
*/
.edu_content strong {display: block; font-size: 20px; overflow: hidden; width: 175px; color: #ffffff; text-align: center; font-weight: 500; letter-spacing: -1px; line-height: 1.4em;}
div.edu_sub_txt_area {margin-top: 10px;}
div.edu_sub_txt_area p {text-align: center; font-size: 14px; color: #fff;}


/* 페이징 */
.pagination_area01 {position: absolute; margin-top: 0px; bottom: 20px; right: 50%; min-width: 120px; transform: translate(50%, -50%); text-align: center;}
    .swiper-pagination {display: inline-block; position: relative; vertical-align: middle;}
    .slide_controll01 {display: inline-block; height: 19px; line-height: 19px;}
        .slide_controll01 a {display: inline-block; margin-left: 7px; vertical-align: top;}
        .slide_controll01 a:last-child {margin-right: 7px;}
            .slick-dots li {float: left;}
            .slick-dots li button {display: inline-block; width: 13px; height: 13px; margin-left: 7px; font-size: 0px; text-indent: -9999px; border: 2px solid #8cabcb; border-radius: 50px; box-sizing: border-box; background: none; outline: none;}
            .slick-dots li.slick-active button {background-color: #8cabcb;}

/* 레이어팝업1 */
.dim {display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1998;
}
.dimbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=50);
}

.layer_position_area {position: absolute; top: 47%; left: 50%; margin-top: -107px; margin-left: -272px; z-index: 1999;}
.layer_popup_type01 {position: relative; width: 543px; margin: 0 auto;}
.layer_popup_type01_area {display: inline-block; width: 500px;}
.layer_popup_header {height: 50px; padding: 0 20px; line-height: 50px; background-color: #535353;}
.layer_popup_header span {font-size: 20px; color: #fff;}
.layer_popup_content {padding: 20px 30px; background-color: #fff;}
.layer_popup_content p {font-size: 16px;}
input[type=text].layer_popup_input {width: calc(100% - 121px); height: 30px; text-indent: 13px; border: 1px solid #cccccc; background-color: #f4f7fa;}
input[type=text].layer_popup_input:lang(en) {width: calc(100% - 190px); height: 30px; text-indent: 13px; border: 1px solid #cccccc; background-color: #f4f7fa;}
a.popbtn {display: inline-block; width: 111px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle;}
a.popbtn span {color: #fff; font-size: 14px;}
a.popbtn:lang(en) {display: inline-block; width: 180px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle;}

.layer_position_area2 {display: none; position: absolute; top: 10%; left: 50%; margin-left: -272px; z-index: 1999;}
.layer_popup_type02 {position: relative; width: 627px; margin: 0 auto;}
.layer_popup_type02_area {display: inline-block; width: 580px;}
.layer_popup_content02 {background-color: #fff; border-radius: 5px;}
.layer_popup_slide_area {position: relative; overflow: hidden; height: 176px; background-color: #ebf2f5; border-radius: 5px;}
.layer_popup_body_area {padding: 20px 16px 35px 16px;}
.reply_area {position: relative; height: 394px; padding: 35px 14px 24px; border-radius: 5px; background-color: #99aadb;}
.reply_area.scroll {overflow-y: scroll;}
.reply_area.scroll > div.division > div.division + div.division {margin-top: 25px;}
.layer_popup_close {position: absolute; display: inline-block; top: 0px; right: 0px;}
.layer_popup_close_btn {display: inline-block; width: 32px; height: 32px; text-indent: -9999; font-size: 0px; border-radius: 5px; vertical-align: top; background:url('../images/common/clear_btn05.png') no-repeat center center #555555;}


.layer_position_area3 {display: none; position: absolute; top: 10%; left: 50%; margin-left: -400px; z-index: 1999;}
.layer_popup_type03 {position: relative; width: 800px; margin: 0 auto;}
.layer_popup_type03_area {display: inline-block; width: 760px;}
.layer_popup_content03 {background-color: #fff; border-radius: 5px;}

.layer_popup_body_area02 {padding: 33px 20px;}

.layer_popup_close {position: absolute; display: inline-block; top: 0px; right: 0px;}
.layer_popup_close_btn {display: inline-block; width: 32px; height: 32px; text-indent: -9999; font-size: 0px; border-radius: 5px; vertical-align: top; background:url('../images/common/clear_btn05.png') no-repeat center center #555555;}



.layer_popup_slide {overflow: hidden; width: 460px; margin: 0 auto;}
.layer_popup_slide_layer {position: relative; height: 76px; margin: 45px 0 0px 0;}
.layer_member_slide_box {overflow: hidden; display: inline-block; float: left; width: 65px; text-align: center; cursor: pointer;}
.layer_member_slide_box img {display: block; width: 45px; height: 45px; margin: 0 auto;}
.layer_member_slide_box span {display: block; margin-top: 10px; font-size: 16px; color: #333; font-weight: 700;}
a.layer_member_slide_prev {position: absolute; top: 50%; margin-top: -20px; left: 15px;}
a.layer_member_slide_next {position: absolute; top: 50%; margin-top: -20px; right: 15px;}

.layer_popup_slide_area .slick-slide  {width: 65px; margin: 0 0 0 0px;}
.layer_popup_slide_area .slick-slide:first-child  {margin: 0px;}
.layer_popup_slide_area .pagination_area01 {bottom: auto; top: 143px;}


/* 챗봇 */
.chatbot_area {
    overflow: hidden;
    position: fixed;
    bottom: 80px;
    right: 50px;
    z-index: 50;
}
.chatbot_area ul {
    width: 285px;
}
.chatbot_area ul li { 
    overflow: hidden;
}
.chatbot_area ul li + li {
    margin-top: 10px;
}
.chatbot_area ul li a {
    position: relative;
    display: block;
    float: right;
    width: 65px;
    height: 65px;
    right: 0px;
    border-radius: 50px;
    transition: width 1s;
}
.chatbot_area ul li a span {
    display: block;
    width: 260px;
    padding: 15px 0 15px 90px;
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
}
.chatbot_area ul li a.faq_chat_btn {
    /* background: url('../images/common/faq_btn_bg.png') no-repeat 0 1px #0050a4; */
    background: url('../images/common/faq_passive.png') no-repeat 0 1px #0078FF;
}
.chatbot_area ul li a.ai_chat_btn {
    /* background: url('../images/common/ai_btn_bg.png') no-repeat 0 1px #a17d44; */
    background: url('../images/common/chatbot_passive.png') no-repeat 0 1px #0b62ff;
}

.chatbot_area ul li a.faq_chat_btn:hover, .chatbot_area ul li a.faq_chat_btn.active {
    background: url('../images/common/faq_active.png') no-repeat 0 1px;
}
.chatbot_area ul li a.ai_chat_btn:hover, .chatbot_area ul li a.ai_chat_btn.active {
    background: url('../images/common/chatbot_active.png') no-repeat 0 1px;
}
.chatbot_area ul li a:hover, .chatbot_area ul li a.active {
    width: 285px;
}


 /* 2021.11.11 추가 팝업 */
.popup {overflow: hidden;display: none;position: absolute;top: 50%;left: 50%;width: 620px;height: 600px;/*margin: -310px 0 0 -325px;*/transform: translate(-50%, -50%);border: 1px solid #a0a0a0;border-radius: 11px;background-color: #ffffff;box-sizing: border-box;z-index: 1001;}
.popup2 {overflow: hidden; display: none; position: absolute; top: 50%; left: 50%; width: 900px; height: 800px; /*margin: -310px 0 0 -325px;*/ transform: translate(-50%, -50%); border: 1px solid #a0a0a0; border-radius: 8px; background-color: #ffffff; box-sizing: border-box; z-index: 1001;}
.popup.pop_scroll {
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.popup.pop_scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.pop_inner_scroll_area {
  overflow-y: auto;
  height: 450px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.pop_inner_scroll_area::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.popup_area {overflow: hidden; position: relative; padding: 50px 20px;}
.popup_area.paddingb30 {overflow: hidden; position: relative; padding: 50px 20px 20px;}
.popup_area div.popup_closed {position: absolute; top: 15px; right: 15px;}
.popup_area textarea {box-sizing: border-box; resize: none;}

.popup_area2 {overflow: hidden; position: relative; padding: 50px 20px;}
.popup_area2.paddingb30 {overflow: hidden; position: relative; padding: 50px 20px 20px;}
.popup_area2 div.popup_closed {position: absolute; top: 15px; right: 15px;}
.popup_area2 textarea {box-sizing: border-box; resize: none;}