@charset "UTF-8";

/* 모바일용 CSS */
/* visual area */
#mvisual_wrap{position:relative;width:100%;height:300px;margin:0 auto; padding:0; margin:68px 0 0 0;overflow:hidden;}
#mvisual_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#mvisual_wrap .visual_control{position:absolute;left:40%; bottom:25px; width:100%;max-width:1000px; margin:0 auto;}
#mvisual_wrap .visual_control li{float:left; margin-right:10px; display:inline;}
#mvisual_wrap div.visual_1{background:url(../../images/main/main_visual01.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px;}
#mvisual_wrap div.visual_2{background:url(../../images/main/main_visual06.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px;}
#mvisual_wrap div.visual_3{background:url(../../images/main/main_visual07.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px}
#mvisual_wrap div.visual_4{background:url(../../images/main/main_visual05.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px}
#mvisual_wrap div.visual_5{background:url(../../images/main/main_visual04.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px}
#mvisual_wrap div.visual_6{background:url(../../images/main/main_visual02.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px}
#mvisual_wrap div.visual_7{background:url(../../images/main/main_visual03.png) 50% 50% no-repeat;;background-color:#433f48;padding:50px 0 0 0;height:250px}
#mvisual_wrap div div{width:94%;max-width:1200px;margin:0 auto;color:#fff;font-size:1.0em;font-size:1.0rem;padding:0 3%}
#mvisual_wrap p.product_name{font-size:1.5em;font-size:1.5rem;line-height:50px}
#mvisual_wrap p.view{border:1px solid #fff;border-bottom:none;display:inline-block;font-size:0.875em;font-size:0.875rem;background:url(../../images/main/btn_bg01.png) right bottom no-repeat;margin:20px 0 0 0}
#mvisual_wrap p.view a{color:#fff;padding:5px 30px;display:block}

/* business area */
#wrap_con01{width:94%;max-width:1200px;margin:0 auto;padding:25px 3% 15px 0}
#wrap_con01:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
p.biz_area_t01{text-align:center;font-size:1.375em;font-size:1.375rem;margin:0 0 10px 0;color:#373737;}
p.biz_area_t02{text-align:center;font-size:1.0em;font-size:1.0rem;margin:0 0 20px 0;color:#373737;}
ul.biz_list:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
ul.biz_list li{float:left;width:35%;margin:0 7.5% 15px 7.5%;text-align:center;font-size:0.875em;font-size:0.875rem}
ul.biz_list li a span{background:#f2f2f2;border-radius:100px;padding:20px 0;margin:0 0 10px 0;display:block}
ul.biz_list li a span img{width:45%}

/*about us*/
#wrap_con02{width:100%;;margin:0 auto;background:#f3f3f3}
#wrap_con02:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#wrap_con02_wrap1200{width:94%;max-width:1200px;margin:0 auto;padding:25px 0}
#wrap_con02_wrap1200:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
p.abutous_t01{text-align:center;font-size:1.375em;font-size:1.375rem;color:#373737;margin:0 0 10px 0}
p.abutous_t02{text-align:center;font-size:1.0em;font-size:1.0rem;color:#373737;margin:0 0 20px 0}
ul.aboutus_list li{width:100%;float:left;;margin:0 0% 5% 0;text-align:center;padding:13px 0;color:#fff;font-size:1.125em;font-size:1.125rem;font-weight:bold}
ul.aboutus_list li.first{background:#2759a2}
ul.aboutus_list li.second{background:#286aca}
ul.aboutus_list li.last{background:#5c8827;float:right;margin:0}
ul.aboutus_list li p{margin:10px 0 0 0}
ul.aboutus_list li span{display:block;margin:10px 0 0 0}
ul.aboutus_list li a{color:#fff}
ul.aboutus_list li a span img{width:80px}


/* 태블릿용 CSS */
@media all and (min-width:768px){

/* business area */
#wrap_con01{padding:40px 0}
p.biz_area_t01{font-size:2.0em;font-size:2.0rem;margin:0 0 20px 0}
p.biz_area_t02{font-size:1.25em;font-size:1.25rem;}
ul.biz_list li{float:left;width:21%;margin:0 2.0% 0 2.0%;text-align:center;font-size:1.25em;font-size:1.25rem}
ul.biz_list a li {color:#fff}
ul.biz_list a li span{background:#f2f2f2;border-radius:100px;padding:38px 0;margin:0 0 25px 0}

/*about us*/
#wrap_con02_wrap1200{width:100%;padding:40px 0}
p.abutous_t01{font-size:2.0em;font-size:2.0rem;margin:0 0 20px 0}
p.abutous_t02{font-size:1.25em;font-size:1.25rem;}
ul.aboutus_list li{width:30%;min-height:120px;margin:0 5% 0 0;padding:25px 0;color:#fff;font-size:1.25em;font-size:1.25rem;}
ul.aboutus_list li a{color:#fff}
ul.aboutus_list li a span img{width:100px}
ul.aboutus_list li.first{background:#2759a2}
ul.aboutus_list li p{margin:15px 0 0 0}
}




/* PC용 CSS */
@media all and (min-width:960px){

/* 기본 CSS */
#wrap{position:relative;width:100%;}

/* visual_area */
#mvisual_wrap{height:490px; margin:100px 0 0 0}
#mvisual_wrap .visual_control{position:absolute; left:49%;}
#mvisual_wrap div.visual_1{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_2{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_3{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_4{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_5{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_6{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div.visual_7{padding:100px 0 0 0;height:390px;}
#mvisual_wrap div div{font-size:1.5em;font-size:1.5rem;}
#mvisual_wrap p.product_name{font-size:4em;font-size:4rem;line-height:60px;padding:35px 0}
#mvisual_wrap p.view{padding:10px 50px;font-size:1.0em;font-size:1.0rem;margin:50px 0 0 0}
a.mv_stop{border:3px solid #fff;display:inline-block;width:26px;height:25px;padding:2px 2px}
a.mv_stop:hover{border:3px solid #0062db;background:#0062db;}
a.mv_play{border:3px solid #fff;display:inline-block;width:26px;height:25px;padding:2px 2px}
a.mv_play:hover{border:3px solid #0062db;background:#0062db;}

/* business area */
#wrap_con01{width:100%;max-width:1200px;margin:0 auto;padding:60px 0}
#wrap_con01:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
p.biz_area_t01{text-align:center;;font-size:2.5em;font-size:2.5rem;color:#373737;margin:0px 0 20px 0}
p.biz_area_t02{text-align:center;;font-size:1.25em;font-size:1.25rem;color:#373737;margin:0 0 20px 0;;}
ul.biz_list{}
ul.biz_list:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
ul.biz_list li{float:left;width:16%;margin:0 4.5% 0 4.5%;text-align:center;font-size:1.5em;font-size:1.5rem}
ul.biz_list li a span{background:#f2f2f2;border-radius:100px;padding:38px 0;margin:0 0 25px 0}
ul.biz_list li a span img{width:99px}

/*about us*/
ul.aboutus_list li{width:25%;float:left;min-height:150px;margin:0 12.5% 0 0;text-align:center;padding:30px 0;color:#fff;font-size:1.375em;font-size:1.375rem;font-weight:bold}
ul.aboutus_list li p img{width:130px}
ul.aboutus_list li span{margin:20px 0 0 0}
}