f@charset "euc-kr"";
/* CSS Document */

/* Float bug */
.clearfix:after{
             content: ".";
             display: block;
             height: 0;
             clear: both;
             visibility: hidden;
}

.clearfix{
             display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix{
             height: 1%;
}

/* cl_board 공통스타일 */
img	{border:0;}
ul	{padding:0; margin:0; list-style:none;}
ul li	{padding:0; margin:0; list-style:none;}
form	{padding:0; margin:0;}

.color1{
	color:#555555;
	font-weight:bold;
}
.color2{
	font-weight:bold;
}
.color3{
	font:10px;
	font-style:Tahoma;
}
.color4{
	font:10px;
	color:#0082bb;
}
.color5{
	font:9px;
	color:#747474;
	font-style:Tahoma;
}

/* 링크스타일 */
/*
a:link	{text-decoration:none; color:#333;}
a:hover	{text-decoration:none; color:#333;}
a:active	{text-decoration:none; color:#333;}
a:visited	{text-decoration:none; color:#333;}
*/
/*입력요소에 포커스가 갔을때 노란색으로 표시*/
put: focus {background-color:yellow;}

/* Float bug */

/* 링크 점선 없애주기*/

a	{selector-dummy: expression(this.hideFocus=true);}

a	{text-decoration:none; color:#333;}
a:hover	{text-decoration:none; color:#777;}

/* 공통요소 */
img	{border:none;}
.hide	{display:none;}
.float_left	{float:left; }
.float_right	{float:right; }
.align_center	{text-align:center; }
.align_right	{text-align:right; }
.pad_left	{padding-left:20px; }
.point	{color:#cc0000;}
.middle	{vertical-align:middle;}
.border_none	{border:none;}
.small_font	{font-size:11px;}
.png24 	{tmp:expression(setPng24(this));}
.ht	{float:left; margin-top:3px;}

/* 레이아웃 */

/*게시판관련요소*/

/* 테이블 관련 */

table{
	margin:auto;
	font-family:AppleGothic, "돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;
	color:#666;
	font-size:12px;
}

/* bo_board.php */

#loadingBar{
	background-color:#FFF;
	display:none;
	position:absolute;
	border:1px solid Gray;
}

#divDelete{
	 display:none;
	 position:absolute;
}

#subContent table{
	font-size:12px;
}

.sum_img{
	width:130px;
	border:1px solid #ddd;
	padding:2px;
}
.sum_img:hover{
	border:3px solid #0082bb;
	padding:0;
}


/* 로그인 폼 */
#bo_pass{
	width:100%;
	height:445px;
	text-align:left;
	vertical-align:middle;
}
.pass{
	padding:110px 0 0 135px;
	width:431px;
	border-collapse:collapse;
}
.bgT{
	width:431px;
	height:35px;
	background:url(images/passT.png);
	text-align:right;
	font-size:1px;
}
*html .bgT{
	height:35px;
	font-size:1px;
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passT.png', sizingMethod='crop');
}
.bgT img{
	 cursor:pointer;
	 position:relative;
}
.bg_bg{
	width:431px;
	background:url(images/passM.png) repeat-y;
}
*html .bg{
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passM.png', sizingMethod='scale');
}
.bg_body{
	padding:0 40px 0 30px;
}
.message{
	margin:20px 0;
	padding:10px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-family:AppleGothic, "돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;
	color:#666;
	font-size:12px;
}
.confirm{
	padding-bottom:10px;
}
.passInput{
	margin-right:5px;
	border:none;
	background-color:#f0f0f0;
	width:250px;
	vertical-align:middle;
}
.passInput_bt{
	border:none;
	vertical-align:middle;
}
.confirm img{
	cursor:pointer;
	vertical-align:middle;
}
.bgB{
	width:431px;
	height:25px;
	background:url(images/passB.png) no-repeat;
}
*html .bgB{
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passB.png', sizingMethod='crop');
}


#divAddDelete{
	display:none;
	position:absolute;
	left:400;
	top:550;
	font-size:14px;
	font-family:AppleGothic, "돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;
}
.passCm{
	width:235px;
}


.bgCm{
	width:235px;
	background:url(images/passCmM.png) repeat-y;
}
.bgCm_body{
	padding:0 30px 0 20px;
}
.bgCmT{
	height:35px;
	background:url(images/passCmT.png) no-repeat;
	font-size:1px;
	text-align:right;
}
.bgCmT img{
	cursor:pointer;
	position:relative;
}
.bgCmB{
	height:25px;
	background:url(images/passCmB.png) no-repeat;
}
*html .bgCm{
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passCmM.png', sizingMethod='scale');
}
*html .bgCmT{
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passCmT.png', sizingMethod='crop');
}
*html .bgCmB{
	background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passCmB.png', sizingMethod='crop');
}
.confirm2{
	margin-top:10px;
}
.passInput2{
	margin-right:5px;
	width:125px;
	border:none;
	background-color:#f0f0f0;
	vertical-align:middle;
}
.passInput2_bt{
	border:none;
	vertical-align:middle;
}


#cl_board_Wrap {
	border:0;
	text-align:center;
	padding:0;
}
#cl_board_title_img {
	border:0;
	padding:0;
	display:inline-block;
}
#cl_board_main tbody td {
	vertical-align:top;
	text-align:center;
}


/* 제품소개 */

/* list_page */
ul.tab_pro{width: auto; overflow:hidden; margin: 0 auto 50px auto; text-align: center;}
ul.tab_pro li{display:inline-block; width: 150px; margin-left:20px;}
ul.tab_pro li:first-child{margin-left:0px;}
ul.tab_pro li a{display: block; width: 150px; height: 150px; line-height: 150px; color: #950006; text-align: center; }
ul.tab_pro li a:hover{display: block; width: 150px; height: 150px; line-height: 150px; color: #FFF; text-align: center; }
ul.tab_pro li a.on{display: block; width: 150px; height: 150px; line-height: 150px; color: #FFF; text-align: center; font-size: 20px; font-weight: bold;  letter-spacing: -1px;}

.pro_list_wrap{width:980px; overflow:hidden; margin: 0 auto;}
/* ul.pro_list{overflow:hidden; margin: 0 auto; display: flex; flex-wrap: wrap;}
ul.pro_list li{width:320px; height: ; margin-right:40px; margin-bottom: 70px; position:relative; text-align: center; overflow:hidden;} */

ul.pro_list{ display:block;  overflow:hidden; margin: 0 auto; text-align:left; }
ul.pro_list li{ display:inline-block; overflow:hidden; vertical-align:top; width:320px; margin-right:35px; margin-bottom: 70px; position:relative; text-align: center; }
ul.pro_list li:nth-child(4n){margin-right: 0px;}
ul.pro_list li a {width:100%; height: auto; overflow:hidden;}
ul.pro_list li a img{left:0; top: 0px; height: 260px; width: 100% !important;}
.pro_name{left:0; top: 310px; width:100%; margin-top: 15px; text-align: center; font-family: 'Play', 'Noto Sans KR'; font-size: 18px; color: #333; }

.pro_btn_bg{position:absolute; left:-470px; top:0px; width:100%; height:260px; background:url('/images/pro_btn_bg.png'); transition-duration:0.7s; overflow:hidden; }
ul.pro_list li a:hover .pro_btn_bg {left: 0; top:0px; transition-duration:0.5s;}
.pro_btn_bg p{color: #FFF;}
.pro_btn_bg p.pro_tit{width: 85%; margin: 83px auto 0; font-family: 'Play', 'Noto Sans KR'; font-size: 20px; font-weight: bold;}
.pro_btn_bg p.pro_txt{margin-top: 10px;}
.pro_btn_bg span {position: absolute; bottom: 70px; left: 50%; margin-left: -70px; display:inline-block; border: 1px solid #f1f1f1; width: 145px;height:35px; line-height:35px; color:#FFF; border-radius:22px; font-size:17px; font-family:'NanumSquareB';}

/* view_page */
.pro_vname{margin-bottom: 40px; font-size:24px; font-family: 'Play', 'Noto Sans KR'; padding: 15px 0; border-radius: 10px; width: 100%; background: #111954; color: #FFF; font-weight: bold; text-align: center}

.pro_view_wrap{width:980px; overflow:hidden; margin: 0 auto;}

.view_left{float: left; width:700px; text-align: center;}
.view_left ul.view_list li{position:relative; float:left; margin-left:10px; font-size:0; line-height:0; width: 70px; height: 70px;}
.view_left ul.view_list li img{width: 70px; height: 70px;}
.view_left ul.view_list li:first-child{margin-left:0;}
.view_left ul.view_list li .view_bg{position:absolute;top:0px;left:0; z-index: 10000000;}
.view_left ul.view_list{overflow:hidden; display:table;margin-left:auto;margin:10px auto;}

.product-detail img {width: auto !important;}


.view_right{float: right; width: 250px;}

.view_right ul.pro_info{border-bottom:1px solid #999999;padding-bottom:27px;}
.view_right ul li.pdt_sub_info{color:#717171;padding-top:10px;line-height:20px;font-weight:400;}
.view_right ul li p.txt{color:#717171;}
.view_right ul li p {margin-bottom: 10px; }
.view_right ul li {}
.view_right .btn_wrap{margin-top:130px;}
.view_right .btn_wrap ul{width:100%;/*margin:-10px 0 0 -10px*/}
.view_right .btn_wrap ul li {width:100%;}
.view_right .btn_wrap ul li a {display: block;border:1px solid #dadfd9; text-align: center;width:100%;box-sizing:border-box;padding:15px 0; margin-bottom:15px;  font-weight:bold;}
.view_right .btn_wrap ul li a{box-sizing:border-box; width:100%;}
.view_right .btn_wrap ul li{box-sizing:border-box;padding-left: 10px;}
.view_right .btn_wrap ul li a span{color:#fff;}
.btn_buy{background:#111954; border:1px solid #950006;}
.btn_list{background:#2099c4; border:1px solid #2099c4;}
.btn_pdf{background:#950006; border:1px solid #950006;}

.pro_view_con{overflow:hidden; margin: 0 auto; text-align: left;}
#sub_con .pro_view_con h4{margin-top: 70px; font-size: 25px;font-family: 'paybooc-Bold';}
.pro_view_con_in{ margin: 20px auto;}

.btn_wrap2{margin-top:60px; border-top:1px solid #999999; padding-top: 30px;}
.btn_wrap2 ul{text-align: center; margin: 0 auto;}
.btn_wrap2 ul li {display: inline-block; width: 250px;}
.btn_wrap2 ul li a {display: block;border:1px solid #dadfd9; text-align: center;width:100%;box-sizing:border-box;padding:15px 0; margin-bottom:15px; font-size: 18px; font-weight: 500;}
.btn_wrap2 ul li a{box-sizing:border-box; width:100%;}
.btn_wrap2 ul li{box-sizing:border-box;padding-left: 15px;}
.btn_wrap2 ul li a span{color:#fff;}