@charset "utf-8";


html{font-size:62.5%;height:100%;width:100%;-webkit-overflow-scrolling:auto}
body{position:relative;width:100%;font-family:'Noto Sans KR', sans-serif;color:#1a1a1a;font-weight:300;letter-spacing:-0.06rem;-webkit-overflow-scrolling:auto}


/* 
html, body {width:100%; overflow-x:hidden; }
#wrap {}
header {width:100%;position:fixed; left:0; top:0;z-index:99999}
footer{width:100%;}
.w_100 {width:100%;}
.w_100_10 {width:100%; padding:0 10px 0 10px}
.img_100 {width:100%;}




.page_main .m_header_wrap {width:100%; height:60px; position:fixed; left:0; top:0; padding:0 15px 0 15px; text-align:center; z-index:99999;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; background:transparent}
.page_main .m_header_wrap .logo {width:184px; height:60px; background:url(/images/logo.png) no-repeat; background-size:cover; z-index:99999; display:inline-block}
.page_main .m_header_wrap .tel {position:absolute; right:0; top:0; width:60px; height:60px;background:url(/images/m_phone.png) no-repeat;background-size:cover;z-index:99999; }
.page_main .m_header_wrap .menu {position:absolute; left:0; top:0; width:60px; height:60px;background:url(/images/m_menu.png) no-repeat;background-size:cover;z-index:99999; }
.page_main .m_header_scroll {background:#fff !important;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}
.page_main .m_header_scroll .logo {width:184px; height:60px; background:url(/images/logo_scroll.png) no-repeat; background-size:cover; z-index:99999}
.page_main .m_header_scroll .tel {width:60px; height:60px;float:right;background:url(/images/m_phone_scroll.png) no-repeat;background-size:cover;z-index:99999}
.page_main .m_header_scroll .menu {width:60px; height:60px;float:right;background:url(/images/m_menu_scroll.png) no-repeat;background-size:cover;z-index:99999}

.page_sub .m_header_wrap {width:100%; height:60px; position:fixed; left:0; top:0; padding:0 15px 0 15px; text-align:center; z-index:99999;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; background:transparent}
.page_sub .m_header_wrap .logo {width:184px; height:60px; background:url(/images/logo_scroll.png) no-repeat; background-size:cover; z-index:99999; display:inline-block}
.page_sub .m_header_wrap .tel {position:absolute; right:0; top:0; width:60px; height:60px;background:url(/images/m_phone_scroll.png) no-repeat;background-size:cover;z-index:99999; }
.page_sub .m_header_wrap .menu {position:absolute; left:0; top:0; width:60px; height:60px;background:url(/images/m_menu_scroll.png) no-repeat;background-size:cover;z-index:99999; }
.page_sub .m_header_scroll {background:#fff !important;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}
.page_sub .m_header_scroll .logo {width:184px; height:60px; background:url(/images/logo_scroll.png) no-repeat; background-size:cover; z-index:99999}
.page_sub .m_header_scroll .tel {width:60px; height:60px;float:right;background:url(/images/m_phone_scroll.png) no-repeat;background-size:cover;z-index:99999}
.page_sub .m_header_scroll .menu {width:60px; height:60px;float:right;background:url(/images/m_menu_scroll.png) no-repeat;background-size:cover;z-index:99999}

.menu_wrap {width:100%; height:100vh; position:fixed; left:0; top:-2000px;  z-index:999999; background:#f8f8f8; overflow-y:scroll; overflow-x:hidden}
.menu_header {width:100%;float:left; background:#fff }
.menu_header_1 {width:100%;float:left; height:60px; line-height:60px; padding:0 0 0 20px} 
.menu_header_1 ul li {float:left; font-size:14px; margin:0 20px 0 0; }
.menu_header_1 span.m_close {position:absolute; right:0; top:0}
.menu_header_1 span.m_close img {height:60px}
.in_logo {float:left;}
.in_logo img{height:60px;}


.menu_body {width:100%;float:left; border-top:solid 1px #dedede; position:relative; padding:10px 0 10px 0 }
.menu_footer {width:100%;float:left; padding:20px 0 30px 0}
.menu_footer ul li {width:100%; float:left; height:40px; line-height:40px; padding:0 0 0 20px }
.menu_footer ul li span {width:100%; height:100%; display:inline-block;}
.menu_tab  li {width:100%; height:50px; line-height:50px; }
.menu_tab  li {}
.menu_tab  li span {width:100%; height:50px; line-height:50px;padding:0 10px 0 20px; background-image:url("/images/menu_arrow.png") ; background-position:90% center ; background-repeat: no-repeat; background-size:auto 10px;  display:inline-block}
.menu_tab  li.main_active span {background:#425fad; color:#fff} 
.main_tab_cont {display:block}
.main_vis_hidden {display:none}
.main_tab_cont {width:50%; position:absolute; background:#fff; right:0; top:0; height:100vh; padding:10px 0 0 0}
.main_tab_cont ul li {padding:0 0 0 20px;}
.main_tab_cont ul li span {width:100%; height:40px; line-height:40px; color:#828282; display:inline-block}
*/



/****** footer *****/	
.footer_wrap {padding:30px 0 120px 0; border-top:solid 1px #dedede;width:100%; float:left;position:relative; z-index:22; background:#fff}
.f_logo {width:100%;float:left; text-align:center; padding:0 0 10px 0}
.f_logo img {height:30px; width:auto}
.f_copy {font-size:10px; text-align:center;width:100%; float:left;padding:0 0 10px 0}
.f_line { width:100%; text-align:center; margin:0 0 10px 0;float:left;}
.f_line span{width:50px; height:1px;background:#dedede;display:inline-block }


.f_info_wrap {padding:0 20px 30px 20px;}

.f_add {width:100%; float:left; padding:0 0 10px 0; font-size:12px; font-weight:900; text-align:center; line-height:1.5} /*border-bottom:solid 1px #dedede;, 폰트줄임*/
.f_add span {font-weight:normal}
.f_info {padding:10px 0 10px 0; width:100%; float:left; font-size:12px; line-height:1.5;font-weight:900;text-align:center; } /*border-bottom:solid 1px #dedede;, 폰트줄임 */
.f_info span {font-weight:normal}
.f_menu {width:100%; text-align:center; float:left; font-size:12px;   padding:20px 0 0 0}
.f_menu a {color:#000;font-weight:900;}