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



/*web*/
@media all and (min-width:801px) {
.main { background-color:#ede8e1; width:100%; height:auto; text-align:center; }
.main .visual { margin:auto; width:980px }
.main .visual_mobile {display:none}
.content { width:980px;  margin:auto; padding-top:50px; min-width:980px; background: url(../images/main/main_shadow.jpg) repeat-x top center; }

.content .news {float:left; width:430px ;margin-bottom:50px; }
.content .news h2 {height:40px; padding-top:8px}
.content .news h2 img{width:84px; height:12px}
.content .news li a:link { color:#707070; text-decoration:none; font-size:14px; font-family:Arial; line-height:18px; background:url(../images/main/bl_news.jpg) no-repeat left center; padding-left:10px }

.content .news li a:hover { color:#784a2d; text-decoration:none }
.content .news li a:visited { color:#707070; text-decoration:none; font-size:14px; font-family:Arial; line-height:18px; background:url(../images/main/bl_news.jpg) no-repeat left center; padding-left:10px }
.content .banner {width:433px; height:auto; float:right; }
.content .banner ul.tabs {width:60px; height:auto; float:right;  z-index:10; position:relative; top:20px; }
.content .banner ul.tabs li {width:15px; height:8px;float:left;}
.content .banner ul.tabs li img{display:none}
.content .banner ul.tabs li a:link{width:15px; height:8px; float:left; background:url(../images/main/main_tab_off.gif) no-repeat;font-size:0; display:block; }
.content .banner ul.tabs li a:visited{width:15px; height:8px; float:left;background:url(../images/main/main_tab_off.gif) no-repeat; font-size:0; display:block; }
.content .banner ul.tabs li.active{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner ul.tabs li.active a:link{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner .tab_container { width:433px; height:98px; overflow:hidden; overflow:hidden}
.content .banner .tab_content { width:100%; overflow:hidden; float:left}

.moblie {display:none}
}

/*Tablet*/
@media all and (min-width: 481px) and (max-width: 768px) {
.main { padding:0 2% 0 2%;height:auto; text-align:center; }
.main .visual_mobile {display:none}
.content {padding:0 2% 0 2%; height:auto; overflow:hidden; padding-top:30px;background: url(../images/main/main_shadow.jpg) repeat-x top center; }
.content .news { float:left; width:38% }
.content .news h2 { height:20px; padding-top:8px }
.content .news h2 img{width:84px; height:12px}
.content .news li{ background:url(../images/main/bl_news.jpg) no-repeat left center; padding-left:10px}
.content .news li a:link { color:#707070; text-decoration:none; font-size:85%;font-family:Arial; line-height:140%;}
.content .news li a:hover { color:#784a2d; text-decoration:none }
.content .news li a:visited { color:#707070; text-decoration:none }
.content .banner {width:330px; height:auto; float:right; }
.content .banner ul.tabs {width:60px; height:auto; float:right;  z-index:10; position:relative; top:20px; }
.content .banner ul.tabs li {width:15px; height:8px;float:left;}
.content .banner ul.tabs li img{display:none}
.content .banner ul.tabs li a:link{width:15px; height:8px; float:left; background:url(../images/main/main_tab_off.gif) no-repeat;font-size:0; display:block; }
.content .banner ul.tabs li a:visited{width:15px; height:8px; float:left;background:url(../images/main/main_tab_off.gif) no-repeat; font-size:0; display:block; }
.content .banner ul.tabs li.active{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner ul.tabs li.active a:link{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner .tab_container { width:330px; height:auto; overflow:hidden; }
.content .banner .tab_content { width:100%; overflow:hidden; float:left; height:75px}
.moblie {display:none}
}

/*Tablet(갤럭시노트)800*/
@media all and (min-width: 769px) and (max-width: 800px) {
.main { background-color:#ede8e1; width:100%; height:auto; text-align:center; }
.main .visual_mobile {display:none}
.content { width:800px;  margin:auto; padding-top:40px;background: url(../images/main/main_shadow.jpg) repeat-x top center;min-width:800px; }
.content .news {float:left; width:360px ;margin-bottom:50px;}
.content .news h2 {height:40px; padding-top:8px}
.content .news h2 img{width:84px; height:12px}
.content .news li a:link { color:#707070; text-decoration:none; font-size:14px; font-family:Arial; line-height:18px; background:url(../images/main/bl_news.jpg) no-repeat left center; padding-left:10px }
.content .news li a:hover { color:#784a2d; text-decoration:none }
.content .news li a:visited { color:#707070; text-decoration:none }

.content .banner {width:433px; height:auto; float:right; }
.content .banner ul.tabs {width:60px; height:auto; float:right;  z-index:10; position:relative; top:20px; }
.content .banner ul.tabs li {width:15px; height:8px;float:left;}
.content .banner ul.tabs li img{display:none}
.content .banner ul.tabs li a:link{width:15px; height:8px; float:left; background:url(../images/main/main_tab_off.gif) no-repeat;font-size:0; display:block; }
.content .banner ul.tabs li a:visited{width:15px; height:8px; float:left;background:url(../images/main/main_tab_off.gif) no-repeat; font-size:0; display:block; }
.content .banner ul.tabs li.active{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner ul.tabs li.active a:link{width:15px; height:8px; float:left;background:url(../images/main/main_tab_on.gif) no-repeat; font-size:0; display:block;}
.content .banner .tab_container { width:433px; height:auto; overflow:hidden; }
.content .banner .tab_content { width:100%; overflow:hidden; float:left; height:98px}
.moblie {display:none}
}



/*mobile*/
@media all and (max-width: 480px) {
.main { width:100%; height:auto; text-align:center; min-width:320px}
.main .visual {display:none}
.main .visual_mobile {display:run-in;  padding:0 2% 0 2% }
.content { margin:0 2% 0 2%; padding-top:30px; background: url(../images/main/main_shadow.jpg) repeat-x top center; }
.content .news h2 {height:30px}
.content .news h2 img {width:150px; height:19px; }
.content .news ul {display:run-in; }
.content .news li {background:url(../images/main/bl_news.jpg) no-repeat 0 14px ; padding-left:10px; padding-bottom:10px; font-size:130%; }
.content .news li a:link { color:#707070; text-decoration:none; font-size:130%;font-family:Arial; line-height:130%;}
.content .news li a:hover { color:#784a2d; text-decoration:none }
.content .news li a:visited { color:#707070; text-decoration:none }

.content .banner {width:100%; height:auto; overflow:hidden}
.content .banner ul.tabs {width:100px; height:auto; float:right;z-index:10; position:relative; top:40px; }
.content .banner ul.tabs li {width:25px; height:8px; float:left; }
.content .banner ul.tabs li img{display:none}
.content .banner ul.tabs li a:link{width:25px; height:18px;  background:url(../images/main/main_tab_off.jpg) no-repeat;font-size:0; display:block; }
.content .banner ul.tabs li a:visited{width:25px; height:18px;background:url(../images/main/main_tab_off.jpg) no-repeat; font-size:0; display:block; }
.content .banner ul.tabs li.active{width:25px; height:18px; background:url(../images/main/main_tab_on.jpg) no-repeat; font-size:0; display:block;}
.content .banner ul.tabs li.active a:link{width:25px; height:18px; background:url(../images/main/main_tab_on.jpg) no-repeat; font-size:0; display:block;}
.content .banner .tab_container { width:100%; height:auto; overflow:hidden; }
.content .banner .tab_content { width:100%; overflow:hidden;}

.basic {display:none}
}

/*mobile아이폰320*/
@media all and (max-width: 320px) {
.content .news h2 { margin-top:1.2em; background:url(../images/main/h2_title_news_iphone.jpg) no-repeat; text-indent:-9999px; width:9.75em;height:1.8em;display:run-in;  padding-left:1.25em; }
.content .news ul {display:run-in; }
.content .news li {background:url(../images/main/bl_news.jpg) no-repeat 0 10px ; padding-left:10px; padding-bottom:10px }
.content .news li a:link { color:#707070; text-decoration:none; font-size:100%;font-family:Arial; line-height:100%;}
.content .news li a:hover { color:#784a2d; text-decoration:none }
.content .news li a:visited { color:#707070; text-decoration:none }
}

/*Tablet(600)*/
@media all and (min-width: 568px) and (max-width: 568px) {
.main {  width:100%; height:auto; text-align:center; padding:0; background-color:#fff}
.main .visual_mobile {display:none}
.content { width:568px;  margin:auto; padding-top:40px;background: url(../images/main/main_shadow.jpg) repeat-x top center; }
}

/*Tablet(아이폰5)568*/
@media all and (min-width: 568px) and (max-width: 568px) {
.content { width:568px;  margin:auto; margin-top:40px; padding:0}

}