@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.03em;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 15px;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: transparent linear-gradient(45deg,#2758e5,#ae5ce9) 0% 0% no-repeat padding-box;padding: 20px 0;text-align: center;}
/*.form_head {display: block;background: transparent linear-gradient(45deg,#f77e17,#0b72ba) 0% 0% no-repeat padding-box;padding: 20px 0;text-align: center;}*/
.form_head .logo {display: inline-block;}
.form_head .logo img {width: 80%;max-width: 450px;}
.form_contents {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;padding: 40px 0;font-size: 14px !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 .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;padding: 20px;height: 350px;overflow-x: hidden;overflow-y: scroll;font-size: 14px;border-radius: 15px;}

.company_number {display: block;background: #efefef;padding: 10px 0;text-align: center;border-radius: 15px}
.company_number .cont {position: relative;display: inline-block;max-width: 500px;margin: 20px auto 0}
.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 input[type=text] {background: #fff !important}
.company_number .sm_input {width: 100px !important;background: #fff !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;color: #149dcc}
.form_li .li_astxt label {height: 20px;line-height: 17px}


.grbox_form {background: #f9f9f9;border: 1px solid #ddd;padding: 15px}
.grbox_form li {width: 22%;margin-right: 4% !important}
.grbox_form li.tel_li {width: 22%;}
.grbox_form li:nth-child(4), .grbox_form li:nth-child(7) {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: 4%;}
.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 65px;}
.form_dl dl dd label {position: absolute;top: 5px;left: 0;line-height: 34px;font-size: 13px;letter-spacing: 0}
/*.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: 12px;color: #777;}
.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], .form_group input[type=password], textarea, select {background: #f3f3f3}*/

input[readonly], input[type=file], textarea[readonly], select {background: #f3f3f3}

.form_group .sm_input {width: calc(33.33% - 12px);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.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}

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

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


/*팝업창*/
.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: 40px 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}

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

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

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

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

    .company_number {padding: 10px 15px}
    .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;}


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

    .grbox_form {background: #f9f9f9;border: 1px solid #ddd;padding: 15px}
    .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_contents .cont_title .btit {font-size: 20px;}
    .form_contents .cont_title .stxt {font-size: 12px}

}