/*
	
	메인페이지 CSS

*/
.bxslider > div{width:100%; min-width:1280px; height:640px; border-bottom:1px solid #eee;}
.bxslider > div:nth-child(1){background:url('/images/bg_maraton3.jpg') center center no-repeat; background-size:cover;}
.bxslider > div:nth-child(2){background:url('/images/maraton_main_tmp.jpg') center center no-repeat; background-size:cover;}

.bxslider > div:nth-child(1) .title{text-align:center;width:100%;padding-top:215px;font-size:72px;letter-spacing:-3px; color:#fff; font-weight:700;text-shadow: 1px 1px 1px #666;}
.bxslider > div:nth-child(2) .title{text-align:center;width:100%;padding-top:215px;font-size:72px;letter-spacing:-3px; color:#fff; font-weight:700;text-shadow: 1px 1px 1px #666;}
.bxslider > div:nth-child(3) .title{text-align:center;width:100%;padding-top:215px;font-size:72px;letter-spacing:-3px; color:#fff; font-weight:700;text-shadow: 1px 1px 1px #666;}

.bxslider > div:nth-child(1) .text{text-align:center;width:100%;padding:8px 0; font-size:30px; letter-spacing:-1px; color:#fff; font-weight:300;text-shadow: 0px 0px 0px #666;}
.bxslider > div:nth-child(2) .text{text-align:center;width:100%;padding:8px 0; font-size:30px; letter-spacing:-1px; color:#fff; font-weight:300;text-shadow: 0px 0px 0px #666;}
.bxslider > div:nth-child(3) .text{text-align:center;width:100%;padding:8px 0; font-size:30px; letter-spacing:-1px; color:#fff; font-weight:300;text-shadow: 0px 0px 0px #666;}
.bxslider > div .blu{display:inline-block; padding:6px 24px; background:rgba(51, 144, 255, 0.75);}


.slides_box{position: relative; width:100%; min-width:1280px; height:640px;}
.slides_box .rslides{position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slides_box .rslides li{-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; height:640px;}
.slides_box .rslides li:first-child{position: relative; display: block; float: left;}
.slides_box .rslides img.slider_img{display: block; height: auto; float: left; width: 100%; border: 0;}
.slides_box .rslides div.inbox{position:relative; width:100%; height:100%;}
.slides_box .rslides div.inbox .title{text-align:center;width:100%;padding-top:215px;font-size:72px;letter-spacing:-3px; color:#fff; font-weight:700;text-shadow: 1px 1px 1px #666;}
.slides_box .rslides div.inbox .text{text-align:center;width:100%;padding:8px 0; font-size:30px; letter-spacing:-1px; color:#fff; font-weight:300;text-shadow: 0px 0px 0px #666;}
.slides_box .rslides li:nth-child(1) div.inbox{background:url('/images/bg_maraton3.jpg') center center no-repeat; background-size:cover;}
.slides_box .rslides li:nth-child(2) div.inbox{background:url('/images/maraton_main_tmp.jpg') center center no-repeat; background-size:cover;}
.slides_box .prev{position: absolute; top: 50%; left:10%; margin-top: -16px; outline: 0; width: 50px; height: 65px; text-indent: -9999px; z-index: 999; background:url('/images/common/prev_nxt.png') no-repeat -10px -32px}
.slides_box .next{position: absolute; top: 50%; right:10%; margin-top: -16px; outline: 0; width: 50px; height: 65px; text-indent: -9999px; z-index: 999; background:url('/images/common/prev_nxt.png') no-repeat -70px -32px;}



.main_02{width:100%; min-width:1280px; margin:35px 0;}
.main_02 .inbox{width:1280px; margin:0 auto; margin-top:30px;}
.main_02 .inbox img{border:1px solid #eee; border-radius:24px; box-shadow: 2px 2px 12px 2px rgba(191,187,187,0.3)}

.main_03{width:100%; min-width:1280px; background:#f4f9f9; padding:65px 0 65px 0; min-height:300px; }
.main_03 .inbox{width:1280px; margin:0 auto;}
.main_03 .inbox .title{font-family:'Noto Sans KR'; font-size:24px; font-weight:500; text-align:center; color:#333; letter-spacing:-2px; padding-bottom:30px;}
.main_03 .inbox ul.step{overflow:hidden; width:100%;}
.main_03 .inbox ul.step > li{float:left; height:165px; width:19%; font-family:'Noto Sans KR'; font-size:17px; font-weight:400; text-align:center; color:#333; letter-spacing:-1px;}
.main_03 .inbox ul.step > li.sp{width:1%; line-height:85px; opacity:0.65;}
.main_03 .inbox ul.step > li div.step_img{width:100%; text-align:center; height:103px;}
.main_03 .inbox ul.step > li div.step_img .round{display:inline-block; width:88px; height:88px; line-height:88px; background:#fff; border-radius:25px; box-shadow: 2px 2px 10px 2px rgba(191,187,187,0.3); text-align:center; }
.main_03 .inbox ul.step > li div.desc{font-family:'Noto Sans KR'; font-size:16px; font-weight:400; text-align:center; color:#888; letter-spacing:-1px; padding:10px 0;}

.main_04{width:100%; min-width:1280px; background:#fff; padding:30px 0; margin-bottom:60px;}
.main_np{overflow:hidden; width:1280px; margin:0 auto;}
.main_np > li{float:left;}
.main_np > li:nth-child(1){width:642px;}
.main_np > li:nth-child(2){width:638px;}
.main_np > li:nth-child(2) .rcont{position:relative; width:100%; height:400px; padding:20px 10px 15px 60px;}
.main_np > li:nth-child(2) .rcont .inbox{position:relative; width:100%; height:260px; background:/*#d2ecf9*/#fff; border-radius:44px; margin-top:65px; padding-top:44px; padding-left:40px; z-index:98; box-shadow: -1px 0px 1px 1px rgba(0,0,0,0.09);
-webkit-box-shadow: -1px 0px 1px 1px rgba(0,0,0,0.09);
-moz-box-shadow: -1px 0px 1px 1px rgba(0,0,0,0.09); border:1px solid #ddd;}
.main_np > li:nth-child(2) .rcont .inbox ul#photo_slider{overflow:hidden; height:186px; display: block;}
.main_np > li:nth-child(2) .rcont .inbox ul#photo_slider > li{ display: block; float:left; /*margin-right:20px;*/ height:186px; overflow:hidden; width:250px;}

.main_np > li:nth-child(2) .rcont .inbox ul#photo_slider > li > div:nth-child(1){width:230px; height:146px; overflow:hidden; border:1px solid #eee; border-radius:8px;}

.main_np > li:nth-child(2) .rcont .inbox #photo_prev{position:absolute; left:18px; top:85px; opacity:0.6;}
.main_np > li:nth-child(2) .rcont .inbox #photo_next{position:absolute; right:18px; top:85px; opacity:0.6;}

.main_np > li:nth-child(2) .rcont .inbox .tt{padding:8px 0; font-family:'Noto Sans KR'; font-size:17px; font-weight:400; color:#666; letter-spacing:-1px;}
.main_np > li:nth-child(2) .rcont .phto_title{position:absolute; left:85px; top:25px; width:540px; height:100px; background:#fff; border:1px solid #ddd; border-radius:24px; z-index:97; padding:0 40px;}
.main_np > li:nth-child(2) .rcont .phto_title{font-family:'SpoqaHanSans Neo'; font-size:26px; font-weight:600; line-height:60px; color:#000; letter-spacing:-2px;}
.main_np > li:nth-child(2) .rcont .phto_title .wrap{width:100%;position:relative;}
.main_np > li:nth-child(2) .rcont .phto_title .wrap .tt{display:inline-block; margin-left:15px; font-family:'Noto Sans KR'; font-size:17px; font-weight:400; letter-spacing:-1px; color:#999;}
.main_np > li:nth-child(2) .rcont .phto_title .wrap .more_link, .more_link2{position:absolute; right:-21px; top:0;}
.main_np > li ul.tab{width:100%; margin-bottom:30px; overflow:hidden;}
.main_np > li ul.tab > li{float:left; position:relative; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; color:#7a7d96; letter-spacing:-1px; height:67px; line-height:67px; text-align:center; border-bottom:1px solid #e5e7ee;}
.main_np > li ul.tab > li.active{color:#000; font-size:20px; font-weight:400;}
.main_np > li ul.tab > li.active:before{display: block; position: absolute; left: 0; top: 61px; bottom: 0; border-radius:8px; margin-top: auto; margin-bottom: auto; width: 125px; height: 4px; background-color: #437de9;}
.main_np > li ul.tab > li .more{position:absolute; right:0; top:0px;}
.main_np > li ul.tab > li:nth-child(1){width:20%; cursor:pointer;}
.main_np > li ul.tab > li:nth-child(2){width:20%; cursor:pointer;}
.main_np > li ul.tab > li:nth-child(3){width:60%;}
.main_np .rdata_box{width:100%; clear:both; overflow:hidden;}
.main_np .rdata_box > ul{width:100%; overflow:hidden;}
.main_np .rdata_box > ul > li{float:left; height:62px; line-height:62px; border-bottom:1px solid #e5e7ee; font-size:18px; font-weight:400; color:#333;}
.main_np .rdata_box > ul > li a{color:#333;}
.main_np .rdata_box > ul > li:nth-child(1){width:82%; padding-left:40px; background:url('/images/common/icon_blue_dot.png') 10px 50% no-repeat;}
.main_np .rdata_box > ul > li:nth-child(2){width:18%; text-align:right; font-size:17px; padding-right:4px; }