@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@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*/

@media screen and (min-width: 769px) {

body { padding-top:80px;}

#wrapper { width: 100%; height: 100%; position: relative; margin: 0 auto; }

/*header �쒖옉*/
header { position:fixed; top: 0; left: 0; width: 100%; height: 80px; margin:0 auto; z-index: 100;  background:#fff; border-bottom: 1px solid rgba(0,0,0,0.05); }
header .inner-wrap { display:block; width:1080px; height:100%; margin:0 auto; }
header .logo { float:left; width:176px; height:52px; text-indent:-9999px; background:url(../images/logo_header.png) no-repeat 0 0;  background-size:contain; margin-top:14px;}
header .logo a { display:block; width:100%; height:100%;}
header .gnb { float:right; margin-top:26px; margin-right: 8px; }
header .gnb li { float:left; margin-left:48px;}
header .gnb li:first-child { margin-left:0!important;}
header .gnb li a { transition:all 0.5s; font-size:17px; color:#161616; font-weight:bold; }
header .gnb li a:hover { color:#51BDFF; }
/*header ��*/

/*section 硫붿씤 �쒖옉*/
.section-main { overflow:hidden; position:relative; width:100%; margin:0 auto; background:url(../images/bg_main.jpg) no-repeat 0 0;  background-size:cover;}
.section-main .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; padding:100px 0;}
.section-main .inner-wrap .illust {z-index:0; position:absolute; right:-300px; bottom:0; width:680px; height:680px; background:url(../images/main_illust.png) no-repeat 0 0; background-size:contain; }
.section-main .inner-wrap .text { z-index:1; position:relative; display:inline-block; width:100%; height:auto;}
.section-main .inner-wrap .text p { font-size:28px; margin-bottom:16px;  }
.section-main .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:48px; line-height:1.1;}
.section-main .inner-wrap .text h4 strong {display:inline-block; font-family: 'GmarketSansBold', sans-serif; color:#51BDFF;}
.section-main .inner-wrap .text .btn { margin-top:32px; width:240px; height:60px; text-align:center;}
.section-main .inner-wrap .text .btn a {  background:rgba(255,255,255,0.0);  transition:all 0.5s; border:1px solid #161616; border-radius:4px; position:relative; padding-left:40px; display:inline-block; width:100%; height:100%; font-size:20px; line-height:60px; font-weight:bold; }
.section-main .inner-wrap .text .btn a:hover { background:#161616; color:#fff; }
.section-main .inner-wrap .text .btn a:before { content:''; display:block; position:absolute; top:50%; margin-top:-16px; left:40px; width:32px; height:32px;  background:url(../images/icon_google.png) no-repeat 0 0; background-size:contain; }
/*section 硫붿씤 ��*/

/*section 1 �쒖옉*/
.section-1 { position:relative; width:100%; margin:0 auto; background:#fff; height:580px; }
.section-1 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-1 .inner-wrap .illust {z-index:0; position:absolute; left:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_1.png) no-repeat 0 0; background-size:contain; }
.section-1 .inner-wrap .text {position:absolute; top:50%; margin-top:-100px; right:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-1 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-1 .inner-wrap .text p { font-size:28px; }
/*section 1 ��*/

/*section 2 �쒖옉*/
.section-2 { position:relative; width:100%; margin:0 auto; background:#F6FCFF; height:580px; }
.section-2 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-2 .inner-wrap .illust {z-index:0; position:absolute; right:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_2.png) no-repeat 0 0; background-size:contain; }
.section-2 .inner-wrap .text {position:absolute; top:50%; margin-top:-80px; left:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-2 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-2 .inner-wrap .text p { font-size:28px; }
/*section 2 ��*/

/*section 3 �쒖옉*/
.section-3 { position:relative; width:100%; margin:0 auto; background:#fff; height:580px; }
.section-3 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-3 .inner-wrap .illust {z-index:0; position:absolute; left:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_3.png) no-repeat 0 0; background-size:contain; }
.section-3 .inner-wrap .text {position:absolute; top:50%; margin-top:-120px; right:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-3 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-3 .inner-wrap .text p { font-size:28px; }
/*section 3 ��*/

/*section 4 �쒖옉*/
.section-4 { position:relative; width:100%; margin:0 auto; background:#F6FCFF; height:580px; }
.section-4 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-4 .inner-wrap .illust {z-index:0; position:absolute; right:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_4.png) no-repeat 0 0; background-size:contain; }
.section-4 .inner-wrap .text {position:absolute; top:50%; margin-top:-138px; left:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-4 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-4 .inner-wrap .text p { font-size:28px; }
/*section 4 ��*/


/*section cs �쒖옉*/
.section-cs {  position:relative; width:100%; margin:0 auto; background:url(../images/bg_cs.png) no-repeat 0 0; height:580px; background-size:cover; }
.section-cs .inner-wrap { padding:100px 0; position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-cs .inner-wrap .text {height:auto;  display:block; text-align:center;}
.section-cs .inner-wrap .text h4 { color:#fff; display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-cs .inner-wrap .text p { color:#fff; font-size:28px; margin-bottom:60px;}
.section-cs .inner-wrap .slider { width:100%; height:auto;  display:block; text-align:center; }
.section-cs .inner-wrap .slider .infographic { width:100%; display:inline-block; margin:0 auto; text-align:center;}
.section-cs .inner-wrap .slider .infographic li { position:relative; float:left; width:20%; }
.section-cs .inner-wrap .slider .infographic li div { position:absolute; left:50%; margin-left:-60px; width:120px; height:120px;  }
.section-cs .inner-wrap .slider .infographic li:nth-child(1) div { background:url(../images/icon_cs_1.png) no-repeat 0 0; background-size:contain;}
.section-cs .inner-wrap .slider .infographic li:nth-child(2) div { background:url(../images/icon_cs_2.png) no-repeat 0 0; background-size:contain;}
.section-cs .inner-wrap .slider .infographic li:nth-child(3) div { background:url(../images/icon_cs_3.png) no-repeat 0 0; background-size:contain;}
.section-cs .inner-wrap .slider .infographic li:nth-child(4) div { background:url(../images/icon_cs_4.png) no-repeat 0 0; background-size:contain;}
.section-cs .inner-wrap .slider .infographic li:nth-child(5) div { background:url(../images/icon_cs_5.png) no-repeat 0 0; background-size:contain;}
.section-cs .inner-wrap .slider .infographic li p { margin-top:140px; font-family: 'GmarketSansBold', sans-serif; font-size:20px; color:#fff; }
/*section cs ��*/

/*section 5 �쒖옉*/
.section-5 { position:relative; width:100%; margin:0 auto; background:#fff; height:580px; }
.section-5 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-5 .inner-wrap .illust {z-index:0; position:absolute; right:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_5.png) no-repeat 0 0; background-size:contain; }
.section-5 .inner-wrap .text {position:absolute; top:50%; margin-top:-100px; left:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-5 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-5 .inner-wrap .text p { font-size:28px; }
/*section 5 ��*/

/*section 6 �쒖옉*/
.section-6 { position:relative; width:100%; margin:0 auto; background:#F6FCFF; height:580px; }
.section-6 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-6 .inner-wrap .illust {z-index:0; position:absolute; left:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_6.png) no-repeat 0 0; background-size:contain; }
.section-6 .inner-wrap .text {position:absolute; top:50%; margin-top:-138px; right:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-6 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-6 .inner-wrap .text p { font-size:28px; }
/*section 6 ��*/

/*section 7 �쒖옉*/
.section-7 { position:relative; width:100%; margin:0 auto; background:#fff; height:580px; }
.section-7 .inner-wrap { position:relative; display:block; width:1080px; height:100%; margin:0 auto; }
.section-7 .inner-wrap .illust {z-index:0; position:absolute; right:-120px; bottom:0; width:540px; height:540px; background:url(../images/bg_7.png) no-repeat 0 0; background-size:contain; }
.section-7 .inner-wrap .text {position:absolute; top:50%; margin-top:-138px; left:0; width:720px; height:auto; z-index:1; display:block; text-align:center;}
.section-7 .inner-wrap .text h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:60px; line-height:1.1; margin-bottom:16px;}
.section-7 .inner-wrap .text p { font-size:28px; }
/*section 7 ��*/

/*section-studio �쒖옉*/
.section-studio { position:relative; width:100%; margin:0 auto; background:url(../images/bg_studio.png) no-repeat center center; background-size:cover; height:360px; }
.section-studio .inner-wrap {padding:100px 0; position:relative; display:block; width:1080px; height:100%; margin:0 auto; text-align:center;}
.section-studio .inner-wrap h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:40px; line-height:1.1; margin-bottom:16px; color:#fff;}
.section-studio .inner-wrap p { font-size:24px; color:#fff; opacity:0.8; font-weight:300; }
/*section-studio ��*/

/*section-partners �쒖옉*/
.section-partners { position:relative; width:100%; margin:0 auto; background:url(../images/bg_partners.png) no-repeat center center; background-size:cover; height:360px; }
.section-partners .inner-wrap {padding:120px 0; position:relative; display:block; width:1080px; height:100%; margin:0 auto; text-align:center;}
.section-partners .inner-wrap h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:40px; line-height:1.1; margin-bottom:16px;}
.section-partners .inner-wrap p { font-size:24px; color:#fff; opacity:0.8; }
.section-partners .inner-wrap .btn { margin:16px auto 0;  width:240px; height:60px; text-align:center;}
.section-partners .inner-wrap .btn a { color:#fff; transition:all 0.5s; background:#EE3D44;  border:1px solid #ee3d44; border-radius:4px; position:relative;  letter-spacing:-1px; display:inline-block; width:100%; height:100%; font-size:20px; line-height:60px; font-weight:bold; }
.section-partners .inner-wrap .btn a:hover { background:rgba(255,255,255,0.8); color:#ee3d44; }
/*section-partners ��*/

/*section-download �쒖옉*/
.section-download { position:relative; width:100%; margin:0 auto; background:url(../images/bg_download.png) no-repeat center center; background-size:cover; height:360px; }
.section-download .inner-wrap {padding:100px 0; position:relative; display:block; width:1080px; height:100%; margin:0 auto; text-align:center;}
.section-download .inner-wrap h4 { display:inline-block; font-family: 'GmarketSansBold', sans-serif; font-size:40px; line-height:1.1; margin-bottom:16px;}
.section-download .inner-wrap p { font-size:24px; color:#fff; opacity:0.8; }
.section-download .inner-wrap .btn { margin:16px auto 0;  width:240px; height:60px; text-align:center;}
.section-download .inner-wrap .btn a { background:rgba(255,255,255,0.0);  transition:all 0.5s; border:1px solid #161616; border-radius:4px; position:relative; padding-left:40px; display:inline-block; width:100%; height:100%; font-size:20px; line-height:60px; font-weight:bold; }
.section-download .inner-wrap .btn a:hover { background:#161616; color:#fff; }
.section-download .inner-wrap .btn a:before { content:''; display:block; position:absolute; top:50%; margin-top:-16px; left:40px; width:32px; height:32px;  background:url(../images/icon_google.png) no-repeat 0 0; background-size:contain; }
/*section-download ��*/

/*footer �쒖옉*/
footer { position:relative; width:100%; margin:0 auto;  color:#fff; }
footer .inner-wrap { margin:0 auto; width:1080px; padding:60px 0 80px; display:block; height:auto;}
footer .inner-wrap .text-1 { float:left; }
footer .inner-wrap .text-1 h4 { font-size:13px; color:#868686; }
footer .inner-wrap .text-1 h4 strong { font-weight:bold; margin-right:8px; color:#868686;}
footer .inner-wrap .text-1 p { font-size:12px; line-height:2; margin-top:16px;}
footer .inner-wrap .text-1 p span { color:#868686; margin-right:16px;}

footer .inner-wrap .text-2 { float:right; text-align:right;}
footer .inner-wrap .text-2 ul { display:inline-block;}
footer .inner-wrap .text-2 ul li { float:left;}
footer .inner-wrap .text-2 ul li a { transition:all 0.5s; padding:8px 12px; color:#868686; display:block; text-align:center; font-size:12px; border:1px solid #b6b6b6; margin-right:8px; border-radius:4px;}
footer .inner-wrap .text-2 ul li a:hover { background:#f9f9f9;}
footer .inner-wrap .text-2 .info { font-size:12px; line-height:2; color:#b6b6b6; margin-top:16px;}
footer .inner-wrap .text-2 .copyright { font-size:11px; line-height:2; color:#b6b6b6; margin-top:16px;}
/*footer ��*/


/*modal-terms �쒖옉*/
.modal { display:none; width:480px; height:auto; background:#fff; border-radius:12px; overflow:hidden;}
.modal .inner-wrap { width:100%; height:auto; padding:24px;}
.modal .inner-wrap h4 { font-family: 'GmarketSansBold', sans-serif; font-size:40px; line-height:1.1; margin-bottom:24px; text-align:center; margin-top:40px;}
.modal .inner-wrap p { padding:16px; width:100%; height:400px; border-radius:8px; background:#f6f6f6; color:#868686; font-size:13px; overflow-y:scroll;}
.modal .inner-wrap .modal-close { transition:all 0.5s; width:100%; height:60px; border:1px solid #51bdff; text-align:center; cursor:pointer; line-height:60px; font-size:20px; background:#51BDFF; color:#fff; margin-top:24px; border-radius:4px;}
.modal .inner-wrap .modal-close:hover { background:#fff; border:1px solid #51bdff; color:#51bdff;}
/*modal-terms ��*/



/* 2020-11-10 �쒖옉 */
img { vertical-align: middle; }
.radius4  { border-radius:4px!important; }
.radius8  { border-radius:8px!important; }
.padding-a0 { padding:0!important;}
.margin-a0 { margin:0!important;}
.btn-medium { display: inline-block; min-width: 80px; height: 44px; padding:0 16px; border: solid 1px #d6d6d6; background-color: #ffffff; font-size: 14px; letter-spacing: -0.5px; text-align: center; color: #868686; line-height: 44px; transition:all 0.5s; font-weight:600; }
.btn-split2 { float:left; width:calc(50% - 8px)!important; margin:0 4px;}

/*�졻뼚�좊え�щ젅�댁뼱*/
.popup {display:inline-block;  display:none; min-width:420px; background:#fff; box-shadow:0px 2px 12px rgba(0,0,0,0.1); overflow:hidden;}
.popup .inner-wrap { display:inline-block; width:100%; height:100%; padding:32px 24px 24px; position:relative;}
.popup .inner-wrap .popup-header { font-size:20px; text-align:center; color:#161616; font-weight:bold; margin-bottom:24px;}
.popup .inner-wrap .popup-content { width:100%; margin-bottom:24px;}
.popup .inner-wrap .popup-close { cursor:pointer; position:absolute; top:16px; right:16px; width:32px; height:32px; opacity:0.8; background:url(../images/component/icon_modal_close.png) no-repeat 0 0; background-size:contain;}
.popup .inner-wrap .popup-close:hover {opacity:1; }

/*�몃뜳�ㅽ뙘��*/
/*2020-11-12 .index-popup { min-width: 400px !important; max-width: 400px !important; }*/
.index-popup { min-width: 600px !important; max-width: 600px !important; }
.index-popup .btn-split2 { width: 50% !important; }
.index-popup .btn-split2.btn-medium { border: 0 !important; border-top: 1px solid #e6e6e6 !important; border-radius: 0!important; }
.index-popup .btn-split2.btn-medium + .btn-split2.btn-medium { border-left: 1px solid #e6e6e6 !important; }
.index-popup .popup-content img { width: 100%; }
/* 2020-11-10 �� */



/* 2020-11-12 */
.inner-wrap { width: 100% !important; max-width: 1080px !important; }

input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; -webkit-appearance: none; cursor: pointer; border-radius: 2px; border: 1px solid #d6d6d6; background: #fff;  }
input[type="checkbox"]:checked { background:#161616 url(../images/icon_check.png) center center no-repeat; background-size: contain; border:1px solid #161616; }
input[type="checkbox"]:disabled { background:#f6f6f6; cursor:not-allowed;}

.popup-close-group { height: 40px; padding: 10px 12px 6px; background-color: #323232; border-radius: 0 0 4px 4px; overflow: hidden; }
.popup-close-group label { float: left; font-size: 13px; color: #ffffff; }
.popup-close-group label input[type="checkbox"] { margin: -2px 12px 0 0; }
.popup-close-group .btn-close { float: right; width: 24px; height: 24px; background: url(../images/icon_cancel_white.png) center center no-repeat; background-size: contain; text-indent: -5000px; margin-top: -2px; }
}