@charset "utf-8";
.m_t15{margin-top: 15px;}
.m_t30{margin-top: 30px;}
.p_t30{padding-top: 30px;}
#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: 20.5%;}
#m_header ul li:nth-child(2){width: 59%;}
#m_header ul li:nth-child(3){width: 20.5%;}
#m_header ul li a{display: block;}

/* 메뉴 */
div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:10;}
.all_top{display:none;position:fixed;top:30px;left:50%;margin-left:-20px;z-index:9;}
.all_top button{display:block;width:40px;height:40px;background:url(/home1/m/images/home_list_top_ic_nor.png) no-repeat 0 0;background-size:40px 40px;text-indent:-9999px;overflow:hidden;}
#allmenuwrap {position:fixed; left:-640px; top:0px; max-width:640px; width:100%; height:100%; z-index:8;background:#fff; overflow:scroll;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap ul.top {overflow: hidden; height: 60px; position: relative;}
#allmenuwrap ul.top li{position: absolute;}
#allmenuwrap li.all_menu_logo {left: 50%; margin-left: -70px; top: 50%; margin-top: -15px;}
#allmenuwrap li.all_menu_logo img{height: 30px;}
#allmenuwrap li.all_menu_bt {right: 10px; top: 50%; margin-top: -10px}
#allmenuwrap li.all_menu_bt img{height: 20px;}

#allmenuwrap .allmenu {position:relative; top:0px; left:0px; width:100%; 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: #00a7af; font-weight: bold;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/home1/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;}
#allmenuwrap .allmenu>ul>li>ul>li>a>span{display: block; font-size: 12px;}
.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;}

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

#allmenuwrap .go_mobile ul{text-align: center; font-size: 0; margin-top: 15px;}
#allmenuwrap .go_mobile ul li{display: inline-block; margin: 0 5px;}
#allmenuwrap .go_mobile ul li a{display: block; padding: 3px 10px; background: #fba0a3; border-radius: 50px; font-size: 13px; color: #ffffff; letter-spacing: -0.13em;}
#allmenuwrap .go_mobile ul li:nth-child(2) a{background: #f4bd86;}

.menu{text-align: center;}
.menu li{display: inline-block;}
.menu li a{display: inline-block; font-size: 13px; font-weight: 500; color: #878787;}
.menu li span{display: inline-block; width: 1px; height: 10px; background: #dddddd; margin: 0 10px 0 15px; }
.icon_menu{margin-top: 15px; padding: 10px 0; background: #ebeef0;}
.icon_menu ul{overflow: hidden;}
.icon_menu li{float: left; width: 25%; height: 60px;}
.icon_menu li a{display: block; font-size: 13px; text-align: center; height: 60px; position: relative;}
.icon_menu li a span{position: absolute; width: 100%; bottom: 0; left: 0;}
.icon_menu li:nth-child(1){background: url(/home1/m/images/icon_menu_01.png) no-repeat top 5px center; background-size: 35px;}
.icon_menu li:nth-child(1) a{ border-right: 1px solid #d2d4d3;}
.icon_menu li:nth-child(2){background: url(/home1/m/images/icon_menu_02.png) no-repeat top 5px center; background-size: 30px;}
.icon_menu li:nth-child(2) a{ border-right: 1px solid #d2d4d3;}
.icon_menu li:nth-child(3){background: url(/home1/m/images/icon_menu_03.png) no-repeat top 5px center; background-size: 20px;}
.icon_menu li:nth-child(3) a{ border-right: 1px solid #d2d4d3;}
.icon_menu li:nth-child(4){background: url(/home1/m/images/icon_menu_04.png) no-repeat top 5px center; background-size: 20px;}

/* 비주얼 */
#m_visual_01,
#m_visual_02{max-width: 622px; margin: 0 auto;}
#m_visual_01 .slick-dotted.slick-slider,
#m_visual_02 .slick-dotted.slick-slider{margin-bottom: 35px;}
#m_visual_01 .slick-dots,
#m_visual_02 .slick-dots{font-size:0; margin-top:100px;}
#m_visual_01 .slick-dots li,
#m_visual_02 .slick-dots li{margin: 0 2px;}
#m_visual_01 .slick-dots li button::before,
#m_visual_02 .slick-dots li button::before{width:5px; height:5px; display:inline-block; border-radius:20px; background:white; transition: all 0.5s; animation: scale 1s 1;}
#m_visual_01 .slick-dots li.slick-active button::before,
#m_visual_02 .slick-dots li.slick-active button::before{width:20px; background:white;}

/* Dots */
#m_visual_01 .slick-dotted.slick-slider,
#m_visual_02 .slick-dotted.slick-slider{margin-bottom: 10px;}
#m_visual_01 .slick-dots,
#m_visual_02 .slick-dots{position: absolute; bottom: 10px; left: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
#m_visual_01 .slick-dots li,
#m_visual_02 .slick-dots li{display: inline-block; cursor: pointer;}
#m_visual_01 .slick-dots li button,
#m_visual_02 .slick-dots li button{font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; padding: 0;}
#m_visual_01 .slick-dots li button:hover,
#m_visual_02 .slick-dots li button:focus,
#m_visual_01 .slick-dots li button:hover,
#m_visual_02 .slick-dots li button:focus{outline: none;}
#m_visual_01 .slick-dots li button:hover:before,
#m_visual_01 .slick-dots li button:focus:before,
#m_visual_02 .slick-dots li button:hover:before,
#m_visual_02 .slick-dots li button:focus:before{opacity: 1;}
#m_visual_01 .slick-dots li button:before,
#m_visual_02 .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; content: ''; text-align: center; opacity: 1; color: white;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
#m_visual_01 .slick-dots li.slick-active button:before,
#m_visual_02 .slick-dots li.slick-active button:before{opacity: 1; color: white;}

.m_banner ul{text-align: center; overflow: hidden; padding-bottom: 5px;}
.m_banner ul li{display: inline-block; width: 50%; float: left;}
.m_banner ul li a{display: block; margin-top: 10px;}
.m_banner ul li:nth-child(2) a,
.m_banner ul li:nth-child(4) a,
.m_banner ul li:nth-child(6) a,
.m_banner ul li:nth-child(8) a{padding: 0 15px 0 5px;}
.m_banner ul li:nth-child(1) a,
.m_banner ul li:nth-child(3) a,
.m_banner ul li:nth-child(5) a,
.m_banner ul li:nth-child(7) a{padding: 0 5px 0 15px;}

.m_bg01{background: url(/home1/m/images/m_main_img_10.png) no-repeat center; padding: 30px 0;}
.m_bg01 .img_wrap{max-width: 492px; margin: 15px auto 0; text-align: center; overflow: hidden;}
.m_bg01 .img_wrap>div{display: inline-block; width: 50%; float: left;}
.m_bg01 .img_wrap>div>a{display: block; margin-top: 10px;}
.m_bg01 .img_wrap div.first a{padding: 0 5px 0 10px;}
.m_bg01 .img_wrap div.last a{padding: 0 10px 0 5px;}
.m_bg01 .img_wrap_02{text-align: center;}
.m_bg01 .img_wrap_02>div{display: inline-block;}
.m_bg01 .img_wrap_02>div>a{display: block; margin-top: 10px; padding: 0 10px;}







/* 푸터 */
#m_footer{overflow: hidden; max-width: 640px; min-width: 320px; background: #f2f2f2; padding: 10px 0 80px 0;}
#m_footer .f_menu{background: #ffffff;}
#m_footer .f_menu ul{text-align: center;}
#m_footer .f_menu ul li{display: inline-block;  text-align: center;}
#m_footer .f_menu ul li a{display: inline-block; font-size: 12px; padding: 5px 0; color: #666666;}
#m_footer .f_menu ul li .line{display: inline-block; width: 1px; height: 10px; margin: 0 0px 0px 5px; background: #666666;}
#m_footer .f_sns{margin-top: 30px;}
#m_footer .f_sns ul{text-align: center;}
#m_footer .f_sns ul li{display: inline-block; margin: 0 15px;}
#m_footer .f_sns ul li a{display: block;}
#m_footer .f_sns ul li a img{height: 35px;}
#m_footer .f_logo{text-align: center; margin-top: 15px;}
#m_footer .f_logo img{height: 30px; margin: 10px 0;}
#m_footer address{font-size: 12px; text-align: center; padding: 0 10px; margin-top: 15px; color: #777777;}
#m_footer .copy{margin-top: 5px; font-size: 12px; text-align: center; padding: 10px 5px; color: #74b7b6;}

#wrap .m_quick{position: fixed; z-index: 6; height: 70px; bottom: 0; background: rgba(109,109,109,0.8); width: 100%; max-width: 640px;}
#wrap .m_quick ul{overflow: hidden;}
#wrap .m_quick ul li{float: left; width: 16.66%; height: 70px; position: relative;}
#wrap .m_quick ul li a{border-right: 1px solid #878787;height: 30px; padding: 20px 0; display: block; color: #ffffff;}
#wrap .m_quick ul li span{position: absolute; bottom: 5px; display: block; text-align: center; width: 100%; font-size: 12px;}
#wrap .m_quick ul li:nth-child(6) a{border-right: 0;}
#wrap .m_quick ul li:nth-child(1){background: url(/home1/m/images/m_quick_01.png) no-repeat center top 13px; background-size: 35px;}
#wrap .m_quick ul li:nth-child(2){background: url(/home1/m/images/m_quick_02.png) no-repeat center top 15px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(3){background: url(/home1/m/images/m_quick_03.png) no-repeat center top 15px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(4){background: url(/home1/m/images/m_quick_06.png) no-repeat center top 15px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(5){background: url(/home1/m/images/m_quick_04.png) no-repeat center top 15px; background-size: 27px;}
#wrap .m_quick ul li:nth-child(6){background: url(/home1/m/images/m_quick_05.png) no-repeat center top 12px; background-size: 20px;}