@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 {margin:0;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;
}



.logo {float:left;padding: 30px 40px;}

.main-example .DAYS {display:none !important;}
.timgtimg {float: left; margin-right:20px; padding:28px 0;}


.innder {width:100%; display: table-cell;vertical-align: middle;}
.innders {width:1200px; margin:0 auto;}


.top_fix {position:fixed; z-index:9999; width:100%; height:100px; background:url(../img/topfix_bg.jpg) no-repeat center;box-shadow: 0px 10px 15px rgba(0,0,0,0.3);}

.sec01 {display: table; width:100%; height:830px; text-align:center; margin-top:85px; background:url(../img/secbg_99.jpg) no-repeat center; background-size:cover}

.sec02 {display: table; width:100%; height:auto;  padding:70px 0 80px; text-align:center; background:#110f10;}

.sec03 {display: table; width:100%; height:260px; text-align:center; background:#26d2b7;}

.sec04 {display: table; width:100%; height:650px; text-align:center; background:#141414;}

.sec05 {display: table; width:100%; height:1000px; text-align:center; background:#fff;}

.sec06 {display: table; text-align:center; width:100%; height:360px; background:#19cbbd;}
.sec06 .innder {vertical-align: bottom;}

.sec07 {display: table; text-align:center; width:100%; height:1670px; background:#fff;}

.sec08 {display: table; text-align:center;width:100%; height:540px; background:#0b0d10;}
.sec08 .innder {vertical-align: top;}

.sec09a {display: table; text-align:center; width:100%; height:340px; background:#fff;}
.sec09b {display: table; text-align:center; width:100%; height:340px; background:#d1f5f2;}

.sec10 {display: table; text-align:center;width:100%; height:800px; background:#fafafa;}

.sec11 {display: table; text-align:center;width:100%; height:160px; background:#19cbbd;}

.sec12 {display: table; text-align:center;width:100%; height:1400px; background:#fff;}
.sec12_box {width:1100px; height:300px; margin:70px auto;}
.sec12_box2 {width:1100px; height:730px; margin:70px auto 0;}
.sec12_box2 .tapmenu {width:1100px; height:70px;}
.sec12_box2 .tapmenu .menu {float:left; width:220px; height:70px; font-weight:200; line-height:70px; color:#19cbbd; font-size:22px; background:#e9f3f2; margin-right:3px;}
.sec12_box2 .tapmenu .menu span {font-weight:700;}
.sec12_box2 .tapmenu .on {background:#19cbbd; color:#fff;}
.sec12_box2 .tapcon {width:1100px; height:660px; padding:50px; background:#19cbbd;}


.sec13 {display: table; text-align:center;width:100%; height:600px; background:#effbfa;}

.sec14 {display: table; text-align:center;width:100%; height:800px; background:#fff;}

.sec15 {display: table; text-align:center;width:100%; height:600px; background:#222222;}
.sec15 p {margin-top:70px;}

.bottom_area {width:100%; height:160px; background:#333333; color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;}
.bottom_area p.copy {padding:44px 0;float: left;}


.bottom_area ul.bottomul {float: right; margin-top:45px; text-align:right;}
.bottom_area ul.bottomul li {}
.bottom_area ul.bottomul li:first-child {margin-bottom:28px;}
.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; right:30px; bottom:30px; z-index:99999; width:240px; height:412px; background:url(../img/phone_bg.png) no-repeat; padding: 70px 36px;}
.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:#000000; color:#fff; font-size:16px; font-weight:600; text-align:center; height:38px; line-height:36px; letter-spacing:-1px;}
.quick_phone .tminput {border:1px solid #fff; background:#fff; padding:5px; font-size:12px;}

.quick_phone_add {display:none; position:fixed; right:30px; bottom:30px; z-index:999999; width:480px; height:500px; background:#f3cf01;}
.quick_phone_add p.qpatit1 {padding:25px 30px 5px; font-size:18px; font-weight:600; color:#222; letter-spacing:-1px; line-height:22px;}
.quick_phone_add p.qpatit2 {padding:0px 30px 20px 30px; font-size:16px; color:#222; letter-spacing:-1px;line-height:22px;}
.quick_phone_add .qpa_box {width:460px; height:395px; background:#fff; margin: 0 auto;}
.quick_phone_add .qpa_box p.qpatit3 {margin:0 20px 10px; padding:10px 0 5px; font-size:16px; letter-spacing:-1px; border-bottom:2px solid #f3cf01;}
.quick_phone_add .qpa_box p.qpatit4 {padding: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; height:45px;}
.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; height:45px;}
.quick_phone_add .qpa_box ul.qpa_ul3 li {float:left; width:100px; padding-bottom:7px;}


.quick_phone_add .qpa_box label {font-size:13px;}
.quick_phone span.qp_bnt2 {display:inline-block; cursor: pointer; background:#f3cf01; color:#333; 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:700px; height:460px; background:#fff; border:10px solid #f3cf01;position: absolute;left: 50%; top: 50%; margin:-230px 0 0 -350px; padding:30px; font-size:14px;}
.agreepop_bnk .agreepop_area p {font-size:20px; padding-bottom:20px;}
.agreepop_bnk .agreepop_area textarea {width:100%; height:330px; border:1px solid #ddd; padding:20px; line-height:18px; font-size:12px;}