
/*****************************¸ð¹ÙÀÏÈ­¸é CSS****************************/
@media not all and (min-width:699px){
#menu {	display:none;}
	.js #menu {	display:none;}
	.js #snb {display:none;	}
	.js .slicknav_menu {display:block;	}

.slicknav_menu { }/*????? ???*/
.flex-direction-nav a  {position: absolute; top: 30%; height: 50px;}
body { font-size:12px;  color:#454545;  }
#top { background-color:#fff; border-bottom:1px solid #dfdfdf;}
#header {width:85%; padding:5px 0; position:absolute; top:0; }
#header div.logo { float:left; padding:15px 0 0 15px;}
aside.util { display:none; }

#main{width:100%; margin:0 auto; position:relative; margin-top:0px;  }
#footer {width:100%; margin:0 auto; position:relative; margin-top:0px;  }
.menu ul li a:hover {color:#0C0}


.flex-direction-nav {display:none;}

#util {position:relative;float: right;width:70px; background:#0ccb54;right:0px;top:14px; }
#util a {font-size:14px; color:#fff;}

.p1 {text-align: center; line-height: 52px !important; font-size: 36px !important; padding:0px 20px 00px 20px; color:#0ccb54;}
.p11 {text-align: center; line-height: 52px !important; color: #333333; font-size:30px; font-weight:normal; padding:00px 40px 40px 40px; }
.p15 {text-align: center; padding:0px 0px 20px 0px;color: #ffffff; }

.p2 {text-align: center; font-size: 58px !important; padding:0px 20px 0px 20px; color:#0ccb54;}

.p3 {position:relative; text-align:center; padding:20px 20px 00px 20px; 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: 40px !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: 40px !important;padding:0px 0 0px 0; font-size: 20px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; font-weight:bold}


.p4 {position:relative; text-align:center; line-height: 20px !important; padding:20px 20px 20px 20px;font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.p4 span {color:#747474}

.p5 {position:relative;float: left;width:100%; text-align:center; line-height: 20px !important; padding:20px 0px 20px 0px;font-size: 20px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.p6 {position:relative; text-align:center; padding:30px 20px 00px 20px; font-size: 24px !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 {width:80%; border:1px solid #dddddd; background-color:#fff; display: inline-block; text-align:center;padding:10px 0 10px 0;}
.t1 a {display: inline-block;}
.t1:hover {background-color:#0ccb54;}
.t1:active {background-color:#0ccb54;}
.t1:visited {background-color:#0ccb54;}


.c1 {font-size:18px; line-height:24px; color:#333333; padding:20px; width:350px; text-align:center;font-weight:bold;}


.under_line {border-bottom:1px solid #dfdfdf;color:#fff;}

.title { text-align:center; line-height: 50px !important;padding:20px 0 20px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"}
.title_po {text-align: left; padding:00px 20px 20px 20px; line-height: 20px !important; font-size: 15px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;font-weight:bold}

.title1 {text-align: center; line-height: 50px !important;padding:20px 0 20px 0; font-size: 40px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}

.title2 {text-align: center;  color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
.title3 {text-align: center;  font-size: 34px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif"; padding-top:20px; font-weight:bold}
.title4 {text-align: center; line-height: 48px !important;padding:20px 0 20px 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:30px 20px 20px 30px; font-size: 46px !important; color:#000000;font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}


.text_con {text-align: left; padding:0 0px 20px 0px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con1 {text-align: left; padding:0 0px 0px 0px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con2 {text-align: left; padding:0 20px 0 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: 13px !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: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.text_con5 {text-align: left; padding:00px 20px 20px 20px; 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_con8 {text-align: left; padding:0px 20px 20px 20px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}
.text_con81 {text-align: left; padding:0px 00px 20px 0px; line-height: 20px !important; font-size: 13px !important;  color:#111111;font-family:"PT Sans", Arial, Helvetica, sans-serif;}

.con_img {position:relative;float: left;width:100%; text-align:center;padding:40px 0 40px 0;}

.f_img {position:relative;float: left;width:100%; text-align:center;padding:20px 0 20px 0;}


.ff_img {position:relative;float: left;width:100%; text-align:center;padding:10px 0 40px 0;}


/*¹è°æ³ì»ö 2?*/
.Box_50_1 {position:relative;float: left;width:100%; text-align:center;}
.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: left;width:100%; 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:100%; 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:40px 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:100%; text-align:center;padding:0px 30px 0px 20px;}
.con_50_L {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_R {position:relative;float: left;width:100%; text-align:center;padding:0px 0px 0px 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: left;width:100%; text-align:center;padding:0px 0px 0px 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:100%; text-align:center;padding:0px 0px 0px 0px;}
.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:100%; text-align:center;padding:0px 0px 0px 0px;}
.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:100%; text-align:center;padding:0px 0px 0px 0px;}
.con_50_L3 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.con_50_R1 {position:relative;float: left;width:100%; text-align:center;padding:0px 0px 0px 0px;}
.con_50_R1 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.Box_02_R {position:relative;float: right;width:100%; 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;float: left;width:100%; text-align:center;}
.Box_02_L {transition: all 0.3s; display:block; color:#000; height:260px;box-sizing:border-box;}

/*??? ??? 1?*/
.Box_100 {position:relative;float: left;width:100%; text-align:center;padding:0 0 0px 0;}
.Box_100 {transition: all 0.3s; display:block; color:#000; background-color:#ffffff;box-sizing:border-box;}

.Box1_100 {position:relative;float: left;width:100%; text-align:center;padding:0 0 40px 0;}
.Box1_100 {transition: all 0.3s; display:block; color:#000; background-color:#0ccb54;box-sizing:border-box;}

.Box1_101 {position:relative;float: left;width:100%; text-align:center;padding:0 0 0px 0;}
.Box1_101 {transition: all 0.3s; display:block; color:#000; 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; background-color:#0ccb54;box-sizing:border-box;}


.img_table1 {position:relative;float: left;width:100%;color:#000;background-color:#ffffff;box-sizing:border-box; padding:20px 20px 0 20px}

.img_table2 {position:relative;float: center;width:100%;color:#000;background-color:#ffffff;box-sizing:border-box; padding:20px 00px 0 00px;}

.img_table3 {position:relative;float: center;width:100%;color:#000;background-color:#ffffff;box-sizing:border-box; padding:20px 00px 0 00px; text-align:center}




.Box_w_1_video {width:77%;padding:0 0 0 40px;}
.video_w {width:80%;height:280px;}
.video_w_n_1 {width:80%;height:130px;}
.video_w_n {width:80%;height:130px;}
.brbrbr {height:20px;}

.con_table_R1 {position:relative;float: left;width:100%;padding:0 40px 0 40px; text-align:center;background-color:#ffffff;}
.con_table_L1 {position:relative;float: left;width:100%;padding:30px 40px 0 40px; text-align:center;background-color:#ffffff;}

.con_table_R2 {position:relative;float: left;width:100%;padding:0 40px 0 40px;background-color:#ffffff;}
.con_table_L2 {position:relative;float: left;width:100%;padding:0 40px 0 40px;background-color:#ffffff;}

.Box_w_1 {position:relative;float: left;width:100%; text-align:center;}
.Box_w_1 {transition: all 0.3s; display:block; color:#000; box-sizing:border-box;}

#Box_w_1_video iframe	{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}

.img_full {float: left;width:100%; text-align:center;padding:130px 0 0 0;}
.img_full {transition: all 0.3s; display:block; color:#000; height:391px;box-sizing:border-box;}

.img_full1 {width:100px text-align:center;padding:0 70px 0 70px; float:center;}
.img_full1 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}


.img_full2 {width:100px text-align:center;padding:30px 70px 0 70px; float:center;}
.img_full2 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}


.img_full3 {width:100px text-align:center;padding:30px 70px 0 70px; float:center;}
.img_full3 {transition: all 0.3s; display:block; color:#000; height:100%;box-sizing:border-box;}



#footer { width:100%; background-color:#0ccb54; color:#fff; clear:both; }
#footer footer.copy {width:100%; margin:0 auto; clear:both; padding:20px 0 30px 0; overflow:hidden; }
#footer div.copyL{  margin:0 auto;  padding-bottom:20px; overflow:hidden;}
#footer div.copyL h3 {display:none; padding:1px 0 0 0; margin:0; float:left; font-size:19px; color:#fff; }
#footer div.copyL ul { list-style-type:none;  padding:0 0 0 18px; margin:0; float:left; line-height:20px; }
#footer div.copyB { clear:both; }

.p8 {position:relative; text-align:center; line-height: 24px !important; padding:00px 20px 20px 20px;font-size: 16px !important;  color:#fff;font-family:"PT Sans", Arial, Helvetica, sans-serif; font-weight:500}
.p9 {position:relative; text-align:center; padding:10px 0 0px 0; 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 20px 20px 20px;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:00px 20px 20px 20px;font-size: 12px !important;  color:#fff;font-family:"PT Sans", Arial, Helvetica, sans-serif; font-weight:bold}



.hh1 {border-top:1px dotted #333; 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}

#wrapper {float:right; position:relative;width:100%;margin:0px 0 0 0px;}

.table_height {padding:0 0 0 0;}
.sliderbutton {float:left; width:32px; padding-top:134px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider { float:center; position:relative;overflow:auto; width:300px; height:200px; border:2px solid #fff; background:#fff;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:300px; height:200px; padding-right:10px}

.pagination {position:relative;float:center; list-style:none; width:100px;text-align:center;height:25px; margin:0px 0 0 20px;}
.pagination li {position:relative;float:left; 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:250px; height:200px; 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:center; position:relative; overflow:auto; width:300px; height:200px; border:2px solid #fff; background:#fff;margin:13px 0 0 0px}
#slider1 ul {position:absolute; list-style:none; top:0; left:0}
#slider1 li {float:left; width:300px; height:200px; padding-right:10px}

.pagination1 {position:relative;float:center; list-style:none; width:100px;text-align:center;height:25px; margin:0px 0 0 0px;}
.pagination1 li {position:relative;float:left; cursor:pointer; padding:5px 8px; margin:0 4px 0 0; text-align:center; color:#222}
.pagination1 li:hover {color:#0ccb54;}
li.current1 {color:#0ccb54;}

li#content1 {width:250px; height:200px; padding:15px 28px 15px 18px}
#content1 h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}