@charset "utf-8";
#wrap{margin: 0 auto; max-width: 640px; min-width: 320px; position: relative; width: 100%;}
#wrap img {max-width:100%;}
#m_header{max-width: 640px; min-width: 320px; overflow: hidden; position: relative; top: 0; width: 100%;}
#m_header ul{overflow: hidden; background: #000000;}
#m_header ul li{float: left;}
#m_header ul li:nth-child(1){width: 62.468%;}
#m_header ul li:nth-child(2){width: 12.065%; text-align: right;}
#m_header ul li:nth-child(3){width: 12.030%; text-align: right;}
#m_header ul li:nth-child(4){width: 13.440%; text-align: right;}
#m_header ul li a{display: block;}

/* 메뉴 */
#allmenuwrap {position:fixed; right:-320px; top:0px; width:320px; height:100%; z-index:30;background:#fff; overflow:scroll;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap> ul{overflow: hidden; background: #000000;}
#allmenuwrap li.all_menu_logo {float:left;width:80%;}
#allmenuwrap li.all_menu_bt {float:right;cursor:pointer;width:20%;text-align:right;}
#allmenuwrap .icon { position:relative; top:0px; right:0px; width:320px; background:#fff;  overflow:hidden;}  
#allmenuwrap .icon ul{overflow: hidden;}
#allmenuwrap .icon ul li { float:left; width:25%;}
#allmenuwrap .icon ul li img{width:100%;}
#allmenuwrap .icon ul li a{display: block; height: 80px;}
#allmenuwrap .allmenu { position:relative; top:0px; right:0px; width:320px; overflow:hidden;}  
#allmenuwrap .allmenu dl dt { clear:both; width:280px; height:34px; padding:20px 20px 0 20px; border-top:1px solid #dadada; background:#fff; text-align:center; font-size:14px; color:#652c78; font-weight:bold; overflow: hidden;}
#allmenuwrap .allmenu dl dt span{float: left;}
#allmenuwrap .allmenu dl dt span.fr{float: right;}
#allmenuwrap .allmenu div.cover {position:relative;top:0px;left:0px;width:100%;height:0px;overflow:hidden;}
#allmenuwrap .allmenu dl dd { float:left; width:160px; height:24px; padding-top:10px; border-top:1px solid #dadada; background:#eaeaea; text-align:center; overflow:hidden; font-size:12px; color:#151515; font-weight:bold; }
#allmenuwrap .allmenu dl dd.f { float:left; width:159px; height:24px; padding-top:10px; border-top:1px solid #dadada; border-right:1px solid #dadada; background:#eaeaea; text-align:center; overflow:hidden; font-size:12px; color:#151515; font-weight:bold; }
#allmenuwrap .allmenu dl dd.w_100 {width: 100%;}
div.blinder {background: #000 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 20;}

/* 비주얼 */
.visual_wrap{max-width: 640px; min-width: 320px;}
.visual_wrap .bx-wrapper{margin-bottom: 0; border: 0; box-shadow: none;}
.visual_wrap .visual{max-width: 640px; min-width: 320px;}
.visual_wrap .visual .slider_nav_wrap{padding: 0 10px; background: #402772; height: 40px;}
.visual_wrap .visual .slider_nav_wrap .slider-nav{width: 100%; overflow: hidden; border-bottom: 1px solid #dbc9ff;}
.visual_wrap .visual .slider_nav_wrap .slider-nav li{text-align: center; float: left; width: 25%;}
.visual_wrap .visual .slider_nav_wrap .slider-nav li a{color: #333333; background: #ffffff; height: 40px; display: block; line-height: 40px; border-right: 1px solid #dbc9ff; box-sizing: border-box; font-size: 14px;}
.visual_wrap .visual .slider_nav_wrap .slider-nav li a:hover,
.visual_wrap .visual .slider_nav_wrap .slider-nav li a.active{background: #6642ad; color: #ffffff;}

/* content_wrap */
#content_wrap{width: 100%;}
.banner01{background: #eeeeee; padding: 10px;}
.banner01 ul{overflow: hidden;}
.banner01 ul li{float: left; width: 50%;}
.banner01 ul li a{display: block; padding: 5px;}

.banner02{padding: 10px;}
.banner02 ul{overflow: hidden;}
.banner02 ul li{float: left; width: 50%;}
.banner02 ul li a{display: block; padding: 5px;}

#content_wrap h2, .contact h2{font-size: 17px;}
#content_wrap span.line,.contact span.line{display: block; width: 100%; height: 1px; background: #e9e9e9;margin: 10px 0;}

.wrap, .contact{padding: 10px;}
.map div, .margin_5, .contact div{margin: 15px 0;}

#footer{width: 100%; background: #242323; padding: 0 0 20px 0;}
.footer_menu{padding: 10px 0; text-align: center; border-bottom: 1px solid #494848;}
.footer_menu ul{overflow: hidden; text-align: center; margin: 0 auto; width: 239px;}
.footer_menu ul li{float: left; line-height: 170%;}
.footer_menu ul li:nth-child(4){margin-left: 10px;}
.footer_menu ul li a{display: block; font-size: 13px; color: #5f6060;}
.footer_menu ul li a span.line{display: inline-block; width: 1px; height: 10px; margin: 0 5px; background: #5f6060;}
.info{padding: 10px;}
.info h2{text-align: center; padding: 10px 0;}
.info div{text-align: center; font-size: 13px; color: #5f6060;}