@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');


/* 내용관리 */
.greeting-wrap { background:url(../../../img/contents/greeting_back.png) center center; min-height:504px; }
.greeting-wrap .left-box { float: left; padding-top: 9.143em; padding-left: 2em; box-sizing:border-box; position:relative; }
.greeting-wrap .left-box:before { content:""; display:inline-block; width:65px; height:2px; background:#2260a1; position:absolute; left:2em; top:5.571em; }
.greeting-wrap .left-box .txt { font-size:1.143em; color:#666; line-height: 1.5em; }
.greeting-wrap .left-box .tit { font-size:2.143em; font-weight: 600; color:#666; padding: 0.333em 0; box-sizing:border-box; }
.greeting-wrap .left-box .name { font-family: 'Nanum Pen Script'; font-size:3.429em; color:#666; }
.greeting-wrap .left-box .sign-box { padding-top: 2.429em; box-sizing:border-box; }

.greeting-wrap .right-box { float: right; }



.brand-wrap {  }
/* .brand-wrap .section01 { background:#f7f7f7; padding: 9.071em 0 7.286em; box-sizing:border-box; }
.brand-wrap .section01 .logo-box { margin-bottom: 7.643em; }
.brand-wrap .section01 .logo-box img { display:inline-block; }
.brand-wrap .section01 .bottom-box {  }
.brand-wrap .section01 .bottom-box .box {  }
.brand-wrap .section01 .bottom-box .box .txt-box { position:relative; min-height:250px; color:#fff; box-sizing:border-box; }
.brand-wrap .section01 .bottom-box .box .txt-box:before { content:""; display:inline-block; width:27px; height:32px; background-image:url(../../../img/contents/brand_tri.png); position:absolute; top:50%; left:-25px; margin-top: -16px; }
.brand-wrap .section01 .bottom-box .box .txt-box .en-tit { font-family: "roboto"; font-size:1.286em; }
.brand-wrap .section01 .bottom-box .box .txt-box .tit { font-size:1.214em; }
.brand-wrap .section01 .bottom-box .box .txt-box .txt { font-size:1em; line-height: 1.286em; }

.brand-wrap .section01 .bottom-box .box01 .txt-box { background:#3978a4; }
.brand-wrap .section01 .bottom-box .box02 .txt-box { background:#226c84; }
.brand-wrap .section01 .bottom-box .box03 .txt-box { background:#2f383d; }

.brand-wrap .section01 .bottom-box .box01 .txt-box { padding: 1.778em 2em 1em; }
.brand-wrap .section01 .bottom-box .box01 .txt-box .txt { font-size:1.143em; line-height: 1.375em; }
.brand-wrap .section01 .bottom-box .box01 .txt-box .tit { font-size:1.571em; }
.brand-wrap .section01 .bottom-box .box02 .txt-box,
.brand-wrap .section01 .bottom-box .box03 .txt-box { width:250px; padding: 1.167em 1.143em; }

.brand-wrap .section01 .bottom-box .box02 .txt-box:before { background-position: 0 -32px; transform:rotate(180deg); right:-25px; left:auto; }
.brand-wrap .section01 .bottom-box .box03 .txt-box:before { background-position: 0 -64px; }

.brand-wrap .section01 .bot-tit { text-align: center; margin-top: 5.429em; }
.brand-wrap .section01 .bot-tit img { display:inline-block; } */


.brand-wrap .section01 { background:#f7f7f7; padding: 5.429em 0 4.929em; }
.brand-wrap .section01 .logo-box { margin-bottom: 4.214em; }
.brand-wrap .section01 .logo-box img { display:inline-block; }
.brand-wrap .section01 .box02 { position:relative; }
.brand-wrap .section01 .box02:before,
.brand-wrap .section01 .box02:after { content:""; display:inline-block; width:1px; height:100%; position:absolute; top:0; background:#f7f7f7; }
.brand-wrap .section01 .box02:before { left:0; }
.brand-wrap .section01 .box02:after { right:0; }


.brand-wrap .section02 {  }
.brand-wrap .section02 .container { background:url(../../../img/contents/brand_section02-back.png) center center no-repeat; min-height:765px; text-align: center; }
.brand-wrap .section02 .btit { color:#3a3a3a; font-weight: 600; font-size:4.286em; padding: 3.250em 0 0; box-sizing:border-box; }
.brand-wrap .section02 .icon-box { padding-top: 9.286em; box-sizing:border-box; }
.brand-wrap .section02 .icon-box .icon { display:inline-block; vertical-align: top; width:calc(20% - 3px); }
.brand-wrap .section02 .icon-box .icon i { display:inline-block; width:67px; height:57px; background-image:url(../../../img/contents/brand_icon.png); margin-bottom: 0.714em; }
.brand-wrap .section02 .icon-box .icon p { font-size:1.286em; color:#666; font-weight: 400; line-height: 1.222em; }

.brand-wrap .section02 .icon-box .icon-02 i { background-position: 0 -57px; }
.brand-wrap .section02 .icon-box .icon-03 i { background-position: 0 -114px; }
.brand-wrap .section02 .icon-box .icon-04 i { background-position: 0 -171px; }
.brand-wrap .section02 .icon-box .icon-05 i { background-position: 0 -228px; }

.contact-wrap .wrap_controllers.hide { display:none !important; }
.contact-wrap .section01 .info-line { text-align: center; min-height:70px; border: 1px solid #dadada; box-sizing:border-box; background:#f7f7f7; padding-top: 1.6em; margin-bottom: 2.857em; }
.contact-wrap .section01 .info-line li { display:inline-block; font-size:1em; margin-left: 4.286em; color:#3a3a3a; font-weight: 400; }
.contact-wrap .section01 .info-line li:first-child { margin-left: 0; }
.contact-wrap .section01 .info-line li i { color:#2260a1; margin-right: 0.714em; font-size:1.2em; vertical-align: -1px; }


.contact-wrap .section02 { margin-bottom: 3.571em; }
.contact-wrap .section02 .box { padding: 2em 1em 1em 1em; box-sizing:border-box; width:50%; float: left; text-align: center; }
.contact-wrap .section02 .box .cir { display:inline-block; width:75px; height:75px; border-radius:50%; color:#fff; line-height: 85px; margin-bottom: 1.214em; }
.contact-wrap .section02 .box .cir i { font-size:2.3em; }
.contact-wrap .section02 .box .tit { font-size:1.071em; color:#3a3a3a; font-weight: 600; }
.contact-wrap .section02 .box .list {  }
.contact-wrap .section02 .box .list li { font-size:1.071em; color:#3a3a3a; margin-top: 0.400em; }
.contact-wrap .section02 .box .list span { font-weight: 600; }
.contact-wrap .section02 .box .list span.red { color:#de3d4c; }
.contact-wrap .section02 .box .list span.blue { color:#2260a1; }
.contact-wrap .section02 .box .important { font-size:1.071em; color:#3a3a3a; margin-top: 1.867em; }
.contact-wrap .section02 .box .important i { color:#de3d4c; vertical-align: -1px; margin-right: 7px; font-size:1.2em; }


.contact-wrap .section02 .left-box { border-right: 1px solid #dadada; }
.contact-wrap .section02 .left-box .cir { background:#2260a1; }
.contact-wrap .section02 .right-box .bot-box { margin-top: 1.714em; }
.contact-wrap .section02 .right-box .top-box .cir { background:#59beaf; }
.contact-wrap .section02 .right-box .bot-box .cir { background:#f6cb57; }
.contact-wrap .section02 .right-box .bot-box .list li:first-child { margin-top: 0; }


.reg_product { background:#f7f7f7; /* margin-top: -3.571em; */ padding: 5.357em 2.5em 2.5em; box-sizing:border-box; }
.reg_product .txt-box { text-align: center; }
.reg_product .txt-box .tit { font-size:1.875em; color:#2260a1; font-weight: 600; }
.reg_product .txt-box .txt { font-size:1.175em; color:#666; font-weight: 400; }
.reg_product form { display:inline-block; text-align: center; width:100%; }
.reg_product form .flow-box { margin-left: -1em; text-align:left; }
.reg_product form .in_text { border: 1px solid #dadada; box-sizing:border-box; background:#fff; width:75%; border-radius:3px; height:40px; display:inline-block; padding-left: 1em; margin: 1em 0 1.5em; }
.reg_product form .flow-box .box {padding-left: 1em; box-sizing:border-box; display:inline-block; width:calc(33.33% - 3px); vertical-align: top; border-radius:5px; }
.reg_product form .flow-box .box .inner { background:#fff; border: 1px solid #dadada; box-sizing:border-box; padding: 2em 1.5em; text-align: center; position:relative; min-height:220px; }
.reg_product form .flow-box .box .inner:before { content:""; display:inline-block; width:22px; height:42px; margin-top: -21px; position:absolute; top:50%; left:-10px; background:url(../../../img/contents/reg_arrow.png); display:none; }
.reg_product form .flow-box .box01 .inner:before { display:none; }
.reg_product form .flow-box .box .inner i { font-size:4em; color:#bbb; }
.reg_product form .flow-box .box .inner p { font-size:1.071em; color:#3a3a3a; margin-top: 0.9em; }
.reg_product form .flow-box .box .inner p .red { color:#de3d4c; }
.reg_product form .flow-box .box .inner p strong { color:#fff; display:inline-block; background:#2260a1; padding: 0 7px; box-sizing:border-box; }
.reg_product form button { margin-top: 2em; border: 0; background:#2260a1; color:#fff; font-size:1.071em; height:40px; width:150px; } 


.provision,
.privacy {  }
.provision .container,
.privacy .container { background:#f7f7f7; padding: 3em !important; box-sizing:border-box; }
.provision .container .inner,
.privacy .container .inner { background:#fff; padding: 2em; /*height:700px; overflow-y:scroll;*/ box-sizing:border-box; }




.chk_answer {  }

.chk_answer .flex-btn { margin: 5.000em 0 2.857em; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; box-sizing:border-box; }
.chk_answer .flex-btn:after {display:block;visibility:hidden;clear:both;content:""}
.chk_answer .flex-btn li {float:left;width:50%;text-align:center;}
.chk_answer .flex-btn li a { font-size:1.071em; color:#666; box-sizing:border-box; border-bottom: 1px solid #2260a1; display:block; line-height: 45px; }
.chk_answer .flex-btn li a.active { color:#2260a1; font-weight: 600; border-bottom: 4px solid #2260a1; line-height: 42px; }

.chk_answer .flex-wrap { margin: 2.857em 0 0; }
.chk_answer .flex-wrap .table-tit { font-size: 1.429em; color: #3a3a3a; font-weight: 400; margin-bottom: 5px; }
.chk_answer .flex-wrap .flex-box { width:100%; display:flex; border-top: 2px solid #2260a1; box-sizing: border-box; border-right: 1px solid #dadada; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.chk_answer .flex-wrap .flex-box li { }
.chk_answer .flex-wrap .flex-box li.li01 { flex-grow:3; }
.chk_answer .flex-wrap .flex-box li.li02 { flex-grow:5; }
.chk_answer .flex-wrap .flex-box li.li03 { flex-grow:2; }
.chk_answer .flex-wrap .flex-box li .th,
.chk_answer .flex-wrap .flex-box li .td { box-sizing:border-box; padding: 0.7em 1em; text-align: center; }
.chk_answer .flex-wrap .flex-box li .th { background:#f7f7f7; font-weight: 600; }
.chk_answer .flex-wrap .flex-box li .td { border-top: 1px solid #dadada; }