@charset "UTF-8";
/*
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
*{font-family: 'Spoqa Han Sans', 'SpoqaHanSans', '맑은고딕', 'Malgun Gothic', 'Sans-serif'; font-size:1em;}
*/

*{font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans', '맑은고딕', sans-serif; font-size:1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
h1, h2, h3, h4, h5, b, strong{font-weight:500;}
body{
	-webkit-perspective: 1px;
	perspective: 1px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; min-width:1100px;
}
.en{font-family: 'Roboto', sans-serif;}
.inner{position:relative; margin:0 auto; width:1100px;}
.inner:after{visibility:hidden; display:block; content:""; clear:both; height:0;}


#nav{padding:15px 0 10px 0;}

#nav .nav {position: relative;}
#nav .nav ul li a {display: block;}
#nav .nav > ul{margin:0 auto; text-align:center; }
#nav .nav > ul > li {position: relative; display: inline-block;}
#nav .nav > ul > #menu-button {display: none;}
#nav .nav > ul > li > a{font-size:120%; font-weight: bold; padding: 15px; color: #252525;}
#nav .nav > ul > li:hover > a{color:#cf1429;}
#nav .nav > ul > li.last > a{
	border:2px solid #e64545; padding:5px 10px 5px 10px; color:#e64545;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#nav .nav > ul > li.last > a span{display:inline-block;}
#nav .nav > ul > li.last > a .kr{font-size:70%; font-weight:400; letter-spacing:-1px; vertical-align:2.2px;}
#nav .nav > ul > li.last > a .en{font-size:80%; font-weight:700; vertical-align:2px}
#nav .nav > ul > li.last > a i{font-size:80%;}
#nav .nav > ul > li.last > a:hover{background:#e64545; color:#fff;}
#nav .nav ul ul {

	position: absolute; opacity: 0; z-index:0; border:2px solid #cf1429; background:#fff;
	left:50%; top: 100px; width:140px;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
	-webkit-transition: opacity .3s ease, top .25s ease;
	-moz-transition: opacity .3s ease, top .25s ease;
	-ms-transition: opacity .3s ease, top .25s ease;
	-o-transition: opacity .3s ease, top .25s ease;
	transition: opacity .3s ease, top .25s ease;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
}
#nav .nav ul ul li {position: relative;}
#nav .nav > ul > li:hover > ul {top:50px; opacity: 1; z-index:1000;}
#nav .nav ul ul li a {
	font-size:small; color:#555; padding:8px 15px;
	border-bottom: 1px solid #eee;
}
#nav .nav ul ul li:hover > a {background: #f2f2f2; color: #000;}
#nav .nav ul ul li:last-child > a,
#nav .nav ul ul li.last > a {border-bottom: 0;}
#nav .nav > ul > li > ul::after {
	content: '';
	border: 6px solid transparent; width: 0; height: 0; border-bottom-color: #cf1429;
	position: absolute; top: -12px; left:50%;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
}






#main{}
#main .main_con{position: relative; text-align:center;}
#main .main_con section{padding:50pt 0; text-align:center;}
#main .main_con section.left{float:left; width:250px; max-width:25%;}
#main .main_con section.right{float:right; width:250px; max-width:25%;}
#main .main_con section.center{display:inline-block; width:580px; margin:0 auto; }
#main .main_con section .box{
	position: relative; display:table; border:1px solid #ddd; margin-bottom:10px; padding:20px; width:100%; min-height:250px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


#main .main_con section .box img{max-width:100%;}
#main .main_con section .box .dis_row{display:table-row; vertical-align:middle;}
#main .main_con section .box .dis_row > .conbox{display:table-cell; vertical-align:middle; text-align:center; height:50%;}

#main .main_con section .box h3{position: relative;font-size:75%; font-weight:300; margin-bottom:20px; text-align:left;}
#main .main_con section .box h3:after{position: absolute; left:0; bottom:-10px; content:""; border-bottom:2px solid #cf1429; width:20px;}
#main .main_con section .box span{display:block; margin:3px 0;}
#main .main_con section .box .ico{margin:0 auto; display:block; max-width:100%; margin-bottom:20px;}
#main .main_con section .box .btn_line{
	background:#ebebeb; font-size:75%; text-align:center; display:block; color:#362f2d; padding:5px 0; margin-top:10px; font-weight:bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#main .main_con section .box .btn_line:hover{background:#ccc;}
#main .main_con section .box_small{margin-bottom:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#main .main_con section .box_small > div{display:table; vertical-align:middle; width:120px; height:120px; border:1px solid #ddd;}
#main .main_con section .box_small > div a{color:#222; display:table-cell; width:100%; height:100%; vertical-align:middle;}
#main .main_con section .box_small > div a img{display:block; margin:0 auto; margin-bottom:5px; height:40px; }
#main .main_con section .box_small > div a span{display:inline-block; font-size:90%;}
#main .main_con section .box_small > div a .link{
	background:#cf1429; color:#fff; font-size:x-small; padding:2px 3px; min-width:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*
#main .main_con section .box:hover,
#main .main_con section .box_small > div:hover{
	border-color:#cf1429;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
 */

#main .main_con section.strategy{}
#main .main_con section.strategy h1{display: block; font-size: 250%; font-weight: 300;}
#main .main_con section.strategy h1 strong{font-weight:800;}
#main .main_con section.strategy h2{display: block; margin-top:10pt; font-weight: 300; font-size: large;}
#main .main_con section.strategy ul{display: table; width:100%; margin-top:50px;}
#main .main_con section.strategy ul li{display: table-cell; text-align: center; width:33.33%;}
#main .main_con section.strategy ul li img{display: block; max-width: 100%; margin:0 auto;}
#main .main_con section.strategy ul li h3{display: block; font-size: 130%; font-weight: 700; margin-top:15pt;}
#main .main_con section.strategy ul li span{display:block; margin-top:7pt; color:#333; line-height: 1.4em;}
#main .main_con section.strategy ul li span strong{display:block; font-weight: 700; text-decoration: underline;}

#main .main_con section.change{background-image: url('/mentor/images/main_change_bg.jpg'); background-position:top center; background-size: cover;}
#main .main_con section.change h1{display: block; font-size: 250%; font-weight: 300; color:rgba(255,255,255,0.95);}
#main .main_con section.change h1 strong{font-weight:600;}
#main .main_con section.change h2{display: block; margin-top:10pt; font-weight: 300; font-size: large; color:rgba(255,255,255,0.7); margin-bottom: 5pt;}
#main .main_con section.change ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-top:30pt;}
#main .main_con section.change ul li{display:inline-block; width:50%; text-align: center; padding:0pt;}
#main .main_con section.change ul li:nth-of-type(1),
#main .main_con section.change ul li:nth-of-type(2){padding-bottom:30pt;}
#main .main_con section.change ul li:nth-of-type(1),
#main .main_con section.change ul li:nth-of-type(3){border-right:1px solid rgba(255,255,255,0.1);}
#main .main_con section.change ul li:nth-of-type(3),
#main .main_con section.change ul li:nth-of-type(4){border-top:1px solid rgba(255,255,255,0.1); padding-top:30pt;}
#main .main_con section.change ul li img.icon{
	display: block; width: 50px; margin: 0pt auto;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#main .main_con section.change ul li span{display:block; width:80%; max-width:320px; color:rgba(255,255,255,0.95); font-weight:200; line-height:1.25em; margin:10pt auto 0 auto;}

#main .main_con section.teacher{}
#main .main_con section.teacher h1{display: block; font-size: 250%; font-weight: 300;}
#main .main_con section.teacher ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-top:30pt;}
#main .main_con section.teacher ul li{display:inline-block; width:25%; text-align: center; padding:0pt;}
#main .main_con section.teacher ul li h3{display:block; margin:5pt 0;}
#main .main_con section.teacher ul li span{font-size:90%; color:#888;}

#main .main_con section.center{border-top:1px solid #ddd; width:100%;}
#main .main_con section.center .notice{float:left; width:45%; text-align: left;}
#main .main_con section.center .notice h1{position: relative;display:block; font-size:x-large; margin-bottom: 10pt;}
#main .main_con section.center .notice h1 .more{position: absolute; top:5pt; right:0; font-size:x-small; color:#888; letter-spacing: 1px;}
#main .main_con section.center .notice ul{}
#main .main_con section.center .notice ul li{display: block; margin-top:5pt;}
#main .main_con section.center .notice ul li:before{content:"·"; color:#cf1519; font-weight: 900;}
#main .main_con section.center .notice ul li a{color:#555;}
#main .main_con section.center .notice ul li a:hover{color:#222;}

#main .main_con section.center .contact{float:right; width:45%; text-align: left;}
#main .main_con section.center .contact h1{position: relative;display:block; font-size:x-large; margin-bottom: 10pt;}
#main .main_con section.center .contact h3{display: block; font-size:250%; font-weight: 900; font-family: tahoma; color:#cf1514; padding-bottom:5pt;}
#main .main_con section.center .contact span{display: block; font-size:90%; color:#888; -bottom: 10pt;}

#main .main_con section .camp_info{text-align:left;}
#main .main_con section .camp_info h1{display:block; margin:5px 0 7px 0; font-size:120%; font-weight:400; line-height:150%;}
#main .main_con section .camp_info h1 b{font-weight:700; font-size:120%; letter-spacing:-1px}
#main .main_con section .camp_info h1 b span{display:inline-block; font-weight:700; font-size:100%; color:#c51917;}
#main .main_con section .camp_info span{display:block; padding:2px 3px 4px 3px; font-weight:normal; font-size:90%; margin:1.5pt 0; color:#555;}
#main .main_con section .camp_info span.date{display:inline-block; background:#999; color:#fff; font-weight:700; font-size:100%; margin-top:5pt;}
#main .main_con section .camp_info .camp_info_btn{
	display:block; color:#fff; padding:10px 20px; font-weight:700; font-size:110%;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
#main .main_con section .profile{text-align:left;}
#main .main_con section .profile img{max-height:184px; margin:0;}
#main .main_con section .line{border-bottom:1px dashed #ddd; margin:15px 0 18px 0; height:1px; width:100%;}
#main .main_con section .tel_number{font-size:150%; color:#cf1429; font-weight:700;}
#main .main_con section .tel_time{font-size:small;}
#main .main_con section .account_number{text-align:center; font-size:100%;}
#main .main_con section .account_number b{color:#cf1429; font-size:110%;}
#main .main_con section .account_name{text-align:center; font-weight:300; font-size:90%;}
#main .main_con section .main_notice{}
#main .main_con section .main_notice li{position:relative; text-align:left; font-size:94%; margin:10px 0;}
#main .main_con section .main_notice li:before{content:"·"; font-weight:900; color:#888;}
#main .main_con section .main_notice li span.date{position: absolute; right:0; top:0; font-size:85%; color:#888; display:inline-block; text-align:right;}
#main .main_con section .main_notice li a{color:#222;}

#main .main_con section .main_campstep{background:url(/mentor/images/main_step_bg.png) no-repeat; background-position:right bottom; text-align:left;}
#main .main_con section .main_campstep img{padding-top:15px;}


.main_slider > li{height:500px;}
.main_slider > li > .inner{position: relative; height: 100%; margin:0 auto; background-size: cover; background-position: right;}
.main_slider > li > .inner .box{
	position:absolute; left:0%; top: 50%; padding-left:50pt;
	transform:translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
		-moz-transform:translate(0%, -50%);
}
.main_slider > li > .inner .box h1{}
.main_slider > li > .inner .box h3{display: block; margin: 15pt 0 20pt 0; color:#000; font-weight: 300; font-size: 130%; line-height: 140%; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);}
.main_slider > li > .inner .box h3 strong{font-weight: 700;}
.main_slider > li > .inner .box a.detail{
	margint-top:10pt; color:#000; background:#fff; font-size: 120%; font-weight: 700; padding:3pt 30pt 5pt 30pt;
	border-radius: 20pt;
		-webkit-border-radius: 20pt;
		-moz-border-radius: 20pt;
}
.main_slider .slider1{background-image: url(/mentor/images/main_slider_1_bg.png);} 
.main_slider .slider1 > .inner{background-image: url(/mentor/images/main_slider_1_img.png);}
.main_slider .slider2{background-image: url(/mentor/images/main_slider_2_bg.png);}
.main_slider .slider2 > .inner{background-image: url(/mentor/images/main_slider_2_img.png);}


	/* 슬라이드 */
	.bxslider-wrap { visibility: hidden; }
	.slider{position:relative;}
	.slider .bx-controls-direction{
		position:absolute; left:50%; top: 50%; width:1100px; max-width:100%; z-index:1;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
	}
	.slider .bx-controls-direction a{display:block; color:rgba(255,255,255,0.5);}
	.slider .bx-controls-direction a:hover{color:rgba(255,255,255,1);}
	.slider .bx-controls-direction a i{font-size:300%;}
	.slider .bx-controls-direction .bx-prev{float:left; margin-left:-1%;}
	.slider .bx-controls-direction .bx-prev:hover{}
	.slider .bx-controls-direction .bx-next{float:right; margin-right:-1%;}
	.slider .bx-controls-direction .bx-next:hover{}
	.slider .bx-pager{
		position:absolute; left:50%; bottom:20pt; padding-left:50pt; width:1100px; max-width:100%; z-index:1; text-align:left;
		transform:translate(-50%, 0%); 
		-webkit-transform:translate(-50%, 0%);
		-ms-transform:translate(-50%, 0%);
		-moz-transform:translate(-50%, 0%);
	}
	.slider .bx-pager .bx-pager-item{display:inline-block; margin:3px;}
	.slider .bx-pager .bx-pager-item .bx-pager-link{
		display:block; background:rgba(0,0,0,0.5); font-size:0; width:12px; height:12px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}
	.slider .bx-pager .bx-pager-item .bx-pager-link.active{background:#fff;}

#page{min-height:500px;}
.color_compinfo{background-color:#41aaaa !important;}
.color_program{background-color:#fc9495 !important;}
.color_apply{background-color:#e7966f !important;}
.color_gallery{background-color:#c0a1d1 !important;}
.color_community{background-color:#76c091 !important;}
.color_mypage{background-color:#e4b32d !important;}


#page .page_visual{position:relative; height:250px;}
#page .page_visual > .bg{
	position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1;
	-khtml-opacity:.15;
	-moz-opacity:.15;
	-ms-filter:”alpha(opacity=15)”;
	filter:alpha(opacity=15);
	opacity:.15;
}
#page .page_visual > .box{display:table; height:100%; background-position:top right; background-size:auto 100%; background-repeat:no-repeat;}
#page .page_visual > .box.title_campinfo{background-image:url('/mentor/images/page_visual_campInfo_bg.png');}
#page .page_visual > .box.title_program{background-image:url('/mentor/images/page_visual_program_bg.png');}
#page .page_visual > .box.title_apply{background-image:url('/mentor/images/page_visual_apply_bg.png');}
#page .page_visual > .box.title_gallery{background-image:url('/mentor/images/page_visual_gallery_bg.png');}
#page .page_visual > .box.title_community{background-image:url('/mentor/images/page_visual_community_bg.png');}
#page .page_visual > .box.title_mypage{background-image:url('/mentor/images/page_visual_mypage_bg.png');}

#page .page_visual > .box .txt{display:table-cell; width:60%; vertical-align:middle;}
#page .page_visual > .box .txt img{margin-bottom:5%;}


.page_navi{position:absolute; bottom:0; width:100%; height:50px; z-index:1;}
.page_navi .bg{
	position:absolute; width:100%; height:100%; z-index:-1;
	-khtml-opacity:.40;
	-moz-opacity:.40;
	-ms-filter:”alpha(opacity=40)”;
	filter:alpha(opacity=40);
	opacity:.40;
}
.page_navi .bg_white{position: absolute; top:0; left:0; background:#fff; z-index:-2; width:100%; height:100%;}
.page_navi ul li{min-width:140px;}
.page_navi ul.nav{height:50px; margin:0 auto; display:table; float:left;}
.page_navi ul.nav > li{position: relative; display:table-cell; vertical-align:middle; border-left:1px solid rgba(255, 255, 255, 0.5);}
.page_navi ul.nav > li:first-child{min-width:auto;}
.page_navi ul.nav > li:last-child{border-right:1px solid rgba(255, 255, 255, 0.5);}
.page_navi ul.nav > li a {color: #fff; display: block; font-size:small; padding:0 15px;}
.page_navi ul.nav > li a i{font-size:1.5em;}

.page_navi ul.nav li > ul{display: none; position: absolute; top:50px;}
.page_navi ul.nav li > ul > .bg{
	-khtml-opacity:.60;
	-moz-opacity:.60;
	-ms-filter:”alpha(opacity=60)”;
	filter:alpha(opacity=60);
	opacity:.60;
}
.page_navi ul.nav li > ul li {display: block;}
.page_navi ul.nav li > ul li:first-child{border-top:1px solid rgba(255, 255, 255, 0.5);}
.page_navi ul.nav li ul li a {display: block; padding: 10px 14px;}
.page_navi ul.nav li ul li a:hover { background:rgba(0, 0, 0, 0.2); }
.page_navi ul.nav > li .aw{
	position: absolute; right:10px; top:50%;
	transform:translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, 50%);
	-moz-transform:translate(0%, -50%);
}

.page_navi.compinfo ul.nav li > ul{background:#b8cccc;}

#page_con{padding:2em 0 5em 0; line-height:130%;}
#page_con .page_title{padding:2em 0;}
#page_con .page_title h1{font-size:xx-large; color:#252525;}

#page_con .page_title2{padding:1em 0;}
#page_con .page_title2 h1{font-size:large;}

#page_con .page_tab{position: relative; border-bottom:1px solid #222;}
#page_con .page_tab .tab_line{position: absolute; width:100%; height:1px; bottom:0px; left:0;}
#page_con .page_tab ul{display:table; width:100%}
#page_con .page_tab ul li{display:inline-block; border:1px solid #ddd; border-bottom:0; margin-left:-1px;}
#page_con .page_tab ul li a{display:block; font-weight:400; padding:10px 30px; color:#666;}
#page_con .page_tab ul li a:hover{background:#f2f2f2;}
#page_con .page_tab ul li.active a{background:#222; color:#fff;}
#page_con .page_tab .option_box{position: absolute; right:0; bottom:20px;}
#page_con .page_tab .option_box select{font-size:85%;}

#page_con span.guide{display: inline-block; font-size: 90%;}

/* 페이지 내용 스타일 */
span.t-small{font-size:85%; display:block; color:#666;}

.con{min-height:500px;}
.con_contact{border:1px solid #ddd; margin-top:2em; padding:1em; text-align:center; background:#f9f9f9;}
.con_contact span{position: relative; display:inline-block; color:#666;}
.con_contact span a{color:#666;}
.con_contact span b{color:#222; font-weight:400;}
.con_contact span:after{content:"|"; font-size:small; vertical-align:2px; font-weight:300; color:#ccc; margin:0 1em;}
.con_contact span:last-child:after{content:""; display:none !important;}

.con_campinfo_borderbox{border:5px solid rgba(65, 169, 164, 0.1); padding:1.2em;}
.con_apply_borderbox{border:5px solid rgba(231, 150, 111, 0.1); padding:1.2em;}
.con_community_borderbox{border:5px solid rgba(118, 192, 145, 0.1); padding:1.2em;}
.con_mypage_borderbox{border:5px solid rgba(243, 187, 35, 0.1); padding:1.2em;}


.con_campinfo_1{display:table; width:100%;}
.con_campinfo_1 > div {display:table-cell;}
.con_campinfo_1 .company_txt{width:60%; padding-right:5%;}
.con_campinfo_1 .company_txt span{font-size:85%; display:block; color:#666; margin:1em 0;}
.con_campinfo_1 .company_txt span:last-child{margin-bottom:0;}
.con_campinfo_1 .company_img{background:#f2f2f2; text-align:center; vertical-align:middle;}
.con_campinfo_1 .company_img img{max-width:100%; margin:0 auto;}

.con_camp_summary{}
.con_camp_summary ul{display:table;}
.con_camp_summary ul li{float:left; display:inline-block; width:50%; vertical-align:top;}
.con_camp_summary ul li > div{padding:2em; padding-bottom:0; text-align:Center;}
.con_camp_summary ul li h2{text-align:Center; margin:10px 0;}

.con_camp_feature{width:100%;}
.con_camp_feature > li{display:inline-block; width:50%;}
.con_camp_feature li > div{display:table; width:96%; border:3px solid #e2f2f2; text-align:center; padding:2em;}
.con_camp_feature li > div img{max-width:100%;}
.con_camp_feature li:nth-child(2) > div{margin:0 auto;}
.con_camp_feature li:nth-child(3) > div{margin: 0 0 0 auto;}
.con_camp_feature li > div h1{font-size:130%;}
.con_camp_feature li > div span{display:block; color:#666; margin-top:10px; line-height:150%;}
.con_camp_feature li > div table{width:100%; border:0;}
.con_camp_feature li > div table td{text-align:left; border:0; padding:0; vertical-align:top;}
.con_camp_feature li > div table td > h1{font-size:140%; font-weight:700; margin-bottom:20px;}
.con_camp_feature li > div table td > ul li{color:#666666; font-size:96%; font-weight:300; }

.con_camp_feature_list{margin-top:3em;}
.con_camp_feature_list li{display:table; width:100%; padding:2em 0; border-bottom:1px dashed #ddd;}
.con_camp_feature_list li:last-child{border:0;}
.con_camp_feature_list li > div{display:table-cell; vertical-align:middle;}
.con_camp_feature_list li > div.ico{width:90px;}
.con_camp_feature_list li > div.ico img{max-width:100%;}
.con_camp_feature_list li > div.txt{padding-left:10px;}
.con_camp_feature_list li h2{margin-bottom:5px;}

.con_camp_schedule{font-size:90%;}
.con_camp_schedule .time{font-size:85%; width:50px; color:#666; background-color:#f9f9f9;}
.con_camp_schedule .time2{font-size:85%; width:50px; color:#666;}
.con_camp_schedule .tt{background-color:#f9f9f9;}
.con_camp_schedule .t-small{line-height:120% !important; margin-top:5px;}
.con_camp_schedule table thead td {background:#fff1ef;}

.tabBar{width:100%;}
.tabBar li {position: relative; float: left; z-index: 1;}
.tabBar li a {
	display: block; margin-left: -1px; height: 45px;line-height: 45px; 
	background-color: #f8f8f8; 
	box-sizing: border-box; border-top: 1px solid #c7c7c7; border: 1px solid #d7d7d7; border-bottom: 1px solid #4a4a4a; 
	font-size: 1.1em; text-align: center; color: #727272;
}

.tabBar li.active {z-index: 2;}
.tabBar li.active a {color: #000; margin: 0 -1px;border: 1px solid #4a4a4a; border-bottom: 1px solid #fff; background-color: #fff; font-weight: bold;}
.tabBar.col3 li {width:33.33%}


.con_campinfo_entrust{}
.con_campinfo_entrust ul{display:table;}
.con_campinfo_entrust ul li{ display:inline-block; width:49.5%; padding:2em 0; border-bottom:1px solid #ddd;}
.con_campinfo_entrust ul li:nth-child(2n) .box{margin: 0 0 0 auto;}
.con_campinfo_entrust ul li .box{display:table; width:98%;}
.con_campinfo_entrust ul li .box > div{display:inline-block; vertical-align:middle;}
.con_campinfo_entrust ul li .box .img{padding:10px; border:1px solid #ddd;}
.con_campinfo_entrust ul li .box .img img{width:90px; max-width:100%;}
.con_campinfo_entrust ul li .box .txt{padding-left:1em;}
.con_campinfo_entrust ul li .box .txt span{display:block;}
.con_campinfo_entrust ul li .box .txt span.name{}
.con_campinfo_entrust ul li .box .txt span.info{font-size:85%; color:#666; margin-top:5px;}
.con_campinfo_entrust ul li .box .txt span.info:before{content:"- ";}

.con_campinfo_history{border-top:1px solid #ddd;}
.con_campinfo_history ul{display:table; width:100%;}
.con_campinfo_history ul li{display:block; width:100%; padding:2em 0; border-bottom:1px solid #ddd; }
.con_campinfo_history ul li .box{display:table; width:100%;}
.con_campinfo_history ul li .box > div{display:block; vertical-align:middle;}
.con_campinfo_history ul li .box i{font-size:100%; color:#999;}
.con_campinfo_history ul li .box .img{display:table-cell; border:1px solid #ddd; width:145px;  vertical-align:top;}
.con_campinfo_history ul li .box .img img{display:block; height:97px;}
.con_campinfo_history ul li .box .txt{display:table-cell;; padding-left:2em; vertical-align:middle;}
.con_campinfo_history ul li .box .txt h3{margin-bottom:10px;}
.con_campinfo_history ul li .box .txt strong{display:inline-block;}
.con_campinfo_history ul li .box .txt span{display:block; font-size:85%; color:#666;}
.con_campinfo_history ul li .box .btn{display:table-cell; width:90px;}
.con_campinfo_history ul li .box .btn a{display:block; font-size:80%; border:1px solid #ddd; color:#222; padding:1px 5px; margin:5px 0;}
.con_campinfo_history ul li .box .btn a:hover{background:#9ee1de;}



.con_apply_step{border:5px solid rgba(231, 150, 111, 0.1); padding:2em; text-align:Center;}
.con_apply_btn{margin-top:3em; text-align:center;}
.con_apply_btn a,
.con_apply_btn button{
	display:inline-block; background:#cf1429; border:2px solid #cf1429; font-weight:500; color:#fff; font-size:120%; padding:15px 30px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}

.con_apply_btn a.page_prev{padding:10px 30px 10px 20px; font-size:large; background:#999; border-color:#999;}
.con_apply_btn a.page_next{padding:10px 20px 10px 30px; font-size:large;}
.con_apply_btn a.page_main{padding:10px 20px !important; font-size:large;}
.con_apply_btn .btn_submit{padding:6px 20px !important; font-size:large;}

.con_apply_btn a:hover{border-color:#222; background:#222;}
.con_apply_agree{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-bottom:20pt; padding-top:10px;}
.con_apply_agree h3{display:block; margin-top:1em; font-size:85%;}
.con_apply_agree h3 > .num_circle{height:1.5em; width:1.5em;}
.con_apply_agree > ul{margin-top:4px;}
.con_apply_agree > ul > li{position: relative; margin-left:2.5em; font-size:85%; color:#666;}
.con_apply_agree > ul > li:before{position: absolute; left:-1em;; content:"-";}
.con_apply_checkbox{margin-top:1em;}
.con_apply_checkbox input[type=checkbox]{width:1em; height:1em;}
.con_apply_bank{border:5px solid rgba(231, 150, 111, 0.1); padding:2em; text-align:Center;}
.con_apply_list{border-top:2px solid #222;}
.con_apply_list i{font-size:100%; color:#999;}
.con_apply_list ul{position: relative; border-bottom:1px solid #ddd; padding:1em 0;}
.con_apply_list ul li{padding:5px 0;}
.con_apply_list ul li dt,
.con_apply_list ul li dl{display:inline-block; color:#333;}
.con_apply_list ul li dl b{color:#000;}
.con_apply_list ul li dt{width:150px; max-width:20%; font-weight:500; color:#888}
.con_apply_list .btn{
	position: absolute; right:0; top:50%; width:120px; max-width:20%;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
}
.con_apply_list .btn a{
	display:block; width:100%; padding:0.5em 0; text-align:center; font-size:large; font-weight:500; border:2px solid #ddd;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
}
.con_apply_list .btn a.ing{border-color:#e64545 !important; color:#e64545; background-color:#fff;}
.con_apply_list .btn a.ing:hover{background-color:#e64545; color:#fff;}
.con_apply_list .btn a.closing{background:#ddd; color:#666;}
.con_apply_list .btn a.waiting{color:#222;}
.con_apply_list .btn a.impending{border-color:#e64545 !important; background-color:#e64545; color:#fff;}
.con_apply_form{}
.con_apply_form .companion{width:100px; display:inline-block;}
.con_apply_form .companion:before{content:"- ";}
.con_apply_form .input_pline{display:block; margin-bottom:10px;}

.con_facilities{}
.con_facilities h1{font-size:120%; display:block; margin-bottom:10px;}
.con_facilities .overview{display:table;}
.con_facilities .overview .txt{display:table-cell; width:50%; padding-right:5%; line-height:140%;}
.con_facilities .overview .txt p{display:block; margin-bottom:10px;}
.con_facilities .overview .txt p:last-child{margin-bottom:0;}
.con_facilities .overview .photo{display:table-cell; width:45%; background:url(https://www.cheongpungresort.co.kr/web/kor/images/index/v_index1.jpg) no-repeat; background-size:cover; background-position:0 25%;}

.con_facilities .facilities{background:#f2f2f2; padding:2em 3em; margin:2em 0;}
.con_facilities .facilities h1{display:block; font-size:140%;}
.con_facilities .facilities .photo{display:inline-block;}
.con_facilities .facilities .guide{display:table;}
.con_facilities .facilities .guide > div {display:table-cell; width:33.33%;}
.con_facilities .facilities .guide > div img{width:100%; display:block;}
.con_facilities .facilities ul{padding:0.5em;}
.con_facilities .facilities ul li{margin-bottom:5px;}

.con_facilities .facilities_txt{margin:20pt;}
.con_facilities .facilities_txt h1{display:inline-block; line-height:120%; background:#483086; color:#fff; font-size:x-large; padding:0 3pt 2pt 3pt;}
.con_facilities .facilities_txt h2{display:block; font-size:130%; font-weight:500; margin-top:10pt;}
.con_facilities .facilities_txt span{font-size:90%; margin-top:5pt; display:block;}


.num_circle{
	display:inline-block; width:1.3em; height:1.3em; text-align:center; color:#fff; background-color:#cf1429;
	border-radius: 10pt;
	-webkit-border-radius: 10pt;
	-moz-border-radius: 10pt;
}
.en.num_circle{vertical-align:middle; padding-top:2px; padding:2px 1px 0 1px; background:#222;}
.list-style-minus{}
.list-style-minus > li{position: relative; margin-left:1em; margin-bottom:5px; line-height:140%;}
.list-style-minus > li:before{position: absolute; left:-1em;; content:"-";}
.list-style-minus > li:last-child{margin-bottom:0;}

.later{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:50px 0;}

.bbs{border-top:2px solid #222; width:100%;}
.bbs b{font-weight:500;}
.bbs span.enter{display:block; margin-bottom:5px;}
.bbs th, .bbs td{padding:10px; padding-bottom:12px; vertical-align:top;}
.bbs th{width:120px; max-width:20%; background:#f2f2f2; font-weight:400;}
.bbs .num,
.bbs .category,
.bbs .date{color:#666; font-size:90%;}
.bbs .subject a{color:#222;}
.bbs .subject a:hover{color:#000;}
.bbs .subject strong{font-weight:500;}
.bbs .subject img{vertical-align:middle; margin-left:5px;}
.bbs span.notice{display:inline-block; background:#76c091; color:#fff; padding:1px 3px;}

.bbs_border td{border-right:1px solid #ddd;}
.bbs_border td.bg{background:#f2f2f2; font-weight:500;}
.bbs_border td:last-child{border-right:0;}
.bbs_border th, .bbs_border td{vertical-align:middle !important;}

.bbs_form{border-top:2px solid #222; width:100%;}
.bbs_form b{font-weight:500;}
.bbs_form th, .bbs_form td{padding:10px; padding-bottom:12px; vertical-align:middle; height:24pt;}
.bbs_form th{width:120px; max-width:20%; font-weight:400; text-align:left; color:#808080;}

.bbs_form input{background: #f6f3f3; border: 1px solid #f6f3f3;}
.bbs_form select{background: #f6f3f3; border: 1px solid #f6f3f3; font-size:90%;}
.bbs_form label{font-size:90%; margin:0 5px;}
.bbs_form .btn_s{border:1px solid #ddd; font-size:85%; color:#222; background:#fff; padding:6px 10px; box-sizing: border-box; display:inline-block; vertical-align:-1px;}
.bbs_form span{color:#666; font-size:85%;}

.bbs_gallery{border-bottom:1px solid #ddd;}
.bbs_gallery ul{display:table; margin-left:-5%; padding-top:2em; width:105%; box-sizing: border-box;}
.bbs_gallery ul li{
	float:left; display:inline-block; width:25%; padding:0 0 2em 5%; padding-right:0; box-sizing: border-box; vertical-align:top;
}
.bbs_gallery ul li a{display:block; position: relative;}
.bbs_gallery ul li .thumbnail {position: relative; padding-top: 70%; margin-bottom:10px; overflow: hidden; }
.bbs_gallery ul li .thumbnail img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.bbs_gallery ul li span{display:block;}
.bbs_gallery ul li span.t-title{color:#000; margin-bottom:5px;}

.bbs_gallery_borderbox{margin:1em 0; border:5px solid rgba(192, 162, 209, 0.1); padding:1.2em; font-size:85%; color:#666;}


.bbs_search{margin-top:1em; text-align:center;}
.bbs_search select{font-size:small;}
.bbs_search input[type=text]{font-size:small;}
.bbs_search button{margin-left:-5px; background:#ddd; padding:3px 10px 4px 10px; display:inline-block; vertical-align:-3px;}
.bbs_search button i{font-size:100%;}
.bbs_search_result{background:#f2f2f2; margin-top:20px; padding:10px;}
.bbs_search_none{border-bottom:1px solid #ddd; text-align:center; padding:3em 0;}

.bbs_btn_area{margin-top:1em;}
.bbs_btn_area a{display:inline-block; border:1px solid #ddd; padding:10px 15px; color:#000;}
.bbs_btn_area a.dark{background:#222; border:1px solid #222; color:#fff}

.bbs_btn_area a:hover{background:#222; border:1px solid #222; color:#fff}
.bbs_btn_area a.red:hover{background:#cf1429; border:1px solid #cf1429; color:#fff}


.bbs_view{border-top:1px solid #222;}
.bbs_view .bbs_view_top{}
.bbs_view .bbs_view_top > div{border-bottom:1px solid #ddd; padding:10pt 20pt; color:#888; font-size:90%}
.bbs_view .bbs_view_top > div img{vertical-align:middle;}
.bbs_view .bbs_view_top > div.subject{font-weight:500; color:#000; font-size:110%;}
.bbs_view .bbs_view_top > div > label{margin-left:0px;}
.bbs_view .bbs_view_top > div > label:before{content:"|"; margin:0 15px; font-size:80%; vertical-align:1px; color:#ccc;}
.bbs_view .bbs_view_top > div > label:first-child{margin-left:0;}
.bbs_view .bbs_view_top > div > label:first-child:before{content:""; display:none;}

.bbs_view .bbs_view_con{border-bottom:1px solid #ddd; padding:30px; line-height:140%;}
.bbs_view .bbs_view_con img{margin:0 auto; max-width:100%; text-align:center; display:block;}

.bbs_view .bbs_view_con_re{border-bottom:1px solid #ddd; padding:30px; line-height:140%;}

#paging{margin-top:2em; text-align:center;}
#paging a,
#paging strong{
	font-family: 'Roboto', sans-serif;
	display:inline-block; border:1px solid #ddd; margin:0 1px; font-size:small; width:2em; height:1.8em; padding-top:0.2em;
}
#paging a{color:#666;}
#paging a:hover{color:#000;}
#paging strong{color:#000; font-weight:600; background:#f2f2f2;}
#paging i{color:#666; font-size:120%;}


.c_que th,
.e_qna_ans th{background:none !important; width:30px;}
.e_qna_ans th, .e_qna_ans td{padding:20pt 0; background:#fafafa !important;}
.e_qna_ans{display:none;}


.bbs_comment{margin-top:2em;}
.bbs_comment .bbs_comment_write{background:#f2f2f2; padding:10px;}
.bbs_comment .bbs_comment_write .box{display:table; width:100%;}
.bbs_comment .bbs_comment_write .box > div{display:table-cell; height:100%; vertical-align:middle; background:#fff;}
.bbs_comment .bbs_comment_write .box > div textarea{width:100%;}
.bbs_comment .bbs_comment_write .box > div.btn{background:#ccc; width:120px; max-width:10%;}
.bbs_comment .bbs_comment_write .box > div.btn a{display:block; width:100%; height:100%; text-align:center; color:#222; font-size:90%; font-weight:500;}
.bbs_comment .bbs_comment_write .guide{display:block; font-size:80%;color:#666; padding-top:10px;}

#reply{font-size:90%; border-bottom:1px solid #ddd;}
#reply li{border-top:1px solid #eee;}
#reply li span{display:inline-block; padding:10px 0;}
#reply li span.name{font-weight:500; margin-right:10px;}
#reply li span.date{color:#888;}
#reply li > div {border-top:1px dashed #eee; padding:10px 0;}



.campInfo.overview{}
.campInfo.overview .box1{background:#f9f9f9; padding:2em 3em;}
.campInfo.overview .box1 h1{color:#2b4875; font-size:130%;}
.campInfo.overview .box1 h2{display:block; margin:10pt 0; font-size:120%; text-decoration:underline; font-weight:400;}
.campInfo.overview .box1 span{display:block; padding-top:10pt; color:#666; line-height:1.5em; word-spacing: 2px;}