@charset "utf-8";
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@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; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@-webkit-keyframes down{0%,24%,48%{-webkit-transform:translateY(0);transform:translateY(0)}12%,36%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes down{0%,24%,48%{-webkit-transform:translateY(0);transform:translateY(0)}12%,36%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
 .down{transition: all 0.5s 1s;-webkit-animation: down 2s ease-in-out infinite 3s;-moz-animation: down 2s ease-in-out infinite 3s;-ms-animation: down 2s ease infinite 3s;-o-animation: down 2s ease-in-out infinite 3s;animation: down 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}

 
.wrap{overflow-x: hidden;}
.inbox{width:1200px; margin:0 auto;}

.box{padding:140px 0;}

.con1{background-color:#ee6241;padding: 0 0 150px !important;}
.con1 h1{position:relative; display:block; width:180px; height:180px; background:url(/images2/logo.png) no-repeat; margin:0 auto 330px; z-index:1;}

.con1 .inbox{position:relative;}
.con1 .inbox>span{position:absolute;top: 56px;left: -126px;display:block;width:977px;height:573px;background:url(/images2/con1_img.png) no-repeat 50%;}

.con1 h3{display:block; position:absolute; top:250px; right:0; width:480px; height:117px; background:url(/images2/con1_tit.png) no-repeat 50%;}

.con1 .inbox div{padding:90px;background-color:#fff;box-shadow: 0 0 50px rgb(213, 62, 39);}
.con1 .inbox h5{width:692px; height:126px; background:url(/images2/con1_tit2.png) no-repeat 50%; margin:0 auto 75px;}
.con1 div li{float:left;}
.con1_list1{width:180px; height:295px; background:url(/images2/con1_list1.png) no-repeat}
.con1_list2{width:252px;height:299px;background:url(/images2/con1_list2.png) no-repeat;margin: 0 66px 0 67px;}
.con1_list3{width:180px; height:306px; background:url(/images2/con1_list3.png) no-repeat; margin-right:95px;}
.con1_list4{width:180px; height:309px; background:url(/images2/con1_list4.png) no-repeat}

.con2{background-color:#31384b}
.con2 h3{width:772px; height:126px; background:url(/images2/con2_tit.png) no-repeat 50%; margin:0 auto 20px;}

.con2 ul{font-size:0; text-align:center;}
.con2 li{display:inline-block; vertical-align:middle; width:410px; height:480px;}
.con2 li.con2_list1{background:url(/images2/con2_list1.png) no-repeat 50%;}
.con2 li.con2_list2{background:url(/images2/con2_list2.png) no-repeat 50%;}
.con2 li.con2_list3{background:url(/images2/con2_list3.png) no-repeat 50%;}



.con3 {background-color:#f2f2f2;}
.con3 li{float:left; width:50%; height:300px}
.con3 .con3_list1{background:url(/images2/con3_list1.png) no-repeat 50%; border-bottom:1px solid #c2c5cd; border-right:1px solid #c2c5cd}
.con3 .con3_list2{background:url(/images2/con3_list2.png) no-repeat 50%;border-bottom:1px solid #c2c5cd;}
.con3 .con3_list3{background:url(/images2/con3_list3.png) no-repeat 50%; border-right:1px solid #c2c5cd}
.con3 .con3_list4{background:url(/images2/con3_list4.png) no-repeat 50%;}


.con4{position:relative; background-color:#f2f2f2; padding-bottom:0; }
.con4 .bg{height:2053px;background:url(/images2/con4.png) no-repeat 50%;}
.con4 h3{width:852px; height:126px; margin:0 auto 10px;background:url(/images2/con4_tit.png) no-repeat 50%;}
.con4 .inbox div{position:relative; width:100%; height:995px; background:url(/images2/con4.png) no-repeat 50% 100%; z-index:1;}
.con4>span {display:block; position:absolute; bottom:0; width:50%; height:920px;}
.con4>span.bg_l {left:0; background-color:#ee6241;}
.con4>span.bg_r {right:0; background-color:#353c4f;}



.con5{background-color:#171b26}
.con5 .inbox>div{}
.con5 h3,.con5 p{display:inline-block; vertical-align:middle;}
.con5 p{width:880px;height: 540px;}


.con5_1 {padding:100px 0 80px;border-bottom:1px solid #998781; height:720px; background:url(/images2/con5.png) no-repeat 50%}
.con5_2 {padding:0 0 40px; height:630px; background:url(/images2/con6.png) no-repeat 50%}
 



.con6{background-color:#f2f2f2}
 
.con6 h3{width:982px; height:126px; margin:0 auto 100px; background:url(/images2/con7_tit.png) no-repeat 50% 0;}
.con6 ul{font-size:0; text-align:center;}
.con6 li{display:inline-block; height:444px;}
.con6_1{width:439px; background:url(/images2/con7_list1.png) no-repeat 50%;}
.con6_2{width:439px; background:url(/images2/con7_list2.png) no-repeat 50%; margin:0 25px 0 35px;}
.con6_3{width:392px; background:url(/images2/con7_list3.png) no-repeat 50%;}



.con7{position:relative;background-color: #ee6241;padding-bottom: 0;}
.con7>img{position:absolute; bottom:100%; left:0;}
.con7 .inbox{position:relative;background: url(/images2/shadow.png) no-repeat 116% 82%;background-size: auto 82%;padding-bottom: 170px;}
.con7 .air1{position:absolute; top:72px; left:0; width:443px; height:216px; background:url(/images/con7_img2.png) no-repeat}
.con7 .air1 span{display:block; position:absolute; top:-70px; right:-80px; width:398px; height:256px; background:url(/images/con7_img3.png) no-repeat; animation: flash 1s linear -1s infinite;}

.con7 h3{width:719px; height:100px; background:url(/images/tit7.png) no-repeat 50%; margin:0 auto 40px;}

.r_box4{width:100%; height:1309px; background:url(/images3/r_box4.png) no-repeat 50% #adead9;}

 .form_left{position:absolute;bottom:0;left:-70px;z-index: 2;}
 
 
.form_table{position:relative;width:865px;border-radius:25px;background-color:#f2f2f2;margin:0 auto;z-index: 1;}
.form_table>div{padding: 90px 142px 0 100px;}
.form_table .form_top{position:absolute; top:0; left:-21px;}

.form_table th,.form_table td{vertical-align:middle;padding: 15px 0;}
.form_table th{text-align:right; padding-right:30px; color:#30221e; font-size:25px;}
.form_table th i{font-size:12px; color:#e66432; vertical-align:top;}
.form_table td input{border:1px solid #a0a0a0; font-size:20px; text-indent:5px}
.form_table td input[type=text]{width:400px; border-radius:12px; height:60px;}
.form_table td input[type=checkbox],.form_table td input[type=radio]{height:25px;}
.form_table td.chk label{display:inline-block; padding:5px 0; width:24%;color:#30221e; font-size:25px;}

.form_table td.chk3 label{display:inline-block; padding:5px 0;width: 49%;color:#30221e;font-size: 23px;}


.nice-select{display:inline-block; height:60px; font-size:16px;}
.phone .nice-select{width: 155px;}
.nice-select .list{height:300px; overflow-y:scroll;}
.nice-select .option{font-size:16px;}

.nice-select .current {display:block; height:60px; line-height:60px; font-size:20px}
.phone input{width: 110px !important;}
.time .nice-select{width:190px;}

.form_table td.chk2 label{color:#30221e; font-size:18px}

.form_table>button{display:block;height:80px;background: url(/images/submit.png) no-repeat 50% #353c4f;border-radius:0 0 25px 25px;width: 100%;border: 0;}



.con7 .air2{position:absolute; right:0; bottom:55px; width:232px; height:153px; background:url(/images/con7_img4.png) no-repeat}




.con8{background-color:#353c4f;}
.con8 .inbox{}
.con8 h3{width:962px; height:418px; background:url(/images2/con9_tit.png) no-repeat 50%; margin:0 auto 100px}
.con8 p{font-size:20px; font-weight:300; color:#fff; line-height:1.4em}
.con8 p img{display:block; margin-bottom:40px;}







.footer{background-color:#171b26}
.footer .inbox{position:relative; padding:35px 0; }
.footer .inbox p{color: #aeb7d0;font-size:14px;font-weight:300;line-height:1.4em;}
.footer .inbox span{display:block;position:absolute;top:50%;right:0;color: #171b26;background-color: #ee6241;font-weight:500;font-size: 25px;font-weight: bold;margin-top: -30px;height: 50px;line-height: 50px;padding: 0 20px;}
.footer .inbox span i{font-size: 0.9em;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}


.quick{position:fixed;bottom:30px;right:30px;display:block;width:120px;height:120px;border-radius:120px;animation: pulse2 2s linear -1s infinite; background-color:#e66432; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.quick span{position:absolute; width:100%; height:100%; border-radius:120px; opacity:0;} 
.quick .bg1{background:url(/images/quick1.png) no-repeat 50%; animation: bg 9s 0s step-end infinite;  z-index:1}
.quick .bg2{background:url(/images/quick2.png) no-repeat 50%;  animation: bg 9s 3s step-end infinite; z-index:1}
.quick .bg3{background:url(/images/tel.png) no-repeat 50%;  animation: bg 9s 6s step-end infinite; z-index:1}




.quick_btn{position:fixed;right:50%;margin-right: -740px;width:125px;border:1px solid #171b26;top: 50%;margin-top: -125px;opacity: 0;}
.quick_btn a{display:block; width:100%; height:125px; }

.quick1{background:url(/images2/quick1.png) no-repeat 50%;border-bottom:1px solid #171b26}
.quick2{background:url(/images2/quick2.png) no-repeat 50%;}
.quick3{background:url(/images3/quick3.png) no-repeat 50%;}





/**---**/

.header {position:relative;width:100%;background-color:#3abab4;padding: 23px 50px 15px;}
.header h1 a{color:#fff; font-size:30px;  font-family:'GmarketSansBold','Noto Sans KR','Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;}
 
 
.header .inbox div{position:absolute; top:50%; right:50px; margin-top:-18px;}
.header .inbox div a{display:inline-block; padding:0 10px; background-color:#4b545e; color:#fff; font-size:15px; height:36px; line-height:38px; border-radius:5px}
.header .inbox div a:hover{ background-color:#31545e}


.r_box1{background-color:#e1dcc6; padding-bottom:110px;}
.r_box1 h3{width:100%; height:133px; margin-bottom:35px; background:url(/images3/con1_tit.png) no-repeat 50%;}

.book1{position:relative; width:100%; height:440px; padding:45px 0 0 40px; margin-bottom:180px; background:url(/images3/con1_wbg.png) no-repeat 50%;}

.img2{position:absolute; top:240px; left:73px;}
.book1 div{position:absolute; top:45px; right:60px; height:269px}
.book1 div img{position:absolute;}
.book1 .ex1{top:181px; left:-64px; z-index:1}
.book1 .ex2{top:243px; right:-35px; z-index:1}
.book1 .ex3{position:relative !important;}

.book2{ margin-bottom:90px; }
.book2 h5{width:100%; height:38px; margin-bottom:30px; background:url(/images3/con1_tit2.png) no-repeat}


.book3{}
.book3 h5{width:100%; height:54px; margin-bottom:35px; background:url(/images3/con1_tit3.png) no-repeat 50%;}
.book3>div{position:relative; padding:0 50px;}
.book3>div>span{position:absolute; display:block; width:20px; cursor:pointer; top:50%; margin-top:-19px;}
.book3 .l_btn{left:0;}
.book3 .r_btn{right:0;}

.book3 li{width:160px;margin-right:28px;}


.r_box2{padding:115px 0 110px; background-color:#1a5c81}
.r_box2 .inbox{position:relative; height:857px; background:url(/images3/con2_img1.png) no-repeat 50%}
.r_box2 .inbox h3{position:absolute; top:23px; right:0;}
.r_box2 .inbox span{position:absolute; top:145px; right:0;}




.r_box3{padding:137px 0 0; background-color:#41a086}
.r_box3 .inbox{position:relative; height:656px; background:url(/images3/con3_img1.png) no-repeat 100% 50%}
.r_box3 .inbox h3{position:absolute; top:-30px; left:0;}
.r_box3 .inbox span{position:absolute; top:25px; left:630px;}






.re_con1{background:url(/images3/re_con1.png) no-repeat 50% 0}
.re_con1 .inbox{position:relative; height:3191px;}
.re_con1 .inbox div{position:absolute;width: 528px;bottom: 753px;right: 1px;}
.re_con1 .inbox div span{display:block;height: 65px; width:100%;background-color: #e2f3f2;margin-bottom: 5px;}



.re_con2{background:url(/images3/re_con2.png) no-repeat 50% 0}
.re_con2 .inbox{position:relative; height:1445px;}
.re_con2 .inbox div{position:absolute;width: 528px;bottom: 511px;right: 1px;}
.re_con2 .inbox div span{display:block;height: 65px; width:100%;background-color: #005e92;margin-bottom: 5px;}











