@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */

/*���� ��ǰ ����Ʈ*/
.pagetitle{padding:20px; box-sizing: border-box; font-size:13px;}
.pagetitle .path span img{padding-top:3px; padding-right:5px;}
.pagetitle .path .menu_name{padding-left:5px; font-size:13px;}
#content .tit_list{padding-bottom: 25px; font-size:18px; line-height:1; font-weight:200; text-align:center;}
#content .tit_list span{color:#224390; font-weight:500;}
.button.red{background:#e11b22; border-color:#cc151b;}

ul.sub_list_product li{position: relative; float: left; width: 32.1%; margin-left: 1.5%; margin-bottom:1.5%; border: 1px solid #d6d6d6;}
ul.sub_list_product li:hover{border:1px solid #224390; transition:0.5s}
ul.sub_list_product li:nth-child(3n+1){margin-left: 0;}
ul.sub_list_product li a{display: block; box-sizing: border-box; padding:14px;}
ul.sub_list_product li a .img img{border:1px solid #eaeaea; }
ul.sub_list_product li a .text{margin-top:14px;}
ul.sub_list_product li .list_icon span{display:inline-block; background:#f2b206; font-size:12px; width:53px; height:18px; text-align:center; color:#fff;}
ul.sub_list_product li .list_icon .icon01{background:#f2b206;}
ul.sub_list_product li .list_icon .icon02{background:#db4b4b;}
ul.sub_list_product li .list_icon .icon03{background:#10a5af;}
ul.sub_list_product li p.account{margin-top:10px; font-size:13px; color:#888;}
ul.sub_list_product li p.tit_product{font-size:18px; font-weight:bold; color:#000;}
ul.sub_list_product li .list_price{margin-top: 10px;}
ul.sub_list_product li .list_price .discount{font-size:40px; color:#d0453a; font-weight:800; letter-spacing: -2px;}
ul.sub_list_product li .list_price span.price{padding:0 7px; font-size:25px; color:#333; font-weight: bold; letter-spacing: -1px;}
ul.sub_list_product li .list_price span ~ em{font-size:18px;color:#888; text-decoration:line-through; font-weight:normal;}
ul.sub_list_product li .list_price em{font-size:25px; color:#333; font-weight:bold;}

/*��ǰ ����������*/
.product_view{overflow:hidden; padding:20px 0;}
.product_view_top{overflow:hidden;}
.product_view_top .product_img{float:left; width:398px; margin-right:30px;}
.product_view_top .product_img .img{overflow: hidden; display:block; vertical-align: middle; height:358px; line-height:358px; border:1px solid #eaeaea; text-align:center;}
.product_view_top .product_img .img img{max-width:100%; vertical-align:middle;}
.product_view_top .product_img .list{margin-top:10px;}
.product_view_top .product_img .list:after{content:''; display:block; clear:both;}
.product_view_top .product_img .list > li{float:left; width:25%;}
.product_view_top .product_img .list > li > a{display:block; overflow:hidden; height:70px; margin-left:5px; box-sizing:border-box; border:1px solid #eaeaea; text-align:center;}
.product_view_top .product_img .list > li > a img{height:100%; margin-left:-100%; margin-right:-100%;}
.product_view_top .product_img .list > li:first-child > a{margin-left:0px;}
.product_view_top .text{float:left; width:510px;}
.product_view_top .list_icon span{display:inline-block; padding:5px 10px; background:#f2b206; margin-right:3px; font-size:13px; text-align:center; color:#fff;}
.product_view_top .list_icon .icon01{background:#f2b206;}
.product_view_top .list_icon .icon02{background:#db4b4b;}
.product_view_top .list_icon .icon03{background:#10a5af;}
.product_view_top p.account{margin-top:15px; font-size:16px; color:#888;}
.product_view_top .tit_product{font-size: 30px; font-weight: 500; color: #000; letter-spacing: -1px;}
.product_view_top .list_price{margin-top:10px;}
.product_view_top .list_price .discount{font-size:37px; color:#d0453a; font-weight:800; letter-spacing: -2px;}
.product_view_top .list_price span.price{padding:0 7px; font-size:25px; color:#333; font-weight: bold; letter-spacing: -1px;}
.product_view_top .list_price span ~ em{font-size:18px;color:#888; text-decoration:line-through; font-weight:normal;}
.product_view_top .list_price em{font-size:25px; color:#333; font-weight:bold;}

.product_view_top .list_select{overflow:hidden; margin:15px 0 30px;}
.product_view_top .list_select span{float:left; width:90px; font-weight:500; color:#000;}
.product_view_top .list_select ul li{clear:both; line-height: 33px;}
.product_view_top .list_select ul li > div{float:left;}
.product_view_top .list_select ul li > div > select{width:300px; text-align: center;}
.product_view_top .list_select ul li > div > select > option{text-align:center;}
.product_view_top .list_btn {overflow: hidden;}
.product_view_top .list_btn a{float:left; display:inline-block; box-sizing: border-box; width:230px; height:60px; color:#fff; text-align:center;}
.product_view_top .list_btn .btn01{background:#224390; font-size:16px; margin-right:10px; padding: 5px 0;}
.product_view_top .list_btn .btn01 span{display:block; font-size:20px; font-weight:bold; line-height: 1;}
.product_view_top .list_btn .btn02{background:#10a5af; font-size:20px; font-weight:500; line-height:60px;}

.product_view_detail{clear:both; overflow:hidden; margin-top:50px;}
.product_view_detail h5{margin-bottom:15px; font-size:18px; font-weight:400; color:#222; line-height: 1;}
.product_view_detail h5 span img{padding-left:5px; vertical-align: top;}
.product_view_detail .detail_inr{min-height:300px; border-top:1px solid #000; border-bottom:1px solid #dfdfdf}
.product_view_detail .detail_inr img{width:100%; height: auto;}

.btn_area{margin-top:35px; text-align:right;}
.btn_area > a:not(.button){padding:15px 45px; background:#224390; color:#fff;}

/*�̿�����*/
.sub_title_area h2{margin-top:10px; padding-bottom:30px; font-size: 30px; font-weight: 400; color: #222;}
.policy-view h3 {clear:both;margin:31px 0 15px; color:#000;font-weight: 600;}
.policy-view h3:first-child {margin-top:0; padding:0; border:0; }
.policy-view p{font-size: 14px;line-height: 1.6;}
.policy-view ul {}
.policy-view ul li{margin-top:5px;line-height:1.6;font-size:14px;}
.policy-view ul li ul{padding-left: 15px; margin-bottom:10px;}

/*ȸ���Ұ�*/
div#content.sub{box-sizing: border-box; padding: 0 2%;}
.company_top h3{margin-top: 25px; font-size: 21px; font-weight: 400; color: #000;}
.company_top p{width:96%; margin-top:15px; color:#666;}
.company_top span{display:block; margin-top:15px; text-align:right;}
.company_top span b{font-size:18px;}

.company_bottom{margin-top:40px;}
.company_bottom table{width:100%; margin-top:25px; border-top:2px solid #2f3a4c; border-right:1px solid #cacaca;}
.company_bottom table th{padding:15px; background:#2f3a4c; border-bottom:1px solid #777777; color:#fff;}
.company_bottom table td{padding:15px; border-left:1px solid #cacaca; border-bottom:1px solid #cacaca;}

/* �Խ��� ��Ų���� */
.bbsView{border-collapse:collapse;}
.bbsView tbody th{background:#f5f5f5; border:1px solid #e0e0e0 !important; border-right-color:#868686 !important; box-shadow:none;}
.pagination span,
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#224390; border-color:#224390;}
.bbsView th label[for="email1"],
.bbsView th label[for="adr"],
.bbsView th label[for="title"],
.bbsView th label[for="contents"]{display:inline-block; margin-left:10px;}

/* label price update 240725 */
.product_view_top .list_price span.price::before {
    content: '월';
    font-size: 30px;
    font-weight: 500;
    margin-right: 5px;
}

@media all and (max-width:980px){
	header#header .header_top .wrapper{padding:0px !important;}
	.product_view_top .product_img{width:40%; margin-right: 4.5%;}
	.product_view_top .product_img .img{height: auto; line-height:inherit;}
	.product_view_top .text{width:55%;}
	.product_view_top .list_btn .btn01{margin-right:0;}
	.product_view_top .list_btn a{width:49%; margin:0 0.5%;}

	.sub_title_area h2{font-size: 25px; text-align:center;}
	.company_top img{width:100%;}

	#content .tit_list{word-break:keep-all;}
	.wrapper{box-sizing:border-box; padding:0 15px;}
	.pagetitle.wrapper{padding:15px;}
	.product_view{padding:0px;}
}

@media all and (max-width:768px){
	.product_view_top .product_img{float:none; width:100%; margin-right:0px;}
	.product_view_top .text {width:100%; margin-top:20px;}
	.product_view_top .list_price{margin-top: 20px;}
	.product_view_top p.account{font-size:14px;}
	.product_view_top .list_icon span{font-size:13px;}
	.product_view_top .tit_product{font-size:17px; font-weight:600;}
	.product_view_top .list_price .discount{font-size:30px;}
	.product_view_top .list_price span.price{font-size:20px;}
	.product_view_top .list_price em{font-size:16px;}
	.product_view_top .list_btn{margin-top:20px;}

	.company_bottom iframe{height:300px;}
	.company_bottom table th, .company_bottom table td{padding:8px 12px;}
}

@media all and (max-width:640px){
	.bbsView td.tel > input[type="text"]{width:100% !important;}

	.bbsList.rental tr{padding:5px;}
	.bbsList.rental tr td{padding:2px 7px; text-align:left;}
	.bbsList.rental tr td:last-child{text-align:right;}
}

@media all and (max-width:500px){
	.product_view_top .list_btn .btn01, .product_view_top .list_btn .btn02, .product_view_top .list_btn .btn01 span{font-size:15px;}
	.product_view_top .list_btn a{height:50px;}
	.product_view_top .list_btn .btn02{line-height:50px;}
	/* .btn_area a{padding:10px 35px;} */
	.product_view_top .list_select ul li > div{width:calc(100% - 90px);}
	.product_view_top .list_select ul li > div > select{width:100%;}

	.company_top h3{font-size: 18px;}

	.product_view_top .list_price span.price::before {font-size: 26px;}
}

@media all and (max-width:420px){
	.wrapper{padding:0 10px;}
	#content .tit_list{font-size:16px;}
}