#content {width:100%; padding-top:228px;}
#content .content-inner {width:100%;}
#content .content-inner .main-Roll {width:100%; /*border:1px solid #dbdbdb;*/ box-sizing:border-box; text-align:center; margin:0 auto; background:#f4f5f7; margin-top: -5px;}
/*#content .content-inner .main-Roll li {height:547px;} 2019-07-04 허준영_주석처리 _ 반응형 웹에서 메인배너 이미지 크기 안맞음*/
#content .content-inner .main-Roll a {  }
#content .content-inner .main-Roll img { width:100%; }

#sec2 li a {display:block;overflow:hidden;}
#sec2 li a img {transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;	
}



#content .content-inner .info-bn {position:relative; width:100%; margin-bottom:20px; line-height:70px; border-top: 1px solid #1c263f; border-bottom: 1px solid #1c263f; background:#001842; margin-top : -7px;}
#content .content-inner .info-bn ul { width:100%; max-width:1300px; margin:0 auto; background:#001842;}
#content .content-inner .info-bn ul:after {content:""; display:block; clear:both; z-index:1;}
#content .content-inner .info-bn ul li {float:left; display:table; width:20%; text-align:center;}
#content .content-inner .info-bn ul li:after {float:right; content:""; display:block; width:1px; height:20px; background:#666; margin-top:25px;}
#content .content-inner .info-bn ul li:last-child:after {width:0;}
#content .content-inner .info-bn ul li a {display:table-cell; width:100%; height:70px; vertical-align:middle;}
#content .content-inner .info-bn ul li a img { width:100%; }


#content .content-inner .main-bn {width:1301px; margin:0 auto; padding:40px 0; box-sizing:border-box;}
#content .content-inner .main-bn ul {display:inline-block; width:1300px;}
#content .content-inner .main-bn ul li {float:left;}
#content .content-inner .main-bn ul li a{display:block; overflow:hidden;}
#content .content-inner .main-bn ul li img {
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;	
	}
	
#content .content-inner .main-bn ul li.ani a:hover img, #content .content-inner .main-bn ul li.ani a:focus img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);    
}

#content .content-inner .review-M {width:100%; }/*background:url(../image/main/review_Mbg2.png) no-repeat right bottom; */
#content .content-inner .review-M-inner {position:relative; width:100%; max-width:1300px; margin:0 auto; padding:80px 0 50px;}
#content .content-inner .review-M-inner:after {content:""; display:block; clear:both; z-index:1}
#content .content-inner .review-M .review-M-inner .mScroll {position:absolute; right:40px; top: 5px;}

/*#content .content-inner .review-M-inner .reviewL-bg {position:absolute; right:-290px; bottom:0; z-index:1;}*/
#content .content-inner .review-M-inner .reviewL {float:left; /*margin-left:1%;*/ width:511px; text-align:center; overflow:hidden; }
#content .content-inner .review-M-inner .reviewL img {width:100%; max-width:531px; transition:all 0.5s ease;}
#content .content-inner .review-M-inner .reviewL img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

#content .content-inner .review-M-inner .reviewM {width:225px; margin-left:15px; /*max-width:235px;*/ height:auto;/*396px;*/ position:relative; float:left;}
#content .content-inner .review-M-inner .reviewM .slider3 li {margin-bottom:10px; overflow:hidden; }
#content .content-inner .review-M-inner .reviewM .slider3 li img {width:100%; transition:all 0.5s ease;}
#content .content-inner .review-M-inner .reviewM .slider3 li img:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

#content .content-inner .review-M-inner .reviewR {float:left;padding-top:10px; z-index:999; position:relative; width:530px;}
#content .content-inner .review-M-inner .reviewR span {display:block; width:137px; height:38px; position:absolute; left:30px; bottom:40px;}
#content .content-inner .review-M-inner .reviewR img {width:100%; max-width:530px;}
#content .content-inner .review-M-inner .review-Wrap {}

#content .content-inner .review-M h2 {margin:0 auto; width:790px; height:110px; padding-top:70px; font-size: 40px; color:#026f96; text-align:center; letter-spacing:-5px; line-height:120%; background:url(../image/main/review_Mcon.png) no-repeat right 55px;}
#content .content-inner .review-M h2 span.cc {color:#0279d3;}
#content .content-inner .review-M h2 span.sub-txt {display:block; font-size:19px; font-weight:400; letter-spacing:-2px;}

.review-M {}
.review-M ul.slider3 li img {border:1px solid #bbb; box-sizing:border-box;}
.review-M ul.slider3 li span {display:block;}
.review-M ul.slider3 li span.review-txt {width:235px; height:110px; padding:15px; background:#1c3a83; box-sizing:border-box;}

.review-M ul.slider3 li span.review-txt a {display:block; color:#fbfbfb; font-size:13px;}
.review-M #slider2-N {
    position: absolute;
    left: calc(50% - 20px);
    top: -40px;
    z-index: 100;
}
.review-M #slider2-B {
    position: absolute;
    left: calc(50% - 20px);
    bottom: -40px;
    z-index: 100;
}
/*
#content .content-inner .review-M #slider2-B img {transform:rotate(-90deg);}
#content .content-inner .review-M #slider2-N img {transform:rotate(-90deg);}
*/

#content .content-inner .review-L {width:100%; box-sizing:border-box; overflow:visible;}
#content .content-inner .review-L-inner {max-width:1300px; background:#f4f4f4; width:100%; margin:0 auto; padding-top:30px; padding-bottom:30px; box-sizing:border-box; overflow:visible;}
#content .content-inner .review-L-inner:after {content:""; display:block; clear:both; z-index:1;}

#content .content-inner .review-L-inner .reviewL-bg {position:absolute; left:-240px; top: 30px; z-index:1;}
#content .content-inner .review-L-inner .reviewL-L { width:100%; max-width:520px;  position:relative;}
#content .content-inner .review-L-inner .reviewL-L img { width:100%; max-width:520px;}
#content .content-inner .review-L-inner .reviewL-L span {display:block; width:137px; height:38px; position:absolute;left:250px; bottom:70px;}
#content .content-inner .review-L-inner .reviewL-R {float:left; padding-top:35px;padding-right:15px; width:100%; max-width:765px;}
#content .content-inner .review-L-inner .reviewL-R ul li {float:left; width:233px; margin-right:28px; margin-bottom:30px; #333; border:1px solid #9c9c9c;}
#content .content-inner .review-L-inner .reviewL-R ul li:nth-child(3n) {margin-right:0;}


#content .content-inner .review-L h2 {margin:0 auto; width:790px; height:110px; padding-top:70px; font-size: 40px; color:#fbfbfb; text-align:center; letter-spacing:-5px; line-height:120%; background:url(../image/main/review_Lcon.png) no-repeat right 55px;}
#content .content-inner .review-L h2 span.cc {color:#fef101;}
#content .content-inner .review-L h2 span.sub-txt {display:block; font-size:19px; font-weight:400; letter-spacing:-2px;}

#content .content-inner .bt-bn {width:100%; max-width:1300px; margin:50px auto 0; /*border:1px solid #dbdbdb; box-sizing:border-box;*/}
#content .content-inner .bt-bn ul {}
#content .content-inner .bt-bn ul:after {content:""; display:block; clear:both; z-index:1;}
#content .content-inner .bt-bn ul li {float:left; width:25%; overflow:hidden; }
#content .content-inner .bt-bn ul li.wd650 {width:50%;background-color:#aaa;}

#content .content-inner .bt-bn ul li img {width:100%; transition:all 0.5s ease; }
#content .content-inner .bt-bn ul li a:hover img, #content .content-inner .bt-bn ul li a:focus img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#content .content-inner .bt-bn ul li:first-child img {}
#content .content-inner .bt-bn ul li:nth-child(5) img {}

#content .content-inner .bt-info {width:100%;max-width:1300px; margin:0 auto; border:1px solid #dbdbdb; box-sizing:border-box; margin-top:50px;}
#content .content-inner .bt-info:after {content:""; display:block; clear:both; z-index:1;}
#content .content-inner .bt-info .cs-info {float:left; width:551px;border-right:1px solid #dbdbdb; background-color:#f3f5f7; box-sizing:border-box;}
#content .content-inner .bt-info .cs-info img {width:100%;}

#content .content-inner .bt-info .hos-info {float:left; width:321px;}
#content .content-inner .bt-info .hos-info ul li {float:left; border:1px solid #dbdbdb; box-sizing:border-box;border-top:none; border-left:none;width:50%; text-align:center;}
#content .content-inner .bt-info .hos-info ul li img {/*width:100%;*/}
#content .content-inner .bt-info .hos-info ul li:nth-child(3), #content .content-inner .bt-info .hos-info ul li:nth-child(4) {border-bottom:none;}

#content .content-inner .bt-info .reserve {position:relative; float:left; width:426px; height:230px; padding:25px 25px;box-sizing:border-box; font-family:'NotoSansKR', NotoSansKR; }
#content .content-inner .bt-info .reserve h2 {font-size:25px; color:#333;}
#content .content-inner .bt-info .reserve .sub-txt {font-size:15px; margin-top:15px;}
#content .content-inner .bt-info .reserve .agree-check {position:absolute; right:25px; top:35px;}
#content .content-inner .bt-info .reserve table {margin-top:15px; font-family:'NotoSansKR', NotoSansKR;}
#content .content-inner .bt-info .reserve table th {height:28px; text-align:center;}
#content .content-inner .bt-info .reserve table td {height:28px; text-align:left;}
#content .content-inner .bt-info .reserve input.inp1 { font-family:'NotoSansKR', NotoSansKR; width:168px; height:22px; background:#fbfbfb; border:1px solid #dbdbdb;}
#content .content-inner .bt-info .reserve input.inp2 { font-family:'NotoSansKR', NotoSansKR; width:52px; height:22px; background:#fbfbfb; border:1px solid #dbdbdb; }
#content .content-inner .bt-info .reserve select.inp3 { font-family:'NotoSansKR', NotoSansKR; -webkit-appearance:menulist-button; width:170px; height:26px; background:#fbfbfb; border:1px solid #dbdbdb; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/Image/Common/bg_arrow.png)no-repeat 95% 50%;}
#content .content-inner .bt-info .reserve select.inp4 { font-family:'NotoSansKR', NotoSansKR; width:60px; height:24px; background:#fbfbfb; border:1px solid #dbdbdb;}

#content .content-inner .family-site {width:100%; max-width:1300px; margin:60px auto;}
#content .content-inner .family-site ul li {float:left;}


/* 팝업 */
.LayerPop {
    position:absolute;
    width:40%;
    left:50%;
    margin-left:-20%;
    top:50%;
    margin-top:-150px;

    /* decoration */
    border:0px solid #001842;
    background-color:#fff;
    padding:0;
    box-sizing:border-box;
	z-index:10001;
}
.LayerPop img {width:100%;}

.LayerPop-Bg {
	z-index:9000;
    position:absolute;  
    background-color:#000;  
    display:none;  
    left:0;
    top:0;
}

@media (max-width:600px) {
    .LayerPop {
        width:80%;
        margin-left:-40%;
    }
}

.hidden { display: none; }

.LayerPop .LayerCont {padding:0;margin:0px;overflow:hidden;}

.LayerPop .LayerClose {height:30px;background:#001842;line-height:30px;color:#fff;text-align:right;vertical-align:bottom;font-size:12px;}
.LayerPop .LayerClose p {padding-right:10px;}
.LayerPop .LayerClose p input {vertical-align:middle;}
.LayerPop .LayerClose a {color:#fff;font-weight:bold;}