html{overflow:auto}
body{background:#fff}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

#wrap {width:100%; overflow:hidden; }
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1100px; margin:0 auto; position:relative;}

/*header*/
#header{ position:fixed; left:0; top:0;   width:100%; height:90px; z-index:100; box-shadow:1px 2px 5px 0px rgba(0,0,0,0.2); font-size:0; background:#fff;}
.headerWrap { position:relative; max-width:1640px; margin:0 auto; text-align:center;  }
.headerWrap h1 { position:absolute; left:0; top:12px; display:inline-block; font-size:0;}
.headerWrap h1 a { display:block;  }



/* GNB */
#topmenu {display:inline-block; font-size:0; padding-top:28px; padding-left:85px; }
#topmenu > ul > li {position:relative; display:inline-block; vertical-align:top; }
#topmenu > ul > li + li { margin-left:110px;  }
#topmenu > ul > li > a {display:block; font-size:22px; color:#222; font-weight:600; }
#topmenu ul li.menuon a,
#topmenu ul li.m_active a, 
#topmenu ul li a.on {color:#2a416c; font-weight:600;}

.lang-select { position:absolute; right:0; top:20px; display:inline-block;  }
.lang-select > a {position:relative; display:block; width:160px; height:44px; line-height:42px; border:1px solid #aaa; font-size:14px; color:#666; padding:0 15px; text-align:left;box-sizing:border-box; }
.lang-select > a:after { content:''; position:absolute; right:10px; top:50%; margin-top:-5px;  width:12px; height:12px; background:url("/images/common/btn_arr_down.png") no-repeat center; background-size:contain; }

.lang-select > div { display:none;  position:absolute; left:0; top:43px; width:100%; box-sizing:border-box;  border:1px solid #aaa; background:#fff; padding:10px 15px; text-align:left; }
.lang-select > div a { display:block; font-size:14px; color:#666;  line-height:25px;}
.lang-select > div a:hover { color:#2a416c; }


@media screen and (max-width:1670px){
	.headerWrap { padding-left:15px; padding-right:15px; }
	.headerWrap h1 { left:15px;  }
	.lang-select { right:15px; }
}

@media screen and (max-width:1430px){
	#topmenu > ul > li + li { margin-left:60px; }
}
@media screen and (max-width:1150px){
	#topmenu > ul > li + li { margin-left:30px; }
}


.mobile-menu { display:none; position:absolute; right:15px; top:23px;  }
.mobile-menu a { display:block; width:35px; height:35px; background:url("/images/common/mo_btn_menu.png") no-repeat center; background-size:contain; }

@media screen and (max-width:1020px){
	#topmenu { display:none;  }
	.lang-select { display:none;  }

	.mobile-menu {  display:block; }
}

@media screen and (max-width:640px){
	#header { height:60px; }
	.headerWrap h1 a img { width:133px;  }
	.mobile-menu { top:17px; }
	.mobile-menu a { width:30px; height:30px; }
}




.allmenu-container {display:none;  z-index:99; position:absolute; left:0; top:90px; width:100%; background:#fff; padding:30px 0; text-align:center; border-top:1px solid #ddd;}
.allmenu-container > div { display:inline-block;  padding-left:95px; }
.allmenu-container > div ul { display:inline-block; vertical-align:top;  }
.allmenu-container > div ul:nth-of-type(1) { padding-right:90px;  }
.allmenu-container > div ul:nth-of-type(2) { padding-right:110px;  }
.allmenu-container > div ul:nth-of-type(3) { padding-right:130px;  }
.allmenu-container > div ul:nth-of-type(4) { padding-right:110px;  }
.allmenu-container > div ul li { display:block;  }
.allmenu-container > div ul li + li { margin-top:10px;  }
.allmenu-container > div ul li a { display:inline-block; font-size:17px; color:#222;font-family:"Noto Sans KR"; font-weight:400 }
.allmenu-container > div ul li a:hover { color:#2a416c; font-weight:400;}



@media screen and (max-width:1430px){
	.allmenu-container > div {  padding-left:100px; }
	.allmenu-container > div ul:nth-of-type(1) { padding-right:29px;  }
	.allmenu-container > div ul:nth-of-type(2) { padding-right:51px;  }
	.allmenu-container > div ul:nth-of-type(3) { padding-right:72px;  }
	.allmenu-container > div ul:nth-of-type(4) { padding-right:44px;  }
}

@media screen and (max-width:1150px){
	.allmenu-container > div {  padding-left:102px; }
	.allmenu-container > div ul:nth-of-type(1) { padding-right:8px;  }
	.allmenu-container > div ul:nth-of-type(2) { padding-right:23px;  }
	.allmenu-container > div ul:nth-of-type(3) { padding-right:51px;  }
	.allmenu-container > div ul:nth-of-type(4) { padding-right:24px;  }
	.allmenu-container > div ul li a { font-size:15px; }
}





.mobile-menu-contain { display:none; z-index:120; position:fixed; left:0; top:0; width:100%; height:100%; }
.mobile-menu-contain .mmc-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.mobile-menu-contain .inbox { position:absolute; right:-320px; top:0; width:320px; height:100%; background:#fff; }
.mobile-menu-contain .inbox .top-area {position:relative; height:60px; border-bottom:1px solid #ddd;}
.mobile-menu-contain .inbox .top-area .lang { position:relative; display:inline-block; margin:10px 0 0 10px; }
.mobile-menu-contain .inbox .top-area .lang > a { display:block; width:150px; height:42px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px;  font-size:14px; color:#666;background:url("/images/common/btn_arr_down.png") no-repeat right 10px center; background-size:13px;	}
.mobile-menu-contain .inbox .top-area .lang > div { display:none;  z-index:2; position:absolute; left:0; top:42px; width:100%; border:1px solid #ddd; border-top-width:0; padding:10px 0; box-sizing:border-box; background:#fff;}
.mobile-menu-contain .inbox .top-area .lang > div a { display:block; font-size:14px; color:#666; padding:5px 10px; }


.mobile-menu-contain .inbox .top-area a.mo-menu-close {position:absolute; right:0; top:0;  display:inline-block; width:53px; height:60px; background:url("/images/common/btn_closeX.png") no-repeat center; background-size:20px; } 
.mobile-menu-contain ul {  }
.mobile-menu-contain ul li { border-bottom:1px solid #eee; }
.mobile-menu-contain ul li > a { display:block; position:relative; font-size:17px; height:50px; line-height:50px; padding:0 15px; }
.mobile-menu-contain ul li > a i { position:absolute; right:0; top:0; width:50px; height:50px; background-repeat:no-repeat; background-position:center;	background-size:15px; background-image:url("/images/common/icon_arrw_down.png");}
.mobile-menu-contain ul li > a.on { background:#2a416c; color:#fff; }
.mobile-menu-contain ul li > a.on i { background-image:url("/images/common/icon_arrw_up.png"); }

.mobile-menu-contain ul li div { display:none;  background:#fafafa; padding:10px 0; border-top:1px solid #eee; }
.mobile-menu-contain ul li div a { display:block; font-size:15px; padding:0 15px; height:30px; line-height:30px; }











/* quick menu */
#quick {position:fixed; right:60px; bottom:100px;  }
#quick ul{font-size:0;}
#quick ul li {}
#quick ul li + li { margin-top:5px; }
#quick ul li a { display:block; width:100%;  border-radius:50%; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.3); }

@media screen and (max-width:640px){
	#quick { right:10px; bottom:30px; }	
	#quick ul li a img { width:45px; }
}



/* 메인비주얼 Type01 */
#mainVisual {position:relative; width:100%; height:100vh; }

.main-visual ,
.main-visual .slick-list ,
.main-visual .slick-track ,
.main-visual .slick-slide { height:100%;  }
.main-visual .slick-slide .imgbox {position:relative; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main-visual .slick-slide .imgbox .incont { position:absolute; left:0; top:37%; width:100%; text-align:center; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.main-visual .slick-slide .imgbox .incont > span { display:block; font-size:20px; color:#fff; letter-spacing:4px;  font-weight:300; }
.main-visual .slick-slide .imgbox .incont > p { font-size:45px; color:#fff; line-height:1.3; padding-top:20px; font-weight:300;}
.main-visual .slick-slide .imgbox .incont > p b {font-weight:700;  }
.main-visual .slick-slide .imgbox .incont .btns { padding-top:43px;   }
.main-visual .slick-slide .imgbox .incont .btns a + a { margin-left:10px; }


.main-visual button.slick-arrow {z-index:10; position:absolute; top:50%; margin-top:-25px;  width:26px; height:50px; background-repeat:no-repeat; background-position:center; background-size:contain;	 font-size:0; background-color:transparent;	}
.main-visual button.slick-arrow.slick-prev { left:5%;  background-image:url("/images/main/btn_slide_prev.png");}
.main-visual button.slick-arrow.slick-next {right:5%;  background-image:url("/images/main/btn_slide_next.png"); }

.main-visual ul.slick-dots { position:absolute; left:0; bottom:60px; width:100%; text-align:center; }
.main-visual ul.slick-dots li { display:inline-block; vertical-align:top;  }
.main-visual ul.slick-dots li + li { margin-left:10px; }
.main-visual ul.slick-dots li button { display:inline-block; font-size:0; background:rgba(255,255,255,0.5); width:12px; height:12px; border-radius:50%;  
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.main-visual ul.slick-dots li.slick-active button { width:44px; border-radius:6px; background:#fff; }


a.btn-boxnavy { display:inline-block; vertical-align:middle; width:214px; height:64px; line-height:64px; text-align:center; font-size:20px; color:#222; background:#fff; font-weight:600;
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
a.btn-boxnavy:hover { background:#2a416c; color:#fff;}

a.btn-boxwhite { display:inline-block; vertical-align:middle; width:214px; height:64px; line-height:64px; text-align:center; font-size:20px; color:#fff; background:#2a416c; font-weight:600;
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
a.btn-boxwhite:hover { background:#fff; color:#2a416c;}




@media screen and (max-width:1330px){
	.main-visual .slick-slide .imgbox .incont > span { font-size:18px; }
	.main-visual .slick-slide .imgbox .incont > p { font-size:40px;      padding-top: 13px;}

}

@media screen and (max-width:1010px){
	.main-visual .slick-slide .imgbox .incont > span { font-size:16px; }
	.main-visual .slick-slide .imgbox .incont > p { font-size:28px;     padding-top: 10px;}
	.main-visual .slick-slide .imgbox .incont .btns { padding-top: 35px; }
	a.btn-boxnavy { width:180px; height:50px; line-height:50px; font-size:16px; }
	a.btn-boxwhite { width:180px; height:50px; line-height:50px; font-size:16px; }
}

@media screen and (max-width:640px){
	.main-visual .slick-slide .imgbox .incont { box-sizing:border-box; padding-left:20px; padding-right:20px; word-break:keep-all; }
	.main-visual .slick-slide .imgbox .incont > span { font-size:12px; letter-spacing:1px; }
	.main-visual .slick-slide .imgbox .incont > p { font-size:22px;   padding-top: 8px;}
	.main-visual .slick-slide .imgbox .incont br { display:none; }
	.main-visual .slick-slide .imgbox .incont .btns { padding-top: 20px; }
	.main-visual .slick-slide .imgbox .incont .btns a + a { margin-left:3px; }
	a.btn-boxnavy { width:120px; height:42px; line-height:42px; font-size:15px; }
	a.btn-boxwhite { width:120px; height:42px; line-height:42px; font-size:15px; }


	.main-visual button.slick-arrow { width:16px;  }
	.main-visual button.slick-arrow.slick-next { right:2%; }
	.main-visual button.slick-arrow.slick-prev { left:2%; }

	#mainVisual  {  height:calc(100vh - 60px);}

}













#wrap.main #contents { padding-top:50px;  }

.main-title { font-size:55px; color:#222; font-weight:600; text-align:center; padding-bottom:50px;  }
.main-title p { font-size:22px; color:#666; padding-top:10px;  font-weight:300; word-break:keep-all;}

@media screen and (max-width:1024px){
	.main-title { font-size:45px; }
	.main-title p { font-size:20px; }
}
@media screen and (max-width:640px){
	#wrap.main #contents {  padding-top:0; }
	.main-title  { padding-bottom:20px; }
	.main-title { font-size:27px; }
	.main-title p { font-size:15px; }
}





.main-section {padding:95px 0;  }
.main-section.gray { background:#f1f1f2; }
.main-inner { max-width:1400px; margin:0 auto;   }
.main-inner.rel { position:relative; }

@media screen and (max-width:1430px){
	.main-section { padding:95px 15px; }
	.main-section.wide { padding:95px 0px; }
}



@media screen and (max-width:640px){
	.main-section { padding:50px 15px; }
	.main-section.wide { padding:50px 0px; }

	.main-section.wide .main-title { padding-right:15px; padding-left:15px; }
}



.navy-half-box {position:relative; height:550px;  }
.navy-half-box:after {content:'';  position:absolute; left:0; top:0; width:60%; height:500px; background:#2a416c; }
.navy-half-box > div { position:relative; z-index:1; }
.navy-half-box .txt-cont { padding-top:95px;  }
.navy-half-box .txt-cont .inrtxt {  }
.navy-half-box .txt-cont .inrtxt > div { display:none; }
.navy-half-box .txt-cont .inrtxt > div:first-of-type { display:block;  }
.navy-half-box .txt-cont .inrtxt > div > div {  }
.navy-half-box .txt-cont .inrtxt > div > div + div  { margin-top:27px;  }
.navy-half-box .txt-cont .inrtxt > div > div > span { display:block; font-size:32px; color:#fff; padding-bottom:10px; }
.navy-half-box .txt-cont .inrtxt > div > div > span em { font-style:normal;color:#c4aa84;  }
.navy-half-box .txt-cont .inrtxt > div > div > p { font-size:18px; color:rgba(255,255,255,0.7); font-family: 'Noto Sans KR'; font-weight:300; line-height:1.5;}

.navy-half-box .slide-area { position:absolute; left:0; top:50px; width:100%;  }
.navy-half-box .slide-area > div { margin-left:45%; overflow:hidden; }

.navy-half-box > a.slide-arr {z-index:10; position:absolute; top:50%; margin-top:-56px;  width:26px; height:50px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.navy-half-box > a.slide-arr.btn-prev { left:5%; background-image:url("/images/main/btn_slide_prev.png");	}
.navy-half-box > a.slide-arr.btn-next { right:5%; background-image:url("/images/main/btn_slide_next.png");}

.navy-half-box .slide-dots { position:relative; z-index:50; padding-top:42px; display:inline-block;  }
.navy-half-box .slide-dots a { display:inline-block; vertical-align:top; width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.5); 
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.navy-half-box .slide-dots a + a { margin-left:10px;  }
.navy-half-box .slide-dots a.on { width:43px; border-radius:22px; background:#fff; }

.mid-photo-slide { width:880px;   }
.mid-photo-slide .slick-list { overflow:visible; padding:0 !important;}
.mid-photo-slide .slick-slide { padding-right:100px; box-sizing:content-box;}
.mid-photo-slide .slick-slide img { display:inline-block; opacity:0.5; max-width:100%; transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.mid-photo-slide .slick-slide.slick-center img { opacity:1; }


@media screen and (max-width:1675px){
	.navy-half-box .slide-area { top:80px; }
	.mid-photo-slide { width:800px; }

	.navy-half-box .txt-cont ,
	.navy-half-box .slide-dots { padding-left:55px; }

	.navy-half-box > a.slide-arr.btn-prev { left:5px;  }
	.navy-half-box > a.slide-arr.btn-next { right:5px; }
}


@media screen and (max-width:1500px){
	.navy-half-box { height:500px;  }
	.navy-half-box .slide-area { top:80px; }
	.navy-half-box .slide-area > div { margin-left:46%; }
	.mid-photo-slide { width:720px; }

	.navy-half-box .txt-cont { padding-top:49px; }
	.navy-half-box:after { height:400px; }
	.mid-photo-slide .slick-slide { padding-right:70px; }
}


@media screen and (max-width:1350px){
	.navy-half-box .slide-area > div { margin-left:49%; }
	.mid-photo-slide { width:700px; }
}

@media screen and (max-width:1240px){
	.navy-half-box .txt-cont > div > span { font-size:28px; }
	.navy-half-box .txt-cont > div > p { font-size:16px;  }
}

@media screen and (max-width:1130px){
	.navy-half-box { height:700px; }
	.navy-half-box .slide-area { top:296px; }
	.navy-half-box .slide-area > div { margin-left:22%; }
	.navy-half-box:after { width:80%;  }
}

@media screen and (max-width:720px){
	.navy-half-box { height:auto;  }
	.navy-half-box:after { width:100%;  }
	.navy-half-box .slide-area > div { margin-left:0; margin-right:0; }
	.navy-half-box .slide-area {  position:relative; top:auto; left:auto; margin-top:15px; }
	.mid-photo-slide { width:90%; }
	.mid-photo-slide .slick-slide { padding-right:20px; }

	.main-inner.rel { background:#2a416c; }
	.navy-half-box:after { content:none; }
	.navy-half-box > a.slide-arr {  top:auto; bottom:16%; background-size:14px; }

	.navy-half-box .txt-cont { padding:30px 15px;  }
	.navy-half-box .slide-dots { padding:15px 15px 30px; }

	.navy-half-box .txt-cont > div > span {font-size:20px; }
	.navy-half-box .txt-cont > div > p { font-size:15px; }
}


@media screen and (max-width:640px){
	.navy-half-box .txt-cont .inrtxt > div > div > span { font-size:24px;  }
	.navy-half-box .txt-cont .inrtxt > div > div > p { font-size:15px; }
	.navy-half-box .txt-cont .inrtxt > div > div > p br { display:none;  }
}



@media screen and (max-width:476px){
	.navy-half-box .txt-cont > div > p br { display:none;  }
}








.five-round-boxlist { font-size:0; }
.five-round-boxlist ul {  }
.five-round-boxlist ul li {position:relative; display:inline-block; vertical-align:top; width:19%; margin-right:1.25%; text-align:center;}
.five-round-boxlist ul li + li {  }
.five-round-boxlist ul li + li:after { content:''; position:absolute; left:-10%; top:63px; width:31px; height:9px; background:url("/images/main/icon_arrow_half_gray.png") no-repeat left top; background-size:contain;}
.five-round-boxlist ul li:nth-of-type(5n) { margin-right:0; }
.five-round-boxlist ul li i { display:inline-block; width:148px; height:148px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.five-round-boxlist ul li i.c1 { background-image:url("/images/main/main-round-icon01.png"); }
.five-round-boxlist ul li i.c2 { background-image:url("/images/main/main-round-icon02.png"); }
.five-round-boxlist ul li i.c3 { background-image:url("/images/main/main-round-icon03.png"); }
.five-round-boxlist ul li i.c4 { background-image:url("/images/main/main-round-icon04.png"); }
.five-round-boxlist ul li i.c5 { background-image:url("/images/main/main-round-icon05.png"); }
.five-round-boxlist ul li div { padding-top:20px; }
.five-round-boxlist ul li div span { font-size:26px; color:#222; font-weight:600; }
.five-round-boxlist ul li div p { font-size:18px; color:#666; font-family: 'Noto Sans KR'; padding-top:5px; line-height:1.3; font-weight:400;	 }

@media screen and (max-width:1234px){
	.five-round-boxlist ul li div span { font-size:24px; }
	.five-round-boxlist ul li div p {font-size:16px; }
}
@media screen and (max-width:1040px){
	.five-round-boxlist ul li div span { font-size:20px; }
	.five-round-boxlist ul li div p {font-size:15px; }

	.five-round-boxlist ul li i { width:120px; height:120px;  }
	.five-round-boxlist ul li + li:after { top:52px; left:-10%; width: 20px; }
}
@media screen and (max-width:800px){
	.five-round-boxlist ul { text-align:center;  }
	.five-round-boxlist ul li { width:32%; margin-right:2%;	 }
	.five-round-boxlist ul li:nth-of-type(3n) { margin-right:0; }
	.five-round-boxlist ul li:nth-of-type(n+4) { margin-top:5%; }
	.five-round-boxlist ul li div p br { display:none;  }
	.five-round-boxlist ul li:nth-of-type(4):after  { content:none;  }

	.five-round-boxlist ul li div { padding-top:12px;  }
	.five-round-boxlist ul li div span { font-size:18px; }
	.five-round-boxlist ul li div p {font-size:14px; }
	.five-round-boxlist ul li + li:after { top:37px; left: -11%; }

	.five-round-boxlist ul li i {width:80px; height:80px;  }
}

@media screen and (max-width:340px){
	.five-round-boxlist ul li div span { font-size:16px; }
}








.main-four-slide {  }
.main-four-slide a { display:block; }
.main-four-slide .slick-slide { padding:0 14px; }
.main-four-slide .img { }
.main-four-slide .img img { max-width:100%; display:inline-block;  }
.main-four-slide .info { padding:20px; word-break:keep-all; }
.main-four-slide .info span { font-family:"Noto Sans KR"; display:block; font-size:20px; color:#222; font-weight:500; line-height:1.3; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */  word-break:break-all; }
.main-four-slide .info p { font-size:18px; color:#222; padding-top:10px; font-family: 'Noto Sans KR'; font-weight:300; }
.main-four-slide .info p em { display:inline-block; padding-right:10px; color:#888;  }

.main-four-slide button.slick-arrow { z-index:1; position:absolute; top:50%; margin-top:-74px;  width:26px; height:50px; background-repeat:no-repeat; background-position:center; background-size:contain; background-color:transparent; font-size:0; }
.main-four-slide button.slick-arrow.slick-prev { left:-50px; background-image:url("/images/main/btn_arr_gray_prev.png"); }
.main-four-slide button.slick-arrow.slick-next { right:-50px; background-image:url("/images/main/btn_arr_gray_next.png"); }


@media screen and (max-width:1518px){
	.main-four-slide { margin-left:30px; margin-right:30px; }
	.main-four-slide button.slick-arrow.slick-next { right: -30px; }
	.main-four-slide button.slick-arrow.slick-prev { left: -30px; }

	.main-four-slide .info { padding: 14px 0; }
}

@media screen and (max-width:1160px){
	.main-four-slide .info span { font-size:18px; }
	.main-four-slide .info p {font-size:15px;  }
}
@media screen and (max-width:640px){
	.main-four-slide { margin-left:10px; margin-right:10px; }
	.main-four-slide .info { padding: 7px 0 0 0; }
	.main-four-slide .info span { font-size:12px; }
	.main-four-slide .info p {font-size:9px;padding-top: 4px; letter-spacing:-1px; }

	.main-four-slide .slick-slide { padding:0 8px; }
	.main-four-slide .info p em {padding-right:6px;}
	.main-four-slide button.slick-arrow {width:15px; margin-top: -57px; }
	.main-four-slide button.slick-arrow.slick-next { right:-15px; }
	.main-four-slide button.slick-arrow.slick-prev { left: -15px; }
}



.main-four-boxes {  }
.main-four-boxes ul { font-size:0; }
.main-four-boxes ul li { display:inline-block; vertical-align:top; width:24%; margin-right:1.333333%; }
.main-four-boxes ul li:last-of-type { margin-right:0; }
.main-four-boxes ul li a { display:block;  }
.main-four-boxes ul li a:hover { box-shadow:7px 7px 20px 0px rgba(0,0,0,0.3);  }
.main-four-boxes ul li .imgbox { position:relative; }
.main-four-boxes ul li .imgbox img { width:100%; }
.main-four-boxes ul li .imgbox .over { position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.3); opacity:0; }
.main-four-boxes ul li .imgbox .over span { display:inline-block; width:150px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#fff; background:#2a416c;
position:absolute; left:50%; top:50%; 
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.main-four-boxes ul li a:hover .imgbox .over { opacity:1; }

.main-four-boxes ul li .info { height:85px; line-height:85px; padding:0 20px; font-size:20px; color:#222; font-weight:500; font-family:'NanumBarunGothic' }

.main-four-boxes ul li a,
.main-four-boxes ul li .imgbox .over { transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }


@media screen and (max-width:1400px){
	.main-four-boxes ul li .info{ padding:0; font-size:20px; height:70px; line-height:70px;}

}
@media screen and (max-width:1060px){
	.main-four-boxes ul li .info{ font-size:18px; height:50px; line-height:50px;}
}
@media screen and (max-width:930px){
	.main-four-boxes ul li { width:49%; margin-right:2%; }
	.main-four-boxes ul li:nth-of-type(2n) { margin-right:0; }
	.main-four-boxes ul li:nth-of-type(n+3) { margin-top:5%; 	 }
	.main-four-boxes ul li .info{padding:0 10px; font-size:15px; height:42px; line-height:42px;}
}

@media screen and (max-width:640px){
	.main-four-boxes ul li .info { padding:0; font-size:13px;  }
}
@media screen and (max-width:360px){
	.main-four-boxes ul li .info { font-size:12px;  }
}


















.main-two-photo { font-size:0; }
.main-two-photo ul {  }
/* .main-two-photo ul li { display:inline-block; vertical-align:top; width:49%; margin-right:2%; } */
.main-two-photo ul li { display:block; text-align:center; }
.main-two-photo ul li:nth-of-type(even) { margin-right:0;  }
.main-two-photo ul li img { max-width:100%;  }




@media screen and (max-width:640px){
	/* .main-two-photo ul li { width:100%; margin-right:0; }
	.main-two-photo ul li + li { margin-top:5%; } */
}




.main-half-boxes { font-size:0; }
.main-half-boxes > div { position:relative; display:inline-block; vertical-align:top; width:49%; margin-right:2%; height:500px;}
.main-half-boxes > div:nth-of-type(even) { margin-right:0; }
.main-half-boxes .imgbox { width:100%; height:100%; background:url("/images/main/main_community_img.jpg") no-repeat right bottom; background-size:cover; box-sizing:border-box; padding:45px; }
.main-half-boxes .imgbox span { display:block; font-size:30px; color:#fff; font-weight:300;}
.main-half-boxes .imgbox p { font-size:28px; color:#fff; font-weight:500; line-height:1.2; }

.main-half-boxes a.more { position:relative; display:inline-block; width:18px; height:18px; }
.main-half-boxes a.more:before { content:''; position:absolute; left:50%;top:0; margin-left:-1px; width:2px; height:100%; background:rgba(42,65,108,0.6); }
.main-half-boxes a.more:after { content:''; position:absolute; left:0;  top:50%; margin-top:-1px; width:100%; height:2px; background:rgba(42,65,108,0.6);  }
.main-half-boxes .tit { font-family:"Noto Sans KR"; font-weight:500;position:relative; font-size:26px; color:#222; padding-bottom:12px; }
.main-half-boxes .tit a.more { position:absolute; right:0; top:10px;  }

.main-half-boxes .board-la-box { border:1px solid #dfdfdf; background:#fff; box-sizing:border-box; padding:30px 38px; height:302px; }
.main-half-boxes .board-la-box .bd-box { padding-top:10px;  }

.main-half-boxes .t-box { margin-top:28px; }
.main-half-boxes .t-box > div { display:inline-block; vertical-align:top; width:49%;	 height:170px; border:1px solid #dfdfdf; box-sizing:border-box; background:#fff; padding:30px 38px; }
.main-half-boxes .t-box > div + div { margin-left:2%;  }
.main-half-boxes .t-box > div p { font-family:"Noto Sans KR";font-size:18px; color:#666; font-weight:300;  }

.main-half-boxes .t-box > div * { transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }

.main-half-boxes .t-box > div:hover { background:#2a416c; border-color:#2a416c;  }
.main-half-boxes .t-box > div:hover .tit { color:#fff; }
.main-half-boxes .t-box > div:hover .tit a.more:before ,
.main-half-boxes .t-box > div:hover .tit a.more:after { background:rgba(255,255,255,0.6); }
.main-half-boxes .t-box > div:hover p { color:#fff; }

.main-half-boxes .t-box > div .tit br { display:none; }


@media screen and (max-width:1340px){
	.main-half-boxes .board-la-box,
	.main-half-boxes .t-box > div  { padding:30px 25px; }
	.main-half-boxes .tit { font-size:23px; }
	.main-half-boxes .t-box > div p { font-size:16px;  }
}

@media screen and (max-width:1140px){
	.main-half-boxes .tit { font-size:20px; }
	.main-half-boxes .tit a.more { top:7px; }
	.main-half-boxes .t-box > div p br { display:none;  }
}


@media screen and (max-width:1024px){
	.main-half-boxes > div { width:100%; margin-right:0; height:auto;  }
	.main-half-boxes > div + div { margin-top:15px;  }
	.main-half-boxes .t-box { margin-top:15px; }

	.main-half-boxes .imgbox { padding-bottom:35vw; }
}

@media screen and (max-width:640px){
	.main-half-boxes .imgbox { padding-left:15px; padding-top:20px; padding-right:0;}
	.main-half-boxes .imgbox p {font-size:16px;   }
	.main-half-boxes .imgbox span { padding-bottom:5px; }

	.main-half-boxes .board-la-box, 
	.main-half-boxes .t-box > div { padding:20px 15px; }

	.main-half-boxes .board-la-box { height:auto;  }

	.main-half-boxes .tit { font-size:16px;  }
	.main-half-boxes .t-box > div { height:158px; }
	.main-half-boxes .t-box > div p { font-size:14px;  }
	.main-half-boxes .t-box > div .tit br { display:block; }
}








.main-section.botbg { background:url("/images/main/main_bot_form_bg.jpg") no-repeat center top; background-size:cover; }
.main-section.botbg .main-title { color:#fff;	 }
.main-section.botbg .main-title p { color:#fff; }

.apply-form-box {  }
.apply-form-box .inp { font-size:0; }
.apply-form-box .inp > div { display:inline-block; vertical-align:top; width:32.5%; margin-right:1.25%; }
.apply-form-box .inp > div:last-of-type { margin-right:0; }
.apply-form-box .inp input[type=text] { width:100%; height:60px; box-sizing:border-box; border:1px solid rgba(170,170,170,0.1); background:rgba(255,255,255,0.1); color:#fff; font-size:18px; padding:0 20px; font-family: 'Noto Sans KR'; font-weight:300;}

.apply-form-box .inp input[type=text]::placeholder { color:#fff; }                                
.apply-form-box .inp input[type=text]::-webkit-input-placeholder { color:#fff; }           
.apply-form-box .inp input[type=text]:-moz-placeholder { color:#fff; }                        
.apply-form-box .inp input[type=text]::-moz-placeholder { color:#fff; }                      
.apply-form-box .inp input[type=text]:-ms-input-placeholder { color:#fff !important; } 
.apply-form-box .inp input[type=text]::-ms-input-placeholder { color:#fff; }                

.apply-form-box .check-btn-area { padding-top:30px; text-align:center; }
.apply-form-box .check {  padding-bottom:15px; }
.apply-form-box .check label { display:inline-block; font-size:15px; color:#fff; font-weight:300;  font-family: 'Noto Sans KR'; }
.apply-form-box .check label input {display:inline-block;  vertical-align:middle; margin-bottom:2px; }
.apply-form-box a.btn-apply { display:inline-block; width:460px; height:70px; line-height:70px; font-size:20px; color:#fff; background:#2a416c;   font-family: 'Noto Sans KR';font-weight:400; }

@media screen and (max-width:860px){
	.apply-form-box .inp > div { width:100%; margin-right:0; margin-bottom:2%;  }
}

@media screen and (max-width:640px){
	.main-section.botbg { background-size:cover; background-position:center; }
	.apply-form-box .inp input[type=text] { height:50px; padding: 0 15px; }
	.apply-form-box .check-btn-area { padding-top:15px; }

	.apply-form-box a.btn-apply { width:100%; height:60px; line-height:60px; font-size:16px; }

	.apply-form-box .check label { font-size:14px;  }


}






/*sub contents*/
#container {}

.sub #contents{/* width:750px;  float:right;*/ min-height:400px; text-align:left; }
.sub #contents .titleArea{margin-top:30px;  margin-bottom:40px; position:relative;}	
.sub #contents .titleArea h3{ padding:0px; color:#000; font-size:40px; font-weight:600; text-align:center;}	
.sub #contents .titleArea .location { margin-top:20px; font-size:13px; text-align:center; }


.sub-top-empty { height:90px;  }
@media screen and (max-width:640px){
.sub-top-empty { height:60px;  }
}




/* 서브비주얼 */
#subVisual {height:306px; overflow:hidden; text-align:center; }
#subVisual .subv-title { text-align:center; padding-top:100px;}
#subVisual .subv-title span { display:block; font-size:60px; color:#fff; font-weight:600; text-shadow:3px 2px 5px rgba(0,0,0,0.8);}
#subVisual .subv-title p { font-size:16px; color:#fff; font-weight:400; margin-top:10px;  }

.subVsal01 { background:url("/images/sub/sub_visual01.jpg") no-repeat 50% top; }
.subVsal02 { background:url("/images/sub/sub_visual02.jpg") no-repeat 50% top; }
.subVsal03 { background:url("/images/sub/sub_visual03.jpg") no-repeat 50% top; }
.subVsal04 { background:url("/images/sub/sub_visual04.jpg") no-repeat 50% top; }
.subVsal05 { background:url("/images/sub/sub_visual05.jpg") no-repeat 50% top; }

#subVisual.subsbox { height:100px; background-position:center; }

@media screen and (max-width:640px){
	#subVisual {	height:155px; background-size:cover; }
	#subVisual .subv-title { padding-top:46px; }
	#subVisual .subv-title span { font-size:30px;  }
}






#SNB { position:relative; top:-33px; max-width:1400px; margin:0 auto;  }

.SNBWrap { text-align:center; }
.SNBWrap ul.menu { display:block; width:100%; font-size:0; font-size:0; box-shadow:1px 2px 3px 0px rgba(0,0,0,0.4);  }
.SNBWrap ul.menu li { display:inline-block; width:100%; box-sizing:border-right:1px #eee solid;}
.SNBWrap ul.menu li a { display:block; height:67px; line-height:67px; font-size:20px; color:#222; font-weight:400; text-align:center; background-color:#fff; font-family: 'Noto Sans KR'; font-weight:500;}
/* .SNBWrap ul.menu li.snb_on {  } */
.SNBWrap ul.menu li.snb_on a { color:#fff; background:#2a416c;}

.SNBWrap ul.menu.w1 { display:inline-block; width:25%; }
.SNBWrap ul.menu.w1 li {  }
.SNBWrap ul.menu.w3 li { width:33.3333333%;  }
.SNBWrap ul.menu.w4 li { width:25%;  }
.SNBWrap ul.menu.w5 li { width:20%;  }
.SNBWrap ul.menu.w6 li { width:16.666666%;  }

@media screen and (max-width:1430px){
	.SNBWrap { padding-left:15px; padding-right:15px;   }
}

@media screen and (max-width:1024px){
	#SNB { top:-25px;	 }
	.SNBWrap ul.menu li a { font-size:15px; height:50px; line-height:50px; }
}

@media screen and (max-width:640px){
	#SNB { top:-18px; }
    .SNBWrap ul.menu li {xborder-right:1px #eee solid; }
	.SNBWrap ul.menu li a { font-size:13px; height:36px; line-height:36px; }

	.SNBWrap ul.menu.w1 { width:100%;  }
	.SNBWrap ul.menu.w4 li { width:50%;  }

	.SNBWrap ul.menu.w5 { text-align:left; }
	.SNBWrap ul.menu.w5 li { width:50%;  }
}
@media screen and (max-width:360px){
	.SNBWrap ul.menu.w3 li a { font-size:12px; }
}







/*sub*/

.sub-title { font-size:55px; color:#222; font-weight:600; text-align:center; padding:55px 0 100px;}
.sub-title p { font-size:22px; color:#666; padding-top:10px; line-height:1.4; font-weight:300; }


@media screen and (max-width:1120px){
	.sub-title p br { display:none; }
}


@media screen and (max-width:1024px){
	.sub-title { font-size:40px; }
	.sub-title p { font-size:19px; }
}

@media screen and (max-width:640px){
	.sub-title { font-size:30px; padding: 30px 0 40px;}
	.sub-title p { font-size:15px; }
}



.sub-container { padding-bottom:200px; }
.sub-section { position:relative; }
.sub-section + .sub-section { margin-top:150px; }

.sub-section .bgbox1 { position:absolute; left:47%; bottom:0;  width:53%; height:290px; background:#2a416c; }
.sub-section .bgbox1 + div { position:relative; z-index:10; }
.sub-section .bgbox3 { position:absolute;  bottom:0; width:53%; height:340px; background:#f2f1ef; }
.sub-section .bgbox3 + div { position:relative; z-index:10; }

.sub-section .bgbox4 { position:absolute; left:0; bottom:-75px; width:48%; height:295px; background:#f2f1ef; }
.sub-section .bgbox4 + div { position:relative; z-index:10; }

.sub-inner { max-width:1400px; margin:0 auto; }
.sub-inner.rel { position:relative; }
.sub-inner.rel .bgbox2 { position:absolute; top:50%; right:-88px; margin-top:-23.5%;  width:340px; height:100%; padding-bottom:16%;  background:#c4aa84;}
.sub-inner.rel .bgbox2 + div { position:relative; z-index:10; }

.sub-inner.rel .bgbox5 { position:absolute; right:0; top:-17%; padding:4% 0; width:40%; height:100%; background:#2a416c; }
.sub-inner.rel .bgbox5 + div { position:relative; z-index:10; }

.sub-inner.rel .bgbox6 { position:absolute; left:-5%; bottom:0;  height:80%; width:45%; background:#f2f1ef; }
.sub-inner.rel .bgbox6 + div { position:relative; z-index:10; }


@media screen and (max-width:1430px){
	.sub-inner { padding-left:15px; padding-right:15px;  }
}
@media screen and (max-width:1270px){
	.sub-section .bgbox1 { left:53%; width:48%; }
}
@media screen and (max-width:640px){
	.sub-container { padding-bottom:80px;  }
	.sub-section .bgbox1 { bottom:-3%; }
	
	.sub-section + .sub-section { margin-top:80px; }

	.sub-section .bgbox4 { width:100%; height:45%; bottom:29%; }
	.sub-inner.rel .bgbox5 { padding:0; top:-5%; height:63%; }
	.sub-inner.rel .bgbox6 { bottom: 30%; height: 63%; }
}






.sub-container.remodeling { padding-bottom:120px; }
.sub-container.remodeling .sub-section + .sub-section { margin-top:190px; }


.half-table-box { font-size:0; display:table; width:100%; table-layout:fixed;  }
.half-table-box > div { display:table-cell; text-align:center; vertical-align:middle;  }
.half-table-box > div.al-left { text-align:left;  }
.half-table-box > div.al-right { text-align:right;  }
.half-table-box > div.al-left-p1 { text-align:left; padding-left:5%; padding-bottom:65px;}
.half-table-box > div.al-left-p2 { text-align:left; padding-left:5%; }
.half-table-box > div.al-right-p1 { text-align:right; padding-bottom:33px;  }
.half-table-box > div.al-lefttop {text-align:left; vertical-align:top;   }


.half-table-box > div.graybox { background:#f7f7f7; }
.half-table-box .mover { display:none; }
.half-table-box img { max-width:100%;  }
.half-table-box img.rndicon { width:132px; }


.in-tbl-tt { font-size:40px; color:#222; font-weight:600; }
.in-tbl-tt p { font-size:20px; color:#222; font-weight:300; padding-top:10px; font-family: 'Noto Sans KR'; }

.in-tbl-bt { font-size:32px; color:#2a416c; padding-top:18px; font-weight:500;}
.in-tbl-bt p { font-size:20px; color:#222; font-weight:300; padding-top:10px; font-family: 'Noto Sans KR'; line-height:1.3; }
.in-tbl-bt.big { font-size:40px; font-weight:600;}


@media screen and (max-width:1220px){
	.half-table-box img.rndicon { width:90px; }

	.in-tbl-bt { font-size:28px; padding-top: 10px; }
	.in-tbl-bt p {font-size:19px; }
	.in-tbl-bt.big { font-size:30px; }
}
@media screen and (max-width:1024px){
	.half-table-box img.rndicon { width:60px; }
	.in-tbl-bt { font-size:22px; padding-top: 5px;  padding-left:10px; padding-right:10px;}
	.in-tbl-bt p {font-size:16px; }
}
@media screen and (max-width:995px){
	.in-tbl-bt p br { display:none; }
}


@media screen and (max-width:640px){
	.in-tbl-bt { font-size:18px; }
	.in-tbl-bt p {font-size:15px; padding-top:5px;  }

	.in-tbl-bt.big { font-size:21px;  padding-top:20px;  }
}










@media screen and (max-width:1024px){
	.in-tbl-tt {  font-size:28px;}
	.in-tbl-tt p { font-size:17px; }

	.remodeling .half-table-box > div {padding-right:10px; }
	.remodeling .half-table-box > div + div { padding-left:10px; padding-right:0;}



}
@media screen and (max-width:850px){
	.remodeling .in-tbl-tt p br { display:none;  }
}

@media screen and (max-width:640px){
	.half-table-box .pcver { display:none; }
	.half-table-box .mover { display:block; }


	.in-tbl-tt {  font-size:20px;}
	.in-tbl-tt p { font-size:15px; padding-top: 6px;}


	.half-table-box { display:block;  }
	.half-table-box > div { display:block;  }

	.remodeling .half-table-box > div {padding-right:0px; }
	.remodeling .half-table-box > div + div { padding-left:0px; padding-right:0; margin-top:20px; 	}

	.half-table-box > div.al-left-p1 {padding-left:0; padding-bottom:0; }
	.sub-inner.rel .bgbox2 { top: auto; bottom: -9%; height: 59%; margin-top:0; padding-bottom:0;}
	.sub-section .bgbox3 { bottom:-5%; }

	.sub-container.remodeling .sub-section + .sub-section { margin-top:80px; }


	.half-table-box > div.graybox { padding:25px 0; }

	.remodprocess .half-table-box + .half-table-box { margin-top:40px;} 


}







.config-taps-bar {z-index:50; position:relative; font-size:0; }
.config-taps-bar:after {content:'';  position:absolute; left:0; top:50%; width:100%; height:1px; background:#ddd; }
.config-taps-bar .sub-inner { position:relative; z-index:10; }
.config-taps-bar .bar { background:#2a416c; height:66px; border-radius:33px; }
.config-taps-bar .bar ul { padding:0 50px; display:table;   width:100%; height:100%;  box-sizing:border-box;  }
.config-taps-bar .bar ul li { display:table-cell; vertical-align:middle;  height:100%; }
.config-taps-bar .bar ul li a {position:relative; display:block; width:100%;  text-align:center; font-size:18px; color:#fff; font-weight:400; font-family: 'Noto Sans KR'; }
.config-taps-bar .bar ul li a:after { content:''; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background:rgba(255,255,255,0.5); }
.config-taps-bar .bar ul li:first-of-type a:after { content:none; }

.config-taps-bar .bar.w2 ul { padding:0 35%; }
.config-taps-bar .bar.w4 ul { padding:0 10%; }




.config-taps-bar.fix { position:fixed; left:0; top:100px; width:100%;  }
.config-taps-bar.fix + .config-taps-bar-fixbox { height:66px; }

@media screen and (max-width:640px){
	.config-taps-bar.fix { top:60px; }
}



.config-taps-bar .bar.col1 ul li:nth-of-type(4) { width:20%; }
.config-taps-bar .bar.col1 ul li:nth-of-type(5) { width:13%; }
.config-taps-bar .bar.col1 ul li:nth-of-type(6) { width:14%; }

.config-taps-bar .bar.col2 ul li:nth-of-type(1) { width:20.5%; }
.config-taps-bar .bar.col2 ul li:nth-of-type(2) { width:20%; }
.config-taps-bar .bar.col2 ul li:nth-of-type(3) { width:27.5%; }

.config-taps-bar .bar.col3 ul li:nth-of-type(1) { width:51%; }

.config-taps-bar .bar.col4 ul li:nth-of-type(1) { width:25%; }
.config-taps-bar .bar.col4 ul li:nth-of-type(3) { width:26%; }
.config-taps-bar .bar.col4 ul li:nth-of-type(4) { width:25%; }



@media screen and (max-width:1200px){
	.re-config-contain.top-re2 .config-taps-bar .bar ul li a { font-size:15px;  }
}



@media screen and (max-width:1000px){
	.config-taps-bar .bar ul { padding:0 20px; }
	.config-taps-bar .bar ul li a { font-size:15px;  }
	.config-taps-bar .bar.w2 ul { padding:0 20%;  }
}

@media screen and (max-width:800px){
	.config-taps-bar .bar ul { display:block; padding:2px 0px 0 0px; }
	.config-taps-bar .bar ul li { display:inline-block; vertical-align:top; width:33.3333%; height:30px; line-height:30px; }
	.config-taps-bar .bar ul li:nth-of-type(4) a:after { content:none;  }
	.config-taps-bar .bar ul li a { font-size:14px;  } 

	.config-taps-bar .bar.col1 ul li:nth-of-type(4) ,
	.config-taps-bar .bar.col1 ul li:nth-of-type(5) ,
	.config-taps-bar .bar.col1 ul li:nth-of-type(6) { width:33.3333%; }


	.config-taps-bar .bar.w4 ul { padding:2px 0px 0 0px; }
	.config-taps-bar .bar.w4 ul li { width:50%;  }
	.config-taps-bar .bar.w4 ul li:nth-of-type(3) a:after { content:none; }
	.config-taps-bar .bar.w4 ul li:nth-of-type(4) a:after { content:''; }

	.config-taps-bar .bar.col2 ul li:nth-of-type(1) ,
	.config-taps-bar .bar.col2 ul li:nth-of-type(2) ,
	.config-taps-bar .bar.col2 ul li:nth-of-type(3) { width:50%; }

	.config-taps-bar .bar.col4 ul li:nth-of-type(1) ,
	.config-taps-bar .bar.col4 ul li:nth-of-type(3) ,
	.config-taps-bar .bar.col4 ul li:nth-of-type(4) { width:50%; }

	.config-taps-bar .bar.w2 { height:50px; }
	.config-taps-bar .bar.w2 ul { padding:9px 10px 0 10px; }
	.config-taps-bar .bar.w2 ul li { width:50%;  }

	.config-taps-bar .bar.col3 ul li:nth-of-type(1) { width:50%; }

}

@media screen and (max-width:640px){
	.config-taps-bar .bar { height:90px; }
	.config-taps-bar .bar ul { padding:0 10px; }
	.config-taps-bar .bar ul li { width:50%;  }
	.config-taps-bar .bar ul li:nth-of-type(4) a:after { content:'';  }
	.config-taps-bar .bar ul li:nth-of-type(3) a:after ,
	.config-taps-bar .bar ul li:nth-of-type(5) a:after { content:none;  }


	.config-taps-bar .bar.col1 ul li:nth-of-type(4) ,
	.config-taps-bar .bar.col1 ul li:nth-of-type(5) ,
	.config-taps-bar .bar.col1 ul li:nth-of-type(6) { width:50%; }

	.config-taps-bar .bar.w4 { height:66px; }
	

	.config-taps-bar.fix + .config-taps-bar-fixbox.he1 { height:90px; }

	.config-taps-bar .bar ul li a { font-size:13px; }

	.config-taps-bar .sub-inner { padding-left:0; padding-right:0; }
	.config-taps-bar .bar { border-radius:0;  }
}
@media screen and (max-width:360px){
	.config-taps-bar .bar ul li a { font-size:12px; }
}









.re-config-contain .sub-section + .sub-section { margin-top:0; padding-top:150px; }
.re-config-contain.top-re1 .sub-section + .sub-section  {margin-top:50px; padding-top:100px; }

.config-box {  }
.config-box .sub-inner > span { display:block; font-size:40px; color:#222; font-weight:600; line-height:1.2; }
.config-box .sub-inner > span + p {font-size:20px; color:#666;  padding-top:10px; padding-bottom:50px;   }



@media screen and (max-width:1024px){
	.config-box .sub-inner > span { font-size:32px; }
}
@media screen and (max-width:640px){
	.config-box .sub-inner > span { font-size:20px; }

	.re-config-contain .sub-section + .sub-section { padding-top:60px;  }
	.re-config-contain.top-re1 .sub-section + .sub-section {margin-top:0px; padding-top:50px; }
}





.config-box .imgbox img { max-width:100%;  }
.config-box .imgbox img.mover { display:none; }
/* 팝업설정 */
.config-box .img-box {display: flex;}
.config-box .img-box.mover { display:none;}
.config-box .img-box img {max-width: 50%;}
.popup-img {cursor: pointer;}
.index-99999 {z-index: 999999999999999;}

.popup_wrap {position: fixed; left: 0; top: 0; z-index: 99999999999999; background-color: rgba(0,0,0,0.8);width: 100%; height: 100%; display: none;}
.pop_block {display: block;}
.popup_wrap ul {position: relative; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%;}
.popup_wrap ul .btn_close {position: absolute; right: 25%; top: 5%; width: 40px; height: 40px; filter: invert(100%); cursor: pointer; z-index: 999999999;}
.popup_wrap ul li {position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; max-width: 100%;}
.opacity {opacity: 1 !important;}
.z-index-99 {z-index: 99;}
.popup_wrap img {max-width: 100%;}
.btn_close {cursor: pointer;}
@media(max-width:920px) {
.popup_wrap ul .btn_close {right: 5%; top: 5%; }
.popup_wrap ul li {width: 90%;}}
@media(max-width:640px) {
    .popup_wrap ul li {width: 100%;}
}

/* .overflow {overflow: hidden; position: fixed;} */
/* @media(max-width:920px) {
.popup_wrap ul .btn_close {top: 15%;}
}
@media(max-width:640px) {
.popup_wrap ul li {width: 90%;}
    .popup_wrap ul .btn_close {right: 0px; top: -40px; width: 30px; height: 30px; right: 5% ;}
}
 */


.config-box .table-box { padding-top:40px;  }
.config-box .table-box.mtop { padding-top:80px; }
.config-box .table-box table { width:100%; }
.config-box .table-box table colgroup col:nth-of-type(1) {  width:315px; }
.config-box .table-box table td { padding:15px 45px; font-size:20px; color:#222; border:1px solid #dfdfdf; border-width:0 0 1px 1px; font-family:  'Noto Sans KR'; }
.config-box .table-box table td b { font-family: 'Noto Sans KR'; font-weight:500;}
.config-box .table-box table td u { text-decoration:none;  font-family: 'Noto Sans KR';font-weight:300;}
.config-box .table-box table td u.bt {display:inline-block; xvertical-align:middle; color:#2a416c; 	margin-right:15px; }
.config-box .table-box table td p.ut { font-size:16px; color:#666; padding-top:5px;font-family: 'Noto Sans KR';  }
.config-box .table-box table em { font-size:16px;  font-family: 'Noto Sans KR'; }
.config-box .table-box table thead td { background:#5c7cb8; color:#fff;  }
.config-box .table-box table td:first-of-type { text-align:center; padding:15px 10px; border-left-width:0;  }
.config-box .table-box table td.lef2 { text-align:left; padding-left:45px; vertical-align:top;  }

.config-box .table-box table td.bbg { background:#f1f1f3; color:#222;  }
.config-box .table-box table td ul {  }
.config-box .table-box table td ul li {position:relative; display:inline-block; vertical-align:top; padding-left:15px;	 }
.config-box .table-box table td ul li + li { margin-left:30px; }
.config-box .table-box table td ul li:after { content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#2a416c; }

.config-box .table-box table td.ptt ul { display:inline-block; vertical-align:middle; width:calc(100% - 64px);  }

.config-box .table-box table tfoot td { background:#2a416c; font-weight:500; color:#fff; border-bottom-width:0; font-family: 'Noto Sans KR'; }
.config-box .table-box table + p { text-align:right; font-size:16px; color:#666; padding-top:5px; font-family: 'Noto Sans KR';  }

.config-box .table-box table tbody.btop td { border-top:1px solid #dfdfdf;   }

.config-box .table-box table.center td { text-align:center;  }
.config-box .table-box table.center td.lef2 { padding-left:10px;  }

.config-box .imgbox.center { text-align:center;  }

.config-box .gray-box { background:#f1f1f2; padding:30px 0; margin-top:75px; }
.config-box .gray-box > div { max-width:1400px; margin:0 auto; position:relative; padding-left:324px; box-sizing:border-box; }
.config-box .gray-box > div .le-tt { position:absolute; left:0; top:0; font-size:24px; color:#222; font-weight:600; line-height:1.3; }
.config-box .gray-box > div ul { font-size:0; /* display:table; */ display: flex;  flex-direction: row; width:100%; justify-content: space-evenly;padding-right: 15px; align-items: flex-start;}
.config-box .gray-box > div ul li {/*  display:table-cell; */ width: 25%; font-size:18px; color:#2a416c;font-family: 'Noto Sans KR'; /* width: 100px; */  display: flex; align-items: center; justify-content: center;}
.config-box .gray-box > div ul li i { /* display:inline-block; */ display: block;  vertical-align:middle; width: 72px; min-width: 72px; height:72px; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:10px;}
.config-box .gray-box > div ul li i.c1 { background-image:url("/images/sub/config_gray_baricon01.png"); }
.config-box .gray-box > div ul li i.c2 { background-image:url("/images/sub/config_gray_baricon02.png"); }
.config-box .gray-box > div ul li i.c3 { background-image:url("/images/sub/config_gray_baricon03.png"); }
.config-box .gray-box > div ul li i.c4 { background-image:url("/images/sub/config_gray_baricon04.png"); }
.config-box .gray-box > div ul li span {/* display: inline-block; */ display: block; text-align: center;}


.config-box .table-box + .imgbox { margin-top:90px;  }



.half-inboxes-contain { font-size:0; }
.half-inboxes-contain > div { display:inline-block; vertical-align:top; width:48%; } 
.half-inboxes-contain > div + div { margin-left:4%;  }
.half-inboxes-contain img { max-width:100%;  }


.half-inboxes-contain .table-box table colgroup col:nth-of-type(1) {  width:150px; }





@media screen and (max-width:1430px){
	.config-box .gray-box > div .le-tt { left:15px;  }
}

@media screen and (max-width:1300px){
	.config-box .gray-box > div { padding-left: 244px; }
	.config-box .gray-box > div .le-tt { font-size:20px; }
	.config-box .gray-box > div ul li { font-size:16px; }
	.config-box .gray-box > div ul li i { width:60px; min-width: 60px; height:60px; }
}

@media screen and (max-width:1110px){
	.config-box .gray-box > div { padding-left:205px; }
    .config-box .gray-box > div ul li {flex-direction: column;}
	.config-box .gray-box > div ul li span { display:block; padding-top:10px; word-break:keep-all; /* padding-right:10px;   */}
}



@media screen and (max-width:1024px){
	.config-box .table-box table td { font-size:16px; padding: 15px 25px; }
	.config-box .table-box table colgroup col:nth-of-type(1) { width:255px; }

	.half-inboxes-contain .table-box table colgroup col:nth-of-type(1) {  width:130px; }
}

@media screen and (max-width:900px){
	.config-box .table-box table ,
	.config-box .table-box table thead ,
	.config-box .table-box table tbody ,
	.config-box .table-box table tfoot ,
	.config-box .table-box table tr ,
	.config-box .table-box table td { display:block; width:100%; box-sizing:border-box; border-left-width:0;  }

	.config-box .table-box table td { padding:10px 5px;font-size:12px; letter-spacing:-1px;  }
	.config-box .table-box table td:first-of-type { text-align:left; padding:10px 5px; }

	.config-box .table-box table tbody { margin:10px 0; border-top:1px solid #dfdfdf; }

	.config-box .table-box table tfoot td + td { border-top:1px solid #dfdfdf; }

	.config-box .table-box table td ul li { padding-left:11px;  margin-right:15px; }
	.config-box .table-box table td ul li:after { top:9px; ; }
	.config-box .table-box table td ul li + li { margin-left:0; }

	.config-box .table-box table + p { font-size:14px; text-align:left;  }
}


@media screen and (max-width:640px){
	.config-box .gray-box { padding-left:15px; padding-right:15px; margin-top:35px; padding-top:20px; padding-bottom:20px;  }
	.config-box .gray-box > div { padding-left:0; }
	.config-box .gray-box > div .le-tt { position:relative; left:auto; top:auto;  padding-bottom:20px; }
	.config-box .gray-box > div .le-tt br { display:none;  }
	.config-box .gray-box > div ul li { text-align:center; font-size:14px; }
	.config-box .gray-box > div ul li i { margin-right:0; }
	.config-box .gray-box > div ul li span { padding-right:10px; padding-left:10px; line-height:1.2;}

	.config-box .table-box { padding-top:20px; }

	.config-box .imgbox img.pcver { display:none; }
	.config-box .imgbox img.mover { display:block; }
    .config-box .img-box.pcver { display:none; }
	.config-box .img-box.mover { display:flex; }

	.config-box .table-box table td p.ut { font-size:12px; }

	.config-box .table-box table td u.bt:nth-of-type(2) { vertical-align:top;  }
	.config-box .table-box table td.ptt ul + br + u.bt ,
	.config-box .table-box table td.ptt ul + br + u.bt + ul  { margin-top:10px; }

	.config-box .table-box + .imgbox { margin-top:30px;  }

	.config-box .table-box.mtop { padding-top:10px;  }

	.config-box .sub-inner > span + p { font-size:15px;  padding-top:10px; padding-bottom:20px;   }




	.half-inboxes-contain > div { width:100%;  }
	.half-inboxes-contain > div + div { margin-left:0; margin-top:8%; }

}







/*borad*/

.subcontainer { max-width:1400px; margin:0 auto; padding:40px 0 100px; }
.subcontainer .sub-title { padding-bottom:80px; }

@media screen and (max-width:1430px){
	.subcontainer { padding-left:15px; padding-right:15px;  }
}

@media screen and (max-width:640px){
	.subcontainer { padding-top:20px; padding-bottom:50px;  }
	.subcontainer .sub-title { padding-bottom:25px; }
}







/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}

/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th, 
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}

/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto 100px; }
.rule-txt-area textarea { width:100%; height:500px;  padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#222; font-weight:400; line-height:1.5;}	
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center;  }


@media screen and (max-width:640px){
	.rule-txt-area { margin-bottom:50px; }
	.rule-txt-area textarea {font-size:14px;  }
}




/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px;  padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay #Board .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}

/*foot*/
#foot{width:100%; background:#3d3d3d; text-align:center; padding:43px 0; }
.footWrap {position:relative; max-width:1400px; margin:0 auto; }
.footWrap .footCnt {}
.footWrap .footCnt .com-btns { margin-bottom:25px;  }
.footWrap .footCnt .com-btns a {font-size:17px; color:#e4e6e9;  display:inline-block; vertical-align:top; }
.footWrap .footCnt .com-btns a + a { margin-left:37px;  }
.footWrap .footCnt address {}
.footWrap .footCnt address span {display:inline-block; vertical-align:top; padding:0 10px; font-size:15px; color:#aaa;}

.footWrap .footCnt p { vertical-align:middle; font-size:14px; color:#aaa; padding-top:10px; }
.footWrap .footCnt p a {color:#aaa;}
.footWrap .footCnt p a:hover {text-decoration:underline;}

.footWrap .footCnt span.secret { display:inline-block;  vertical-align:middle; margin-bottom:3px; }


@media screen and (max-width:640px){
	#foot { padding:40px 15px; box-sizing:border-box;  }
	.footWrap .footCnt .com-btns a { font-size:15px;  }
	.footWrap .footCnt .com-btns a + a { margin-left:20px; }
	.footWrap .footCnt address span { font-size:13px; padding:0 5px;  }
}







.login #MemBody .order_title {margin-bottom:25px; text-align:center;}






/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-235px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:90px; padding-right:10px; text-align:right;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}


@media screen and (max-width:500px){
	div#box { width:calc(100% - 30px); margin-left:0; left:auto; bottom:150px; box-sizing:border-box; }
	div#p_input span.label { width:70px; }
	.divbox .text {width:110px;  }
}