/*공통*/
.With1{color:#168839;}
.With2{color:#ec5d00;}
.In1{color:#00b0b0;}
.In2{color:#d92045;}
.In3{color:#00b0b0;}
.In4{color:#f45396;}

.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:35px 0px 25px 0px; font-weight:bold;}
#With_content .With_txt_W h3:after {
        content: "";
        display: block;
        width: 75px;
        margin: 5px 0px 10px 0px;}
#With_content .With_txt_W h3.With1:after{  border-bottom:3px solid #168839; margin:5px auto;}
#With_content .With_txt_W h3.With2:after{  border-bottom:3px solid #ec5d00; margin:5px auto;}
#With_content .Withtxt{padding:0px 40px; font-size:18px;}
#With_content .WithBtn {padding:25px 0px; }
#With_content .WithBtn a {width:195px;}
.Wbjedan {border-bottom: 7px solid #168839;}
.Wbplan {border-bottom: 7px solid #00b0b0;}
.Wbcenter {border-bottom: 7px solid #d92045;}
.wbpeople {border-bottom: 7px solid #ec5d00;}
.wbreview {border-bottom: 7px solid #f45396;}
.wbarea {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 .With2:after{  border-bottom:3px solid #ec5d00; margin:5px auto;}
#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 #f45396; margin:5px auto;}
#In_content .In_txt_W .In4:after{  border-bottom:3px solid #f45396; margin:5px auto;}
#In_content .Intxt{padding:25px 0px; font-size:18px; line-height:24px; color:#222;}
#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: #ec5d00;border-color: #f45396; width:195px;}
#In_content .btn-review {color: #fff;background-color: #f45396;border-color: #f45396; 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*/
#With{background: url(/webzine/2019_10/images/main/left_bg.jpg) no-repeat center center;  min-height:1020px;}
#With_content {float:left; padding-top:105px;}
.Wjedan{ width:41.5%;  /* margin-left:250px; */margin-left:27%;}
.Wcenter{width:41.5%; margin:150px 0px 0px 30px;}
#With h2{ position:absolute; top:150px; right:180px;}
/*
#With{background: url(/webzine/2019_06/images/main/left_bg.jpg) no-repeat center center;  min-height:1020px;}
#With_content {float:left; padding-top:105px;}
.Wjedan{width:41.5%; margin-left:7%;}
.Wcenter{width:41.5%; margin:0px 0px 0px 30px;}
#With h2{ position:absolute; top:150px; right:100px;}
*/
/*In*/
#In{background: url(/webzine/10/images/main/right_bg.gif) no-repeat bottom; padding:30px 60px 40px 80px; min-height:1020px;}
#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:45%}
.area {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_10/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}