/* 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: 100%;font:inherit;vertical-align: baseline;font-family:'Malgun Gothic', sans-serif; letter-spacing:-0.5px;font-style:normal}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
table{border-spacing:0;border-collapse:collapse;}
input,select,button{vertical-align:middle; outline:none;}
/* input 기본 스타일 초기화 */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background:url(../image/select_arrow.png) no-repeat 95% 50% #fff;}
select::-ms-expand { display: none; }
*::selection{background-color:rgba(12,220,180,0.9); color:#111;}

/* DB */
#db{position:fixed;width:100%; min-width:1200px; height:170px;bottom:0; background:url(../image/db_bg.jpg) no-repeat 50% 100%; z-index:10000; animation:db_ani 0.4s 0s ease-out infinite alternate; box-shadow:0 0 60px rgba(0,0,0,0.7);}
@keyframes db_ani {0%{background:url(../image/db_bg.jpg) no-repeat 50% 100%;}	100%{background:url(../image/db_bg.jpg) no-repeat 44% 100%;}}
#db .db_inner{position: relative; width:1200px; margin:0 auto;}
#db .db_inner h2{float:left;padding-top:58px; margin-right:96px;}
#db .db_inner .db_input{float:left; padding-top:32px; margin-right:24px;}
#db .db_inner .db_input dt{float:left; margin-bottom:4px; clear:both;}
#db .db_inner .db_input dt label{display:block; width:64px; padding:10px 0; font-size:15px; font-weight: bold; color: #fff;}
#db .db_inner .db_input dd{float:left; width:180px; margin-bottom:4px;}
#db .db_inner .db_input dd input{width:100%;padding:8px; border-radius:5px; border:1px solid #222; box-sizing:border-box;}
#db .db_inner .db_input dd input::placeholder{color: #aaa; font-size:12px;}
#db .db_inner .db_input dd select{width:100%; padding:4px 8px;height:32px;; border-radius:5px; border:1px solid #222; box-sizing:border-box; font-size:12px;}
#db .db_inner .db_input dd select::placeholder{color: #aaa; font-size:12px;}
#db .db_inner .db_input dd.agree{clear:both;width:100% !important; font-size: 13px; color: #fff;}
#db .db_inner .db_input dd.agree input{width:20px; height:20px; vertical-align:middle;}
#db .db_inner .db_input dd.agree label{vertical-align:middle; line-height:10px;}
#db .db_inner .db_input dd.agree strong{font-weight:bold;}
#db .db_inner .db_input dd.agree button{margin-left:4px;font-size:11px;background:#111; color: #fff; border-radius:3px; border:0; cursor:pointer; vertical-align: middle;}
#db .db_inner .db_submit{float:left; padding-top:30px;}
#db .db_inner .db_submit input[type="image"]{border-radius:10px;overflow: hidden; transition:0.5s;}
#db .db_inner .db_submit:hover input[type="image"]{filter:brightness(110%);}
#db .db_inner .db_count{position:absolute; top:54px; left:159px;color: #fff;margin:0 0 12px 4px; font-size:15px; letter-spacing:-1.5px;}
#db .db_inner .db_count span{color: #ff9b39; font-weight:500; animation:count_color 0.5s 0s infinite linear alternate;}
#db .db_inner .db_count span strong{font-size:19px; font-weight: bold;}
@keyframes count_color {0%{color: #ccff00;}	100%{color: #ff5800;}}
#db .layer{position:fixed; display:none; width:100%;left:0;top:180px; z-index:3000000; }
#db .layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#000000; padding:5px; border-radius:0 10px 0 10px;}
#db .layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 90px rgba(0,0,0,0.8);}
#db .layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
#db .layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:bold;}
#db .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
#db .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
#db .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
#db .layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

/* hader */
#header{position:absolute; width:100%; z-index: 1000;}
#header .header_inner{width:1200px; margin:0 auto;padding:16px 0;}
#header .header_inner h1{float:left; margin:100px 0 0 30px;}
#header .header_inner .tel{float:right; margin-top: 10px;}

/* container */
#container .content_inner{width:1200px; margin:0 auto; box-sizing:border-box;}
#container>div{position: relative;min-width:1200px; background-repeat:no-repeat;}
#container .main1{height:776px; padding-top:210px;background:url(../image/main1_bg_new1110.jpg) 50% 0 no-repeat;}
#container .main1 h2{margin-left:32px}
#container .main1 h3{margin:16px 0 0 28px;}
#container .main1 .main1_list{overflow: hidden;margin:30px 0 0 12px;}
#container .main1 .main1_list li{float:left; margin-left:-20px;}
#container .main1_1{height:586px;background:url(../image/main1_1_bg.jpg) 50% 0 no-repeat;}
#container .main1_1 .content_inner{padding:100px 0 0 620px;}
#container .main1_1 p{margin-bottom:32px;}
#container .main2{height:720px; background:url(../image/main2_bg.jpg) 50% 0 no-repeat;}
#container .main2 .main2_list{padding:200px 0 0 30px;}
#container .main2 .main2_list li{margin-bottom:30px;}
#container .main3{height:1344px; padding-bottom:20px;background:url(../image/main3_bg.jpg) 50% 0 no-repeat;}
#container .main3 ul{overflow: hidden; padding-top:110px;}
#container .main3 ul li{float:left; width:50%; text-align: center;}
#container .main3 p{text-align: center; margin-top:150px;}
#container .main3 .main3_say{margin-top:60px; text-align: center;}
#container .main3 .main3_arrow{position: absolute; left:50%; top:810px; margin-left:-108px; width:217px; height:200px; background:url(../image/main3_arrow.png) no-repeat 50% 100%; animation:arrow_ani 0.5s 0s infinite alternate ease-out;}
@keyframes arrow_ani { 0%{background:url(../image/main3_arrow.png) no-repeat 50% 100%;}	100%{background:url(../image/main3_arrow.png) no-repeat 50% -80px;}}
#container .main4{padding:180px 0; background:url(../image/main4_bg.jpg) 50% 55px fixed; text-align:center; animation:linch_ani 40s 0s infinite linear;}
@keyframes linch_ani { 0%{background:url(../image/main4_bg.jpg) 0 20px fixed; }	100%{background:url(../image/main4_bg.jpg) 3000px 20px fixed;}}
#container .main5{height:1473px; background:url(../image/main5_bg.jpg) 50% 0 no-repeat;}
#container .main5 .title{padding:190px 0 0 600px;text-align:left;}
#container .main5 .title h3{margin-bottom:16px;}
#container .main5 ul{margin-top:60px;}
#container .main5 ul li{margin-bottom:12px;}
#container .main6{height:927px; background:url(../image/main6_bg.jpg) 50% 0 no-repeat;}
#container .main6 .title{padding:190px 0 0 0; text-align:left;}
#container .main6 .title h3{margin-bottom:16px;}
#container .main6 ul{overflow: hidden; margin-top:40px;}
#container .main6 ul li{float:left; margin-right:4px; padding:6px;}
#container .main6 ul li img{box-shadow:3px 3px 5px #a1acc5; border-radius:10px;}
#container .main6 ul li:last-child{margin-right:0;}
#container .main7{height:938px; padding-bottom:60px; background:url(../image/main7_bg.jpg) 50% 0 no-repeat;}
#container .main7 .title{padding:190px 0 0 640px;}
#container .main7 ul{text-align: center; margin-top:60px;}
#container .main7 ul li{display:inline-block; margin:0 16px;}

/* footer */
#footer{width:100%;min-width:1200px; margin:0 auto; text-align:center; background: #131313; color:#979797; padding:60px 0 220px; font-size:12px; line-height:20px; letter-spacing:0px;}
#footer span{display: inline-block; padding:0 16px; color: #444; font-size: 11px; vertical-align:top;}
#footer strong{font-weight:bold; color: #ccc;}
#footer p{margin-top:12px; color: #666; letter-spacing:3px; font-size:11px;}