@charset "utf-8";
.fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*:first-child+html .fix{min-height:1px;}/*ie7*/
img{max-width:100%;vertical-align:top;}
input[type="password"]{box-shadow:none;}
 .inner * {  
    box-sizing: border-box;  
    -moz-box-sizing: border-box; Firefox 1-3  
    -webkit-box-sizing: border-box; Safari  
	-ms-box-sizing: border-box; 
} 

h1,h2,h3,h4,h5,h6{font-weight:normal;}
.navi{position:relative;}
.navi h2{color:#333;font-size:36px;padding-bottom:9px;}
.navi .location a{color:#333;}
.navi .location em{font-family:RgB;color:#212121;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}


#wrapper{position:relative;}
/* 바로가기 */
#direct{height:33px;background:#f8f8f8;border-bottom:1px solid #d7d7d7;margin-bottom:70px;z-index:100;}
#direct:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#direct .gamja{width:52px;position:absolute;right:30px;top:5px;}
#direct .gamja img{width:100%;}
#direct .inner{width:980px;margin:0 auto;text-align:right;}
#direct .directMenu{position:absolute;right:100px;top:0px;}
#direct .directMenu a{width:100px;display:inline-block;line-height:33px;text-align:center; vertical-align:middle;/*border-right:1px solid #d7d7d7;*/color:#707070;}
#direct .directMenu a:first-child{/*border-left:1px solid #d7d7d7;*/ width:150px;}
#direct .directMenu a:first-child img{margin-top:2px}
#direct .directMenu a:hover{text-decoration:underline;}
#direct h1{position:absolute;left:0;top:0;z-index:30;top:57px;left:30px;}
#direct h1 a{width:130px;display:inline-block;}
#direct h1 a img{width:100%;}
#direct .menuToggle{display:none;}

/* 헤더 */
#header{height:70px;position:absolute;border-bottom:2px solid #ffa93e;/*border-bottom:1px solid #d7d7d7;*/background-color:rgba(255,255,255,10);top:34px;width:100%;overflow:hidden;z-index:20;transition:.5s ease;} /* max 361 min 70 */
/*#header.on{height:auto;}*/
#header.hover{height:340px;}
#header.on{height:580px;border-bottom:1px solid #d7d7d7;}
#header:before{content:"";position:absolute;left:0;top:70px;height:1px;width:100%;background:#d7d7d7;}
#header:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#header h1{width:84px;padding:17px 0 0 28px;float:left;}
#header h1 img{width:100%;}
#header .inner{width:930px;margin:0 auto; padding-left:50px}
#header .inner a{font-size:14px;color:#555;font-family:"NanumGothic",sans-serif;}
#header .inner a:hover{text-decoration:underline;}
#header .inner .dep1>li{float:left;margin-right:4%;width:110px;}
#header .inner .dep1>li>a{margin:25px 0 40px;display:inline-block;font-size:19px;font-family:"NanumGothic",sans-serif;font-weight:bold;}
#header .inner .dep1>li:hover>a{color:#0D7E3E;text-decoration:underline;}
#header .inner .dep1>li.last{width:164px; float:right; margin-top:-17px}
#header .inner .dep2 {margin-top:10px;}
#header .inner .dep2 li{margin-bottom:23px;}
#header .inner .dep1>li.first{width:120px; margin-left:30px}
#header .inner .dep1>li.second{width:206px;}
#header .inner .dep2 .gjcamp{/*border-top:1px solid #e2e2e2;*/border-bottom:1px solid #e2e2e2;}
#header .inner .first>a{position:relative;left:40px;}
#header .inner .second>a{position:relative;left:50px;}
#header .inner .second .dep2 li{margin:0;padding:15px 0 15px 61px;}
#header .inner .second .dep2 li.gjcamp{padding-top:0px;}
#header .inner .gjcamp{background:url(../images/bg_service1.png) no-repeat 5px 0px;}
#header .inner .gjcamp:hover{background:url(../images/bg_service1_over.png) no-repeat 5px 0px;}
#header .inner .camppro{background:url(../images/bg_service2.png) no-repeat 5px 18px;}
#header .inner .camppro:hover{background:url(../images/bg_service2_over.png) no-repeat 5px 18px;}
#header .inner .campguide{background:url(../images/bg_service3.png) no-repeat 5px 18px;}
#header .inner .campguide:hover{background:url(../images/bg_service3_over.png) no-repeat 5px 18px;}
#header .inner .campguide2{background:url(../images//bg_service5.png) no-repeat 5px 26px;}
#header .inner .campguide2:hover{background:url(../images/bg_service5_over.png) no-repeat 5px 26px;}
#header .inner dl dt{font-weight:bold;margin-bottom:3px;font-size:17px;}
#header .inner dl dd{font-size:12px;}
#header .inner .gjcamp dl:hover{text-decoration:underline;}
#header .inner .gjcamp dl:hover dt{color:#008d2e;}
#header .inner .camppro dl:hover dt{color:#ff9600;}
#header .inner .camppro dl:hover{text-decoration:underline;}
#header .inner .campguide dl:hover dt{color:#ff4200;}
#header .inner .campguide dl:hover{text-decoration:underline;}
#header .inner{position:relative;height:100%;}
#header .openGnb{display:none;}
#contents .inner{width:980px;margin:0 auto;}
#contents .inner:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
#contents>.inner>h2{font-size:26px;margin-bottom:9px;font-weight:normal; letter-spacing:-1px;}
.breadcamp{margin-bottom:66px;}
.breadcamp a{font-family:"NanumGothic",sans-serif;}
.breadcamp em{color:#212121;font-family:"NanumGothic",sans-serif; font-weight:bold}


/* 메인 비주얼 */
#visual{position:relative;overflow:hidden;margin-bottom:40px;}
#visual .next{position:absolute;right:10px;top:50%;margin-top:-17px;width:35px;height:57px;overflow:hidden;z-index:10;}
#visual .next:hover img{position:relative;top:-57px;}
#visual .prev{position:absolute;left:10px;top:50%;margin-top:-17px;width:35px;height:57px;overflow:hidden;z-index:10;}
#visual .prev:hover img{position:relative;top:-57px;}
.directVisual{width:100%;position:absolute;bottom:25px;text-align:center;z-index:10;}
.directVisual *{vertical-align:middle;}
.directVisual .control{width:22px;height:22px;overflow:hidden;margin-right:3px;}
.directVisual .control img{width:100%;}
.directVisual .control.on img{position:relative;top:-22px;}
.directVisual a{width:22px;height:22px;overflow:hidden;display:inline-block;margin:0 6px;}
.directVisual a img{width:100%;}
.directVisual a.on img{position:relative;top:-22px;}
.visual .slides{position:relative;}
.visual .slides>div{float:left;position:relative;overflow:hidden;}

.visual .slides .v1{height:425px;background:url(/camp/images/img_visual1.jpg) repeat-x center top;background-size:cover;text-align:center;}
.visual .slides .v1 p{width:480px;margin:0 auto;} 
.visual .slides .v1 p img{width:100%;}
.visual .slides .v1 p{padding:45px 0 20px;}
.visual .slides .v1 p.m{display:none;}
.visual .slides .v1 a.btn{z-index:10;width:334px;height:65px;line-height:65px;background:url(/camp/images/btn_visual1.png) no-repeat;font-size:20px;color:#fff;padding-left:10px;display:inline-block;font-family:"NanumGothic",sans-serif;}
.visual .slides .v1 a.btn:hover{background:url(/camp/images/btn_visual1_over.png) no-repeat;color:#ff7937;}


.visual .slides .v2{background:url(/camp/images/img_visual2.jpg)repeat;height:425px;position:relative;text-align:center;}
.visual .slides .v2 .img{display:inline-block;width:980px;}
.visual .slides .v2 .img img{width:100%;}
.visual .slides .v2 p{position:absolute;left:50%;top:60px;margin-left:57px;}
.visual .slides .v2 a{position:absolute;left:50%;top:300px;margin-left:57px;text-align:center;isplay:inline-block;}
.visual .slides .v3{height:425px;position:relative;text-align:center;background:url(/camp/images/img_visual3.jpg) repeat-x;}
.visual .slides .v3 .objImg{position:absolute;left:50%;margin-left:-530px; margin-top:60px;}
.visual .slides .v3 .img{display:inline-block;}
.visual .slides .v3 p{position:absolute;left:50%;top:70px;margin-left:0px;}
.visual .slides .v3 a{position:absolute;left:50%;top:285px;margin-left:45px;text-align:center;line-height:56px;display:inline-block;}



/* 캠프프로그램4개 */
.gcamp4{width:100%; position:relative; padding-bottom:50px;background:url(/camp/images/bg_dotLine.png) repeat-x left bottom;margin-bottom:40px;margin-top:10px;}
.gcamp4 h3{font-size:20px;font-family:"NanumGothic",sans-serif;font-weight:bold;color:#4d4d4d;}
.gcamp4 ul{margin-top:12px;display:block; overflow:hidden}
.gcamp4 li{width:20%;height:auto;text-align:center;float:left}
.gcamp4>li img{max-width:100%;}
.gcamp4 li:after{content:"";clear:both;height:0;display:block;visibility:hidden;}

.gcamp4 .more{position:absolute;right:0;top:-2px;width:53px;height:23px;line-height:23px;background:url(/camp/images/bg_smore.png) no-repeat;background-size:53px 23px;color:#fff;text-align:center;}
.gcamp4 .more:hover{background:url(/camp/images/bg_smore_over.png) no-repeat;}


/* 현지생생소식 */
#contents .inner .gNews h3{font-size:20px;font-family:"NanumGothic",sans-serif;font-weight:bold;margin-bottom:12px;color:#4d4d4d;}

#contents .inner .gNews{width:50%;padding-right:1%;float:left;padding-bottom:50px;background:url(/camp/images/bg_dotLine.png) repeat-x left bottom;margin-bottom:40px;font-family:"NanumGothic",sans-serif;}
#contents .inner .gNews .listWrap{position:relative;border:1px solid #e9e9e9;padding:16px 15px 5px;}
#contents .inner .gNews .listWrap li{clear:right;border-top:1px solid #f3f3f3;padding:12px 0;font-size:14px;overflow:hidden;}
#contents .inner .gNews .listWrap li:first-child{border-top:none;padding-top:0;}
#contents .inner .gNews .listWrap li span.tit{width:73%;float:left;/* width:700px; */text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#contents .inner .gNews .listWrap li span.date{display:block;float:right;}
#contents .inner .gNews .listWrap li span.date_m{display:none;float:right;}
#contents .inner .gNews .listWrap li.last{padding-bottom:0;}
#contents .inner .gNews .listWrap li a span{border-bottom:1px solid #fff;}
#contents .inner .gNews .listWrap li a:hover span{border-bottom:1px solid #333;} 
#contents .inner .gNews .listWrap .more{position:absolute;right:0;top:-38px;width:53px;height:23px;line-height:23px;background:url(/camp/images/bg_smore.png) no-repeat;background-size:53px 23px;color:#fff;text-align:center;}
#contents .inner .gNews .listWrap .more:hover{background:url(/camp/images/bg_smore_over.png) no-repeat;}

/* 캠프동영상 */
#contents .inner .gvideo h3{font-size:20px;font-family:"NanumGothic",sans-serif;font-weight:bold;margin-bottom:12px;color:#4d4d4d;padding-left:2%;}

#contents .inner .gvideo{width:50%;padding-left:1%;float:right;padding-bottom:50px;background:url(/camp/images/bg_dotLine.png) repeat-x left bottom;margin-bottom:40px;font-family:"NanumGothic",sans-serif;}
#contents .inner .gvideo .listWrap{position:relative;}
#contents .inner .gvideo .listWrap:after{content:"";clear:both;height:0;display:block;visibility:hidden;}
#contents .inner .gvideo .listWrap .item-small{width:48%; position:relative;border:1px solid #e9e9e9;margin-left:2%;padding-bottom:40px;float:right;}
#contents .inner .gvideo .listWrap .item-small .item-visual{position:relative;overflow:hidden;}
#contents .inner .gvideo .listWrap .item-small .item-visual a{display:inline;cursor:pointer;width:100%;}
#contents .inner .gvideo .listWrap .item-small .item-visual .img1{max-width:100%; min-height:136px;}
#contents .inner .gvideo .listWrap .item-small .item-visual em{position:absolute;top:50%;left:50%; margin-top:-31px; margin-left:-31px;}
#contents .inner .gvideo .listWrap .item-small .item-visual em img{width:62px; height:61px; display:block}
#contents .inner .gvideo .listWrap .item-small .item-text{background: #fff;bottom: 0;min-height:47px;padding:14px 4% 13px;position: absolute;width:100%;border-top:1px solid #e9e9e9;}

#contents .inner .gvideo .listWrap .more{position:absolute;right:0;top:-38px;width:53px;height:23px;line-height:23px;background:url(/camp/images/bg_smore.png) no-repeat;background-size:53px 23px;color:#fff;text-align:center;}
#contents .inner .gvideo .listWrap .more:hover{background:url(/camp/images/bg_smore_over.png) no-repeat;}
#contents .inner .gvideo:after{content:"";clear:both;height:0;display:block;visibility:hidden;}

/* 캠프갤러리 */
#contents .inner .gGallery h3{font-size:20px;font-family:"NanumGothic",sans-serif;font-weight:bold;margin-bottom:12px;color:#4d4d4d; clear:both}
#contents .inner .gGallery{width:100%;padding-bottom:30px;background:url(/camp/images/bg_dotLine.png) repeat-x left bottom;margin-bottom:40px; float:left}
#contents .inner .gGallery .listWrap{position:relative;}
#contents .inner .gGallery .listWrap:after{content:"";clear:both;height:0;display:block;visibility:hidden;}
#contents .inner .gGallery .listWrap li{float:left;width:22.75%;min-height:130px;margin-left:3%;}
#contents .inner .gGallery .listWrap li:first-child{margin-left:0;}
#contents .inner .gGallery .listWrap li .thumb{margin-bottom:5px; height:160px; overflow:hidden;}
#contents .inner .gGallery .listWrap li .thumb img{max-width:100%;}
#contents .inner .gGallery .listWrap li h4{font-size:14px;font-family:"NanumGothic",sans-serif;line-height:19px;padding-bottom:12px;font-weight:normal;}
#contents .inner .gGallery .listWrap li h4 span{font-size:14px;margin-right:5px}
#contents .inner .gGallery .listWrap li h4 em{font-family:"NanumGothic",sans-serif;}
#contents .inner .gGallery .listWrap .more{position:absolute;right:0;top:-38px;width:53px;height:23px;line-height:23px;background:url(/camp/images/bg_smore.png) no-repeat;background-size:53px 23px; color:#fff;text-align:center;}
#contents .inner .gGallery .listWrap .more:hover{background:url(/camp/images/bg_smore_over.png) no-repeat;}
#contents .inner .gGallery .listWrap li a{display:block;}
#contents .inner .gGallery .listWrap li a:hover h4 em{text-decoration:underline;}
#contents .inner .gGallery .listWrap li a:hover dd span,#contents .inner .gGallery .listWrap li a:hover dd p{text-decoration:underline;}

/* 혜택.조기유학 */
#contents .inner .bottomicon{width:100%;margin-bottom:40px;}
#contents .inner .bottomicon ul{display:block}
#contents .inner .bottomicon li{width:48%; float:left; margin:0 1%}
/*#contents .inner .bottomicon li:first-child{padding-left:0;}*/
#contents .inner .bottomicon li img{width:100%; height:auto;}

/* 푸터 */
#footer{width:100%;border-top:1px solid #e6e6e6;background-color:#f0f0f0;padding-top:30px;margin-top:60px; min-height:240px}
#footer .ssspx{width:980px; margin:0 auto;position:relative;}
#footer .share{overflow:hidden;}
#footer .share .logo{float:left;}
#footer .share .logo span{width:90px;display:inline-block;margin-right:5px;}
#footer .share .logo span:first-child{width:60px}
#footer .share .logo span img{width:100%;}
#footer .share .sns{float:right;}
#footer .share .sns *{vertical-align:middle;}
#footer .share .sns a{width:23px;display:inline-block;margin-left:5px;}
#footer .share .sns a img{width:100%;}
#footer .share .sns a.top{width:43px;height:23px;line-height:24px;font-size:12px;color:#fff;text-align:center;background:url(../images/bg_top.png) no-repeat;background-size:43px 23px;}
#footer .share .sns a.top:hover{background:url(../images/bg_top_over.png) no-repeat;background-size:43px 23px;}
#footer .companyInfo{clear:both;width:750px;padding-bottom:40px;}
#footer .companyInfo{position:absolute;left:170px;top:0px;}
#footer .companyInfo>a{color:#f15542;margin-bottom:10px;display:inline-block;}
#footer .companyInfo>address{color:#4d4d4d;line-height:20px;font-family:"NanumGothic",sans-serif;}
#footer .companyInfo>address a:hover{text-decoration:underline;}
#footer .companyInfo>.copyright{color:#949494;padding-top:19px;}

.hide{position:absolute;overflow:hidden;width:1px;height:1px;}
.placeholder{color:#a9a9a9;}
textarea:-webkit-input-placeholder{ color: #707070;}
:-webkit-input-placeholder {
   color: #707070;
}
 textarea:-moz-placeholder,
:-moz-placeholder { /* Firefox 18- */
    color: #707070;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #707070;
}

:-ms-input-placeholder {  
   color: #707070;
}

/*
@media only screen and (max-width: 1280px){

#header .openGnb.on{position:absolute;right:20px;top:300px;width:18px;height:17px;overflow:hidden;}
#header .openGnb img{width:100%;}
#header .openGnb.on img{margin-top:-18px;}
}

@media only screen and (max-width: 1200px) {
#direct .inner{width:820px;margin:0 auto;text-align:right;}
}


/***** 테블릿 *****/
@media only screen and (max-width: 980px) {
#direct h1{position:absolute;left:0;top:0;z-index:30;top:57px;left:20px;}
#direct h1 a{width:90px;display:inline-block;}
#direct h1 a img{width:100%;}
	}