@charset "utf-8";

.h3_tit {position: relative;display: block;font-size: 23px;color: #222;font-weight: 600 !important;line-height: 22px;padding-top: 10px;letter-spacing: -0.02em;margin-bottom: 15px}
.h3_tit span {font-weight: 600 !important;}
.h3_tit:after {position: absolute;top: 0;left: 0;width: 25px;height: 3px;background: #313e94;content: ""}

/*테이블*/
.tbl_st01 {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;clear:both;border-top:2px solid #333;background: #fff;font-size: 13px}
.tbl_st01 th, .tbl_st01 td {padding: 8px 7px;text-align:center;border:1px solid #ccc;line-height: 160%;word-wrap:break-word;word-break:keep-all;}
.tbl_st01 th {background:#f8f8f8;color:#222;}
.tbl_st01 thead th {background:#edefff;color:#222;}
.tbl_st01 a {color: #555}
.tbl_st01 small {font-weight: normal;letter-spacing: 0;color: #555;margin-left: 5px}
.tbl_st01.left td {text-align: left;padding: 10px 15px}
.tbl_st01 .td_bg {background: #e7f6f8}

@media all and (max-width:1200px) {
    .h3_tit {font-size: 20px}
}

@media all and (max-width:640px) {

    .h3_tit {font-size: 18px}

    .tbl_st01 {font-size: 13px;}
    .tbl_st01 th, .tbl_st01 td {padding:10px 8px;}

    .tbl_form {font-size: 13px;}
    .tbl_form th, .tbl_form td {padding:10px 8px;}
}

@media all and (max-width: 480px) {

    .h3_tit {font-size: 16px}

    .tbl_st01 .msize {width: 80px !important;}

    .tbl_form .msize {width: 100px !important;}
    .tbl_form .w300 {width: 100% !important;}
}

/*----------------------------------------새창 영역-----------------------------------------------*/

.form_doc {position: relative;display: block;overflow: hidden;min-width: 320px;}
.form_head {display: block;background: #efefef;padding: 20px 0;text-align: center;font-size: 35px;color: #222;font-weight: 600;line-height: 140%;}
.form_head .logo {display: inline-block;}
.form_head .logo img {width: 80%;max-width: 640px;}
.form_contents {position: relative;display: block;overflow: hidden;width: 900px;margin: 0 auto;padding: 40px 0;font-size: 1rem !important}

.form_foot {display: block;background: #efefef;padding: 20px 0;text-align: center;font-size: 14px}

.form_contents .cont_title {display: block;margin-bottom: 30px;text-align: center}
.form_contents .cont_title .logo {display: block;text-align: center;margin-bottom: 10px}
.form_contents .cont_title .logo img {max-width: 85%}
.form_contents .cont_title .btit {display: block;font-size: 35px;color: #222;font-weight: 600;line-height: 140%;letter-spacing: -0.07em}
.form_contents .cont_title .stxt {display: block;font-size: 16px;color: #149dcc;line-height: 140%;}

.form_contents .agreement_box {display: block;background: #efefef;margin:  0 auto; padding: 20px;overflow-x: hidden;height: 300px;border-top: 10px solid #efefef;border-bottom: 10px solid #efefef;overflow-y: scroll;font-size: 14px}

.company_number {display: block;text-align: center;}
.company_number .btit {display: block;font-weight: 600;color: #222;font-size: 16px;margin-bottom: 5px}
.company_number .cont {position: relative;display: inline-block;}
.company_number .cont ul {}
.company_number .cont li {position: relative;display: block;padding-left: 130px;margin-bottom: 10px}
.company_number .cont li:last-child {margin-bottom: 0}
.company_number .form_tit {position: absolute;top: 3px;left: 0;}
.company_number .sm_input {width: 100px !important;}

.form_contents .isbox {position: relative;display: block;}
.form_contents .isbox .astxt {position: absolute;top: 10px;right: 0;font-size: 13px}

.form_li {position: relative;display: block;overflow: hidden}
.form_li_btit {display: block;font-size: 16px;font-weight: 600;margin-bottom: 5px}
.form_li li {position: relative;float: left;width: 48%;padding: 10px 0}
.form_li li:nth-child(odd) {margin-right: 4%}
.form_li li.full {width: 100%;margin-right: 0 !important}
.form_li .li_astxt {position: absolute;top: 10px;right: 0;font-size: 13px;}
.form_li .li_astxt label {height: 20px;line-height: 17px}

.form_li.li3 li {width: 32%;padding: 10px 0}
.form_li.li3 li:nth-child(odd) {margin-right: 0}
.form_li.li3 li:nth-child(2) {margin: 0 2%}

.grbox_form {}
.grbox_form li {width: 22%;margin-right: 4% !important}
.grbox_form li.tel_li {width: 30%;}
.grbox_form li:nth-child(4), .grbox_form li:nth-child(8) {margin-right: 0 !important;}

.grbox_form2 {background: #f9f9f9;border: 1px solid #ddd;padding: 15px}

.form_btit {display: block;font-size: 16px;font-weight: 600;margin-bottom: 5px}

.form_dl {position: relative;display: block;overflow: hidden;}
.form_dl.first {margin-bottom: 40px}
.form_dl dl {float: left;width: 22%;margin-right: 3%;}
.form_dl dl:last-child {margin-right: 0}
.form_dl dl dt {display: block;font-weight: 600;color: #222;font-size: 15px;margin-bottom: 5px;line-height: 140%}
.form_dl dl dd {position: relative;display: block;padding: 5px 0 5px 45px;}
.form_dl dl dd label {position: absolute;top: 5px;left: 0;line-height: 34px;font-size: 14px}
.form_dl input[type=text], .form_dl input[type=file] {background: #f3f3f3}
.form_dl input[type=text] {text-align: right;padding: 0 10px;box-sizing: border-box}

.form_tit {display: block;margin-bottom: 5px}
.form_tit label {position: relative;display: inline-block;color: #333;line-height: 20px;}
.form_tit label.nec {padding-right: 15px;}
.form_tit small {font-size: 14px;color: #555;letter-spacing: -0.0125em;}
.form_tit label.nec:before {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 28px;content: "*";color: #e92138}
.form_tit .bw_xxxs {vertical-align: top;margin: 3px 0 0 5px}

.form_group {display: block;overflow: hidden;}
/*.form_group input[type=text], .form_group input[type=file], textarea, select {background: #f3f3f3}*/
.form_group .sm_input {width: calc(33.33% - 12px);float: left;}
.form_group .md_input {width: calc(100% - 68px);float: left;}
.form_group .form_ctxt {min-width: 12px;float: left;margin: 0 3px;line-height: 35px;text-align: center}
.form_group.addr input[type=text] {width: 70% !important;float: right;}
.form_group.addr input[type=text].zipcode {width: 28% !important;float: left;}
.form_group .md_bt {float: right;margin: 0 !important;padding: 0 18px;height: 32px;line-height: 32px}

.form_group.addr2 input[type=text] {width: 34% !important;float: left;margin-left: 2%}
.form_group.addr2 input[type=text].zipcode {width: 28% !important;float: left;margin-left: 0}

.input_ssize {width: 120px !important;}

.options_chek {position: relative;display: block;overflow: hidden;}
.options_chek ul {overflow: hidden}
.options_chek li {float: left;margin-right: 15px;width: 210px;text-align: center}
.options_chek li a {display: block;padding: 15px;letter-spacing: 0;border-radius: 5px;background: #fafafa;border: 1px solid #ddd;color: #222;}
.options_chek li a b {display: block;font-size: 17px;font-weight: 600;line-height: 150%}
.options_chek li:last-child a b {font-size: 16px}
.options_chek li a span {display: block;font-size: 18px;font-weight: 600;line-height: 150%}
.options_chek li a.active {background: #edf4f9;border: 1px solid #1137a6;color: #1137a6;}

.cklist_box {position: relative;display: block;overflow: hidden;border-top: 1px solid #ddd;}
.cklist_box .box {display: block;padding: 15px;box-sizing: border-box;border: 1px solid #ddd;margin-top: -1px}
.cklist_box .box .btit {display: block;margin-bottom: 5px;color: #009ada;font-weight: 600;font-size: 16px}
.cklist_box .box .form_group {display: block;}
.cklist_box .box .form_group label {height: 20px;line-height: 17px}

.grbox {position: relative;display: block;padding: 30px;background: #efefef;font-size: 15px;box-sizing: border-box;width: 100%;margin: 0 auto;word-break: break-all}
.enter {display: block;}

.seminar_li {position: relative;display: block;overflow: hidden;}
.seminar_li li {display: block;border: 1px solid #ddd;padding: 15px;margin-bottom: 10px;font-size: 13px;line-height: 160%}
.seminar_li li .checkbox b {display: inline-block;margin-bottom: 5px;color: #222;font-size: 15px;}

.captcha_box {position: relative;display: block;overflow: hidden;text-align: center;}
.captcha_box .img {display: block;vertical-align: top;border: 1px solid #d9e3e9 !important;width: 150px;margin: 0 auto;}
.captcha_box .img img {width: 100%;}
.captcha_box p {display: block;margin: 5px 0}
.captcha_box .form_group {display: inline-block;width: 150px;vertical-align: top;margin-left: 3px}
.captcha_box .form_group .form-control {background: #fff;}



    /*팝업창*/
.pop_doc {position: relative;display: block;overflow: hidden;min-width: 320px;}
.pop_head {position: relative;display: block;padding: 20px 0;text-align: center;background-color: #ff3366;background: linear-gradient(45deg, #ff3366, #149dcc);}
.pop_head .logo {position: absolute;top: 40px;left: 15px;width: 150px;text-align: left;z-index: 10}
.pop_head .logo img {width: 150px}
.pop_head .title {position: relative;display: block;z-index: 5}
.pop_head .title .btit {display: block;color: #fff;font-weight: 600;font-size: 25px;line-height: 140%}
.pop_head .title .stxt {display: block;color: #fff;font-size: 14px;letter-spacing: 0}
.pop_head .pop_close {position: absolute;top: 50%;right: 0;margin-top: -35px;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 25px;color: #fff;z-index: 10}

.pop_contents {position: relative;display: block;overflow: hidden;width: 100%;margin: 0 auto;padding: 40px 15px;font-size: 14px !important;box-sizing: border-box}
.pop_contents .whbox {display: block;border: 1px solid #ddd;padding: 15px;}
.pop_contents .whbox.top {font-size: 16px;}
.pop_contents .whbox input[type=text], .pop_contents .whbox textarea {background: #fff !important;border: none !important;}

.pop_contents .tbl_st01 td img {max-width: 100%}

@media all and (max-width: 1200px) {
    .form_contents {width: 100%;padding: 30px 15px;font-size: 13px !important;box-sizing: border-box}

    .form_foot {font-size: 13px;padding: 20px 15px;line-height: 140%}

    .form_contents .cont_title {margin-bottom: 20px;}
    .form_contents .cont_title .btit {font-size: 30px;}
    .form_contents .cont_title .stxt {font-size: 14px}

    .options_chek li {margin-right: 0;width: calc(20% - 10px);margin: 0 5px}
    .options_chek li a {padding: 15px 10px;}
    .options_chek li a b {font-size: 15px;}
    .options_chek li a span {font-size: 13px;}

    .form_contents .agreement_box {padding: 15px;height: 300px;font-size: 13px}

    .company_number {height: auto;}
    .company_number .sm_input {width: 70px !important;}

    .enter {display: inline;}
}

@media all and (max-width: 980px) {

    .grbox_form li {width: 46%;box-sizing: border-box;margin: 0 2% !important}
    .grbox_form li.tel_li {width: 46%;box-sizing: border-box;margin: 0 2% !important}
}

@media all and (max-width: 800px) {

    .options_chek li {width: calc(33.33% - 10px);margin: 5px !important}
    .options_chek li a {padding: 10px 10px;}
    .options_chek li a b {font-size: 14px;}
}

@media all and (max-width: 680px) {

    .form_contents .cont_title .btit {font-size: 25px;}
    .form_contents .cont_title .stxt {font-size: 13px}

    .company_number {}
    .company_number .cont {display: inline-block;padding-left: 0;}
    .company_number .cont li {padding-left: 0}
    .company_number .form_tit {position: relative;top: 0;text-align: left;}

    .grbox_form {}
    .grbox_form li {width: 100%;}
    .grbox_form li.tel_li {width: 100%;margin: 0 }

    .form_dl.first {margin-bottom: 0}
    .form_dl dl {float: left;width: 47%;margin-right: 6%;margin-bottom: 40px}
    .form_dl dl:nth-child(even) {margin-right: 0}

    .grbox {padding: 15px;font-size: 13px}

    .seminar_li li .checkbox b {font-size: 14px;}

    .pop_head {padding: 15px;}
    .pop_head .logo {display: none}
    .pop_head .title .btit {font-size: 23px}
    .pop_head .title .stxt {font-size: 13px}
    .pop_head .pop_close {right: 10px;margin-top: -20px;width: 40px;height: 40px;line-height: 40px;font-size: 20px;}

    .pop_contents {padding: 30px 15px;font-size: 13px !important;}
    .pop_contents .whbox.top {font-size: 14px;}
}


@media all and (max-width: 480px) {

    .form_li li {float: none;width: 100%;margin: 0 !important}
    .form_li li:nth-child(odd) {margin-right: 0}
    .form_li .li_astxt {position: relative;top: 0;margin-top: 5px}

    .form_li.li3 li {width: 100%;}
    .form_li.li3 li:nth-child(2) {margin: 0}

    .options_chek li {width: calc(50% - 10px);}

    .form_contents .cont_title .btit {font-size: 20px;}
    .form_contents .cont_title .stxt {font-size: 12px}

    .menter {display: block;}

}




/*-----------------------------------------------------------------------*/


/*FAQ*/
.fold-wrap {border: 1px solid #ddd;text-align: center;font-size: 14px;}
.fold-wrap .view {display: block;padding: 20px 0;}
.fold-wrap .view .arr {background: url('/static/images/board/folds_open.svg') no-repeat 0 0;background-size: 20%;display: inline-block;width: 36px;height: 35px;vertical-align: middle;margin-left: 17px;transform: all .5s ease;transition: background .3s;}
.fold-wrap .view.over .arr {background: url('/static/images/board/folds_close.svg') no-repeat 0 0;background-size: 20%;transform: all .5s ease;transition: background .3s;}
.fold-wrap .fold-cont {overflow: hidden;height: 0;background: #f7f7f6;}
.fold-wrap .fold-cont .cont-wrap {padding: 10px 0;}
.foldings-wrap {border-radius: 5px;background: #fff;}
.foldings-list {position: relative;width: 100%;overflow: hidden}
.foldings-list > li {overflow: hidden;}
.foldings-list > li:first-child {border-top: 0;}
.foldings-list .foldings-in-wrap a { position: relative;display:block;background: url('/static/images/board/folds_open.svg') no-repeat 100% center;padding: 20px 80px 20px 0;cursor: pointer;line-height: 22px;font-size: 17px;
    transform: all .5s ease;transition: background .3s;color: #333;font-weight: 600}
.foldings-list .foldings-in-wrap a .num {color: #777;font-size: 14px;padding-right: 25px;}
.foldings-list .foldings-in-wrap a .question {position: absolute;top: 50%;left: 20px;margin-top: -12px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #313e94;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 25px;font-weight: normal;margin-right: 5px}
.foldings-list .foldings-in-cont {position: relative;display: none;overflow: hidden;background: #f7f7f6;padding: 30px;border-top: 1px solid #ddd;line-height: 160%}
.foldings-list .foldings-in-cont  .answer {position: absolute;top: 40px;left: 45px;margin-top: -12px;display: inline-block;float: left;color: #fff;font-size: 15px;background: #f3434b;width: 25px;height: 25px;
    border-radius: 50%;overflow: hidden;text-align: center;line-height: 25px;font-weight: normal;margin-right: 5px}
.foldings-list .over a .num {color: #333;}
.foldings-list .over .foldings-in-cont {display: block;}
.foldings-list .over .foldings-in-wrap a {background: url('/static/images/board/folds_close.svg') no-repeat 100% center;transform: all .5s ease;transition: background .3s;}

.foldings-list li.nodata  {position: relative;display: block;padding: 50px 0;text-align: center;font-size: 16px}

@media only screen and (max-width:860px){
    .fold-wrap {font-size: 13px;}
    .foldings-list .foldings-in-wrap a { padding: 15px 60px 15px 15px;line-height:18px;font-size: 13px;}
    .foldings-list .foldings-in-wrap a .num {color: #777;font-size: 13px;padding-right: 25px;}
    .foldings-list .foldings-in-wrap a .question {left: 5px;}
    .foldings-list .foldings-in-cont {padding: 20px 15px 20px 15px;font-size: 13px}
    .foldings-list .foldings-in-cont  .answer {top: 30px;left: 10px;}

    .foldings-list li.nodata  {padding: 30px 0;font-size: 13px}
}


/*--------------------------------------------------*/
/*반응형 테이블,이미지*/
.rspvn_tableBox { position: relative;display: block;}
.rspvn_tableBox .astxt {position: absolute;top: -30px;right: 0;font-size: 13px;color: #888}
.rspvn-scroll {overflow:hidden }


@media all and (max-width:640px) {

    .rspvn_tableBox .astxt {top: -25px;font-size: 11px;}

    .rspvn_tableBox {padding-top:120px;background: #f2f2f2 url("/static/images/contents/rspvn-drag.png") no-repeat center 18px;background-size: 150px}
    .rspvn_tableBox:after, .rspvn_tableBox:before {position:absolute;top:50px;width:40px;height:20px;display: block;background-size: 40px !important;content:"";}
    .rspvn_tableBox:after { right:20px;background:url("/static/images/contents/rspvn-arr02.png") no-repeat;}
    .rspvn_tableBox:before { left:20px;background:url("/static/images/contents/rspvn-arr01.png") no-repeat;}

    .rspvn-scroll {position:relative;overflow-x:scroll;width: 100%;padding-top: 20px;background: #fff}

    .rspvn-scroll table {width:600px !important}

}