@charset "euc-kr";
body {font-family:'NanumGothic', '³ª´®°íµñ', 'MalgunGothic', 'dotum', 'gulim', 'arial', sans-serif;color:#222;font-size:16px;}

.orange{color:#f8b524}
.green{color:#6ed630}
.sky{color:#46aff2}


/* SCROLLTOP */
a.scrollTop {position:fixed;bottom:30px;right:30px;z-index:1040;border:none;border-radius:50px;background-color:#000;color:#fff;font-weight:bold;width:70px;height:70px;padding:5px;text-align:center;opacity:0}
a.scrollTop i {color:#fff;font-size:35px}
a:hover {opacity:0.7}

.con_inner{width:960px;margin:0 auto}

#main_visual_wrap {background:url("/images/story/2017/04/main_bg.jpg") no-repeat center top;background-size:cover}
#main_visual_wrap .con_inner{text-align:center;padding:100px 0}
#main_visual_wrap .con_inner p{color:#8b5154;padding-top:20px;font-size:26px}
#main_visual_wrap .con_inner p strong{color:#c65572}
#main_visual_wrap .con_inner a{margin-top:30px}

#contents ul.tab_menu li{width:310px;margin-right:15px;float:left;}
#contents ul.tab_menu li a{font-size:22px;font-weight:700;text-align:center;padding:20px;border-radius:0 0 30px 30px;background:#eee;}
#contents ul.tab_menu li.on:nth-child(1) a, #contents ul.tab_menu li:nth-child(1) a:hover{background:#f8b524;color:#fff}
#contents ul.tab_menu li.on:nth-child(2) a, #contents ul.tab_menu li:nth-child(2) a:hover{background:#6ed630;color:#fff}
#contents ul.tab_menu li.on:nth-child(3) a, #contents ul.tab_menu li:nth-child(3) a:hover{background:#46aff2;color:#fff}

.con_title_area{text-align:center;padding:30px 0;width:100%;display:inline-block}
.con_title_area p{font-size:27px;margin-top:20px}
.section_title{text-align:center;padding:20px}
.section_title h3{font-weight:700;font-size:25px;}
.section_title p{font-size:18px;margin-top:10px}
#con1 .section_title{background:#ffeacb;}
#con2 .section_title{background:#bcf6c2;}
#con3 .section_title{background:#c6e6f5;}
.con_section{padding:30px 0;overflow:hidden}
#con1 .con_section{background:#fff9f1;}
#con2 .con_section{background:#f7fff4;}
#con3 .con_section{background:#f5fcff;}
.img_box_wrap > li{width:465px;margin-right:30px;float:left;margin-bottom:30px}
.img_box_wrap > li .img_txt_box{padding:20px;background:#fff;min-height:231px}
#con1 .section2 .img_box_wrap > li .img_txt_box{padding:20px;background:#fff;min-height:253px}
.img_box_wrap > li .img_txt_box p{font-size:22px;font-weight:700;text-align:center}
.img_box_wrap > li .img_txt_box ul{margin-top:20px}
.img_box_wrap > li .img_txt_box ul li{position:relative;padding-left:15px;padding-bottom:10px}
.img_box_wrap > li .img_txt_box ul li:before{content:'\f138';position:absolute;left:0;top:2px;font-family:FontAwesome;font-size:13px;}
#con1 .img_box_wrap > li .img_txt_box ul li:before{color:#f8b524}
#con2 .img_box_wrap > li .img_txt_box ul li:before{color:#6ed630}
#con3 .img_box_wrap > li .img_txt_box ul li:before{color:#46aff2}

#con2 .section1 .img_box_wrap > li{width:300px}
#con2 .section1 .img_box_wrap > li .img_txt_box{min-height:253px}
#con2 .section3 .img_box_wrap > li{float:left;width:100%;margin-right:0}
#con2 .section3 .img_box_wrap > li img{float:left}
#con2 .section3 .img_box_wrap > li .img_txt_box{width:609px;float:left}
#con2 .section3 .img_box_wrap > li .img_txt_box p{text-align:left}

.footer{text-align:center;background:url("/images/story/2017/04/footer_bg.jpg") no-repeat center;height:280px}