@charset "utf-8";

/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 공통 css 파일로, 패치이슈가 있음으로
	별도의 커스텀은 반드시 " /css/sub.css " 에서 하세요.

	** layout, navigation, button, company 관련은 /css/sub.css 에 있습니다.
	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/








/*───────────────────────────────────────────────────────────
	common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		html, body, #wrap {min-height:100%;padding:0px;margin:0;box-sizing:border-box;}
		body {overflow-x:hidden;}
		div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
		b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}
		input, button, textarea, select {}
		address, em {font-style:normal;}

		/* clear type */
		.clear, .after_div {*zoom:1;}
		.clear:after, .after_div:after {content:"";display:block;clear:both;}
		.fl {float:left;}
		.fr {float:right;}
		.clear_fl {clear:both;float:left;}

		/* display type */
		.db {display:block !important;}
		.dn {display:none !important;}
		.di {display:inline-block !important;}
		.dt {display:table !important;}
		.dr {display:table-row !important;}
		.dc {display:table-cell !important;}

		/* hidden type */
		.blind {width:0;height:0;text-indent:-9999999px}
		.opacityhidden {opacity:0;}

		/* position type */
		.relative {position:relative;}
		.absolute {position:absolute;}

		/*** align type ***/
		.ta_left {text-align:left !important;}
		.ta_center {text-align:center !important;}
		.ta_right {text-align:right !important;}
		.va_top {vertical-align:top !important;}
		.va_middle {vertical-align:middle !important;}
		.va_bottom {vertical-align:bottom !important;}

		/* etc basic */
		.border_box {box-sizing:border-box;}
		.ti_0 {text-indent:0 !important;}

		/* border type */
		.bd_none {border:0 none !important;}
		.border_top_non {border-top:0 none !important;}
		.border_rig_non {border-right:0 none !important;}
		.border_bot_non {border-bottom:0 none !important;}
		.border_left_non {border-left:0 none !important;}

		/* input type  */
		input[type="text"],
		input[type="password"],
		input[type="number"],
		input[type="date"] {height:30px;line-height:28px;border:1px #d3d3d3 solid;color:#555;font-size:12px;padding:0 8px;text-indent:0;border-radius:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;}
		input[type="text"]::-webkit-input-placeholder {color:#999;}
		input[type="password"]::-webkit-input-placeholder {color:#999;}
		input[type="text"]::-moz-placeholder {color:#999;}
		input[type="password"]::-moz-placeholder {color:#999;}
		input[type="text"]:-ms-input-placeholder {color:#999;}
		input[type="password"]:-ms-input-placeholder {color:#999;}
		input[type="text"]:-moz-placeholder {color:#999;}
		input[type="password"]:-moz-placeholder {color:#999;}
		input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color: #555;font-size:inherit;}
		input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

		input[type="checkbox"] { display:none; }
		input[type="checkbox"] + label {cursor:pointer;}
		input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:25px; height:25px; margin:-2px 13px 0 0; vertical-align:middle; background:url("../images/sub/chk_off.png") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
		input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/sub/chk_on.png") no-repeat 0 50%;background-size:auto 100%;}

		input[type="radio"] { display:none; }
		input[type="radio"] + label {cursor:pointer;}
		input[type="radio"] + label:before, input[type="radio"] + label::before { display:inline-block; content:""; width:13px; height:13px; margin:-2px 5px 0 20px; vertical-align:middle; background:url(../../../../lib/images/icon_input_radio.png) left top no-repeat; cursor:pointer; }
		input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url(../../../../lib/images/icon_input_radio_on.png) left top no-repeat; }
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}

		/* button type */
		button {outline:0;box-sizing:border-box;}

		/* textarea type */
		textarea {font-size:12px;line-height:20px;color:#555;border:1px solid #d3d3d3;border-radius:0;padding:5px 10px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;}

		

		/* skip menu - outline/header */
		.skip_nav {position:absolute !important;left:-9999px;top:0;z-index:9999;}
		.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
		.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}


		/* device */
		.for_pc {display:inline-block;}
		.for_t {display:none;}
		.for_m {display:none;}

	@media only screen and (max-width:1200px) {
		body {width:100%; height:auto; -webkit-overflow-scrolling:touch;}
		#wrap {position:relative;width:100%;height:100%;-webkit-overflow-scrolling:touch;}

	
	}
	@media only screen and (max-width:1024px) {
		/* device */
		.for_t {display:inline-block;}
		.for_pc {display:none;}
		.for_m {display:none;}

	

	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
	
	}
	@media only screen and (max-width:640px) {
		/* device */
		.for_m {display:inline-block;}
		.for_pc {display:none;}
		.for_t {display:none;}

	
	}
	


/*───────────────────────────────────────────────────────────
	 ERRORS｜errors/index
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.error_cont {position:relative; min-height:900px; background:url("../images/sub/error_bg.gif") repeat-x left top;}
		.error_cont .error_form {position:absolute; left:50%; top:123px; margin-left:-450px; width:910px; height:610px; background:url("../images/sub/error_form_bg.png") no-repeat left top; text-align:center;}
		.error_cont .error_form h2 {color:#333; font-size:20px; font-weight:700; font-family:'Nanum Gothic',dotum,sans-serif !important; padding:296px 0 10px;}
		.error_cont .error_form p {color:#777; font-size:14px; font-weight:400; line-height:22px; font-family:'Nanum Gothic',dotum,sans-serif !important;}
		.error_cont .error_form h5 {width:156px; height:44px; border:2px solid #333; background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center; margin:38px auto 0;}
		.error_cont .error_form h5 a {display:block; width:100%; height:44px; line-height:44px; color:#333; font-size:17px; font-weight:700; font-family:'Nanum Gothic',dotum,sans-serif !important; text-align:left; text-indent:38px;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1024px) {

	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {

	}
	@media only screen and (max-width:479px) {

	}

/*───────────────────────────────────────────────────────────
	 BOARD
───────────────────────────────────────────────────────────*/
	/*** 갤러리형 | layout/goods/gallery.html ***/
		/* 갤러리 고정글 */
		.gallery_notice {border-top:1px solid #333;margin:0 0 50px;}
		.gallery_notice li {padding:15px 30px;box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #d3d3d3;font-size:0;position:relative;}
		.gallery_notice li + li {}
		.gallery_notice li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		.gallery_notice li .thumb,
		.gallery_notice li .txt_info {display:inline-block;vertical-align:middle;}
		.gallery_notice li .thumb {width:145px;height: 100px;overflow: hidden;position: relative;}
		.gallery_notice li .thumb img {width:100%;height: auto;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		.gallery_notice li .txt_info {width:calc(100% - 145px);padding-left:25px;box-sizing:border-box;}
		.gallery_notice li .txt_info b {font-size:15px;color:#eb3949;line-height:1;margin-bottom:5px;display:block;}
		.gallery_notice li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;}
		.gallery_notice li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
		.gallery_notice li .txt_info .board_tit .board_ico,
		.gallery_notice li .txt_info .board_tit img,
		.gallery_notice li .txt_info .board_tit h3 {display: inline;vertical-align: top;}
		.gallery_notice li .txt_info .board_tit h3 .board_ico {}
		.gallery_notice li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		.gallery_notice li .txt_info .board_tit h3 {max-width: calc(100% - 80px);width: auto;}
		.gallery_notice li .txt_info .board_tit h3 strong {display: inline;vertical-align: top;max-width: 100%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
		.gallery_notice li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:10px 0 0;}
		.gallery_notice li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
		/* 리스트 */
		.sub_board ul.bbs_gallery {margin-left:0px;padding:17px 0 0 0;}
		.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
		ul.bbs_gallery li {float:left;width: calc(25% - 9px); margin:0 12px 2.4% 0;position:relative;}
		ul.bbs_gallery li:nth-of-type(4n) {margin-right:0px;}
		ul.bbs_gallery li:nth-of-type(4n+1) {clear:both;}
		ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		ul.bbs_gallery_top {padding:0 0 0 0;}
		ul.bbs_gallery li .thumb {text-align:center;width:100%;padding:0 0 70%;height:0;position: relative;border:1px solid #d3d3d3;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
		ul.bbs_gallery li .thumb a {vertical-align:top;}
		ul.bbs_gallery li .thumb img {width: 100%;height: auto;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		ul.bbs_gallery li .txt_info {padding:5px 0 0;}
		ul.bbs_gallery li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;text-align: center;}
		ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 14px;color: #333333;font-weight: 600;}
		ul.bbs_gallery li .txt_info .board_tit .board_ico,
		ul.bbs_gallery li .txt_info .board_tit img,
		ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
		ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
		ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
		ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
		ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display: inline-block;}
		ul.bbs_gallery li p {display:block;font-size: 13px;color: #666;line-height:19px;margin:0;text-align: center;}
		ul.bbs_gallery li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
		ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}

		.bbs_no_data {padding:1.2%;font-size:13px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}

	/*** 게시글 비번 입력 layout/board/board_secret.html ***/
		.sub_pw_input {max-width:1058px; margin:0 auto; border:10px solid #eee; outline:1px solid #ddd;}
		.sub_pw_input .ok_box {max-width:1000px; margin:0 auto; padding:70px 0; font-family: 'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;text-align:center;}
		.sub_pw_input .ok_box h2 {padding-bottom:20px; font-size:16px; font-weight:500; color:#333;}
		.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
		.sub_pw_input .ok_box div.input_box input {width:200px;height:30px; padding:5px 10px; border:1px solid #aaa;}
		.sub_pw_input .ok_box a.ok_bt {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#222222; border:1px solid #222222; text-align:center; line-height:40px; color:#fff; font-weight:500;}
		/* 게시판 비번 */
		.password_popup {text-align:center;}
		.password_popup p {color:#888; padding:40px 0 10px 0;}
		.password_popup h2 {}
		.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
		.password_popup h3 {padding-top:15px;}

	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		/*** 갤러리형 | layout/goods/gallery.html ***/
		ul.bbs_gallery li {width: calc(33.32% - 8px);margin:0 12px 3.6% 0;}
		ul.bbs_gallery li:nth-child(4n) {margin-right:12px;}
		ul.bbs_gallery li:nth-child(4n+1) {clear:inherit;float:left;}
		ul.bbs_gallery li:nth-child(3n) {margin-right:0px;}
		ul.bbs_gallery li:nth-child(3n+1) {clear:both;float:left;}
	}
	@media only screen and (max-width:860px) {
		/*** 갤러리형 | layout/goods/gallery.html ***/
		ul.bbs_gallery li {margin:0 12px 3.6% 0;}
		.bbs_no_data {padding:1.6%;}

		/* 갤러리 고정글 */
		.gallery_notice li {padding:10px 15px;}
		.gallery_notice li .thumb {width:100px;height:80px;}
		.gallery_notice li .txt_info {width:calc(100% - 100px);}
		.gallery_notice li .txt_info .board_tit .board_ico {display:block;}
		.sub_board .gallery_notice li .txt_info {padding-left:15px;}
		.sub_board .gallery_notice li .txt_info b {font-size: 12px;margin-bottom:5px;}
		.sub_board .gallery_notice li .txt_info .board_tit {line-height: 20px;}
		.sub_board .gallery_notice li .txt_info .board_tit h3 {font-size: 13px;}
		.sub_board .gallery_notice li p {display:block;font-size: 12px;font-weight:100;line-height:19px;margin: 5px 0 0;}
		.sub_board .gallery_notice li p span {height:9px;margin:6px 8px 0 8px;}


	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		/*** 갤러리형 | layout/goods/gallery.html ***/
		ul.bbs_gallery li {width: calc(50% - 6px);margin:0 12px 4.8% 0;}
		ul.bbs_gallery li:nth-child(4n) {margin-right:12px;}
		ul.bbs_gallery li:nth-child(4n+1) {clear:inherit;float:left;}
		ul.bbs_gallery li:nth-child(3n) {margin-right:12px;}
		ul.bbs_gallery li:nth-child(3n+1) {clear:inherit;float:left;}
		ul.bbs_gallery li:nth-child(2n) {margin-right:0;}
		ul.bbs_gallery li:nth-child(2n+1) {clear:both;float:left;}
		ul.bbs_gallery li .txt_info {padding-top:8px;}
		ul.bbs_gallery li .txt_info h3 {font-size:13px;}
		ul.bbs_gallery li .txt_info p {padding-top:6px;font-size:12px;}
	}
	@media only screen and (max-width:479px) {
		/*** 갤러리형 | layout/goods/gallery.html ***/
		ul.bbs_gallery li {width: calc(100%);margin:0 0px 5.2% 0;}
		ul.bbs_gallery li:nth-child(3n) {margin-right:0px;}
		ul.bbs_gallery li:nth-child(3n+1) {clear:inherit;float:left;}
		ul.bbs_gallery li:nth-child(2n) {margin-right:0;}
		ul.bbs_gallery li:nth-child(2n+1) {clear:both;float:left;}
		.bbs_no_data {padding:2.4%;}
	}

/*───────────────────────────────────────────────────────────
	 MEMBER
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/*** 로그인 | member/login.html ***/
		.sub_login {}
		.sub_login .login_box {width:420px; margin:0 auto; padding:0}
		.sub_login .login_box h3,
		h3.sub_log_title {padding-bottom:25px;color:#888;font-size:16px;line-height:21px;text-align:center;font-weight:400;letter-spacing:-0.04em;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_login .login_box h3 em,
		h3.sub_log_title em {color:#333;font-size:36px;line-height:44px;padding:0 0 6px 0;display:inline-block;width:100%;letter-spacing:0;font-weight:700;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_login .login_box ul {}
		.sub_login .login_box ul li {padding-bottom:2.4%;}
		.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:500;}
		.sub_login .login_box ul li:last-of-type {padding-top:2.4%;}
		.sub_login .login_box ul li button[type="submit"] {font-weight:700;font-size:17px;letter-spacing:0.02em;height:50px;line-height:50px;font-family:'Open Sans','Nanum Gothic',dotum,sans-serif;}
		.sub_login .login_box ul.login_link {border-top:1px solid #cccccc; width:100%; margin-top:7%; text-align:center; height:20px; line-height:20px; padding-top:3.6%;}
		.sub_login .login_box ul.login_link li {display:inline-block; padding:0 25px 0 0;}
		.sub_login .login_box ul.login_link li + li:before {display:inline-block;content:"";width:1px;height:12px;background:#ddd;vertical-align:middle;margin-right:25px;}
		.sub_login .login_box ul.login_link li a {color:#999999; font-size:14px; font-weight:500;}
		.sub_login .login_box ul.login_link li.first {background:none;}

		/*** 회원가입동의 | member/join_agreement.html ***/
		.sub_agree {}
		.sub_agree .agree_box {text-align:left;}
		.sub_agree .line {margin-bottom:3.6%; padding-bottom:3.6%; border-bottom:2px solid #eeeeee;}
		.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:12px; color:#666666; width:100%; height:180px; font-weight:400; line-height:22px; padding:2% 12px;box-sizing:border-box;}
		.sub_agree .agree_box p {color:#333333;padding-top:1.6%;}

		/*** 회원가입 | member/join.html ***/
		h3.join_tit {font-size:18px; color:#222222; font-weight:500; text-align:left; padding-bottom:12px;}
		h3.join_tit.pt20 {padding-top:20px;}
		.sub_memberout {}
		.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

		/*** 회원가입 완료 | member/join_ok.html ***/
		.sub_ok {max-width:100%;box-sizing:border-box; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
		.sub_ok .ok_box {width:100%;box-sizing:border-box; margin:0 auto; padding:6% 0;text-align:center;}
		.sub_ok .ok_box h3 {padding-bottom:1.4%; font-size:36px; font-weight:700; color:#333;word-break:keep-all;}
		.sub_ok .ok_box h4 {padding-bottom:2.8%; font-size:16px; color:#777; line-height:26px; font-weight:500;word-break:keep-all;}
		.sub_ok .ok_box h4 span {color:#222222; font-weight:500;}
		.sub_ok .ok_box .login_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#222222; border:1px solid #222222; text-align:center; line-height:40px; color:#fff; font-weight:500;}

		/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login.add {}
		.sub_login.add .login_box {width:100%;}
		.sub_login.add .login_box h2 {color:#282828; font-size:23px; font-weight:500; line-height:32px;}
		.sub_login.add .login_box h2 span {color:#222222; font-size:23px; font-weight:500;}
		.sub_login.add .login_box table.bbs_write {}
		.sub_login.add .login_box table.bbs_write caption {text-indent:0;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;height: auto;}
		.sub_login.add .login_box table.bbs_write caption span {color:#444; font-size:14px; font-weight:500;}
		.sub_login.add .login_box table.bbs_write input {max-width:200px;}
		.sub_login.add .login_box .btn_center {}
		.sub_login.add .login_box .btn_center button {width:160px;}
		.sub_login.add .login_box .btn_center button.gray {margin-left:16px; background:#999; border:1px solid #999;}


	@media only screen and (max-width:1200px) {
		/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login .login_box h3 em, h3.sub_log_title em{font-size:30px;line-height:38px;padding-top:10px;}
		.sub_login .login_box h3, h3.sub_log_title{font-size:13px;font-weight:400;line-height:20px;padding-top:0px;word-break:keep-all;}

		/*** 회원가입동의 | member/join_agreement.html ***/
		.sub_agree .line {margin-bottom:0; padding-bottom:3.2%; border-bottom:0 none;}
		.sub_agree .agree_box textarea {height:160px;line-height:20px;}
		.sub_agree .agree_box p {padding:1.2% 12px; border:1px solid #d3d3d3; border-top:0 none; background-color:#eee; }

		/*** 회원가입 | member/join.html ***/
		.policy_cont > div {margin:0;}

		.sub_memberout {}
		.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}
	}
	@media only screen and (max-width:1024px) {
		/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
		.sub_ok {border-width:16px;}
		.sub_ok .ok_box {padding:6% 12px;}
		.sub_ok .ok_box h3 {font-size:30px;line-height:34px;}
		.sub_ok .ok_box h4 {padding-bottom:4%;font-size:14px;line-height:22px;}
	}
	@media only screen and (max-width:860px) {
		/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
		.sub_ok .ok_box {padding:4% 12px;}
		.sub_ok .ok_box h3 {font-size:26px;}
		.sub_ok .ok_box h4 {padding-bottom:3%;}
	}
	@media only screen and (max-width:767px) {
		/*** 회원가입동의 | member/join_agreement.html ***/
		.sub_agree .line {padding-bottom:6.4%;}

		/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login.add .login_box table.bbs_write caption {font-size:13px;}

		/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
		.sub_ok {border-width:12px;}	
	}
	@media only screen and (max-width:640px) {
		/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
		.sub_ok {border-width:8px;}
		.sub_ok .ok_box {padding:6% 12px;}
		.sub_ok .ok_box h3 {font-size:22px;line-height:30px;}
		.sub_ok .ok_box h4 {padding-bottom:6%;font-size:13px;line-height:21px;}
	}
	@media only screen and (max-width:479px) {
		/*** 로그인 | member/login.html ***/
		.sub_login {}
		.sub_login .login_box {width:100%;}
		.sub_login .login_box ul li {padding-bottom:0;}
		.sub_login .login_box ul li input {padding:0 10px; width:100%; height:48px; border:1px solid #cccccc; border-top:0 none;}
		.sub_login .login_box ul li:nth-of-type(1) input {border-top:1px solid #cccccc;}
		.sub_login .login_box ul li:last-of-type {padding-top:3.2%;}
		.sub_login .login_box ul.login_link {border-top:0 none; width:100%; margin-top:0; text-align:center; height:auto; line-height:20px; padding-top:3.2%; font-size:0px;}
		.sub_login .login_box ul.login_link li {display:inline-block; width:32%;margin-right:2%;padding:0 0 0 0;}
		.sub_login .login_box ul.login_link li:last-of-type {margin:0 0 0 0;}
		.sub_login .login_box ul.login_link li + li:before {display:none;}
		.sub_login .login_box ul.login_link li a {display:block; background:#eeeeee; border:1px solid #dadada; width:100%; height:49px; font-size:15px; color:#666; font-weight:600; line-height:47px; text-align:center; box-sizing:border-box;}
		
		/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
		.sub_login.add .login_box table.bbs_write caption {font-size:12px;}

		/*** 회원가입동의 | member/join_agreement.html ***/
		.sub_agree .line {padding-bottom:8.0%;}
		.sub_agree .agree_box textarea {height:156px;line-height:18px;}
		.sub_agree .agree_box p {padding:2.4% 12px;}
	}


/*───────────────────────────────────────────────────────────
	 SERVICE | service/agreement.html | service/usepolicy.html
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.service_usepolicy .sub_agree h3 {font-size:22px;color:#333;margin:50px 0 20px;}
		.service_usepolicy .sub_agree h3:before {content:'-';display:inline-block;margin:0 5px 0 0;}
		.member_agree {font-size:13px; line-height:23px; padding:0x;text-align:left;}
		.member_agree .agree_box_con {font-size:inherit;line-height:inherit;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1024px) {

	}
	@media only screen and (max-width:860px) {
		.service_usepolicy .sub_agree h3 {font-size:15px;margin:40px 0 15px;}

	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {

	}
	@media only screen and (max-width:479px) {

	}


/*───────────────────────────────────────────────────────────
	 POPUP
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* layer-popup */
		.layer-popup {font-size:12px;background:#fff;border:1px #000 solid;position:absolute;transform:none;}
		.layer-popup.layer_pc {}
		.layer-popup.layer_t {}
		.layer-popup.layer_m {left:50%;min-height:auto;transform:translate(-50%, 0)}
		.layer-popup h4 {font-size:12px;font-weight:700 !important;line-height:18px;padding:3px 12px;box-sizing:border-box;text-align:left;}
		.pop_content {margin:0;padding:0;}
		.pop_content img, .pop_content table, .pop_content div {max-width:100%;max-height:100%;}
		.layer-popup .pop_closed {text-align:right;padding:4px 12px;box-sizing:border-box;line-height:20px;font-size:12px;vertical-align:middle;}
		.layer-popup .pop_closed input[type="checkbox"] {}
		.layer-popup .pop_closed input[type="checkbox"] + label {font-size:12px;}
		.layer-popup .pop_closed a {vertical-align:top;display:inline-block;line-height:20px;margin-left:12px;position:relative;z-index:1;width:20px;height:20px;font-size:0;}
		.layer-popup .pop_closed a:before,
		.layer-popup .pop_closed a:after {display:inline-block;content:"";width:24px;height:1px;background:#000;position:absolute;left:0;top:50%;}
		.layer-popup .pop_closed a:before {transform:rotate(45deg) }
		.layer-popup .pop_closed a:after {transform:rotate(-45deg) }