/* layout */ body{width:100%;} #wrap{width:100%; min-width:1200px; overflow-x:hidden; position:relative; z-index:10;} #header{position:fixed; top:0; left:0; width:100%; min-width:1200px; z-index:998;border-bottom:1px solid #888;} #visual{width:100%; position:relative;} #contents{width:100%; } #footer{width:100%; background-color:#1f1f1f;} .in_Layer{width:1140px; margin:0 auto; position:relative;} #skip{} #skip a{display:block; position:absolute; top:0; width:0; height:0; margin-top:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-decoration:none;} #skip a:focus, #skip a:active{position:relative; top:0; left:0; width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background-color:#333; z-index:100;} /* easing */ .e-i2{-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;} .e-i3{-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} .e-cb{-webkit-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); -o-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); transition:all 1.5s cubic-bezier(.58, .36, .84, .87);} .e-o2{-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;} .e-o3{-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;} .e-c3{ -webkit-transition:all .3s cubic-bezier(.96, .04, .10, 1.01); -moz-transition:all .3s cubic-bezier(.96, .04, .10, 1.01); -o-transition:all .3s cubic-bezier(.96, .04, .10, 1.01); transition:all .3s cubic-bezier(.96, .04, .10, 1.01);} /* header */ /* active */ #header.on{background-color:#FFF; border-bottom:1px solid #ddd;} #header.active{background-color:#FFF; border-bottom:1px solid #ddd; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} #header.on .logo>a{background: url("../img/logo_on.png") 0 0 no-repeat;background-size:cover;} #header.on .gnb>li>a{color:#444;} #header.on .real>a{color:#555; border:3px solid #555; background: url("../img/ico_re_on.png") 10px 50% no-repeat;} #header.active .logo{margin-top:0; width:207px; height:65px;} #header.active .logo>a{background: url("../img/logo_on.png") 0 0 no-repeat; background-size:cover;} #header.active .gnb-Area{height:80px;} #header.active .gnb>li>a{/*padding-top:17px; */height:80px;line-height:80px;color:#555; border-bottom:2px solid rgba(255,255,255,.0);} #header.active .gnb>li>a.on{border-bottom:2px solid #2a9b95;} #header.active .sub{top:80px;} #header.active .gnb-Bg{top:81px;} #header.active .ui_etc, #header.on .ui_etc {color:#141414;border-color:#141414;} #header .logo{position:absolute; top:50%; left:90px; width:207px; height:65px; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);} #header .logo>a{display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; background: url("../img/logo.png") 0 0 no-repeat;background-size:cover;} #header .utill_navi{position:absolute; top:50%; right:30px; width:109px; height:33px; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);} #header .utill_navi:after{content:""; display:block; clear:both;} #header .utill_navi>a{display:block; float:left; width:45px; height:35px;} #header .utill_navi>a.login{font-size:0; text-indent:-9999px; background:#222 url("../img/ico_login.png") 50% 50% no-repeat;} #header .utill_navi>a.logout{font-size:0; text-indent:-9999px; background:#222 url("../img/ico_logout.png") 50% 50% no-repeat;} #header .utill_navi>a.home{font-size:0; text-indent:-9999px; background:#222 url("../img/ico_goHome.png") 50% 50% no-repeat;} #header .utill_navi>a.eng{padding-top:7px; font-size:13px; color:#fff; font-weight:600; text-align:center; background-color:#2a9b95;} /* gnb */ #header .gnb-Area{margin:0 auto; height:80px; position:relative; z-index:10;} -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out;} #header .gnb-Area:after{content:""; display:block; clear:both;} #header .gnb{float:left; height:100%;} #header .gnb:after{content:""; display:block; clear:both;} #header .gnb>li{float:left; height:100%; text-align:center; position:relative;} #header .gnb>li>a{display:block; padding:0 50px; /*width:100%;*/ height:80px; line-height:80px; font-size:17px; color:#fff; font-weight:600; border-bottom:4px solid rgba(255,255,255,.0); -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} #header .gnb>li>a.on{color:#444; border-bottom:4px solid #2a9b95; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} #header .sub{display:none; opacity:0; filter:alpha(opacity=0); position:absolute; top:80px; left:0; padding-top:25px; width:100%; height:215px;} #header .sub>li{width:100%; line-height:32px;} #header .sub>li>a{display:block; width:100%; font-size:14px; color:#444; font-weight:200; text-align:center;/* background:rgba(0,0,0,.6); */} #header .sub>li>a:active, #header .sub>li>a:focus, #header .sub>li>a:hover{color:#2a9b95; text-decoration:underline;} #header .gnb-Bg{display:none; opacity:0; filter:alpha(opacity=0); position:absolute; top:81px; width:100%; height:240px; background-color:#FFF; z-index:5;} #header .ui_etc {position:absolute;right:30px;top:12px;display:inline-block;padding:16px 40px;border:1px solid #fff;border-radius:50px;color:#fff;} /* visual */ #visual .main_visual{width:100%; position:relative; z-index:990;} #visual .main_visual .slick-slide{width:100%; height:100%; min-height:950px; overflow:hidden;} #visual .main_visual .slick-slide .pic{display:block; position:absolute; top:0; left:50%; width:100%; height:100%; margin-left:-50%; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); -o-transition:all 1.5s cubic-bezier(.58, .36, .84, .87); transition:all 1.5s cubic-bezier(.58, .36, .84, .87);} #visual .main_visual .slick-slide.slick-active .pic{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);} #visual .main_visual .slick-slide.visual_1 .pic{background:#FFF url("../img/main_bg.jpg") 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} #visual .main_visual .slick-slide.visual_2 .pic{background:#FFF url("../img/main_bg2.jpg") 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} #visual .main_visual .slick-slide .pic .slogen{position:absolute; bottom:15%; left:0; width:100%; text-align:center; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all 2s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 2s cubic-bezier(.58, .36, .84, .87); -o-transition:all 2s cubic-bezier(.58, .36, .84, .87); transition:all 2s cubic-bezier(.58, .36, .84, .87);} #visual .main_visual .slick-slide.slick-active .pic .slogen{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);} #visual .main_visual .slick-slide .pic .slogen h2{margin:0 auto; width:611px; font-size:60px; color:#fff; font-weight:bold; text-shadow:2px 2px rgba(0,0,0,.2);} #visual .main_visual .slick-slide .pic .slogen p{width:100%;text-align:center;line-height:1.5em;font-family:WebNotoSansL;font-size:28px;color:#fff;} #visual .main_visual .slick-slide .pic .slogen p em {display:block;margin-bottom:20px;font-size:38px;font-family:WebNotoSans;font-weight:600;color:#0f5c58;} #visual .in_dots{position:absolute; top:0; left:50%; -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); -ms-transform:translate3d(-50%,0,0); -o-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);} #visual .in_dots{} #visual .in_dots:after{content:""; display:block; clear:both;} #visual .slick-dots{float:left; height:15px;} #visual .controls{display:none;float:left; margin-left:5px; width:12px; height:15px; position:relative;} #visual .controls button{position:absolute; top:0; left:0; display:block; width:12px; height:15px; font-size:0; text-indent:-9999px; cursor:pointer;} #visual .controls button.pause{background: url("../img/slideStopBt.png") 0 0 no-repeat;} #visual .controls button.play{display:none; background: url("../img/slidePlayBt.png") 0 0 no-repeat;} #visual .scroll_ico{position:absolute; bottom:40px; left:50%; z-index:100; margin:0 0 0 -30px; width:46px; text-align:center; z-index:999;} #visual .scroll_ico b{display:block; padding-bottom:5px; font-size:13px; color:#fff; font-weight:200;} /* contents */ #contents .section{width:100%; position:relative; overflow:hidden;} #contents .section:after{content:""; display:block; clear:both;} #contents .section.parallax-window {min-height: 520px; background: transparent;} #contents .section.sec_0{height:940px; background: transparent;} #contents .section.sec_1{height:660px; background: #f1f1f1; } #contents .section.sec_2{height:400px;} #contents .section.sec_3{height:445px;} #contents .section.sec_3>div{float:left; width:50%; height:100%; overflow:hidden; position:relative;} #contents .section.sec_3>div .bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all 2s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 2s cubic-bezier(.58, .36, .84, .87); -o-transition:all 2s cubic-bezier(.58, .36, .84, .87); transition:all 2s cubic-bezier(.58, .36, .84, .87);} #contents .section.sec_3>div.active>.bg{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);} #contents .section.sec_3>div.area-1>.bg{background: url("../img/sub_1.jpg") 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} #contents .section.sec_3>div.area-2>.bg{background: url("../img/sub_2.jpg") 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} #contents .section.sec_4{padding:50px 0 60px; width:100%; background-color:#f4f4f4;} /* #contents .section.sec_4.active{background-color:#eee; -webkit-transition:all 2s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 2s cubic-bezier(.58, .36, .84, .87); -o-transition:all 2s cubic-bezier(.58, .36, .84, .87); transition:all 2s cubic-bezier(.58, .36, .84, .87);} */ #contents .section span.sub_tit {display:block;padding-top:75px;text-align:center;color:#626262;font-size:18px;} #contents .section h3.tit {margin-top:47px;text-align:center;font-size:34px;} /* section-0 */ #contents .sec_0 .success_w {width:1140px; /*margin:80px auto 0;*/margin:40px auto 0;} #contents .sec_0 .success_w > div {position:relative;float:left;width:358px !important;height:320px;margin-bottom:30px;border:1px solid #ddd;background:rgba(255,255,255,.8);opacity:0; filter:alpha(opacity=0); top:-80px;} #contents .sec_0 .success_w > div p.tit {padding:50px 40px 25px 40px;} #contents .sec_0 .success_w > div p.conts {padding:0 40px;margin-bottom:35px;overflow:hidden;height:6.4em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.6em;font-size:15px;color:#4f4f4f;} #contents .sec_0 .success_w > div span {display:inline-block;margin:0 40px;padding-top:35px;border-top:1px solid #d7d7d7;font-size:14px;color:#4f4f4f;} #contents .sec_0 .success_w>div:nth-child(2), #contents .sec_0 .success_w>div:nth-child(5){margin:0 30px;} #contents .sec_0 .success_w > div > div {position:absolute;left:0;top:0;width:354px;height:314px;border:3px solid #f9c44d;} #contents .sec_0 .success_w > div:hover > div {opacity:1 !important;} #contents .sec_0 .success_w > div > div {transition:visibility 0s, opacity 0.3s linear;opacity:0 !important;} #contents .sec_0 .success_w > div > div a {position:absolute;right:-10px;bottom:-10px;display:block;width:152px;height:45px;line-height:45px;text-indent:24px;color:#fff;background:#2a9b95 url(../img/btn_ico.png) no-repeat 98px center;} /* section-1 */ #contents .sec_1 .area_w {position:relative;width:1300px;margin:0 auto;opacity:0; filter:alpha(opacity=0); top:-80px;} #contents .thume-List{width:1140px; /*margin:80px auto 0;*/margin:60px auto 0;} #contents .thume-List:after{content:""; display:block; clear:both;} #contents .thume-List .area_box{float:left; width:360px; margin:0 10px; position:relative; /*opacity:0; filter:alpha(opacity=0); top:-80px;*/} /*#contents .thume-List .area_box:nth-child(2){margin:0 30px;}*/ #contents .thume-List .area_box>a{display:block; background-color:#FFF; position:relative;} #contents .thume-List .area_box>a:active, #contents .thume-List .area_box>a:focus, #contents .thume-List .area_box>a:hover{background-color:#133d3b; -webkit-transition:all .4s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .4s cubic-bezier(.58, .36, .84, .87); -o-transition:all .4s cubic-bezier(.58, .36, .84, .87); transition:all .4s cubic-bezier(.58, .36, .84, .87);} #contents .thume-List .area_box>a:active .txt>.title, #contents .thume-List .area_box>a:focus .txt>.title, #contents .thume-List .area_box>a:hover .txt>.title{color:#fff;} #contents .thume-List .area_box>a:active .txt>span, #contents .thume-List .area_box>a:focus .txt>span, #contents .thume-List .area_box>a:hover .txt>span{color:#fff;} #contents .thume-List .area_box>a span{display:block;} #contents .thume-List .area_box>a .pic{width:100%; height:240px; overflow:hidden;} #contents .thume-List .area_box>a .pic img{width:100%;} #contents .thume-List .area_box>a:hover .pic img{ -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03); -webkit-transition:all .8s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .8s cubic-bezier(.58, .36, .84, .87); -o-transition:all .8s cubic-bezier(.58, .36, .84, .87); transition:all .8s cubic-bezier(.58, .36, .84, .87);} #contents .thume-List .area_box>a b{display:block;} #contents .thume-List .area_box>a .txt{padding:30px 30px 40px 30px;} #contents .thume-List .area_box>a .txt>.title{padding-bottom:10px; width:100%; font-size:24px; color:#333; font-weight:400;} #contents .thume-List .area_box>a .txt>span{font-size:16px; color:#888; font-weight:200; line-height:24px;} #contents .thume-List .area_box>a .ar{opacity:0; filter:alpha(opacity=0); position:absolute; bottom:20px; right:50px; display:block; width:33px; height:20px; background: url("../img/ico_arrow.png") 0 0 no-repeat; -webkit-transition:all .3s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .3s cubic-bezier(.58, .36, .84, .87); -o-transition:all .3s cubic-bezier(.58, .36, .84, .87); transition:all .3s cubic-bezier(.58, .36, .84, .87);} #contents .thume-List .area_box>a:hover .ar{opacity:1; filter:alpha(opacity=100); right:30px; background: url("../img/ico_arrow_on.png") 0 0 no-repeat;} #contents .sec_1 .btnArea {width:100%;position:absolute;left:0;top:45%;overflow:hidden;} #contents .sec_1 .btnArea button {width:42px;height:51px;text-indent:-9999em;} #contents .sec_1 .btnArea button.prev {float:left;background:url(../img/arrow_left.png) no-repeat;} #contents .sec_1 .btnArea button.next {float:right;background:url(../img/arrow_right.png) no-repeat;} /* section-2 */ #contents .section.sec_2>div{width:100%; height:100%; background: url("../img/longbanner.jpg") 50% 50% no-repeat; position:relative; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);} #contents .section.sec_2>div:hover{ -webkit-transition:all 2s cubic-bezier(.58, .36, .84, .87); -moz-transition:all 2s cubic-bezier(.58, .36, .84, .87); -o-transition:all 2s cubic-bezier(.58, .36, .84, .87); transition:all 2s cubic-bezier(.58, .36, .84, .87); -webkit-transform:scale(1.0); -ms-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);} #contents .section.sec_2 .in{opacity:.4; filter:alpha(opacity=40); position:absolute; top:50%; left:0; width:100%; text-align:center; letter-spacing:5px; -webkit-transition:all .5s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .5s cubic-bezier(.58, .36, .84, .87); -o-transition:all .5s cubic-bezier(.58, .36, .84, .87); transition:all .5s cubic-bezier(.58, .36, .84, .87); -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);} #contents .section.sec_2 .in>.title{font-family: 'Roboto', sans-serif; font-size:40px; color:#000; font-weight:600;} #contents .section.sec_2 .in>.play{display:block; margin:20px auto 0; width:62px; height:90px; background: url("../img/playBt.png") 0 0 no-repeat;} #contents .section.sec_2 .in>.more{display:block; margin:30px auto 0; width:300px; height:50px; border:2px solid #000;} #contents .section.sec_2 .in>.more>a{display:block; width:100%; height:100%; line-height:50px;font-size:15px; color:#000; font-weight:600; letter-spacing:0px;} #contents .section.sec_2 .in>.more>a:active, #contents .section.sec_2 .in>.more>a:focus, #contents .section.sec_2 .in>.more>a:hover{color:#555; background-color:#FFF; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} #contents .section.sec_2>div:hover .in{opacity:1; filter:alpha(opacity=100); letter-spacing:0px;} /* section-3 */ #contents .section.sec_3>div.area-1 .notice-Area{opacity:0; filter:alpha(opacity=0); left:-50px; float:right; padding:50px 50px 0 0; width:570px; height:100%; position:relative; z-index:10;} #contents .section.sec_3>div.area-2 .notice-Area{opacity:0; filter:alpha(opacity=0); right:-50px; float:left; padding:50px 0 0 50px; width:570px; height:100%; position:relative; z-index:10;} #contents .section.sec_3>div .title{margin-bottom:25px; padding-top:10px; width:100%; font-size:24px; color:#fff; font-weight:400; position:relative;} #contents .section.sec_3>div .title>i{position:absolute; top:0; left:0; width:40px; height:3px; background-color:#FFF;} #contents .section.sec_3>div .thume{padding-bottom:15px; width:100%; border-bottom:1px solid rgba(255,255,255,.5);} #contents .section.sec_3>div .top{margin-bottom:10px; width:100%; height:60px; overflow:hidden;} #contents .section.sec_3>div .top:after{content:""; display:block; clear:both;} #contents .section.sec_3>div .top>.pic{float:left; width:100px; height:60px; overflow:hidden;} #contents .section.sec_3>div .top>.pic img {width:100%;height:100%;} #contents .section.sec_3>div .top>p{float:right; width:450px; font-size:21px; color:#fff; font-weight:400; line-height:30px; text-align:left;} #contents .section.sec_3>div .txt{width:100%; height:48px; position:relative;} #contents .section.sec_3>div .txt>.dot{width:85%; height:100%; overflow:hidden; font-size:16px; color:#fff; font-weight:200; line-height:24px;} #contents .section.sec_3>div .txt .day{position:absolute; bottom:0; right:0; font-size:16px; color:#fff; font-weight:200;} #contents .section.sec_3>div .list{padding-top:10px; width:100%;} #contents .section.sec_3>div .list>li{width:100%; line-height:30px; position:relative;} #contents .section.sec_3>div .list>li>a{display:inline-block; width:80%; font-size:16px; color:#fff; font-weight:200; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #contents .section.sec_3>div .list>li>a:hover{text-decoration:underline;} #contents .section.sec_3>div .list>li>.day{position:absolute; top:0; right:0; font-size:16px; color:#fff; font-weight:200;} #contents .section.sec_3>div .more{position:absolute; top:50px; right:50px; width:35px; height:35px;} #contents .section.sec_3>div .more.m_1{right:0;} #contents .section.sec_3>div .more>a{display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; text-align:center; border:1px solid #ddd; background: url("../img/plusBt.png") 50% 50% no-repeat;} #contents .section.sec_3>div .more>a:hover{background:rgba(255,255,255,.4) url("../img/plusBt_on.png") 50% 50% no-repeat; border:1px solid rgba(255,255,255,.4); -webkit-transition:all .5s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .5s cubic-bezier(.58, .36, .84, .87); -o-transition:all .5s cubic-bezier(.58, .36, .84, .87); transition:all .5s cubic-bezier(.58, .36, .84, .87);} #contents .section.sec_3>div .more.m_1>a:hover{background:rgba(255,255,255,.4) url("../img/plusBt1_on.png") 50% 50% no-repeat; border:1px solid rgba(255,255,255,.4); -webkit-transition:all .5s cubic-bezier(.58, .36, .84, .87); -moz-transition:all .5s cubic-bezier(.58, .36, .84, .87); -o-transition:all .5s cubic-bezier(.58, .36, .84, .87); transition:all .5s cubic-bezier(.58, .36, .84, .87);} /* section-4 */ #contents .section.sec_4 .m_h3Title{padding-top:10px; width:100%; font-size:24px; color:#363845; font-weight:400; position:relative;} #contents .section.sec_4 .m_h3Title>i{position:absolute; top:0; left:0; width:40px; height:3px; background-color:#2a9b95;} #contents .section.sec_4 .relatedSlider{margin-top:20px; padding:0 60px; width:100%; position:relative;} #contents .section.sec_4 .relatedSlider div{margin:0 20px;} #contents .layer_Movie{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999;} #contents .layer_Movie .bg{width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:10;} #contents .layer_Movie iframe{position:absolute; top:50%; left:50%; border:5px solid rgba(0,0,0,.6); z-index:15; -webkit-transform:translate3d(-50%,-50%,0); -moz-transform:translate3d(-50%,-50%,0); -o-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0);} /* 2019.07.29 추가 */ .info_box {overflow:hidden;width:100%;height:630px;background:url(../img/adv_bg.jpg) no-repeat center;background-size:cover;} .info_box > div {float:left;height:100%;} .info_box .leftArea {width:55%;overflow:hidden;} .info_box .leftArea .left_box {overflow:hidden;float:right;width:640px;padding-top:50px;padding-right:70px;} .info_box .leftArea .left_box .adv_step {float:left;width:250px;height:520px;} .info_box .leftArea .left_box .adv_conts {float:right;padding:60px 45px 0;line-height:1.6em;font-size:18px;color:#2b2b2b;} .info_box .leftArea .left_box .adv_conts strong {font-size:22px;} .info_box .leftArea .left_box .adv_conts p {margin-bottom:40px;} .info_box .leftArea .left_box .adv_conts p em {color:#2a9b95;font-size:19px;font-weight:800;} .info_box .leftArea .left_box .adv_conts .go_btn {display:block;width:265px;height:85px;line-height:85px;border-radius:5px;text-align:center;font-size:20px;color:#fff;background:#3e3e3e;} .info_box .leftArea .left_box .adv_conts a:hover {background:#2a9b95;} .info_box .rightArea {width:45%;padding-top:80px;} .info_box .rightArea ul {width:520px;padding:35px 40px;background:#f5f5f5;} .info_box .rightArea ul li {overflow:hidden;} .info_box .rightArea ul li dl {float:left;} .info_box .rightArea ul li dl dt {height:45px;line-height:45px;padding-left:45px;margin-bottom:20px;font-size:20px;font-weight:700;color:#2a9b95;} .info_box .rightArea ul li dl dt.adv_ico01 {background:url(../img/adv_ico01.png) no-repeat left center;} .info_box .rightArea ul li dl dt.adv_ico02 {background:url(../img/adv_ico02.png) no-repeat left center;} .info_box .rightArea ul li dl dt.adv_ico03 {background:url(../img/adv_ico03.png) no-repeat left center;} .info_box .rightArea ul li dl dd {font-size:14px;color:#222;letter-spacing:0.1px;} .info_box .rightArea ul li dl dd span {display:block;margin-bottom:10px;} .info_box .rightArea ul li dl dd em {font-size:14px;} .info_box .adv_step ul {position:relative;} .info_box .adv_step ul:after {position:absolute;right:5px;top:5px;display:block;width:1px;height:100%;border-right:1px solid #c9cacb;content:"";} .info_box .adv_step ul li {position:relative;padding-bottom:48px;text-align:right;padding-right:35px;} .info_box .adv_step ul li.on {color:#2a9b95;} /* .step .on .c { display: block; position: absolute; width: 36px; height: 36px; border: 2px solid #f6ad93; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-radius: 100%; -webkit-transition: width 400ms, height 400ms; transition: width 400ms, height 400ms; }*/ .info_box .adv_step .step em { width: 18px; height: 18px; /*margin-top:58px; margin-left:-117px;*/ position: absolute; top:2px; right:-4px; background: #acacac; border-radius: 100%; cursor: pointer; -webkit-transition: background 400ms; transition: background 400ms; z-index:8; } .info_box .adv_step .step .on em { background: #2a9b95; z-index:10; } .info_box .adv_step .step .go em { background: #ffe0a2; z-index:11; } .info_box .adv_step .step em:after {position: absolute;right:4px;top:4px;width:10px;height:10px;content:"";background: #fff;border-radius: 100%;-webkit-transition: background 400ms;transition: background 400ms;z-index:7;} .info_box .adv_step .step .l { position: absolute; display:inline-block; /*margin-top:62px; margin-left:-117px; width:300px; height:3px;*/ right:5px; top:10px; width:1px; height:71px; background: linear-gradient(to right, rgba(255,255,255,0) 50%, #ffe0a2 50%); background-size: 200%; transition: 3s; z-index:7; } .info_box .adv_step .step .on .l { background-position: -100% 0; color:#fff !important; } /*.step .active { position: absolute; display:none ; margin-top:62px; margin-left:-117px; width:300px; height:3px; background: #f6ad93; z-index:7; }*/ /* 게시판 공통 STYLE */ .list_board table{width:100%;border-top:1px solid #000} .list_board table thead th{height:60px;color:#333;font-size:15px;font-weight:normal;border-bottom:1px solid #ddd;background:#f8f8f8;} .list_board table tbody td{height:62px;border-bottom:1px solid #ddd;color:#3f3f3f;font-size:14px;text-align:center;letter-spacing:0} .list_board table tbody td.point{color:#064323} .list_board table tbody td:nth-child(2){color:#000;letter-spacing:-1px} .list_board table tbody td:nth-child(4), .list_board table tbody td:nth-child(5){color:#808080} .list_board table tbody td a{display:block;padding:0 0 0 6px;text-align:left} .list_board table tbody td a em{display:block;font-size:18px} .list_board table tbody td a p{position:relative;display:block;padding-left:50px;line-height:62px;color:#000;padding-right:40px;} .list_board table tbody td a.scrt{position:relative;padding-left:46px;} .list_board table tbody td a span{display:inline-block;margin-left:8px;height:31px;font-size:0;background-position:center center;background-repeat:no-repeat} .list_board table tbody td a span.reply{margin-left:0;padding-left:23px;font-size:1em;background:url('../img/ico_re.gif') 0 3px no-repeat} .list_board table tbody td a span.secret{position:absolute;left:0;top:15px;width:31px;background-image:url('../img/ico_secret.gif')} .list_board table tbody td a span.new{width:60px;vertical-align:middle;background-image:url('../img/ico_new.gif')} .list_board table tbody td a span.file{display:block;position:absolute;right:0;top:0;width:30px;height:31px;background-image:url('../img/ico_file.gif')} .list_board.no-pad table tbody td a p{padding-right:0} /* footer */ #footer .sns{padding:15px 0 25px 0; width:100%; text-align:center;} #footer .sns>a{display:inline-block; width:50px; height:50px; font-size:0; text-indent:-9999px; background: url("../img/ico_kakao.png") 50% 50% no-repeat; border:1px solid #ddd; border-radius:50%;} #footer .sns>a.youtube{margin-right:20px;background: url("../img/ico_youtube.png") 50% 50% no-repeat;} #footer .sns>a:active, #footer .sns>a:focus, #footer .sns>a:hover{background:rgba(255,255,255,.4) url("../img/ico_kakao_on.png") 50% 50% no-repeat; border:1px solid rgba(255,255,255,.4)} #footer .sns>a.youtube:hover{background:rgba(255,255,255,.4) url("../img/ico_youtube_on.png") 50% 50% no-repeat;} #footer .f_navi{padding-bottom:20px; width:100%; padding-top:55px; text-align:center;} #footer .f_navi>a{display:inline-block; padding:0 10px; font-size:15px; color:#ddd;font-weight:400;} #footer .f_navi>a>b{color:#2e8782;} #footer .address{padding-bottom:30px; width:100%; text-align:center;} #footer .address p{width:100%; font-size:13px; color:#666; line-height:23px;} #footer .address p>span{display:inline-block; padding:0 5px; font-size:13px; color:#888;} #footer .f_logo{padding-bottom:30px; width:100%; text-align:center;} /* select{display:block; padding:5px 25px 5px 5px; width:100%; max-width:200px; height:28px; text-align:left; vertical-align:-2px; border:none; border:1px solid #ddd; background:#FFF url("../img/custom_Select_.gif") right 50% no-repeat; background-size:23px 37px;} */ /* 개인정보취급방침 */ #popup_coding > strong{position:relative;display:block;width:100%;height:60px;background-color:#2a9b95} #popup_coding > strong em{display:block;padding-top:17px;font-size:24px;color:#fff;text-indent:30px;font-weight:400} #popup_coding > strong button{position:absolute;right:12px;top:0;display:block;width:60px;height:60px;background:url('../img/close_btns.png') center center no-repeat;text-indent:-99999em;overflow:hidden} #popup_coding #frmPolicyList {width:209px;height:38px;border:1px solid #dcdcdc;text-indent:10px;color:#666;} #popup_coding .pop_box{padding:0 30px 35px 30px} #popup_coding .sel{width:100%;text-align:right;padding-bottom:10px;padding-top:35px} #popup_coding .sel *{vertical-align:top} #popup_coding .sel label{display:inline-block;font-size:16px;color:#666;padding:8px 10px 0 0} #popup_coding .sel .sod_select{text-align:left;width:200px} #popup_coding .fnt_box{font-size:16px;margin:0 0 20px 0;border:1px solid #d6d6d6;padding:30px;color:#404040;font-family:"Apple SD Gothic Neo",'나눔바른고딕',NanumBarunGothic;line-height:1.8em;overflow:auto;overflow-x:hidden} #popup_coding .fnt_box *{line-height:1.7em} #popup_coding .fnt_box h1{font-size:22px} #popup_coding .fnt_box h2{margin-top:40px} #popup_coding .fnt_box h3{margin:10px 0} #popup_coding .fnt_box h4{margin:18px 0 6px 0} #popup_coding .fnt_box li{padding-bottom:10px} #popup_coding .fnt_box table{width:100%;margin:10px 0} #popup_coding .fnt_box table td, #popup_coding .fnt_box table th{border:1px solid #000;text-align:center;padding:6px 0} #popup_coding .fnt_box dt{font-weight:bold} #popup_coding .fnt_box.no_sel{margin:30px 0 0 0} #popup_coding .btn{text-align:right} #popup_coding .btn button{text-align:center;color:#000;border:1px solid #b5b5b5;padding:10px 40px;margin-left:4px} /* 레이어팝업 */ .ly_popup{position:absolute;width:750px;border-radius:4px;overflow:hidden;background-color:#fff;z-index:1000;box-shadow:1px 1px 2px rgba(0,0,0,0.1)} .ly_popup .ly_top{padding:20px 70px 20px 24px;} .ly_popup .ppty_color {background:#2a9b95;} .ly_popup .ly_top strong{display:block;width:100%;color:#fff;font-size:24px;line-height:1.2em;font-weight:normal} .ly_popup .ly_body{color:#000} .ly_popup .ly_body img{display:block;width:100%;height:auto;margin:0 auto} .ly_popup .ly_foot{padding:18px 20px;background-color:#f2f2f2} .ly_popup .ly_foot *{vertical-align:top} .ly_popup .ly_foot:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0} .ly_popup .ly_foot label{float:right;height:16px} .ly_popup .ly_foot .ui-btn{padding-left:20px;background-image:url('../img/input_checkbox-wh1.gif');background-repeat:no-repeat;} .ly_popup .ly_foot label em{color:#808080;font-size:14px;line-height:1.4em} .ly_popup .close{position:absolute;right:22px;top:22px;display:block;width:26px;height:26px;background:url('../img/main_view-close.png') center center no-repeat;text-indent:-99999em;overflow:hidden} .ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)} .ly_popup .ui-btn {padding-right:0;} .ly_popup .ui-checkbox-on{background-position:0 -50px} .ly_popup .ui-checkbox-off{background-position:0 0}