@charset "utf-8";
/* main */

.block_clear {clear:both; }
/*web*/
@media all and (min-width:801px) {
/*Social1*/
.content { width:980px;  margin:auto; margin-top:50px; margin-bottom:50px; overflow:hidden; min-width:980px; }
.content h2.title {font-size:36px; color:#a6937c; line-height:36px;  margin-bottom:30px}
.content h3 {font-size:24px; font-weight:bold; color:#a6937c; padding-bottom:20px}
.bg_box {background-color:#ede8e1; float:left; margin-top:50px;}
.bg_box_padding {padding:30px 0 0 20px}
/*Social2,3*/
.content .layout_sub {width:100%}
.content .layout_sub .left_txt {float:left; width:600px; font-size:13px; line-height:18px; color:#707070;text-align:justify}
.content .layout_sub .right_img {float:right; width:330px;}
.content .layout_sub .right_img img{width:100%}
.content p a{text-decoration:none;color:#a6937c;vertical-align:middle; height:100%}
.content p a:visited {text-decoration:none;color:#a6937c;}
.content p.go_home {padding-top:30px; color:#a6937c; font-weight:bold}
.content p.go_home img{vertical-align:middle}
}

/*Tablet*/
@media all and (min-width: 481px) and (max-width: 768px) {
/*Social1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px  }
.content h2.title {font-size:195%; color:#a6937c; line-height:110%; margin-bottom:25px}
.content h3 {font-size:130%; font-weight:bold; color:#a6937c; padding-bottom:10px}
.bg_box {background-color:#ede8e1; float:left; margin-top:40px;}
.bg_box_padding {padding:30px 0 30px 20px}
.bg_img_padding{padding-top:15%; background-color:#342b1f}
/*Social2,3*/
.content h2.title {font-size:195%; color:#a6937c; line-height:110%; margin-bottom:25px}
.content .layout_sub {width:100%;}
.content .layout_sub .left_txt {float:left; width:61%; font-size:100%; line-height:150%; color:#707070}
.content .layout_sub .right_img {float:right; width:33%; }
.content .layout_sub .right_img img{width:100%;}
.content p.txt {font-size:95%; color:#707070; line-height:150%;  text-align:justify;}
.content p a{text-decoration:none;color:#a6937c; vertical-align:middle; height:100%}
.content p a:visited {text-decoration:none;color:#a6937c;}
.content p.go_home {padding-top:30px; color:#a6937c; font-weight:bold}
.content p.go_home img{vertical-align:middle}
}


/*Tablet(아이폰5)568*/
@media all and (min-width: 568px) and (max-width: 568px) {
.content h2.title {font-size:140%; color:#a6937c; line-height:140%; margin-bottom:10px; }
.content p.txt {font-size:95%; color:#707070; line-height:150%;  text-align:justify;}
.bg_box {background-color:#ede8e1; margin-top:40px;}
.content .layout_sub .left_txt { font-size:65%; line-height:140%; color:#707070;text-align:left; }
/*Social2,3*/
.content p a{text-decoration:none;color:#a6937c; vertical-align:middle; height:100%}
.content p a:visited {text-decoration:none;color:#a6937c;}
.content p.go_home {padding-top:30px; color:#a6937c; font-weight:bold}
.content p.go_home img{vertical-align:middle; width:11%}
}

/*Tablet(갤럭시노트)800*/
@media all and (min-width: 769px) and (max-width: 800px) {
/*Social1*/
.content { width:100%; height:auto; margin:auto; overflow:hidden; }
.content h2.title {font-size:195%; color:#a6937c; line-height:110%; margin-bottom:25px}
.content h3 {font-size:130%; font-weight:bold; color:#a6937c; padding-bottom:10px}
.bg_box {background-color:#ede8e1; float:left; margin-top:40px;}
.bg_box_padding {padding:30px 0 30px 20px}
.bg_img_padding{padding-top:15%; background-color:#342b1f}
/*Social2,3*/
.content .layout_sub {width:100%}
.content .layout_sub .left_txt {float:left; width:61%; font-size:100%; line-height:150%; color:#707070;text-align:justify}
.content .layout_sub .right_img {float:right; width:33%;}
.content .layout_sub .right_img img{width:100%}
.content p a{text-decoration:none;color:#a6937c; vertical-align:middle; height:100%}
.content p a:visited {text-decoration:none;color:#a6937c;}
.content p.go_home {padding-top:30px; color:#a6937c; font-weight:bold}
.content p.go_home img{vertical-align:middle}
}

/*mobile*/
@media all and (max-width: 480px) {
/*Social1*/
.content { padding:0 2% 0 2%; overflow:hidden; float:left; margin-bottom:50px }
.content h2.title {font-size:195%; color:#a6937c; line-height:1.2em; margin-bottom:25px;margin-top:25px; text-align:left}
.content h3 {font-size:130%; font-weight:bold; color:#a6937c; padding-bottom:10px;text-align:left}
.bg_box {background-color:#ede8e1; margin-top:40px; padding:4%}
.bg_box img{display:none}
/*Social2,3*/
.content .layout_sub .left_txt {width:100%; font-size:120%; line-height:150%; color:#707070; text-align:left}
.content .layout_sub .right_img {width:100%; text-align:center}
.content .layout_sub .right_img img{width:70%}
.content .layout_sub p.go_home {width:70%; margin:auto; margin-top:20px; margin-bottom:20px;}
.content .layout_sub p.go_home a{text-decoration:none;color:#a6937c; font-size:150%; text-align:left; display:block; padding-left:50px;background:url(/Assets/images/contents/bl_arrow_mobile.jpg) no-repeat 0 5px}
.content .layout_sub p.go_home a:visited {text-decoration:none;color:#a6937c;}
.content .layout_sub p.go_home img{display:none}
}

/*mobile아이폰320*/
@media all and (max-width: 320px) {

}