@charset "UTF-8";
/* CSS Document */

.slider{width:100%;overflow:hidden;float:left;margin:0px 0 0px 0;background:#fff center no-repeat;}
.slider .slider_contents {cursor:pointer;width:100%;height:495px;position:relative;overflow:hidden;}
.slider .slider_contents > div {display:block;width:100%;height:560px;background:white;position:absolute;margin-top:100%;opacity:0;}

.slider > div > div{display:block;width:100%;margin-bottom:100px;} /* 0430수정 */
.contents_area .contents .section3 {margin-bottom:0px}

.slider_nav{list-style:none;width:60px;margin:50px auto}
.slider_nav:after{content:'';display:block;clear:both;}
.slider_nav ul li{float:left;padding:0 5px 0 5px;}
.slider_nav li a{display:inline-block;height:10px;width:10px;background:#dcdcdc;}
.slider_nav li.on a{background-color:#f68b1f;}

.contents_area{width:100%;position:relative;}
.contents_area .contents{width:100%;margin:50px auto;height:100%;} /* 스크롤을 살릴때 height:770px;overflow:hidden;*/
.contents_area .contents .section1, .contents_area .contents .section2,.contents_area .contents .section3{width:100%;} /* 0430수정 */
.contents_area .contents .section1 > img{display:block;margin:0 auto;}
.contents_area .contents div p{text-align:center;}
.contents_area .contents div p.title{font-size:36px;color:#388989;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:40px 0 0px;line-height:40px;}
.contents_area .contents div.section2 p.title{font-size:36px;color:#388989;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:00px 0 0px;line-height:40px;}
.contents_area .contents div.section3 p.title{font-size:36px;color:#388989;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:00px 0 0px;line-height:50px;}  /* 0430수정 */
.contents_area .contents div p.note{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-size:14px;line-height:20px;margin:40px 0 0 0;}
.contents_area .contents div p.writer{margin:40px 0 20px 0;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-size:14px;line-height:20px;}
.contents_area .contents div p.note span.bold{font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-weight:bold;color:#28292a;}
.contents_area .contents div p.note span.bold span.line{text-decoration:underline;}

 .contents_area .contents .section3{padding:1px 0 0 0;} /* 0430수정 */
.contents_area .contents .section2 > div{position:relative}
.contents_area .contents .section2 > div:after{content:'';display:block;clear:both;}

.contents_area .contents .section2 div.info{background:url(../images/kocoafab/ongbg.png)no-repeat center center;width:100%;height:232px;margin:50px auto; background-size: contain;}
.contents_area .contents .section2 div.info > div p.title{color:#f68b1f;font-size:25px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;margin:60px 0 0 0;} /* 0430수정 */
.contents_area .contents .section2 div.info > div p.note{color:#949494;font-size:13px;line-height:19px;margin:20px 0 0 0;letter-spacing:-0.8px;} /* 0430수정 */

.contents_area .contents .section2 > div > div {float:left; width:26%;}
.contents_area .contents .section2 > div div.concept1{position:absolute;top:-15px;left:0px;} /* 0430수정 */
.contents_area .contents .section2 > div div.concept2{position:absolute;top:-15px;left:188px;} /* 0430수정 */
.contents_area .contents .section2 > div div.concept3{position:absolute;top:-15px;left:370px;} /* 0430수정 */
.contents_area .contents .section2 > div div.concept4{position:absolute;top:-15px;left:555px;} /* 0430수정 */

.contents_area .contents .btn_set{text-align:center;margin:70px 0 0 0;}
.contents_area .contents .btn_set input{min-width:100px;height:40px;padding:0 30px;background:#88d1d1;font-size:16px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;color:#fff;cursor:pointer;margin:0 3px;}

.contents_area .contents .hr{width:960px;height:1px;background:#dfdfdf;margin:100px 0 100px 0;}
.contents_area .contents div .title1 > p.title{font-size:24px;color:#353a3d;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;text-align:left}
.contents_area .contents div .title1 > div{width:28px;height:4px;background:#353a3d;margin:20px 0 20px 2px;}
.contents_area .contents div .title1 > p{font-size:14px;line-height:22px;color:#8f8e8e;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;text-align:left}

.tab_area{width:100%; }
.tab_area ul.tab{width:960px;margin:30px auto 50px;}
.tab_area ul.tab:after{content:'';display:block;clear:both;}
.tab_area ul.tab li{width:185px;height:50px;background:#f1f1f1;float:left;margin:0 1px;}
.tab_area ul.tab li.on{background:#88d1d1}
.tab_area ul.tab li a{width:185px;height:50px;display:block;}
.tab_area ul.tab li a p{color:#555555;text-align:center;font-size:14px;font-family: sans-serif,AppleGothic,Arial; font-weight: 400;padding:16px 0;}
.tab_area ul.tab li.on a p{color:#fff;font-family: sans-serif,AppleGothic,Arial; font-weight: 700;}

.contents_area .contents div div.guide{display:none}
.contents_area .contents div div.guide.on{display:block}
.contents_area .contents div p.caption{font-size:14px;line-height:22px;color:#8f8e8e;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;text-align:left;margin:0 0 10px 0;}

.contents_area .contents div div table{width:100%;border-top:1px solid #353a3d;border-bottom:1px solid #353a3d;margin-bottom:80px;}
.contents_area .contents div div table tr td{color:#6f6f6f;font-size:14px;line-height:22px;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;border-bottom:1px solid #a3a3a3;}
.contents_area .contents div div table tr td.head{background:#f3f3f3;text-align:left;padding:14px;width:145px;}
.contents_area .contents div div table tr td.head a{color:#fb7c00;}
.contents_area .contents div div table tr td.note{padding:0 30px 0 30px;}
.contents_area .contents div div table tr td.number{width:1px;background:#f3f3f3;text-align:left;padding:14px 5px 14px 25px;color:#fb7c00;font-family:'Nanum Gothic',san-serif, Malgun Gothic,'Malgun Gothic',"맑은 고딕","돋움",Dotum,'Dotum',AppleGothic;font-weight:bold;}