@charset "utf-8";

/****************************************/
/*	PART: POPUP WEB SEMINAR STYLE
/*	Version: 1.0
/*	Author: 김미선
/****************************************/
/* reset css */
* {box-sizing: border-box;}
html {font-size:62.5%;padding:0;margin:0;} /* rem default 10px */
body{-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지. */
body {background: #fff; width: 100%; overflow-x: hidden;}
html, body { height: 100%; height: 100vh; min-height: 100vh;} /* HTML, body 높이값 100% 고정 */

body,div,dl,dt,dd,ul,ol,li,hgroup,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0; font-weight:normal;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {vertical-align:middle;font-size:100%;}
button {border:0 none;background-color:transparent;cursor:pointer;} /* 포커스 라인 비활성처리*/
table {background-color:transparent;border-spacing:0;}

input,
textarea,
select {background-color: transparent;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
input:checked[type='radio'] {background-color:#666; -webkit-appearance:checkbox;}
input[type='text'],input[type='password'],input[type='submit'],
input[type='search'],input[type='tel'],input[type='email'] { -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; border-color: #ccc; text-indent: 10px;  background:url(../../img/subscription/icoSel.png) 100% 50% no-repeat; background-size:auto calc(1.8rem/3);}
select::-ms-expand {display:none;} /* IE9 이상 select 화살표 삭제 */
/* select {border-radius:0; ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; border-color: #ccc; text-indent: 10px; } */

body,th,td,input,select,textarea,button {font-size:1.4rem;line-height:1.5; font-family: 'AppeGothic','Apple SD Gothic Neo',Arial,'Malgun Gothic','Dotum',Helvetica,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */

select {min-width:67px; height:40px;/*  padding-left:10px;  */ color:#666; vertical-align:middle; border:1px #e0e0e0 solid; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;}
/* Select box 스타일 초기화 */
select {
    background:#eee url(../../img/subscription/icoSel.png) 100% 7px no-repeat;
    padding-right:30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none;}

select + label, input + select, select + input,
label + input, input ~ input,
label + .btn, input + .btn {margin-left:7px;}

input[type='text']:read-only, input[type='password']:read-only,
input[type='text']:disabled, input[type='password']:disabled {background:#f6f6f6;}
input[type="text"], input[type="password"] {
    height: 50px;
    background: #fff;
    text-indent: 5px;
    color: #333;
    vertical-align: middle;
    border: 1px #e1e1e1 solid;
    border-radius: 0;
}

b {font-style:normal; font-weight:normal;}
a {color:#333;text-decoration:none;} /* 191021 링크 포커스 라인 비활성처리*/
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}

legend, caption{overflow:hidden;padding:0;font-size:1px;line-height:0;border:0;text-indent:-9999px}
.hide {color:transparent;vertical-align:middle;display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;text-align:center;white-space:nowrap;font-size:1px;}
.blind{position:absolute !important; display:block !important; height:0 !important; width:0 !important; font-size:2px !important; line-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; z-index:-1;}
/* .blind {color:transparent;vertical-align:middle;display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;text-align:center;white-space:nowrap;font-size:1px;}
.hide {display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden;} */

::-webkit-input-placeholder { /* WebKit browsers */
    color:#8f8f8f; font-size:15px;}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#8f8f8f; font-size:15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#8f8f8f; font-size:15px;}

/* ALIGN */
.alL, .l {text-align: left !important; }
.alC, .c {text-align: center !important; }
.alR, .r {text-align: right !important; }

.vm {vertical-align:middle !important;}
.vt {vertical-align:top !important;}
.vb {vertical-align:bottom !important;}

.posR {position:relative;}
.posA {position:absolute;}

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

.color.or {color:#F36910 !important;}
.color.blue {color:#0059a6 !important;}
.color.red, .errorTxt {color:#F00 !important;}
.color.gray { color:#444;}

.scrollY {overflow-y: scroll;}
.scrollX {overflow-x: scroll;}

.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}

.underline{text-decoration:underline;}
.underline:active, .underline:hover{text-decoration:underline;}

.bold{font-weight:bold;}

/** PAGE STYLE **/
/* 2020-07-28 추가 */
#wrap.popSeminarWrap{background:rgba(240,178,107,1);}
#wrap.popSeminarWrap .popArea{width:640px; margin:0 auto; background:#fff; overflow:hidden;}/* 2020-10-05 수정 */
#wrap.popSeminarWrap .popArea .popFooter img{width:100%;}
/* // 2020-07-28 추가 */
.icoSet:after {display:block; content:''; background:url(../../img/subscription/icoSet.png) no-repeat;}
.seminarForm {margin:36px 20px 100px; color:#333;}
.seminarForm.seminarFormTop {margin:36px 20px 45px;} /* 2022-04-25 수정 */
.seminarForm .seminarBox ~ .seminarBox {margin-top:4rem;}
.seminarForm .seminarBox > dt {margin-bottom:20px; font-size:20px; text-align:center;}
/* 2020-06-02 추가 */
.seminarForm .seminarBox .security th span{display:inline;}
.seminarForm .seminarBox .security .securityNum{display:inline-block; width:150px; margin:2px 5px 2px 0; vertical-align:middle; overflow:hidden;}
.seminarForm .seminarBox .security .securityNum img{width:100%; vertical-align:middle;}
.seminarForm .seminarBox .security .secuBtn{display:inline-block; width:40px; height:40px; margin:2px 2px 2px 0; vertical-align:middle; text-align:left; text-indent:-9999px; overflow:hidden;}
.seminarForm .seminarBox .security .secuBtn.refreshBtn{background:url("../../img/subscription/security_refresh.jpg") center no-repeat;}
.seminarForm .seminarBox .security .secuBtn.listenBtn{background:url("../../img/subscription/security_listen.jpg") center no-repeat;}
.seminarForm .seminarBox .security input{width:200px; margin:2px 0; vertical-align:middle;}
/* // 2020-06-02 추가 */

.smCont {padding:1.5rem; border-top: 2px solid #aaa;}
.smCont table th {padding:1rem 0; border-top:1px #ddd solid; padding-left: 20px; font-size: 16px; font-weight: 400; text-shadow: 1px 0 0 currentcolor; text-align: left;}
.smCont table td {padding:1rem 0; border-top:1px #ddd solid;}
.smCont table tr:first-child th,
.smCont table tr:first-child td {border-top:none;}
.smCont table select {
    height: 50px;
    padding-right: 30px;
    background: #fff url(../../img/ic_select.png) no-repeat right 15px top 50%;
    background-size: 8px auto;
    border: 1px solid #e1e1e1;
    font-family: inherit;
    font-size: inherit;
    color: #333;
    line-height: 48px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.smCont .txtIndent{padding-left:16px; line-height:26px; text-indent:-16px;}/* 2020-06-25 추가 */

.telGroup input[type="text"] {width:30%;}
.mailGroup input[type="text"] {width:25%;}
.mailGroup .txtSymbol + input[type="text"] {display:inline-block; width:30%;}
.telGroup, .mailGroup {display:inline;}

.mailGroup .txtSymbol + input {width:50%;}

.txtSymbol {margin-right:-7px;}
.zipGroup {display:block; margin-bottom:7px;}
.addressGroup {display:block;}
.addressGroup input[type="text"] {width:100%;}
.addressGroup input[type="text"] ~ input[type="text"] {margin:7px 0 0;}

.askChk {background:#F7F7F7; padding:1.5rem;}
.askChk > label {display:block;}
.askChk > label ~ label {margin-top:1rem;}
.askChk > label > strong {color:#f58220;}

.msgWrap {margin-top:2rem; font-weight: bold; font-size: 2.4rem; text-align: center; color: #333;}
.msgWrap > .status {margin:2rem 0 4rem; font-size: 25px;}
.msgWrap > .status > span {color: #116ecc; font-weight:bold;}
.msgWrap > .status > em {font-weight:bold;}

.popSeminar .btn {display: inline-block; height: 60px; padding: 0 18px; background: #ffffff; border: 1px solid #bfbfbf; font-size: 16px; line-height: 60px; color: #666; text-align: center; cursor: pointer; white-space: nowrap; -webkit-transition: .3s; transition: .3s;} /* 2022-05-03 수정 */
.popSeminar .btn ~ .btn {margin-left:0.7rem;}
.popSeminar .btn[data-value="btn-srch"] {min-width:7rem;}
.popSeminar .btn.type1 {background:#0d2d4f;}
.popSeminar .btn.type2 {background:#f58220;}
.popSeminar .btn.type3 {background:#aaa;}
/* 2022-02-25 추가 */
.popSeminar .btn.type4 {width:30%; background:#777; border:none; vertical-align:top; font-weight:bold; color:#fff;}
.popSeminar .btn.type4 img {vertical-align:middle; margin-top:-2px; margin-left:4px; width:21px;} /* 2022-05-03 추가 */
.popSeminar .btn.type5 {width:100%; margin-left:0 !important; float:right; background:#f58220; border:none; vertical-align:top; font-weight:bold; color:#043b72;} /* 2023-10-05 수정 */
.popSeminar .btn.type4 .onlyWeb, .popSeminar .btn.type5 .onlyWeb {display: none;}

@media all and (max-width:1280px) {
	/* 2022-05-03 수정 */
	.popSeminar .btn.type4 {width:35%; height:80px; line-height:80px;}
	.popSeminar .btn.type5 {width:100%; padding:18px 0; margin-left:0 !important; float:right; background:#f58220; border:none; vertical-align:top; line-height:initial; font-weight:bold; color:#043b72;}
	/* // 2022-05-03 수정 */
	.popSeminar .btn.type4 .onlyWeb, .popSeminar .btn.type5 .onlyWeb {display: block;}
}
/* // 2022-02-25 추가 */

.popSeminar .btn i{display:inline-block; vertical-align:middle; line-height:inherit;}/* 2021-07-01 추가 */
.popSeminar .btn i img{vertical-align:middle;}/* 2021-07-01 추가 */
.popSeminar .btn i.google{margin:-3px 2px 0 0;}/* 2021-07-01 추가 */
.seminarForm .btnWrap {margin-top:3rem; padding-left: 30px; padding-right: 30px; text-align:center;}
.seminarForm .btnWrap .btn.type2 {
    width: 100%;
    background-color: #f58220;
    border-color: #f58220;
    font-size: 18px;
    color: #043b72;
    font-weight: 700;
}

/* 2020-06-25 추가 */
.askChkDiv{width:100%; border-top: 2px solid #aaa; border-bottom: 1px solid #ddd; box-sizing:border-box;}
.askChkDiv .askList{position:relative; width:100%; padding:22px 20px; border-bottom:1px solid #ddd; font-size:16px; line-height:22px; color:#4a494a; box-sizing:border-box; word-break:keep-all;}
.askChkDiv .askList.btnType{padding-right:120px;}
.askChkDiv .askList:last-child{border-bottom:0;}
input[type=checkbox], input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
input[type=checkbox] + label, input[type=radio] + label  {
    position: relative;
    display: inline-block;
    min-height: 22px;
    padding-left: 30px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    cursor: pointer;
    /*word-wrap: break-word;
	word-break: keep-all;*/
}
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {
    outline: 1px solid #333;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .3s cubic-bezier(.4, .0, .23, 1);
    transition: .3s cubic-bezier(.4, .0, .23, 1);
}
input[type=checkbox] + label:after,
input[type=radio] + label:after {
    display: block;
    position: absolute;
    z-index: 4;
    content: "";
    -webkit-transition: .3s cubic-bezier(.4, .0, .23, 1);
    transition: .3s cubic-bezier(.4, .0, .23, 1);

}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
    border: 1px solid #bbb;
    background-color: #fff;
}
input[type=checkbox] + label:after,
input[type=radio] + label:after {
    top: 7px;
    left: 6px;
    width: 9px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: #bbb;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 체크 후 */
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
    border-color: #043b72;
    background-color: #043b72;
}
input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
    border-color: #fff;
}
/*.askChkDiv .askList input[type="checkbox"]{display:none;}
.askChkDiv .askList input[type="checkbox"] + label{position:relative; display:block; padding:6px 0 0 50px; box-sizing:border-box;}
.askChkDiv .askList input[type="checkbox"] + label:after{content:''; display:block; position:absolute; top:0; left:0;  width:30px; height:30px; border-radius:50%; border:1px solid #dedede; box-sizing:border-box; background:url("../../img/subscription/ask_chk_icon.png") center no-repeat;}
.askChkDiv .askList.on{color:#fff; background:#f58220}
.askChkDiv .askList input[type="checkbox"]:checked + label:after{border:1px solid #fff; background:url("../../img/subscription/ask_chk_icon_on.png") center no-repeat #fff;}
.askChkDiv .askList .view_btn{display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:93px; height:40px; font-size:16px; color:#4a494a; line-height:40px; border-radius:9px; border:1px solid #ddd; background:#fff; box-sizing:border-box; text-align:center;}*/
/* // 2020-06-25 추가 */

/* 레이어팝업 */
.dim {position:absolute; top:0; left:0; background:#000; opacity:0.5;}
.lPop {position:fixed; top:50%; left:50%; z-index:10; background:#fff; padding:4rem 2rem; width:100%; margin:2rem; display:none; border-radius:1.5rem; -webkit-border-radius:1.5rem ; -moz-border-radius:1.5rem ; -ms-border-radius:1.5rem ; -o-border-radius:1.5rem ; }/* 2021-07-01 수정 */
.lPop > .btnClose {position:absolute; top:2rem; right:2rem; width:2rem; height:2rem; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden;}
.lPop > .btnClose.icoSet:after {position:absolute; top:0; left:0; background-position:0 -8rem; width:2rem; height:2rem; z-index:30;}
.lPop .lpPopWrap {text-align:center;}
.lPop .lpPopWrap > dt {padding:1.5rem 0 2rem; font-size:2.2rem;}
.lPop .lpPopWrap > .msg {margin-bottom:2rem; font-size:1.4rem;}
.lPop .lpPopWrap > .shareKakaotalk {background:#f4f4f4; padding:4rem 1.5rem; border-radius:1rem; -webkit-border-radius:1rem ; -moz-border-radius:1rem ; -ms-border-radius:1rem ; -o-border-radius:1rem ; }
.lPop .lpPopWrap > .shareKakaotalk .icoSet.icoKakao {position:relative; display:inline-block; /*padding-left:6rem;*/ text-align:center;}
.lPop .lpPopWrap > .shareKakaotalk .icoSet.icoKakao:after {/*position:absolute; top:50%; left:0; margin-top:-2.5rem;*/ background-position:-4rem -4rem; width:5rem; height:5rem; margin: 15px auto 0;}
.lPop .btnWrap {margin-top:2rem; text-align:center;}
.lPop .btnWrap .btn{vertical-align:middle;}/* 2021-07-01 추가 */
.lPop .tblWrap {margin:2.5rem 0;}
.lPop .tblWrap > table {border-top:1px #333 solid;}
.lPop .tblWrap >  table th, .lPop .tblWrap >  table td {padding:1rem;}
.lPop .tblWrap >  table th {background:#f4f4f4; font-size:1.4rem; color:#666; border-bottom:1px #ddd solid;}
.lPop .tblWrap >  table td {padding-left:2rem;text-align:left; font-size:1.4rem; color:#333; font-weight:bold; border-left:1px #ddd solid; border-bottom:1px #ddd solid;}
/* 2022-02-25 추가 */
.lPop.seminar-popup {width:50%; top:50%; left:50%; margin:2em 0; transform: translate(-50%, -50%);}

/* 2022-07-27 추가 */
.lPop.layerPop.layerpop3, .lPop.layerPop.layerpop4 {max-width:900px; padding:4rem 2rem; border-radius:15px;}
.lPop.layerPop.layerpop3 .btnClose, .lPop.layerPop.layerpop4 .btnClose {top:0; right:0; width:70px; height:70px; background:url(../../img/ic_close.png) no-repeat 50% 50%; background-size:auto 20px; text-indent:-9999px;}
.lPop.layerPop.layerpop3 .confirmBtn, .lPop.layerPop.layerpop4 .confirmBtn {display:flex; justify-content:center; align-items:center; width:60px; margin:0 auto;}
/* // 2022-07-27 추가 */
/*.popSeminar{overflow-y:hidden;}*/

@media all and (max-width:1280px) {
	.lPop.seminar-popup {width:90%;}
}
/* // 2022-02-25 추가 */

/* 2020-06-30 추가 */
.lPop.layerPop{width:90%; margin:auto; z-index:30; transform:translate(-50%, -50%); padding:1.3rem 0 0; border-radius:0; max-width:720px; max-height:95%; overflow-y:auto;}
.lPop.layerPop .lpPopWrap .tit{width:100%; color:#f04713; padding:3rem; font-size:23px; line-height:1; font-weight:500; text-align:left; background:#f7f7f7; box-sizing:border-box;}
.lPop.layerPop .lpPopWrap .smCont{padding:3rem 2.5rem 5rem; border:0; text-align:left;}
.lPop.layerPop .lpPopWrap .smCont p{word-break:keep-all;}
.lPop.layerPop .btnClose{display:block; position:absolute; top:2.9rem; right:2.9rem; width:auto; height:auto; overflow:visible; text-indent:0px;}
.lPop.layerPop .btnClose:after{display:none;}
/* // 2020-06-30 추가 */
/* 2020-07-30 추가 */
#sidebox{left:0;}
#sidebox > a{display:block; width:1280px; margin:0 auto;}
/* // 2020-07-30 추가 */
/*** Midea Query  ***/
/* 2020-07-28 추가 */
@media all and (max-width:1280px){
    #wrap.popSeminarWrap .popArea{width:100%;}
    /* 2020-07-30 추가 */
    #sidebox > a{width:100%;}
    /* // 2020-07-30 추가 */
}
.askChkDiv .askList .view_btn{
    display: inline-block;
    position: absolute;
    top: 50%;
    right:15px;
    height:35px;
    margin-top: -18px;
    padding-left: 20px;
    padding-right: 20px;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    font-size:14px;
    color: #666;
    line-height:33px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
/* // 2020-07-28 추가 */
/* 2020-06-25 추가 */
@media all and  (max-width: 400px) {
    .smCont table th {
        padding-left: 12px;
        font-size: 14px;
    }
    .smCont table select#email3 {
        display: block;
        width: 100%;
        margin-top: 8px;
    }
    /*.askChkDiv .askList{padding:15px; font-size:14px; line-height:20px;}!* 2020-06-30 수정 *!
    .askChkDiv .askList.btnType{padding-right:95px;}*/

    /* 2020-06-30 수정 */
    /*.askChkDiv .askList input[type="checkbox"] + label{padding-left:30px; padding-top:0;}
    .askChkDiv .askList input[type="checkbox"] + label:after{top:0; width:20px; height:20px; background:url("../../img/subscription/ask_chk_icon.png") center no-repeat; background-size:10px auto;}*/
    /* // 2020-06-30 수정 */
    /*.askChkDiv .askList input[type="checkbox"]:checked + label:after{background:url("../../img/subscription/ask_chk_icon_on.png") center no-repeat #fff; background-size:10px auto;}
    .smCont .txtIndent{padding-left:14px; font-size:14px; line-height:20px; text-indent:-14px;}*/
}
/* // 2020-06-25 추가 */

/* iPhone 6/7/8 plus  */

/*@media all and (max-width:414px) {
    .seminarForm .seminarBox > dt > strong > span {display:block;}
    .mailGroup input[type="text"] {width:40%;}
    .mailGroup .txtSymbol + input[type="text"] {display:inline-block; width:50%;}
    .smCont table .mailGroup + select {margin:0.7rem 0;}

    !* 2020-06-02 추가 *!
    .seminarForm .seminarBox .security th{letter-spacing:-1px}
    .seminarForm .seminarBox .security th span{display:block;}
    .seminarForm .seminarBox .security .securityNum{width:100%; height:auto; margin:0 0 3px 0;}
    .seminarForm .seminarBox .security .securityNum img{width:auto; max-width:100%; height:auto;}
    .seminarForm .seminarBox .security input{width:100%; margin:3px 0 0; vertical-align:middle;}
    !* // 2020-06-02 추가 *!

    !* 2020-06-30 추가 *!
    .lPop.layerPop .lpPopWrap .tit{padding:2rem; font-size:20px;}
    .lPop.layerPop .lpPopWrap .smCont{padding:2rem 2rem 3rem;}
    .lPop.layerPop .btnClose{right:1.8rem;}
    .lPop.layerPop .btnClose img{width:30px; height:30px;}
    !* // 2020-06-30 추가 *!

}*/


/* iPhone 6/7/8/X  */

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


/* defalut  */

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


/* iPhone 5/SE  */

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