@charset "utf-8";
@import url("common.css");

.top_area{width:100%;background:#f3f3f3;padding:80px 0px 30px 0px;margin-bottom:0;position:relative;}
.top_area.tab{padding: 200px 0px 35px 0px;}
.top_area .info{width:1400px;margin:0 auto;text-align:center;position:relative;}
.top_area .info .title{color:#000000;font-size:42px;}
.top_area .info .sub_title{color:#888888;font-size:14px;}

.pointer {display:inline-block; position:absolute; bottom:20px;}
.pointer a {color:#999999;}
.pointer a span{display:inline-block; margin-right:12px;}
.pointer a span img {margin-bottom:4px;}
.pointer.p1 {left:0;}
.pointer.p1 a span {margin-right:12px;}
.pointer.p2 {right:0;}
.pointer.p2 a span {margin-left:12px;}


.top_area .prev{position:absolute;top:30px;left:0px;color:#999999;}
.top_area .next{position:absolute;top:30px;right:0px;color:#999999;}
.top_area .tab{width:1400px;position:absolute;top:30px;left:50%;margin-left:-700px;}
.top_area .tab ul li{display:inline-block;width:16.66%;box-sizing:border-box;text-align:center;border-top:1px solid #dadada;border-bottom:1px solid #dadada;border-right:1px solid #dadada;height:58px;line-height:58px;font-size:14px;background:#FFF;}
.top_area .tab ul li.first{display:inline-block;width:16.66%;box-sizing:border-box;text-align:center;border:1px solid #dadada;}
.top_area .tab ul li.on{background:#000;color:#fff;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}
.top_area .tab ul li.first.on{;border:1px solid #000;}
.top_area .tab ul li a{display:block;width:100%;height:100%;}

.top_area.tab_pn1{padding:200px 0px 35px 0px;}
.top_area.tab_pn1 .tab{}
.top_area.tab_pn1 .tab ul{overflow:hidden;}
.top_area.tab_pn1 .tab ul li{float:left;width: 14.28%;line-height: 1.3;display: table;}
.top_area.tab_pn1 .tab ul li.first{width: 14.28%;text-align:center;border:1px solid #dadada;}
.top_area.tab_pn1 .tab ul li a{font-size:14px;display: table-cell;vertical-align: middle;}
.top_area.tab_pn1 .tab ul li.on a{font-size:14px;color:#fff;}

.top_area.tab_pn2{padding:200px 0px 35px 0px;}
.top_area.tab_pn2 .tab{}
.top_area.tab_pn2 .tab ul{overflow:hidden;}

.top_area.tab_pn3{padding:200px 0px 35px 0px;}
.top_area.tab_pn3 .tab{}
.top_area.tab_pn3 .tab ul{overflow:hidden;}
.top_area.tab_pn3 .tab ul li{float:left;width: 14.28%;line-height: 1.3;display: table;}
.top_area.tab_pn3 .tab ul li.first{width: 14.28%;text-align:center;border:1px solid #dadada;}
.top_area.tab_pn3 .tab ul li a{font-size:14px;display: table-cell;vertical-align: middle;}
.top_area.tab_pn3 .tab ul li.on a{font-size:14px;color:#fff;}

/* .top_area.tab_pn2 .tab ul li{float:left;width:33.233%;} */
/* .top_area.tab_pn2 .tab ul li.first{display:inline-block;width:33.233%;text-align:center;border:1px solid #dadada;} */
.top_area.tab_pn2 .tab ul li {float:left; /* width:25%; */width:14.258%; display:inline-block; text-align:center; border:1px solid #dadada;}

.top_area.tab_pn2 .tab ul li a{font-size:14px;}
.top_area.tab_pn2 .tab ul li.on a{font-size:14px;color:#fff;}

.top_area.tab_pn6{padding:200px 0px 35px 0px;}
.top_area.tab_pn6 .tab{ width:700px;margin-left:-350px; }
.top_area.tab_pn6 .tab ul{overflow:hidden;}
.top_area.tab_pn6 .tab ul li{float:left;width:20%;}
.top_area.tab_pn6 .tab ul li.first{display:inline-block;width:20%;text-align:center;border:1px solid #dadada;}
.top_area.tab_pn6 .tab ul li a{font-size:14px;}
.top_area.tab_pn6 .tab ul li.on a{font-size:14px;color:#fff;}

.top_area.tab_pn7{padding:200px 0px 35px 0px;}
.top_area.tab_pn7 .tab{width:700px;margin-left:-350px;}
.top_area.tab_pn7 .tab ul{overflow:hidden;}
.top_area.tab_pn7 .tab ul li{float:left;width:33.233%;}
.top_area.tab_pn7 .tab ul li.first{display:inline-block;width:33.233%;text-align:center;border:1px solid #dadada;}
/*
.top_area.tab_pn7 .tab ul li{float:left;width:49.233%;}
.top_area.tab_pn7 .tab ul li.first{display:inline-block;width:49.233%;text-align:center;border:1px solid #dadada;}
*/
.top_area.tab_pn7 .tab ul li a{font-size:14px;}
.top_area.tab_pn7 .tab ul li.on a{font-size:14px;color:#fff;}

.top_area.tab_pn10{padding:200px 0px 35px 0px;}
.top_area.tab_pn10 .tab{width: 1400px;margin-left: 0;transform: translate(-50%);}
.top_area.tab_pn10 .tab ul{overflow:hidden;}
.top_area.tab_pn10 .tab ul li{float:left;width: 20%;}
.top_area.tab_pn10 .tab ul li.first{display:inline-block;/*width: 25%;*/text-align:center;border:1px solid #dadada;}
.top_area.tab_pn10 .tab ul li a{font-size:14px;}
.top_area.tab_pn10 .tab ul li.on a{font-size:14px;color:#fff;}

.top_area.tab_pn12{padding:200px 0px 35px 0px;}
.top_area.tab_pn13{padding:200px 0px 35px 0px;}
.top_area.tab_pn14{padding:200px 0px 35px 0px;}

.m00{width:1400px;margin:0 auto;}

.login{width:1288px;height:466px;margin:80px auto;background:url("/images/member/login_bg.jpg?ver=210802") no-repeat;padding:110px 0px 0px 112px}
.login .login_con_wrap ul li{display:inline-block;}
/* .login .login_con_wrap ul li.td1{width:535px;} */
.login .login_con_wrap ul li.td1{width:480px;}
.login .login_con_wrap ul li.td2{vertical-align:top;padding-left:3px;}
.login .login_con_wrap ul li.txt{width:89px;font-size:17px;color:#333333;margin-bottom:5px;}
.login .login_con_wrap ul li.input_area{margin-bottom:5px;}
/* .login .login_con_wrap .save_id{margin-top:13px;margin-left:89px;} */
.login .login_con_wrap .save_id{margin-top:13px;}
/* .login .login_con_wrap .login_btn{width:150px;height:106px;background:#000000;text-align:center;color:#ffffff;font-size:16px;border:0px;} */
.login .login_con_wrap .login_btn{width:204px;height:138px;background:#000000;text-align:center;color:#ffffff;font-size:16px;border:0px; margin-top: 30px;}
.login .find_info{margin-top:30px;}

.login .info ul li{display:inline-block;width:240px;height:89px;border:1px solid #d3d3d3;padding:25px 0px 0px 100px;}
.login .info ul li.join{
	margin-right:3px;
	background:url("/images/member/login_icon2_1.gif") no-repeat;
	background-color:#f7f7f7;
	background-position:30px;
}

.login .info ul li.find_info{
	background:url("/images/member/login_icon2_2.gif") no-repeat;
	background-color:#f7f7f7;
	background-position:30px;
}

.login .info .title{font-size:15px;color:#333333;margin-bottom:5px;height:25px;}
.login .info .txt{font-size:14px;color:#999999;}
/* .login .sns_login ul.list {
    font-size: 0;
    width: 600px;
    float: left;
    margin-left: 92px;
    margin-top: 15px;
} */

.login .sns_login ul.list {
		font-size: 0;
		width: 691px;
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
}

.login .sns_login ul.list li {
    display: inline-block;
    vertical-align: top;
		width: 49%;
}
.login .sns_login ul.list li img {
		width: 100%;
}

.login .sns_login:after {
    clear: both;
    display: block;
    content: '';
}
/* 
.login .sns_login ul.list li + li {
    margin-left: 5px;
} */


/* join*/
.join {margin-top:60px;padding-bottom: 80px;}
.join .join_step{margin-top:20px;margin-bottom:60px;text-align:center;}
.join .join_con{margin:0 auto;}
.join .join_con .title{height:37px;line-height:18px;padding-left:15px;padding-right:20px;font-size:20px;color:#000000;background:url("/images/member/title_icon.gif") no-repeat left top;}
.join .join_con .agree_box{padding:28px;width:1342px;background:#f6f6f6;border:1px solid #dfdfdf;margin-bottom:10px}
.join .join_con .agree_box > pre{
	margin-bottom:15px;
	height:240px;
	text-align:left;
	color:#777777;
	font-size:15px;
	line-height:1.5em;
	white-space:pre-line;
	overflow-y:auto;
	font-family: 'Noto Sans KR';
	font-weight: 300;
}


.join .join_con .agree{margin-bottom:60px;}
.join .btn_wrap{text-align:center;margin-top:50px;}
.join .join_con .anno{color:#888888;}
.join .join_con .anno span{color:#d80009;}


.join_table{width:1400px; margin:0 auto;border-top:2px solid #000000;}
.join_table th{background:#f6f6f6;height:73px;padding-left:25px;border-bottom:1px solid #dfdfdf;text-align:left;}
.join_table th span{color:#d80009;vertical-align:middle;}
.join_table td{padding-left:30px;height:73px;border-bottom:1px solid #dfdfdf;}
.join_table td input[type=text],
.join_table td input[type=password]{height:38px;padding:0 10px;border:1px solid #ddd;}
.join_table td select{height:38px;padding:0 0 0 10px;border:1px solid #ddd;}

.join .join_result{width:1400px;height:249px;background:url("/images/member/join_result_bg.jpg") no-repeat;padding:310px 0px 0px 0px;text-align:center;}
.join .join_result .txt1{font-size:22px;color:#131313;margin-bottom:10px;}
.join .join_result .txt2{color:#777777;}

.join .btn_wrap{}
.join .btn_wrap a{display:inline-block;width:160px;height:45px;;color:#fff;text-align:center;line-height:45px;}
.join .btn_wrap a.join_btn{background:#111;}
.join .btn_wrap a.leave_btn{background:#999;}
.join .btn_wrap a.q_cancel{background:#999;}

/*board*/
.board{margin-top:80px;margin-bottom:80px;}
.board .tab ul li{display:inline-block;width:348px;text-align:center;border-top:1px solid #dadada;border-bottom:1px solid #dadada;border-right:1px solid #dadada;height:50px;line-height:50px;background:#fbfbfd;}
.board .tab ul li.first{display:inline-block;width:348px;text-align:center;border:1px solid #dadada;}
.board .tab ul li.on{width:348px;background:#fff;color:#d80009;border:1px solid #d80009;}
.board .m00_board_tab ul li{width:465px;}
.board .m00_board_tab ul li.first{width:465px;}
.board .m00_board_tab ul li.on{width:465px;}
.board .realafter_tab ul li {width:232px;}
.board .realafter_tab ul li.on {width:232px;}
.board .realafter_tab ul li.first {width:232px;}


.board .notice{
	width:100%;
	margin-top: 50px;
	}
.board .notice > ul{
	font-size:0;
	}
.board .notice > ul > li{
	display:inline-block;
	color:#666666;
	font-size:15px;
	height:52px;
	line-height:52px;
	border-bottom:1px solid #e5e5e5;
	}
.board .notice > ul.notice_head{border-top:1px solid #21212d;}
.board .notice > ul.notice_head > li{
	color:#000000;
	border-bottom:0;
	background:#f7f7f7;
	}
.board .notice > ul.notice_con{}
.board .notice > ul.notice_con > li{background:none;}
.board .notice > ul > li.num{width:100px;text-align:center;}
.board .notice > ul > li.cate{width:150px; text-align:center;}
.board .notice > ul > li.title{width:688px;padding-left:35px;}
.board .notice > ul > li.title a{color:#666666; font-size:15px;}
.board .notice > ul > li.answer{width:100px;text-align:center;}
.board .notice > ul > li.write{width:165px;text-align:center;}
.board .notice > ul > li.date{width:142px;text-align:center;}
.board .check_box:after{display:block; content:""; clear:both;}
.board .check_box li{float:left; margin-right:20px;}
.board .check_box input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.board .check_box input[type=checkbox]+label {
    position: relative;
    padding-left: 52px;
    color: #999;
    font-size: 18px;
}
.board .check_box input[type=checkbox]+label:after, input[type=checkbox]+label:before {
    position: absolute;
    left: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
}
.board .check_box input[type=checkbox]+label:before {
    top: 25%;
    width: 30px;
    height: 30px;
    margin-top: -8px;
    text-align: center;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.board .check_box input[type=checkbox]+label:after {
    top: 35%;
    left: 5px;
    width: 17px;
    height: 10px;
    margin-top: -4px;
    display: none;
    -webkit-transform: rotate(-45deg) translate(0,-50%);
    transform: rotate(-45deg) translate(0,-50%);
    border-width: 0 0 4px 4px;
    border-style: solid;
    border-color: #6d6d6d;
    background-color: transparent;
}
.board .check_box input[type=checkbox]:checked+label:after {
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
}

.st1{width:100%;border-top:1px solid #ddd;}
.st1 tr{}
.st1 td{text-align:center;padding:50px 0;
	border-bottom:1px solid #ddd;
}
.st1 td.date{}
.st1 td.date .day{font-size:43px;font-weight:500;line-height:110%;color:#333;}
.st1 td.date .ym{font-size:13px;color:#333;}
.st1 td.sbj{text-align:left;padding:0 120px 0 0}
.st1 td.sbj a{display:inline-block;border-left:1px solid #ddd;padding-left:30px;word-break:keep-all;}
.st1 td.sbj .tit{font-size:19px;color:#333;margin-bottom:5px;}
.st1 td.sbj .tit span.notice_ico{
	display:inline-block;width:35px;height:20px;text-align:center;line-height:20px;
	background:#d80009;color:#fff;font-size:12px;
	vertical-align:top;margin-top:5px;
	margin-right:5px;
}
.st1 td.sbj .txt{font-size:14px;color:#555;}
.st1 td.more{}
.st1 td.more a{
	display:block;
	width:156px;height:42px;
	text-align:center;line-height:42px;
	background:#a6a6a6;color:#fff;
}
.st1 tr:hover td.more a{
	display:block;
	width:156px;height:42px;
	text-align:center;line-height:42px;
	background:#000;color:#fff;
	transition:all 0.6s;
}



.st3{}
.st3{width:100%;padding:1px;margin:0 auto;overflow:hidden;}
.st3 li{
	float:left;
	width:336px;margin:0 16px 30px 0;background:#fff;text-align:left;
	line-height:150%;border:1px solid #ddd;
}
.st3 li:nth-child(4n){margin-right:0;}
.st3 li:hover{border:1px solid #d80009;box-shadow:1px 1px 0 #d80009,-1px -1px 0 #d80009;}
.st3 li .imgarea{border-bottom:1px solid #ddd;}
.st3 li .infoarea{padding:33px;}
.st3 li .b_sbj{margin-bottom:10px;font-size:19px;color:#333;font-weight:500;word-break:break-all}
.st3 li .b_con{width:274px;color:#777;word-break:break-all;font-size:14px;}
.st3 li .b_date{margin:30px 0 0px 0;color:#999;font-size:14px;}

.st3_2{}
.st3_2{width:100%;padding:1px;margin:0 auto;overflow:hidden;}
.st3_2 li{
	float:left;
	width:333.5px;margin:0 15px 15px 0;background:#fff;text-align:left;
	line-height:150%;
}
.st3_2 li:nth-child(4n){margin-right:0;}
.st3_2 li .imgarea{border-bottom:1px solid #ddd;}
.st3_2 li .imgarea img {width:100%;}
.st3_2 li .infoarea {padding:5px;min-height:45px;}
.st3_2 li .b_sbj{font-size:17px;color:#333;font-weight:500;word-break:break-all}
.st3_2 li .b_con{width:274px;color:#777;word-break:break-all;font-size:14px;}
.st3_2 li .b_date{margin:30px 0 0px 0;color:#999;font-size:14px;}



.best{position:relative;width:1400px;margin:0 auto 60px;}
.best .title{text-align:center;background:0 !important;margin-bottom:35px;}
.best .bprev{position:absolute;left:-47px;top:50%;margin-top:-47px;}
.best .bnext{position:absolute;right:-47px;top:50%;margin-top:-47px;}
.best .listwrap{overflow:hidden;width:1400px;margin:0 auto;padding:1px;}
.best ul{width:1000000px;}
.best ul li{
	float:left;
	box-sizing:border-box;
	width:452px;margin:0 15px 0px 0;background:#fff;text-align:left;
	line-height:150%;border:1px solid #ddd;
}
.best ul li:hover{border:1px solid #d80009;box-shadow:1px 1px 0 #d80009,-1px -1px 0 #d80009;}
.best ul li .imgarea{border-bottom:1px solid #ddd;}
.best ul li .infoarea{padding:33px;}
.best ul li .b_sbj{margin-bottom:10px;font-size:23px;color:#333;font-weight:500;word-break:break-all}
.best ul li .b_con{width:100%;color:#777;word-break:break-all;font-size:18px;}
.best ul li .b_date{margin:30px 0 0px 0;color:#999;font-size:17px;}

.best ul.st6 li .b_sbj {margin-bottom:32px;}
.best ul.st6 li .infoarea {padding:33px 33px 59px 33px;}



.top_story{
	overflow:hidden;
	background:#fff;
	text-align:center;
	position:relative;
}
.top_story .bgarea{
	position:absolute;right:0;top:160px;z-index:1;
	width:905px;height:570px;
	background:#385074;
}
.top_story .conwrap{width:1400px;margin:0 auto;padding:100px 0;height:630px;z-index:10;}
.top_story .clear{overflow:hidden;}
.top_story .clear .titarea{
	float:left;
	position:relative;z-index:10;
	padding:130px 0 0;
	text-align:left;
}
.top_story .clear .titarea p{font-size:29px;color:#444;margin:10px 0 105px;}
.top_story .clear .titarea p span{font-size:29px;color:#d80009;}
.top_story .clear .titarea a{	
	display:block;
	width:256px;height:48px;
	padding:0 20px;
	text-align:left;line-height:48px;
	font-size:15px;color:#222;
	border:2px solid #222;
}
.top_story .clear .titarea a img{margin-left:60px;}

.top_story .clear .phtarea{
	position:relative;
	position:absolute;right:0;top:100px;
}
.top_story .clear .phtarea .thum{
	position:absolute;left:0;bottom:20px;
	width:100%;text-align:center;
}
.top_story .clear .phtarea .thum li{
	display:inline-block;#display:inline;*zoom:1;
	margin:0 2px;
}
.top_story .clear .phtarea .thum li a{
	display:block;
	width:10px;height:10px;
	border-radius:50%;
	border:2px solid #000;
}
.top_story .clear .phtarea .thum li.on a{
	display:block;
	width:10px;height:10px;
	border-radius:50%;
	border:2px solid #222;
	background:#222;
}




.st4{width:100%;border-top:2px solid #000}
.st4 th{
	height:52px;
	font-size:15px;color:#333;text-align:center;
	background:#f7f7f7;
	border-bottom:1px solid #ddd;
}
.st4 td{
	padding:15px 0;
	text-align:center;
	font-size:14px;color:#777;
	border-bottom:1px solid #ddd;
}
.st4 td.sbj{text-align:left;padding-left:40px;}
.st4 td.sbj .txtbox{overflow:hidden;width:730px;}
.st4 td.sbj .txtbox .thum{float:left;border:1px solid #ddd;}
.st4 td.sbj .txtbox .txt{float:right;width:450px;}
.st4 td.sbj .txtbox .txt .tit{margin:40px 0 10px;font-size:18px;color:#555;}
.st4 td.sbj .txtbox .txt .contxt{margin:0;font-size:14px;color:#757575;}



.st5{}
.st5{width:100%;padding:1px;margin:0 auto;overflow:hidden;}
.st5 li{
	float:left;
	width:336px;margin:0 16px 30px 0;background:#fff;text-align:left;
	line-height:150%;border:1px solid #ddd;
}
.st5.after_pic li{
	width:333px;
}
.st5 li:nth-child(4n){margin-right:0;}
.st5 li:hover{border:1px solid #d80009;box-shadow:1px 1px 0 #d80009,-1px -1px 0 #d80009;}
.st5 li .imgarea{border-bottom:1px solid #ddd;}
.st5 li .infoarea{padding:33px;}
.st5 li .b_sbj{margin-bottom:5px;font-size:19px;color:#333;font-weight:400;word-break:break-all}
.st5 li .b_name{color:#333;word-break:break-all;font-size:19px;font-weight:500}
.st5 li .b_cate{height:40px;margin:25px 0 0px 0;color:#999;font-size:14px;}
.st5 li .contxt{margin-top:10px; word-break: break-all;}
.st5 li .b_cate span{
	display:inline-block;
	background:#0a2958;
	color:#fff;font-size:13px;
	text-align:center;
	height:20px;line-height:20px;
	padding:0 5px;margin-right:5px;
}

.st7 li .b_cate span{
	display:inline-block;
	background:#0a2958;
	color:#fff;font-size:13px;
	text-align:center;
	height:20px;line-height:20px;
	padding:0 5px;margin-right:5px;
}
.st6 li .b_cate span{
	display:inline-block;
	background:#0a2958;
	color:#fff;font-size:13px;
	text-align:center;
	height:20px;line-height:20px;
	padding:0 5px;margin-right:5px;
}

.bbs_wrap{background:#e4e4e4;padding:80px 0;}
.bbs_wrap_type2 .sbj .b_cate .name{display:block; font-size:#999;}
.bbs_wrap_type2 .st5 li .b_cate{height:auto; margin-bottom:5px;}


/* .st6{}
.st6{width:100%;margin:0 auto;overflow:hidden;}
.st6 li{
	float:left;
	width:459px;margin:0 10px 30px 0;background:#fff;text-align:center;	
	line-height:150%;
}
.st6 li:nth-child(3n){margin-right:0;}
.st6 li .imgarea{width:443px;padding:7px;border:1px solid #ddd;}
.st6 li:hover .imgarea{border:1px solid #d80009;box-shadow:1px 1px 0 #d80009 inset,-1px -1px 0 #d80009 inset;}
.st6 li .imgarea{}
.st6 li .infoarea{padding:0px;margin:15px 0}
.st6 li .b_sbj{margin-bottom:5px;font-size:15px;color:#333;font-weight:400;word-break:break-all}
 */


.story{width:1416px;}
#grid-content{width:100%;margin:0 auto}
.bbox{width:336px;margin:0 16px 16px 0;background:#fff;text-align:left;
line-height:150%;border:1px solid #ddd}
.bbox:hover{border:1px solid #d80009;box-shadow:1px 1px 0 #d80009,-1px -1px 0 #d80009;}
.bbox .imgarea{border-bottom:1px solid #ddd;}
.bbox .infoarea{padding:33px;}
.bbox .b_sbj{height:44px; margin-bottom:10px;font-size:19px;color:#333;font-weight:500;word-break:break-all; margin-bottom: 10px;
    font-size: 19px;
    color: #333;
    font-weight: 500;
    word-break: break-all;
    width: 276px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 2.4em;
	text-align: justify;
	}
.bbox .b_con{
text-align: justify;
	}

.bbox .b_date{margin:30px 0 0px 0;color:#999;font-size:14px;}






.board .search{text-align:center;}
.board .write_btn{position:absolute;right:0px;top:0px;}


.board .view > ul{border-top:1px solid #2d2d39;}
.board .view > ul > li{}
.board .view > ul > li.view_head{
	position:relative;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.board .view > ul > li.view_head h3{
	color:#000000;
	font-size:20px;
	height:67px;
	line-height:67px;
	font-weight:400;
}
.board .view > ul > li.view_head h3 span.notice_ico{
	display:inline-block;width:35px;height:20px;text-align:center;line-height:20px;
	background:#d80009;color:#fff;font-size:12px;
	vertical-align:top;margin-top:25px;
	margin-right:10px;
}
.board .view > ul > li.view_head p{
	text-align:right
	height:67px;
	line-height:67px;
	top:0px;
	right:0px;
	position:absolute;
	color:#999999;
}
.board .view > ul > li.view_head p.date{
	position:absolute;
	right:30px;
}
.board .view > ul > li.view_head p.hit{
	right:30px;
}
.board .view > ul > li.view_con{
	border-bottom:1px solid #e0e0e0;
	padding:40px 0;
	min-height:300px;
}
.board .view > ul > li.view_con img{margin-bottom:50px;}
.board .view > ul > li.view_con .btn{}
.board .view > ul > li.view_con .btn a{
	display:inline-block;
	width:160px;
	height:33px;
	line-height:33px;
	text-align:center;
	color:#fff;
	font-size:14px;
	background:#c19674;
	margin:40px  0
}

.board .view  .pn_wrap{}
.board .view  .pn_wrap > div{border-bottom:1px solid #e0e0e0; height:50px; line-height:50px; text-align:left;}
.board .view  .pn_wrap > div span{display:inline-block; font-size:14px;font-weight:500;}
.board .view  .pn_wrap > div span.title{padding-left:25px; width:58px; color:#303030;background:0}
.board .view  .pn_wrap > div span.bar{
	width:1px;
	height:17px;
	background:#e0e0e0;
	margin-right:12px;
	position:relative;
	top:4px;
}
.board .view  .pn_wrap > div a{
	width:1275px;
	color:#666666;
	font-size:14px;
	height:50px;
	line-height:50px;
	display:inline-block; 
	vertical-align:top;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
}

.board .btn_area{text-align:center;width:1400px;margin:0 auto;position:relative;margin-top:40px;}

.board.write .table8{border-top:1px solid #000;width:100%}
.board.write .table8 th{text-align:center;background:#f6f6f6;border-bottom:1px solid #dfdfdf;height:73px}
.board.write .table8 th span{font-size:13px;}
.board.write .table8 td{padding-left:30px;border-bottom:1px solid #dfdfdf;}
.board.write .table8 td.content{padding:30px;}
.board.write .table9{border-top:1px solid #dfdfdf;width:100%}


/*m84 reservation*/
.m84{padding-top:80px;}
/* .m00 .title{height:37px;line-height:18px;padding-left:15px;padding-right:20px;font-size:20px;color:#000000;background:url("/images/member/title_icon.gif") no-repeat left top;} */
.m00 .title{height:37px;line-height:18px;padding-right:20px;font-size:20px;color:#000000;}
.m00 .model_info{font-size:15px; color:#777777; padding:8px 0px 10px 8px;}
.m00 .info_top {padding-top:28px;}
.m84 .reservation{}
.m84 .reservation .calendar{width:700px;margin-right:56px;display:inline-block;vertical-align:top;}
.m84 .reservation .calendar .m84_con{width:100%;height:65px;line-height:65px;background:#000;color:#fff;font-size:20px;position:relative;text-align:center;}
.m84 .reservation .calendar .m84_con .prev{position:absolute;top:0px;left:20px}
.m84 .reservation .calendar .m84_con .next{position:absolute;top:0px;right:20px}

.calendar table,.calendar th,.calendar td{
	border:1px solid #d6d6d6;
	border-collapse:collapse;
}

.calendar .posible_date{margin-top:20px;}
.calendar .posible_date .quad{display:inline-block;width:20px;height:20px;border:1px solid #b4b4b4;background:#e7f2f7;}
.calendar .posible_date .txt{display:inline-block;margin-left:7px;vertical-align:top;width:667px;}

.table84 th{background:#eee;height:50px;color:#000;}
.table84 th.sun{color:#d80009;}
.table84 th.sat{color:#37609d;}
.table84 td{background:#fff;height:62px;text-align:center;}
.table84 td.sun a{color:#d80009;}
.table84 td.sat a{color:#37609d;}
.table84 td.on{background:#e7f2f7;}
.table84 td.today{border:2px solid #d80009;}
.table84 td.today a{color:#d80009;}
.table84 td.holiday a{color:#d80009;}

.m84 .reservation .time_area{display:inline-block;vertical-align:top;}
.m84 .reservation .time_area .date{width:636px;height:60px;line-height:60px;border:2px solid #000;font-size:20px;color:#000;text-align:center;margin-bottom:17px;}
.m84 .reservation .time_area .time_table{width:640px;}
.time_area table,.time_area th,.time_area td{
	border:1px solid #d6d6d6;
	border-collapse:collapse;
}
.m84 .reservation .time_area .time_table th{height:62px;color:#fff;background:#666666;font-size:20px;}
.m84 .reservation .time_area .time_table td{padding:30px 30px 40px 30px;vertical-align:top;}
.m84 .reservation .time_area .time_table td ul li{display:inline-block;height:50px;}
.m84 .reservation .time_area .time_table td ul li.tt{width:170px;}

/*input*/
.input_text{border:1px solid #d3d3d3;padding:3px;height:43px;line-height:43px;}
.input_text2{border:1px solid #d3d3d3;padding:3px;height:32px;line-height:32px;}
.input_text3{border:1px solid #d3d3d3;padding:3px;height:20px;line-height:20px;}
.input_radio{border:1px solid #d3d3d3;}
.input_select{border:1px solid #d3d3d3;padding:3px;height:40px;line-height:32px;}
.input_textarea{border:1px solid #d3d3d3;padding:5px;}

.input_text.login_id{
	padding-left:60px;
	background:url("/images/member/login_icon1.gif") no-repeat;
	background-position:18px;
}

.input_text.login_pw{
	padding-left:60px;
	background:url("/images/member/login_icon2.gif") no-repeat;
	background-position:18px;
}
/* m85 */

/*button*/
.btn1{width:160px;height:45px;background:#000000;text-align:center;color:#ffffff;font-size:17px;border:0px;font-weight:bold;}
.btn2{width:160px;height:45px;background:#999999;text-align:center;color:#ffffff;font-size:17px;border:0px;font-weight:bold;}
.btn3{padding:11px 25px 11px 25px;background:#999999;text-align:center;color:#ffffff;font-size:14px;border:0px;font-weight:bold;vertical-align:middle;}
.btn4{padding:11px 25px 11px 25px;background:#000000;text-align:center;color:#ffffff;font-size:14px;border:0px;font-weight:bold;vertical-align:middle;}
.btn5{padding:12px 55px 12px 55px;background:#000000;text-align:center;color:#ffffff;font-size:14px;border:0px;font-weight:bold;vertical-align:middle;}
.btn6{padding:13px 25px 13px 25px;background:#fff;text-align:center;color:#000;border:1px solid #000;vertical-align:middle;}
.btn_icon1{padding:8px;background:#d80009;text-align:center;color:#ffffff;font-size:13px;border:0px;vertical-align:middle;line-height:13px;}
.btn_icon2{padding:8px;background:#a0a0a0;text-align:center;color:#ffffff;font-size:13px;border:0px;vertical-align:middle;line-height:13px;}
.btn_icon3{padding:7px 13px 7px 13px;text-align:center;color:#d80009;font-size:14px;border:1px solid #d80009;vertical-align:middle;background:#fff;}
.btn_icon3.on{color:#fff;background:#d80009;}
.btn_icon4{padding:7px 13px 7px 13px;text-align:center;color:#a8a8a8;font-size:14px;border:1px solid #a8a8a8;vertical-align:middle;background:#fff;}


.paging{text-align:center;margin: 50px auto;position:relative;width: 1400px;}
.paging .num{
	vertical-align:top;
	display:inline-block;#display:inline;*zoom:1;
	width:38px;height:38px;
	text-align:center;line-height:38px;
	color:#a8a8a8;
	border:1px solid #a8a8a8;
}
.paging strong{
	vertical-align:top;
	display:inline-block;#display:inline;*zoom:1;
	width:38px;height:38px;
	text-align:center;line-height:38px;
	color:#000;
	border:1px solid #000;
}
.paging .prev{margin-right:40px;}
.paging .next{margin-left:40px;}


/*margin-top*/
.mt60{margin-top:60px;}








/* ~~ */
.conwrap{position:relative;min-width:1400px;margin:0 auto;overflow:hidden;width:100%;}
.conwrap img.ct{position:absolute;left:50%;top:0;margin-left:-960px;}
.mom{position:relative;min-width:1400px;margin:0 auto;overflow:hidden;width:100%;}
.mom img.ct{position:absolute;left:50%;top:0;margin-left:-960px;}

/* m16 */
.m16{padding:80px 0;}
.m16 .gall{width:1400px;margin:0 auto;}
.m16 .gall .big{position:relative;width:100%;height:720px;}
.m16 .gall .big .gprev{position:absolute;left:0;top:50%;margin-top:-25px;z-index:10;}
.m16 .gall .big .gnext{position:absolute;right:0;top:50%;margin-top:-25px;z-index:10;}
.m16 .gall .big ul{position:relative;width:100%;height:720px;}
.m16 .gall .big ul li{
	display:none;
	position:absolute;left:0;top:0;
}
.m16 .gall .big ul li:first-child{display:block;}
.m16 .gall .thum{overflow:hidden;position:relative;margin-top:30px;}
.m16 .gall .thum .gtprev{position:absolute;left:20px;top:50%;margin-top:-21px;z-index:10;}
.m16 .gall .thum .gtnext{position:absolute;right:20px;top:50%;margin-top:-21px;z-index:10;}
.m16 .gall .thum ul{overflow:hidden;width:100000px}
.m16 .gall .thum ul li{float:left;position:relative;margin-right:1px;}
.m16 .gall .thum ul li .ondiv{
	position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);
	width:100%;height:100%;
}
.m16 .gall .thum ul li.on .ondiv{
	background:0;
	box-shadow:2px 2px 0 #d80009 inset,-2px -2px 0 #d80009 inset;
}


/* m17 */
.m17{padding:80px 0;}
.m17tabs{width:1400px;margin:0 auto 45px;}
.m17tabs ul{overflow:hidden;}
.m17tabs ul li{float:left;width:50%;}
.m17tabs ul li a{
	display:block;
	text-align:center;
	height:50px;line-height:50px;
	font-size:14px;color:#666;
	box-shadow:1px 1px 0 #ddd inset,0px -1px 0 #ddd inset;
	background:#fbfbfd;
}
.m17tabs ul li:last-child a{box-shadow:1px 1px 0 #ddd inset,-1px -1px 0 #ddd inset;}

.m17tabs ul li.on a{
	display:block;
	text-align:center;
	height:50px;line-height:50px;
	font-size:14px;color:#d8010a;
	box-shadow:2px 2px 0 #d8010a inset,-2px -2px 0 #d8010a inset;
	background:#fff;
}
.dn{display:none}
.tabcon_wrap{
	position:relative;height:580px;
}
.m17 .tabcon{	position:absolute;left:0;top:0;z-index:100;}
.m17 .zzz{z-index:60;}




.m83{overflow:hidden;text-align:center;padding:80px 0;}
.m83 .kkowrap{
	overflow:hidden;
	max-width:1400px;
	width:100%;
	height:733px;
	margin:0 auto;
	background: url(/images/page/m83_bg_new.jpg) no-repeat;
	text-align:left;
}
.m83 .kkowrap .formwrap{
overflow:hidden;
	padding:113px 0 0 440px;
}
.m83 .kkowrap .formwrap .tit{}
.m83 .kkowrap .formwrap p{margin: 30px 0;font-size:23px;font-weight:400;color:#000;}
.m83 .kkowrap .formwrap p span{font-weight:bold}
.m83 .kko_add{overflow:hidden;}
.m83 .kko_add p.kkotitle {
	font-size:24px;
	font-weight:600;
	margin:0;
	letter-spacing:-1px;
	margin-right: 25px;
	float: left;
}
.m83 .kko_add .id{
	float:left;
	overflow:hidden;
	margin-right:25px;
}
.m83 .kko_add .id .titarea{
	float:left;
	width: 129px;
	height: 40px;
	background:#412e34;
	text-align:center;
	line-height: 40px;
	font-size: 18px;
	color:#fff;
	border-radius:28px 0 0 28px;
}
.m83 .kko_add .id .idarea{
	float:left;
	width: 155px;
	height: 40px;
	text-align:center;
	line-height: 38px;
	font-size: 18px;
	font-weight: 500;
	color:#000;
	letter-spacing: -0.4px;
	background:#fff;
	border-radius:0 28px 28px 0;
}
.m83 .kko_add .id2{
	float:left;
	overflow:hidden;
	margin-right:25px;
}
.m83 .kko_add .id2 .titarea{
	float:left;
	width: 129px;
	height: 40px;
	background:#412e34;
	text-align:center;
	line-height: 40px;
	font-size: 18px;
	color:#fff;
	border-radius:28px 0 0 28px;
}
.m83 .kko_add .id2 .idarea{
	float:left;
	width: 155px;
	height: 40px;
	text-align:center;
	line-height: 38px;
	font-size: 18px;
	font-weight: 500;
	color:#000;
	letter-spacing: -0.4px;
	background:#fff;
	border-radius:0 28px 28px 0;
}
.m83 .kko_add .plus{
	float:left;
	height:55px;line-height:55px;
	font-size:23px;font-weight:bold;color:#000;
}
.m83 .kko_add .plus span{color:#553333;}

.m83 .form_area{overflow:hidden;margin-top:46px;}
.m83 .form_area table{
	float:left;
	width:400px;
	margin-right:70px;
}
.m83 .form_area table th{
	font-size:16px;
	color:#5e4e3c;
	text-align:left;font-weight:500;
	width:90px;
}
.m83 .form_area table td{padding:4px 0;}
.m83 .form_area table td input{
	height:35px;
	border:1px solid #ae9c00;
	outline:0;
	padding:0 10px;
}
.m83 .form_area table td input.w1{width:287px;}
.m83 .form_area table td input.w2{width:73.3px;}
.m83 .form_area table td select{
	width:309px;height:37px;
	border:1px solid #ae9c00;
}
.m83 .form_area .chk_area{float:left;}
.m83 .form_area .chk_area div label{font-size:15px;color:#5e4e3c;}
.m83 .form_area .chk_area div a{color:#000;font-weight:500}
.m83 .form_area .chk_area div input{width:14px;height:14px;background:#fff;outline:0;}
.m83 .form_area .chk_area a{margin-top:32px;}




.m85{overflow:hidden;text-align:center;padding:80px 0;}
.m85 .pricewrap{
	overflow:hidden;
	max-width:1400px;
	width:100%;height:733px;
	margin:0 auto;
	background:url(/images/page/m85_bg.jpg) no-repeat;
	text-align:left;
}
.m85 .pricewrap .formwrap{
	overflow:hidden;
    padding-top: 113px;
    text-align: center;
}
.m85 .pricewrap .formwrap .tit{}
.m85 .pricewrap .formwrap p{margin:30px 0 20px;font-size:23px;font-weight:400;color:#000;}
.m85 .pricewrap .formwrap p span{font-weight:bold}
.m85 .price_add{overflow:hidden;}
.m85 .price_add .id{
	float:left;
	overflow:hidden;
	margin-right:25px;
}
.m85 .price_add .id .titarea{
	float:left;
	width:91px;height:55px;
	background:#412e34;
	text-align:center;line-height:55px;
	font-size:23px;color:#fff;
	border-radius:28px 0 0 28px;
}
.m85 .price_add .id .idarea{
	float:left;
	width:307px;height:55px;
	text-align:center;line-height:55px;
	font-size:23px;color:#000;
	background:#fff;
	border-radius:0 28px 28px 0;
}
.m85 .price_add .plus{
	float:left;
	height:55px;line-height:55px;
	font-size:23px;font-weight:bold;color:#000;
}
.m85 .price_add .plus span{color:#553333;}

.m85 .form_area{overflow:hidden;margin-top:35px;}

.m85 .form_area table{
    width: 400px;
    margin: 0 auto;
}
.m85 .form_area table th{
	font-size:16px;
	color:#5e4e3c;
	text-align:left;font-weight:500;
	width:90px;
}
.m85 .form_area table td{padding:4px 0;}
.m85 .form_area table td input{
	height:35px;
	border:1px solid #959cac;
	outline:0;
	padding:0 10px;
}
.m85 .form_area table td input.w1{width:287px;}
.m85 .form_area table td input.w2{width:73.3px;}
.m85 .form_area table td select{
	width:309px;height:37px;
	border:1px solid #959cac;
}
.m85 .form_area .chk_area div {
    width: 400px;
    margin: 0 auto;
    text-align: left;
}
.m85 .form_area .chk_area div label{font-size:15px;color:#5e4e3c;}
.m85 .form_area .chk_area div a{color:#000;font-weight:500}
.m85 .form_area .chk_area div input{width:14px;height:14px;background:#fff;outline:0;}
.m85 .form_area .chk_area a{margin-top:32px;}
.m85 .form_area .chk_area a.send {width:400px; margin:20px auto 8px;}

/*m86*/
.m86{padding:80px 0 100px;}
.m86 .img_box{width:100%; max-width:1400px;}
.m86 .img_box img{width:100%; max-width:1400px; display:block;}
.m86 .title{margin-top:50px;}
.m86 .photo{background:#ebebeb; padding:13px 0; border-top:2px solid #000;}
.m86 .photo img{display:block; margin:0 auto;}
.m86 .check_box{margin-top:20px;}
.m86 .check_box input[type=checkbox]+label:before{width:23px; height:23px;}
.m86 .check_box input[type=checkbox]+label:after{width:11px; height:6px; border-width:0 0 3px 3px;}
.m86 .check_box input[type=checkbox]+label{padding-left:35px;}
.m86 .check_box label,.m86 .check_box a{font-size:15px !important; color:#777777 !important;}
.m86 .ipt{color:#e50000; font-size:16px; text-align:center; padding:10px 0; font-weight:500;}
.m86 tr th{width:176px;}
.m86 .w_type1 td{width:calc(50% - 176px);}
.m86 textarea{resize:none;}
.m86 .file_box{height: 35px;width: calc(100% - 204px);display: block;font-size: 0;/* float: left; */display: inline-block;}
.m86 .file_box [type="file"] {font-size:15px;  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.m86 .file_box .file_label {display: inline-block;width: 105px;height: 35px;line-height: 35px;vertical-align: middle;font-size: 15px;background: #b4b4b4;color: #fff;text-align: center;margin-left: 10px;}
.m86 .file_box .file_name {width: 225px;padding:0 20px;box-sizing:border-box;background: #fff; border:1px solid #d1d1d1; height:35px;line-height:35px; font-size:15px;vertical-align: middle;}
.m86 button{font-family:'Noto Sans KR'; font-weight:400;}
.m86 .btn_area{margin-top:50px;}


/* m91 */
.m91_table {margin:180px auto; width:1400px}
.m91_table table {width:100%; border-top:2px solid #000000;}
.m91_table table tr th {line-height:70px; background:#f7f7f7; color:#333333; font-size:19px; letter-spacing:-0.25px; border-bottom:1px solid #d8d8d8;}
.m91_table table tr th:last-child {padding-right:100px;}
.m91_table table tr td {padding:20px 0; border-bottom:1px solid #d8d8d8;}
.m91_table table tr td {text-align:left;}
.m91_table table tr td:first-child {text-align:center;}
.m91_table table tr td:last-child {padding-right:100px;}
.m91_table table tr td .con a h4 {font-size:27px; letter-spacing:-0.25px; color:#555555; margin-bottom:60px;}
.m91_table table tr td .con a p {font-size:21px; letter-spacing:-0.25px; line-height:32px; color:#757575; line-height:32px; word-break:keep-all;}


/* find */
.find_wrap{overflow:hidden;width:1400px;margin:80px auto;border:1px solid #ddd;}
.find_wrap .findbox{
	float:left;
	padding:77px;
}
.find_wrap .findbox:last-child{box-shadow:1px 0 0 #ddd inset;}
.find_wrap .findbox .tit{
	padding-left:15px;
	background:url(/images/common/bg_dot.gif) no-repeat left center;
	font-size:20px;color:#333;
	margin-bottom:35px;
}
.find_wrap .findbox table{width:100%;}
.find_wrap .findbox table th{width:68px;text-align:left;}
.find_wrap .findbox table td{}
.find_wrap .findbox table td input{height:46px;border:1px solid #ddd;}
.find_wrap .findbox table td select{height:48px;padding-left:10px;border:1px solid #ddd;}
.find_wrap .findbox table td.c1{padding-top:10px;vertical-align:top;height:80px;font-size:14px;color:#0a2958;}
.find_wrap .findbox table td.c1 span{color:#d80009;}
.find_wrap .findbox .btn{}
.find_wrap .findbox .btn a{
	display:block;
	color:#fff;
	height:50px;line-height:50px;
	text-align:center;
}
.find_wrap .find_id .btn a{background:#111}
.find_wrap .find_pw .btn a{background:#0a2958}


/* quick */
.quick{
	position:absolute;right:10px;top:30px;z-index:1000;
}


/* 게시판 비밀글 */
.secret{
	/* border:1px solid #ddd; */
	padding:80px 0;
	width:1400px;
	margin:80px auto;
	text-align:center;
}
.secret .titarea{font-size:20px;color:#3a3a3a;font-weight:500;margin:20px 0 10px;}
.secret .txtarea{font-size:14px;}
.secret .formarea{margin:25px 0 30px;}
.secret .ipt{width:391px;height:48px;font-size:30px;border:1px solid #ddd;padding:0 15px;outline:0;}
.secret .btnarea{}
.secret .btnarea a{
	display:inline-block;
	width:160px;height:45px;
	text-align:center;line-height:45px;
	font-size:16px;color:#fff;
}
.secret .btnarea a:nth-child(1){background:#111;}
.secret .btnarea a:nth-child(2){background:#999;}

.subimg {position:relative;overflow:hidden;min-width:1200px;text-align:left;}
.subimg > img {position:relative;left:50%;margin-left:-960px;z-index:1;}



/* 230920 여기서 부터 아래로 장다영수정 */

.sub_youtube_include{background:#f2f2f2; width:640px; margin:-1px auto; padding:94px 0px;}