.mobile_not_view { display: inline; }
	.mobile_view { display: none; }
	.only_mobile { display: none; }
	.only_pc { display: block; }
@media (max-width:768px) {
	.mobile_not_view { display: none; }
	.mobile_view { display: inline; }
	.only_mobile { display: block; }
	.only_pc { display: none; }
}


	#wrap { position: relative; width: 100%; min-width: 1200px; height: 100%; margin: 0; padding: 0; z-index: 1; }
	#main { position: relative; width: 100%; min-width: 1200px; height: 100%; z-index: 10; }

@media (max-width:1199px) {
	#wrap { min-width: auto; }
	#main { min-width: auto; }
}



	.header { position: relative; width: 100%; height: 151px; background: #ffffff; z-index: 20; }
	.header .header_con { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; z-index: 20; }
	.header .logo { float: left; position: relative; width: 406px; height: 100%; padding: 45px 0 0 0; text-align: center; z-index: 30; }
	.header .menu { float: left; position: relative; width: 794px; height: 100%; padding: 50px 0 0 0; text-align: center; z-index: 30; }
	.header .menu>ul { line-height: 100%; }
	.header .menu>ul>li { display: inline-block; position: relative; padding: 0 33px; color: #333333; line-height: 100%; letter-spacing: -1px; font-weight: 500; }
	.header .menu>ul>li:last-child { /*padding-right: 0;*/ }
	.header .menu>ul>li>a { display: inline-block; color: #333333; padding: 20px 0; }
	.header .menu>ul>li>ul { display: none; position: absolute; width: 90px; left: calc( 50% - 60px ); padding: 30px 15px; background: #9a3233; }
	.header .menu>ul>li>ul>li { padding: 7px 0; border-top: 1px solid #ab3d3d; font-size: 14px; }
	.header .menu>ul>li>ul>li>a { color: #ffffff; }
	.header .menu>ul>li>ul>li:last-child{ border-bottom: 1px solid #ab3d3d; }
	.header:after { clear: both; display: block; content:''; }

@media (max-width:1199px) {
	.header { height: auto; }
	.header .logo { width: 100%; height: auto; padding: 17px 0 14px 0; border-bottom: 1px solid #eaeaea; }
	.header .logo img { height: 55px }
	.header .menu { width: 100%; height: auto; padding: 0 0 0 0; }
}
@media (max-width:768px) {
	.header .logo { padding: 10px 0 7px 0; }
	.header .logo img { height: 35px }
	.header .menu>ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
	.header .menu>ul>li { padding: 0 10px; }
	.header .menu>ul>li>a { padding: 15px 0; }
}

	.con_div { position: relative; width: 100%; z-index: 30; }
	.con_div img { max-width: 100%; height: auto; }
	.con_div .con { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 40; }
	.con_div .con:after { clear: both; display: block; content:''; }
	.con_div .con2 { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; }
	.con_div .con2:after { clear: both; display: block; content:''; }
	.con_div .con3 { position: relative; width: 100%; max-width: 800px; margin: 0 auto; }
	.con_div .con3:after { clear: both; display: block; content:''; }

	.z50 { z-index: 50; }

	.allmenu { display: none; position: absolute; opacity: 0.98; }
	.allmenu .submenutable { width: 100%; background: #354d63; font-size: 12px; font-family: 굴림, Gulim; color: #ffffff; }
	.allmenu .submenutable a { color: #ffffff; }
	.allmenu .submenutable .title { height: 66px; background: #233446; font-size: 14px; font-weight: bold; text-align: center; border-right: 1px solid #91918c; }
	.allmenu .submenutable .title:last-child { border-right: none; }
	.allmenu .submenutable .bg1 { background: #6d674b; }
	.allmenu .submenutable .bg2 { background: #6d554b; }
	.allmenu .submenutable .borderright { border-right: 1px solid #91918c; }
	.allmenu .submenutable .borderbottom { border-bottom: 1px solid #91918c; }
	.allmenu .submenutable .title2 { height: 52px; text-align: center; }
	.allmenu .submenutable .width { width: 11.11111111111111%; }
	.allmenu .submenutable .contd1 { padding: 69px 0 0 0; text-align: center; }
	.allmenu .submenutable .contd2 { padding: 16px 0 12px 0; text-align: center; }
	.allmenu .submenutable .contents { display: inline-block; text-align: left; line-height: 250%; }
	.allmenu .submenutable .contents2 { display: inline-block; line-height: 160%; }

	#black_div { position: absolute; top: 0; visibility: hidden; width: 100%; background: #000000; opacity: 0.7; filter: alpha(opacity=70); z-index: 5000; }



	/* 메인 */
	.main_slide_bg { height: 476px; background: #edd5b4; }
	.main_slide_bg .main_slide_bg_up { position: absolute; top: 0; left:0; width: 100%; height: 429px; background: #864e51; }
	.main_slide_bg .slideitem { position: absolute; top: 0; left:0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
	.main_slide_bg .slide_2 { left: -100px; }
@media (max-width:1199px) {
	.main_slide_bg .slide_2 { left: -70px; }
}
@media (max-width:768px) {
	.main_slide_bg .slide_2 { left: -30px; }
}

	.positive_text { background: #2a3549; }
	.positive_text_bt_line { height: 47px; }
@media (max-width:1199px) {
	.positive_text_bt_line { height: 38px; }
}
@media (max-width:768px) {
	.positive_text_bt_line { height: 20px; }
}

	.familysite { background: #b5bcc2; padding: 67px 0 43px 0; text-align: center; }
	.familysite ul { display: inline-block; }
	.familysite ul li { float: left; padding: 0 25px 0 0; }
	.familysite ul li:last-child { padding-right: 0; }
	.familysite ul:after { clear: both; display: block; content:''; }
@media (max-width:1199px) {
	.familysite { padding: 35px 0 20px 0; }
	.familysite ul li { width: 25%; padding: 0; text-align: center; }
	.familysite ul li img { width: 94%; }
}
@media (max-width:768px) {
	.familysite { padding: 30px 0 0 0; }
	.familysite ul li { width: 50%; padding: 0 0 20px 0; text-align: center; }
	.familysite ul li img { width: 94%; }
}

	.projectgallery { background: #000000; padding: 0 0 79px 0; }
	.projectgallery .projectgallery_title { padding: 40px 0 35px 0; text-align: center; }
	.projectgallery .swiper_div { overflow: hidden; }
	.swiper-slide {
		text-align: center;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		background-image: url("../img/main/positive_prev.png") !important;
		left: calc( 50% - 34px - 600px - 12px ) !important;
		right: auto !important;
		width: 34px !important;
		height: 56px !important;
		margin-top: -28px !important;
		background-size: 34px 56px !important;
		z-index: 45 !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		background-image: url("../img/main/positive_next.png") !important;
		right: calc( 50% - 34px - 600px - 12px ) !important;
		left: auto !important;
		width: 34px !important;
		height: 56px !important;
		margin-top: -28px !important;
		background-size: 34px 56px !important;
		z-index: 45 !important;
	}
@media (max-width:1199px) {
	.projectgallery { padding: 0 0 70px 0; }
	.projectgallery .projectgallery_title { padding: 25px 0 20px 0; }

	.swiper-slide {
		padding: 0 6px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 10px !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 10px !important;
	}
}
@media (max-width:768px) {
	.projectgallery { padding: 0 0 57px 0; }
	.projectgallery .projectgallery_title { padding: 20px 0 15px 0; }


	.swiper-slide {
		padding: 0 3px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 10px !important;
		width: 17px !important;
		height: 28px !important;
		margin-top: -14px !important;
		background-size: 17px 28px !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 10px !important;
		width: 17px !important;
		height: 28px !important;
		margin-top: -14px !important;
		background-size: 17px 28px !important;
	}
}



	/* 서브 */
	.sub_slide_bg { height: 250px; background: #b8b3ad; }
	.sub_slide_bg .slideitem { position: absolute; top: 0; left: 0; width: 100%; }
	.sub_slide_bg .opacityzero { opacity: 0; filter: alpha(opacity=0); }
	.sub_slide_bg .opacityzero2 { opacity: 0; filter: alpha(opacity=0); left: 100px; }

@media (max-width:1199px) {
	.sub_slide_bg { display: none; }
}

	.con_title { font-size: 1.5em; padding: 0 0 0 20px; }
	.con_title_red { border-left: 7px solid #9a3233; }

	/* 로그인 */
	.con_div .login_title { padding: 0 0 20px 0; font-size: 2.5em; color: #628799; text-align: center; }
	.con_div .login_bar { height: 4px; background: url("../img/mypage/login_bar.jpg") repeat-x center; }
	.con_div .login_bg { padding: 40px 0 40px 0; background: url("../img/mypage/login_bg.jpg") no-repeat center; }
	.con_div .login_bg .login_text { font-size: 1.063em; color: #7c8491; padding: 0 0 0 0; text-align: center; }
	.con_div .login_bg .login_email { position: relative; width: 35%; margin: 0 auto; padding: 30px 0 0 0; }
	.con_div .login_bg .login_email input { width: 100%; height: 52px; border: solid 1px #dddddd; text-align: center; background: url(../img/mypage/login_email.png) no-repeat 7% center; font-family: 굴림, Gulim; font-size: 12px; }
	.con_div .login_bg .login_pw { position: relative; width: 35%; margin: 0 auto; padding: 12px 0 0 0; }
	.con_div .login_bg .login_pw input { width: 100%; height: 52px; border: solid 1px #dddddd; text-align: center; background: url(../img/mypage/login_pw.png) no-repeat 7% center; font-family: 굴림, Gulim; font-size: 12px; }
	.con_div .login_bg .login_btn { position: relative; width: 35%; margin: 0 auto; padding: 12px 0 0 0; }
	.con_div .login_bg .login_btn a { display: inline-block; width: 100%; font-size: 1.5em; color: #ffffff; text-align: center; background-color: #638699; padding: 17px 0 16px; }
	.con_div .login_bg .login_search { position: relative; width: 35%; margin: 0 auto; padding: 40px 0 0 0; text-align: center; }
	.con_div .login_bg .login_search ul { }
	.con_div .login_bg .login_search ul li { float: left; width: 30%; margin: 0 5% 0 0; }
	.con_div .login_bg .login_search ul li:last-child { margin: 0 0 0 0; }
	.con_div .login_bg .login_search ul li a { display: inline-block; width: 100%; font-size: 0.875em; color: #ffffff; text-align: center; background-color: #656d7a; padding: 4px 0 3px; }
	.con_div .login_bg .login_search ul li:nth-child(1) a { background-color: #a9ab57; }
	.con_div .login_bg .login_search ul li:nth-child(2) a { background-color: #86ac55; }
	.con_div .login_bg .login_search ul li:nth-child(3) a { background-color: #55ac67; }



	/* 마이페이지 제목 */
	.con_div .mypage_title { text-align: center; border-bottom: solid 2px #454b4b; }
	.con_div .mypage_title span { display: inline-block; }
	.con_div .mypage_title span:nth-child(1) { padding: 0 30px 0 0; }
	.con_div .mypage_title span:nth-child(2) { color: #ffffff; font-size: 1.5em; line-height: 100%; padding: 20px 50px; background: #70834e; webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
	.con_div .mypage_title span:nth-child(3) { padding: 0 0 0 30px; }



	/* 개인정보 */
	.personinfo .personinfo_left { float: left; width: 46%; }
	.personinfo .personinfo_right { float: left; width: 54%; border-top: solid 2px #836b4e; }
	.personinfo_right .inputfield .name { float: left; position: relative; width: 30%; height: 100%; min-height: 1px; text-align: center; background-color: #f4f4f4; padding: 10px 15px; border-right: solid 1px #d0d0d0; }
	.personinfo_right .inputfield .content { float: left; position: relative; width: 70%; min-height: 1px; text-align: left; padding: 10px 30px 10px 50px; }



	/* 입력칸 */
	.con_div .inputfield { border-bottom: solid 1px #d0d0d0; }
	.con_div .inputfield .name { float: left; position: relative; width: 18%; height: 100%; min-height: 1px; text-align: left; background-color: #f4f4f4; padding: 10px 15px; border-right: solid 1px #d0d0d0; }
	.con_div .inputfield .content { float: left; position: relative; width: 82%; min-height: 1px; text-align: left; padding: 10px 30px; }
	.con_div .inputfield .content input { border: solid 1px #d0d0d0; padding: 0 10px; }
	.con_div .inputfield .content input[type="password"] { font-family: 굴림, Gulim; }
	.con_div .inputfield .content textarea { border: solid 1px #d0d0d0; padding: 0 10px; }
	.con_div .inputfield .content select { border: solid 1px #d0d0d0; padding: 0 10px; }
	.con_div .inputfield .content .input10 { width: 10%; height: 30px; }
	.con_div .inputfield .content .input15 { width: 15%; height: 30px; }
	.con_div .inputfield .content .input20 { width: 20%; height: 30px; }
	.con_div .inputfield .content .input20_20 { width: 20%; height: 20px; }
	.con_div .inputfield .content .input30 { width: 30%; height: 30px; }
	.con_div .inputfield .content .input50 { width: 50%; height: 30px; }
	.con_div .inputfield .content .input70 { width: 70%; height: 30px; }
	.con_div .inputfield .content .input80 { width: 80%; height: 30px; }
	.con_div .inputfield .content .input100 { width: 100%; height: 30px; }
	.con_div .inputfield .content .textarea100_100 { width: 100%; height: 100px; }
	.con_div .inputfield .content .textarea100_250 { width: 100%; height: 250px; }
	.con_div .inputfield .padding0 { padding: 0; }
	.con_div .inputfield:after { clear: both; display: block; content:''; }

	.con_div .inputfield_btn { padding: 20px 0 0 0; }
	.con_div .half_div { }
	.con_div .half_div .half { float: left; width: 50%; }
	.con_div .half_div:after { clear: both; display: block; content:''; }

	.con_div .inputfield_text { border-bottom: solid 1px #d0d0d0; padding: 10px 15px; }



	/* 게시판 관련 */
	#searchdiv { position: relative; width: 100%; padding: 20px 0; text-align: center; background-color: #f4f4f4; }
	#searchdiv input[type="text"] { width: 20%; height: 30px; border: solid 1px #d0d0d0; ime-mode: active; padding: 0 10px; }
	#searchdiv select { border: solid 1px #d0d0d0; padding: 3px 20px 2px; height: 30px; }

	#titlebardiv { position: relative; width: 100%; padding: 12px 0 9px; color: #ffffff; background-color: #979e9e; text-align: center; }
	#titlebardiv div { min-height: 1px; }
	#titlebardiv .green { float: left; width: 10%; }
	#titlebardiv .skyblue1 { float: left; width: 20%; }
	#titlebardiv .skyblue2 { float: left; width: 60%; }
	#titlebardiv .skyblue2_1 { float: left; width: 50%; }
	#titlebardiv .skyblue3 { float: left; width: 10%; }
	#titlebardiv .skyblue4 { float: left; width: 90%; padding: 0 5% 0 0; }
	#titlebardiv .skyblue10 { float: left; width: 10%; }
	#titlebardiv .skyblue20 { float: left; width: 20%; }
	#titlebardiv .skyblue30 { float: left; width: 30%; }
	#titlebardiv .comment_write input[name="name"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	#titlebardiv .comment_write input[name="pw"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	#titlebardiv .comment_write input[name="contents_input"] { width: 80%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; }
	#titlebardiv .skyblue { float: left; }

	#titlebardiv2 { position: relative; width: 100%; padding: 10px; background-color: #f4f4f4; text-align: center; }
	#titlebardiv2 div { min-height: 1px; }
	#titlebardiv2 .green { float: left; width: 10%; }
	#titlebardiv2 .skyblue1 { float: left; width: 20%; }
	#titlebardiv2 .skyblue2 { float: left; width: 60%; }
	#titlebardiv2 .skyblue3 { float: left; width: 10%; }
	#titlebardiv2 .skyblue4 { float: left; width: 90%; padding: 0 5% 0 0; }
	#titlebardiv2 .comment_write input[name="name"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	#titlebardiv2 .comment_write input[name="pw"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	#titlebardiv2 .comment_write input[name="contents_input"] { width: 80%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; }
	#titlebardiv2 .skyblue { float: left; }

	.datadiv { position: relative; width: 100%; padding: 10px 0; border-bottom: solid 1px #d0d0d0; }
	.datadiv div { min-height: 1px; }
	.datadiv .txtdiv1 { float: left; width: 10%; text-align: center; }
	.datadiv .txtdiv2 { float: left; width: 20%; text-align: center; }
	.datadiv .txtdiv3 { float: left; width: 60%; text-align: left; }
	.datadiv .txtdiv3_1 { float: left; width: 50%; text-align: left; }
	.datadiv .txtdiv4 { float: left; width: 10%; text-align: center; }
	.datadiv .txtdiv10 { float: left; width: 10%; text-align: center; }
	.datadiv .txtdiv20 { float: left; width: 20%; text-align: center; }
	.datadiv .txtdiv30 { float: left; width: 30%; text-align: center; }
	.datadiv .txtdiv { float: left; min-height: 1px; text-align: center; }
	.datadiv .txtdiv_f { width: 100%; text-align: center; }

	.viewdiv { position: relative; width: 100%; padding: 8px 0; border-bottom: solid 1px #d0d0d0; }
	.viewdiv div { min-height: 1px; }
	.viewdiv .txtdiv1 { float: left; width: 10%; text-align: right; }
	.viewdiv .txtdiv2 { float: left; width: 1%; }
	.viewdiv .txtdiv3 { float: left; width: 89%; }
	.viewdiv .txtdiv3_100 { float: left; width: 100%; }
	.viewdiv .txtdiv3 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv3 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv3 textarea { width: 95%; height: 250px; border: 1px solid #C0C4CB; ime-mode: active; }
	.viewdiv .txtdiv3 .register { width: 100%; text-align: center; }
	.viewdiv .txtdiv3 .register tr td { border: 1px solid #c8c8c8; padding: 5px 0; }
	.viewdiv .txtdiv4 { float: left; width: 89%; }
	.viewdiv .txtdiv5 { float: left; width: 3%; }
	.viewdiv .txtdiv6 { float: left; width: 20%; }
	.viewdiv .txtdiv6 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv6 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv7 { float: left; width: 14%; }
	.viewdiv .txtdiv7 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv7 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv8 { float: left; width: 22.33333333333333%; }
	.viewdiv .txtdiv8 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv8 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv8 select { border: 1px solid #C0C4CB; padding: 3px 0 2px; }
	.viewdiv .txtdiv9 { float: left; width: 39%; }
	.viewdiv .txtdiv9 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv9 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv9 select { border: 1px solid #C0C4CB; padding: 3px 0 2px; }
	.viewdiv .txtdiv10 { float: left; width: 89%; }
	.viewdiv .txtdiv10 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv10 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv11 { float: left; width: 89%; }
	.viewdiv .txtdiv11 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewdiv .txtdiv11 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewdiv .txtdiv12 { float: left; width: 5%; text-align: right; }
	.viewdiv .width50 { width: 50%;}

	.viewcontentsdiv { position: relative; width: 100%; padding: 8px 0; border-bottom: solid 1px #d0d0d0; }
	.viewcontentsdiv div { min-height: 1px; }
	.viewcontentsdiv .txtdiv1 { float: left; width: 10%; text-align: right; }
	.viewcontentsdiv .txtdiv1 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
	.viewcontentsdiv .txtdiv1 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
	.viewcontentsdiv .txtdiv2 { float: left; width: 1%; }
	.viewcontentsdiv .txtdiv3 { float: left; width: 89%; }
	.viewcontentsdiv .txtdiv3 textarea { width: 95%; height: 400px; border: 1px solid #C0C4CB; padding: 10px; ime-mode: active; }
	.viewcontentsdiv .txtdiv3 img { max-width: 100%; }
	.viewcontentsdiv .txtdiv5 { float: left; width: 100%; padding: 30px 7%; }
	.viewcontentsdiv .txtdiv5 img { max-width: 100%; }
	.viewcontentsdiv .txtdiv6 { width: 100%; padding: 10px 2%; }
	.viewcontentsdiv .txtdiv6 textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; }
	.viewcontentsdiv .txtdiv7 { float: left; width: 89%; }
	.viewcontentsdiv .txtdiv7 textarea { width: 95%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; }
	.viewcontentsdiv .like { position: relative; width: 100%; padding: 22px 0; }
	.viewcontentsdiv .like .icon { position: relative; float: left; width: 23%; padding-left: 1.2%; text-align: right; }
	.viewcontentsdiv .like .text { position: relative; float: left; width: 14%; padding: 25px 0 0 0; font-size: 0.75em; font-family: 굴림,Gulim; color: #525457; }
	.viewcontentsdiv .like .list { position: relative; float: left; width: 63%; }
	.viewcontentsdiv .like .list span { display: inline-block; width: 56px; height: 56px; margin: 0 10px 0 0; border: solid 1px #e5e5e5; webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
	.viewcontentsdiv .txtdiv4 { float: left; width: 100%; }
	.viewcontentsdiv .txtdiv4 textarea { width: 99.5%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; ime-mode: active; }
	.viewcontentsdiv .txtdiv4 img { max-width: 100%; }

	.comment_div { position: relative; width: 100%; padding: 8px 0; border-bottom: 1px dashed #8f8f8f; }
	.comment_div div { min-height: 1px; }
	.comment_div .txtdiv1 { float: left; width: 10%; text-align: center; }
	.comment_div .txtdiv2 { float: left; width: 1%; }
	.comment_div .txtdiv3 { float: left; width: 89%; }
	.comment_div .txtdiv3 img { max-width: 100%; }

	.con_div .pagediv { padding: 40px 0; }
	.con_div .pagediv .left { float: left; width: 20%; min-height: 1px; }
	.con_div .pagediv .pageno { float: left; width: 60%; min-height: 1px; font-size: 0.75em; text-align: center; }
	.con_div .pagediv .pageno a { display: inline-block; min-width: 30px; height: 30px; padding: 5px 3px 0; border: solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.con_div .pagediv .pageno .nowpage { background-color: #555555; color: #ffffff; border: solid 1px #555555; }
	.con_div .pagediv .right { float: left; width: 20%; min-height: 1px; }
	.con_div .pagediv:after { clear: both; display: block; content:''; }

	.sns_bu { width: 35px; }
	.noborder { border: 0; }



	.no_bg { background: none !important; }
	.bg_white { background-color: #ffffff !important; }
	.bg_blue1 { background-color: #5b6f88 !important; }
	.bg_green1 { background-color: #6b8761 !important; }
	.bg_yellow1 { background-color: #ff6600 !important; }
	.bg_brown1 { background-color: #b19e9a !important; }
	.bg_purple1 { background-color: #a69ab2 !important; }
	.bg_pink1 { background-color: #c06380 !important; }
	.bg_gray1 { background-color: #6b7785 !important; }
	.bg_emerald1 { background-color: #2c828f !important; }

	.bg_apricot1 { background-color: #fcefdf !important; }
	.bg_gray2 { background-color: #edeff2 !important; }

	.font8 { font-size: 0.5em; }
	.font12 { font-size: 0.75em; }
	.font14 { font-size: 0.875em; }
	.font15 { font-size: 0.938em; }
	.font16 { font-size: 1em; }
	.font18 { font-size: 1.125em; }
	.font20 { font-size: 1.25em; }
	.font24 { font-size: 1.5em; }
	.font40 { font-size: 2.5em; }
	.font48 { font-size: 3em; }
	.font_white { color: #ffffff; }
	.font_basic { color: #3b3b3b; }
	.font_orange1 { color: #ff9d00; }
	.font_yellow1 { color: #ff6000; }

	.fontbold { font-weight: bold; }
	.font_gulim { font-family: 굴림, Gulim; }
	.lineheight160 { line-height: 160%; }
	.lineheight200 { line-height: 200%; }
	.lineheight250 { line-height: 250%; }
	.padding_top10 { padding-top: 10px; }
	.padding_top20 { padding-top: 20px; }
	.padding_top30 { padding-top: 30px; }
	.padding_top40 { padding-top: 40px; }
	.padding_top50 { padding-top: 50px; }
	.padding_top60 { padding-top: 60px; }
	.padding_top70 { padding-top: 70px; }
	.padding_top80 { padding-top: 80px; }
	.padding_top100 { padding-top: 100px; }
	.padding_top120 { padding-top: 120px; }
	.padding_top130 { padding-top: 130px; }
	.padding_top150 { padding-top: 150px; }
	.padding_bottom10 { padding-bottom: 10px; }
	.padding_bottom20 { padding-bottom: 20px; }
	.padding_bottom30 { padding-bottom: 30px; }
	.padding_bottom40 { padding-bottom: 40px; }
	.padding_bottom60 { padding-bottom: 60px; }
	.padding_bottom70 { padding-bottom: 70px; }
	.padding_bottom80 { padding-bottom: 80px; }
	.padding_bottom90 { padding-bottom: 90px; }
	.padding_bottom100 { padding-bottom: 100px; }
	.padding_bottom120 { padding-bottom: 120px; }
	.padding5_10 { padding: 5px 10px; }
	.nopadding { padding: 0 !important; }
	.con_div .alignleft { text-align: left; }
	.con_div .aligncenter { text-align: center; }
	.con_div .alignright { text-align: right; }
	.con_div .underline1 { border-bottom: solid 1px #7f7f7f; }
	.con_div .boxline { border: solid 1px #7f7f7f; }
	.con_div .w10p { width: 10%; margin: 0 auto; }
	.con_div .w50p { width: 50%; margin: 0 auto; }
	.con_div .w60p { width: 60%; margin: 0 auto; }
	.con_div .w70p { width: 70%; margin: 0 auto; }
	.con_div .w80p { width: 80%; margin: 0 auto; }
	.con_div .w95p { width: 95%; margin: 0 auto; }
	.con_div .width10 { width: 10% !important; max-width: 100px !important; }
	.con_div .width20 { width: 20% !important; max-width: 200px !important; }
	.con_div .width50 { width: 50% !important; max-width: 500px !important; }
	.con_div .width80 { width: 80% !important; max-width: 800px !important; }
	.con_div .width100 { width: 100% !important; }
	.con_div .ipt20 { width: 20% !important; }
	.con_div .ipt50 { width: 50% !important; }
	.max_width_2000 { max-width: 2000px; margin: 0 auto; }



	.bbs_button1 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #836b4e;
		text-align: center;
		color: #ffffff;
		padding: 3px 20px 2px;
	}

	.bbs_button2 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #836b4e;
		text-align: center;
		color: #ffffff;
		padding: 3px 15px 2px;
	}

	.bbs_button3 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #836b4e;
		text-align: center;
		color: #ffffff;
		padding: 1px 70px 0px;
	}

	.bbs_button4 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #836b4e;
		text-align: center;
		color: #ffffff;
		padding: 1px 10px 0px;
	}

	.bbs_button5 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #ff7900;
		text-align: center;
		line-height: 100%;
		font-size: 0.875em;
		color: #ffffff;
		padding: 5px 8px 5px;
	}

	.bbs_button6 {
		display: inline-block;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #797979;
		text-align: center;
		line-height: 100%;
		font-size: 0.875em;
		color: #ffffff;
		padding: 5px 8px 5px;
	}

	.bbs_button_big1 {
		display: inline-block;
		text-decoration: none;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		background: #bfae7c;
		text-align: center;
		font-size: 1.5em;
		color: #ffffff;
		padding: 15px 60px;
	}



	/* 하단 */
	#bottom_link { padding: 57px 0 52px; text-align: center; }
	#footer_div { position: relative; width: 100%; background: #e5e8ea; z-index:10; }
	#footer { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 75px 0; color: #65696b; font-size: 0.815em; letter-spacing: -0.3px; text-align: center; font-weight: 500; z-index:10; }
	#footer a { color: #65696b; }

@media (max-width:1199px) {
	#bottom_link { padding: 30px 0 30px; }
	#footer { padding: 40px 20px; }
}
@media (max-width:768px) {
	#bottom_link { padding: 20px 0 20px; }
	#footer { padding: 20px 10px; font-size: 0.75em; }

}


	/* 팝업윈도우 */
	#wrap_popup { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1; }
	#main_popup { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; z-index: 10; }



	/* 위로 버튼 */
	.back_to_top { display: none; position: fixed; bottom: 40px; right: 5%; z-index: 1000; }