@charset "utf-8";

@font-face {
	font-family: 'AGENCYR';
	src: url('../fonts/AGENCYR.eot');
	src: url('../fonts/AGENCYR.eot?#iefix'); /* ie6,7,8 적용, embedded-opentype ie8,9 적용 */
	src: local('AGENCYR'),
  url('../fonts/AGENCYR.woff') format('woff'),
  url('../fonts/AGENCYR.ttf') format('truetype');
}



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

@font-face { font-family: 'NanumGothic', 'arial', 'Malgun Gothic'; }

/* 초기화 */
html {overflow-y:scroll}
body {width:100%; max-width:640px; margin:0 auto; padding:0;font-size:0.75em;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumGothic', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.glo_ul{
    display: none;
}
.top_banner {position:fixed; z-index:9999; width:100%; height:57px; max-width:640px; top:0; background:url(../img/mtop_banner.jpg) no-repeat center;}


.logo {float:left;padding: 15px;}
.logo img {width:100px;}

.main-example .DAYS {display:none !important;}
.timgtimg {float: left; width:65px; margin-right:10px; padding:22px 0;}


.innder {width:100%; vertical-align: middle;}
.innder img {width:100%;}
.innders {width:100%; margin:0 auto;}


.top_fix {position:fixed; z-index:9999; width:100%; max-width:640px; height:56px; background:#209e55;box-shadow: 0px 10px 15px rgba(0,0,0,0.3);}

.sec00 {display: table; width:100%; text-align:center; margin-top: 113px;}
.sec00 img {width:100%;}

.sec00vd {width:100%; height:300px; background:url(../img/hfl_vd.png) no-repeat center #000; background-size:400px;}
.sec00vd video {width:378px; height:255px; margin:22px 0;}



.sec01 {display: table; width:100%; text-align:center;}
.sec01 img {width:100%;}

.sec01a {display: table; width:100%; text-align:center;}
.sec01a img {width:100%;}


.sec02 {display: table; width:100%; text-align:center;}
.sec02 img {width:100%;}

.sec03 {display: table; width:100%; text-align:center;background:#f1f1f1; padding:45px 0;}
.sec03 .innder {vertical-align: center;}
.sec03a { background:#fff;}
.sec03 table {width:98%; margin:0 auto;}
.sec03 table th {width:100%;}
.sec03 table th img {width:60%; cursor: pointer;}
.sec03 table td {text-align:center; padding-top:30px;}
.sec03 table td.left {padding-left:0px;}
.sec03 table td.right {padding-right:0px;}
.sec03 table td a {margin-top:30px;display:inline-block;cursor: pointer;}
.sec03 .imgtmcc {width:90%;}


.sec04 {display: table; width:100%; text-align:center;}
.sec04 img {width:100%;}

.sec05 {display: table; width:100%; text-align:center;}
.sec05 img {width:100%;}

.sec06 {display: table; width:100%;height:640px; text-align:center;}
.sec06 .slidebox {width:100%;position: absolute; padding:85px 50px; max-width:640px;}
.sec06 .slidebox .swiper-slide {height:510px;}
.sec06 .slidebox .swiper-slide .boxs {width:96%; height:490px; border:1px solid #eee; background:#fff; margin-left:5px; margin-top:5px;box-shadow: 3px 3px 7px rgba(0,0,0,0.3); padding:20px;overflow: hidden;}
.sec06 .slidebox .swiper-slide .boxs p {text-align:left; font-size:13px; line-height:18px; margin-top:10px; font-weight:600;overflow: hidden; height:160px;}
.sec06 .slidebox .swiper-slide .boxs p span {color:#00376b;}
.sec06 .slidebox .swiper-slide .boxs .ptbox {width:100%; height:230px;}
.sec06 .slidebox .swiper-slide .boxs .ptbox img {width:100%; height:230px;}
.sec06 .slidebox .swiper-slide .boxs .btbox {width:100%;}
.sec06 .slidebox .swiper-slide .boxs .btbox img {width:100%;}
.sec06 .swiper-button-next {right:10px;}
.sec06 .swiper-button-prev {left:10px;}


.sec07 {display: table; width:100%; text-align:center;}
.sec07 img {width:100%;}

.sec08 {display: table; width:100%;text-align:center;}
.sec08 img {width:100%;}

.sec09 {display: table; width:100%; text-align:center;}
.sec09 img {width:100%;}

.sec10 {display: table; width:100%; text-align:center;}
.sec10 img {width:100%;}

.sec11 {display: table; width:100%; text-align:center;}
.sec11 img {width:100%;}

.sec12 {display: table; width:100%; text-align:center;}
.sec12 img {width:100%;}

.sec13 {display: table; width:100%; text-align:center;}
.sec13 img {width:100%;}

.sec14 {display: table; width:100%; text-align:center;}
.sec14 img {width:100%;}

.sec15 {display: table; width:100%; text-align:center;}
.sec15 img {width:100%;}

.sec99 {background:#f1f1f1; padding:50px 0; text-align:center;}
.sec99 img {width:100%; max-width:360px;}
.sec99 p {margin-top:30px;}
.sec99 img.btnimgs {width:250px;}





ul.sec08_ul {width:90%; padding:0px 0; margin:0 auto;}
ul.sec08_ul li {float:left; width:50%; padding:15px 1%;cursor: pointer;}
ul.sec08_ul li img {width:100%;}
ul.sec08_ul li p {color:#fff; font-size:14px; letter-spacing:-1px; padding:10px 0 0px; font-weight:600;}





.bottom_area {width:100%; padding:20px 10px 120px; background:#333333; color:#999999; font-size:12px; line-height:16px; letter-spacing:-1px;}
.bottom_area p.copy {padding-bottom:10px;}
.bottom_area p.copy img {}

.bottom_area ul.bottomul { margin-top:10px; text-align:right;}
.bottom_area ul.bottomul li {}
.bottom_area ul.bottomul li:first-child {margin-bottom:5px;}
.bottom_area ul.bottomul li span.privbtn {display:inline-block; background:#111111; color:#fff; padding:4px 10px;    cursor: pointer;}
.bottom_area ul.bottomul li p.copy2 {color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;}

.quick_phone { position:fixed; left:0px; bottom:0px; z-index:99999; width:100%; height:100px; background:#209e55;}
.quick_phone label {font-size:11px; letter-spacing:-1px;}
.quick_phone span.agreebtn {font-size:11px;letter-spacing:-1px; font-weight:700;cursor: pointer;}
.quick_phone span.qp_bnt {display:block; cursor: pointer; background:#fec71d; color:#111; font-size:16px; font-weight:600; text-align:center; height:36px; line-height:34px; letter-spacing:-1px;}
.quick_phone .tminput {border:1px solid #fff; background:#fff; padding:5px; font-size:12px;}
.quick_phone .quick_phone_imgtit {width:120px;}

.quick_phone_add {display:none; position:fixed; left:0px; bottom:0px; z-index:999999; width:100%; background:#209e55;}
.quick_phone_add p.qpatit1 {padding:20px 5% 0px; font-size:18px; font-weight:600; color:#fff; letter-spacing:-1px; line-height:22px;}
.quick_phone_add p.qpatit2 {padding:0px 5% 15px 5%; font-size:16px; color:#fff; letter-spacing:-1px;line-height:22px;}
.quick_phone_add .qpa_box {width:90%; background:#fff;padding-bottom:20px;  margin: 0 auto 5%;}
.quick_phone_add .qpa_box p.qpatit3 {margin:0 20px 10px; padding:15px 0 0px; font-size:16px; letter-spacing:-1px; border-bottom:2px solid #209e55;}
.quick_phone_add .qpa_box p.qpatit4 {padding:30px 0 20px 0; font-size:16px; letter-spacing:-1px; font-size:14px; color:#333; text-align:center;}
.quick_phone_add .qpa_box ul.qpa_ul1 {padding:0 20px;}
.quick_phone_add .qpa_box ul.qpa_ul1 li {float:left; padding-right:27px;}
.quick_phone_add .qpa_box ul.qpa_ul1 li:last-child {padding:0;}
.quick_phone_add .qpa_box ul.qpa_ul2 {padding:0 20px;}
.quick_phone_add .qpa_box ul.qpa_ul2 li {float:left; width:135px; padding-bottom:7px;}

.quick_phone_add .qpa_box ul.qpa_ul3 {padding:0 20px;}
.quick_phone_add .qpa_box ul.qpa_ul3 li {float:left; width:135px; padding-bottom:7px;}



.quick_phone_add .qpa_box label {font-size:13px;}
.quick_phone span.qp_bnt2 {display:inline-block; cursor: pointer; background:#209e55; color:#fff; font-size:18px; font-weight:600; text-align:center; width:200px; height:42px; line-height:40px;}

.agreepop_bnk {display:none; background:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; left:0; top:0; z-index:999999; cursor: pointer;}
.agreepop_bnk .agreepop_area {width:80%; height:460px; background:#fff; border:10px solid #4b2378;position: absolute;left: 50%; top: 50%; margin:-230px 0 0 -40%; padding:20px; font-size:14px;}
.agreepop_bnk .agreepop_area p {font-size:20px; padding-bottom:20px;}
.agreepop_bnk .agreepop_area textarea {width:100%; height:360px; border:1px solid #ddd; padding:10px; line-height:16px; font-size:12px;}

.ytpop {position:fixed; z-index:999999; width:100%; height:100%; top:0; left:0; display:none;}
.ytpop #player {width:90%; height:auto;position:fixed; z-index:9999; top:50%; left:5%; margin:-105px 0 0 0; border:10px solid #fec71d; background:#fff;}
#ytpop_bk {position:fixed; z-index:999; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.85);cursor: pointer;}


.videoid_bd {width:380px; height:252px; background:url(../img/ytbbgm.png) no-repeat center;padding: 17px; margin:0 auto;}

.countdowntm {float: left;width: 120px;background: #333;color: #fff;text-align: center;padding: 5px 0;font-size: 20px;letter-spacing: -1px;font-weight: 600;line-height: 20px; border-radius:7px;margin: 13px 0;}