@charset "utf-8";
@import url('./font.css');


.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; }
body { 
line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif;
word-wrap: break-word; word-break: keep-all;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif; line-height:1; font-size: initial;  }
ul, ol { list-style:none; margin:0; }
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; }
p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all; }

/* 키컬러 #433965 */

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/


/* header */
.header_wrap #header { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
padding:20px 0; position: relative;
}

.header_wrap .top_text_left { font-size:18px; color:#000; line-height:1.4; }
.header_wrap .top_text_left > a { font-size:inherit; color:inherit; line-height:inherit; }
.header_wrap .top_text_left a > span > span { display: none; } 
@media (max-width:1200px) {
	.header_wrap .top_text_left { font-size: 14px; }
}

.header_wrap .logo { text-align:center;  }
.header_wrap .logo > a { font-family: 'NanumSquare', sans-serif; font-size: 26px; color: #323333; font-weight: 900;  }
.header_wrap .logo > a span:first-child { font-size: 20px; }
.header_wrap .logo > a span > img { transform:translateY(-3px); }
.header_wrap .logo > div { font-size:15px; color:#666; line-height:1.4; font-weight:400; margin-top:5px; }
@media (max-width:1200px) {
	.header_wrap .logo > a { font-size: 24px; }
}
@media (min-width:991px) {
	.header_wrap .logo { position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); }
}

.header_wrap .top_text_right > a { display: none; }
.header_wrap .top_text_right > a > span { vertical-align:middle; font-size:16px; color:#333;  }
.header_wrap .top_text_right > a > span:nth-child(1) { margin-right:5px; }
/* //header */


/* nav */
.nav_wrap { background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.nav_wrap  #nav { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
}

@media(max-width:768px) {
.lt_logo {height:16px; transform:translateY(-2px); }
}


/*---------------------------------------- outer ---------------------------------------------*/

.nav_wrap .outer {
-ms-display:flex; -ms-align-items:center;
display:flex; align-items:center;
}
.nav_wrap .outer > li > a { 
display:block; margin-right:40px; font-size:18px; font-weight:700; color:#333; transition:color 0.3s; text-transform:uppercase;
}
.nav_wrap .outer > li:last-child > a { margin-right:0; }

/*---------------------------------------- //outer ---------------------------------------------*/


/* nav_text */
.nav_wrap .nav_text { 
border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:10px 30px; 
-ms-display:flex; -ms-align-items:center;
display:flex; align-items:center;
}
/*-------- 24시간 상담가능 ----------*/
.nav_wrap .nav_text > div:nth-child(1) { margin-right:30px; }
.nav_wrap .nav_text > div:nth-child(1) > span { vertical-align:middle; font-size:16px; font-weight:700; color:#333; }
.nav_wrap .nav_text > div:nth-child(1) > span > i { display:none; }

/*-------- 대표번호... ----------*/
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) > span { font-size:20px; font-weight:700; }
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) > span:nth-child(1) { color:#333; }
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) > span:nth-child(2) { color:#a5005c; }

/*-------- 평일9시... ----------*/
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(2) { margin-top:8px; font-size:12px; font-weight:300; color:#666; }



/* 스크롤시 고정 */
.nav_wrap.fixed { position:fixed; z-index:1000; width:100%; top:0; }

/* hover */
.nav_wrap .outer > li:hover > a { color:#433965; }


/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
.nav_wrap .outer > li > a.on { color:#433965; }

/* //nav */




@media(max-width:991px) {
/* header */
.header_wrap .top_text_left { display:none; }
.header_wrap .logo > div { display:none; }
.header_wrap .top_text_right { display:none; }

/* 모바일 열기 버튼 */
.header_wrap .open_btn { font-size:25px; cursor:pointer; color:#000;}
/* //header */


/* nav */
.nav_wrap { 
background-color:rgba(0,0,0,.95); width: 20em; height: 100%; 
position: fixed; right:0; top: 0; z-index:9999; margin-right:-20em; transition:margin-right 0.3s;
}

/* 스크롤시 고정 */
.nav_wrap.fixed { width:20em; }

.nav_wrap .container { width:100%; }
.nav_wrap  #nav {
width: 20em; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; display:block; 
}

/* 모바일닫기버튼 */
.close_btn { width:50px; height:50px; margin-right:auto; margin-left:0; cursor:pointer; }
.close_btn > i { display:block; color:#fff; text-align:center; line-height:50px; font-size:30px; }


/*---------------------------------------- outer ---------------------------------------------*/
.nav_wrap .outer { flex-wrap:wrap; padding:30px 0; border-top:1px solid rgba(255,255,255,.1); }
.nav_wrap .outer > li { width:100%; }
.nav_wrap .outer > li > a { 
padding:12px 0px; font-size:15px; font-weight:500; color:rgba(255,255,255,0.7); text-align:center; margin-right:0;
}
/*---------------------------------------- //outer ---------------------------------------------*/


/* nav_text */
.nav_wrap .nav_text { 
border-left:none; border-right:none; padding:15px 0; background:#1b1b1b;
flex-wrap:wrap; justify-content:center;
}

/*-------- 24시간 상담가능 ----------*/
.nav_wrap .nav_text > div:nth-child(1) { margin-right:0; margin-bottom:10px; }
.nav_wrap .nav_text > div:nth-child(1) > span { color:#fff; }
.nav_wrap .nav_text > div:nth-child(1) > span img { display:none; }
.nav_wrap .nav_text > div:nth-child(1) > span > i { display:inline; }

/*-------- 대표번호... ----------*/
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) { text-align:center; }
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) > span:nth-child(1) { color:#fff;  }
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(1) > span:nth-child(2) { color:#fff; }

/*-------- 평일9시... ----------*/
.nav_wrap .nav_text > div:nth-child(2) > p:nth-child(2) { margin-top:10px; color:#fff; }

.nav_wrap .nav_text a { color:inherit; font-size:inherit; }



/* hover */
.nav_wrap .outer > li:hover > a { color:rgba(255,255,255,1); }


/* 모바일메뉴박스 보이게 하는 클래스 */
.nav_wrap.inactive { margin-right:0; } 

/* 모바일에서 outer li 클릭했을때 */
.nav_wrap .outer > li.on > a { color:rgba(255,255,255,1); }

/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
.nav_wrap .outer > li > a.on { color:rgba(255,255,255,1); }

/* //nav */
}

@media(max-width:768px) {
	.header_wrap #header { padding:10px 20px; }

	.header_wrap .top_text_left { display: block; font-size: 14px; line-height: 1.2; font-family: 'Do Hyeon', sans-serif; }
	.header_wrap .top_text_left a { display:flex; align-items:center; }
	.header_wrap .top_text_left a > span:first-child { margin-right: 5px;  }
	.header_wrap .top_text_left a > span > span { display: inline; } 
	
	.header_wrap .logo { display:none; }
}


/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/














/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/

/* 1400사이즈 */
.container1400 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) {
	.container1400 { width: 750px; }
}
@media (min-width: 992px) {
	.container1400 { width: 970px; }
}
@media (min-width: 1200px) {
	.container1400 { width: 1170px; }
}
@media (min-width: 1400px) {
	.container1400 { width: 1370px; }
}






.test_index { height:1200px; background:#ddd; }



/* index 공통 */
.index .box .title_box { text-align:center; }
.index .box .title_box .text { font-size:30px; font-weight:500; color:#000; line-height:1.4; padding-top:5px; position:relative; }
.index .box .title_box .text:before { content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:74px; height:3px; background:#ff9c00; }


/* box1 */
.index .box1 { padding:20px 0; background:#1e2952; }


/* box2 */
.index .box2 { padding:50px 0; background:#f4f4f4; }

.index .box2 .title_box { margin-bottom:50px; }

.index .box2 .contents_box { -ms-display:flex; -ms-flex-wrap:wrap; display:flex; flex-wrap:wrap; }
.index .box2 .contents_box > .img { -ms-flex:1; flex:1; padding:0 15px; }
.index .box2 .contents_box > .img img { width:100%; }

@media(max-width:768px) {
	.index .box2 .title_box { margin-bottom:20px; }

	.index .box2 .contents_box > .img { flex:100%; padding:15px; }
}


/* box3 */
.index .box3 { padding:65px 0; }

.index .box3 .title_box { margin-bottom:40px; }

.index .box3 .contents_box { -ms-display:flex; -ms-flex-wrap:wrap; display:flex; flex-wrap:wrap; }
.index .box3 .contents_box .contents { -ms-flex:1; flex:1; text-align:center;  }

.index .box3 .contents_box .img { margin-bottom:8px; position:relative; } /* 이미지 */


.index .box3 .contents_box .contents .img:after { /* 화살표 */
content:''; position:absolute; right:-7.5px; top:50%; transform:translateY(-50%);
border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #000; border-right:none;
}

.index .box3 .contents_box .text_box p:nth-child(1) { text-transform:uppercase; font-size:20px; font-weight:700; line-height:1.6; }
.index .box3 .contents_box .text_box p:nth-child(2) { font-size:18px; color:#333; line-height:1.4; }


/* 화살표 색상 */
.index .box3 .contents_box > div:nth-child(1) .img:after { border-left:15px solid #556bb4; }
.index .box3 .contents_box > div:nth-child(2) .img:after { border-left:15px solid #3048a4; }
.index .box3 .contents_box > div:nth-child(3) .img:after { border-left:15px solid #001e87; }
.index .box3 .contents_box > div:nth-child(4) .img:after { border-left:15px solid #00096d; }
.index .box3 .contents_box > div:last-child .img:after { display:none;}

/* 텍스트 색상 */
.index .box3 .contents_box > div:nth-child(1) .text_box p:nth-child(1) { color:#6578b9; }
.index .box3 .contents_box > div:nth-child(2) .text_box p:nth-child(1) { color:#6578b9; }
.index .box3 .contents_box > div:nth-child(3) .text_box p:nth-child(1) { color:#2d44a1; }
.index .box3 .contents_box > div:nth-child(4) .text_box p:nth-child(1) { color:#1e2f7b; }
.index .box3 .contents_box > div:nth-child(5) .text_box p:nth-child(1) { color:#2b306c; }

@media(max-width:991px) {
	.index .box3 { padding:40px 0; }

	.index .box3 .contents_box .img img { width:70%; }

	.index .box3 .contents_box .contents .img:after { transform:translateY(-50%) scale(0.6); }

	.index .box3 .contents_box .text_box p:nth-child(1) { font-size:16px; }
	.index .box3 .contents_box .text_box p:nth-child(2) { font-size:13px; }
}
@media(max-width:580px) {
	.index .box3 .contents_box .contents { flex:100%; margin-bottom:20px; }
	.index .box3 .contents_box .contents .img:after { display:none; }
	.index .box3 .contents_box .img img { width:auto; }
}



#iyke_form { -ms-display:flex; -ms-align-items:center; display:flex; align-items:center; justify-content:space-between; }

#iyke_form .title_box { text-align:left; color:#fff; }
#iyke_form .title_box > .title { font-size:30px; line-height:1.4; }
#iyke_form .title_box > .sub { font-size:16px; line-height:1.6; }


#iyke_form .input_box { 
-ms-display:flex; -ms-align-items:center; -ms-justify-content:space-between;
display:flex; align-items:center; justify-content:space-between;
}

#iyke_form .input_box1 > div { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
}
#iyke_form .input_box1 > div:nth-child(1) { margin-bottom:10px;  }
#iyke_form .input_box1 > div > input { padding:8px; min-width:220px; }
#iyke_form .input_box1 > div > span { color:#fff; font-size:15px; padding-right:10px; }





#iyke_form .submit_box { color:#fff; text-align:center; font-size:15px; }
#iyke_form .submit_box > div:nth-child(1) input[type=checkbox] { margin:0; margin-right:5px; line-height:1; }
#iyke_form .submit_box > div:nth-child(1) label { 
margin:0; 
-ms-display:flex; -ms-align-items:center; -ms-justify-content:center;
display:flex; align-items:center; justify-content:center;
}
#iyke_form .submit_box > div:nth-child(1) a { color:#fff; }
#iyke_form .submit_box > div:nth-child(1) { margin-bottom:15px; }
#iyke_form .submit_box > div:nth-child(2) #ibtn_submit { width:100%; background:#ff9c00; padding:10px 0; border:none; border-radius:3px; }



@media(max-width:991px) {
	#iyke_form { flex-wrap:wrap; }
	#iyke_form .title_box { width: 100%; margin-bottom: 30px; }
	#iyke_form .title_box br { display: none; }

	#iyke_form .input_box { width: 50%; padding-right: 30px;  }
	#iyke_form .input_box1 { width: 100%; }
	#iyke_form .input_box1 > div > input { min-width: auto; }

	#iyke_form .submit_box { width: 50%; padding-left: 50px; }
}
@media(max-width:768px) {
	#iyke_form .input_box { padding-right: 10px;  }

	#iyke_form .submit_box { padding-left: 30px; }
}
@media(max-width:630px) {
	#iyke_form > div { width: 100%; margin-bottom: 30px; }
	#iyke_form > div:last-child { margin-bottom: 0; }

	#iyke_form .input_box { width: 100%; padding-right: 0; }
	#iyke_form .input_box1 { width: 100%; }
	#iyke_form .input_box1 > div { width: 100%; max-width: 380px; }
	#iyke_form .input_box1 > div > span { display: inline-block; width: 100%; max-width: 70px; }
	#iyke_form .input_box1 > div > input { width: 100%; max-width: calc( 380px - 70px ); }

	#iyke_form .submit_box { text-align: left; width: 100%; padding-left: 0; }
	#iyke_form .submit_box > div:nth-child(1) label { justify-content:flex-start; }
	#iyke_form .submit_box > div:nth-child(2) #ibtn_submit { max-width: 380px; }
}


/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/







/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/

/* footer_box*/
.footer_box { background:#f2f2f2; }


.footer_box .f_info_box { background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.footer_box .f_info { -ms-display:flex; display:flex; padding:5px 0; }
.footer_box .f_info > div:last-child { display:none; } /* 처음으로 */
.footer_box .f_info1 { position:relative; }
.footer_box .f_info1:before { 
content:''; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#000; 
} /* 텍스트 오른쪽 bar */
.footer_box .f_info > div:nth-child(5):before { display:none; } /* 5번째 텍스트 바 안보이게 */
.footer_box .f_info > div:last-child:before { display:none; } /* 마지막 텍스트 바 안보이게 */
.footer_box .f_info1 > a { display:block; color:#777; font-size:13px; font-weight:500; line-height:1.8; margin-right:20px;  }


.footer_box .f_top { 
-ms-display:flex; -ms-align-items:center; -ms-justify-content:space-between;
display:flex; align-items:center; justify-content:space-between;
padding:30px 0; 
}

.footer_box .f_top .f_logo_box { margin-right: 40px; }
.footer_box .f_logo { margin-bottom:20px; }
.footer_box .f_logo > a > span {
	margin-right:5px; font-family: 'NanumSquare', sans-serif;
	font-size: 30px; color: #323333; font-weight: 900;
}
.footer_box .f_logo > a > span:last-child {position: relative; top: 2px;}

.footer_box .f_text_box1 .f_text1 { font-size:13px; font-weight:400;  line-height:1.8; }
.footer_box .f_text_box1 .f_text1 > span { margin-right:10px; position:relative; color:#777; }
.footer_box .f_text_box1 .f_text1 > span:before { 
content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#000;
} /* 텍스트 오른쪽 bar */
.footer_box .f_text_box1 .f_text1 > span:nth-child(2):before { display:none; }/* 2번째 텍스트 바 안보이게 */
.footer_box .f_text_box1 .f_text1 > span:last-child:before { display:none; } /* 마지막 텍스트 바 안보이게 */
.footer_box .f_text_box1 .f_text1 > span a { color:inherit; }

.footer_box .f_text_box1 .copy { color:#777; font-size:13px; font-weight:400; line-height:1.8; }
.footer_box .f_text_box1 .copy > a { color:inherit; }
.footer_box .f_text_box1 .admin { color:#777; margin-top:10px; }
.footer_box .f_text_box1 .admin a { color:inherit;  }




.footer_box .f_text_box2 .f_text1 p:nth-child(1) { font-size:16px; color:#000; line-height:1.4; margin-bottom:10px; }

.footer_box .f_text_box2 .f_text1 p:nth-child(2) { font-size:14px; color:#777; line-height:1.6; }
.footer_box .f_text_box2 .f_text1 p:nth-child(2) span:nth-child(1) { margin-right:10px; position:relative; }
.footer_box .f_text_box2 .f_text1 p:nth-child(2) span:nth-child(1):before {
content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#000;
}  /* 텍스트 오른쪽 bar */
.footer_box .f_text_box2 .f_text1 p a { color:inherit;  }


@media (max-width:1200px) {
	/* 가로 두개로 나뉘어져 있던 구조 세로 한줄로 */
	.footer_box .f_top { flex-wrap:wrap; } /* flex 단락 나누기 */
	.footer_box .f_top > div { width:100%; } /* flex 자식요소 너비 꽉차게 */


	.footer_box .f_top .f_logo_box { margin-right: 0; }

	.footer_box .f_text_box1 { margin-bottom:20px; }
}

@media (max-width:768px) {
	/* 로고 텍스트 세로 3줄로 나누기 */
	.footer_box .f_logo > a > span { display:block; margin-bottom:10px; }
	.footer_box .f_logo > a > span:last-child { margin-bottom:0; }

	.footer_box .f_text_box1 .f_text1 > span { display:block; margin-right:0; }
	.footer_box .f_text_box1 .f_text1 > span:before { display:none; } /* 텍스트바 안보이게 */
	.footer_box .f_text_box1 .f_text1 br { display:none; }

	.footer_box .f_text_box2 .f_text1 p:nth-child(2) span { display:block; }
	.footer_box .f_text_box2 .f_text1 p:nth-child(2) span:nth-child(1) { margin-right:0; }
	.footer_box .f_text_box2 .f_text1 p:nth-child(2) span:nth-child(1):before { display:none; } /* 텍스트바 안보이게 */
	.footer_box .f_text_box2 .f_text1 p:nth-child(2) br { display:none; }
}
@media (max-width:450px) {
	.footer_box .f_info { flex-wrap:wrap; }
	.footer_box .f_info1 { width:33.3333%; text-align:center; }
	.footer_box .f_info > div:last-child { display:block; }
	.footer_box .f_info1:before { display:none; }
	.footer_box .f_info1 > a { margin-right:0; }

	.footer_box .f_text_box2 .f_text1 p:nth-child(1) { font-size:15px; }
}

/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/









/*--------------------------------------------------- 서브페이지세팅 ----------------------------------------------------------------------------*/

/* 서브페이지 패딩 */
.tmt_sub_frame { padding:30px 0 50px; }

/*--------------------------------------------------- 서브페이지세팅 끝 ----------------------------------------------------------------------------*/



/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid #e06f2b; background-color: #e06f2b;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #e06f2b;}
.border-color, i.border-color, img.border-color {border-color: #e06f2b;}







.mob_quick_frame {display:block; width:100%; background-color:rgba(0, 0, 0, 0.7); color:#fff; padding: 15px 0; position: fixed; bottom: 0;}
.mob_quick_frame a {color:#fff; font-weight: 300;}
.mob_quick_frame .quick_btn {float:left; width:100%; text-align:center; margin:0 auto;}
.mob_quick_frame .quick_btn:nth-child(2) {border-left:1px solid rgba(255, 255, 255, 0.7);}
.mob_quick_frame .sp1 {border-radius:50%; background-color: #e6d302; width:25px; height:25px; text-align:center; line-height:1.6;}
.mob_quick_frame .sp2 {border-radius:50%; background-color: #3395bf; width:25px; height:25px; text-align:center; line-height:1.6;}
.mob_quick_frame .sp1 i {color:#381e1f;}
.mob_quick_frame .sp2 i {color:#fff;}

.mob_quick_frame .box0 {display:table; width:280px; margin:0 auto;}
.mob_quick_frame .box1 {display:table-cell; width:35px; vertical-align: middle;}
.mob_quick_frame .box2 {display:table-cell; width:200px; text-align:left; font-size: 20px; vertical-align: middle; font-weight: 500;}

.mob_pad {height:55px;}