/*공통*/
.With1{color:#168839;}
.With2{color:#007cca;}
.In1{color:#00b0b0;}
.In2{color:#d92045;}
.In3{color:#ec5d00;}
.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 .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;}
.Wbcenter {border-bottom: 7px solid #007cca;}

/*In*/
#In_content {box-shadow: 5px 5px 20px #e0e0e0; background-color:#fff;}
#In_content .In_txt_W { text-align:center; padding:20px;}
#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 #ec5d00; margin:5px auto;}
#In_content .In_txt_W .In4:after{  border-bottom:3px solid #f45396; margin:5px auto;}
#In_content .Intxt{padding:0px 0px; font-size:18px; line-height:24px; color:#222;}
#In_content .btn-plan {color: #fff;background-color: #00b0b0;border-color: #00b0b0;}
#In_content .btn-area {color: #fff;background-color: #d92045;border-color: #d92045;}
#In_content .btn-people {color: #fff;background-color: #ec5d00;border-color: #ec5d00;}
#In_content .btn-review {color: #fff;background-color: #f45396;border-color: #f45396;}

.Sub {background: url(/webzine/07/images/main/right_bg.gif) no-repeat right top; min-height:800px;}

/*pc*/
@media all and (min-width: 1200px)
{
#main_content .logo {margin:60px 0px 0px 60px;}

/*With*/
#With{background: url(/webzine/08/images/main/left_bg.gif) no-repeat; min-height:1100px;}
#With_content {float:left; padding-top:65px;}
.Wjedan{width:41.5%; margin-left:60px;}
.Wcenter{width:41.5%; margin:150px 0px 0px 30px;}
#With h2{ position:absolute; top:150px; right:100px;}

/*In*/
#In{background: url(/webzine/07/images/main/right_bg.gif) no-repeat bottom; padding:30px 60px 40px 80px; min-height:1100px;}
#head {text-align:right;}
.pr20{padding-right:20px;}
#In_content{float:left; margin-top:20px; }
.plan, .area, .people, .review {width:45%}
.area, .review {margin-left:40px;}
.copyright{position:absolute; right:85px; bottom:50px; color:#653911; font-size:15px;}
}
.copy{font-size:15px;}
@media all and (max-width: 1199px)
{
#With{background: url(/webzine/08/images/main/left_bg.gif) no-repeat; }
#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;}

}