@charset "utf-8";
.cf:after{content:''; display: block; clear: both;}
.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: fixed;/* top:5px;*/ width: 100%; z-index:1000; height: 64px;line-height: 60px;background: #151515;}
#m_header ul{overflow: hidden;}
#m_header ul li{float: left; text-align: center;}
#m_header ul li img{vertical-align: middle;}
#m_header ul li:nth-child(1){width: 15%;}
#m_header ul li:nth-child(1) img{height: 13px;}
#m_header ul li:nth-child(2){width: 70%;}
#m_header ul li:nth-child(2) img{height: 30px;}
#m_header ul li:nth-child(3){width: 15%;}
#m_header ul li:nth-child(3) img{height: 20px;}
#m_header ul li a{display: block;}

.pdb5{padding-bottom:5% !important;}

div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:10;}
.all_top{display:none;position:fixed;top:80px;left:50%;margin-left:-20px;z-index:9;}
.all_top button{display:block;width:40px;height:40px;background:url(/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%; z-index:9999;/* background:#fff;*/background: rgba(0, 0, 0, 0.5); overflow:scroll; height: 100%;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap .top{background: #151515;}
#allmenuwrap ul.top {overflow: hidden; height: 60px; position: relative;}
#allmenuwrap ul.top li{position: absolute;}
#allmenuwrap li.all_menu_logo {left: 50%; margin-left: -100px; top: 50%; margin-top: -15px;}
#allmenuwrap li.all_menu_logo img{height: 30px;}
#allmenuwrap li.all_menu_bt {right: 10px; top: 50%; margin-top: -15px}
#allmenuwrap li.all_menu_bt img{height:24px;} 
#allmenuwrap .menu{height: 35px;width: 100%;overflow: hidden;border-top: 1px solid #5a5a5a;border-bottom: 1px solid #5a5a5a;}
#allmenuwrap .menu li{width: 50%; float: left; text-align: center; overflow: hidden; height: 40px;}
#allmenuwrap .menu li:nth-child(1) a{background: #363636;}
#allmenuwrap .menu li:nth-child(2) a{background: #363636;}
#allmenuwrap .menu li a{height: 34px;line-height: 34px;display: block;font-size: 13px;font-weight: 300;color: #fff;box-shadow: 0 2px 4px #5a5a5a;}
#allmenuwrap .menu li:nth-child(1) a{border-right: 1px solid #5a5a5a;}  
#allmenuwrap .icon_menu{background: #000000;}
#allmenuwrap .icon_menu ul{overflow: hidden;}
#allmenuwrap .icon_menu li{float: left;width: 20%;height: 85px;}
#allmenuwrap .icon_menu li a{display: block;font-size: 12px;text-align: center;margin: 24px 0;height: 43px;position: relative;letter-spacing: -1px;color: #fff;}
#allmenuwrap .icon_menu li a span{position: absolute; width: 100%; bottom: 0px; left: 0;}
#allmenuwrap .icon_menu li:nth-child(1){background: url(/m/images/m_bottom_quick_01.png) no-repeat top 15px center;background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(1) a{border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(2){background: url(/m/images/m_bottom_quick_02.png) no-repeat top 15px center;background-size: 30px;}
#allmenuwrap .icon_menu li:nth-child(2) a{border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(3){background: url(/m/images/m_bottom_quick_03.png) no-repeat top 14px center; background-size: 23px;}
#allmenuwrap .icon_menu li:nth-child(3) a{border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(4){background: url(/m/images/m_bottom_quick_04.png) no-repeat top 17px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(4) a{border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(5){background: url(/m/images/m_bottom_quick_05.png) no-repeat top 16px center; background-size: 21px;}


#allmenuwrap .allmenu{overflow: hidden; /*background: rgba(0, 0, 0, 0.5);*/}
#allmenuwrap .allmenu>ul{float: left; width: 50%;}
#allmenuwrap .allmenu>ul.m_gnb_01>li{border-right: 1px solid #707070;box-sizing: border-box;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding:0 10px; font-size: 13px;line-height:45px;}
#allmenuwrap .allmenu>ul>li a.on{background: #363636;color: #fff;text-align: center;}
#allmenuwrap .allmenu>ul>li>a{color: #fff;position: relative;border-top: 1px solid #707070;background: #363636;text-align: center;}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #707070;}
#allmenuwrap .allmenu>ul>li.last ul li a{border-top: 0; border-bottom: 1px solid #707070;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/m/images/menu_off.png) no-repeat scroll center center; display: block; height: 20px; margin-top: -10px; position: absolute; right: 15px; top: 50%; width: 10px; background-size: 5px;}
#allmenuwrap .allmenu>ul>li>ul{background: #ffffff;}
#allmenuwrap .allmenu>ul>li>ul>li>a{border-top: 1px solid #707070;font-size: 13px;font-weight: 300;background: #111111;text-align: center;color: #fff;}
.rotate180 {background: rgba(0, 0, 0, 0) url(/m/images/menu_on.png) no-repeat scroll center center / 10px auto!important; height: 10px!important; margin-top: -5px!important; right: 10px!important; width: 20px!important;}
div.blinder {background: #000 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 7;}

/* 비주얼 */

.pdt_64{padding-top:63px !important;}
#m_visual_01 {min-width: 320px;}
#m_visual_01  .slick-dots {position: absolute;bottom: 25px;}
#m_visual_01 .slick-dots li{display: inline-block;cursor: pointer;width:50px;height: 2px;margin: 0 2px;}
#m_visual_01 .slick-dots li button{font-size: 0;line-height: 0;display: block;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
#m_visual_01 .slick-dots li button:hover,
#m_visual_01 .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{opacity: 1;}
#m_visual_01 .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 button:before{width:50px;height:2px;display:inline-block;background:white;transition: width 0.5s;animation: scale 1s 1;box-sizing: border-box;border: 1px solid #ffffff;}
#m_visual_01 .slick-dots li.slick-active button:before{opacity: 1; color: white;background: none; box-sizing: border-box; border:1px solid #81b327;width: 50px;height: 2px; transition: all 0.5s;}


.m_15{margin: 15px 0;}
.m_30{margin: 30px 0;}
.m_t30{margin-top: 30px;}
.m_b2{margin-bottom: 2%;}
.m_b15{margin-bottom: 15px;}
.m_b30{margin-bottom: 30px;}

.sec_01{overflow:hidden;}
.sec_01 div{float:left;width:50%;}
.main_box_03{text-align: center; position: relative;}
.main_box_03 ul{}
.main_box_03 ul li{float: left; }
.main_box_03 ul li:nth-child(1){width:50%;}
.main_box_03 ul li:nth-child(2){width:50%;}
.main_box_03 ul li:nth-child(3){width:39.5%;}
.main_box_03 ul li:nth-child(4){width:20.9%;}
.main_box_03 ul li:nth-child(5){width:39.5%;}

.sec_02{background: #fff;}
.sec_02 ul{overflow: hidden; padding: 20px 11px;}
.sec_02 ul li{width: 33%; float: left;margin: 0 0.5px;}
.sec_02 ul li a{display: block;}

.f_logo_slide{margin: 20px 60px;}
.f_logo_slide img{width: 90%;}
.f_logo_slide .slick-next::before{content:"";}
.f_logo_slide .slick-prev::before{content:"";}

.f_logo_slide .slick-prev,
.f_logo_slide .slick-next{width: 51px; height: 51px;}
.f_logo_slide .slick-prev{background: #ffffff url(/images/main/logo_left.png) no-repeat center; left: -55px; background-size:40%;}
.f_logo_slide .slick-next{background: #ffffff url(/images/main/logo_right.png) no-repeat center; right: -55px; background-size:40%;}



/* footer */
.f_logo{padding: 36px 0;text-align: center;}
.f_logo img{height: 30px;}
.footer{clear: both;background:#0f0f0f;}
.f_menu{border-top: 1px solid #e0e0e0;}
.f_menu ul{overflow: hidden;}
.f_menu ul li{width: 20%; float: left;}
.f_menu ul li a{display: block;}
.footerDiv{color:#666666;}     
.footerDiv>div.m_quickmenu_wrap{border-bottom: 1px solid #242424;}     
.footerDiv .m_quickmenu{text-align: center;height: 35px;line-height: 35px;background: #0f0f0f;}
.footerDiv .m_quickmenu li{display: inline-block;}
.footerDiv .m_quickmenu li:nth-child(1) a:after,
.footerDiv .m_quickmenu li:nth-child(2) a:after,
.footerDiv .m_quickmenu li:nth-child(3) a:after{content: "·"; display: inline-block; margin: 0 5px;}
.footerDiv .m_quickmenu li a{display: block; font-size: 12px; color:#9e9a9a; letter-spacing: -1px;}
.footerDiv address{font-size: 12px;color: #727272;line-height: 1.5em;padding-bottom: 10px;}
.footerDiv address span,
.footerDiv .copyright span{display:block;text-align:center;letter-spacing:-1px;}
.footerDiv .copyright{font-size: 12px;color: #6a6a6a;padding-bottom: 30px;}
.f_link_wrap{margin: 15px 0 0 0;}
.f_link_wrap ul{overflow: hidden;}
.f_link_wrap ul li{float: left; width: 50%;}
.f_link_wrap ul li a{display: block;}


#copy {position:relative; width:100%; max-width:640px; min-width:320px; clear:both; margin-top:-3px; }

/* 개인정보취급방침 팝업 2*/

#private2 {cursor:pointer;}
#private_text_wrap2 {width:80%;height:20em;position:absolute;top:-17%;left:5%;background:rgba(0,0,0,0.7);	color:#fff;padding:5%;display:none;z-index:1;}
#private_text_wrap2 .con {width:100%;float:left;}
#private_close2 {width:auto;float:right;font-weight:bold;font-size:18px;cursor:pointer;}


footer{background:#161616;}



@media screen and (max-width: 1200px)
.hd_pops .hd_pops_con {width: 100%!important; height: 100%!important;}

@media screen and (max-width:640px) {

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
.hd_pops{top:80px !important;margin-left: 25px;z-index: 9999 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{width:100%;}	
}