@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 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:'GmarketSansMedium', sans-serif; letter-spacing:-0.5px;font-style:normal}
/* HTML5 display-role reset for older browsers */
html { scroll-behavior: smooth; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body {line-height:1;}
ol, ul,li {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;}
.clear{clear: both;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.mg_r_no{margin-right:0 !important;}
.mg_l_no{margin-left:0 !important;}
.mg_t_no{margin-top:0 !important;}
.mg_b_no{margin-bottom:0 !important;}
.border_no{border:none !important}

#wrap{position:relative; width:100%; min-width:1200px; overflow: hidden;}
#header{width:100%; height: 100px;}
.header_inner{position:relative; width:1200px; margin:0 auto;}
.header_inner h1{position: absolute; top:17px; left:50%; margin-left: -310px;}

/*고정*/
#p_db{z-index:100;position:fixed;top:0;right:0;
		width:100%;margin:0 auto;text-align:center;height:90px;
	background:#2d4989; z-index:1000;}
#p_db .p_db_wrap{height:67px;position: relative;margin:0 auto;padding-top:10px;
 width:1200px;margin:0 auto; }
#p_db .p_db_wrap .db_button{width: 1000px; margin: 0 auto;}
#p_db .db_bottom img{margin-top: 16px; z-index: 1;}
#p_db li{width: 20%; float: left;margin-top: 40px;}
#p_db li:nth-child(3){margin-top: 10px;}

/* 메인 */
.main1{position: relative;width: 100%; background:url(../image/main1_bg_241119.jpg) center top no-repeat #050e37  ; overflow:hidden;height: 1000px;}
.main1_inner{position:relative;  margin:0 auto; width: 1200px;}
.main1 h2:first-child {
	position: absolute;
	top: 200px;
}
.main1 .showHide {
	position: absolute;
	top: 200px;
    -webkit-animation: showHide 1s ease-in-out alternate infinite;
    -o-animation: showHide 1s ease-in-out alternate infinite;
    animation: showHide 1s ease-in-out alternate infinite;
}
/* 첫 번째 이미지는 0초에 시작 */
.main1 h2:nth-child(1) {animation-delay: 0s;}
/* 두 번째 이미지는 1초 뒤에 시작 */
.main1 h2:nth-child(2) {animation-delay: 1s;}

/* .main1 h2{padding-top: 200px;
	-webkit-animation:op_title 1s 0s ease-in-out ;
	-o-animation:op_title 1s 0s ease-in-out;
	animation:op_title 1s 0s ease-in-out ;} */
@keyframes showHide{
	0%{opacity:1;}
	100%{opacity:0;}}
.sm_img1{
	position: absolute;left: 50%;top:50px; margin-left: -610px; 
	-webkit-animation:sm_ani 0.5s 0s linear forwards alternate infinite;
	-o-animation:sm_ani 0.5s 0s linear forwards alternate infinite;
	animation:sm_ani 0.5s 0s linear forwards alternate infinite;}
.sm_img2{
	position: absolute;right: 50%;top:115px; margin-right: -620px;
	-webkit-animation:sm_ani 0.5s 0s linear forwards alternate infinite;
	-o-animation:sm_ani 0.5s 0s linear forwards alternate infinite;
	animation:sm_ani 0.5s 0s linear forwards alternate infinite;}
@keyframes sm_ani {
	0%{transform: rotate(10deg)}
	100%{transform: rotate(0deg)}}


.main1 .arrow{
	width:52px; height: 0px;  padding:180px 0px 0px;  margin: 0 auto ;
	-webkit-animation:arrow_ani 0.4s 0s infinite alternate ease-in;
	-o-animation: arrow_ani 0.4s 0s infinite alternate ease-in; ;
	animation:arrow_ani 0.4s 0s infinite alternate ease-in;}
@keyframes arrow_ani {
	0%{background-position:50% 60%}
	100%{background-position:50% 100%}
}
.main1 .arrow.m2{background:url(../image/main1_arrow.png) no-repeat; margin-top: 17px;}

.main1 h3 {
	position: absolute;
	top: 780px;
	width: 100%;
	text-align: center;
}



/*서비스 */
.main2{width: 100%;padding:0; background:url(../image/main2_bg.jpg) center top no-repeat #050e37  ;height:1080px;}
.main2_inner{position:relative; width:1200px;
    margin:0 auto;}
.main2 h2{text-align: center; padding-top: 120px;}
.main2 p{ text-align: center; padding-top: 50px; }

.main3{width: 100%;padding:0; background:url(../image/main3_bg.png) center top no-repeat #050e37  ;height:600px;background-attachment: fixed;}
.main3_inner{position:relative; margin:0 auto;}
.main3 p{ text-align: center; padding:30px 0 20px 0; }

.main4{width: 100%;padding:0; background:url(../image/main4_bg.jpg) center top no-repeat #050e37  ;height:1080px;}
.main4_inner{position:relative; width:1200px;
    margin:0 auto;}
.main4 h2{text-align: center; padding-top: 120px;}
.main4 p{ text-align: center; padding-top: 50px; }

.main5{width: 100%;padding:0; background:url(../image/main5_bg.jpg) center top no-repeat #050e37  ;height:1080px;background-attachment: fixed;}
.main5_inner{position:relative; width:1200px;
    margin:0 auto;}
.main5 h2{text-align: center; padding-top: 120px;}
.main5 p{ text-align: center; padding-top: 20px; }

.main6{width: 100%;padding:0; background:url(../image/main6_bg.jpg) center top no-repeat #050e37  ;height:1080px;}
.main6_inner{position:relative; width:1200px;
    margin:0 auto;}
.main6 h2{text-align: center; padding-top: 120px;}
.main6 p{ text-align: center; padding-top: 50px; }

.main8{width: 100%;padding:0; background:url(../image/main8_bg.jpg) center top no-repeat #050e37  ;height:800px;}
.main8_inner{position:relative; width:1200px;
    margin:0 auto;}
.main8 h2{text-align: center; padding-top: 120px;}
.main8 p{ text-align: center; padding-top: 50px; }

/*온라인상담*/
.main7{clear:both;width: 100%;background: #3b5591 ;height: 950px;}
.main7 .main7_inner{ width:1160px;position:relative; top:30px; margin:0 auto; padding-top: 50px;}
.main7 .arrow{
	width:75px; height: 0px;  padding:100px 0px 0px;  margin: 0 auto ;
	-webkit-animation:arrow_ani 0.4s 0s infinite alternate ease-in;
	-o-animation: arrow_ani 0.4s 0s infinite alternate ease-in; ;
	animation:arrow_ani 0.4s 0s infinite alternate ease-in;}
@keyframes arrow_ani {
	0%{background-position:50% 60%}
	100%{background-position:50% 100%}
}
.main7 .arrow.m2{background:url(../image/main5_arrow.png) no-repeat;}
.main7 .main7_inner h3{text-align:center; margin:0 auto;}

.main7 .arrow{  
	width:75px; height: 0px;  padding:120px 0px 0px;  margin: 0 auto ; 
	-webkit-animation:arrow_ani 0.4s 0s infinite alternate ease-in;
	-o-animation: arrow_ani 0.4s 0s infinite alternate ease-in; ;
	animation:arrow_ani 0.4s 0s infinite alternate ease-in;}
@keyframes arrow_ani {
	0%{background-position:50% 60%}
	100%{background-position:50% 100%}
}
.main7 .arrow.m2{background:url(../image/main5_arrow.png) no-repeat;}
.main7 .db h3 {margin: 0 auto; padding-bottom: 30px;}
.main7  .db .db_inner{background: #fff; overflow: hidden; padding:40px;  margin: 0 auto;}
.main7 .db .db_inner dl{width: 100%; padding-top: 20px; float:left; ;overflow: hidden; margin-right:17px; margin: 0 auto;}
/*.main7 .db .db_inner dl dt{float:left; width:20%; height:70px;font-size:15px;line-height: 32px; font-weight: bold;	}*/
.main7 .db .db_inner dl dd{float:left; width:49%; height:70px;font-size:15px; line-height: 32px;}
.main7 .db .db_inner dl dd:nth-child(odd){margin-right: 2%;}
.main7 .db .db_inner dl dd input[type="text"]{width:100%;}
.main7 .db .db_inner dl input{background:#f2f2f2; border:1px solid #eee; box-sizing:border-box; padding:15px;}
.main7 .db .db_inner dl input:focus{background: #fff;}
.main7 .db .db_inner dl select{background:#f2f2f2; border:1px solid #eee; box-sizing:border-box; padding:5px; height:50px; width: 100%;}
.main7 .db .db_inner dl select:focus{background: #fff;}
.main7 .db .db_inner dl dd label{cursor: pointer;}
.main7 .db .db_inner dl dd.agree{font-size:13px; height:30px; padding-top: 2px;}
.main7 .db .db_inner dl dd.agree button{font-size:12px;line-height:18px; margin-bottom:2px;margin-left:4px; background:#252525; color: #fff; border:none; border-radius:5px; vertical-align: middle; cursor: pointer;}
.db_submit{clear: both; position: relative; width: 100%; margin-top: 20px; height: 50px; border: 0; background: #252525; color: #fff; font-size: 1.2em; border-radius: 5px;}

/* 자동슬라이드 */
.real{position: relative; width: 20%; float: left; height: 300px; background: #252525;margin-top: 50px; color: #fff; padding: 50px; box-sizing: border-box; font-size: 30px; text-align: center; line-height: 40px; padding-top: 100px; border-radius: 5px 0 0 5px;}
.realtime{position: relative; width: 80%;  float: left; height: 300px; background: #fff; margin-top: 50px; overflow: hidden; border-radius: 0 5px 5px 0;}
.move {display:block;font-size:12px;margin-top:5px auto;text-align:left; overflow:hidden;letter-spacing:1px;}
.inq_list li {line-height:300%;font-size:15px !important;color:#000;overflow:hidden;} 
.inq_list .firstname {display:inline-block;width:30%;text-align:center;}
.inq_list .phonenumber {display:inline-block;width:30%;text-align:center;}
.inq_list .division {display:inline-block;width:30%;text-align:center;}

/* 레이어팝업 */
.layer{position:fixed;left:50%;top:50%; display:none;width:1000px;z-index:300; margin-left:-500px;margin-top:-215px}
.layer_wrap{position: absolute; top:0px;left:0px;width:1000px; height:430px; background-color: #fff; text-align:left;z-index:1000; border-radius:5px; letter-spacing:-0.5px; box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.layer_wrap strong{display: block; background: #eee; padding:10px;}
.DB_info_detail{width:95%; font-size:13px; margin: 0 auto;height:355px; overflow:auto; margin-top:50px; line-height:18px;}
.close_btn{position:absolute; right:0; top:0px;}

.main2 .kakao_wrap{float:left; margin:39px 0px 0 35px}
.main2 .tel_wrap{ float:right;   margin-top: 30px;}

/*푸터*/
#footer{font-size: 13px; padding:40px 0; width: 100%; background: #252525; color:white; text-align: center;line-height:130%; height: 50px; padding-bottom: 200px;}

/* 260827 수정 */
.main-visual {
    position: relative;
    width: 100%;
}

.main-visual img {
    display: block;
    width: 100%;
    height: auto;
}

.secret-consult-btn {
    position: absolute;

    left: 58.9%;
    top: 74.9%;

    width: 14.8%;
    height: 4.8%;

    z-index: 10;
    cursor: pointer;
    border-radius: 50px;
}