/* */

/* iPads (landscape)  */
@media only screen
and (min-width : 0px)  
and (max-width : 500px) {  

.for_m {display:inline;}
.for_pc, .for_t {display:none;}
.for_t_dn {display:block;}
.w_set {width:93.75%;margin:0 auto;}/* 3.125% */


.bxslider .m {
	display:block;
}
.bxslider .p,
.bxslider .t {
	display:none;
}


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

	 HEADER | outline/header.html, outline/nav.html

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

#header {
	position:static;
	width:100%;
}
#header .hd_sec01 {
	display:none;
}
.mobile_header {
	display:block !important;
	position:static;
	width:100%;
	height:50px;
}
.mobile_header #logo {
	display:inline-block;
	width:120px;
	height:22px;
	background:url(/image/logo_m.png) no-repeat;
	background-size:auto 100%;
	margin-top:14px;
	margin-left:15px;
}
.mobile_header #logo a {
	display:block;
	width:100%;
	height:30px;
}

.mobile_header #mobileMenu {
	position:absolute;
	top:17px;
	right:15px;
	width:21px;
	height:16px;
	background:url(/image/icon_menu_t.png) no-repeat;
	background-size:21px 16px;
}


/* Mobile Slide */
.mobile_slide {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:76%;
	min-height:100%;
	max-width:520px;
	z-index:100;
	background-color:#fff;
	display:none;
	width:76%;
	height:100%;
	z-index:1000;
}
.mobile_slide.on {
	display:table !important;
}
.mobile_slide .nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
}
.mobile_slide .nav li {
	display:inline-block;
	max-width:80px;
	line-height:50px;
	text-align:center;
	float:left;
	margin-left:18px;
}
.mobile_slide .nav a {
	display:block;
	font-size:13px;
	font-weight:400;
	color:#888;	
}
.mobile_slide .nav a:hover {
	color:#333;
}
.mobile_slide .nav .btn_back {
	position:absolute;
	top:50%;
	right:15px;
	width:18px;
	height:11px;
	margin-top:-5px;
	background:url(/image/icon_arr_back_m.png) no-repeat center left;
	background-size:18px 11px;
}

.mobile_slide .slide_cate {
	display:table-cell;
	vertical-align:middle;
}
.mobile_slide .slide_cate ul {}
.mobile_slide .slide_cate ul li {
	text-align:center;
	line-height:50px;
	border-top:solid 1px #ccc;
	margin:0 15px;
}
.mobile_slide .slide_cate ul li:first-child {
	border:0;
}
.mobile_slide .slide_cate ul li a {
	display:block;
	font-size:15px;
	color:#333;
}
.mobile_slide .slide_cate ul li a:hover {
	background:none;
}
.slide_foot {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;	
}
.slide_foot ul {
	display:table;
	width:100%;
}
.slide_foot li {
	display:table-cell;
	width:33%;
	background-color:#076ca5;
	text-align:center;
	vertical-align:middle;
}
.slide_foot li:first-child:after {
	content:none;
}
.slide_foot li a {
	position:relative;
	display:block;
	height:50px;
	line-height:50px;
	font-size:13px;
	color:#fff;
	letter-spacing:0.020em;
}
.slide_foot li a:after {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-5px;
	width:1px;
	height:10px;
	background-color:#fbc176;
}
.slide_foot li:nth-child(1) a:after {
	display:none;
}

.mask {position:fixed;left:0;top:0;background: rgba(0, 0, 0, 0.45);width:100%;height:100%;text-align:center;display:none;z-index:200;}
.mask.on {display:block;}



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

	 FOOTER | outline/footer.html

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

#footer {
	position:static;
	width:100%;
	padding:0 !important;
}
#footer address {
	display:block;
	padding:20px 15px;
	font-size:12px;
	color:#666;
}
#footer address span {
	background-color:#666;
	margin-bottom:2px;
}
#footer address #copy {
	font-size:12px;
	color:#aaa;
	margin-top:8px;
}

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

	 INDEX | index.html

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


.main_visual {
	position:relative;
	left:0;
	width:100% !important;
	padding:0;
}
.main_visual .bx-controls-direction {
	top:30px;
	left:15px;
}
.main_visual .auto_play {
	top:30px;
	left:48px;
}
.main_visual .head {
	top:70px;
	left:15px;
	font-size:40px;
	line-height:46px;
}
.main_visual .btn {
	margin-top:15px;
	width:85px;
	height:23px;
	font-size:12px;
	font-weight:400;
	background:url(/image/slide_bnr_line.png) no-repeat left bottom;
	background-size:85px 9px;
	line-height:23px;
}
.main_visual p {
	font-size:18px;
}

.main_visual .bx-viewport li img {
	position:static;
}
.main_on_top {
	position:static;
}
.main_on_top ul {
	overflow:hidden;
}
.main_on_top ul li {
	width:100%;
	padding-top:0;
	background:none;
	float:left;	
}
.main_on_top ul li:hover .ov {
	display:none !important;
}
.main_on_top ul li .mobile {
	display:block;
}
.main_on_top ul li:before,
.main_on_top ul li:after {
	content:none;
}
.main_on_top ul li .tit {
	padding:0 0 0 40px;
	background-size:25px auto !important;
	background-position:center left !important;
	font-size:26px;
	letter-spacing:-0.030em;
	line-height:41px;
	margin-top:5%;
}
.main_on_top ul li .txt {
	font-size:16px;
	color:#fff;
}
.main_on_top ul li img {
	width:100%;
	height:auto;
}


}


@media only screen
and (min-width : 0px)  
and (max-width : 400px) {  
	.main_visual .head {
		top:30px;
		left:15px;
	}
	.main_visual .bx-controls-direction {
		display:none !important;
	}
	.main_visual .auto_play {
		display:none !important;
	}
}


/* 서브는 태블릿과 공유함 */
@media only screen
and (min-width : 0px)  
and (max-width : 1200px) {  

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

	 SUB

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

/* sub 공통 */
body {padding-top:0%;}
.sub_content {padding-bottom:120px;}
.sub_bg {display:none;}
.sub_title {text-align:center;position:relative;padding-bottom:20px;height:112px;padding-top:0;}
.sub_title h1 {font-size:30px;line-height:38px;padding-top:0px;}
ul.submenu + .sub_title h1,
ul.submenu + div .sub_title h1 {padding-top:50px;}
.sub_title h3 {font-size:13px;font-weight:400;line-height:20px;padding-top:0px;word-break:keep-all;}
.sub_title .location {display:none;}

#content_sub {padding:0 4% 50px;}
#content_sub ul.submenu {height:auto;padding-bottom:20px;}
#content_sub ul.submenu + .sub_title {margin-top:-20px;}
#content_sub ul.submenu li {position:relative; display:inline-block; height:26px;text-align:center; padding:10px 6px 5px;}
#content_sub ul.submenu li:first-child {padding-left:6px;margin-left:0;}
#content_sub ul.submenu li:first-child::before {display:none;}
#content_sub ul.submenu li:last-child {padding-right:6px;margin-right:0;}
#content_sub ul.submenu li::before {display:none;}
#content_sub ul.submenu li a {display:inline-block;height:26px;line-height:36px;font-size:16px;padding:0 0 5px;min-width:none;}
#content_sub ul.submenu li a.on::before {bottom:-18px;content:"";display:block;width:12px;height:13px;padding:0;margin:0;background:#000000 url("/image/loc_navi_on.png") no-repeat 50% 50%;background-size:100% 100%;margin-left:-6px;}

/* sub about 
.sub_about_img {width:100%;height:0px;padding-bottom:65%;background:url('../images/sub/mobile/m_about_img.png') no-repeat center center;background-size:100% 100%;}
.sub_about_img:before {width: calc(100% - 20px);height: calc(100% - 20px);}
.sub_about_txt {padding:0 0 30px 0;}
.sub_about_txt .txt01 {text-align:center; color:#000000; font-size:27px; font-weight:600; font-family: 'Noto Sans KR', sans-serif!important; line-height:26px; margin:42px 0 0;}
.sub_about_txt .txt01:before {width:68px;height:2px;margin-left:-34px;}
.sub_about_txt .txt02 {text-align:center; color:#333; font-size:15px; font-weight:500; font-family: 'Noto Sans KR', sans-serif!important; padding:15px 0 20px;}
.sub_about_txt .txt03 {text-align:center; color:#888; font-size:15px; font-weight:400; font-family: 'Noto Sans KR', sans-serif!important; line-height:18px; padding:0 15px; word-break:keep-all;}
.sub_about_btn ul {margin-bottom:30px;}
.sub_about_btn ul li {width:auto;height:auto;}
.sub_about_btn ul li a {display:block;width:auto;height:auto;text-align:center;color:#fff;font-size:13px;font-weight:500;font-family: 'Noto Sans KR', sans-serif!important;padding:10px 35px 10px 15px;text-indent:0;line-height:normal;background:url("../images/sub/mobile/m_icon_arrow.png") no-repeat 80% center;background-size:11px 8px;}
.sub_about_list li {width:50%;height:180px;}
.sub_about_list li:nth-of-type(1),
.sub_about_list li:nth-of-type(3) {border-left:0;}
.sub_about_list li:nth-of-type(1),
.sub_about_list li:nth-of-type(2) {border-bottom:1px solid #cccccc;}
.sub_about_list li p.large {padding-top:92px;color:#333333;font-size:17px;}
.sub_about_list li p.small {display:none;font-size:15px;color:#777777;line-height:18px;}
.sub_about_list li p.small.for_m {display:block;}
.sub_about_list li:after {top:25px;z-index:2;}
.sub_about_list li:before {display:block;position:absolute;top:26px;left:50%;z-index:1;content:'';}
.sub_about_list li.li01:after {width:58px;height:60px;margin-left:-29px;background:url("../images/sub/mobile/m_icon_about01.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li01:before {width:56px;height:58px;margin-left:-28px;background:#000000;}
.sub_about_list li.li02:after {width:48px;height:61px;margin-left:-24px;background:url("../images/sub/mobile/m_icon_about02.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li02:before {width:46px;height:59px;margin-left:-23px;background:#000000;}
.sub_about_list li.li03:after {width:65px;height:59px;margin-left:-32px;background:url("../images/sub/mobile/m_icon_about03.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li03:before {width:63px;height:57px;margin-left:-31px;background:#000000;}
.sub_about_list li.li04:after {width:64px;height:59px;margin-left:-32px;background:url("../images/sub/mobile/m_icon_about04.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li04:before {width:62px;height:57px;margin-left:-31px;background:#000000;}
*/
/* sub history
.sub_history {width:109%;margin-left:-4.5%;padding-bottom:40%;min-height:100px;background:url("../images/sub/mobile/m_history_bg.gif") no-repeat center bottom;background-size:100% auto;}
.sub_history:after {display:none;}
.sub_history:before {display:none;}
.sub_history .history {position:relative;width:92%;margin:0 auto;padding:0 0 0 0;margin-top:calc(50.6% + 5px);}
.sub_history .history:before {display:block;position:absolute;top:0;left:0;margin-top:calc(-54.95% - 5px);padding-top:54.45%;box-sizing:border-box;border:1px #ccc solid;width:100%;height:0;background:url("../images/sub/mobile/m_history.jpg") no-repeat center top;background-size:100% auto;content:'';}
.sub_history .history:after {display:block;position:absolute;top:0;left:60px;padding-top:45px;width:2px;height:100%;background:#000000;content:'';}
.sub_history .history dl.year1,
.sub_history .history dl.year2,
.sub_history .history dl.year3 {position:static;margin:0 0 0 0;}
.sub_history .history dl.year1 {padding-top:45px;}
.sub_history .history dl dt {width:156px;}
.sub_history .history dl dt::before,
.sub_history .history dl.year2 dt::before {top:9px;left:55px;width:11px;height:12px;background-size:auto 12px;background-color:rgba(0,0,0,0);z-index:10;}
.sub_history .history dl dt::after,
.sub_history .history dl.year2 dt::after {display:block;position:absolute;top:10px;left:56px;width:9px;height:10px;background:#000000;z-index:9;content:'';}
.sub_history .history dl dt .day {margin-top:3px;width:45px;height:23px;line-height:25px;font-size:11px;}
.sub_history .history dl dt .day em {font-size:14px;}
.sub_history .history dl dt .day::before,
.sub_history .history dl.year2 dt .day::before {top:50%;right:-7px;left:auto;margin-top:-5px;transform:rotate(0deg);}
.sub_history .history dl dt .year {width:75px;height:30px;line-height:33px;font-size:17px;}
.sub_history .history dl dt .year::before,
.sub_history .history dl.year2 dt .year::before {display:block;position:absolute;margin-top:-6px;top:50%;left:-7px;right:auto;width:7px;height:12px;background:url("../images/sub/history_year_arrow.png") no-repeat left top #000000;background-size:100% 100%;transform:rotate(0deg);content:'';}
.sub_history .history dl.year1 dd,
.sub_history .history dl.year2 dd,
.sub_history .history dl.year3 dd {margin:0 0 0 80px;text-align:left;}
.sub_history .history dl.year2 dd {position:static;}
.sub_history .history dl dd ul {margin-bottom:20px;padding-top:50px;}
.sub_history .history dl dd ul li span {margin:0 0 0 0;width:30px;font-size:14px;line-height:20px;}
.sub_history .history dl dd ul li {font-size:0px;padding:2px 0;}
.sub_history .history dl dd ul li ol {width:calc(100% - 30px);}
.sub_history .history dl dd ul li ol li p:before {top:9px;}
.sub_history .history dl dd ul li ol li p {font-size:14px;line-height:20px;}
.sub_history .history dl.year2 dt .day {float:left;}
.sub_history .history dl.year2 dt .year {float:right;}
.sub_history .history dl.year2 dd ul > li {text-align:left;}
.sub_history .history dl.year2 dd ul li span {float:left;text-align:left;}
.sub_history .history dl.year2 dd ul li ol li {text-align:left;}
 */
/* sub location */
.sub_location_map {height:322px;}
.sub_location_map iframe {padding-left:71px;}
.sub_location_map h5 {top:125px;left:-126px;width:323px;height:71px;}
.sub_location_map h5 span {left:-2px;bottom:-2px;padding-right:115px;font-size:29px;line-height:29px;background-image:url("../images/sub/mobile/m_location_arr.png");background-size:67px auto;}
.sub_location_info {padding:0 0 0 0;}
.sub_location_info dl {padding:15px;width:100% !important;min-height:auto;box-sizing:border-box;}
.sub_location_info dl:first-child {padding-right:15px;}
.sub_location_info dl:last-child {padding:15px;border:0 none;border-top:1px solid #cccccc;background-image:url('/img/sub/mobile/sub_history04.jpg');}
.sub_location_info dt {display:block;padding:0 0 14px 0;font-size:18px;text-align:left;}
.sub_location_info dd ul li {height:auto;padding:0 0 0 22px;margin:0 0 10px;}
.sub_location_info dd ul li:before {width:18px;height:18px;background-size:100% 100%;top:1px;}
.sub_location_info dd ul li:after {display:block;clear:both;content:'';}
.sub_location_info dd ul li.mb_m10 {margin-bottom:-10px;}
.sub_location_info dd ul li.mb_m10:after {height:10px;}
.sub_location_info dd ul li span {float:left;height:auto;font-size:14px;line-height:20px;}
.sub_location_info dd ul li span.w_100 {width:100%;}
.sub_location_info dd ul li p {float:none;height:auto;font-size:14px;line-height:20px;display:inline;}
.sub_location_info dd ul li p.pl_47 {display:inline-block;padding-left:52px;margin-top:-18px;vertical-align:top;}
.sub_location_info dd ul li p.pl_36 {display:inline-block;padding-left:40px;margin-top:-18px;vertical-align:top;}

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

	 TABLE | 서브페이지 전체 사용

───────────────────────────────────────────────────────────*/
table.board_write {/*table-layout: fixed;*/width:100%;}
table.board_write th,
table.board_write td {box-sizing:border-box;}
table.board_write th {padding:12px 12px 12px 20px;width:100px;line-height:normal;word-break:keep-all;}
table.board_write td {padding:12px;width:100%;}
table.board_write colgroup col:first-of-type {width:100px;}
table.board_write colgroup col:last-of-type {width:calc(100% - 100px);}
table.board_write td input[type="text"],
table.board_write td input[type="password"] {width:100%;min-width:auto;margin:0;}



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

	 BOARD

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

/*** 게시판 리스트 | board/board_list.html ***/
.sub_board .board_search {position:relative;background-color:#eeeeee; border:1px solid #cccccc; padding:17px 0 17px; font-size:0px; text-align:center; margin-bottom:15px;}
.sub_board .board_search.goods {padding:17px 0 47px;}
.sub_board .board_search select {border:1px solid #dddddd; height:30px; line-height:30px;  min-width:70px; padding:0 5px; color:#444444;}
.sub_board .board_search input.input_text {border:1px solid #dddddd; background-color:#fff; height:30px; line-height:30px; min-width:auto; padding:0 5px; color:#444444; margin-right:2px; margin-left:2px;}
.sub_board .board_search input[type="submit"] {width:60px;height:30px;}
.sub_board .board_search span.chk {display:block;position:absolute;left:0;bottom:17px;width:100%;}
.sub_board .board_search span.chk label {margin-right:0;line-height:30px;vertical-align:top;}
.sub_board .board_search span.chk input[type="checkbox"] + label::before {margin-top:7px;}

.sub_board table.board_list {table-layout: fixed;}
.sub_board table.board_list colgroup col:nth-of-type(1) {width:15% !important;}
.sub_board table.board_list colgroup col:nth-of-type(2) {width:85% !important;}
.sub_board table.board_list colgroup col:nth-of-type(3),
.sub_board table.board_list colgroup col:nth-of-type(4),
.sub_board table.board_list colgroup col:nth-of-type(5) {width:0px !important;}
.sub_board table.board_list th.m_non,
.sub_board table.board_list td.m_non {display:none;}
.sub_board table.board_list td a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-bottom:30px; border:0 none; border-bottom:1px solid #cccccc; text-align:left;}
.sub_board .board_view div.view_tit {height:auto; line-height:normal; padding:15px; background:#eeeeee; border-top:1px solid #333333; border-bottom:1px solid #cccccc; font-size:0px;}
.sub_board .board_view div.view_tit h3 {float:none; width:100%; font-size:15px; color:#444444; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:static;}
.sub_board .board_view div.view_tit p {display:none;}
.sub_board .board_view div.view_cont {padding:15px 15px 30px 15px; font-size:13px; line-height:20px; min-height:130px;}
.sub_board .board_view h4 {border-top:1px solid #cccccc;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative; background:#eeeeee; border: 1px solid #cccccc; padding: 15px; text-align:left;}
.sub_board .board_comment .comment_name {color:#555; padding:0 0 0 0; font-size:0px;text-align:left;}
.sub_board .board_comment .comment_name span {display:inline-block;font-size:0px;margin-right:2%; width:49%;}
.sub_board .board_comment .comment_name span.pw {margin-right:0;}
.sub_board .board_comment .comment_name span input {width:100%; background:#ffffff; border:1px solid #d3d3d3; box-sizing:border-box; padding:5px;}
.sub_board .board_comment textarea {border:1px solid #d3d3d3; width:calc(100% - 95px); padding:0 0 0 0; margin-top:5px; min-height:72px; margin-left:0;}
.sub_board .board_comment .comment_btn {position: absolute;  right: 15px; top:50px; width: 90px; height: 72px; text-align: center; background-color: #000000; line-height: 72px;color:#fff; font-size:14px; font-weight:600;}
.sub_board .board_comment .policy_cont {padding-top:10px;}

.sub_board .board_comment_list {position:relative; margin:0 0 20px;}
.sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3; color:#888; padding:0 0 7px 0; text-align:left;}
.sub_board .board_comment_list .comment_title span {color:#f59a03;}
.sub_board .board_comment_list .comment {background:#eeeeee; border-bottom:1px solid #d3d3d3; padding:12px 15px;}
.sub_board .board_comment_list .comment .comment_writer {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block; width:1px; height:9px; background:#999; margin:0 8px;}
.sub_board .board_comment_list .comment .com_btn {position:absolute; right:9px; top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#999;}
.sub_board .board_comment_list .comment .com_txt {color:#888; text-align:left;}
.sub_board .board_comment_list .comment .com_txt_reply {color:#888; text-align:left; border-top:1px solid #d3d3d3; padding:16px 0 10px 40px; margin:10px 0 0; background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
.sub_board .board_comment_list .comment .com_modify {position:relative; margin:5px 0 0;}
.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
.sub_board .board_comment_list .comment .com_modify textarea {float:left; width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right; width:9.2%; height:52px;display:inline-block; line-height:52px; background:#aaa; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.sub_board .board_comment_list .comment .comment_password {position:absolute; right:25px; top:0; width:300px; border:2px solid #757575; padding:7px; background:#fff; z-index:100; text-align:left;}
.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
.sub_board .board_comment_list .comment .comment_password span {display:inline-block; height:20px; line-height:20px; font-weight:600; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password input {width:195px; height:19px;}
.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block; width:39px; height:20px; line-height:20px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:5px; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password a.close {position:absolute; right:2px; top:2px;}
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}


/*** 게시판(리스트형) | layout/board/kist_default.html ***/
/*
	일반 테이블 CSS 사용중
*/

/*** 게시판(갤러리형) | layout/board/list_gallery01.html ***/
.sub_pw_input .ok_box {width:auto;}
.sub_board ul.gallery_list {text-align:left; padding-bottom:20px; font-size:0px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {width:48%;margin-right:4%;padding-bottom:20px;}
.sub_board ul.gallery_list li:nth-of-type(2n) {margin-right:0;}
.sub_board ul.gallery_list li .bg {display:none;}
.sub_board ul.gallery_list li .txt_info {position:static;width:100%;transform:translateY(0);opacity:1;}
.sub_board ul.gallery_list li .txt_info h3 {position:relative; height:auto; font-size:14px; color:#333333; font-weight:600; line-height:normal; padding:10px 33px 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board ul.gallery_list li .txt_info p {display:none;}

.sub_pw_input .ok_box {width:auto;}



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

	 GOODS(상품)

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

/*** 갤러리형 | layout/goods/gallery.html ***/
.sub_list .list .list_Galleryform {}
.sub_list .list .list_Galleryform > ul {}
.sub_list .list .list_Galleryform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Galleryform > ul li {float:left; width:calc(50% - 6px); margin:0 12px 20px 0;}
.sub_list .list .list_Galleryform > ul li:nth-child(2n) {margin-right:0;}
.sub_list .list .list_Galleryform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Galleryform > ul li dl {}
.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc; margin:0 0 10px;overflow:hidden;min-height:auto;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd h2 {color:#333; font-size:14px; font-weight:600; padding:0 0 6px;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777; font-size:12px; font-weight:500; line-height:18px;}

/*** 리스트형 | layout/goods/list.html ***/
.sub_list .list .list_Listform {}
.sub_list .list .list_Listform > ul {}
.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li {float:left; width:100%; border:1px solid #ccc; margin:0 0 4%;}
.sub_list .list .list_Listform > ul li dl {display:table;height:150px;}
.sub_list .list .list_Listform > ul li dl:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li dl dt {width:150px; border-right:1px solid #ccc; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd {text-align:left; padding:0 15px 0 15px; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd h2 {position:relative; color:#333; font-size:14px; font-weight:600; padding:0 0 10px; margin:0 0 8px;}
.sub_list .list .list_Listform > ul li dl dd h2::before {position:absolute; left:0; bottom:0; content:""; display:block; width:30px; height:2px; background:#000000;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777; font-size:12px; font-weight:500; line-height:18px; width:auto;}

/*** 상세페이지 | goods/goods_view.html  ***/
.sub_view {}
.sub_view .info {}
.sub_view .info dl {}
.sub_view .info dl:after {clear:both; content:""; display:block;}
.sub_view .info dl dt {float:left; width:100%; border:1px solid #ccc;box-sizing:border-box;}
.sub_view .info dl dt img {width:100%;}
.sub_view .info dl dd {float:left; width:100%;margin-top:10px;}
.sub_view .info dl dd .tit {border-top:2px solid #222; border-bottom:1px solid #ccc; background:#eee; text-align:left; padding:15px 12px;}
.sub_view .info dl dd .tit h3 {color:#222; font-size:20px; font-weight:600; padding:0 0 7px;}
.sub_view .info dl dd .tit p {color:#777; font-size:12px; font-weight:500; line-height:18px;}
.sub_view .info dl dd ul.detail {padding:8px 0 0; border-bottom:1px solid #ccc;}
.sub_view .info dl dd ul.detail li {text-align:left; padding:0 12px 8px;}
.sub_view .info dl dd ul.detail li:after {clear:both; content:""; display:block;}
.sub_view .info dl dd ul.detail li span {float:left; display:inline-block; width:80px; height:24px; line-height:24px; color:#555; font-size:13px; font-weight:600}
.sub_view .info dl dd ul.detail li div {float:left; color:#777; font-size:13px; font-weight:500; line-height:24px;}
.sub_view .detail_info {margin:63px 0 0; text-align:left;}
.sub_view .detail_info > div {margin:0 0 50px;}
.sub_view .detail_info div h4.tit {color:#222; font-size:17px; font-weight:600; padding:0 0 8px; margin:0 0 20px; border-bottom:1px solid #222; text-align:left;}
.sub_view .detail_info div img {margin-bottom:24px;}
.sub_view .detail_info div p {color:#666; font-size:14px; font-weight:500; line-height:26px; letter-spacing:-0.5px;}



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

	 MEMBER(회원)

───────────────────────────────────────────────────────────*/
/*** 로그인 | member/login.html ***/
.sub_login {}
.sub_login .login_box {width:100%; margin:0 auto; padding:0 0 80px;}
.sub_login .login_box ul li {padding-bottom:0;}
.sub_login .login_box ul li input {padding:0 20px; 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:10px;}
.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:17px; 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/join_agreement.html ***/
.sub_agree {}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:0; padding-bottom:42px; border-bottom:0 none;}
.sub_agree .agree_box h3 {font-size:16px; padding-bottom:10px;}
.sub_agree .agree_box textarea {font-size:12px; color:#888888; width:100%; height:150px; border:1px solid #d3d3d3; line-height:20px; padding:2% 4%;}
.sub_agree .agree_box p {color:#333333; padding:3% 4%; border:1px solid #d3d3d3; border-top:0 none; background-color:#eee; }

.member_agree {padding:0 0 0 0;font-size:13px; color:#888888;line-height:20px;}

/*** 회원가입 | member/join.html ***/
h3.join_tit {font-size:16px; padding-bottom:10px;}
h3.join_tit.pt20 {padding-top:20px;}

.policy_cont > div {margin:0;}

.sub_join table.board_write colgroup col:first-of-type {width:100px;}
.sub_join table.board_write td input[type="text"],
.sub_join table.board_write td input[type="password"],
.sub_join table.board_write td input[name="address"],
.sub_join table.board_write td input[name="address2"] {width:100%;min-width:auto;margin:0;}
.sub_join table.board_write td input.bt_l {width:calc(100% - 70px);}
.sub_join table.board_write td .btn_sm {float:right;}
.sub_join table.board_write td .btn_sm.m_w_100 {width:100%;}
.sub_join table.board_write td .btn_sm.m_w_100.mt_5 {margin-top:5px;}
.sub_join table.board_write td .padding {height:10px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

table.board_write th .require_dot {position:absolute;left:10px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
table.board_write th .require_dot:before {content:'*';font-size:14px;color:#000000;line-height:14px;display:inline-block;width:auto;height:14px;}

.sub_join table.board_write colgroup col,
.sub_join table.board_write.captcha colgroup col{width:50%;}
.sub_join table.board_write.captcha img {width:auto !important;height:auto !important;}

.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
.sub_ok {margin:30px 0 0;border-width:5px;}
.sub_ok .ok_box {width:100%;padding:30px 20px;box-sizing:border-box;}
.sub_ok .ok_box h3 {font-size:26px;line-height:34px;word-break:keep-all;}
.sub_ok .ok_box h4 {padding-bottom:20px;font-size:14px;line-height:22px;word-break:keep-all;}


}