@import url("../../../css/fonts/S-Core-Dream-full/s-core-dream.css");

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');


#section-19 .basicWhiteSkin ul li:nth-child(1){color:#3afaff;font-weight:700}
#section-19 .basicWhiteSkin ul li:nth-child(2){color:#3afaff;font-weight:700}
#section-19 .basicWhiteSkin ul li:nth-child(3){color:#3afaff;font-weight:700}

#section-19 .section-container{padding-left:80px;padding-right:80px;}
#section-19 .clear{clear:both;}


#mainBigCon .btnGroup:after{display:block;visibility:hidden;clear:both;content:""}
#mainBigCon .btnGroup [class*='btn']{float:left;font-family:'NanumSquareRound', sans-serif;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;flex-wrap:wrap;word-break:keep-all;}

#mainBigCon{width:100%;min-width:910px;margin-top:-20%;position:relative;}
#mainBigCon:after{display:block;visibility:hidden;clear:both;content:""}
#mainBigCon .mbCon-box1{float:left;width:440px;border:2px solid #fff;color:#fff;font-size:14px;}
#mainBigCon .mbCon-box1 .title{font-family:'NanumSquare', sans-serif;font-size:24px;font-weight:400;color:#fff;padding:10px 0;background:rgba(0,0,0,0.2);}
#mainBigCon .mbCon-box1 .flex{display:flex;flex-direction:column;text-align:left;padding:30px 20px;background:rgba(0,0,0,0.4);}
#mainBigCon .mbCon-box1 .info{line-height:1.8em;}
#mainBigCon .mbCon-box1 .info:after{display:block;visibility:hidden;clear:both;content:""}
#mainBigCon .mbCon-box1 .info p{}
#mainBigCon .mbCon-box1 .info .li-circle:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.9);vertical-align:middle;margin-right:5px;margin-top:-2px;}
#mainBigCon .mbCon-box1 .btnGroup{margin-top:21px;text-align:center;}
#mainBigCon .mbCon-box1 .btnR{width:calc(50% - 4px);height:38px;padding:0 15px;color:#000;font-size:13px;font-weight:800;background:#bcd8ff;border-radius:19px;margin-bottom:7px;}
#mainBigCon .mbCon-box1 .btnR:hover{background:#d4e6ff;}
#mainBigCon .mbCon-box1 .btnR:nth-child(1){width:100%}
#mainBigCon .mbCon-box1 .btnR:nth-child(3){margin-left:8px;}
#mainBigCon .mbCon-box1 .btnR:nth-child(5){margin-left:8px;}
#mainBigCon .mbCon-box1 .btnR:nth-child(n+1):not(:nth-child(6)){background:#fff;}
#mainBigCon .mbCon-box1 .btnR:nth-child(6){width:100%;margin-bottom:0px;}

#mainBigCon .mbCon-box2{float:left;width:368px;color:#fff;font-size:13px;margin-left:20px;}
#mainBigCon .mbCon-box2:after{display:block;visibility:hidden;clear:both;content:""}
#mainBigCon .mbCon-box2 .mcb2-g1{float:left;width:100%;border:2px solid #f7d960;margin-bottom:10px;}
#mainBigCon .mbCon-box2 .mcb2-g2{float:left;width:100%;border:2px solid #fff;}


#mainBigCon .mbCon-box2 .title{font-family:"S-CoreDream-6Bold", sans-serif;font-size:20px;font-weight:normal;color:#fff;padding:7px 20px;text-align:left;}
#mainBigCon .mbCon-box2 .title .label{font-family:"S-CoreDream-7ExtraBold", sans-serif;font-size:14px;color:#222222;letter-spacing:-0.1em;height:22px;padding:0 8px;border-radius:5px;background:#f7d960; display:inline-flex;align-items:center;justify-content:center;margin-top:-5px;vertical-align:middle;}
#mainBigCon .mbCon-box2 .title .em{font-family:"S-CoreDream-9Black", sans-serif;color:#ffd632;}
#mainBigCon .mbCon-box2 .body{text-align:left;padding:15px 22px;background:rgba(34,35,66,0.5);font-family:'NanumSquareRound', sans-serif;font-size:15px;font-weight:400;}
#mainBigCon .mbCon-box2 .body p{letter-spacing:-0.01em; line-height:1.4em; font-size:14px;}
#mainBigCon .mbCon-box2 .body p:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.9);vertical-align:middle;margin-right:5px;margin-top:-2px;}
#mainBigCon .mbCon-box2 .btnGroup{width:100%;margin-top:14px;}
#mainBigCon .mbCon-box2 .btnR{display:inline-flex;align-items:center;justify-content:center;width:100%;height:31px;padding:0 15px;color:#222342;
	font-family:'NanumSquareRound', sans-serif;font-size:13px;font-weight:800;background:#fff;border-radius:19px;margin-bottom:8px}
#mainBigCon .mbCon-box2 .btnR:last-child{margin-bottom:0}
#mainBigCon .mbCon-box2 .btnR2{display:inline-flex;align-items:center;justify-content:center;width:calc(50% - 4px);height:31px;padding:0 15px;color:#222342;
	font-family:'NanumSquareRound', sans-serif;font-size:13px;font-weight:800;background:#fff;border-radius:19px;margin-bottom:8px;text-align:center}
#mainBigCon .mbCon-box2 .btnR2:nth-child(2n){margin-left:8px;}

#mainBigCon .mbCon-box2 .btnR3{display:inline-flex;align-items:center;justify-content:center;width:100%;height:31px;padding:0 15px;color:#222342;
	font-family:'NanumSquareRound', sans-serif;font-size:13px;font-weight:800;background:#fff;border-radius:19px;margin-bottom:8px;background:#bcd8ff;}
#mainBigCon .mbCon-box2 .btnR4{display:inline-flex;align-items:center;justify-content:center;width:100%;height:31px;padding:0 15px;color:#222342;
	font-family:'NanumSquareRound', sans-serif;font-size:13px;font-weight:800;background:#fff;border-radius:19px;margin-bottom:0px;background:#f7d960;}
#mainBigCon .mbCon-box2 .last{margin-bottom:0px}
#mainBigCon .mbCon-box2 .mcb2-g2 .title .label{background:#75b5e6;}
#mainBigCon .mbCon-box2 .mcb2-g2 .title .em{color:#75b5e6;}
#mainBigCon .mbCon-copyright{display:none;position:absolute;top:0;right:200px;height:600px;text-align:left;color:#fff;	font-family:'Nanum Myeongjo', 'NanumSquareRound', serif;font-size:34px;font-weight:600;line-height:1.6em; text-shadow:-2px 0px 2px rgba(0,0,0,0.6);direction:ltr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;}

#mainBigCon .mbCon-box3{float:left;width:240px;color:#fff;font-size:13px;margin-left:20px;}
#mainBigCon .mbCon-box3-1{display:none}

@media screen and (max-width: 1679px) {
#section-19 .section-container{padding-left:40px;padding-right:40px;}
}	
@media screen and (max-width: 1584px) {
#mainBigCon{margin-top:-30%}

#section-19 .section-container{padding-left:40px;}

#mainBigCon .mbCon-box1{width:400px; font-size:13px;}
#mainBigCon .mbCon-box1 .title{font-size:20px;padding:12px 0;}
#mainBigCon .mbCon-box1 .flex{padding:25px 15px;flex-direction:column; }
#mainBigCon .mbCon-box1 .info{width:100%;line-height:1.7em;}
#mainBigCon .mbCon-box1 .info p:first-child{margin-bottom:13px;}
#mainBigCon .mbCon-box1 .btnGroup{width:100%;margin-top:15px;}
#mainBigCon .mbCon-box1 .btnR{height:33px;font-size:12px;padding:0 5px;}
#mainBigCon .mbCon-box1 .btnR:nth-child(6){margin-bottom:0;}
#mainBigCon .mbCon-box1 .btnR br{display:none;}

#mainBigCon .mbCon-box2{float:left;width:100%;max-width:350px;margin-top:0;margin-left:10px;}
#mainBigCon .mbCon-box2 .mcb2-g1{width:100%;margin-right:0;margin-bottom:5px;}
#mainBigCon .mbCon-box2 .mcb2-g2{width:100%;}
#mainBigCon .mbCon-box2 .title{font-size:17px;}
#mainBigCon .mbCon-box2 .title .label{height:23px;padding:0 7px;border-radius:5px;background:#f7d960; display:inline-flex;align-items:center;justify-content:center;margin-bottom:0px;margin-top:-5px; font-size:13px;}
#mainBigCon .mbCon-box2 .title .em{font-size:17px;}
#mainBigCon .mbCon-box2 .body{text-align:left;padding:12px 22px}
#mainBigCon .mbCon-box2 .body p{letter-spacing:-0.01em; line-height:1.45em; font-size:12px;}
#mainBigCon .mbCon-box2 .btnGroup{width:100%;margin-top:12px;}
#mainBigCon .mbCon-box2 .btnR, #mainBigCon .mbCon-box2 .btnR2, #mainBigCon .mbCon-box2 .btnR3, #mainBigCon .mbCon-box2 .btnR4{font-size:12px;height:28px;padding:0 12px; text-align:center; line-height:1.2}
#mainBigCon .mbCon-copyright{display:block;position:absolute;top:0;right:10px;height:600px;text-align:left;color:#fff;	font-family:'Nanum Myeongjo', 'NanumSquareRound', serif;font-size:25px;font-weight:600;line-height:1.6em; text-shadow:-2px 0px 2px rgba(0,0,0,0.6);direction:ltr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:none}
#mainBigCon .mbCon-box3{display:none}
#mainBigCon .mbCon-box3-1{float:left;max-width:240px;color:#fff;font-size:13px;margin-left:10px;display:block}
#mainBigCon .mbCon-box3-1 img{height:377px; position:absolute}
}

@media screen and (max-width: 1584px) {
#mainBigCon .mbCon-box2{float:left;width:100%;max-width:320px;margin-top:0;margin-left:10px;}
}


#mainBigCon.mobile{width:100%;min-width:auto;margin:0;padding:25px 0;position:relative;}
#mainBigCon.mobile .mbCon-copyright{position:relative;top:0;right:0;height:auto;font-size:3.5vh;text-shadow:0px 2px 2px rgba(0,0,0,0.6);letter-spacing:-0.05em;writing-mode:horizontal-tb;margin-bottom:15px;}

#mainBigCon.mobile .mbCon-box1{width:100%;border:2px solid #fff;color:#fff;font-size:14px;font-weight:600; }
#mainBigCon.mobile .mbCon-box1 .title{font-size:22px;font-weight:400;color:#fff;padding:12px 0;background:rgba(0,0,0,0);}
#mainBigCon.mobile .mbCon-box1 .title .bold{display:block;margin-top:5px;font-size:30px;line-height:1.2em;font-weight:800;}
#mainBigCon.mobile .mbCon-box1 .flex{padding:25px 15px;background:rgba(0,0,0,0.3);}
#mainBigCon.mobile .mbCon-box1 .info{line-height:1.5em;letter-spacing:-0.08em; font-weight:400}
#mainBigCon.mobile .mbCon-box1 .info .btn.light{background:rgba(255,255,255,1);}
#mainBigCon.mobile .mbCon-box1 .info p + p{margin-top:5px;}
#mainBigCon.mobile .mbCon-box1 .info p:first-child{margin-bottom:25px;}
#mainBigCon.mobile .mbCon-box1 .btnGroup{width:100%;}
#mainBigCon.mobile .mbCon-box1 .btnR{padding:0 7px;height:38px;font-size:14px;margin-bottom:10px;line-height:1em;}
#mainBigCon.mobile .mbCon-box1 .btnR:hover{background:#d4e6ff;}


#mainBigCon.mobile .mbCon-box1 .btnGroup{width:100%;}
#mainBigCon.mobile .mbCon-box1 .btnR2{width:100%;height:38px;padding:0 15px;color:#000;font-size:13px;font-weight:800;background:#bcd8ff;border-radius:19px;margin-bottom:5px;padding:0 7px;height:34px;margin-bottom:10px;line-height:1em;}
#mainBigCon.mobile .mbCon-box1 .btnR2:hover{background:#d4e6ff;}
#mainBigCon.mobile .mbCon-box1 .btnR2:first-child{width:100%;background:#fff;}
#mainBigCon.mobile .mbCon-box1 .btnR2:last-child{margin:0}


#mainBigCon.mobile .mbCon-box2{float:left;width:100%;max-width:100%;margin-top:20px;margin-left:0px;}
#mainBigCon.mobile .mbCon-box2 .mcb2-g1{width:100%;margin-right:0;margin-bottom:6px;}
#mainBigCon.mobile .mbCon-box2 .mcb2-g2{width:100%;}
#mainBigCon.mobile .mbCon-box2 .title{position:relative;font-size:25px;padding:15px 20px 10px 20px;margin:0;line-height:1em;}
#mainBigCon.mobile .mbCon-box2 .title .label{font-size:15px;height:26px;padding:0 8px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;margin-top:-7px;margin-bottom:0px;vertical-align:middle;}
#mainBigCon.mobile .mbCon-box2 .title .em{font-size:25px;}
#mainBigCon.mobile .mbCon-box2 .body{padding:20px 20px 15px 20px;font-size:16px;font-weight:600;}
#mainBigCon.mobile .mbCon-box2 .body p{font-size:14px;line-height: 1.5em; letter-spacing: -0.08em; font-weight: 400;}
#mainBigCon.mobile .mbCon-box2 .body .btnGroup{margin-top:20px;}
#mainBigCon.mobile .mbCon-box2 .btnR, #mainBigCon.mobile .mbCon-box2 .btnR2, #mainBigCon.mobile .mbCon-box2 .btnR3, #mainBigCon.mobile .mbCon-box2 .btnR4{font-size:14px;height:38px;padding:0 12px;}
#mainBigCon.mobile .mbCon-box2 .mcb2-g2 .btnR{width:calc(50% - 5px);margin-right:10px;}
#mainBigCon.mobile .mbCon-box2 .mcb2-g2 .btnR:nth-child(2n){margin-right:0;}