/*****************************PCÈ­¸é CSS*************************************/

@media all and (min-width:699px)  { 
.slicknav_menu {display:none;}/*????? ???*/
body { font-size:12px; overflow-x:hidden;  color:#454545;  }
#top {  height:130px;border-bottom:1px solid #dfdfdf;}
#header {width:1120px; margin:0 auto;  padding:60px 0 0 0; position:relative; }

#header div.logo { position:absolute; padding-top:12px; box-sizing:border-box; height:69px; width:300px; text-align:center; z-index:10;}
aside.util {width:100%; display:block; background-color:#343848; color:#fff; }
aside.util div.util_Area { width:1200px;  margin:0 auto;  text-align:right; padding:6px 0px 0 0; height:23px; }
aside.util div.util_Area a{  padding:0px 15px 0 10px; border-left:0px solid #777;}
aside.util div.util_Area a.first{ border-left:0px; }

.menu ul li a:hover {color:#0C0}


.p1 {text-align: center; line-height: 0px !important; padding:0px 0 0px 0;font-size: 36px !important; margin-top: -10px; color:#0ccb54;}
.p11 {color: #333333; font-size:40px;padding:20px 0 30px 0;}

.p15 {color: #ffffff;padding:20px 0 0px 0;}

.p2 {text-align: center; line-height: 50px !important;padding:20px 0 30px 0; font-size: 70px !important; margin-top: -10px; color:#0ccb54;}
.p3 {text-align:center; line-height: 50px !important;padding:20px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; font-weight:bold}
.p3_1 {text-align:center; line-height: 50px !important;padding:0px 0 0px 0; font-size: 40px !important; color:#ffffff;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; font-weight:bold}
.p3_2 {text-align:center; line-height: 20px !important;padding:5px 0 0px 0; font-size: 14px !important; color:#ffffff;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.p3_3 {text-align:center; line-height: 50px !important;padding:0px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; }

.p4 {text-align: center; line-height: 20px !important;padding:20px 0 0px 0; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif; padding-bottom:30px}
.p4 span {text-align: center; line-height: 20px !important; font-size: 13px !important;  color:#747474;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.p5 {text-align: center; line-height: 50px !important; font-size: 18px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;font-weight:bold;}

.p6 {position:relative; text-align:center; padding:50px 20px 20px 20px; font-size: 32px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}

.p7 {position:relative; text-align:center; padding:30px 20px 00px 20px; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}

.p12 {text-align: left; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif; padding-bottom:30px}


.t1 {padding:10px; background-color:#fff; width:330px; display: inline-block; border:1px solid #dedede}
.t1 a {display: inline-block;}
.t1:hover {background-color:#0ccb54;}
.t1:active {background-color:#0ccb54;}
.t1:visited {background-color:#0ccb54;}

.under_line {border-bottom:1px dotted #dfdfdf; color:#fff}



.title {text-align: left; line-height: 50px !important;padding:20px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.title_po {text-align: left; line-height: 50px !important;padding:20px 0 0px 0; font-size: 24px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.text_con {text-align: left; line-height: 24px !important; padding:20px 20px 0px 00px;font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.title1 {text-align: left; line-height: 50px !important;padding:20px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.title2 {text-align: left; line-height: 50px !important;padding:20px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.title3 {text-align: center; line-height: 50px !important;padding:20px 0 0px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; font-weight:bold}
.title4 {text-align: left; line-height: 48px !important;padding:20px 0 0px 0; font-size: 30px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; font-weight:bold}
.title5 {position:relative;float: left;width:100%; text-align:left; line-height: 48px !important;padding:20px 20px px 30px; font-size: 46px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}


.text_con1 {text-align: left; padding:20px 0px 30px 0px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.c1 {font-size:18px; line-height:24px; color:#333333; padding:20px; width:500px; text-align:center;font-weight:bold;}

.text_con2 {text-align: left; padding:20px 0px 50px 20px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con3 {text-align: left; padding:0 0px 0 0px; line-height: 20px !important; font-size: 16px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.text_con4 {text-align: left; padding:0 0px 0 0px; line-height: 20px !important; font-size: 16px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con5 {text-align: left; padding:20px 20px 0 0px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con6 {text-align: left; padding:0px 0px 0 20px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.text_con6 span {color:#747474; }

.text_con7 {text-align: left; padding:0 30px 60px 30px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.text_con7 span {color:#747474; }

.text_con span {font-size:18px; line-height:20px; color:#333333; padding:40px 280px;}

.text_con8 {text-align: left; line-height: 20px !important; padding:0 20px 0px 20px;font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.text_con81 {text-align: left; line-height: 20px !important; padding:0 20px 0px 20px;font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.con_img {padding:140px 0 40px 0;}
.f_img {padding:20px 0 0px 0;}
.f_img1 {padding:20px 0 0px 0;}
.ff_img {padding:40px 20px 00px 0;}


/* menu */
#menu{ clear:both; width:100%; font-size:15px; box-sizing: border-box;  position:relative;}
#menu .menu {width:1120px; box-sizing: border-box;  margin:0 auto;  padding:0 0px 0px 0px;   box-sizing: border-box;}
#menu .menu ul ul  { display: none; background: #fff; padding: 0; margin: 0; }
#menu .menu ul li:hover > ul  { display: block; *display:none; }
#menu .menu ul  {list-style: none;  padding: 0; margin: 0;}
#menu .menu ul li a{ display:block;  padding-top:23px; margin:0; box-sizing: border-box; height:69px;}
#menu .menu ul li { float: right; text-align:center; box-sizing: border-box; padding:0 0 0 50px; margin:0;}
#menu .menu ul ul li  { float: none;  text-align:left; width:158px; height:auto; border-right:0px; border-bottom:0px solid #dfdfdf; }
#menu .menu ul ul li.last {border-bottom:0;}


section#visual {width:100%; background-color:#ececec; border-bottom:0px solid #e1e1e1; overflow:hidden;}
section.slider {position:relative;  width:1000px;  margin: 0 auto; }
div.flexslider {width:1600px; margin-left:-300px;   position: relative;   height:567px; overflow: hidden;}
#main{max-width:100%; margin:0 auto; position:relative; overflow:hidden;border:1px; text-align:center;}
/*¹è°æ ³ì»ö 2?*/
.Box_50_1 {position:relative;float: left;width:50%; text-align:center;padding:130px 0 0 0;}
.Box_50_1 {transition: all 0.3s; display:block; color:#fff; height:260px; background-color:#0ccb54;box-sizing:border-box;}



.Box_02_1_R {position:relative;float: right;width:560px; text-align:center;}
.Box_02_1_R {transition: all 0.3s; display:block; color:#fff; height:260px;box-sizing:border-box;}

.Box_02_1_L {position:relative;float: left;width:560px; text-align:center;}
.Box_02_1_L {transition: all 0.3s; display:block; color:#fff; height:260px;box-sizing:border-box;}

/*¹è°æ Èò»ö???*/
.Box_50 {position:relative;float: left;width:100%;padding:60px 0 0px 0; text-align:center;}
.Box_50 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}



.con_50_L {position:relative;float: left;width:50%; text-align:center;padding:0 0px 0 0;}
.con_50_L {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_R {position:relative;float: right;width:50%; text-align:center;padding:0 0 0 0px;}
.con_50_R {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_R3 {position:relative;float: right;width:50%; text-align:center;padding:0 0 0 0px;}
.con_50_R3 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_L1 {position:relative;float: left;width:50%; text-align:center;padding:0 0px 0 0;}
.con_50_L1 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_L2 {position:relative;float: left;width:50%; text-align:center;padding:0 0px 0 0;}
.con_50_L2 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_L3 {position:relative;float: left;width:50%; text-align:center;padding:0 0px 0 0;}
.con_50_L3 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_R1 {position:relative;float: right;width:50%; text-align:center;padding:0 0 0 0px;}
.con_50_R1 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.Box_50_video {position:relative;float:center;width:800px;height:550px; text-align:center;}

.Box_02_R {position:relative;float: right;width:1120px; text-align:center;}
.Box_02_R {transition: all 0.3s; display:block; color:#000; height:260px;box-sizing:border-box;}

.Box_02_L {position:relative;width:1120px; text-align:center; float:!important}
.Box_02_L {transition: all 0.3s; display:block; color:#000; height:260px;box-sizing:border-box;}

/*?????? 1?*/
.Box_100_1 {position:relative;float: left;width:100%; text-align:center;padding:0px 0 0 0;}
.Box_100_1 {transition: all 0.3s; display:block; color:#fff; height:260px; background-color:#0ccb54;box-sizing:border-box;}

.Box_100_1_f {position:relative;float: left;width:100%; text-align:center;padding:10px 0 0 0;}
.Box_100_1_f {transition: all 0.3s; display:block; color:#fff; height:150px; background-color:#0ccb54;box-sizing:border-box;}



#Box_g_1 {width:100%; margin:0 auto;  padding:60px 0 0 0; position:relative; text-align:center;color:#fff;background-color:#0ccb54;box-sizing:border-box;}

/*??? ??? 1?*/
.Box_100 {position:relative;float: left;width:100%; text-align:center;padding:0 0 0px 0;}

#Box_w_1 {width:100%; margin:0 auto;  padding:60px 0 0 0; position:relative; text-align:center;color:#000;background-color:#ffffff;box-sizing:border-box;}
.Box_w_1_video {position:relative;float: left;width:100%; text-align:center;background-color:#ffffff;}
.Box_w_1_video1 {position:relative;width:792px; text-align:center;background-color:#ffffff;}

.img_table1 {width:1120px; margin:0 auto; position:relative; text-align:center;color:#000;background-color:#ffffff;box-sizing:border-box; }
.img_table2 {width:1120px; margin:0 auto; position:relative; text-align:center;color:#000;background-color:#ffffff;box-sizing:border-box;}

.img_table3 {width:1120px; margin:0 auto; position:relative; text-align:center;color:#000;background-color:#ffffff;box-sizing:border-box; }
.img_table4 {width:1120px; margin:0 auto; position:relative; text-align:center;color:#000;background-color:#ffffff;box-sizing:border-box;}
.img_table5 {width:1120px; margin:0 auto; position:relative; text-align:left;color:#000;background-color:#ffffff;box-sizing:border-box; }

.video_w {width:792px;height:405px;background-color:#ffffff;text-align:center; border:3px solid #dfdfdf;}
.video_w_n_1 {width:100%;height:350px;background-color:#ffffff;text-align:center; border:3px solid #dfdfdf;}
.video_w_n {width:560px;height:350px;background-color:#ffffff;text-align:center; border:3px solid #dfdfdf;}
.brbrbr {height:20px;}
.video_w1 {width:792px;background-color:#ffffff;text-align:center;}
.con_table_R {width:560px;background-color:#ffffff;}
.con_table_L {width:560px;background-color:#ffffff;}

.con_table_R1 {float:right;width:560px;background-color:#ffffff;padding:0px 20px 0 0px;}
.con_table_L1 {float:left;width:560px;background-color:#ffffff;padding:0px 0px 0 20px;}

.img_table_R1 {float:right;width:100%;background-color:#ffffff;padding:0px 20px 0 0px;}
.img_table_L1 {float:left;width:100%;background-color:#ffffff;padding:0px 0px 0 20px;}


.con_table_R2 {float:right;width:560px;padding:0 60px 0 40px;background-color:#ffffff;}
.con_table_L2 {float:left;width:560px;padding:0 40px 0 60px;background-color:#ffffff;}

.con1_table_R {width:100%;background-color:#ffffff; }



.img_full {width:100%; text-align:center;padding:80px 0 0 0; }
.img_full {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}

.img_full1 {width:33.3%; text-align:center;padding:20px 40px 0 40px; float:left;}
.img_full1 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}


.img_full2 {width:33.3%; text-align:center;padding:20px 40px 0 40px; float:left;}
.img_full2 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}


.img_full3 {width:33.3%; text-align:center;padding:20px 40px 0 40px; float:right;}
.img_full3 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}



#footer { width:100%; background-color:#0ccb54; }
#footer div.guide {width:100%; clear:both; background-color:#0ccb54; padding:15px 0 8px 0; overflow:hidden;  border-bottom:1px solid #dfdfdf;}
#footer div.guide ul {list-style-type:none; padding:0;  width:1000px; margin:0 auto;}
#footer div.guide ul li {float:left; padding:5px 20px; border-right:1px solid #dfdfdf;  }
#footer div.guide ul li.first {padding-left:1px; font-weight:bold; color:#0247c6;}
#footer div.guide ul li.last {border-right:0;}
#footer div.guide ul li.sns {padding-top:0; border-right:0; padding-left:5px;}
#footer div.guide ul li.sns a{padding:0 5px;}
#footer footer.copy {width:1000px; margin:0 auto; clear:both; padding:20px 0 30px 0; overflow:hidden; }
#footer div.copyL{  margin:0 auto;  float:left; padding-bottom:10px;}
#footer div.copyL h3 {display:none; padding:1px 0 0 0; margin:0; float:left; font-size:19px;  }
#footer div.copyL ul { list-style-type:none;  padding:0 0 0 0px; margin:0;  line-height:20px; }
#footer div.copyL ul li{ background:url("../../img/main/li_arrow.png") left 6px no-repeat; padding-left:13px; float:left; margin-right:8px; }
#footer div.copyL ul li.first {background:none; padding-left:1px;}
#footer div.copyB { clear:both; border-top:0px solid #dfdfdf; padding:1px 0 20px 0 ;  }




.p8 {position:relative; text-align:center; line-height: 24px !important; padding:00px 20px 00px 00px;font-size: 16px !important;  color:#fff;font-family:"PT Sans", Arial, Helvetica, sans-serif; font-weight:500}
.p9 {position:relative; text-align:center; padding:30px 00px 50px 00px; font-size: 40px !important; color:#fff;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";font-weight:bold}
.p10 {position:relative; text-align:center; line-height: 24px !important; padding:00px 00px 20px 00px;font-size: 16px !important;  color:#fff;font-family:"PT Sans", Arial, Helvetica, sans-serif; font-weight:500}

.copyB {position:relative; text-align:center; line-height: 20px !important; padding:50px 00px 20px 00px;font-size: 12px !important;  color:#fff;font-family:"PT Sans", Arial, Helvetica, sans-serif; font-weight:bold; margin-top:30px}



.hh1 {border-bottom:1px dotted #333; padding:10px}
.hh1 a:hover {color:#0ccb54}
.hh2 {border-bottom:1px dotted #333; padding:10px;}
.hh2 a:hover {color:#0ccb54}


#qna1 {padding:10px;  padding-bottom:15px}
#qna2 {padding:10px;  padding-bottom:15px}
#qna3 {padding:10px;  padding-bottom:15px}
#qna4 {padding:10px;  padding-bottom:15px}
#qna5 {padding:10px;  padding-bottom:15px}
#qna6 {padding:10px;  padding-bottom:15px}
#qna7 {padding:10px;  padding-bottom:15px}
#qna8 {padding:10px;  padding-bottom:15px}
#qna9 {padding:10px;  padding-bottom:15px}
#qna10 {padding:10px;  padding-bottom:15px}
#qna11 {padding:10px;  padding-bottom:15px}
#qna12 {padding:10px;  padding-bottom:15px}
#qna13 {padding:10px;  padding-bottom:15px}

.table_height {padding:48px 0 0 0;}
.table_height1 {padding:10px 0 0 0;}

#wrapper {width:578px; margin:0px auto;}

.sliderbutton {float:left; width:32px; padding-top:134px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:530px; height:328px; border:2px solid #fff; background:#fff;margin:0px 0 0 30px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:530px; height:328px; padding-right:10px}

.pagination {position:relative;float:left; list-style:none; width:530px;text-align:center;height:25px; margin:15px 0 0 250px}
.pagination li {position:relative;float:left;font-size:18px; cursor:pointer; padding:5px 8px;  margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover { color:#0ccb54}
li.current {color:#0ccb54;}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

.sliderbutton1 {float:left; width:32px; padding-top:134px}
.sliderbutton1 img {cursor:pointer}
.sliderbutton1 img:hover {background:#666}
#slider1 {float:left; position:relative; overflow:auto; width:530px; height:328px; border:2px solid #fff; background:#fff;margin:13px 0 0 30px}
#slider1 ul {position:absolute; list-style:none; top:0; left:0}
#slider1 li {float:left; width:530px; height:328px; padding-right:10px}


.pagination1 {float:left; list-style:none; height:25px; margin:15px 0 0 240px}
.pagination1 li {float:left; cursor:pointer; padding:5px 8px; font-size:18px; margin:0 4px 0 0; text-align:center; color:#222}
.pagination1 li:hover { color:#0ccb54}
li.current1 {color:#0ccb54;}

li#content1 {width:464px; height:270px; padding:15px 28px 15px 18px}
#content1 h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}