@charset "euc-kr";
/* 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}

.bg_pink{background-color:#f7e4db;}
.bg_yellow{background-color:#fdf4d5;}
.bg_lime{background-color:#e1f5c1;}
.bg_sky{background-color:#c0eeff;}
.bg_purple{background-color:#e6dbf7;}
.txt_green{color:#518519;}
.txt_brown{color:#b2684c;}
.txt_red{color:#f00b31;}

#main_visual_wrap{position:relative;width:100%; background:#fffef0 url('/images/story/2017/06/02/main_img.png') no-repeat center bottom;padding-top:25px;padding-bottom:190px}
#main_visual_wrap p{font-size:32px;color:#92816e;text-align:center;margin-top:30px}
a.tab-btn{position:absolute;bottom:-42px;left:50%;margin-left:-42px;z-index:10;}

#contents{width:100%;}
.content {position:relative;}
.con_inner{width:960px;margin:0 auto}
.content .con_inner{background-repeat:no-repeat; padding:30px 0;}
.content .con_title{position:absolute;border-radius:30px;z-index:20;-webkit-border-radius:30px;-moz-border-radius:30px;display:inline-block;padding:20px;width:175px;height:175px;text-align:center;background:#fff;}
.content .con_title h3{font-size:30px;text-align:center;color:#222;line-height:20px;font-weight:bold;}
.content .more_btn{font-size:15px;text-align:center;color:#fff;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;display:inline-block;padding:5px 10px;margin-top:5px}

.box_line {position:relative}
.con_box{float:left;font-size:17px;color:#222}
.content .row1 h4{color:#fff;font-weight:bold;font-size:22px;text-align:right}
.content .row2 h4{color:#fff;font-weight:bold;font-size:22px;text-align:left}
ul.desc_box{position:relative;font-size:17px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;display:inline-block;border:3px solid #222;background:#fff;padding:10px 20px;margin-top:110px}
ul.desc_box:before{content:'';position:absolute;top:-36px;left:50%;margin-left:-16px;width:32px;height:36px;background:url('/images/story/2017/06/02/text_box_tail.png') no-repeat center top;}
ul.desc_box li{position:relative;padding-left:10px}
ul.desc_box.col2{width:500px}
ul.desc_box.col2 li{width:50%;float:left}
ul.desc_box li:before{content:'\f0da';font-family:FontAwesome;position:absolute;top:0;left:0;}

.con1 .con_inner{background-image:url('/images/story/2017/06/02/con1_bg.png');height:860px}
.con1 .con_title{border:10px solid #dc7585;}
.con1 .more_btn{background:#dc7585;}
.con1 .con_box ul.desc_box li:before{color:#dc7585}
.row1{margin-top:114px;}
.con1 .row1 .con1_box1{margin-left:308px;}
.con1 .row1 .con1_box1 h4{margin-right:35px}
.con1 .row1 .con1_box2{margin-left:98px;}
.con1 .row1 .con1_box2 h4{margin-right:26px}
.con1 .row2{margin-top:21px;}
.con1 .row2 .con1_box1{margin-left:139px;}
.con1 .row2 .con1_box1 h4{margin-left:35px}
.con1 .row2 .con1_box2{margin-left:48px;}
.con1 .row2 .con1_box2 h4{margin-left:70px}

.con2 .con_inner{background-image:url('/images/story/2017/06/02/con2_bg.png');height:845px}
.con2 .con_title{border:10px solid #f0a70b;}
.con2 .more_btn{background:#f0a70b;}
.con2 .con_box ul.desc_box li:before{color:#f0a70b}
.con2 .row1 .con2_box1{margin-left:321px;}
.con2 .row1 .con2_box1 h4{margin-right:35px}
.con2 .row1 .con2_box2{margin-left:98px;}
.con2 .row1 .con2_box2 h4{margin-right:26px}
.con2 .row2{margin-top:31px;}
.con2 .row2 .con2_box1{margin-left:142px;}
.con2 .row2 .con2_box1 h4{margin-left:31px}
.con2 .row2 .con2_box2{margin-left:92px;}
.con2 .row2 .con2_box2 h4{margin-left:42px}

.con3 .con_inner{background-image:url('/images/story/2017/06/02/con3_bg.png');height:973px}
.con3 .con_title{border:10px solid #6baa07;}
.con3 .more_btn{background:#6baa07;}
.con3 .con_box ul.desc_box li:before{color:#6baa07}
.con3 .row1 .con3_box1{margin-left:120px;}
.con3 .row1 .con3_box1 h4{margin-right:42px}
.con3 .row1 .con3_box2{margin-left:41px;}
.con3 .row1 .con3_box2 h4{margin-right:165px}
.con3 .row2{margin-top:41px;}
.con3 .row2 .con3_box1{margin-left:277px;}
.con3 .row2 .con3_box1 h4{margin-left:110px}

.con4 .con_inner{background-image:url('/images/story/2017/06/02/con4_bg.png');height:902px}
.con4 .con_title{border:10px solid #0fa0d5;}
.con4 .more_btn{background:#0fa0d5;}
.con4 .con_box ul.desc_box li:before{color:#0fa0d5}
.con4 .row1 .con4_box1{margin-left:117px;}
.con4 .row1 .con4_box1 h4{margin-right:45px}
.con4 .row1 .con4_box2{margin-left:37px;}
.con4 .row1 .con4_box2 h4{margin-right:165px}
.con4 .row2{margin-top:21px;}
.con4 .row2 .con4_box1{margin-left:110px;}
.con4 .row2 .con4_box1 h4{margin-left:32px}
.con4 .row2 .con4_box2{margin-left:177px;}
.con4 .row2 .con4_box2 h4{margin-left:40px}

.con5 .con_inner{background-image:url('/images/story/2017/06/02/con5_bg.png');height:933px}
.con5 .con_title{border:10px solid #6c43aa;}
.con5 .more_btn{background:#6c43aa;}
.con5 .con_box ul.desc_box li:before{color:#6c43aa}
.con5 ul.desc_box.col2{width:460px}
.con5 .row1 .con5_box1{margin-left:305px;}
.con5 .row1 .con5_box1 h4{margin-right:45px}
.con5 .row1 .con5_box2{margin-left:90px;}
.con5 .row1 .con5_box2 h4{margin-right:50px}
.con5 .row2{margin-top:51px;}
.con5 .row2 .con5_box1{margin-left:126px;}
.con5 .row2 .con5_box1 h4{margin-left:32px}
.con5 .row2 .con5_box2{margin-left:8px;}
.con5 .row2 .con5_box2 h4{margin-left:140px}

.footer{background:#fcffe7 url("/images/story/2017/06/02/bottom_bg.png") no-repeat center bottom;}
.footer .con_inner{padding:50px 0 230px;}
.footer .con_inner p{font-size:40px; color:#666; font-weight:bold; text-align:center; line-height:52px;}

/*modal*/
.modal-dialog{margin-top:7%;width:720px}
.modal-header{text-align:center;color:#fff;position:relative;padding:5px}
.con1 .modal-header{background-color:#dc7585;}
.con2 .modal-header{background-color:#f0a70b;}
.con3 .modal-header{background-color:#6baa07;}
.con4 .modal-header{background-color:#0fa0d5;}
.con5 .modal-header{background-color:#6c43aa;}
.modal-title {font-weight:600;padding:5px;text-indent:0px;text-align:center;font-size:27px}

.modal-header .close {opacity:1;padding:5px;color:#fff;text-shadow:none}
.modal-body {text-indent:0px;padding:0!important;text-align:center;height:600px;overflow:auto}