/*공통*/
.With1{color:#4f5aa9;}
.With2{color:#398439;}
.In1{color:#00b0b0;}
.In2{color:#398439;;}
.In3{color:#00b0b0;}
.In4{color:#d92045;}

.mb30{padding-bottom:100px;}

/*With*/
#With_content .With_txt_W{background-color:#fff; text-align:center; }
#With_content .With_txt_W h3 {margin:0; padding:43px 0px 25px 0px; font-weight:bold;}
#With_content .With_txt_W h3:after {
        content: "";
        display: block;
        width: 96px;
        margin: 5px 0px 10px 0px;}
#With_content .With_txt_W h3.With1:after{ width: 175px; border-bottom:3px solid #4f5aa9; margin:5px auto;}
#With_content .With_txt_W h3.With2:after{  border-bottom:3px solid #398439; margin:5px auto;}
#With_content .Withtxt{padding:0px 40px; font-size:18px; height: 45px;}
#With_content .WithBtn {padding:25px 0px; }
#With_content .WithBtn a {width:195px; }
.Wbjedan {border-bottom: 7px solid #4f5aa9;}
.Wbcenter {border-bottom: 7px solid #398439;}
.wbpeople {border-bottom: 7px solid #00b0b0;}
.wbreview {border-bottom: 7px solid #d92045;}

/*In*/
#In_content {box-shadow: 5px 5px 20px #e0e0e0; background-color:#fff;}
#In_content .In_txt_W { text-align:center; padding:35px;}
#In_content .In_txt_W h3 {margin:0; font-weight:bold; }
#In_content .In_txt_W h3:after {
        content: "";
        display: block;
        width: 75px;
        margin: 5px 0px 10px 0px;}
#In_content .In_txt_W .In1:after{  border-bottom:3px solid #00b0b0; margin:5px auto;}
#In_content .In_txt_W .In2:after{  border-bottom:3px solid #d92045; margin:5px auto;}
#In_content .In_txt_W .In3:after{  border-bottom:3px solid #00b0b0; margin:5px auto;}
#In_content .In_txt_W .In4:after{  border-bottom:3px solid #d92045; margin:5px auto;}
#In_content .Intxt{padding:25px 0px; font-size:18px; line-height:24px; color:#222; height: 97px;}
#In_content .btn-plan {color: #fff;background-color: #00b0b0;border-color: #00b0b0; width:195px;}
#In_content .btn-area {color: #fff;background-color: #d92045;border-color: #d92045; width:195px;}
#In_content .btn-people {color: #fff;background-color: #00b0b0;border-color: #00b0b0; width:195px;}
#In_content .btn-review {color: #fff;background-color: #d92045;border-color: #d92045; width:195px;}


.Sub {background: url(/webzine/10/images/main/right_bg.gif) no-repeat right top;  min-height:800px;}
.con_title br {/* display:none; */}


/*pc*/
@media all and (min-width: 1200px)
{
#main_content .logo {margin:60px 0px 0px 60px; float:left; width:100%;}

/*With*/
#With{background: url(/webzine/2019_09/images/main/left_bg.jpg) no-repeat right bottom;  min-height:1020px;    width: 35%;}
#With_content {float:left;  }
.Wjedan{width:52.5%; /* margin-left:250px; */margin-left:23%;padding-top: 110px;}
.Wcenter{width:30%; margin-right: 40px;padding-top: 76px;}
#With h2{ position:absolute; top:150px; right:100px;}

/*In*/
#In{background: url(/webzine/10/images/main/right_bg.jpg) no-repeat right bottom; padding:30px 60px 40px 80px; min-height:1020px;  width: 65%;}
#head {text-align:right;}
.pr20{padding-right:20px;}
#In_content{float:left; margin-top:72px; /* min-height:300px; */ min-height:370px;}
.plan, .area, .people, .review {width:30%;}
.area, .review {margin-left:40px;}
.copyright{position:absolute; right:85px; bottom:50px; color:#4a3d39; font-size:15px;}
}
.copy{font-size:15px;}
@media all and (max-width: 1199px)
{
#With{background: url(/webzine/2019_09/images/main/left_bg.jpg) no-repeat;  background-position:left top; background-color:#f6f5f3; width:100%;}
#With_content img,#In_content img{width:100%;}
}
/*중간*/
@media all and (min-width: 768px) and (max-width: 1199px)
{
.copyright{font-size:14px; padding:15px 0px;}
#main_content .logo img{width:100%;}
#With .logo {width:70%; float:left;}
#With .menuNav {margin:30px 20px 20px 0px; width:20px; height:20px; float:right;}
}
/*모바일*/
@media all and (max-width: 1199px)
{
.copyright{font-size:14px; padding: 25px 15px;}
#main_content .logo img{width:100%;}
#With .logo {width:70%; float:left;}
#With .menuNav img{width:100%;}
#With .menuNav {margin:30px 0px 20px 0px; width:20px; height:20px; float:right;}
#In{margin-bottom:15px;}
.con_title br {display:block;}

#In_content .btn-plan, #In_content .btn-area, #In_content .btn-people, #In_content .btn-review {width:195px;}

}

.Txt {float:left; margin-top:70px; margin-left:30px; font-size:31px; font-weight:700; color:#4d6b8a}