@charset "utf-8";

.login>input[name="userid"] {padding: 0 13px}
.login>input[type="password"] {padding: 0 13px}
.pb0 {padding-bottom: 0 !important}
.col-red {color: #f65253 !important}
.col-blue {color: #3d58b8 !important}
.txt-left {text-align: left !important}
.txt-right {text-align: right !important}
.txt-center {text-align: center !important}
.ov_h {overflow: hidden !important}
.left {float: left !important}
.right {float: right !important}
.db {display: block !important}
.dib {display: inline-block !important}
.txt1 {font-size: 12px !important}

#content.pb-content {padding-bottom: 0}
.sub-tit {padding: 38px 0 26px; font-size: 20px; color: #333; text-align: center}

.board-top {margin-bottom: 20px}
.board-top:after {content: ''; display: block; clear: both}
.board-top .category {overflow: hidden}
.board-top .category li {float: left}
.board-top .category li a {position: relative; display: block; padding: 5px 8px; font-size: 13px; line-height: 1}
.board-top .category li a:before {content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; display: block; width: 1px; height: 12px; background: #3a3a3a}
.board-top .category li:first-child a {padding-left: 0}
.board-top .category li:last-child a:before {display: none}
.board-top .search-box {position: relative; width: 100%; height: 30px; margin-top: 15px}
.board-top .search-box input[type="text"] {width: 100%; height: 100%; padding-right: 38px; font-size: 13px; border: 1px solid #ccc}
.board-top .search-box .btn-search {position: absolute; top: 0; right: 0; width: 38px; height: 100%; font-size: 16px; color: #ccc}
.board-top .search-box .btn-search i {position: relative; top: -2px}

/*.normal-list .thead {display: none}
.normal-list .thead div {color: #3a3a3a}
.normal-list li div {font-size: 13px; color: #000}
.normal-list li .txt-left>span {display: inline-block; width: auto; max-width: 100%; margin-bottom: 2px; color: #3a3a3a; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; vertical-align: middle}
.normal-list li div:nth-child(1), .normal-list li div:nth-child(2) {display: none}
.normal-list li div:nth-child(4) {font-size: 12px}*/

	/*¸¶ÀÌÆäÀÌÁö °øÁö»çÇ× css*/
	.normal-list {border-top: 2px solid #666}
	.normal-list li>a{display:table;width:100%;table-layout:fixed}
	.normal-list .thead {display: table; width: 100%; table-layout: fixed}
	.normal-list .thead div{padding:8px 0}
	.normal-list li {padding: 0; border-bottom: none; text-align: center;border-bottom:1px solid #ccc}
	.normal-list li div {display: table-cell; font-size: 16px;vertical-align:middle; word-break:break-all; padding:0 10px;}
	.normal-list li div a {margin-bottom: 0}
	.normal-list li>a{padding:10px 0; display: table; cursor:pointer;}
	.normal-list li>a:hover{background:rgba(0,0,0,0.1)}
	.normal-list li>a:hover .txt-left>span{}
	/*Á¦¸ñ ÀÛ¼ºÀÏ ¼ø¼­*/
	.normal-list li div:nth-child(1) {width:80%;}
	.normal-list li div:nth-child(2) {width:20%;}

.normal-view .view-tit {border-bottom: 3px double #e0e1e1; color: #212529; font-size: 20px; padding: 10px 10px 10px 5px; word-break: break-word;}
.normal-view .view-tit p {padding-bottom: 2px; font-size: 20px; color: #000}
.normal-view .view-tit p.date {padding-bottom: 0; font-size: 13px; color: #999}
.normal-view .cont {padding: 35px 20px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;}
.normal-view .cont img{word-break: break-all; max-width:100% !important; height:auto !important;}
.view-date {
	margin-left: 11px;
	font-size: 13px;
	color: #828282;
}

.normal-chk1 {display: inline-block}
.normal-chk1 label {display: block; width: 16px; height: 16px; background: url(/layouts/shop/images/common/chk-off.jpg) no-repeat; background-size: 16px}
.normal-chk1 input[type="checkbox"]:checked + label {background: url(/layouts/shop/images/common/chk-on.jpg) no-repeat; background-size: 16px}
.normal-chk2 label:before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(/layouts/shop/images/common/chk-off.jpg) no-repeat; background-size: 16px; vertical-align: -3px}
.normal-chk2 input[type="checkbox"]:checked + label:before {background: url(/layouts/shop/images/common/chk-on.jpg) no-repeat; background-size: 16px}

.btn-wrap {overflow: hidden; text-align: right}
.btn-wrap a {display: inline-block; text-align: center}
.btn-normal-a {width: 100%; height: 34px; line-height: 34px; color: #fff; background: #1e1e1e; font-size: 13px}
.btn-line {display: inline-block; height: 24px; padding: 0 9px; border: 1px solid #080808; font-size: 12px; color: #222; line-height: 24px}
.buy-now {display: inline-block; height: 26px; padding: 0 9px; background: #000; font-size: 12px; color: #fff; line-height: 26px}
.btn-soldout {display: block; width: 63px; height: 18px; margin-top: 2px; line-height: 18px; font-size: 11px; color: #fff; background: #ff5959; font-weight: 300; text-align: center;}
.btn-order {margin-top: 20px; padding: 10px; background: #f5f5f5; font-size: 0}
.btn-order a {display: inline-block; height: 34px; line-height: 34px; font-size: 13px}
.btn-ing {width: 39.7%; color: #1e1e1e; background: #fff; border: 1px solid #1e1e1e}
.btn-buy {width: 57.7%; color: #fff; background: #f8474f; border: 1px solid #f8474f}

.login-wrap {padding: 45px 0 110px; background: #f5f5f5; text-align: center}

.login-wrap .desc {margin: 16px 0 26px; font-size: 14px; color: #8c8888; word-break: break-all}
.login-wrap .login {width: 87%; max-width: 488px; margin: 0 auto}
.login-wrap .login .write-input {width: 100%; height: 40px; border: 1px solid #ccc;line-height:40px}
.login-wrap .login .write-input::-webkit-input-placeholder {color: #d2d2d2 !important}
.login-wrap .login .write-input:-moz-placeholder {color: #d2d2d2 !important}
.login-wrap .login .write-input::-moz-placeholder {color: #d2d2d2 !important}
.login-wrap .login .write-input:-ms-input-placeholder {color: #d2d2d2 !important}
.login-wrap .login input[type="text"] {margin-bottom: 8px}
.login-wrap .login .id-save {margin: 6px 0 17px; text-align: left}
.login-wrap .login .id-save input[type="checkbox"] {width: 15px; height: 15px}
.login-wrap .login .id-save label {margin-left: 5px; display: inline-block; color: #8c8888}
.login-wrap .login .btn-login {display: block; width: 100%; height: 40px; margin-bottom: 17px; color: #fff; background:#0abab5; line-height: 40px}
.login-wrap ul li {display: inline-block; font-size: 0}
.login-wrap ul li a {position: relative; padding: 0 20px; font-size: 13px; color: #5f5f5f; line-height: 1}
.login-wrap ul li a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px; background: #5f5f5f}
.login-wrap ul li:last-child a:before {display: none}

.normal-tab {margin: 20px 0 35px; font-size: 0; text-align: center}
.normal-tab:after {content: ''; display: block; clear: both}
.normal-tab li {display: inline-block; width: 33.33%}
.normal-tab li a {display: block; height: 30px; font-size: 13px; color: #000; line-height: 30px; border: 1px solid #dbdbdb; border-right: 0; letter-spacing: -0.01em}
.normal-tab li a.on {color: #fff; background: #1e1e1e; border-color: #1e1e1e}
.normal-tab li:last-child a {border-right: 1px solid #dbdbdb}

/*.normal-list li{border-bottom:1px solid #ccc}*/

.paging {position: relative; margin-top: 0px; padding: 20px 0; border: 1px solid #e6e6e6; background: #fafafa; text-align: center; font-size: 14px}
.paging a {font-size: 14px; line-height: 1}
.paging span a {position: relative; display: inline-block;  padding: 0 9px}
.paging span a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6px; background: #666}

.paging .PageSize { position: absolute; left:10px; top: 15px; font-size: 10pt; }
.paging .selPageSize { width: 60px;  }
.paging a.jump-page.prev { display:inline-block; margin-right: 10px;}
.paging a.jump-page.prev:before {content: '['; display: inline-block;}
.paging a.jump-page.prev:after {content: ']'; display: inline-block;}
.paging a.jump-page.next {display:inline-block; margin-left: 10px;}
.paging a.jump-page.next:before {content: '['; display: inline-block;}
.paging a.jump-page.next:after {content: ']'; display: inline-block;}
.paging a.jump-page:before {display: none}
.paging a.on {font-weight: 500; text-decoration: underline; color: red;}
.paging span a:last-child:before {display: none}


@media all and (min-width:1024px){
	
	.txt1 {font-size: 14px !important}

	.sub-tit {padding: 70px 0 30px; font-size: 36px}
	
	.board-top .category {float: left; margin-top: 12px}
	.board-top .category li a {padding: 0 10px; font-size: 16px}
	.board-top .category li a:before {height: 15px}
	.board-top .search-box {float: right; position: relative; width: 282px; height: 40px; margin: 0}
	.board-top .search-box input[type="text"] {font-size: 16px}
	.board-top .search-box .btn-search {font-size: 22px}
	
	.normal-chk1 label {width: 30px; height: 30px; background-size: 30px}
	.normal-chk1 input[type="checkbox"]:checked + label {background-size: 30px}
	.normal-chk2 label:before {width: 30px; height: 30px; margin-right: 10px; background-size: 30px; vertical-align: -10px}
	.normal-chk2 input[type="checkbox"]:checked + label:before {background-size: 30px}

	.btn-wrap a {}
	.btn-normal-a {width: 138px; height: 39px; font-size: 18px; line-height: 39px}
	.btn-line {height: 35px; padding: 0 20px; font-size: 16px; line-height: 35px}
	.buy-now {height: 37px; padding: 0 20px; font-size: 16px;  line-height: 37px}
	.btn-soldout {display: block; width: 63px; height: 18px; margin-top: 2px; line-height: 18px; font-size: 11px; color: #fff; background: #ff5959; font-weight: 300; text-align: center;}
	.btn-order {width: 1600px; margin: 110px auto 0; padding: 0; background: none; font-size: 0; text-align: center}
	.btn-order a {height: 62px; line-height: 62px; font-size: 28px}
	.btn-ing {float: none !important; width: 274px; margin-right: 30px; color: #1e1e1e; background: #fff; border: 1px solid #1e1e1e}
	.btn-buy {float: none !important; width: 274px; color: #fff; background: #222; border: 1px solid #222}

	.login-wrap {padding: 172px 0 352px}
	
	.login-wrap .desc {margin: 29px 0 54px; font-size: 16px; word-break: break-all;}
	.login-wrap .login {width: 488px; max-width: none}
	.login-wrap .login .write-input {height: 56px}
	.login-wrap .login input[type="text"] {margin-bottom: 17px}
	.login-wrap .login .id-save {margin: 12px 0 34px}
	.login-wrap .login .id-save input[type="checkbox"] {width: 17px; height: 17px}
	.login-wrap .login .id-save label {margin-left: 8px; font-size: 16px}
	.login-wrap .login .btn-login {height: 56px; margin-bottom: 37px; font-size: 22px; line-height: 56px}
	.login-wrap ul li a {padding: 0 25px; font-size: 14px}

	.normal-tab {margin: 54px 0 57px}
	.normal-tab li {width: 240px}
	.normal-tab li a {position: relative; height: 40px; font-size: 16px; line-height: 40px}
	.normal-tab li a:before {display: none; content: ''; position: absolute; bottom: -7px; left: 50%; margin-left: -4px; border-top: 7px solid #1e1e1e; border-left: 5px solid transparent; border-right: 5px solid transparent}
	.normal-tab li a.on:before {display: block}
	}

@media all and (max-width:1023px){

	.normal-view .view-tit{font-size:14px;}

	#content.m-pb-content {padding-bottom: 0}
	.login-wrap>img{width:133px}
	.m-paging {display: block; margin-top: 35px;}
/*	.normal-list li>a{display:block;padding: 8px 0;}
	.normal-list {border-top: 1px solid #666;}*/

	.login-wrap .desc{padding:0 20px;}
}

@media all and (max-width:640px){
	.PageSize { position: static !important; display: block !important; margin-bottom:10px;}
	.PageSize select { -webkit-appearance: caret !important; }
	.PageNavi { position: static !important;}
}

@media all and (max-width:440px){
	.login-wrap .desc span{display:block;}
	/**/
	.paging a {font-size:12px;}
	.paging span a {position: relative; display: inline-block;  padding: 0 5px}
	.paging span a:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6px; background: #666}
	.paging a.jump-page.prev {left: 11px}
	.paging a.jump-page.next {right: 11px}
	.paging a.jump-page.prev:before{margin-right:0;}
	.paging a.jump-page.next:after{margin-left:0;}


}