@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%; background:#ffffff;}
#m_header ul{overflow: hidden;}
#m_header ul li{float: left;}
#m_header ul li:nth-child(1){width: 17.265%;}
#m_header ul li:nth-child(2){width: 65.47%; text-align: right;}
#m_header ul li:nth-child(3){width: 17.265%; text-align: right;}
#m_header ul li a{display: block;}

/* 메뉴 */
div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:80;}
.all_top {position:fixed; right:15px; bottom:70px; z-index:999;}

#allmenuwrap {position:fixed; left:-320px; top:0px; width:320px; height:100%; z-index:30;background:#fff; overflow:scroll;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap li.all_menu_logo {float:left;width:80%;}
#allmenuwrap li.all_menu_bt {float:right;cursor:pointer;width:20%;text-align:right;}

#allmenuwrap .allmenu {position:relative; top:0px; left:0px; width:320px; overflow:hidden;}  
#allmenuwrap h1 a{display: block; text-align: center; padding: 30px 0;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding: 10px 20px; font-size: 16px;}
#allmenuwrap .allmenu>ul>li>a{color: #333333; position: relative; border-top: 1px solid #dddddd;}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #dddddd;}
#allmenuwrap .allmenu>ul>li>a.on{color: #0d4a6e; font-weight: bold;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/m/images/m_gnb_arr.png) no-repeat scroll center center; display: block; height: 9px; margin-top: -5px; position: absolute; right: 15px; top: 50%; transition: all 0.4s ease 0s, transform 0.4s ease 0s; width: 10px;}
#allmenuwrap .allmenu>ul>li>ul{background: #ebeef0;}
#allmenuwrap .allmenu>ul>li>ul>li>a{border-top: 1px solid #dbe3e7; font-size: 14px;}
.rotate180 {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.4s, -webkit-transform 0.4s;
    transition: all 0.4s, transform 0.4s;}

/* 비주얼 */
#m_visual .slick-dotted.slick-slider{margin-bottom: 0px;}
#m_visual .slick-dots{bottom: 10px;}
#m_visual .slick-dots li{margin: 0 2px;}
#m_visual .slick-dots li button::before{font-size: 15px; color: #ffffff; opacity: 1;}
#m_visual .slick-dots li.slick-active button::before {color: #0d4a6e;}

.main_title{margin: 20px 0 0 0;}

.m_banner{max-width: 640px; min-width: 320px;}
.m_banner ul{overflow: hidden;}
.m_banner ul li{float: left;}
.m_banner ul li a{display: block;}
.m_banner.w_33{margin: 20px 0 0 0;}
.m_banner.w_33 .top,.m_banner.w_33 .bottom{padding: 0 10px;}
.m_banner.w_33 li{width: 33.33%;}



.m_roll{margin: 20px 0 0 0;}
.m_roll .slick-dots{bottom: 0px;}
.m_roll .slick-dots li{margin: 0;}
.m_roll .slick-dots li button::before{font-size: 9px; color: #aaaaaa; opacity: 1;}
.m_roll .slick-dots li.slick-active button::before{color: #ffffff; opacity: 1;}
.m_roll.slick-dotted.slick-slider{margin-bottom: 0;}

div.blinder {background: #000 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 20;}


/* 푸터 */
#m_footer{overflow: hidden; max-width: 640px; min-width: 320px;}
#m_footer .f_logo{text-align: center; border-top: 1px double #dddddd; padding: 10px 0;}
#m_footer .f_logo img{width: 110px;}
#m_footer .f_menu{width: 202px; margin: 0 auto;}
#m_footer .f_menu ul{overflow: hidden;}
#m_footer .f_menu ul li{float: left;}
#m_footer .f_menu ul li a{display: block; text-align: center; font-size: 13px; padding: 5px 0;}
#m_footer .f_menu ul li .line{display: inline-block; width: 1px; height: 10px; margin: 0 5px; background: #dddddd;}
#m_footer address{font-size: 12px; text-align: center; padding: 0 10px; color: #848989;}
#m_footer .copy{margin-top: 5px; font-size: 12px; text-align: center; padding: 10px 5px; color: #c8c6c6;}