@charset "UTF-8";

@font-face {
  font-family:'GmarketSansLight';
  src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GmarketSansMedium';
  src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GmarketSansBold';
  src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight:normal;
  font-style:normal;
}

/* reset */
body,button,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,ul,li,p,select,table,th,td,textarea,figure,figcaption {margin:0;padding:0}
body,button,input,select,table,textarea,th,td {color:#12121f;font-size:20px;font-family:'Nanum Gothic',Helvetica,sans-serif;line-height:1.5}
br {font-family:'Dotum',"돋움",sans-serif}
html,body {height:100%}
main {display:block}
body {position:relative;-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지 */
button,input,textarea {border:0}
textarea {word-wrap:break-word;word-break:keep-all;background-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;resize:none}
button {background-color:transparent;cursor:pointer;text-align:left}
input {box-sizing:border-box}
input[type='text']::-ms-clear {display:none}
ul,ol {list-style:none}
select,textarea,input {appearance:none;-moz-appearance:none;-webkit-appearance:none}
select {background:url(../images/pc/common/icon_sel.png) no-repeat 95% 50%}
select::-ms-expand {display:none}
fieldset,img {border:0}
img {display:block;max-width:100%;margin:0 auto}
fieldset {min-width:0}
legend,hr {display:none}
table {border-collapse:collapse;border-spacing:0}
address,em,i {font-style:normal}
a,a:active {color:#12121f;text-decoration:none}
iframe {overflow:hidden;margin:0;padding:0;border:0;vertical-align:top}
strong,b {font-weight:700}
input::placeholder {color:#999}
input::-webkit-input-placeholder {color:#999}
input::-ms-input-placeholder {color:#999}
input::-mos-input-placeholder {color:#999}
.t-gmarket__l {font-family:'GmarketSansLight'}
.t-gmarket__m {font-family:'GmarketSansMedium'}
.t-gmarket__b {font-family:'GmarketSansBold'}
.screen_out {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:1px;color:transparent}
.btn_top {opacity:0;position:fixed;bottom:146px;right:0;width:60px;height:60px;background:url(../images/btn_top.png) no-repeat center;background-size:60px auto;text-indent:-9999px;transition:opacity .3s;z-index:10}

/* layout */
#header {overflow:hidden;position:absolute;top:0;left:0;right:0;width:100%;max-width:1200px;margin:0 auto;padding:50px 0;box-sizing:border-box;background-color:transparent;z-index:1}
#header .main {float:left}
#header .sub {float:right;max-width:180px}
#header .sub img {max-height:60px}
#main {position:relative;padding-top:140px;background-color:#d5dce1}
#main:before {position:absolute;top:0;left:0;width:100%;height:1300px;background:url(../images/bg_top.jpg) no-repeat center top;background-size:cover;content:''}
#main .inner {max-width:1080px;margin:0 auto;padding:0 60px}
#main .inner>section {position:relative;padding-bottom:100px;z-index:1}
#main .sec_title {display:block;width:260px;height:60px;margin:0 auto 40px;border-radius:50px;color:#fff;font-size:28px;font-family:'GmarketSansMedium';line-height:62px;text-align:center}
#footer {padding:36px 0;color:#999;font-size:18px;text-align:center}
#footer p {margin-bottom:23px}
#footer p+address, #footer .tel {display:inline-block}
#footer .tel:before {display:inline-block;width:1px;height:17px;margin:0 11px 0 7px;background-color:#999;vertical-align:-3px;content:''}

/* mobile popup */
#header.sub_pop {position:relative;max-width:inherit;padding:28px 20px}
#header.sub_pop .back {display:none;position:absolute;top:50%;left:12px;width:15px;height:12px;margin-top:-22px;padding:16px;background:url(../images/icon_back.png) no-repeat center;background-size:15px auto;text-indent:-9999px}
#header.sub_pop .main_title {font-size:18px}
.pop_conts {height:calc(100vh - 60px);padding:0 20px;box-sizing:border-box;font-size:14px}
.pop_conts .desc {margin-bottom:20px}
.pop_conts .tbl {overflow:hidden;border:1px solid #ddd;border-radius:8px}
.pop_conts table {width:100%;table-layout:fixed}
.pop_conts th,
.pop_conts td {border:1px solid #ddd;color:#2b2b2b;font-size:14px;text-align:center;word-break:break-all;white-space:pre-wrap}
.pop_conts th {padding:11px 5px;background-color:#e7e7e7;border-top:0;border-bottom:0}
.pop_conts th:first-child {border-radius:8px 0 0 0;border-left:0}
.pop_conts th:last-child {border-radius:0 8px 0 0;border-right:0}
.pop_conts td {padding:20px 5px;border-top:0;border-bottom:0}
.pop_conts td:first-child {border-radius:0 0 0 8px;border-left:0}
.pop_conts td:last-child {border-radius:0 0 8px 0}
.pop_conts .cont {margin:15px 0}

/* common */
.chk, .radio {display:inline-block;vertical-align:top}
.radio input[type='radio'],
.chk input[type='checkbox'] {overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(0,0,0,0)}
.radio input[type='radio']+label {position:relative;width:auto;font-weight:400}
.radio input[type='radio']+label:before {display:inline-block;width:30px;height:30px;margin-right:5px;background:url(../images/icon_chk.png) no-repeat;vertical-align:middle;content:''}
.radio input[type='radio']:checked+label:before {background-position:0 -30px}
.chk input[type='checkbox']+label {display:inline-block;position:relative;width:30px;height:30px;border-radius:100%;background-color:#d5dce1;vertical-align:middle}
.chk input[type='checkbox']+label:after {position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-7px 0 0 -5px;transform:rotate(135deg);border-top:2px solid #fff;border-right:2px solid #fff;content:''}
.chk input[type='checkbox']:checked+label {background-color:#00dc72}

.selectaria {display:inline-block;position:relative;width:calc(100% - 162px);border:2px solid #d5dce1;box-sizing:border-box}
.selectaria>button {display:block;position:relative;width:100%;padding:0 20px;color:#999;line-height:44px;box-sizing:border-box}
.selectaria>button:after {position:absolute;top:50%;right:14px;width:8px;height:8px;margin-top:-8px;transform:rotate(135deg);transition:.2s;border-top:2px solid #00dc72;border-right:2px solid #00dc72;content:''}
.selectaria [role='listbox'] {display:none;overflow-y:auto;position:absolute;top:44px;left:-2px;width:100%;max-height:175px;background-color:#fff;border:2px solid #d5dce1;border-top:0;color:#999;z-index:5}
.selectaria [role='option'] {padding:0 20px;line-height:44px;cursor:pointer}
.selectaria [role='option']:hover {background-color:#00dc72;color:#fff}
.selectaria.active {border-bottom:0}
.selectaria.active [role='listbox'] {display:block}
.selectaria.active>button:after {margin-top:-6px;transform:rotate(-45deg)}

/* template */
.sec_info {color:#fff;text-align:center}
.sec_info h2 {font-size:58px;word-break:keep-all}
.sec_info h2 span {display:block;font-weight:100}
.sec_info time {display:block;width:420px;margin:13px auto 30px;background-color:#12121f;border-radius:50px;font-size:22px;line-height:46px;letter-spacing:-.20px}
.sec_info p {font-weight:100}

.sec_info .box_detail {width:100%;margin-top:50px;padding:50px 20px 50px 130px;background-color:#19194d;border-radius:20px;box-sizing:border-box;text-align:left}
.sec_info .box_detail>ul>li {position:relative;padding-left:24px;word-break:break-all;line-height:32px}
.sec_info .box_detail>ul>li:before {position:absolute;top:8px;left:0;width:11px;height:11px;background-color:#00dc72;border-radius:100%;content:''}
.sec_info .box_detail ul .link {color:#fff}
.sec_info .box_detail ol {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;margin:20px 0 30px -24px}
.sec_info .box_detail ol li {margin-right:24px;color:#12121f;font-size:20px;font-weight:700;letter-spacing:-.45px;line-height:26px;text-align:center;vertical-align:middle}
.sec_info .box_detail ol div {width:185px;height:185px;background-color:#fff;box-sizing:border-box;border-radius:100%}
.sec_info .box_detail ol b {display:block;padding:23px 0 27px;color:#0091ff;font-size:20px}
.sec_info .box_detail ol small {display:block;font-size:16px}
.sec_info .box_detail .sub_desc {font-size:16px}
.sec_info .box_detail .email {display:block;margin-left:73px}

.sec_tbl .sec_title {background-color:#0091ff}
.sec_tbl [role='table'] {display:flex;justify-content:flex-start;flex-wrap:wrap; width:100%;table-layout:fixed;margin-top:30px}
.sec_tbl [role='rowgroup'] {width:100%}
.sec_tbl [role='columnheader'] {display:block;width:100%;margin-bottom:5px;padding:19px 40px;background-color:#29293d;border-radius:8px;box-sizing:border-box;color:#fff}
.sec_tbl [role='columnheader'] .name {float:right}
.sec_tbl [role='row'] {display:flex}
.sec_tbl [role='cell'] {display:flex;align-items:center;justify-content:center;margin:5px;padding:19px 5px;background-color:#fff;border-radius:8px;box-sizing:border-box;text-align:center;word-break:break-all}
.sec_tbl [role='cell']:nth-child(1) {flex-shrink:0;width:15%}
.sec_tbl [role='cell']:nth-child(2) {flex:3;padding:19px 19px;font-weight:700;justify-content:flex-start;text-align:left}
.sec_tbl [role='cell']:nth-child(3) {flex:1.2;letter-spacing:-.4px;align-items:center}
.sec_tbl .break [role='cell'] {background-color:#bcc6cd}
.sec_tbl .space_min,
.sec_tbl .table_title {margin-bottom:-25px}
.sec_tbl .table_title [role='cell'] {width:50%;padding:19px 34px;font-weight:400}
.sec_tbl .table_title [role='cell']>* {display:flex;width:50%}
.sec_tbl .table_title [role='cell']>span {justify-content:flex-end}

.sec_form .sec_title {background-color:#00dc72}
.sec_form .form_field {padding:30px;background-color:#fff;border-radius:8px}
.sec_form .imp {display:block;font-size:18px;font-weight:400;text-align:right}
.sec_form .form_field>ul {width:79.6%;margin:58px auto 0}
.sec_form .form_field li:after {display:block;clear:both;content:''}
.sec_form .form_field .list_write>li {margin-bottom:20px}
.sec_form .list_write label,
.sec_form .list_write li>.label {float:left;width:162px;margin-top:8px;font-weight:700;vertical-align:top}
.sec_form .list_write .type {display:inline-block;width:calc(100% - 162px)}
.sec_form .list_write .type .radio {margin:0 20px 10px 0}
.sec_form .list_write .type .radio:last-child {margin-right:0}
.sec_form .inptxt {display:inline-block;width:calc(100% - 162px);height:48px;padding:0 20px;border:2px solid #d5dce1;box-sizing:border-box;vertical-align:top}
.sec_form .email {display:flex;justify-content:flex-start;align-items:center}
.sec_form .email:after {display:block;clear:both;content:''}
.sec_form .email>* {float:left}
.sec_form .email .inptxt {width:28.7%}
.sec_form .email .at {margin:0 2.2%;color:#999;vertical-align:middle;line-height:48px}
.sec_form .email .selectaria {width:34.3%;margin-left:10px}
.sec_form .address {display:inline-block;width:calc(100% - 162px)}
.sec_form .address>.inptxt {width:100%}
.sec_form .box_addr {display:block;margin-bottom:10px}
.sec_form .box_addr .inptxt {width:calc(100% - 170px)}
.sec_form .box_addr .btn_addr {display:inline-block;width:160px;height:48px;margin-left:4px;background-color:#000;border-radius:4px;color:#fff;font-size:20px;text-align:center;vertical-align:middle}
.sec_form .box_tel .hypen {display:inline-block;margin:0 13px;color:#999;font-size:20px;font-family:'GmarketSansMedium';line-height:48px;vertical-align:middle}
.sec_form .box_tel .inptxt {width:calc((100% / 3) - 85px)}
.sec_form .list_agree {overflow:hidden;text-align:center}
.sec_form .list_agree li {display:inline-block}
.sec_form .list_agree li+li {margin-left:33px}
.sec_form .list_agree .btn {position:relative;font-weight:700}
.sec_form .list_agree .btn:after {position:absolute;bottom:-4px;left:0;right:0;height:3px;background-color:#29293d;content:''}
.sec_form .btn_submit {display:block;width:400px;margin:40px auto 0;background-color:#12121f;border-radius:8px;color:#fff;font-family:'GmarketSansMedium';font-size:26px;line-height:80px;text-align:center}
.sec_form .btnSearch {display:block;height: 40px;padding: 0 20px;border-radius: 4px;background: #4FA6F6;font-size: 16px;color: #fff;font-weight: 600;line-height: 40px;}


/* type */
/* .lecture_inha .sec_info .detail {width:100%;margin-top:46px;padding-top:calc(552/1080*100%);background:url(../images/@conts_inha1.png) no-repeat center top;background-size:contain;text-align:center} */

/* template type2 */
.template2 .selectaria>button:after {border-color:#ffb137}
.template2 .chk input[type='checkbox']:checked+label {background-color:#ffb137}
#main.template2 {background-color:#e9f5f8}
#main.template2:before {background-image:url(../images/bg_top2.jpg)}
.template2 .sec_info {color:#19194d}
.template2 .sec_info time {background-color:#19194d;color:#fff}
.template2 .sec_info .box_detail {color:#fff}
.template2 .sec_info .box_detail li:before {background-color:#ffb137}
.template2 .sec_form .sec_title {background-color:#ffb137}

@media (max-width:1200px) {
  .sec_info .box_detail {padding-left:30px}
}

@media (max-width:1023px) {
  .sec_info .box_detail ol li {margin:0 14px 14px 0}
  .sec_form .email {flex-wrap:wrap}
  .sec_form .email .inptxt {flex:1}
  .sec_form .email .selectaria {width:100%;margin:10px 0 0}
}

@media (max-width:768px) {
  .btn_top.active {opacity:1}

  /* layout */
  #header {padding:15px 10px}
  #header h1 {display:flex;justify-content:space-between;align-items:center}
  #header .main {width:13.28%}
  #header .sub {max-width:100%;flex:1}
  #header .sub img {height:40px;margin:0 0 0 auto;object-fit:cover}
  #main {padding-top:14.37%}
  #main:before {height:556px;padding-top:0;background-image:url(../images/bg_top_m.jpg);background-size:cover}
  #main .inner {padding:0 10px}
  #main .inner>section {padding:30px 0 50px}
  #main .sec_title {width:130px;height:40px;margin-bottom:15px;font-size:17px;line-height:42px}
  #footer {padding:15px 10px;font-size:12px}
  #footer p {margin:0 25px 16px}
  #footer p+address, #footer .tel {display:block}
  #footer .tel:before {display:none}

  /* mobile popup */
  #header.sub_pop {height:60px;padding:0;border-bottom:1px solid #e4e4e4;box-sizing:border-box;text-align:center;line-height:60px}
  #header.sub_pop .back {display:block}
  #header.sub_pop .main_title {font-size:16px}
  .pop_conts {height:calc(100vh - 60px);padding:20px 12px}

  /* common */
  .radio input[type='radio']+label:before,
  .chk input[type='checkbox']+label {width:20px;height:20px;background-size:20px auto}
  .radio input[type='radio']:checked+label:before {background-position:0 -20px}
  .chk input[type='checkbox']+label:after {width:5px;height:5px;margin:-5px 0 0 -3.5px}

  .selectaria {width:100%;margin:5px 0 0 0;border-width:1px}
  .selectaria>button {padding:0 10px;font-size:12px;line-height:27px}
  .selectaria>button:after {width:6px;height:6px;margin-top:-6px}
  .selectaria.active>button:after {margin-top:-4px}
  .selectaria [role='listbox'] {top:27px;left:-1px;border-width:1px}
  .selectaria [role='option'] {padding:0 10px;line-height:22px}

  /* template */
  .sec_info h2 {font-size:27px}
  .sec_info time {width:170px;font-size:11px;line-height:23px}
  .sec_info .desc {display:none}
  .sec_info .box_detail {margin-top:30px;padding:15px 25px;border-radius:10px}
  .sec_info .box_detail>ul>li {padding-left:15px;font-size:14px;line-height:normal}
  .sec_info .box_detail>ul>li+li {margin-top:7px}
  .sec_info .box_detail>ul>li:before {top:7px;width:6px;height:6px}
  .sec_info .box_detail ol {justify-content:center;margin:10px -25px 0 -20px}
  .sec_info .box_detail ol li {line-height:17px}
  .sec_info .box_detail ol div {width:118px;height:118px;font-size:12px}
  .sec_info .box_detail ol b {padding:16px 0;font-size:14px}
  .sec_info .box_detail ol li:last-child b {padding:16px 0 13px}
  .sec_info .box_detail ol small {font-size:12px}
  .sec_info .box_detail .sub_desc {font-size:12px}
  .sec_info .box_detail .email {margin-left:0}

  .sec_tbl [role='table'] {margin-top:15px}
  .sec_tbl [role='columnheader'] {padding:14px 15px;font-size:14px;text-align:center}
  .sec_tbl [role='columnheader'] .name {display:block;float:none}
  .sec_tbl [role='cell'] {padding:6px;font-size:12px}
  .sec_tbl [role='cell']:nth-child(3) {width:0}
  .sec_tbl .space_min,
  .sec_tbl .table_title {margin-bottom:-10px}
  .sec_tbl .table_title [role='cell'] {padding:15px 10px}

  .sec_form .imp {display:none}
  .sec_form .form_field>ul {width:auto;margin-top:0;font-size:12px;text-align:left}
  .sec_form .form_field .list_write>li {margin-bottom:10px}
  .sec_form .list_write label,
  .sec_form .list_write li>.label {display:block;float:none;width:100%;margin:4px 0}
  .sec_form .list_write .type {width:100%}
  .sec_form .list_write .type .radio {margin-right:5%}
  .sec_form .inptxt {display:block;width:100%;height:27px;padding:0 10px;border-width:1px;font-size:12px}
  .sec_form .email .at {margin:0 5px;line-height:27px}
  .sec_form .address {width:100%}
  .sec_form .box_addr .inptxt {display:inline-block;width:calc(100% - 80px)}
  .sec_form .box_addr .btn_addr {width:70px;height:27px;font-size:12px;font-weight:700}

  .sec_form .box_tel .hypen {margin:0 7px;font-size:12px;line-height:27px}
  .sec_form .box_tel .inptxt {display:inline-block; width:calc((100% / 3) - 18px)}

  .sec_form .form_field>ul.list_agree {margin-top:15px}
  .sec_form .list_agree li {display:block;margin-bottom:10px}
  .sec_form .list_agree li+li {margin-left:0}
  .sec_form .list_agree .btn {font-size:12px}
  .sec_form .btn_submit {width:150px;margin-top:5px;font-size:17px;font-family:'GmarketSansBold';line-height:40px}

  /* type */
  /* .lecture_inha .sec_info .detail {height:0;margin-top:30px;padding-top:calc(1148/600*100%);background-image:url(../images/@conts_inha_m.png);background-size:contain} */

  /* template type2 */
  #main.template2:before {background-image:url(../images/bg_top_m2.jpg)}
  
}