@charset "utf-8";

@import url('font.css');
@import url('reset.css');
@import url('layout.css');

/* 공통 */
.download img{padding-right: 5px;}
.download span{text-decoration: underline;}
.loading_popup{
    position: absolute;
    width: 450px;
    height: 400px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: all 0.3s;
}

/* title */
h3.tit{font-size: 2.812rem;font-weight:700;color:#222;letter-spacing: -0.7px;}
h4.tit_s{margin-bottom:20px}
h4.tit {margin-bottom:15px;font-size: 1.437rem;font-weight: 700;color: #222;}
h4.head_type4{font-size:22px;font-weight:600;color:#111;margin-bottom:25px;padding-left: 31px;background: url('../../images/front/icon/tit_bg.png') no-repeat 0 0;}
.tit_s{font-size:20px;font-weight: 500;color: #333;background: url('../../images/front/sub/icon_tit02.png') no-repeat 0 3px;padding-top:17px;margin-bottom: 20px;}
.tit_ss{font-size: 14px;}
.tit_s02{position: relative;font-size:17px;font-weight: 600;color: #35509f;margin-bottom: 10px;padding-left: 23px;}
.tit_s02::before{content:"";position:absolute;top:9px;left:10px;width: 5px;height: 5px;background:#35509f;border-radius: 50%;}
.mypage_tit_area{overflow: hidden;margin-bottom: 5px}
.mypage_tit_area .tit{float: left;margin-top: 5px;margin-bottom: 13px;}
.mypage_tit_area button{float: right}
.mypage_tit_area .right{float: right}
.mypage_tit_area .right.tit02{font-size: 13px;padding-top: 10px;}

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

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

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

/* btn */
.btn_wrap{margin-bottom: 15px;}
.btn_wrap::after{content: '';display: table;clear: both;}
.btn_wrap .left{float: left;}
.btn_wrap .right{float: right;}
.btn {display: inline-flex; align-items: center; justify-content: center; min-width: 120px; height: 48px; margin: 0 2px; padding: 0px 20px; border: 1px solid #6f7075; border-radius: 8px; background-color: #6f7075; color: #fff;font-weight: 600;transition: 0.2s ease-in-out;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.btn.primary {position: relative;border: 1px solid #1d286f; background-color: #1d286f; color: #fff;}
.btn.primary:hover{background-color: #132144;box-shadow: 0 3px 3px rgb(120, 120, 120, 0.3);}
.btn.primary.line1 {border-color: #322e60; background-color: #fff; color: #322e60;}
.btn.primary.line1:hover{background-color:#f8f8f8;box-shadow: 0 3px 3px rgb(120, 120, 120, 0.2);}
a.btn.primary {position: relative;text-align: center;line-height: 50px;word-break: keep-all;}
.btn.primary.type2{border-color: #535cd7;background: #535cd7;color: #fff;}
.btn.primary.type2:hover{background-color:#333bc8;border-color: #333bc8;}
.btn.secondary {position: relative;border: 1px solid #8790a2; background-color: #fff;color: #1f1f33;}                
.btn.secondary:hover{background-color: #f3f3f4;}
.btn.tertiary {position: relative;border: 1px solid #1D1D1D; background-color: #fff; color: #000B17;}
.btn.grayscale {border: 1px solid #ddd; background-color: #fff; color: #323232;}
.btn.grayscale02 {border: 1px solid #818287; border-radius: 0!important; background-color: #818287; color: #fff;}
.btn.grayscale03 {border: 1px solid #ccd0d3; background-color: #ccd0d3; color: #fff;}
.btn.apply {border: 1px solid #ec5c5f; background-color: #ec5c5f;}
.btn.apply:hover {border: 1px solid #df3539; background-color: #df3539;}
.btn.line{position: relative;height: 58px;border: 1px solid #557aec;background-color: #fff;color: #557aec;}
.btn.line:hover{background-color: #fff;border: 1px solid #193296;color: #193296;}
.btn.sm {min-width: auto;height: 40px;border-radius: 6px;font-size: 15px;padding: 0 10px;}
.btn.xsm {min-width: auto;height: 30px;padding: 6px 7px;margin: 2px 0;border-radius: 3px;font-size: 14px;word-break: keep-all;}
.btn.icon{padding-left: 28px;}
.btn.icon.excel{background: #268c53;border: 1px solid #268c53;padding-left: 32px;}
.btn.icon.excel:hover{background: #19733d;border: 1px solid #19733d;}
.btn.icon.excel::before{content: '';position: absolute;top:11px;left:10px;width: 17px;height: 16px;background:url('../../images/front/icon/icon_excel.png') no-repeat;}
.btn.icon.excel.down{padding-right: 27px;}
.btn.icon.excel.down::after {content: ''; position: absolute; top: 9px; right: 8px; width: 18px; height: 18px;background:url('../../images/front/icon/icon_arrow.svg') no-repeat;background-size: cover;}
.btn.icon.excel.up{padding-right: 27px;}
.btn.icon.excel.up::after {content: ''; position: absolute; top: 9px; right: 8px; width: 18px; height: 18px;background:url('../../images/front/icon/icon_arrow.svg') no-repeat;background-size: cover;transform: rotate(180deg);}
.btn.icon.add::before{content: '';position: absolute;top:13px;left:10px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_add02.png') no-repeat;}
.btn.icon.open::before{content: '';position: absolute;top:13px;left:10px;width: 14px;height: 14px;background:url('../../images/front/icon/icon_seminar.png') no-repeat;}
.btn_team_s{display: inline-block;height: 28px;padding: 0 7px;border: 1px solid #1d286f;border-radius: 5px;background-color: #1d286f;font-size: 12px;font-weight: 600;color: #fff;transition: 0.2s ease-in-out;}
.btn.gray{background: #878b9a;border: 1px solid #878b9a;}
.btn.gray:hover{background: #676b7b;border: 1px solid #676b7b;}
.btn .num{display: inline-block;width: 20px;height: 20px;margin-left: 2px;background-color: #f67f70;border-radius: 50%;font-size: 11px;color: #fff;text-align: center;line-height: 22px;}

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


/* radio,checkbox 스타일 */
.chk_list li {display: inline-block;margin-right: 25px}
.chk_list li:last-child {margin-right: 0}
.chk_list li .chk_st {display: inline-block;}
.chk_list li .chk_st input[type="radio"], .chk_st input[type="checkbox"] {position: absolute;overflow: hidden;width: 1px;height: 1px;clip: rect(1px,1px,1px,1px)}
.chk_list li .chk_st input[type="radio"] {position: absolute;overflow: hidden;width: 1px;height: 1px;clip: rect(1px,1px,1px,1px)}
.chk_list li .chk_st input[type="radio"]+label {position: relative;display: inline-block;padding-left: 28px;cursor: pointer;}
.chk_list li .chk_st input[type="radio"]+label:before {content: "";position: absolute;left: 0;top: 1px;width: 20px;height: 20px;line-height: 1.6rem;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 100%;}
.chk_list li .chk_st input[type="radio"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_radio.png') no-repeat center center #fff;border: 1px solid #145cff}
.chk_list li .chk_st input[type="checkbox"]+label {position: relative;padding-top: 1px;padding-left: 28px;cursor: pointer;}
.chk_list li .chk_st input[type="checkbox"]+label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: #fff;border: 1px solid #bbb;text-align: center;border-radius: 3px;}
.chk_list li .chk_st input[type="checkbox"]:checked{border: 1px solid #145cff;}
.chk_list li .chk_st input[type="checkbox"]:checked+label:before {content: "";background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #145cff;border: 1px solid #145cff;}
.chk_list li .chk_st input[type="checkbox"]:disabled+label {color: #eb0506; text-decoration: line-through;}
.chk_list li .chk_st input[type="checkbox"]:disabled+label:before {border: 1px solid #dedede; background: #eaeaeb;}
.chk_list .chk_st input:focus-visible ~ label::before {outline: 2px solid black;}
.pop_content .chk_list li .chk_st input[type="radio"]+label {display: inline;font-size: 15px;}

/* tab 스타일 */
.tab_list{border-bottom: 1px #e7e8ed solid;padding: 10px 20px;}
.tab_list ul{display: flex;align-items: center;}
.tab_list li a{display: inline-block;height: 35px;padding: 0 25px;border-radius: 50px;background: #fff;font-weight: 600;color: #82828f;line-height: 35px;}
.tab_list li.on a, .tab_list li a:hover{font-weight: 700;color: #3750f3;background: #eff5ff;}

.tab_list_s02{padding: 10px;}
.tab_list_s02 ul{display: flex;align-items: center;}
.tab_list_s02 li a{position: relative;display: inline-block;margin: 0 30px;padding-left: 13px;font-weight: 600;}
.tab_list_s02 li a::before{content: "•";position: absolute;top:0px;left:0;}
.tab_list_s02 li.on a{font-weight: 700;color: #4f47b8;}

.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;font-weight: 600;}
.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;}

/* 로그인 */
.intro_wrap{display: flex;min-height: 100vh;align-items: center;justify-content: center;background:url('../../images/front/common/bg_intro.jpg') no-repeat center center;background-size: cover;}
.intro_area{width: 460px;margin: 50px 0;}
.intro_area .tit_area{text-align: center;margin-bottom: 20px;}
.intro_area .tit_area h1{display:block;width:180px;height:27px;margin: 0 auto;background:url('../../images/front/common/logo.png') no-repeat 0 0;background-size:100%;margin-bottom: 10px;}
.intro_area .tit_area h2{font-size: 20px;font-weight: 200;color: #666;margin-bottom: 10px;}
.intro_area .box{padding: 50px;background: #fff;border: 1px #ddd solid;border-radius: 15px;box-shadow: 0 0 30px rgb(0, 0, 0, 0.1)}
.intro_area .box .form_group input{width: 100%;height: 58px;margin-bottom: 10px;background: #f7f5f7;border: none;border-radius: 8px;font-size: 1rem;}
.intro_area .box .form_group input::placeholder{color: #777;}
.intro_area .box .login_checks{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.intro_area .box .login_checks .btn_go{color: #252e48;}
.intro_area .box .btn_login{display: block; width: 100%;height: 58px;margin: 15px 0;border: 1px solid #567cf0;border-radius: 8px;background-color: #567cf0;font-weight: 700; color: #fff;transition: 0.2s ease-in-out;}
.intro_area .box .btn_login:hover{background: #395ce9;}
.intro_area .box .btn_login.grayscale{border: 1px solid #ddd; background-color: #fff; color: #323232;transition: 0.2s ease-in-out;}
.intro_area .box .btn_login.grayscale:hover{border: 1px solid #567cf0;color: #567cf0;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}

.login_sns{margin-top: 30px;text-align: center;}
.login_sns .text_sns p{position: relative;display: inline-block;color: #222;margin-bottom: 10px;background: #fff;padding: 0 10px;}
.login_sns_btn li{display: inline-block;margin: 0 5px;text-align: center;vertical-align: top;}
.login_sns .btn_sns{position: relative;display: inline-block;width: 50px;height: 50px;font-size: 0;}
.login_sns .btn_sns::before{content: '';position: absolute;top:0;left:0;width: 50px;height: 50px;border-radius:50%;}
.login_sns .btn_sns.icon01::before{background:url('../../images/front/icon/login_sns01.png') no-repeat center center #f4d355;}
.login_sns .btn_sns.icon02::before{background:url('../../images/front/icon/login_sns02.png') no-repeat center center #24ae02;}
.login_sns .btn_sns.icon03::before{background:url('../../images/front/icon/login_sns03.png') no-repeat center center #fff; border: 1px #ddd solid;}
.login_sns_btn li:hover .btn_sns.icon01.off:hover::before{background:url('../../images/front/icon/login_sns01.png') no-repeat center center #f4d355;}
.login_sns_btn li:hover .btn_sns.icon02.off:hover::before{background:url('../../images/front/icon/login_sns02.png') no-repeat center center #24ae02;}
.login_sns_btn li:hover .btn_sns.icon03.off:hover::before{background:url('../../images/front/icon/login_sns03.png') no-repeat center center #fff; border: 1px #ddd solid;}
.login_sns_btn .text{margin-top: 10px;font-size: 0.937rem;font-weight: 600;}
.login_sns .btn_sns.icon01.off::before{background:url('../../images/front/icon/login_sns01_off.png') no-repeat center center #cccccc;}
.login_sns .btn_sns.icon02.off::before{background:url('../../images/front/icon/login_sns02.png') no-repeat center center #cccccc;}
.login_sns .btn_sns.icon03.off::before{background:url('../../images/front/icon/login_sns03_off.png') no-repeat center center #fff; border: 1px #ddd solid;}
.login_sns .social{display: flex; flex-direction: row;}
.join_tit {margin-bottom: 30px; font-size: 22px; font-weight: 700; color: #000;}

/* 작성자 자격 */
.writer {display: block; width: 50%; margin: 0 auto; padding: 0 30px;}
.writer .t_box {margin-bottom: 30px;}
.writer .t_box span {line-height: 1;}
.writer .t_btn {width: 100%;}
.writer .t_btn .btn {width: 100%;}
.writer .t_btn .btn.secondary {background-color: #fff;}

/* 회원가입 */
.intro_area.type_member{width: 550px;}
.intro_area.type_member .box{padding: 40px 50px;}
.intro_area.type_member .tit_area_mem{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px #eee solid;}
.intro_area.type_member .tit_area_mem p{font-size: 24px;font-weight: 700;color: #222;}
.intro_area.type_member .btn_wrap.join{margin-bottom: 0;}
.intro_area.type_member .btn_wrap.join button{width: 100%;margin: 0 0 10px 0;}

/* 입력폼 */
.form_wrap .form-group{margin-bottom: 10px;}
.form_wrap .form-tit{font-weight: 700;color: #222;}
.form_wrap .form-conts {display: flex;flex-direction: column;gap: 1rem;width: 100%;}
.form_wrap .input-group {position: relative;display: flex;align-items: center;gap: 0.5rem;width: 100%;}
.form_wrap input{width: 100%;height: 48px;margin: 7px 0;border-radius: 8px;font-size: 1rem;}
.form_wrap select{height: 50px;}
.form_wrap .btn.secondary{min-width: 105px;padding: 0px 5px;font-size: 0.937rem;}
.form_wrap .form-group .togglePassword{width:20px;height:20px;position: absolute;top:25px;right:20px;font-size: 0;background: url(../../images/front/icon/icon_pw_view_on.png) no-repeat 0 0;}
.form_wrap .form-group .togglePassword.off{background: url(../../images/front/icon/icon_pw_view_off.png) no-repeat 0 0;}
#timer{margin-top: -22px;font-size: 14px;font-weight: 600;}

/* 약관동의 */
.terms_contents{overflow-y: auto;height: 325px;padding: 30px;margin-bottom: 15px;border: 1px solid #ddd;box-sizing: border-box;}
.terms_contents .tit{font-size:1.062rem;margin-bottom:15px;}
.terms_contents .tit02{font-size:15px;font-weight:normal;color:#000;margin-bottom:5px}
.terms_contents .agree_area{margin-bottom: 30px;font-size:1rem;}
.terms_contents .agree_area .tit_info{font-size:1rem;}
.terms_contents .agree_area .agree_area_in{margin-bottom: 20px}
.terms_contents > .agree_area > .agree_area_in > ul > li > ul > li strong{display: block;font-weight: 500;}
.terms_contents .box_info{padding-bottom: 30px;}
.terms_btn_area {overflow: hidden;margin-bottom: 50px;}
.terms_btn_area .form_set {text-align: right;}
.agree_area{font-size: 1.062rem;margin-bottom: 50px;}
.agree_area .agree_area_in{margin-bottom: 30px;}
.agree_area .agree_area_in .tit_info{display: inline-block;font-size: 1.125rem;font-weight: 700; color: #4f47b8; margin-bottom: 10px}
.agree_area > .agree_area_in > ul > li{padding: 3px 0;}
.agree_area > .agree_area_in > ul > li > ul{padding: 5px 0 0 15px;}
.agree_area > .agree_area_in > ul > li > ul > li{padding: 2px 0;}
.agree_area > .agree_area_in .icon{margin-left: 10px;}
.agree_area > .agree_area_in .icon li{position: relative;padding-left: 13px;}
.agree_area > .agree_area_in .icon li::before{content: '';position: absolute;top:14px;left:0;width: 5px;height: 5px;background: #1040a7;border-radius:50px;}
.agree_area .agree_area_in li strong{display: block;font-weight:600;color: #0e73e6;margin-top: 15px;}
.agree_area .agree_area_in li strong.tit03{font-weight: 400;color:#1040a7;}
/* 개인정보 처리방침 */
.agree_area.privacy .agree_area_in{margin-bottom: 50px;}
.privacy_list{position:relative;display:flex; align-items:center; justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom: 40px;}
.privacy_list li{position:relative; width:calc(100% / 2 - 10px);}
.privacy_list li a{display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; padding:14px 20px; border-radius:4px; background:#f8f9fa; transition:background 0.3s ease; box-sizing:border-box;}
.privacy_list li a:hover {background:#f0f0f0;}
.privacy_list li span {font-weight:600;line-height:1.4;color:#333;}
.label_section{margin-bottom: 50px;}
.label_wrap{display:flex; flex-flow:row wrap; justify-content:space-around; position:relative;}
.label_wrap .label_box{width: 32%;height: 200px;box-sizing: border-box;border-radius: 10px; display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px;border: 1px solid #ddd; position: relative;}
.label_wrap .label_box:hover{transition: 0.2s;border: 1px solid #0447cd;box-sizing: border-box;}
.label_wrap .label_box .label_cnt {margin-top: 15px; font-weight:600; color:#333; }
.label_layer{display:none; position:absolute; box-sizing:border-box; border-radius:10px;background-color:#fff;border:1px solid #ddd; width:500px;box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);z-index:9;}
.label_desc_top{ width: 100%;box-sizing: border-box;padding:10px;background-color: #00377b; border-top-right-radius: 10px;border-top-left-radius: 10px;}
.label_desc_top p{color: #fff;}
.label_desc_btm{width: 100%;box-sizing: border-box;padding: 15px 20px;}
.label_desc_btm .desc_wrap{display: flex; flex-flow: row wrap; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 0 15px; margin-top: 12px;}
.label_desc_btm .desc_wrap .desc_box:last-child{border-bottom:none;}
.label_desc_btm .desc_box{width: 100%; padding:0px;display: flex;flex-flow: row wrap;justify-content: space-between; border-bottom:1px solid #eee;}
.label_desc_btm .desc_box p{margin:0; padding:15px 0;}
.label_desc_btm .desc_tit{width: 30%;font-weight: 400;color: #1b4f8b;word-break: keep-all;}
.label_desc_btm .desc_cnt{ width: 68%;color: #333;font-size: 14px;}
.label_desc_btm .desc_cnt02{margin-bottom: 10px;width: 100%;color: #333;font-size: 14px;}
.label_wrap .label_layer.num0{top:-1px; left: 104%;}
.label_wrap .label_layer.num1{top:-1px; right: 104%;}
.label_wrap .label_layer.num2{top:-1px; right: 104%;}
.label_wrap .label_layer.num3{top:-1px; left: 104%;}
.label_wrap .label_layer.num4{top:-1px; right: 104%;}
.label_wrap .label_layer.num5{top:-1px; right: 104%;}

/* 팝업 */
.pop_header{height: 52px;}
.pop_header header{position:relative;height: auto;border-bottom:none;background: #557aeb;}
.pop_header header h1{font-size: 17px;font-weight: 600;color: #fff;padding: 13px 20px;}
.pop_header header a.pop_close{display:inline-block;width:20px;height:20px;position:absolute;top:15px;right:20px;font-size:0;background: url('../../images/front/icon/close_w.png') no-repeat 0 0;background-size: cover;}
.pop_content_area .pop_content .title_area{margin-bottom: 20px}
.pop_container{padding: 25px;background: #fff;}
.pop_container .pop_content_area .pop_content .tbl_cell_group{margin-bottom: 20px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group th{height: 45px;padding: 10px 20px 10px 20px;}
.table_search_area .count_area{padding-top:0;margin-bottom: 10px}
.table_search_area .count_area span strong.color_pointo{color:#d78107}
.pop_container .pop_content_area .pop_content .btn_wrap button{min-width: 100px;font-size: 15px;color:#fff;}
.pop_container .pop_content_area .pop_content .btn_wrap .alignc a{min-width: 80px;font-size:14px;background: #333;}

.pop_container .search_wrap{padding: 15px;}
.pop_container .search_wrap th{height: 36px;font-size: 0.937rem;}
.pop_container .search_wrap td{padding: 2px 15px;}
.pop_container .search_wrap td input, .pop_container .search_wrap td select{height: 32px;}
.pop_container .search_btn_area .btn_sch, .pop_container .search_btn_area .btn_re{height: 32px;font-size: 0.875rem;padding: 0 15px;}

.main_layer{border: 1px solid rgba(0, 0, 0, .3);background: #fff;z-index: 9999999!important;}
.main_layer .pop_container.pop_color{position:relative;background-color: #fff;padding: 0 20px 20px 20px;}
.main_layer .pop_header_layer{overflow:hidden;position:relative;height: 48px;padding: 15px 20px;margin-bottom: 10px;}
.main_layer .pop_header_layer header{position:static;width: auto;background:none;border-bottom:none;box-shadow: none;}
.main_layer .pop_header_layer h1{font-size:19px;font-weight:700; color:#000;}
.main_layer .pop_header_layer a.pop_close02 {position: absolute; display: inline-block; top: 20px; right: 20px; width: 19px; height: 18px; background: url('../../images/front/icon/close02.png') no-repeat 0 0;background-size: cover;}
.main_layer .pop_header_layer a.pop_close02 span {display: block; position: absolute; top: -999999px; right: -999999px;}
.main_layer .pop_container.pop_color .title_area{padding: 7px;background: #f3f6f9;font-size: 15px;}
.main_layer .pop_container.pop_color .title_area p{background: url('../../images/front/icon/icon_disc.png') no-repeat 0 0;padding-left: 20px;line-height: 130%;}
.main_layer .layer_bottom_wrap .layer_bottom{position: absolute;bottom: 15px;right:15px;font-size: 13px;}
.main_layer .pop_container .pop_content img{max-width: 100%;}

/* 주소팝업 */
table#juso_list thead th{font-size:14px!important;}
table#juso_list tbody td a{font-size:14px!important;}

@media screen and (max-width:1400px){
    
}
@media screen and (max-width:1000px){
	/* 개인정보 처리방침 */
	.label_section{display: none;}
	.box_graphic img{max-width:100%;}
}
@media screen and (max-width:800px){
	.search_wrap{padding: 30px 15px;}
	
   /* tab 스타일 */
	.tab_list li a span.nation{padding-left:0;}
	.tab_list_s li a span.nation{padding-left:0;}
	.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%;}
	
	/* 온라인 리스트 */
    #onSemrList .search_list.type1 .box_con {padding-left: 30px!important;}
    .box_con .state {top: 20px; left: auto; right: 20px; width: 55px; height: 55px;}
    .search_list .tit_area .tit {display: block; overflow: hidden; width: 85%; text-overflow: ellipsis; white-space: nowrap;}
}
@media screen and (max-width:640px){/* mobile version */
	/* title */
    h3.tit{font-size: 2rem;}
    h4.tit {margin-bottom: 7px;font-size: 1.3rem;}
    
    /* 로그인 */
    .intro_area{padding: 0 20px;}
    .intro_area .box{padding: 50px 30px;}
    .intro_area.type_member .box{padding: 30px 20px;}
    
    /* btn */
    .btn, .btn.line {min-width: 80px; height: 40px;}
    .btn_wrap.align_r{text-align: center!important}

    /* tab 스타일 */
    .tab_list ul{display: block;}
    .tab_list li a{padding: 0;border-left:1px #ddd solid;font-size: 1rem;}
    .tab_list_s{padding: 10px 0;}
    .tab_list_s li a{margin: 2px;}
    .tab_list_s li a span{font-size: 13px;}
    .tab_list_s02{padding:0;}
    .tab_list_s02 li a{margin: 0 15px;}
    
    .tab_list ul li {width: 100%; text-align: center;}
    .tab_list ul li a {width: 100%; margin: 2px 0; border: 1px solid #dfdfdf;}
    
    /* 검색 */
    .search_wrap {padding: 20px 10px;}
    .search_wrap table {display:block;}
    .search_wrap table tbody {display:block;}
    .search_wrap table tbody tr {display:block;}
    .search_wrap table tbody th,
    .search_wrap table td{display:block;width:100%;height: auto;overflow:hidden;text-align:left;padding: 5px;}
    
    #intr_reg_list .search_list .box_con {padding: 20px;}
    #intr_reg_list .search_list .category_wrap .category {margin: 5px 0 15px 0;}
    #intr_reg_list .search_list .category_wrap .category:last-child {margin-bottom: 5px;}
    #intr_reg_list .search_list .category_wrap .category .tit {top: -15px;}
    #intr_reg_list .search_list .category_wrap .category .mg_category {padding-left: 5px;}
    #intr_reg_list .search_list .category_wrap .category .mg_category:first-child {margin-top: 20px;}
    
    /* 온라인 리스트 */
    .search_list .category_wrap.type1 .category .mg_category {padding-left: 0px;}
    
    /* 팝업 */
    .main_layer{width: 100%!important;height:auto!important;top:0!important;left:0!important;}
    .main_layer .pop_content_area .pop_content{height:auto!important;margin-bottom: 30px;}
    .pop_header header .pop_close{top:20px;right:20px;}
    
    /* 회원가입 */
    .member_wrap.w750 .box{padding: 15px;}
    .member_wrap .box.form_wrap{padding: 10px 20px 30px 20px;}
    .member_wrap .box.type2{padding: 60px 20px;}
    .member_wrap .tit_area{margin-bottom: 20px;}
    .member_wrap .btn_wrap{margin:0;}
    
    /*답변 */
    .reply_list{padding: 20px 0;}
    .reply_wrap .reply_view .reply_in .reply_list{padding: 10px 0;}
    .reply_write{padding: 10px;}
    
    /* 로그인 */
    .login_area{width: 100%;}
    
    /* 입력폼 */
    .form-conts.email_form .input-group{display: block;}
    .form-conts.email_form .input-group select{width: 100%;margin-bottom: 3px;}
    .pop_container .box_con{padding: 10px;}
}

/*빈 데이터 텍스트*/
.nonDataText{width:100%;height:100%;min-height:200px;display:flex;justify-content:center;align-items:center;}