/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.6; font-family: 'SCDream'; color:#555555;} 

a:link,a:active,a:visited{color:#555555; text-decoration:none; border:0px;}
a:hover,a:focus{color:#555555; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;  }
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

/*main*/
.f_left{float:left;}
.f_right{float:right;}
.t_center{text-align:center;}

/*로그인스킨*/
.mobile_loginWrap{}
.mobile_loginWrap th{height:35px; background-color:#f0f0f0; font-size:13px; color:#333333; font-weight:bold; }
.mobile_loginWrap td{height:35px;background-color:#f0f0f0; }
input.input_mobile_login{width:85%; height:22px; color:#666666;background-color:#ffffff; border:1px solid #DFDFDF; -webkit-border-radius:0px;  -webkit-appearance:none; }
.btn_login_mobileWrap{text-align:center;}
.login_btn_mobile{width:80%; height:35px; font-size:14px; font-weight:bold; color:#ffffff; background:#333333; border:0 none; }

/*회원가입 스킨*/
.inWrap {width:98%;   padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{font-family:"Nanum Barun Gothic"; color:#fff;}

/* font-family: 'SCDream'; */


#wrap{width:100%; min-width:375px; max-width: 767px; margin: 0 auto; position:relative; overflow:hidden; word-break: keep-all;}
#header{width:100%;height: 85px;position:relative;text-align: center;}
#header h1{width: 130px;height: auto;display: inline-block;margin-top: 9px;margin-bottom: 9px;}
#header h1 a{display: inline-block;width: 100%;height: 100%;}
#header h1 img{
    width: 100%;
}
#header .nav_btn{position:absolute; displaY: block; width: 14px; height: 14px; background: url(/mobile/images/main/nav_btn.png)center no-repeat; right: 2.66%; top: 0; bottom: 0; margin: auto 0;}

.navigation{position:absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000;}
.navigation .lnb{position:absolute; right: 0; top: 0; width:65.6%; height: 100%; z-index: 50; background-color: #fff; font-size: 0;}
.navigation .nav_bg{position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.navigation .nav_top{position:relative; height:55px; }
.navigation .nav_top a.nav_logo{position:absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; width:96px; height: 39px; }
.navigation .nav_top a.nav_logo img{width:100%; height: 100%;}
.navigation .nav_top .nav_close{position:absolute; displaY: block; width: 11px; height: 11px; background: url(/mobile/images/main/nav_close.png)center no-repeat; right: 4.66%; top: 0; bottom: 0; margin: auto 0;}
.navigation .member_btn{display: flex; border-bottom: 1px solid #ddd; border-top:1px solid #ddd;}
.navigation .member_btn a{display: block; width: 50%; height:37px; line-height: 37px; text-align: center; font-size:13px; color:#666666;}
.navigation .member_btn a:first-child{color:#346dc3; border-right:1px solid #ddd;}
.navigation h3{height: 54px; border-bottom: 1px solid #ddd;}
.navigation h3 a{display: block; line-height: 53px; padding-left: 19px; font-size: 13px; font-weight: 500; color:#222;}
.navigation ul{border-bottom: 1px solid #ddd; background-color: #f7f7f7; }
.navigation ul li{margin-top: 10px;}
.navigation ul li:first-child{padding-top: 17px; margin-top: 0;}
.navigation ul li:last-child{padding-bottom: 17px;}
.navigation ul li a{display: block; font-size:13px; color:#555; line-height: 18px; padding-left: 19px;}
.navigation ul li.on a{color:#346dc3}
.navigation h3.on{background-color: #346dc3; border-bottom: 1px solid #346dc3;}
.navigation h3.active{background-color: #346dc3; border-bottom: 1px solid #346dc3;}
.navigation h3.on a{color:#fff}
.navigation h3.active a{color:#fff;}
#visual_wrap{position:relative;}


#section01{padding: 50px 2.66%}
#section01 .top{border:1px solid #ddd; border-bottom: none; text-align: center; padding: 16px 0 14px;}
#section01 .top em{display: block; line-height:1; font-size: 18px; color:#222; font-weight: 700;  font-family: 'GmarketSans';}
#section01 .top em span{color:#2371c3}
#section01 .top p{font-size: 13px; color:#555555; line-height: 1; margin-top: 8px;}


#section01 .mid{display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; padding: 20px 0 20px; font-size: 0; border:1px solid #ddd; border-bottom: none; background-color: #f4f8fc;}
#section01 .mid .number{position:relative; border-radius:50%; margin: 0 3px;  animation: revolveDrop 1.0s forwards; animation-iteration-count:infinite}
#section01 .mid .number.num1{background-color: #916e01;border: 3px solid #684f00;}
#section01 .mid .number.num2{background-color: #03a2da;border: 3px solid #007fac;}
#section01 .mid .number.num3{background-color: #d3411e;border: 3px solid #b9300f;}
#section01 .mid .number.num4{background-color: #7f7f7f;border: 3px solid #595959;}
#section01 .mid .number.num5{background-color: #009453;border: 3px solid #007642;}
#section01 .mid .number span{display: block; line-height: 29px; font-size: 13px; font-weight: 500; color:#fff; text-align: center; width: 29px; height: 29px;}
#section01 .mid .more{width: 9px; height: 9px; background: url(/mobile/images/main/main_x.png)center no-repeat; margin: 0 3px;}
#section01 .mid .number:nth-of-type(1){animation-delay: .60s;}
#section01 .mid .number:nth-of-type(2){animation-delay: .65s;}
#section01 .mid .number:nth-of-type(3){animation-delay: .70s;}
#section01 .mid .number:nth-of-type(4){animation-delay: .75s;}
#section01 .mid .number:nth-of-type(5){animation-delay: .8s;}
#section01 .mid .number:nth-of-type(6){animation-delay: .85s;}
#section01 .mid .number:last-child{animation-delay: .9s;}
#section01 .bot table{width: 100%; table-layout:fixed;}
#section01 .bot table tr.bg{background-color: #f4f8fc;}
#section01 .bot table td{border: 1px solid #ddd; vertical-align: middle; height:50px; text-align: center; font-size:13px; color:#222; padding: 0 15px;} 
#section01 .bot table td:last-child{text-align: right;}
#section01 .bot table td.blue{font-weight: 500; color:#2371c3}
@keyframes revolveDrop {
	30% {
		top: 0;
	}
	60% {
		top: -10px;
	}
	100% {
		top: 0;
	}
}

#section02{/* padding: 0 2.66%; */}
#section02 .sec02_slider .img_wrap{position:relative; width: 100%; padding-top: 56.52% ;overflow: hidden; border-radius:5px 5px 5px 20px;}
#section02 .sec02_slider .img_wrap img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin :auto; width:auto; height:auto; max-width:100%; max-height: 100%;}

.main_tit{position:relative; text-align: center;}
.main_tit:before{content:''; position:absolute; left: 0; width: 100%; height: 1px; background-color: #ddd; bottom:50%;}
.main_tit h2{position:relative;display: inline-block; width: 250px; background-color: #fff; font-size: 22px; line-height: 1; color:#222; font-weight: 700; font-family: 'GmarketSans'; z-index: 10;}
.main_tit h2 span{color:#2371c3}

.main_list{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 28px;}
.main_list li{width: 47.82%; margin-top: 23px;}
.main_list li:nth-child(-n + 2){margin-top: 0;}
.main_list li .img_wrap{position:relative; width: 100%; padding-bottom: 100%;;}
.main_list li .img_wrap img{position:absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width:100%; max-height: 100%;}
.main_list li .img_wrap .new{position:absolute; display: block; left: 0; top: 0; z-index: 10; width: 45px; heighT: 26px; line-height: 26px; text-align: center; font-size: 10px; color:#fff; font-family: 'Noto Sans KR'; background-color: #ed7980;}
.main_list li em{display: block; font-size: 15px; font-weight: 500; line-height: 19px; margin-top: 17px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;;}
.main_list li em a{color:#222;}
#section03{/* padding:45px 2.66% 0; */font-size: 0;}
#section04{font-size: 0;}
#section05{}
#section05 .sec05_slider{position:relative; }
#section05 .sec05_slider .img_wrap{position:relative; width: 100%; padding-bottom: 40.57%; overflow: hidden; border-radius:5px 20px 5px 5px;}
#section05 .sec05_slider .img_wrap img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin :auto; width:auto; height:auto; max-width:100%; max-height: 100%;}

.f_nav{padding: 5px 2.66%;height: 33px;background-color: #626262;}
.f_nav ul{display: flex; flex-wrap:wrap; justify-content:center; align-items: center;}
.f_nav ul li{position:relative; margin-right: 35px; line-height:22px;}
.f_nav ul li a{display: block; line-height: 22px; font-size:13px; color:#fff; }
.f_nav ul li:last-child{margin-right: 0;}
.f_nav ul li:after{content:''; position:absolute; right:-18px; width: 3px; height: 3px; top:0; bottom: 0; margin: auto 0; background-color: #fff; border-radius:50%;}
.f_nav ul li:last-child:after{display: none;}
#footer{padding:30px 2.66% 27px;text-align:left;font-size: 0;background: #ffffff;}
#footer a.foot_logo{display: block; width:85px; height: 32px;}
#footer a.foot_logo img{width:100%; height: 100%;}
#footer address{font-size:12px;line-height: 22px;color: #000000;margin-top: 18px;}
#footer address span{display: inline-block; width:20px}



/* --------------------sub----------------------- */
#sub_visual_wrap{position:Relative; }

.tab_menu {display: block;}
.tab_menu .menu {display: flex; width:100%;}
.tab_menu .menu > li {position:relative; width:50%; border:1px solid #ddd; background:url("/mobile/images/sub/sub_tabmenu_arrow.png") center right 14px no-repeat; }
.tab_menu .menu > li.on {background:url("/mobile/images/sub/sub_tabmenu_arrow_on.png") center right 14px no-repeat;  border:1px solid #ddd;border-left:0;}
.tab_menu .menu > li:last-child {border-left:0;}
/* .tab_menu .menu > li.width {width:100%;} */
.tab_menu .menu > li > a {display:flex; align-items: center; width:100%; height:100%; padding:13px 30px 13px 15px;}
.tab_menu .menu > li > a span{display: block; font-size: 13px; color:#555; line-height: 18px;}
.tab_menu .menu > li.on > a span{color:#2371c3;}
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; box-sizing:content-box;background-color:#FFF; border:1px solid #ddd; z-index:100;}
.tab_menu .menu > li ul li{margin-top: 10px;}
.tab_menu .menu > li ul li:first-child{padding-top: 15px; margin-top: 0;}
.tab_menu .menu > li ul li:last-child{padding-bottom: 15px;}
.tab_menu .menu > li ul li a {display:block; font-size:13px; color:#555; line-height:18px; padding-left:15px;}
.tab_menu .menu > li ul li.on > a {color:#2371c3;}


#sub_contents{padding:37px 2.66% 50px;}
#sub_contents.padding_none{padding: 0;}

.contop{position:Relative; padding-bottom: 15px; margin-bottom: 25px;}
.contop:after{content:''; position:absolute; left: 50%; bottom: 0; width:30px; height:2px; background-color: #2371c3; transform: translateX(-50%);}
.contop h3{text-align: center; line-height: 1; font-size: 20px; color:#222; font-weight: 600;}
.contop h3 span{color:#2371c3}

.form-container input {
  color: #fff;
  box-shadow: none !important;
  border-bottom:2px solid #fff !important;
  font-size:1.35rem !important;
}
.form-container label {
  color: #fff !important;
}
.form-container input::placeholder {
  color: #fff;
}
button.btn.waves-effect.waves-light {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  box-shadow: none;
  border: 1px solid #e58246;
  background: #e58246;
  color: #ffffff;
  font-size: 1.35rem;
}
.form-container h5 {padding-bottom: 15px;color: #fff;}

form.col.s12 {
    text-align: center;
}
.form-container {
    background-color: #1e2f5b; /* #0075ff보다 조금 어두운 색상 */
    padding: 20px;
}
.input-field {
    color: #ffffff;
}

        /* 당첨자 후기 */
        .winner_review{position:relative;}
        .winner_review .more{position:absolute;top:5px;right:5px;padding:5px;border:1px solid #bfbfbf;text-align:center;color:#777;font-size:12px;}
        .winner_review h2{padding-bottom:15px;color:#333;font-weight:bold;font-size:28px;}
        .winner_review h2 i{color:#777;font-weight:normal;font-size:16px;letter-spacing:-1px;}
        .wnr_rvw_container{position:relative;}
        #winner-review-container,.winner-vid{width:1200px;overflow:hidden;}
        .wnr_rvw_container .swiper-wrapper{
        }
        .wnr_rvw_container .swiper-wrapper .swiper-slide{width:236px;padding:5px;box-sizing:border-box;border:1px solid #bfbfbf;background-color:#fff;align-content: center;align-items: center;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide a{display:block;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide p{text-align:center;overflow:hidden;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide p img{}
        .wnr_rvw_container .swiper-wrapper .swiper-slide dl{padding:15px 5px 10px;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide dl dt{padding-bottom:10px;color:#333;line-height:2em;font-size:14px;width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide dl dd{line-height:1.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;/*라인수*/-webkit-box-orient:vertical;word-wrap:break-word;color:#777;font-size:12px;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide dl dd span{display:inline-block;width:45%;box-sizing:border-box;}
        .wnr_rvw_container .swiper-wrapper .swiper-slide dl dd span img{vertical-align:middle;}
        .wnr_rvw_container .wv_next{position:absolute;top:50%;right:-3%;transform:translate(0 ,-50%);z-index:100;}
        .wnr_rvw_container .wv_prev{position:absolute;top:50%;left:-3%;transform:translate(0 ,-50%);z-index:100;}
        @media (max-width:768px){
            .winner_review{padding:0 1%}
            #winner-review-container{width:auto;}
            .wnr_rvw_container .wv_next{right:0;}
            .wnr_rvw_container .wv_prev{left:0;}
        }
        @media (max-width:720px){
            .winner_review{padding: 5% 5%;}
            .winner_review h2{padding-bottom:5%;font-size:28px;}
            .winner_review h2 i{display:block;font-size:16px;letter-spacing:-1px;}
            #winner-review-container, .winner-vid{width:auto;}
            .wnr_rvw_container .wv_next{right:0;display:none;}
            .wnr_rvw_container .wv_prev{left:0;display:none;}
        }
        @media (max-width:414px){
            .winner_review .more{position:absolute;top:0;right:0;padding:5px 8px;border:1px solid #bfbfbf;text-align:center;color:#777;font-size:14px;}
            .winner_review .more:after{content:'>';font-weight:bold;}
            .winner_review{padding:0 0 5% 0;}
            .winner_review h2{font-size:20px;}
            .winner_review h2 i{display:block;padding-right:5%;padding-top:2%;font-size:14px;line-height:1.4em;}
            .wnr_rvw_container .swiper-wrapper .swiper-slide{width:350px;padding:5px;}
            .wnr_rvw_container .swiper-wrapper .swiper-slide dl{padding:1%;}
            .wnr_rvw_container .swiper-wrapper .swiper-slide dl dt{padding-bottom:2%;font-size:13px;}
            .wnr_rvw_container .swiper-wrapper .swiper-slide dl dd{font-size:11px;}
        }
        @media (max-width:320px){
            .winner_review h2 i{font-size:12px;}
        }
        .wnr_rvw_container .swiper-wrapper .swiper-slide img {
            width: 100%;
        }