@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@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; }

@media only screen and (min-width: 1100px){
/* CSS Document */
html,body{padding:0; margin:0;}
.container{width:1300px; margin:0 auto; overflow:hidden;}

/* Default Setting */
html, body, div, input, label, select, textarea, button, h1, h2, h3, h4, h5, h6, strong, p, span, a, ul, li, dl, dt, dd, a, ::after, ::before { font-family: 'GmarketSansMedium'; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px;}
*, ::before, ::after {margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -1px;}
html, body {font-family: 'Noto Sans KR',  sans-serif; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, strong, address {display: block;}
ul, ol, li {list-style: none;}
a {display: inline-block; text-decoration: none; vertical-align: top;}
span {display: inline-block; vertical-align: top;}
img { border: 0; vertical-align: top;}
em, address {font-weight: normal; font-style: normal;}
hr {border: 0; margin: 30px 0; padding: 0; border-bottom: 1px solid #000;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}
textarea {resize: none; outline: 0; vertical-align: top;}
button {display: inline-block; font-family: inherit; text-decoration: none; background: transparent; border: none; outline: 0; white-space: nowrap; vertical-align: top; cursor: pointer;}

.top_fixed{position:fixed; background: #000000; height:100px; max-width:2000px; width:100%; left:0; right:0; margin:0 auto; z-index:9}
.top_logo{position:absolute;; padding-top:25px; z-index:2}
.top_logo a{width:166px; height:50px;background:url("../img/top_logo.png") no-repeat ;text-indent:-9999px}
.top_txt1{font-size:24px; color:#ffffff; font-weight:400; text-align:center; padding-top:17px;}
.top_txt2{font-size:30px; color:#abc0ff; font-weight:600; text-align:center; padding-top:10px;}
.top_center{}
.top_right{float:right; margin-top:-60px; z-index:2; vertical-align:bottom}
.top_right li{display:inline-block;   vertical-align: bottom;}
.top_btn{font-size:18px; line-height: 60px; color:#ffffff; font-weight:500; text-align:center; background:url("../img/download_bg.png") no-repeat center 0; width:210px;  cursor:pointer}
.lang{margin-right:30px;}
.lang li{display:inline-block; margin-left:19px; z-index:9;}
.lang li a{color:#5f5f5f;}
.lang li.active a{color:#fff;}
#section-1{position:relative; background:url("../img/bg1.png") no-repeat center 0; height:1313px; min-width:1300px; }
.page1_logo{text-align:center; padding-top:159px;}
.page1_txt1{font-size:44px; color:#181818; font-weight:400; text-align:center; padding-top:49px;}
.page1_txt2{font-size:65px; line-height: 80px; color:#2a5ee8; font-weight:600; text-align:center; padding-top:19px;}
.page1_txt3{font-size:22px; line-height: 26px; color:#181818; font-weight:500; text-align:center; padding-top:49px;}

.page1_btn{font-size:18px; line-height: 60px; color:#ffffff; font-weight:500; text-align:center; background:url("../img/download_bg.png") no-repeat center 0; margin-top:47px; cursor:pointer}
.page1_img1{text-align:center; padding-top:60px; padding-left:60px;}

.padding_1{padding-top:79px;}
.padding_2{padding-top:210px;}
.padding_3{padding-top:62px;}
#section-2{position:relative; background:url("../img/bg2.png") no-repeat center 0; height:1128px; min-width:1300px;}

.info_ul{position:relative; width:1100px; font-size:0;  margin:0 auto;}
.info_ul li.ul_img{display:inline-block; width:50%; vertical-align:top;}
.info_ul li.ul_info{display:inline-block; width:50%; vertical-align:top;}
.img_info_r{text-align:center;}
.img_info_r_t1{font-size:44px;  color:#181818; border-bottom:1px solid #181818; margin-top:80px; margin-bottom:30px; padding-bottom:30px; text-align:right;}
.img_info_r_t2{font-size:20px; line-height: 26px; color:#181818; text-align:right;}
.icon_ul_r{position:relative; font-size:0; float:right; padding-top:35px;}
.icon_ul_r li{display:inline-block;  vertical-align:top; padding-left:15px;}


.img_info_l{text-align:center;}
.img_info_l_t1{font-size:44px;  color:#181818; border-bottom:1px solid #181818; margin-top:80px; margin-bottom:30px; padding-bottom:30px; text-align:left;}
.img_info_l_t2{font-size:20px; line-height: 26px; color:#181818; text-align:left;}
.icon_ul_l{position:relative; font-size:0; float:left; padding-top:35px;}
.icon_ul_l li{display:inline-block;  vertical-align:top; padding-right:15px;}

#section-3{position:relative; background:url("../img/bg3.png") no-repeat center 0; height:2523px; min-width:1300px;}
.content_logo{text-align:center; padding-top:250px;}
.content_logo1{text-align:center; padding-top:94px;}
.title_info{text-align:center; margin:0 auto; padding-top:15px;}
.title_info span{border-bottom:1px solid #000000; font-size:34px;  color:#000000;  }

.tab_3{position:relative; font-size:0; text-align:center;  padding-top:56px;}
.tab_3 li{display:inline-block;  background:url("../img/3tab_bg.png") no-repeat center 0; width:334px; height:395px; vertical-align:top; margin-right:44px; }
.tab_3 li:last-child {margin-right:0;}
.tab_3_img{height:280px; text-align:center;}
.tab_3_img img{padding-top: 32px;}
.tab_3_t{font-size:24px; line-height: 30px; color:#ffffff; text-align:center;}

.title_info1{font-size:20px; line-height: 26px; font-weight:300; color:#ffffff; text-align:center; padding-top:57px;}
.notebooe_img{position:absolute; margin:395px 0 0 340px; z-index:4;}
.cap_01{position:absolute; margin:355px 0 0 -110px; z-index:1}
.cap_02{position:absolute; margin:268px 0 0 845px; z-index:3}
.cap_03{position:absolute; margin:60px 0 0 285px;z-index:2;}
.obj_bg{position:absolute;}
#section-4{position:relative; height:687px; margin-top:60px;}
.footer{background: #333333; height:130px; max-width:2000px; width:100%; margin:0 auto; min-width:1300px; text-align: center;}
.footer p{text-align:center; color:#6d6d6d; text-align:center; font-size:14px; padding-top:17px; margin-bottom: 1rem;}

.pc{display:block !important}
.mobile{display:none !important}

}

@media only screen and (max-width: 1200px){

.pc{display:none !important}
.mobile{display:block !important}

/* CSS Document */
html,body{padding:0; margin:0;}
.container{width:560px; margin:0 auto; overflow:hidden; position:relative;}

/* Default Setting */
html, body, div, input, label, select, textarea, button, h1, h2, h3, h4, h5, h6, strong, p, span, a, ul, li, dl, dt, dd, a, ::after, ::before { font-family: 'GmarketSansMedium'; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px;}
*, ::before, ::after {margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -1px;}
html, body {font-family: 'Noto Sans KR',  sans-serif; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, strong, address {display: block;}
ul, ol, li {list-style: none;}
a {display: inline-block; text-decoration: none; vertical-align: top;}
span {display: inline-block; vertical-align: top;}
img { border: 0; vertical-align: top;}
em, address {font-weight: normal; font-style: normal;}
hr {border: 0; margin: 30px 0; padding: 0; border-bottom: 1px solid #000;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}
textarea {resize: none; outline: 0; vertical-align: top;}
button {display: inline-block; font-family: inherit; text-decoration: none; background: transparent; border: none; outline: 0; white-space: nowrap; vertical-align: top; cursor: pointer;}

.top_fixed{position:fixed; background: #000000; height:100px;  width:640px; _max-width:640px; _width:100%; left:0; right:0; margin:0 auto; z-index:9}
.top_logo{position:absolute;; padding-top:32px; z-index:2}
.top_logo a{width:120px; height:36px;background:url("../img/m/top_logo.png") no-repeat ; text-indent:-9999px }

.page1_logo  img{width:118px; height:104px}
.top_txt1{font-size:24px; color:#ffffff; font-weight:400; text-align:center; padding-top:17px;}
.top_txt2{font-size:30px; color:#abc0ff; font-weight:600; text-align:center; padding-top:10px;}
.top_center{_display:none; text-align:center; padding-top:23px;}
.top_right{position:absolute; top:40px; right:0; margin-top:0px; z-index:2; vertical-align:middle}
.top_right li{display:inline-block;   vertical-align: bottom}
.top_btn{font-size:16px; line-height: 54px; color:#ffffff; font-weight:500; text-align:center; background:url("../img/download_bg.png") no-repeat center 0; background-size: 190px 54px;  width:190px;  cursor:pointer}
.lang{margin-right:30px;}
.lang li{display:inline-block;  margin-left:19px; z-index:9;}
.lang li a{color:#5f5f5f; font-size:20px;}
.lang li.active a{color:#fff;}
#section-1{position:relative; background:url("../img/m/bg1.png") no-repeat center 0; height:1288px; min-width:580px;  width:640px; margin: 0 auto;}
#section-1 .container{width:640px;}
.page1_logo{text-align:center; padding-top:142px;}
.page1_txt1{font-size:40px; color:#181818; font-weight:400; text-align:center; padding-top:35px;}
.page1_txt2{font-size:68px; line-height:80px; color:#2a5ee8; font-weight:600; text-align:center; padding-top:19px;}
.page1_txt3{font-size:22px; line-height: 26px; color:#181818; font-weight:500; text-align:center; padding-top:45px;}

.page1_btn{font-size:18px; line-height: 60px; color:#ffffff; font-weight:500; text-align:center; background:url("../img/download_bg.png") no-repeat center 0; margin-top:30px; cursor:pointer}
.page1_img1{text-align:center; padding-top:63px; padding-left:00px;}

.padding_1{padding-top:20px;}
.padding_2{padding-top:90px;}
.padding_3{padding-top:40px;}
#section-2{position:relative; background:url("../img/m/bg2.png") no-repeat center 0; height:1611px; min-width:580px;; width:640px; margin: 0 auto;}
#section-2 .container{width:640px;}
.page2_img1 img{width:498px;  height:396px; text-align:center;}
.info_ul{position:relative;  font-size:0;  margin:0 auto;}
.info_ul li.ul_img{vertical-align:top; text-align:center;}
.info_ul li.ul_info{ vertical-align:top;}
.img_info_r{text-align:center; padding-right:40px;}
.img_info_r_t1{font-size:55px;  color:#181818; border-bottom:1px solid #181818; margin-top:65px; margin-bottom:35px; padding-bottom:40px; text-align:right;}
.img_info_r_t2{font-size:25px; line-height: 32px; color:#181818; text-align:right;}
.icon_ul_r{position:relative; font-size:0; float:right; padding-top:40px;}
.icon_ul_r li{display:inline-block;  vertical-align:top; padding-left:15px;}

.clear{clear:both;}
.img_info_l{text-align:center; padding-left:40px;}
.img_info_l_t1{font-size:55px;  color:#181818; border-bottom:1px solid #181818; margin-top:80px; margin-bottom:30px; padding-bottom:40px; text-align:left;}
.img_info_l_t2{font-size:25px; line-height: 32px; color:#181818; text-align:left;}
.icon_ul_l{position:relative; font-size:0; float:left; padding-top:40px;}
.icon_ul_l li{display:inline-block;  vertical-align:top; padding-right:15px;}

#section-3{position:relative; background:url("../img/m/bg3.png") no-repeat center 0; height:3915px;min-width:580px; width:640px; margin: 0 auto;}
#section-3 .container{width:640px;}
.content_logo{text-align:center; padding-top:220px;}
.content_logo1{text-align:center; padding-top:125px;}
.title_info{text-align:center; margin:0 auto; padding-top:26px;}
.title_info span{border-bottom:1px solid #000000; font-size:40px;  color:#000000;  }

.tab_3{position:relative; font-size:0; text-align:center;  padding-top:66px;}
.tab_3 li{_display:inline-block; margin:0 auto 18px auto;  background:url("../img/m/3tab_bg.png") no-repeat center 0; width:402px; height:475px; vertical-align:top; _margin-right:44px; }
.tab_3 li:last-child {margin:0 auto 0px auto; }
.tab_3_img{height:340px; text-align:center;}
.tab_3_img img{padding-top: 40px;}
.tab_3_t{font-size:28px; line-height: 36px; color:#ffffff; text-align:center;}

.title_info1{font-size:24px; line-height: 31px; font-weight:400; color:#ffffff; text-align:center; padding-top:35px;}
.notebooe_img{position:absolute; margin:395px 0 0 340px; z-index:4;}
.cap_01{position:absolute; margin:355px 0 0 -110px; z-index:1}
.cap_02{position:absolute; margin:268px 0 0 845px; z-index:3}
.cap_03{position:absolute; margin:60px 0 0 285px;z-index:2;}
.obj_bg{position:absolute;}
#section-4{position:relative; height:514px;  width:640px; _margin-top:85px; margin: 85px auto 0 auto;}
.footer{background: #333333; height:140px; max-width:2000px; width:100%; margin:0 auto; min-width:580px;}
.footer p{text-align:center; color:#6d6d6d; text-align:center; font-size:20px; padding-top:17px;}
}
.swiper-container {
    width: 600px;
    height: 300px;
}