@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

*,
*::before,
*::after {
  box-sizing: border-box; 
}
html,body{margin:0px;padding:0px;width:100%;font-size:12px;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;}
body{ background: #e9ecef; }
a,a:hover{text-decoration:none; color: #333; }
table{ width:100%;border-collapse:collapse;border-spacing:0;text-align:left }
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,a,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;}
li{list-style:none}


#header{
	background: #ffd11b;
	height: 45px;
	line-height: 45px;
}
#header .contains > *{ display: inline-block; margin-right: 10px; }
#header img{ vertical-align: middle; }
#header span{
	color: #fff;
	font-size: 12px;
	font-weight: 300;
}

.flex{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.layout{
	display: table;
	table-layout: fixed;
	width: 100%;
	/* height: 100%;  */
}

.layout > *{ 
	display: table-cell; 
	vertical-align: top;
}

.photo{
	margin: 0 auto;
	position: relative;
	width: 100px;
	height: 100px;
}
.photo .data{
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	width: 100%;
	height: 100%;
	
}
.photo img{ 
	width: 100% !important; 
	height: 100% !important; 
	filter: blur(0);
	-webkit-filter: blur(0);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	
}
.photo.logo{ line-height: 40px; }
.photo.logo .data{ background: #fff; }
.photo.logo img{ 
	height: auto !important; 
}

.graph_box{ 
	text-align: center;
	width: 110px;
	margin: 0 auto;
}

.graph_box .graph{
	position: relative;
	width: 9px;
	height: 35px;
	background: #fff;
	border: 1px solid #7a7a7a;
	border-radius: 2px;
	margin: 0 auto;
}
.graph_box .graph .data{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.graph_box ul > li:first-child .graph .data{
	background: #09a3e4;
}
.graph_box ul > li:nth-child(2) .graph .data{
	background: #e95c12;
}
.graph_box ul > li:nth-child(3) .graph .data{
	background: #fdc93a;
}
.graph_box ul > li:last-child .graph .data{
	background: #a1455f;
}

.graph_box span{
	color: #898989;
	font-family: 'gulim';
	font-size: 11px;
}

.graph_box span.lv_data{ 
	display: inline-block; 
	width: 100%; 
	letter-spacing: -1px; 
	font-size: 11px;
	height: 12px;
}
.graph_box ul > li:first-child .lv_data{
	position: relative;
}
.graph_box ul > li:first-child .lv_data::before{
	position: absolute;
	content: '';
	display: inline-block;
	width: 10px;
	height: 5px;
	background: url('/skin/shop/basic/images/icon/before_lv.png') no-repeat left center;
	bottom: 3px;
	left: -10px; 
}
.graph_box ul > li:first-child .lv_data{ color: #09a3e4 !important; }
.graph_box ul > li:nth-child(2) .lv_data{ color: #e95c12 !important; }
.graph_box ul > li:nth-child(3) .lv_data{ color: #fdc93a !important; }
.graph_box ul > li:last-child .lv_data{ color: #a1455f !important; }




.main{ padding: 20px 0; }
.contains{ margin: 0 auto; /* width: 1140px; */ width: 1200px;  }
.main .tit{ font-size: 24px; color: #212529; display: inline-block; }
.main .tit_b{ font-weight: 700; }

.main .section{ 
	background: #fff; 
	margin-bottom: 20px;
	border: 1px solid #d7d7d7;
	padding: 18px 0;
}
.main .section > div{ padding: 0 18px; }

.main .section.flex .tit{ margin: 20px 0 35px; }
.main .section.flex .title{
	width: 232px;
	border-right: 1px solid #d7d7d7;
	text-align: center;
	
}


.main div.shop .section{ 
	padding: 0 18px;
}
.main div.shop .section .title{
	padding-top: 10px;
	padding-bottom: 10px;
}
.main div.shop .section .contents{ 
	border-top: 1px solid #d7d7d7;
}
.main .section.gallery{
	width: 738px;
	height: 490px;
	margin-right: 20px;
}
.main .section.gallery .more{
	font-size: 15px;
	letter-spacing: -1px;
	float: right;
	margin: 7px 0;
	color: #464646;
}
.main .section.gallery .more::after{ content: '\2192'; margin-left: 3px; }

.main .section.gallery .contents{
	/* padding: 20px 30px;  */
	padding: 28px 20px;
}
.main .section.gallery li{
	width: 142px;
	/* margin-right: 24px; */
	margin-right: 30px;
	margin-bottom: 12px;
	letter-spacing: -1px;
}

.main .section.gallery li:nth-child(4n){
	margin-right: 0;
}
.main .section.gallery li:nth-child(n+5) {
	margin-bottom: 0;
}
.main .section.gallery li .thumb{
	display: block;
	width: 142px;
	height: 142px;
	border-radius: 10px;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.main .section.gallery li .thumb:hover{
	background-size: 170% !important;
}

.main .section.gallery li .subject{
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

.main .section.gallery li .kings_row{ visibility: hidden; }
.main .section.gallery li .name{
	font-size: 14px;
	color: #006dc5;
}


.main .section.gallery li.none{
	width: 100%;
	margin: 0;
	height: 375px;
	background: url('/shopmini/frontend/img/gallery.png') no-repeat 50% 38%;
	text-align: center;
}
.main .section.gallery li.none > p{
	color: #999;
	font-size: 20px;	
	line-height: 30px;
	margin-top: 210px;
}


.main div.shop .info{
	width: calc(100% - 758px);
}
.main div.shop .info > div{
	height: calc(470px / 2);
}


.main .section.event{ position: relative; }
.main .section.event .arr{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('/skin/shop/basic/images/icon/pcest_icon.png') no-repeat;
	font-size: 0;
	top: 45%;
}
.main .section.event .arr.prev{
	left: 0;
	background-position: -151px -68px; 
}
.main .section.event .arr.prev:hover{
	background-position: -151px -119px;
}
.main .section.event .arr.next{ 
	right: 0; 
	background-position: -205px -68px;	
}
.main .section.event .arr.next:hover{ 
	background-position: -205px -119px;	
}

.main .section.event .contents{
	/* padding: 0 12px; */
	width: 320px;
	border-top: 0 !important;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
.main .section.event .contents ul{
	width: 10000px;
}
.main .section.event .contents li{
	width: 320px;
	float: left; 
}
.main .section.event .contents li img{
	width: 100%;
	border: 1px solid #d5d3d1;
	display: block;
}

.main .section.event .contents li .name{
	display: block;
	line-height: 38px;
	font-size: 14px;
	letter-spacing: -1px;
	color: #666;
}

.main .section.event.none .arr{ display: none; }
.main .section.event.none .contents{
	border-top: 1px solid #d7d7d7 !important;
	width: 100%; 
}
.main .section.event.none .contents ul{ width: 100%; }
.main .section.event.none .contents li{
	width: 100%; 
	color: #999;
	font-size: 20px;
	letter-spacing: -1px;
	text-align: center;
	line-height: 175px;
}



.main .section.guide .contents{ 
	text-align: center;
	padding: 18px 30px;
}
.main .section.guide li{
	height: 30px;
	line-height: 30px;
	border: 1px solid #c9c9c9;
	padding: 0 20px;
	margin-bottom: 7px;
	border-radius: 20px;
	display: inline-block;
	min-width: 150px;
	text-align: center;
}
.main .section.guide li:last-child{
	margin-bottom: 0;
}

.main .section.guide li > span{
	font-size: 15px;
}
.main .section.guide li > span:first-child{
	color: #212529;
	font-weight: 500;
}

.main .section.guide li > span:last-child{
	color: #006dc5;
}



.main .section.flex.notice .title{ border-right: 0; }
.main .section.notice{ align-items: center; }
.main .section.notice .list li > *{
	display: inline-block;
	color: #575757;
	font-size: 14px;
	vertical-align: middle;
}
.main .section.notice .list .subject{
	width: 450px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.main .section.notice .tit{ margin: 0; }

.main .section.flex .contents{ width: calc(100% - 232px); }




.main .section.sheet{}
.main .section.sheet .title{ margin-bottom: 20px; text-indent: 10px; }
.main .section.sheet .product{ padding: 0 20px; }
.main .section.sheet .product > li{
	display: flex;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}
.main .section.sheet .product.type1 > li{
	border: 1px solid #c9c9c9;
	position: relative;
	margin-bottom: 15px;
	/* height: 195px; */
	height: 228px;
}
.main .section.sheet .product.type1 > li:last-child{
	margin-bottom: 0;
}

.main .section.sheet .product > li > div{
	margin-right: 10px;
	overflow: hidden;
}
.main .section.sheet .product > li > div:last-child{
	margin-right: 0; 
}


.main .section.sheet .product .kings_view{
	/* width: 270px; */
	width: 245px;
	padding: 5px 0;
	overflow: visible;
}

.main .section.sheet .product .kings_view .subject{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: -1px;
	font-family: 'Malgun Gothic';
	font-weight: 700;
	text-decoration: underline;
	color: #000;
	margin: 0;
	margin-bottom: 8px;
	font-size: 16px;
}

.main .section.sheet .product .kings_view .subject:hover{
	position: relative;
	background: #fff;
	overflow: visible;
	width: max-content;
	z-index: 10;
}

.main .section.sheet .product .kings_view .desc{
	line-height: 20px;
	margin-top: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;
	
	line-height: 18px;
	margin-top: 0;
	min-height: 54px;
	color: #000;
	margin-bottom: 10px;
}

.main .section.sheet .product .kings_view .tag{ 
	height: 21px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 0;
}
.main .section.sheet .product .kings_view .tag > li{
	display: inline-block;
	margin-right: 5px;
	color: #333;
	font-weight: 500;
	background: #fff3bf;
	padding: 2px 10px;
	
}
.main .section.sheet .product .kings_view .tag > li:last-child{
	margin-right: 0;
}


.main .section.sheet .product .compos{
	position: relative;
} 
.main .section.sheet .product .compos::after{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('/skin/shop/basic/images/icon/edge.png') no-repeat;	
	bottom: 0;
	right: 0;
}


.main .section.sheet .product .compos .thumb{
	display: block;
	width: 140px;
	float: left;
	margin-right: 10px;
}


.main .section.sheet .product .compos{
	width: 478px;
}
.main .section.sheet .complete .product .compos{
	width: 620px;
}
.main .section.sheet .complete .product .compos::after{
	display: none;
}
.main .section.sheet .product .thumb img{
	width: 100%;
}


.main .section.sheet .complete .product .compos_prd_table{
	width: calc(100% - 150px);
}


.main .section.sheet .product .compos_prd_table th,
.main .section.sheet .product .compos_prd_table td{
	font-size: 13px;
	
}

.main .section.sheet .compos_prd_table th,
.main .section.sheet .compos_prd_table td{
	height: 27px;
	line-height: 27px;
	border: 1px solid #ddd;
	padding: 0 8px;
}

.main .section.sheet .compos_prd_table th{
	width: 80px;
	background: #fafafa;
}
.main .section.sheet .compos_prd_table td{
	width: 164px;
	background: #fff;
}

.main .section.sheet .compos_prd_table tr:nth-child(-n+2) > *{
	border: 1px solid #88d4ff;
}
.main .section.sheet .compos_prd_table tr:nth-child(-n+2) th{
	background: #f3fbfe;	
	border-right: 1px solid #ddd;
}
.main .section.sheet .compos_prd_table tr:first-child > *{
	border-bottom: 1px solid #ddd;
}

.main .section.sheet .compos_prd_table.cell3 th{
	width: 16%;
	font-size: 12px !important;
	letter-spacing: -1px;
	font-family: 'Malgun Gothic';
	vertical-align: top;
}
.main .section.sheet .compos_prd_table.cell3 td:nth-child(2){
	border-right: 1px solid #ddd;
	width: 25%;
	font-size: 12px;
	letter-spacing: -1px;
	font-family: 'Malgun Gothic';
	font-weight: 700;
	vertical-align: top;
}




.main .section.sheet .product .compos.on{
	/* border: 1px solid #383838; */
	height: auto;
	overflow: visible;
	background: #fff;
	z-index: 2;
}

.main .section.sheet .product .compos.on .compos_prd_table tr:first-child > *{
	border-top: 1px solid #383838;
	border-bottom: 1px solid #88d4ff;
}
.main .section.sheet .product .compos.on .compos_prd_table tr:last-child > *{
	border-bottom: 1px solid #383838;
}
.main .section.sheet .product .compos.on .compos_prd_table tr:nth-child(-n+2) > *{
	border-right: 1px solid #88d4ff;
}
.main .section.sheet .product .compos.on .compos_prd_table th{
	border-left: 1px solid #383838;
}

.main .section.sheet .product .compos.on .compos_prd_table td:last-child{
	border-right: 1px solid #383838;
}

.main .section.sheet .product .compos.on::after{
	display: none;
}


.main .section.sheet .product .check{
	border: 1px solid #ddd;
	width: 268px;
	text-align: center;
}
.main .section.sheet .product .check a{ color: #000; }
.main .section.sheet .product .check .layout{ height: 100%; }
.main .section.sheet .product .check .price{
	letter-spacing: -1px;
	font-weight: 700;
	font-family: 'Malgun Gothic';
}
.main .section.sheet .product .check .won{
	font-size: 13px !important;
	color: #616161;
	margin-left: 2px;
	font-weight: 700 !important;
}
.main .section.sheet .product .check .part{
	width: 130px;
}
.main .section.sheet .product .check .part > div{
	padding: 10px;
	box-sizing: border-box;
	
	
	padding: 17px 10px;
}
.main .section.sheet .product .check .part .part1{
	height: 45%;
	border-bottom: 1px solid #ddd;
}
.main .section.sheet .product .check .part .part2{
	height: 55%;
}
.main .section.sheet .product .check .part .price{
	font-size: 16px !important;
}
.main .section.sheet .product .check .all_parts{
	background: #f3fbfe;
	width: 130px;
	border-left: 1px solid #ddd;
	padding: 50px 10px;
}
.main .section.sheet .product .check .all_parts .price{
	font-size: 20px !important;
}

.main .section.sheet .product .check .layout .txt{
	font-size: 13px;
	line-height: 16px;
	color: #1f1f1f;
	margin-bottom: 4px;
}


.main .section.sheet .product .btn_wrap{
	border: 1px solid #bbb;
	width: 85px;
	margin: 0;
}

.main .section.sheet .product .btn_wrap .btn{
	display: block;
	color: #1f1f1f;
	font-size: 13px;
	letter-spacing: -1px;
	text-align: center;
}
.main .section.sheet .product .btn_wrap .btn::before{
	content: '';
	height: 16px;
	display: block;
	margin: 0 auto 5px;
	background: url('/skin/shop/basic/images/icon/pcest_icon.png') no-repeat;
}

.main .section.sheet .product .btn_wrap .btn.view::before{
	width: 15px;
	background-position: -64px -171px;
}

.main .section.sheet .product .btn_wrap.one .btn{
	padding: 66px 0;
}



.main .section.estimate .title{ text-indent: 15px; /* margin-bottom: 18px;  border-bottom: 1px solid #d7d7d7; */ padding: 10px 0; }
.main .section.estimate{ padding-left: 18px; padding-right: 18px; }
.main .section.estimate .contents{ padding: 0; /* margin-bottom: 18px; */ border-top: 1px solid #d7d7d7; }
.main .section.estimate .contents > div{ padding: 18px; }


.main a.info_box{
	display: inline-block;
	width: 170px;
	height: 100px;
	font-size: 24px;
	text-align: center;
	line-height: 100px;
	color: #000;
	font-weight: 700;
	margin-bottom: 15px;
	border-radius: 20px;
}
.main a.info_box.cnt{ border: 1px solid #464646 }
.main a.info_box.write{ background: #fff; border: 1px solid #d8d8d8; }
.main .consult a.info_box.cnt{ background: #ffe776; }
.main .post a.info_box.cnt{ background: #b7d9ff; }


.main .btn_wrap{ text-align: center; margin: 12px 0; }
.main .btn_wrap .more{ 
	text-align: center; 
	display: inline-block;
	width: 145px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	background: #fff;	
	color: #464646;
	border: 1px solid #464646;
	border-radius: 20px;
	letter-spacing: -1px;
}
.main .btn_wrap .more::after{ content: '\2192'; margin-left: 3px; }




.king_label{
	display: inline-block;
	background: url('/skin/shop/basic/images/icon/kings_icon.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: -5px; 
	text-indent: -9999px;
	font-size: 0;
}
.kings_row .king_label{
	width: 14px;
	height: 18px;
	left: -5px;
}
.kings_row .king_label.king{ background-position: -192px -58px; }
.kings_row .king_label.swell{ background-position: -192px -137px; }
.kings_row .king_label.man{ background-position: -192px -218px; }
.kings_row .king_label.shop{ background-position: -191px -300px; }
.kings_row.simple > span{ display: inline-block; }
.kings_row.simple .king_label{
	position: static;
	margin-right: 5px;
}

.kings_row > *{
	vertical-align: middle;
	display: inline-block;
}

.bbs_table.type3{ margin-bottom: 18px; table-layout: fixed; }
.bbs_table.type3 th,
.bbs_table.type3 td{
	padding: 10px;
	text-align: center;
}

.bbs_table.type3 td{
	font-size: 13px;
	border-bottom: 1px solid #e2e2e2;
}

.bbs_table.type3 td.left{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

 
.bbs_table.type3 .subject{
 	font-size: 16px;
	font-weight: 500;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 5px;
}
.bbs_table.type3 td{
	padding-top: 15px;
	padding-bottom: 15px;
}
.bbs_table.type3 td .king_label{
	margin-left: 0; 
}
.bbs_table.type3 .info > span{ /* margin-right: 10px; */ color: #616161; }
.bbs_table.type3 .info > span::before{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('/skin/shop/basic/images/icon/sp_icon.png') no-repeat;
	margin-right: 5px;
}
.bbs_table.type3 .info .writer{ margin-right: 10px; }
.bbs_table.type3 .info .writer::before{
	background-position: -374px -184px;
}
.bbs_table.type3 .info .date::before{
	background-position: -394px -183px;
}

.bbs_table.type3 .staff{ margin-top: 15px; }
.bbs_table.type3 .staff > *{ vertical-align: middle; display: inline-block;}

.bbs_table.type3 .guide{
	width: 310px;
	margin: 0 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bbs_table.type3 .guide::before{
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #e0e0e0;
	margin-right: 5px;
	vertical-align: middle;
}

.main .cdt{
	display: inline-block;
	color: #007bff;
	font-size: 14px;
	font-weight: 500;	
	margin-right: 5px;
	width: 100px;
	height: 26px;
	border: 1px solid #bfdeff;
	background: #d9ebff;
	border-radius: 20px;
	text-align: center;
}
.main .cdt:nth-child(2n){ margin-right: 0; }
.main .cdt:nth-child(-n+2){ margin-bottom: 5px; }

.bbs_table.type3 .step{
	display: inline-block;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	border-radius: 100%;
	font-weight: 500;
}
.bbs_table.type3 .step_chk{ background: #0090e3; }
.bbs_table.type3 .step_no{ background: #464646; }
.bbs_table.type3 .step_ok{ background: #fff; color: #2a2a2a; border: 1px solid #eaeaea; }

.bbs_table.type3 .thumb img{ width: 100%; max-width: 150px; }
.bbs_table.type3 .avg{ display: block; margin-right: 0; margin-bottom: 10px; }
.bbs_table.type3 .avg > span{ font-weight: 700; vertical-align: middle; }
.bbs_table.type3 .avg::before{ display: none !important; }
.bbs_table.type3 .cont{ font-size: 16px; color: #575757; }


.main .consult_item{
	width: 302px;
	text-align: center;
	border-right: 1px solid #d7d7d7;
	padding-top: 36px !important;
	padding-bottom: 36px !important;
}
.main .consult_item .condition{ margin-bottom: 18px; } 

.main .consult_item li{
	display: inline-block; 
	margin: 0 5px 5px 0;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
	overflow: hidden;
}
.main .consult_item li.case{
	border: 0;
	margin-right: 0;
	width: 100%; 
}

.main .consult_item li img{ vertical-align: middle; }
.main .recomm_box{ width: calc(100% - 302px); }


.main .ico{ 
	padding-left: 65px;
	position: relative;
}
.main .ico::before{
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url('/skin/shop/basic/images/icon/sp_icon.png') no-repeat;
	vertical-align: bottom;
	margin-right: 7px;
	position: absolute;
	top: 0;
	left: 10px;
}


.main .recommended{ align-items: center; }

.main .recommended .est{ width: 580px; text-align: left; }
.main .recommended .est.ico::before{ background-position: -138px -339px; }
.main .recommended .est li{ font-size: 14px; }
.main .recommended .est li > span{
	display: inline-block;
	vertical-align: middle;
}
.main .recommended .est .cate{
	color: #007bff;
	font-weight: 500;
	vertical-align: inherit;
	min-width: 95px;
}
.main .recommended .est li > span:last-child{ width: calc(100% - 95px); }
.main .recommended .info{
	text-align: center;
	width: calc(100% - 580px);
}
.main .recommended .info .price{
	display: block;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

.main .recommended .button.buy{
	display: inline-block;
	background: #2d7ccb;
	border: 1px solid #2d7ccb;
	color: #fff;
	height: 32px; 
	line-height: 32px;
	width: 95px;
	box-sizing: border-box;
	border-radius: 25px;
	padding: 0 10px;
	font-size: 11px;
	vertical-align: middle;
	font-family: 'dotum';
}
.main .recommended .button.buy::before{
	content: '';
	display: inline-block;
	width: 17px;
	height: 15px;
	margin-right: 5px;
	vertical-align: sub;
	background: url('/skin/shop/basic/images/icon/sp_icon.png') no-repeat -116px -8px;
}

.main .inquiry_box{ border-top: 1px solid #d7d7d7; padding-top: 30px; margin-top: 30px;  }
.main .inquiry_box .message{ font-size: 14px; }
.main .inquiry_box .message.ico::before{ background-position: -161px -339px; }


.main .section.youtube{}
.main .section.youtube .bbs_table.type3{ margin-bottom: 0; }
.main .section.youtube .bbs_table.type3 td{}
.main .section.youtube .bbs_table.type3 .thumb{ margin-bottom: 18px; }
.main .section.youtube .bbs_table.type3 .thumb img{ max-width: 100%; } 



#footer .contains{ border-top: 1px solid #333; height: 140px; line-height: 140px; text-align: center;}


ul.bbs_table.type3 li{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}
ul.bbs_table.type3 li > div{ 
	display: table-cell;
	padding: 15px 10px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}

ul.bbs_table.type3 .left{ text-align: left; padding-left: 20px; padding-right: 20px; }
ul.bbs_table.type3 .condition{ width: 30%; }
ul.bbs_table.type3 .state{ width: 15%; }


.post .bbs_table.type3 .thumb{ width: 25%; }
.post .bbs_table.type3 .left{ width: 43%; }
.post .bbs_table.type3 .info{ width: 29%; }

.review .bbs_table.type3 .thumb{ width: 25%; }
.review .bbs_table.type3 .left{ width: 43%; }
.review .bbs_table.type3 .info{ width: 29%; }

/* .youtube ul.bbs_table.type3{ display: table; }
.youtube ul.bbs_table.type3 li{
	display: table-cell;
	vertical-align: middle;
	width: calc(100% / 3);	
} */

.fa-facebook{
	color: #3b5894;
	font-size: 20px;
}
.fa-twitter-square{
	color: #339bd8;
	font-size: 20px;
}

.profile_box{ background: #252f43; padding: 10px 0;  height: 360px; }
.profile_box .flex{ height: 100%; }
.profile_box .flex > div{ height: inherit; }
.profile_box .profile{
	background: #e9ecef;
	padding: 30px;
	width: 380px;
}
.profile_box .profile > div{ vertical-align: middle; }


.profile .user{ width: 135px; }
.profile .user > * { /* transition: 0.3s; */ }
.profile .user .name{ display: block; font-size: 18px; font-weight: 500; text-align: center; margin: 15px 0 20px 0; transition: 0.3s; }
.profile .user .desc{
	font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.profile .info{ padding-left: 25px; /* vertical-align: middle; */ }
.profile .info > *{ margin-bottom: 15px; }
.profile .info > :last-child{ margin-bottom: 0; }
.profile .info .sns{ text-align: center; }
.profile .info .sns li{ display: inline-block; padding: 0 5px; vertical-align: middle;  }
.profile .info .icon{
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #fff;
	background: #dee3e8;
	margin-bottom: 10px;
} 
.profile .info .icon img{ vertical-align: middle; margin: 15px 0; }
.profile .info .media .thumbnail img{ width: 100%; }
.profile .info .media li{
	width: 50%;
	padding: 0 5px;
	text-align: center;
}

.profile .info .media .flex{ justify-content: center; }



.profile_box .intro{
	/* width: 760px; */
	width: calc(100% - 380px);
	background: #fff;
	padding: 30px 40px;
}
.profile_box .intro .txt{
	width: 350px;
	padding-right: 60px;
}

.profile_box .intro .txt p{
	height: 42px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin: 5px 0px;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}
.profile_box .intro .cont{
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 9px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	min-height: 140px;
}

.profile_box .intro .txt a{
	display: block;
	border: 1px solid #c8c8c8;
	font-size: 14px;
	color: #212529;
	border-radius: 5px;
	text-align: center;
	height: 33px;
	line-height: 33px;
	
}

.profile_box .intro .image{
	/* width: 330px; */
	width: calc(100% - 350px);
	background: #000;
	text-align: center;
}
.profile_box .intro .image span{ 
	vertical-align: middle; 
	color: #fff;
	line-height: 260px; 
}

.profile_box.shop .profile{ background: #fff;  }
.profile_box.shop .info{ padding: 0; text-align: center; }
.profile_box.shop .info > img{ max-height: 50px; }
.profile_box.shop .intro{ background: #e9ecef; }
.profile_box .company_info li{ text-align: left; font-size: 13px; line-height: 22px; }
.profile_box .company_info li a{
	margin: 0 5px;
	padding: 0 5px;
	background: #fff;
	border: 1px solid #d1d1d1;
	font-size: 11px;
	color: #333;
}

.info_detail{ 
	font-size: 16px;  
	letter-spacing: -1px; 
	background: url('/shopmini/frontend/img/speech.png') no-repeat 18px 5px;
	padding: 0 65px;	
}





#viewport.shop #header{ background: #fff; height: auto; line-height: normal; padding: 10px 0; }
#viewport.shop #header .contains > *{ margin-right: 0; }
#viewport.shop #header .flex{ justify-content: space-between; /* height: 100%; */ align-items: center; /* line-height: 70px; */ }
#viewport.shop #header span{ color: #000; }
#viewport.shop #header .logo{ /* height: 60px; line-height: 60px; */ }

#viewport.shop #header .logo span{ vertical-align: middle; }
#viewport.shop #header .logo span:last-child::before{ 
	content: '\2716';
	margin-right: 10px; 
	color: #c0c0c0;
	vertical-align: sub;
}

#viewport.shop #header .logo img{ max-height: 60px; }

#viewport.shop #header .menu > li{ display: inline-block; line-height: 70px; }
#viewport.shop #header .menu > li > a{ font-size: 15px; padding: 0 10px; font-weight: 500; } 

#gallery{ height: 495px; }
#gallery .swiper-slide > a{
	display: block;
	width: 1200px;
	margin: 0 auto;
}

#gallery .navigation{
	position: absolute;
	z-index: 99;
	right: 20px;
	width: 1200px;
	bottom: 25px;
	left: 50%;
	transform: translate(-50%, 0);
	height: 38px;
	z-index: 99;
} 
#gallery .navigation > div{
	position: absolute;
	bottom: 0;
}


#gallery .navigation .auto_play_btn{
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 100%;
	right: 174px;
	cursor: pointer;
	text-align: center;
}

#gallery .navigation .auto_play_btn::before{
	content: '';
	display: inline-block;
	background: url('/shopmini/frontend/img/navigation_icon.png') no-repeat;
	width: 13px;
	height: 15px;
	vertical-align: middle;
}
#gallery .navigation .auto_play_btn.play::before{
	background-position: -25px 0;
	margin-left: 4px;
}
#gallery .navigation .auto_play_btn.pause::before{
	background-position: -39px 0;
}


#gallery .navigation .swiper-pagination-fraction, 
#gallery .navigation .swiper-pagination-custom,
#gallery .navigation .swiper-container-horizontal>.swiper-pagination-bullets {
	right: 86px;
	left: auto;
	color: #fff;
	font-size: 14px;
    letter-spacing: 5px;
    font-weight: 500;
    width: 80px;
	height: 38px;
	line-height: 38px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 25px;
}

#gallery .navigation .btn_box{
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 14px;
    letter-spacing: 5px;
    font-weight: 500;
    width: 80px;
	height: 38px;
	line-height: 38px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 25px;
}
#gallery .navigation .swiper-button-prev,
#gallery .navigation .swiper-button-next{
	width: 10px;
	height: 14px;
	background: url('/shopmini/frontend/img/navigation_icon.png') no-repeat;
	margin-top: -6px;
}
#gallery .navigation .swiper-button-prev.prev_btn{
	left: 20px;
}
#gallery .navigation .swiper-button-next.next_btn{
	background-position: -13px 0;
	right: 20px;
}


#viewport.shop{ 
	width: 100%; 
	overflow: hidden; 
	min-width:1200px;
}
#viewport.estimate{/*  background: #fff; */ background: #f5f6f9; }

#viewport.shop .main > .contains{ position: relative; }
#viewport.shop > .contains.main{ position: relative; padding: 0; }
#viewport.shop .main .wing{
	position: absolute; 
	top: 30px; 
	z-index: 99; 
}
#viewport.shop .main .wing.left{ left: -185px; }
#viewport.shop .main .wing.right{ right: -295px; }

#viewport.shop .main .wing.left li:nth-child(4){ display: none; }

#viewport.shop .main .wing li{ margin-bottom: 5px;}

#viewport.shop .main .wing > div{ margin-bottom: 20px; }
#viewport.shop .main .wing .commu_box *{ font-family: 'NanumSquare';  font-weight: 700; }
#viewport.shop .main .wing .commu_box{
	border: 1px solid #c9c9c9;
	padding: 15px;
	background: #fff;
	width: 276px;
}
#viewport.shop .main .wing .commu_box > p{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
#viewport.shop .main .wing .commu_box > a{
	display: block;
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color: #000;
}

#viewport.shop .main .wing .commu_box > ul{
	border-top: 1px solid #dfa61b;
	padding-top: 10px;
}

#viewport.shop .main .wing .event a.arr{ font-size: 0; margin: 0; width: 25px; height: 25px; line-height: 26px; background: rgba(0,0,0,0.3); text-align: center; border-radius: 100%; }
#viewport.shop .main .wing .event a.arr.prev{ left: 3px; }
#viewport.shop .main .wing .event a.arr.next{ right: 3px; }

#viewport.shop .main .wing .event a.arr::before{
	font-size: 14px;
	color: #fff;
	margin-top: 3px;
}
#viewport.shop .main .wing .event a.arr.prev::before{
	content: '\276E';
}
#viewport.shop .main .wing .event a.arr.next::before{
	content: '\276F';
}


#viewport.shop .main .wing .event.none a.arr{ display: none; }
#viewport.shop .main .wing .event .contents{ 
	padding-top: 10px;
	border-top: 1px solid #dfa61b !important; 
	width: 100%;
}
#viewport.shop .main .wing .event .contents li{ width: 244px; }
#viewport.shop .main .wing .event .contents li .name{ line-height: normal; font-size: 13px; text-align: center; margin-top: 15px; }

#viewport.shop .main .wing .post li{
	line-height: 22px;
}
#viewport.shop .main .wing .post li > *{ display: inline-block; vertical-align: middle; }
#viewport.shop .main .wing .commu_box .num{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ccc;
	text-align: center;
	line-height: 18px;
}
#viewport.shop .main .wing .commu_box li:nth-child(-n+5) .num{
	background: #fec539;
}
#viewport.shop .main .wing .commu_box .subject{
	/* display: block; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* width: 230px; */
	width: 185px;
	font-size: 14px;
	color: #000;
	font-weight: 700;
}
#viewport.shop .main .wing .commu_box .subject:hover{
	text-decoration: underline;
	text-underline-offset: 3px;
}
#viewport.shop .main .wing .post .avg img{ vertical-align: text-bottom; margin-right: 2px; }
#viewport.shop .main .wing .post .avg > span{ vertical-align: sub; line-height: normal; margin-right: 1px; }

#viewport.shop .main .wing .gallery .data{ display: block; margin-top: 10px; }

#viewport.shop .main .wing .gallery .list{ text-align: center; }
#viewport.shop .main .wing .gallery .list > li{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-left: 0;
	border-radius: 10px;
	margin-bottom: 0;
             
}
#viewport.shop .main .wing .gallery li{
	margin-bottom: 10px;
	position: relative;
}
#viewport.shop .main .wing .gallery li:last-child{ margin-bottom: 0; }
#viewport.shop .main .wing .gallery .num{
	position: absolute;
	top: 0;
	left: 0;
}
#viewport.shop .main .wing .gallery .thumb{
	display: block;
	width: 175px;
	height: 130px;
	position: relative; 
	border: 1px hidden #efefef;
	box-sizing: border-box;
	margin: 0 auto;
	
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

#viewport.shop .main .wing .gallery .thumb:hover{
	box-shadow: inset 0px 0px 0px 1px #4f4f4f;
}


#viewport.shop .main .wing .gallery .writer{
	padding: 5px 15px;
}
#viewport.shop .main .wing .gallery .writer > *{ vertical-align: middle; }
#viewport.shop .main .wing .gallery .subject{
	display: inline-block;
	padding: 5px 0; 
	width: 98px;
             
}
#viewport.shop .main .wing .gallery .kings_row{
	display: inline-block;
	width: calc(100% - 103px);
	text-align: right;
}
#viewport.shop .main .wing .gallery .kings_row .name{
	color: #000;
	vertical-align: text-top;
}



#viewport.shop .main > .contains > div{
	margin-bottom: 30px;
}

#viewport.shop .category_section{
	border: 5px solid #4f4f4f;
	padding: 30px;
	background: #fff;
}

#viewport.shop .category_section > div{  }
#viewport.shop .category_section .category{ width: 75%; border-right: 1px solid #ececec; padding-right: 30px; }
#viewport.shop .category_section .category dl{ width: calc(100% / 4); margin-bottom: 20px; }
#viewport.shop .category_section .category a{ font-size: 16px; font-weight: 500; }
#viewport.shop .category_section .category a:hover{ text-decoration: underline; }
#viewport.shop .category_section .category dt{ margin-bottom: 5px; }
#viewport.shop .category_section .category dt > a{ font-weight: 700; }
#viewport.shop .category_section .category dd{ line-height: 25px; }

#viewport.shop .category_section .menu{ width: 25%; padding-left: 30px; } 
/* #viewport.shop .category_section .menu .inner{
	border: 2px solid #4f4f4f;
	border-radius: 20px;
	overflow: hidden;
}
#viewport.shop .category_section .menu li{
	border-bottom: 1px solid #ececec;
}
#viewport.shop .category_section .menu li:last-child{
	border-bottom: 0;
} */

#viewport.shop .category_section .menu li{ margin-bottom: 5px; }
#viewport.shop .category_section .menu li:last-child{ margin-bottom: 0; }
#viewport.shop .category_section .menu .btn{
	/* font-weight: 700;
	font-size: 18px; */
	display: block;
	/* padding: 30px 20px;  */
	text-align: center;
	/* background: #252c43;
	color: #fff; */
	border: 1px solid #252c43;
	
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 25px;
	cursor: pointer;
	
	height: 35px; 
	line-height: 35px; 
	background: #fff; 
	padding: 0 8px; 
	border-radius: 20px; 
	font-weight: 500;
	/* width: 80%; */
	width: 158px;
	margin: 0 auto;
	
}
#viewport.shop .category_section .menu li:nth-child(2) .btn{ 
	/* text-indent: -17px; */
	text-indent: -12px; 
}
#viewport.shop .category_section .menu a:hover{ text-decoration: underline; }



#viewport.shop .category_section .menu .btn > span{ vertical-align: middle; }
#viewport.shop .category_section .menu .btn::before{
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url('../../../skin/shop/basic/images/icon/pcest_icon.png') no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}

#viewport.shop .category_section .menu li:first-child .btn::before{ background-position: -178px -218px; }
#viewport.shop .category_section .menu li:nth-child(2) .btn::before{ background-position: -178px -195px; }
#viewport.shop .category_section .menu li:last-child .btn::before{ background-position: -178px -172px;  }


#viewport.shop .category_section .menu .btn:hover{ background: #c2eeff; }
#viewport.shop .category_section .menu li:nth-child(2) .btn:hover{ background: #fff8c2; }

#viewport.shop .category_section .menu .notice{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ececec; }
#viewport.shop .category_section .menu .notice a{ color: #000; display: block;}
#viewport.shop .category_section .menu .notice > a{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	letter-spacing: -1px;
	
}

#viewport.shop .category_section .menu .notice li{ margin-bottom: 0; }
#viewport.shop .category_section .menu .notice li > a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
}



#viewport.shop .main .media{text-align: center; background: #000; }

#viewport.shop .main .section.sheet > p{ 
	padding: 0 20px;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
}

#viewport.shop .main .section.sheet .product .kings_view{
	width: 403px;
}
#viewport.shop .main .section.sheet .product .kings_view .flex{ align-items: center; height: 100%; }
#viewport.shop .main .section.sheet .product .kings_view .thumb{ width: 140px; margin-right: 10px; }
#viewport.shop .main .section.sheet .product .kings_view .info{ width: calc(100% - 150px); }


#viewport.shop .main .section.sheet .product .kings_view .subject{
	overflow: visible;
	white-space: normal;	
}
#viewport.shop .main .section.sheet .product .kings_view .subject:hover{
	width: auto;
	background: transparent;
	overflow: visible;
	white-space: normal;
}
#viewport.shop .main .section.sheet .product .check{ 
	width: 140px; 
	background: #f3fbfe;
	line-height: 170px;
}
#viewport.shop .main .section.sheet .product .check .price{
	font-size: 20px;
	
}

#viewport.shop .main .section.sheet .product .event{
	display: block;
	font-weight: 700;
	font-family: 'Malgun Gothic';
	margin-top: 15px;
}

#viewport.shop .main .section.sheet .product .event > span{
    background: #ff6c00;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
}

#viewport.shop .main .pc_estimate.popular{
    padding: 0;
    margin: 0; 
}
#viewport.shop .main .pc_estimate.popular > .tab{
    justify-content: space-between; 
    align-items: center;
    background: #fff;  
    margin: 0; 
}

#viewport.shop .main .pc_estimate.popular > .tab > li.on .layout{
    margin: 0 auto;
}
#viewport.shop .main .pc_estimate.popular > .tab > li.notice{
    border: 0;
    width: calc(50% - 200px);
    padding-left: 50px;
    padding-right: 0;
}
#viewport.shop .main .pc_estimate.popular > .tab > li.notice > ul{ max-height: 48px; overflow: hidden; }
#viewport.shop .main .pc_estimate.popular > .tab > li.notice > ul > li{
    text-align: left;
    
}
#viewport.shop .main .pc_estimate.popular > .tab > li.notice > ul > li > a{
    color: #000;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 90%;
}

#viewport.shop .main .pc_estimate.popular > .tab > li:last-child{
    border: 0;
    width: auto;
    /* padding: 0 10px; */
    padding-left: 0;
    padding-right: 25px;
    width: 200px;
}
#viewport.shop .main .pc_estimate.popular + .section{ border-top: 0; padding-top: 30px; }
#viewport.shop .main .pc_estimate.popular .btn{
    display: inline-block;
    text-align: center;
    border: 1px solid #252c43;
    font-size: 14px;
    letter-spacing: -1px;
    cursor: pointer;
   /*  height: 65px; 
    line-height: 60px; */
    height: 40px; 
    line-height: 35px; 
    background: #fff; 
    /* padding: 0 8px; */
    padding: 0 15px; 
    border-radius: 20px; 
    font-weight: 500;
    padding-right: 17px;
    /* width: 158px; */
}

#viewport.shop .main .pc_estimate.popular .btn > span{ vertical-align: middle; }
#viewport.shop .main .pc_estimate.popular .btn::before{
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url('../../../skin/shop/basic/images/icon/pcest_icon.png') no-repeat -178px -172px;
	vertical-align: middle;
	margin-right: 10px;
}
#viewport.shop .main .pc_estimate.popular .btn:hover{ background: #c2eeff; text-decoration: underline; }


#viewport.shop #footer{ background: #fff; }
#viewport.shop #footer .contains{ line-height: normal; padding: 30px 0; height: auto; border-top: 0;   }
/* #viewport.shop #footer .company_info li{ display: inline-block; }
#viewport.shop #footer .copyright{ display: block; margin-top: 30px;  } */


#viewport.shop #footer .layout > div{ text-align: left; /*  vertical-align: middle; padding-top: 10px; padding-bottom: 10px; */  }
#viewport.shop #footer .layout{  }


#viewport.shop #footer .layout > div:first-child{
	padding-right: 60px;
}
#viewport.shop #footer .layout > div:last-child{
	padding-left: 60px;
	border-left: 1px solid #ddd;
}

#viewport.shop #footer .company_info{ }
#viewport.shop #footer .company_info > span:not(.copyright){
	color: #353535;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700; 
}
#viewport.shop #footer .company_info ul{ margin-bottom: 25px;  }
#viewport.shop #footer .company_info li{ /* height: 25px; */ line-height: 25px; color: #666; font-family: dotum; }
#viewport.shop #footer .company_info li span{ font-weight: 700; }
#viewport.shop #footer .company_info li .confirm{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	border: 1px solid #ccc;
	color: #999;
	font-size: 11px;
}
#viewport.shop #footer .copyright{ color: #353535; }
#viewport.shop #footer .contact{
	/* width: 420px;
	padding-left: 60px;
	border-left: 1px solid #ddd; */
}
#viewport.shop #footer .contact .tel{ display: block; font-size: 34px; font-weight: 700; color: #000; line-height: 30px; margin-bottom: 15px; }
#viewport.shop #footer .contact .time{ display: block; color: #ff6600; text-align: center; font-size: 13px; /* margin: 15px 0 25px 0; */ }
#viewport.shop #footer .contact dt,
#viewport.shop #footer .contact dd{ font-size: 13px; color: #353535; }
#viewport.shop #footer .contact dt{ font-weight: 700; font-size: 18px; }
#viewport.shop #footer .contact dd{ padding: 5px 0 25px 0; }

#viewport.shop #footer .contact .contact_sales{ color: #676767; font-size: 14px; margin-bottom: 10px; letter-spacing: -1px; }
#viewport.shop #footer .contact .contact_sales > span{
	color: #b90000;
	font-weight: 500;
}

#viewport.shop #footer .safety{ border-top: 1px solid #ddd; padding: 10px 0; margin-top: 30px; }
#viewport.shop #footer .safety ul{ align-items: center; justify-content: space-between; }
#viewport.shop #footer .safety li{ }
#viewport.shop #footer .safety li.txt{  letter-spacing: -1px; font-size: 11px; font-family: dotum; color: #bbb;}
#viewport.shop #footer .safety li.txt span{ /* display: block; height: 18px; line-height: 18px;  */ vertical-align: middle; }
#viewport.shop #footer .safety li:last-child{  }



.consult_board_wrap .king_compare .table td.data .kings_row{}
.consult_board_wrap .king_compare .table td.data .kings_row .photo{ width: 120px; }
.consult_board_wrap .king_compare .table td.data .kings_row .photo .data{ border-radius: 0; border: 0; }
.consult_board_wrap .king_compare .recommended .consult_table td{ height: 65px; }
.consult_board_wrap .king_compare .recommended .consult_table td.thumb img{ width: 50px; }
.consult_board_wrap .king_compare .recommended .consult_table td .info{ width: 100%; text-align: right; }
.consult_board_wrap .king_compare .recommended .consult_table td .info > span{ display: inline-block; }
.consult_board_wrap .king_compare .recommended .consult_table td .info .price{ margin-bottom: 0; }
.consult_board_wrap .king_compare .recommended .consult_table td .info .button{ cursor: pointer; }



 

/* @media only screen and (max-width:768px) {
	
	.profile_box{ height: calc(100vh - 4rem); padding: 2rem;  }
	.profile_box .profile,
	.profile_box .intro{ width: 100%; height: calc(50vh - 4rem) !important; padding: 2rem;  }
	.profile_box .intro .txt{ padding-right: 0; }
	.profile_box .intro .image{ display: none; }
	.profile_box .intro img{ width: 100%; }
	.profile_box .intro .txt p{ height: auto; }
	
	.main{ padding: 0.5rem; }
	.contains{ width: 100%; }
	.main .section{ display: block; }
	.main .section > div{ padding: 1rem !important; }
	.main .section.flex .title{ width: 100%; border: 0; }
	.main .section.flex .contents{ width: 100%; }
	.main .section.flex .tit{ margin: 0; display: block; margin-bottom: 1rem; }
	.main .section.flex .tit > br{ display: none; }
	
	.main a.info_box{ width: auto; height: 35px; line-height: 35px; font-size :15px; border-radius: 5px; padding: 0 10px; margin-bottom: 0; }
	
	.bbs_table.type3 .cont{ word-break: break-alll; }
	
	ul.bbs_table.type3 li{ padding: 1rem 0;}
	ul.bbs_table.type3 li:first-child{ border-top: 1px solid #e2e2e2; }
	ul.bbs_table.type3 li > div{ display: inline-block; padding: 0; }
	ul.bbs_table.type3 .left{ padding: 0; }

	.consult ul.bbs_table.type3 li{ display: list-item; }
	.consult ul.bbs_table.type3 li::after{ content: ''; display: table; clear: both; }
	.consult ul.bbs_table.type3 li .left{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.consult ul.bbs_table.type3 .condition{ width: 75%; float: right;  }
	.consult ul.bbs_table.type3 .state{ width: 25%; float: left; }
	
	.consult ul.bbs_table.type3 .guide{ margin: 0; width: 100%; }
	.consult ul.bbs_table.type3 .guide::before{ display: none; }
	
	
	.main .cdt{
		border: 0;
		background: #fff;
		width: auto;
		height: auto;
		margin: 0 !important;
	}
	.main .cdt::before{
		content: '#';
	}
	.bbs_table.type3 .step{
		border-radius: 0;
		height: auto;
		line-height: normal;
	}
	
	.post .bbs_table.type3 li{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.post .bbs_table.type3 .thumb{ width: 30%; }
	.post .bbs_table.type3 .left{ width: 70%; padding: 0 1rem; }
	.post .bbs_table.type3 .avg{ margin-bottom: 0; }
	.post .bbs_table.type3 .info{
		width: 100%; 
		text-align: left;
		margin-top: 1rem;
	}
	
	.review .bbs_table.type3 li{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.review .bbs_table.type3 .thumb{ width: 30%; }
	.review .bbs_table.type3 .left{ width: 70%; padding: 0 1rem; }
	.review .bbs_table.type3 .avg{ margin-bottom: 0; }
	.review .bbs_table.type3 .info{
		width: 100%; 
		text-align: right;
		margin-top: 1rem;
	}
	
	
	.estimate .contents > div{ width: 100%; }
	.main .ico{ padding: 0; }
	.main .recommended .est.ico::before{ display: none; }
	.main .inquiry_box{ padding: 2rem 0; margin-top: 2rem; border-top: 1px dotted #d7d7d7; }
	.main .inquiry_box .message{ word-break: break-all; }
	.main .inquiry_box .message.ico::before{ position: static; }
	
	.main .section.estimate .contents{ border: 0; }
	.main .section.estimate .contents > div{ padding: 0; }
	.main .consult_item{ border: 0; padding: 0;  }
	.main .consult_item li{ width: calc(100% / 4 - 5px); }
	.main .consult_item li img{ width: 100%; }
	.main .recomm_box{ margin-bottom: 1rem; border-bottom: 1px solid #d7d7d7; }
	.main .recommended > div{ width: 100% !important; padding: 0; }
	.main .recommended .info{ margin-top: 1rem;  }
	.main .recommended .info .price{ margin-bottom: 0; margin-right: 5px; }
	.main .recommended .info > *{
		display: inline-block !important;
		vertical-align: middle; 
	}
	
	
	.main div.shop{ display: block; }
	.main div.shop .section{ padding: 18px; }
	.main div.shop .section .title{ text-align: center; }
	.main .section.gallery{
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.main .section.gallery .tit{ display: block; margin-bottom: 1rem; }
	.main .section.gallery .more{
		float: none;
	}
	
	
	.main .section.gallery li .thumb{ width: 100%; height: auto; }
	.main .section.gallery li .thumb:after { 
		content: "";
		display: block;
		padding-bottom: 100%;
	}
	.main .section.gallery li{
		width: calc(100% / 2 - 10px);
		margin-right: 20px;
	}
	.main .section.gallery li:nth-child(2n){ margin-right: 0; }
	.main .section.gallery li .kings_row{ display: none; }
	
	
	.main div.shop .info{ width: 100%; }
	.main div.shop .info > div{ height: auto; }
	
	.main .section.event .contents{ width: 100%; }
	.main .section.event .contents ul{ width: 100%; }
	.main .section.event .contents li{ width: 100%; }
	.main .section.event .arr{ display: none; }
	
	.main .section.guide li{ min-width: 50%; }
	
	.main .section.sheet .title{ margin-bottom: 0; text-indent: 0; text-align: center; }
	.main .section.sheet .product{ padding: 0 1rem; }
	.main .section.sheet .product > li{ display: list-item; }
	.main .section.sheet .product.type1 > li{ height: auto; }
	.main .section.sheet .product > li > div{
		margin-right: 0;
		width: 100% !important; 
		margin-bottom: 1rem; 
	}
	.main .section.sheet .product .kings_view .subject{
		white-space: normal;
		overflow: visible;
		text-overflow: inherit;
	}
	.main .section.sheet .product .kings_view .tag{ margin-bottom: 0; }
	
	.main .section.sheet .product .compos_prd_table th, 
	.main .section.sheet .product .compos_prd_table td{ 
		font-size: 1rem;
		width: auto;
		line-height: normal; 
		vertical-align: middle !important;
		padding: 0.5rem;
		font-family: inherit !important;
		font-weight: 400 !important;
	}
	
	
	.main .section.sheet .product .check .layout{
		height: auto; 
	}
	.main .section.sheet .product .check .layout > div{
		width: 50%; 
	}
	.main .section.sheet .product .check .part > div{ padding: 12px 10px; }
	.main .section.sheet .product .check .all_parts{ padding: 40px 10px; }
	.main .section.sheet .product .btn_wrap.one .btn{
		padding: 1rem; 
	}
	.main .section.sheet .product .btn_wrap .btn::before{
		display: inline-block;
		margin: 0;
		margin-right: 5px;
		vertical-align: text-top; 
	}

	
	#header .contains{ width: 90%; }
	#footer .contains{
		border-top: 0;
		height: auto;
		line-height: normal;
		padding: 2rem 0; 
	}
}
 */

.paginate{
	font-size: 0;
	padding: 10px 0;
	text-align: center;
}
.paginate a{
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #e2e2e2;
	color: #999;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
	margin-right: 4px;
}

.paginate a.on{ background: #5e5e5e; color: #e2e2e2; }
.paginate a.next{ font-size: 12px; }
