/* Common */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;
font-size:1em; list-style-type:none; font:inherit;vertical-align: baseline;font-family:'GmarketSansMedium','Malgun Gothic', sans-serif; letter-spacing:-0.1px;font-style:normal}
input,select,button{vertical-align:middle; outline:none;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand { display: none; }
input[type="text"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
table{border-spacing:0;border-collapse:collapse;}
img{vertical-align:top; bordeR:0}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@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; }
/*공통*/
.center_box{width:1200px; margin:0 auto}
#wrap{max-width:640px;width:100%;margin:0 auto;position:relative; }
#wrap img{}
header{ width:100%; overflow:hidden; }
header h1{float:left;width:50%;}
header a{float:right; width:50%;}
header img{width:100%}
#visual{ width:100%; text-align:center; position:relative; }
#visual .v_txt{ position:absolute; top:24%; width:100%; }
#visual .v_txt span{display:block; color:#fff;font-family:'GmarketSansMedium','Malgun Gothic', sans-serif; font-size:0.8rem; line-height:1.1rem}
#visual .v_txt img{width:80%}
#visual img{width:100%}
#visual_new{ width:100%; text-align:center; position:relative; }
#visual_new .v_txt{ position:absolute; top:10%; width:100%; }
#visual_new .v_txt span{display:block; color:#fff;font-family:'GmarketSansMedium','Malgun Gothic', sans-serif; font-size:0.8rem; line-height:1.1rem}
#visual_new .v_txt img{width:80%}
#visual_new img{width:100%}
#container{}
#footer{width:100%; background:#161616; color:#c2c2c2; text-align:center; font-size:0.7em; line-height:1.5em; clear:both;padding:9% 0 12%}
#footer small{ color:#5e5e5e; font-size:0.9em; display:block; margin-top:2px}
.copy_line{padding:0 5px;background: url("../images/copy_line.gif") no-repeat center 3px; background-size:7%}
#db{ max-width:640px; width:100%; text-align:center; background:#1f265d url("../m/images/db_bg.jpg") no-repeat center bottom;}
#db h1{background:#e73f3f;}
#db h1 img{width:100%;}
#db .db_box{ background-size:100%;width:93%;margin:3% auto 1%; box-sizing:border-box;}
#db img{width:100%}
#db .dl_box{width:100%;overflow:hidden;}
#db .dl_box ul{width:70%; float:left; font-size:1.2em;}
#db .dl_box ul li{margin-bottom:3px; overflow:hidden}
#db .dl_box ul input{font-size:0.7em;background:#fff;float:left; display:inline-block;border-radius:3px; bordeR:0;width:33%;line-height:34px; padding-left:0%; height:34px;box-sizing:border-box; }
#db .dl_box ul select{font-size:0.6em; width:30%;float:left;height:34px;line-height:34px;border-radius:3px; bordeR:0; letter-spacing:-0.06em; padding-left:2%;box-sizing:border-box; background:#fff url(../images/se_s.png) no-repeat right center; }
#db .dl_box ul li:nth-child(2){margin:4px 0; text-align:center}
#db .dl_box ul input:nth-child(2){width:33%; bordeR:1px solid red;margin:0 auto;}
#db .dl_box ul input:nth-child(3){float:right; width:33%}
#db .db{width:100%;overflow:hidden;margin: 0 auto;padding:2% 0 8%; background:#7c4f35; background-size:100%;}
#db .db ul{width:80%; margin:0 auto 1%; font-size:1.2em;}
#db .db input{bordeR:0; height:40px;box-sizing:border-box;padding-left:7px;border-radius:3px; width:100%}
#db .db select{bordeR:0;width:33%; height:40px;box-sizing:border-box;padding-left:7px;letter-spacing:-0.7px;border-radius:3px;float:left;}
#db .db input:nth-child(2){width:33%;}
#db .db input:nth-child(3){float:right; width:33%}
#db .db select{width:32%; -webkit-appearance:none;
background:#fff url(../images/se_s.png) no-repeat right center;}
#db ul li:nth-child(2){margin:4px 0; text-align:center}
#db .agree_box input[id="is_agree"]{width:17px; height:17px;margin-right:6px;float:left;}
#db .agree_box{text-align:left; color:#fff; font-size:0.9rem;vertical-align:bottom;}
#db .agree_box dt{height:0; padding:0}
#db .agree_box dd{font-size:13px; height:20px; line-height:20px;color:#fff;overflow:hidden;}
#db .agree_box .popon{color:#ffeb44}
#db .agree_box dd input{height:20px;}
#db .Submit{width:80%; margin:0 auto;}
#db .Submit button{float:right;height:60px;width:100%; display:block; bordeR:0; background:#252525;font-family:'GmarketSansMedium','Malgun Gothic', sans-serif;color:#fff; font-size:1.3em; line-heighT:1.2em; font-weighT:600;letter-spacing:-1.2px;border-radius:3px;}
#db .db_tel{ bordeR:1px solid; width:450px; floaT:right; background:#fff;}
#db .Submit span{color:#ffac3c}
textarea::placeholder {color: #fff; font-size:0.7em;padding:1px 2px; }
input::placeholder {color: #000;padding-left:2%; font-size:0.9em;}
.agree_box{color:#fff;width:100%; font-size:0.8em; overflow:hidden; text-align:left;padding:4px 0}
.agree_box .popon{color:#d2ee3a; font-size:0.9em;}
/* 레이어팝업 */
.layer{position:fixed;left:0;top:220px;display:none; z-index:3000000; width:100%;}
.layer_wrap{position:relative; max-width:800px; top:0px; margin:0 auto; box-shadow:0 0 40px rgba(0,0,0,0.6) ;height:450px;border-radius:5px;padding:5px 3px; background-color: #fff; text-align:left;z-index:1000; letter-spacing:-0.2px; }
.layer_wrap dt{display: block; background:#eee;font-size:14px; font-weight:500; padding:10px;border-radius:4px;}
.layer_wrap dd{padding:9px 10px; line-height:19px;}
.DB_info_detail{width:95%; font-size:13px; margin:18px auto 0 ; height:420px; overflow:auto; line-height:18px;padding:0 20px 0 10px;;}
.close_btn{position:absolute; right:0; top:0px;background:#2e2c2b; padding:12px 7px 12px 2px; border-bottom-left-radius:10px; border-radius:0 5px 0 5px;}
.close_btn img{width:72%}
.down {position:absolute;bottom:2%;left:50%;z-index:10;margin-left:-43px}
.down p{width:66px;left:50%;margin-left:-33px;position:absolute; top:0; z-index:1000; }
.down a {display:block;position:relative; width:86px; height:110px; }
.down a:after {display:block;position:absolute;left:50%;top:0;margin-left:-43px;width:100%;height:100%;content:'';background:url(../../images/down02.png)no-repeat center 0;
animation-name: main_100th_tis;animation-iteration-count: infinite;animation-duration: 2s;animation-timing-function: linear;animation-delay: 1s;-webkit-animation-name: main_100th_tis;-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 1s;}
.down a span {display:block;position:relative;z-index:1;width:66px;left:50%;margin-left:-33px;height:100%;background:url(../../images/down.png)no-repeat center 0;font-size:0;opacity: 1;transition: opacity 0.3s linear 0.3s;
-webkit-transition: opacity 0.3s linear 0.3s;animation-name: main_100th_ti;animation-iteration-count: infinite;animation-duration: 2s;animation-timing-function: linear;animation-delay: 1s;
-webkit-animation-name: main_100th_ti;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 1s;}
.down a span img{bordER:1px solid; width:100%;}
@keyframes main_100th_ti{
0%{transform:scale(1);}
5%{transform:scale(0.95);}
12%{transform:scale(1.05);}
20%,100%{transform:scale(1);}
}
@-webkit-keyframes main_100th_ti{
0%{-webkit-transform:scale(1);}
5%{-webkit-transform:scale(0.95);}
12%{-webkit-transform:scale(1.05);}
20%,100%{-webkit-transform:scale(1);}
}
@keyframes main_100th_tis{
0%{opacity:0; transform:scale(1);}
10%{opacity:0; transform:scale(1);}
15%{opacity:1; transform:scale(1);}
99.9%{opacity:0; transform:scale(1.5);}
100%{opacity:0.9; transform:scale(1);}
}
@-webkit-keyframes main_100th_tis{
0%{opacity:0; -webkit-transform:scale(1);}
10%{opacity:0; -webkit-transform:scale(1);}
15%{opacity:1; -webkit-transform:scale(1);}
99.9%{opacity:0; -webkit-transform:scale(1.5);}
100%{opacity:0.9; -webkit-transform:scale(1);}
}
.con02{position:relative;background:url("../images/con02_bg.jpg") no-repeat 0 bottom;width:100%;padding:10% 0 13%; text-align:center; }
.con02 img.a_left{left:0; position: absolute; top:44%; width:50px; overflow:hidden;z-index:1000; cursor:pointer; }
.con02 img.a_right{right:0; position: absolute; top:44%; width:50px;z-index:1000; cursor:pointer; }
.con02 h2 img{margin:2% 0 9%; width:100%}
.con02 ul{ padding-bottom:30px;width:100%; overflow:hidden}
.con02 ul li{float:left;margin:0 30px; width:80%;box-shadow:7px 10px 14px rgba(0,0,0,0.1) ;}
.con02 ul li img{width:100%;}
.con02 .bt_txt{font-size:1.1rems;line-height:1.2rem; letter-spacing:-0.03em;text-align:Center;padding-bottom:15px;}
.con03 .bt_txt{font-size:1.1rems;line-height:1.23rem; letter-spacing:-0.03em;text-align:Center;padding:5px 0 15px;}
.con04 img{width:100%}
.w_100{ width:100%}
.image-box {
width: 100%;
height: 50px;
line-height:10px;
}
.con03{ width:100%; margin:0 auto; position:relative; text-align:center; }
.con03 h2{padding:5% 0 2%}
.con03 h2 img{width:100%;}
.con03 .right_box{ width:95% ;margin:8% auto; overflow:hidden; position:relative; }
.con03 .right_box dl{float:left;margin:0 5px; overflow:hidden;}
.con03 .right_box dt{}
.con03 .right_box dt img{width:100%;}
.con03 .right_box dd{ text-align:center;font-size:1rem; padding:8px 0 10px; }
.right_more{position:absolute;left:50%; top:83px;margin-left:410px;}
.con03 img.a_left2{left:0; position: absolute; top:53px; opacity:0.9; z-index:1000; cursor:pointer; }
.con03 img.a_right2{right:0; position: absolute; top:53px; z-index:1000;opacity:0.9; cursor:pointer; }
.quick{position:fixed; top:150px;width:55px; z-index:100000; right:0;}
.quick a img{display:block; width:100%; }
.swiper_box{width:100%; position:relative;background:url("../images/new_con06_bg.jpg") repeat-y 0 0;background-size:100%; }
.mySwiper{ overflow:hidden;width:85%; height:369px;margin:30px auto 30px; }
.swiper-slide{width:520px; height:369px; text-align:center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next02{left:80px}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.review_bt{margin-top:-130px; }
.review_bt02{}
.swiper-button-next:after, .swiper-button-prev:after{}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next02{left:20px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:20px;}
.swiper-button-next:after, .swiper-button-prev:after{display:none}