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

/*web*/
@media all and (min-width:801px) {
.sub { background-color:#ede8e1; width:100%; height:auto; text-align:center; }
.sub .visual { margin:auto; width:980px }
.sub .visual_mobile {display:none}

.sub_navi {width:980px; height:70px; margin:auto; background: url(../images/main/main_shadow.jpg) repeat-x; }
.sub_navi ul{padding-top:30px;}
.sub_navi li {display:inline;}
.sub_navi li a{float:left; background-color:#ede8e1; padding:0 20px 0 20px; font-family:Arial;  margin-left:1px; font-size:12px; color:#a6937c; font-weight:bold; text-decoration:none; line-height:40px; }
.sub_navi li a.vistied {font-size:12px; color:#a6937c; font-weight:bold;  text-decoration:none}
.sub_navi li.on a{font-size:12px; color:#fff; font-weight:bold; text-decoration:none; background-color:#a6937c}
.sub_navi li.on a:visited{font-size:12px; color:#fff; font-weight:bold; text-decoration:none; background-color:#a6937c}
 }

/*Tablet*/
@media all and (min-width: 481px) and (max-width: 768px) {
.sub { padding:0 2% 0 2%;height:auto; text-align:center; }
.sub .visual_mobile {display:none}
.sub_navi {margin:0 2% 0 2%; height:100px;  background: url(../images/main/main_shadow.jpg) repeat-x center 0;  }
.sub_navi ul{padding-top:30px;}
.sub_navi li{display:inline}
.sub_navi li a{float:left; background-color:#ede8e1; padding:0 15px 0 15px; font-family:Arial;  margin-left:1px; font-size:80%; color:#a6937c; font-weight:bold; text-decoration:none; line-height:40px; height:40px}
.sub_navi li a.vistied {font-size:80%; color:#a6937c; font-weight:bold;  text-decoration:none}
.sub_navi li.on a{font-size:80%; color:#fff; font-weight:bold; text-decoration:none; background-color:#a6937c}
.content .layout_sub .left_txt {float:left; width:61%; font-size:100%; line-height:150%; color:#707070}
}
/*Tablet(갤럭시S4)*/
@media all and (min-width: 600px) and (max-width: 600px) {
.sub_navi li a{float:left; background-color:#ede8e1; padding:0 5px 0 5px; font-family:Arial;  margin-left:1px; font-size:80%; color:#a6937c; font-weight:bold; text-decoration:none; line-height:40px; height:40px}

}

/*Tablet(갤럭시노트)800*/
@media all and (min-width: 769px) and (max-width: 800px) {
.sub { background-color:#ede8e1; width:100%; height:auto; text-align:center; }
.sub .visual_mobile {display:none}

.sub_navi {width:100%; height:100px;  background: url(../images/main/main_shadow.jpg) repeat-x; }
.sub_navi ul{padding-top:30px;}
.sub_navi li{display:inline}
.sub_navi li a{float:left; background-color:#ede8e1; padding:0 15px 0 15px; font-family:Arial;  margin-left:1px; font-size:85%; color:#a6937c; font-weight:bold; text-decoration:none; line-height:40px}
.sub_navi li a.vistied {font-size:85%; color:#a6937c; font-weight:bold;  text-decoration:none}
.sub_navi li.on a{font-size:85%;color:#fff; font-weight:bold; text-decoration:none; background-color:#a6937c}

}


/*Tablet(아이폰5)568*/
@media all and (min-width: 568px) and (max-width: 568px) {
.sub {width:100%; height:auto; text-align:center; padding:0; margin:0;overflow:hidden}
.sub .visual { margin:0; padding:0 2% 0 2%; }
.sub .visual_mobile {display:none}
.sub_navi {padding:0 2% 0 2%; height:60px;  background: url(../images/main/main_shadow.jpg) repeat-x top center;  }
.sub_navi ul{padding-top:20px; width:100%; }
.sub_navi li a{float:left; background-color:#ede8e1; padding:0 6px 0 6px; font-family:Arial;  margin-left:1px; font-size:70%; color:#a6937c; font-weight:bold; text-decoration:none; height:20px; line-height:20px}
.sub_navi li a.vistied {font-size:70%;color:#a6937c; font-weight:bold;  text-decoration:none}
.sub_navi li.on a{font-size:70%; color:#fff; font-weight:bold; text-decoration:none; background-color:#a6937c}
}

/*mobile*/
@media all and (max-width: 480px) {
.sub { width:100%; height:auto; text-align:center; min-width:320px}
.sub .visual {display:none}
.sub .visual_mobile {padding:0 2% 0 2%; }
.sub .visual_mobile img{width:100%}

.sub_navi { height:auto;padding:0 2% 0 2%;}
.sub_navi li {background-color:#ede8e1;  margin-top:1px; padding:4%}
.sub_navi li a{ font-family:Arial;   font-size:130%; color:#a6937c; font-weight:bold; text-decoration:none; }
.sub_navi li a.vistied {font-size:130%; color:#a6937c; font-weight:bold;  text-decoration:none}
.sub_navi li.on {background-color:#a6937c;}
.sub_navi li.on a{color:#fff}

}