/*@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Gothic:wght@400;700;800&display=swap');

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}*/


/* webfont (231231 huns) */
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
    font-family: 'Halogen';
    font-weight: 700;
    src: local('Halogen Bold'),
    url('/webfont/Halogen/Halogen-Bold.woff2') format('woff2'),
    url('/webfont/Halogen/Halogen-Bold.woff') format('woff'),
    url('/webfont/Halogen/Halogen-Bold.ttf') format('truetype'),
}
@font-face {
    font-family: 'Halogen';
    font-weight: 900;
    src: local('Halogen Black'),
    url('/webfont/Halogen/Halogen-Black.woff2') format('woff2'),
    url('/webfont/Halogen/Halogen-Black.woff') format('woff'),
    url('/webfont/Halogen/Halogen-Black.ttf') format('truetype'),
}

    
/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
/*body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;  font-size:12px; background-color:#fff; font-family:'Jost', 'NanumBarunGothic'}*/
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;  font-size:12px; background-color:#fff; font-family:'Pretendard', Sans-serif; }
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}
textarea, select{}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 !important;}

body, html{height:100%;}
.main_container{height:100%; background-size:cover !important;}
.main_container.main_bg01{background:url('/images/pc1_1920x1200.jpg') center center no-repeat;}
.main_container.main_bg02{background:url('/images/pc2_1920x1200.jpg') center center no-repeat;}
.main_container.main_bg03{background:url('/images/pc3_1920x1200.jpg') center center no-repeat;}
.main_container.main_bg04{background:url('/images/pc4_1920x1200.jpg') center center no-repeat;}
.main_container > div{height:100%; max-width:1920px; margin:0 auto; position:relative;}

.main_logo{position:absolute; color:#fff; font-size:28px; line-height:1; left:35px; top:50px; font-weight:300;}
.main_logo a{display:block; color:#fff;}
.main_logo img{display:block; margin-top:15px; width:198px;}
.main_badge{position:absolute; right:35px; top:35px;}

.main_title_wrap{height:100%; display:table; width:100%;}
.main_title_wrap > div{display:table-cell; vertical-align:middle;}
.main_title{text-align:center; display:table; width:100%;}
.main_title > div{display:table-cell; vertical-align:middle; width:50%;}
.main_title > div > article{padding:0 50px;}
.main_title > div:nth-child(1){text-align:right; font-size:180px; color:#fff; font-weight:400; line-height:1;}
.main_title > div:nth-child(2){text-align:left; font-size:45px; line-height:1.4; color:#fff; font-weight:300;}
.main_title > div:nth-child(2) article{border-left:2px solid #fff;}
.main_title > div:nth-child(2) strong{font-weight:600;}
.main_start{text-align:center;}
.main_start a{display:block; width:300px; height:70px; line-height:70px; color:#fff; font-size:27px; background:#3a3366; border-radius:150px; margin:50px auto 0; box-shadow:2px 0 8px rgba(0,0,0,0.5);}
.main_start div{color:#fff; font-size:24px; line-height:1; margin-top:20px;}
.main_login{text-align:center; margin-top:50px;}
.main_login button{color:#fff; border:4px solid #fff; background:rgba(255,255,255,0.2); font-size:20px; width:200px; height:60px; box-sizing:border-box; line-height:54px; border-radius:60px; font-weight:600; box-shadow:2px 0 8px rgba(0,0,0,0.5);}
.main_login p{color:#fff; font-size:20px; line-height:1; margin-top:23px;}

.main_login ul{color:#000; font-size:18px; line-height:1; position:absolute; left:0; right:0; bottom:40px;}
.main_login ul li + li{margin-top:15px;}
.main_login ul strong{font-weight:400;}

.main_slide{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.main_slide_list, .main_slide .slick-list, .main_slide .slick-track, .main_slide .slick-slide{height:100%; width:100%;}

.main_slide .slick-slide{background-size:cover;}
.slide_bg01{background:url('/images/pc1_1920x1200.jpg') center center no-repeat;}
.slide_bg02{background:url('/images/pc2_1920x1200.jpg') center center no-repeat;}
.slide_bg03{background:url('/images/pc3_1920x1200.jpg') center center no-repeat;}
.slide_bg04{background:url('/images/pc4_1920x1200.jpg') center center no-repeat;}

.img-retina .slide_bg01{background:url('/images/pc1_3072x1200.jpg') center center no-repeat;}
.img-retina .slide_bg02{background:url('/images/pc2_3072x1200.jpg') center center no-repeat;}
.img-retina .slide_bg03{background:url('/images/pc3_3072x1200.jpg') center center no-repeat;}
.img-retina .slide_bg04{background:url('/images/pc4_3072x1200.jpg') center center no-repeat;}

.img-retina {display: none;}
.img-normal {display: block;}

@media only screen and (min-resolution: 2) {
  .img-retina {display: block;}
  .img-normal {display: none;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .img-retina {display: block;}
  .img-normal {display: none;}
}
@media only screen and (min-resolution: 192dpi) {
  .img-retina {display: block;}
  .img-normal {display: none;}
}

@media screen and (max-width:1600px){
.img-retina {display: none;}
.img-normal {display: block;}
.main_container.main_bg01{background:url('/images/pc1_1600x1200.jpg') center center no-repeat;}
.main_container.main_bg02{background:url('/images/pc2_1600x1200.jpg') center center no-repeat;}
.main_container.main_bg03{background:url('/images/pc3_1600x1200.jpg') center center no-repeat;}
.main_container.main_bg04{background:url('/images/pc4_1600x1200.jpg') center center no-repeat;}

.main_badge img{width:100px;}

.main_title > div:nth-child(1){font-size:120px;}
.main_title > div:nth-child(2){font-size:30px;}



}

@media screen and (max-width:1024px){
.main_container.main_bg01{background:url('/images/mo1.jpg') center center no-repeat;}
.main_container.main_bg02{background:url('/images/mo2.jpg') center center no-repeat;}
.main_container.main_bg03{background:url('/images/mo3.jpg') center center no-repeat;}
.main_container.main_bg04{background:url('/images/mo4.jpg') center center no-repeat;}
}

@media screen and (max-width:860px){
.main_logo{top:12vw; left:4vw; font-size:3.5vw;}
.main_logo img{width:24vw; margin-top:2vw;}
.main_badge{top:5.5vw; right:4vw;}
.main_badge img{width:20vw;}

.main_title > div:nth-child(1){font-size:21vw;}
.main_title > div:nth-child(2){font-size:4vw; letter-spacing:-0.05em;}
.main_title > div:nth-child(2) article{padding-top:2vw; padding-bottom:2vw;}
.main_title > div > article{padding:0 5vw;}

.main_start a{width:50vw; margin-top:10vw; font-size:6vw; height:12vw; line-height:12vw; font-size:5vw;}
.main_start div{font-size:3vw; margin-top:4vw;}

.main_login{margin-top:0;}
.main_login button{font-size:4vw; width:40vw; margin-top:10vw; height:10vw; line-height:10vw; border:2px solid #fff;}
.main_login p{font-size:4.5vw;}

.main_login ul{padding:0 4vw; font-size:2.5vw; line-height:1.5; word-break:keep-all; letter-spacing:-0.05em; position:absolute; bottom:6vw; left:0; right:0;}
.main_login ul strong{font-weight:700;}

.main_login ul li + li{margin-top:1vw;}


}

@media screen and (max-width:640px){
  .main_login ul li span {display:block;}
}