/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{color:#4c4c4c;font-family:'Noto Sans KR', NanumGothic,ng,Helvetica,sans-serif,serif; font-size:12px;line-height:16px;}
img,fieldset{border:0;vertical-align:top;}
ul,ol{list-style:none;padding-left:0px;}
em,address{font-style:normal;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@keyframes floater {0%{transform: translateY(-3%);transition: ease 0.5s;}50%{transform: translateY(3%);transition: ease 0.5s;}100%{transform: translateY(-3%);transition: ease 0.5s;}}
.my-element {display: inline-block;margin: 0 0.5rem;animation: pulse; animation-duration: 2s;}
.animate__animated.animate__pulse {--animate-duration: 2s;}
@keyframes pulse {  0% {  transform: scale(1); } 50% {transform: scale(.97); } 100%{transform: scale(1);} }


:root {--animate-duration: 800ms;--animate-delay: 0.9s;}

/* layout */
header {width:1200px;margin:0 auto;height:90px;;overflow:hidden;position:relative;}
header .talk{float:left;}
header h2{position:absolute;left:41%;z-index:100;margin:0px;}
header .tel{float:right;}
#wrap{position:relative;width:100%; overflow:hidden;padding-top: 163px;}
#header{width:100%;height:92px;margin:0 auto;padding:0;background:#fff;}
.head_box{ width:1200px; margin:0 auto;padding-top:14px;}
 h2{position:absolute; left:41%;margin:0; z-index:100}
.tel{float:right}
.talk{float:left;}

#visual{background-color:#f5f5f5; no-repeat center 0; height:1800px;text-align:center;  width:100%; position:relative; }
#visual .visual_box{width:1200px;margin:0 auto;}
#visual p{text-align:left;}
#nav{background:url("../images/nav_bg.jpg") repeat center 0; height:115px;text-align:center;  width:100%; position:fixed; top:0;z-index:999; }
.arrow.m2{background:url("../images/main2_arrow.png") no-repeat;}

/*header*/
.header{position: absolute;width: 100%;height: 90px;z-index:999;background-color:rgba(0, 0, 0, 0.0);border-bottom: 1px solid #dbdbdb;top: 163px;}
.change { position: fixed; width: 100%; left: 0px; background: #fff; box-shadow: 7px 5px 5px rgb(0 0 0 / 20%); border: none;z-index: 999;}
.wraptop{width: 1200px;margin: 0 auto;overflow: hidden;}
.header .gnb_pc{text-align:center;position: relative; overflow: hidden;}
.header .gnb_pc .logoimg01{position:relative;display: block;float:left;}
.header .gnb_pc .logoimg01 img{width: auto;margin-top: 20px;}
.header .gnb_pc .csimg01{display: block;width: 1200px;text-align: center;}
.header .gnb_pc .csimg01 img{position: relative;margin-top:16px;float:right;margin-right: 2px;}

#db_wrap{background:#e8e8e8;position: fixed; width: 100%; height: 163px;z-index: 999;}
#db_wrap .db{position:relative;width: 1100px;margin:0 auto;overflow:hidden;padding:20px 50px;}
#db_wrap .db .db_box{float:left;width:700px;position:relative;overflow:hidden;}
#db_wrap .db .db_box2 {float:right;}
#db_wrap .db ul{position:relative;margin:0;}
#db_wrap .db ul li{width:100%;}
#db_wrap .db ul li .txt_blue{color:#175ce7;}
#db_wrap .db li label{width:110px;font-weight:normal;line-height:23px;font-size: 23px;font-family:'Malgunghotic'}
#db_wrap .db input[type="text"] {background: #fff;width:82.6%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap .db input[type="number"] {background: #fff;width:26.5%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap .db select {background: #fff;width:26.5%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap .checkbox{width:20px;height:20px;margin: 10px 0px 12px;}
#db_wrap .db_agree{font-weight:normal;font-size: 15px;font-family:'Malgunghotic';letter-spacing:-0.05em;}
#db_wrap .popon{font-weight:normal;font-size: 15px;font-family:'Malgunghotic';letter-spacing:-0.05em;}
#db_wrap .con_t01{font-size:18px;color:#222;font-family:'Malgunghotic';line-height:18px;margin-bottom:10px;margin-top:10px}

#db_wrap02{ background:url("../images/db_bg.png") no-repeat center 0; width:100%;position:relative;overflow:hidden;*background-size:cover; }
#db_wrap02 .db input[type="text"] {background: #fff;width:75%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db input[type="number"] {background: #fff;width:75%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db select {background: #fff;width:70%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db { position: relative;  width: 1200px; margin: 0 auto; overflow:hidden;}
#db_wrap02 .db ul {position:relative;display:inline-block;margin:0;}
#db_wrap02 .db li{position:relative;overflow:hidden;margin:6px 0 12px;}
#db_wrap02 .db_box {position: relative;overflow: hidden;background:rgb(255 255 255 / 90%);margin-top:30px; padding:20px 30px;margin-bottom:80px;}
#db_wrap02 .db_btn { float:none;margin:0 auto;text-align:center;padding:10px 0px 0px 0px;}
#db_wrap02 .db_agree{font-weight:normal;font-size: 15px;font-family:'Malgunghotic';letter-spacing:-0.05em;}
#db_wrap02 .popon{font-weight:normal;font-size: 15px;font-family:'Malgunghotic';letter-spacing:-0.05em;}
#db_wrap02 .db li label{width:100%;height:33px;line-height:33px;padding-bottom:8px;font-weight:normal;font-size: 23px;font-family:'Malgunghotic'}
#db_wrap02 .db ul li .txt_blue{color:#175ce7;}
#db_wrap02 .db ul{position:relative;overflow:hidden;width:700px;margin:0;}
#db_wrap02 .db input[type="text"] {background: #fff;width:82.6%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db input[type="number"] {background: #fff;width:26.5%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db select {background: #fff;width:26.5%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db .db_box2 {float:right;padding:45px 0px;}
#db_wrap02 .con_t01{font-size:18px;color:#222;font-family:'Malgunghotic';line-height:18px;margin-bottom:10px;}

.db_tel{margin-top:90px; display:inline-block;}
.db{position:relative;width:1200px;margin:0 auto;}

.db li{position:relative;overflow:hidden;margin:6px 0 7px;}
.db li label{width: 65px;display: inline-block;font-size: 20px;font-weight: bold;color: #111;vertical-align: middle;}
.db li label img{vertical-align:middle;}
.db_agree ul li{float:left;padding-top:10px;}
.txt_s{font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.05em; margin:-3px 0 0 8px; float:left;width:170px;}
.txt_s2{color:#f4eeec ; font-size:15px;letter-spacing:-0.005em;padding:10px 0 0 20px float:left;width:500px;line-height:18px; font-weight:200;}
.checkbox{width:20px; height:20px; bordeR:1px solid #018097;vertical-align:-5px}
.popon{color:#444; font-weight:300; font-size:13px;letter-spacing:0.02em; display:block;margin:2px 0 0 5px;}

.contbox{display:none; position: fixed;font-weight: 300;width: 1200px;height: 416px; background: #fff;left: 18%; overflow-y: scroll; bordeR: 10px solid #185be7; top:354px; text-align: left;}
.contbox h3{font-size:20px; margin:50px 30px 10px; font-weight:500; color:#000}
.contbox p{margin:20px 30px 0px 30px; color:#888888; line-height:21px;font-size:14px;color:#3a3a3a; font-weight:400;}
.popoff{ background:#252525; position:absolute; right:0; top:0; padding:15px; text-align:center;}
.popoff img{opacity:0.2}
.db_point {position:absolute;bottom:-47px;width:66px; margin-left:-33px; left:50%;display:block; z-index:2000}
.contbox dl{padding:20px 20px;}
.contbox dl dt{color:#000; font-weight:bold; padding:8px 15px;font-size:15px; background:#f0f0f0;  font-weight:500;}
.contbox dl dd{font-size:13px; color:#515151; line-height:21px;padding:13px 15px 15px;font-weight:400;}

.pop-layer .pop-container { padding:0px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;text-align: right;position: absolute;top:17px;right:17px;}
.pop-layer { display: none; position: fixed;top: 43%; left: 50%;width: 500px;height: auto;background-color: #fff; *border: 5px solid #3571B5;z-index: 10;}
.dim-layer {display: none;position: fixed;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}

.popupForm { width:100%; padding:5px 30px; box-sizing:border-box; background-color:#f5f5f5; }
.popupForm ul { width:100%; margin:10px 0 0; padding:0; display:inline-block; }
.popupForm ul li { width:100%; float:none; margin:0; padding:0; clear: both; display:inline-block; border-top:1px solid #e5e5e5!important; line-height:50px; text-align:left; padding:10px 0; }
.popupForm ul li:first-child { border-top:0!important; }
.popupForm ul li span { width:25%; display:inline-block; font-size:16px; letter-spacing:-0.06em; text-align:left; line-height:50px; font-weight:550; }
.popupForm ul li select { vertical-align:middle; display:inline-block; height:40px; line-height:40px; box-sizing:border-box; padding:3px 4px; border:0; border:1px solid #bbb;}
.popupForm ul li input { vertical-align: middle; display:inline-block; height:40px; line-height:40px; box-sizing:border-box; padding:3px 4px; box-shadow: 0; border:0; border:1px solid #bbb; }
.popupForm ul li select.prdCompany { width:20%; }
.popupForm ul li select.prdValue { width:45%; }
.popupForm ul li select.prdCharge { width:66%; }
.popupForm ul li input.prdName { width:73%; }
.popupForm ul li select.prdNum1 { width:20%; }
.popupForm ul li input.prdNum2 { width:22%; }
.popupForm .submitBox { width:100%; margin:20px 0; }
.popupForm .submitBox input { width:100%; height:80px; background-color:#222; color:#fff; font-size:24px; font-weight:600; cursor: pointer; }
.pop-conts .topTitle {width: 100%;position: relative;background-color: #132666;height: 70px;color: #fff;text-align: left;box-sizing: border-box;padding: 0 30px;font-size: 20px;vertical-align: middle;line-height: 70px;}

/*container */
#container{text-align:center;}
#container .cont_box{position:relative;margin:0 auto;width:1200px;}
#container .cont00{background:url("../images/sc01_bg.png") no-repeat center 0;height:1076px;}
#container .cont00 .move{transform: translateY(-10%); animation: floater 1.5s infinite; transition: ease 0.5s;}
#container .cont01{background:url("../images/sc02_bg.png") no-repeat center 0;height:1224px;}
#container .cont01 .cont01_txt{padding-top:96px;}
#container .cont02{background:url("../images/banner01_bg.png") no-repeat center 0;width:100%;height:337px;}
#container .cont02 .move{transform: translateY(-10%); animation: floater 1.5s infinite; transition: ease 0.5s; padding-top:60px;}
#container .cont03{background-color:#1e54b8;padding:0 0 120px 0px;}
#container .cont04{background:url("../images/sc04_bg.png") no-repeat center 0;height:789px;}
#container .cont05{background:url("../images/sc05_bg.png") no-repeat center 0;padding-top:150px;}
#container .cont06{background:url("../images/sc06_bg.png") no-repeat center 0;padding-bottom:150px;}
#container .cont07{background:url("../images/sc07_bg.png") no-repeat center 0;height:1344px;}
#container .cont08{background:url("../images/sc08_bg.png") no-repeat center 0;padding-bottom:150px;}
#container .cont09{background:url("../images/sc09_bg.png") no-repeat center 0;padding-bottom:150px;}
#container .cont09 .move{padding-top: 150px;transform: translateY(-10%); animation: floater 1.5s infinite; transition: ease 0.5s; text-align:center; margin: 0 358px;}
#container .cont10{background:url("../images/sc10_bg.png") no-repeat center 0;padding-bottom:150px;}
#container .cont10 .box01 img{float:left; margin:-68px 358px;}
#container .cont10 .move{transform: translateY(-10%); animation: floater 1.5s infinite; transition: ease 0.5s; float: left; margin: 120px 358px;}
#container .cont10 ul li{float:left;}
#container .cont10 ul{position:relative;overflow:hidden;width:1200px;margin:0 auto;margin-top:50px;}
#container .cont11{background-color:#f5f5f5;padding:150px 0px;}


#footer{background:#333333; height:163px;}
.copy{padding-top:40px; width:1200px; margin:0 auto; font-size:13px;font-weight:300; color:#8f8f8f; line-height:20px; letter-spacing:-0.01em; text-align:left;font-family:'dotum';}
.copy .ft_logo{float:left; padding:26px 50px;}
.copy address{padding: 9px;display: inline-block;}
.copy small{font-size:12px; color:#797979;padding-top:9px; letter-spacing:-0.005em}
.copy_line{display:inline-block;width:20px; background:url(../images/copy_line.gif) no-repeat center 0; height:10px;}