@charset "UTF-8";


/* header */
header{width:100%; background-color:#fff; border-bottom:1px solid #ddd;}
header .top_nav{display:table; padding:10px 0;}
header .top_nav > div{display:table-cell; vertical-align:middle;}
header .top_nav .header_logo{width:35%; max-width:330px;}
header .top_nav .header_logo img{max-width:90%;}
header .top_nav .top_menu{text-align:right;}
header .top_nav .top_menu ul li{display:inline-block; margin-right:4%;}
header .top_nav .top_menu ul li:last-child{margin-right:0;}
header .top_nav .top_menu ul li a{display:block; color:#111; font-weight:500; font-size:13pt;}
header .top_nav .top_menu ul li a.reservation{
	background:#ffc249; padding:8px 15px;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
header .top_nav .top_menu ul li a:hover{color:#c51917;}
header .top_nav .top_menu ul li a.reservation:hover{background:#c51917; color:#fff;}
header .top_nav .nav_btn{display:none; text-align:right;}
header .top_nav .nav_btn i{font-weight:100; font-size:200%;}

/* 메뉴 */
nav{
    height:100%;
    width:400px; max-width:90%;
    background-color:#212121; padding:0 10%;
    left: 0px;
    top: 0;
    z-index: 5000;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-500px,0);
	-webkit-transform:translate(-500px,0);
	-webkit-backface-visibility: hidden;
}
nav .nav_header{position:relative; width:100%; padding-top:30px;}
nav .nav_header .box_logo{width:80%;}
nav .nav_header .box_btn{position: absolute; right:-10%; top:10%;}
nav .nav_header .box_btn i{color:#fff; font-weight:100; font-size:250%;}
nav .nav_con{}
nav .nav_con a{font-size:medium; color:rgba(255,255,255,0.6);}
nav .nav_con a:hover{color:rgba(255,255,255,1);}
nav .nav_con .btns{margin-bottom:10px;}
nav .nav_con .btns a{
	display:inline-block; background:#000; padding:10px 0px; font-size:small; text-align:center; width:49%;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
nav .nav_con .btns a i{font-size:medium;}
nav .nav_con .reservation{
	background:#ffc249; padding:10px 15px; color:#000; font-weight:500; text-align:center; margin-bottom:30px;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
nav ul.nav{margin:30px 0;}
nav ul.nav li{padding:10px 0 14px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
nav ul.nav li:first-child{}
nav ul.nav li a{display:block;}
nav ul.nav li a:hover{padding-left:10px;}


.ssm-overlay{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); display:none; z-index:1100; -webkit-backface-visibility: hidden;}


/* 메인 슬라이드 */
.main_slider{position:relative; width:100%; height:77%;}
	.main_slider li{}
	.main_slider .bg_img{
		position:absolute; left:0; top:0; z-index:-10;
		background-size:cover; background-position:right; background-repeat:no-repeat;
		width:100%; height:100%;
	}
	.main_slider .gradient{
		position: absolute; width:60%; height:100%; left:0; top:0;
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.main_slider .fill{position: absolute; width:100%; height:100%; left:0; top:0; background:url(/edutour/img/main_visual_fill.png); opacity: 0.5; filter: alpha(opacity=50);}


	.main_slider .box{
		position:absolute; left:0; right:0; margin:auto; top: 50%; z-index:5; padding:50px; text-align:left !important; margin-top:-1%;
		transform: translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}
	.main_slider .box > h1{font-weight:300; font-size:60px; color:#000; letter-spacing:-3px; line-height:100%; font-weight:500; word-break:keep-all; word-wrap:break-word;}
	.main_slider .box > .date{display:inline-block; font-size:13pt; font-weight:400; color:#fff; padding:4px 8px 6px 8px; letter-spacing:1px; margin-top:20px;}
	.main_slider .box > .date.c1{background:#ecaf36;}
	.main_slider .box > .date.c2{background:#6ebed9;}
	.main_slider .box > .date.c3{background:#97bc40;}
	.main_slider .box .info {margin-top:30px; color:#272727; font-size:17px; line-height:1.2em; font-weight:400;}
	.main_slider .box > h1,
	.main_slider .box .info{max-width:700px; word-break:keep-all; word-wrap:break-word;}

	.main_slider .box .btn{display:inlin-block; background:#fff; border:2px solid #222; margin-top:30px; font-weight:700; color:#222; padding:5px 20px 7px 20px; font-size:20px;}
	.main_slider .box .btn:hover{color:#fff; background:#222;}
	.main_slider .bx-controls-direction{font:50pt 'Megrim', cursive;font-weight:900}
	.main_slider .bx-pager{width:100%; max-width:1100px; left:0; right:0; margin:auto; padding:50px;}
	.main_slider .bx-controls-direction{
		position:absolute; left:0; top: 50%; width:100%; z-index:1;
		transform: translate(0, -50%);
		-webkit-transform:translate(0, -50%);
		-moz-transform:translate(0, -50%);
		-ms-transform:translate(0, -50%);
	}
	.bx-controls-direction a{color:rgba(0,0,0,0.5);}
	.bx-controls-direction a:hover{color:rgba(0,0,0,1);}
	.bx-controls-direction .bx-prev{float:left; margin-left:1.5%;}
	.bx-controls-direction .bx-prev:hover{margin-left:1%;}
	.bx-controls-direction .bx-next{float:right; margin-right:1.5%;}
	.bx-controls-direction .bx-next:hover{margin-right:1%;}
	.bx-pager{position:absolute; bottom:0; z-index:1;}
	.bx-pager .bx-pager-item{display:inline-block; font-size:0; margin:0 2px;}
	.bx-pager .bx-pager-item a{display:block; width:12px; height:12px; background:rgba(0,0,0,0.2); border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
	.bx-pager .bx-pager-item a.active,
	.bx-pager .bx-pager-item a:hover{background:#c51917;}
	.bxslider-wrap { visibility: hidden; }
	.bx-viewport, .bx-wrapper{position:relative; width:100%; height:100% !important; top:0; left:0; overflow:hidden;}
	.slider, .slider li{height:100%;}
	.slider, .slider li .inner{text-align:center;}

/* 메인 공지사항 */
.main_notice{background:#efefef; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0;}
	.main_notice > div{display:table;}
	.main_notice > div > div{display:table-cell; }
	.notice_title{
		font-weight:700; font-size:120%; padding-left:25px; vertical-align:top;
		background:url('/edutour/img/ico_n.png') no-repeat; background-size:auto 80%; background-position:0% 0%;
	}
	.notice_box ul{display:table;  width:100%; }
	.notice_box ul li{display:table-cell; width:50%; padding-left:30px;}
	.notice_box ul li span{display:inline-block; width:78%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.notice_box ul li span:before{content:"·"; font-weight:900;}
	.notice_box ul li dt{float:right; padding-top:1px; font-size:80%; color:#666;}

/* 메인 갤러리 */
.main_gallery{padding:50px 0; text-align:center;}
	.main_gallery .title{}
	.main_gallery .title .ico{width:100px; margin:0 auto; margin-bottom:10px;}
	.main_gallery .title .ico img{max-width:100%;}
	.main_gallery .title h1{position: relative; display:inline-block; color:#000; background:#fff; padding:0 20px; font-size:30pt; margin:20px 0 10px;}
	.main_gallery .title h1:before{
		content:""; position: absolute; left:50%; top:50%; z-index:-1; width:500px; height:1px; border-top:1px solid #b2b2b2;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
	}
	.main_gallery .title h2{display:block; font-weight:200; font-size:12.5pt; margin-top:10px;}
	.main_gallery ul{position: relative; width:94%; margin:30px auto 50px auto;}
	.main_gallery ul li{display:inline-block; width:24%; vertical-align:top; margin-top:20px; padding:0 1%; text-align:center;}
	.main_gallery ul li a{display:block;}
	.main_gallery ul li .thumb{position: relative; width:100%; padding-bottom:100%; background-size:cover; background-position:50% 50%; transform: scale(1); transition: all .2s ease-in-out;}
	.main_gallery ul li .thumb:after{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0); transition: all .3s ease-in-out;}
	.main_gallery ul li a:hover .thumb{ transform: scale(0.95);}
	.main_gallery ul li a:hover .thumb:after{content:""; background-color:rgba(0,0,0,0.3);}
	.main_gallery .more{
		display:inline-block; border:1px solid #ddd; padding:10px 15px 10px 20px; color:#333; font-weight:300;
		border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	}
	.main_gallery .more i{font-size:100%; color:#999; padding-left:10px;}
	.main_gallery .more:hover{background:#f1f1f1;}

/* 하단 바로가기 고정 */
.footer_fix{background:#252525;}
	.footer_fix ul{font-size:0; height:100%; border-left:1px solid rgba(255,255,255,0.1);}
	.footer_fix ul li{
		display:inline-block; border-right:1px solid rgba(255,255,255,0.1); padding:0 20px; height:60px; line-height:60px;
		font-size:medium; color:#fff; letter-spacing:0.2px;
	}
	.footer_fix a{font-size:medium; color:#fff; letter-spacing:0.2px;}
	.footer_fix ul li i{font-size:16px; color:#fff; vertical-align:middle;}
	.footer_fix .box{float:left;}
	.footer_fix .box li:hover{background:#c51917; transition: all .2s ease-in-out;}
	.footer_fix .linked{float:right;}
	.footer_fix .linked li:first-child a:first-child{margin-right:10px;}
	.footer_fix .linked a{display:inline-block; }
footer{margin-top:-3px;}


/* 서브페이지 */
.page_title{position: relative; border-bottom:1px solid #ddd; height:210px; background:url(/edutour/img/bg_page_title.jpg) no-repeat 50% 50%; text-align:center;}
	.page_title > div{
		position:absolute; left:50%; top: 50%; color:#fff; margin-top:-7px; width:auto !important;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
	}
	.page_title span{display:block; font-weight:300; font-size:100%; color:rgba(255, 255, 255, 0.7); letter-spacing:1px;}
	.page_title h1{display:block; font-weight:600; font-size:250%; margin-top:20px;}

.page_con{padding:20pt; font-size:11pt;}

.page_con span.null{display:inline-block; margin:0 5pt;}
.page_con .tab{margin-bottom:40px;}
.page_con .tab ul{margin:0 auto; font-size:0; /* text-align:center;  */}
.page_con .tab ul li{position: relative; display:inline-block;}
.page_con .tab ul li a{display:block; background:#ccc; font-size:medium; color:#fff; padding:10px 20px; padding-bottom:13px; min-width:160px; text-align:center; letter-spacing:2px; font-weight:500; margin-left:1px;}
.page_con .tab ul li:first-child a{margin-left:0;}
.page_con .tab ul li a:hover{background:#333;}
.page_con .tab ul li.active a{background:#c51917;}
.page_con .tab ul li.active:after{
	content:""; position: absolute; width:12px; height:12px; bottom:-6px; background:#c51917; margin:auto; left:0; right:0;
	-webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.page_con .tab100 ul{display:table; width:100%;}
.page_con .tab100 ul li{display: table-cell;}

.page_con .title{display:block; text-align:center; margin-bottom:20pt;}
.page_con .title h1{display:block; font-size:200%; font-weight:500; line-height:120%;}
.page_con .title span{display:block; color:#858585; font-size:110%; margin-top:10pt;}

.page_con h3.s_title{position: relative; font-size:140%; font-weight:400; margin-bottom:15px; margin-top:50px;}
.page_con h3.s_title:first-child{margin-top:0;}

#tabs{position:relative; border-top:1px solid #ddd; background:#eee; margin-top:10pt;}
#tabs:after{content:""; position: absolute; left:0; bottom:0px; width:100%; height:1px; background:#ddd; z-index:0;}
#tabs > div{position: relative; padding:0 2.5%; z-index:1;}
#tabs ul{display:table; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#eee;}
#tabs ul li{display:table-cell; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#tabs ul li:first-child{border-left:0;}
#tabs ul li a{display:block; padding:10pt 0; color:#555; font-weight:500; word-break:keep-all; word-wrap:break-word;}
#tabs ul li.active{background:#fff; border-bottom:0;}
#tabs ul li.active a{font-weight:600; color:#000;}

#tabs ul.col4 li{width:25%;}
#tabs ul.col3 li{width:33.33%;}


/* 프로그램 리스트 */
.program_list{}
.program_list > ul{border-top:2px solid #222;}
.program_list > ul > li{position:relative;display:table; width:100%; border-bottom:1px solid #ddd; padding:30pt 0;}
.program_list > ul > li:after{display:block; clear:both; content:'';}
.program_list .thumb,
.program_list .info{height:100%; display:table-cell; vertical-align:middle;}
.program_list .thumb{width:32%; min-width:250px;}
.program_list .thumb img{width:100%;}
.program_list .info{padding-left:3%; height:100%; width:70%; word-break:keep-all; word-wrap:break-word;}
.program_list .info li{display:table;  margin:5pt 0;}
.program_list .info h2{display:block; line-height:110%;}
.program_list .info h4{font-weight:500; margin:8pt 0 10pt 0; color:#858585; font-size:100%;}
.program_list .info dt, .program_list .info dd{display:table-cell; vertical-align:top; text-align:left; font-size:110%; width:auto;}
.program_list .info dt:before{content:"-"; margin-right:5px; vertical-align:1pt;}
.program_list .info dt:after{content:":"; margin:0 5px; vertical-align:1pt;}
.program_list .btn_area{}
.program_list .btn_area a{display:inline-block; background:#858585; color:#fff; font-size:110%; padding:10pt 30pt; text-align:center;  font-weight:500; width:30%;}
.program_list .btn_area a:hover{background:#ffc249; color:#000;}
.program_list .btn_area a.detail{background:#222;}
.program_list .btn_area a.detail:hover{background:#c51917; color:#fff;}

.program_con_top{padding:8pt; width:100%;}
.program_con_top > ul > li{display:table; width:100%;}
.program_con_top .thumb,
.program_con_top .info{display:table-cell; vertical-align:bottom; word-break:keep-all; word-wrap:break-word;}
.program_con_top .thumb{width:260px; max-width:35%; vertical-align:middle !important; }
.program_con_top .thumb img{width:100%;}
.program_con_top .info{position:relative; padding-left:30pt; }
.program_con_top .info li{display:table; margin:8pt 0; font-size:110%;}
.program_con_top .info li:first-child{font-weight:600;}
.program_con_top .info dt, .program_con_top .info dd{display:table-cell; vertical-align:top; text-align:left;}
.program_con_top .info dt:before{content:"-"; margin-right:5px; vertical-align:1pt;}
.program_con_top .info dt:after{content:":"; margin:0 5px; vertical-align:1pt; font-weight:normal;}
.program_con_top .btn_area{margin-top:15pt;}
.program_con_top .btn_area a{display:inline-block; background:#858585; color:#fff; font-size:110%; padding:10pt 30pt; text-align:center;  font-weight:500; width:30%;}
.program_con_top .btn_area a:hover{background:#ffc249; color:#000;}
.program_con_top .btn_area a.detail{background:#222;}
.program_con_top .btn_area a.detail:hover{background:#c51917; color:#fff;}


.program_con{text-align:center; margin-top:-10px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.program_con div {display:none}
.program_con div.active {display:block}
.program_con  img{max-width:100%;}

.program_con .detail_payinfo{width:70%; margin:0 auto; border:1px solid #ddd; margin-top:20pt;}


.program_price{width:100%; border:0 !important; background:#e9e9e9;}
.program_price td{border:0 !important; padding:0 15px; height:auto !important;}
.program_price td:last-child{min-width:300px;}
.program_price tr:first-child td{padding-top:10px;}
.program_price tr:last-child td{padding-bottom:20px;}
.program_price .price_t1{display:block; margin-bottom:10px;}
.program_price .line{border-top:1px solid #ccc;}

.program_price ul li{display:table; width:100%; margin:5px 0;}
.program_price ul li b{font-weight:600; font-size:130%;}
.program_price ul li h3{display:inline-block; font-size:180%; line-height:120%; vertical-align:bottom;}
.program_price ul li dt, .program_price ul li dd{display:table-cell; text-align:right; vertical-align:bottom; }
.program_price ul li dt{min-width:60px; text-align:left;}

.program_payment{width:100%; border-bottom:1px solid #ddd !important;}
.program_payment dl{font-weight:500; font-size:120%; display:table; margin:20px auto;}
.program_payment dt, .program_payment dd{display:table-cell; vertical-align:middle;}
.program_payment .pay_price{font-size:180%; font-weight:700; line-height:110%; margin-left:50px;}
.program_payment .airfare{display:inline-block; text-align:left; padding:20px; background:#f1f1f1; font-size:90%; line-height:130%; margin-bottom:30px;}
.program_payment .airfare p{display:block;}
.program_payment .airfare p.strong{font-size:110%; font-weight:500; line-height:150%;}


.tourist_info{display:table; width:100%; margin-top:5pt; font-size:90%;}
.tourist_info:first-child{margin-top:0;}
.tourist_info input, .tourist_info select{height:20pt; font-size:90%; min-width:35pt;}
.tourist_info input[type=tel], .tourist_info input[type=email]{width:92% !important; min-width:92%;}
.tourist_info > div{display:table-cell; vertical-align:middle; border:1px solid #ddd; text-align:center;}
.tourist_info > div:first-child{background-color:#f5f5f5; font-weight:600; font-size:110%; padding:5pt; border-right:0;}
.tourist_info > div{display:table-cell; vertical-align:middle; border:1px solid #ddd; text-align:center;}
.tourist_info ul{display:table; width:100%; margin:0;}
.tourist_info ul li{display:table-cell; vertical-align:top;}
.tourist_info ul li dt, .tourist_info ul li dd{padding:10pt 3pt;}
.tourist_info ul li dt{background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tourist_info ul li dd{border-right:1px solid #ddd;}
.tourist_info ul li:last-child dt,
.tourist_info ul li:last-child dd{border-right:0;}
.tourist_info.ins_child > div:first-child {
			background-color: #ffffd7;
			font-weight: 600;
			font-size: 110%;
			padding: 5pt;
			border-right: 0;
		}
		.tourist_info.ins_child ul li dt {
			background: #ffffd7;
			padding: 3pt;
			border-right: 1px solid #ddd;
		}

.agree_label{display:inline-block; width:120px; margin-top:10px;}

/* 박스 */
.diagonal_box{background:url(/edutour/img/bg_diagonal_box.png) repeat; padding:7px;}
.diagonal_box .box{background:#fff;}
.diagonal_box > table{background:#fff; width:100%; border-bottom:0 !important;}
.diagonal_box > table tr:last-child th,
.diagonal_box > table tr:last-child td{border-bottom:0 !important;}
.diagonal_box > table.border_none{}
.diagonal_box > table.border_none td{border:0;}

.guide{font-size:85%; color:#666;}
.guide i{font-sizE:small;}
.guide p{position: relative; margin-bottom:5px; padding-left:5px; line-height:1.3em;}
.guide p:before{position: absolute; content:"·"; font-weight:900; left:-2px;}


/* 약관동의 */
.agreement{}
.agreement .tab_agreement{position: relative; display:table;}
.agreement .tab_agreement li{display:table-cell; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.agreement .tab_agreement li:first-child{border-left:1px solid #ddd;}
.agreement .tab_agreement li a{display:block; padding:5px 10px; font-size:90%; color:#858585; text-align:center; line-height:120%; word-break:keep-all; word-wrap:break-word;}
.agreement .tab_agreement li.active{background:#f5f5f5; border-bottom:1px solid #f5f5f5;}
.agreement .txt_box{position: relative; background:#f5f5f5; border:1px solid #ddd; margin-top:-1px;}
.agreement .txt_box div{background:#f5f5f5; border:0; width:99.9%; height:150px; padding:12px; overflow-y: scroll; resize:none; font-size:100%;}
.agreement .checkbox{padding-top:10px;}
/* 버튼 */
.btn_area{}

.nav_btn a{font-size:18pt; color:#000; font-weight:400; cursor:pointer;}
.nav_btn a:hover{color:#cf1429;}
.nav_btn a i{font-size:24pt; margin-right:5px; font-weight:bold; vertical-align:-4pt; }

.btn_area{margin-top:20pt; padding-left:0; padding-right:0;}
.btn{display:inline-block;}
.btn:first-child{margin-left:0;}
.btn:last-child{margin-right:0;}
.btn_b_yellow{position:relative; background-color:#f3e834; text-transform:uppercase; font-size:140%; font-weight:bold; color:#000; text-align:center; padding:10pt 30pt; max-width:80%;}
.btn_b_yellow div:before{
	content:''; position:absolute; border-bottom:1px solid rgba(0,0,0,0.5);
	width:80%;height: 100%; top:0; left:0; right:0;  margin:0 auto;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.btn_b_yellow div span{
	position:relative;background-color:#f3e834; padding:0 7pt; z-index:1; display:block; text-shadow: 0px 0px 0px rgba(0,0,0,0.5) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_b_yellow:hover,
.btn_b_yellow:hover div span{background-color:#222; color:#fff;}

.btn_b_brown{position:relative; background-color:#804040; text-transform:uppercase; font-size:140%; font-weight:bold; color:#000; text-align:center; padding:10pt 30pt; max-width:80%;}
.btn_b_brown div:before{
	content:''; position:absolute; border-bottom:1px solid rgba(0,0,0,0.5);
	width:80%;height: 100%; top:0; left:0; right:0;  margin:0 auto;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.btn_b_brown div span{
	position:relative;background-color:#804040; padding:0 7pt; z-index:1; display:block; text-shadow: 0px 0px 0px rgba(0,0,0,0.5) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_b_brown:hover,
.btn_b_brown:hover div span{background-color:#222; color:#fff;}

.btn_bbs_small{border:1px solid #ddd; background:#f1f1f1; padding:2pt 5pt; height:23pt; margin:0 3pt;}

.btn_b{font-size:120%; font-weight:500; padding:10pt 20pt; margin:0 3pt; min-width:120px; text-align:center;}
.btn_m{font-size:100%; font-weight:500; padding:7pt 10pt; margin:0 3pt; min-width:80px; text-align:center;}
.btn_s{font-size:100%; font-weight:500; padding:2pt 5pt; margin:0 1pt;}

.btn_red{background:#c51917; color:#fff !important;}
.btn_red:hover{background:#222; color:#fff;}
.btn_gray{background:#808285; color:#fff !important;}
.btn_gray:hover{background:#222; color:#fff;}
.btn_white{background:#fff; border:1px solid #ddd;}
.btn_white:hover{background:#ddd; border:1px solid #ddd;}
.btn_yellow{background:#ffc249; color:#000 !important;}
.btn_yellow:hover{background:#222; color:#fff !important;}
.postcode{width:60pt !important;}
.btn_postcode{border:1px solid #ddd; height:22pt; line-height:22pt; vertical-align:middle; vertical-align:middle; padding:0px 5px; font-size:90%;}
.btn_postcode:hover{background:#f1f1f1;}

/* 탭메뉴 */
.tabs{position:relative; width:100%;}
.tabs .tab-links:after{display:block; clear:both; content:'';}
.tabs .tab-links li{float:left; list-style:none;}
.tabs .tab-links a{position:relative; padding:10pt; display:block; background:#f0f0f0; z-index:1; text-align:center; transition:background linear 0.15s;}
.tabs .tab-links a:after{content:""; position:absolute; height:100%; top:0; right:0; border-left:1px solid #fff;}
.tabs .tab-links a:hover{background:#ddd;}
.tabs .tab-links li.active a, .tabs .tab-links li.active a:hover{background:#fff; color:#cf1429; border:2px solid #cf1429; border-bottom:0; margin-bottom:-2px;}
.tabs .tab-content{border-top:2px solid #cf1429; padding-top:20pt;}
.tabs .tab_con{display:none;}
.tabs .tab_con.active{display:block;}
.tabs .tab_con img{max-width:100%;}

/* 게시판 */

table{line-height:1.4em;}
table th{background:#f5f5f5; }
table th.field_l{width:20%; min-width:150px;}
table th, table td{padding:7px 20px; height:45px; word-break:keep-all; word-wrap:break-word;}

table.small{font-size:90%; line-height:1.2em;}
table.small th{background:#f5f5f5; }
table.small th, table.small td{padding:5px; height:20px; word-break:keep-all; word-wrap:break-word; border:1px solid #ddd;}
table.small input, table.small select{height:20pt; font-size:90%;}

table.border-r td{border-right:1px solid #ddd;}
table.border-r td:last-child{border-right:0;}

.bbs{position:relative;}
.bbs th, .bbs td{word-break:keep-all; word-wrap:break-word;}
.bbs i{font-size:medium;}
	/* 리스트 */
	.bbs .list{border:0; width:100%; border-top:2px solid #222;}
	.bbs .list td:first-child{border-left:0;}
	.bbs .list td:last-child{border-right:0;}
	.bbs .list thead td{background:#f6f6f6; font-weight:500; text-align:center;}
	.bbs .list tbody td{transition:all linear 0.3s; cursor:pointer;}
	.bbs .list tbody tr:hover td.subject{text-decoration:underline;}
	.bbs .list .subject{padding-left:10pt; cursor:pointer; text-align:left;}
	.bbs .list .subject:hover{color:#000;}
	.bbs .list .num,
	.bbs .list .date{font-family:'Muli'; font-size:90%; font-weight:600;}
	.bbs .list .num{}
	.bbs .list .receipt{width:12%; max-width:120px;}
	.bbs .list .receipt p.data_s{display:block; font-size:80%;}
	.bbs .list .receipt_print{width:8%; min-width:60px;}
	.bbs .list .answer_reply{width:12%; max-width:120px;}
	.bbs .list .answer_reply strong{color:#cf1429;}
	.bbs .list .total_price{font-family:'Muli'; font-weight:700; font-size:105%; color:#000;}

	.bbs .list_top{}


	/* 쓰기 */
	.bbs .write{border:0; width:100%; border-top:2px solid #222;}
	.bbs .write th{text-align:left; border-left:0; width:15%; min-width:120px; background:#f8f8f8;}
	.bbs .write td{border-right:0; padding-left:10pt;}
	.bbs .write td .guide{display:inline-block; font-size:9pt; color:#888; margin:0 3pt;}
	.bbs .write hr{display:blokc; height:5pt;}
	.bbs .write select{max-width:96%;}
	.bbs .write .write_con{padding:10pt 0;}
	.bbs .write .write_con textarea{width:99%; height:200pt;}
	.required{display:inline-block; color:#cf1429; margin-left:3pt;}

	/* 읽기 */
	.bbs .view{width:100%; border:0; border-top:2px solid #222;}
	.bbs .view th, .bbs .view td{border:0; border-bottom:1px solid #ddd;}
	.bbs .view thead th{text-align:left; }
	.bbs .view thead td span,
	.bbs .view tfoot td span{display:inline-block; color:#555;}
	.bbs .view thead td span:after,
	.bbs .view tfoot td span:after{content: "|"; color:#999; font-size:80%; vertical-align:1pt; margin:0 5pt 0 7pt;}
	.bbs .view thead td span:last-child:after,
	.bbs .view tfoot td span:last-child:after{content:""; margin-right:0;}
	.bbs .view thead td span a,
	.bbs .view tfoot td span a{display:inline-block; color:#555;}
	.bbs .view .view_con{padding:20px; line-height:160%;}
	.bbs .view .view_con img{max-width:100%;}
	.bbs .view .view_con .answer{background:#f6f6f6; padding:10pt; margin-top:20pt;}
	.bbs .view .view_con .answer h4{display:block; border-bottom:1px solid #ddd; padding-bottom:10pt;}
	.bbs .view .view_con .answer h4 > .date{float:right; color:#555; font-weight:normal;}
	.bbs .view .view_con .answer .box{margin-top:10pt;}
	.bbs .view .view_con .answer .write{display:table; margin-top:10pt;}
	.bbs .view .view_con .answer .write .input_area{display:table-cell; }
	.bbs .view .view_con .answer .write .input_area textarea{display:block; width:100%; height:50pt; padding:0;}
	.bbs .view .view_con .answer .write .btn_write{display:table-cell; width:100px;}
	.bbs .view .view_con .answer .write .btn_write a{display:inline-block; position:relative; width:100%; height:100%;}
	.bbs .view .view_con .answer .write .btn_write a span{display:block; width:100%;}

	/* 갤러리 */
	.bbs .list_gallery{border:0; width:100%; border-top:2px solid #222;}
	.bbs .list_gallery ul{position: relative; left:-2%; font-size:0; width:104%;}
	.bbs .list_gallery ul li{display:inline-block; width:25%; vertical-align:top; border-bottom:1px solid #ddd; margin-top:20pt; padding:0 2%; text-align:center; font-size:11pt}
	.bbs .list_gallery ul li a{display:block; margin-bottom:10pt;}
	.bbs .list_gallery ul li .thumb{position: relative; width:100%; padding-bottom:100%; background-size:cover; background-position:50% 50%; transform: scale(1); transition: all .2s ease-in-out;}
	.bbs .list_gallery ul li .thumb:after{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0); transition: all .3s ease-in-out;}
	.bbs .list_gallery ul li a:hover .thumb{ transform: scale(0.95);}
	.bbs .list_gallery ul li a:hover .thumb:after{content:""; background-color:rgba(0,0,0,0.3);}
	.bbs .list_gallery ul li .info{padding-top:10px;}
	.bbs .list_gallery ul li .info .category{display:block; font-size:small; color:#858585;}
	.bbs .list_gallery ul li .info .title{display:block; color:#222; padding:0; margin-top:3pt;}

	/* 읽기 */
	.bbs .detail{border-top:2px solid #ddd !important;}

	/* 페이징 */
	.paging{margin-top:20pt;text-align:center; font-size:0;}
	.paging a{display:inline-block; font-size:11px; font-weight:500; width:30px; height:30px; line-height:28px; border:1px solid #ddd; border-right:0; vertical-align:middle; color:#777;}
	.paging a:last-child{border-right:1px solid #ddd;}
	.paging a.aw{font-size:0;}
	.paging a.aw i{font-size:14px; line-height:32px;}
	.paging a.active{position:relative; color:#000; font-weight:900; border-bottom:1px solid #222;}
	.paging a.active:after{content:""; display:block; position:absolute; bottom:0; height:100%; border-bottom:1px solid #222; width:100%;}

	/* 검색 */
	.bbs .search_box{position:relative; text-align:right; right:0; font-size:small; margin-bottom:10px;}
	.bbs .search_box select{}
	.bbs .search_box .search_input{display:inline-block; vertical-align:top; border:1px solid #ddd; height:22pt; padding:0;}
	.bbs .search_box .search_input input[type=search]{width:150px; text-indent:3pt; height:22pt; background:rgba(255,255,255,0); border:0;}
	.bbs .search_box .search_input .btn_search{vertical-align:top; height:100%; font-size:0; width:30px; background:#fff;}
	.bbs .search_box .btn_search i{font-size:large; line-height:24pt;}

	/* 삭제 */
	.bbs.bbs_delete{border:0 !important;}
	.bbs_delete > .box{width:500px; max-width:90%; margin:0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10pt 0 20pt 0;}
	.bbs_delete > .box h5{padding:10pt 0; font-size:100%; line-height:180%; font-weight:400;}
	.bbs_delete > .box input{text-indent:0; text-align:center;}

	/* FAQ */
	.bbs .faq li{position:relative; padding:8pt; word-break:keep-all; word-wrap:break-word; border-bottom: 1px #ddd solid; padding-left:35pt;}
	.bbs .faq li label{display:inline-block; text-align:center; width:28pt; margin-left:-30pt; font-family: 'Roboto', sans-serif; font-weight:500; font-size:11pt; vertical-align:-1pt;}
	.bbs .faq li.q{cursor:pointer;}
	.bbs .faq li.q:hover{color:#cf1429;}
	.bbs .faq li.a{display:none; background:#f5f5f5; line-height:150%; padding-top:15pt; padding-bottom:20pt;}
	.bbs .faq li.a label{color:#cf1429; font-weight:700;}

/* ETC */
.pd0{padding:0 !important;}

.profile_thumb{width:71px; height:86px;}
.text-bg{background:#f6f6f6; padding:10pt; word-break:keep-all; word-wrap:break-word;}
.filebox_img label {display:inline-block; background-color:#ddd; padding:3.5pt 5pt; cursor:pointer; border:1px solid #ddd;}
.filebox_img input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} /* 파일 필드 숨기기 */

.title_bias {background:url(/images/bg_diagonal.gif) repeat; padding:7pt; margin-bottom:20pt;}
.title_bias > .box{position:relative; background:#fff; padding:10pt;}
.title_bias > .box img{max-width:100%;}

.bxslider-wrap { visibility: hidden; }



/* 팝업 */

#popup{position:absolute; top:35px; left:10px;width:400px; max-width:90%; border:5px solid #222; font-size:12px;z-index:999}
#popup h1{display:block;background-color:#fff; text-align:center; font-size:130%; padding:20px; word-break:keep-all; word-wrap:break-word; line-height:120%;}
#popup .con{background:#fbe462; padding:20px; line-height:130%;}
#popup .con span{display:block;}
#popup .close{background:#222; color:#fff; padding:4px; padding-bottom:0;}
#popup .close a{display:block; color:#fff;}
#popup .close a:hover{color:#fff; }
#popup .close input[type=checkbox]{width:14px; height:14px;}
#popup .close label{cursor:pointer;}
#popup .close .btn_close{display:block;}


/* 갤러리 게시판 */
/* 메인 갤러리 */
.gallery_list{padding:0 !important; text-align:center;}
	.gallery_list ul{display:table; width:100%;}
	.gallery_list ul li{display:table-cell; width:25%; vertical-align:top;}
	.gallery_list ul li a{position: relative; display:block; width:100%; height:230px; }
	.gallery_list ul li a .thumb{position: absolute; width:100%; height:100%; background-size:cover; transition: all .2s ease-in-out;}
	.gallery_list ul li a:hover .thumb{ transform: scale(0.95);}


/* 로그인 */
.login{width:750px; margin:0 auto;}
.login_box{display:table; width:100%; height:100%; padding:30pt 0; background:#fff;}
.login_box > div{display:table-cell; width:50%; height:100%; vertical-align:top; border-left:1px solid #ddd; padding:0 30pt;}
.login_box > div:first-child{border:0;}
.login_box .log_title{height:30px;font-size:15pt; vertical-align:top; font-weight:500;}
.login_box .log_title img{max-height:100%; margin-right:5pt; margin-top:-5pt;}

.login_form{position: relative; margin-top:15pt; width:100%;}
.login_form li{margin:3pt 0;}
.login_form .help{font-size:9pt; color:#777; margin-top:10pt; vertical-align:top;}
.login_form .help:after{display:block; clear:both; content:'';}
.login_form .help .saveID{float:left;}
.login_form .help .log_registor{float:right;}
.login_form .help .log_registor a{display:inline-block; color:#777}
.login_form .help .log_registor a:before{content:"|"; display:inline-block; font-size:7pt; vertical-align:1pt; margin:0 3pt 0 2pt;}
.login_form .help .log_registor a:first-child:before{display:none;}
.login_form input[type=text], .login_form input[type=password]{width:100%; max-width:100%; height:30pt; font-weight:500;}
.login_form input[type=checkbox]{width:15px; height:15px; vertical-align:bottom;}
.login_form .btn_login{background:#c51917; color:#fff; height:40pt; margin-top:5pt; width:100%; font-weight:500; cursor:pointer; border:0;}

.login_box .sns_login{width:100%; border-top:1px solid #ddd; padding-top:20pt; margin-top:20pt;}
.login_box .sns_login:after{display:block; clear:both; content:'';}
.login_box .sns_login li{width:48%; font-size:9pt;}
.login_box .sns_login li.facebook{float:left;}
.login_box .sns_login li.google{float:right;}
.login_box .sns_login li a{display:block; position: relative; background:#ccc; padding:5pt 0; color:#fff; text-align:center; padding-left:20pt;}
.login_box .sns_login li a:before{
	position: absolute; left:0; top:0; width:20pt; height:100%; border-right:1px solid rgba(255,255,255,0.1);
	font-family: FontAwesome; font-size:10pt; padding-top:5pt; color:rgba(255,255,255,0.6);
}
.login_box .sns_login li.facebook a{background-color:#3b5998;}
.login_box .sns_login li.facebook a:before{content: "\f09a";}
.login_box .sns_login li.google a{background-color:#dd4b39;}
.login_box .sns_login li.google a:before{content: "\f0d5";}
.login_box .sns_login span{display:block; font-size:9pt; color:#777; padding-top:5pt; text-align:center;}

.login_box .member{}
.login_box .member .log_title{color:#c51917;}
.login_box .nonmember{}
.login_box .nonmember .log_title{color:#555;}
.login_box .nonmember .login_form .btn_login{background:#666;}
.login_box .nonmember .login_form .guide{font-size:9pt; color:#777; margin-top:10pt; vertical-align:top;}