/* 공통 css (게시판포함) */
@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
html, body{background: none !important;}
		@font-face {
		font-family: 'Wemakeprice-SemiBold';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-SemiBold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}


/* 입력폼 CSS */
input,textarea,select,button {
    border: 1px solid #e5e5e5;
    padding: 0px 5px 0px 5px;
    margin-right: 5px;
}

input,select,td,th {
    vertical-align: middle;
}
label {margin-right: 5px;}

input[type=submit] {
	padding: 0px 30px;
    cursor: pointer;
    background-color: #2b6db0;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #2b6db0;
    color: #ffffff;
    height: 38px;
    margin-left: 20px;	
    margin-top: 0px;
} 

input[type=button] {
	padding: 0px 30px;
    cursor: pointer;
    background-color: #ffffff;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #323232;
    color: #323232;
    height: 35px;	
} 
input[type=button]:hover  { opacity: :0.8; background-color: #2b6db0; color: #ffffff; border: 1px solid #2b6db0;}

/* input:focus,  input[type=text]:focus, textarea:focus {
    background-color: #e6edf3;
    border: 1px solid #e6edf3;
} */

input[readonly='readonly'] {
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  cursor: auto;
}

input[type=reset] {
	padding: 0px 30px;
    cursor: pointer;
    background-color: #ffffff;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #2b6db0;
    height: 35px;	
}

input[readonly='readonly']:hover, input[readonly='readonly']:focus {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
}

input[type=radio], input[type=checkbox] { height: 18px; }

input[type=text], select, textarea, input[type=tel], input[type=email], input[type=password] {
    border: 1px solid #b3b3b3;
    -moz-border-radius: 0px;
    -webkit-border-radius: 2px;
    border-radius: 0px;
    line-height: 24px;
    height: 37px;
    padding: 0 5px;
    min-width: 180px;
}

select {
   background: #f9f9f9;
   height: 40px;
   padding: 0 5px;
   background: #ffffff url(/img/product/layout/select_arrow_1.png) no-repeat 100% 50% !important;
   -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; /* IE 10, 11의 네이티브 화살표 숨기기 */
}

input:selected {
    background-color: #f9efda;
    border: 1px solid #e5e5e5;
}
select::-ms-expand { display: none;}

textarea { width: 100%; min-height: 250px; line-height: 180%;background: #ffffff;border: 1px solid #e4e4e4; margin-bottom: 10px;    font-family: 'Nanum Gothic', sans-serif;}

textarea [readonly='readonly'] {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    cursor: text;
}

.textarea_box {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    text-align: center;
    border-top: 3px solid #363636;
    clear: both;
    min-width: 1000px;
}

/*form CSS 추가 */
:focus, a:focus {outline: none !important;}
/* button:focus {border: none !important;outline: none;} */

input[required='required'], select[required='required'], , textarea[required='required'] {border: 1px solid #bbb !important;  background-color: ##d2d2d2;}
input[readonly='readonly'], select[readonly='readonly'], textarea[readonly='readonly'] {
  background: #d2d2d2 !important;
  border: 1px solid #bbb !important;
  cursor: auto !important;
}
input[disabled='disabled'] {
  background: #d2d2d2 !important;
  border: 1px solid #bbbbbb !important;
  cursor: auto !important;
}
button[disabled='disabled'], button[disabled] {
  background-color: #848484 !important;
  border: 1px solid #848484 !important;
  cursor: auto !important;
  opacity:0.4 !important;
}
select[disabled='disabled'] {
  background-color: #d2d2d2 !important;
  border: 1px solid #bbbbbb !important;
  cursor: auto !important;
}
input[type=number] {/* text-align: right; */}

input[type=reset] {
	padding: 0px 20px;
    cursor: pointer;
    background-color: #ffffff;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #2b6db0;
    height: 24px;	
}

input[readonly='readonly']:hover, input[readonly='readonly']:focus {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
}
input:focus, input[type=text]:focus, select:focus, textarea:focus {/* border: 1px solid #3e9ccd !important; */  outline: none !important;}
textarea {border: 1px solid #bbb;resize:none;/* 크기고정 */ }

input::-webkit-calendar-picker-indicator { opacity: 0;}  

input[list], input[list]:hover { background: #ffffff url(/images/egovframework/hbz/content/com/select_arrow_1.png) no-repeat 100% 50% !important;}

.listschbtn {border-radius: 0px !important;} 

.ui-widget.ui-widget-content {border: 1px solid #bababa !important;}
.ui-widget.ui-widget-content {top: 300px;    border: 1px solid #376b8b !important;}
.ui-dialog .ui-dialog-buttonpane button {border: 1px solid #376b8b;    background: #376b8b;    font-weight: normal;    color: #ffffff;}

/*layer_popup*/
.popup_poscocnc {right: 40px;  top: 150px;  position: fixed;  z-index: 999;border: 0px solid #aaa; padding: 20px; border-radius: 10px; background: #2e2e2e;}
.popup_poscocnc li img { max-width: 100%; height: auto; width: auto;}
.popup_poscocnc li.btn_close {width: 100%; margin: 0px; font-size: 14px; color: #ffffff; border: 0px solid #0e67a9; background: #2e2e2e;  border-radius: 0%; padding: 0px; height: auto; line-height: 23px; text-align: right;}
.popup_poscocnc li .btn_link {width: 100%; background: #221c19 !important;}
.popup_poscocnc .mobile {display:none; }
.popup_poscocnc img[usemap] {border: none;height: auto;max-width: 100%;width: auto;}

@media screen and (max-width: 1000px){
	.popup_poscocnc {top: 80px; right: 0px;margin: 10px;}
	.popup_poscocnc .mobile {display:block; }
	}


/*contents*/
.poscocnc_logo {position: relative; top: 11px;} 
.sub_title {font-size: 30px; text-align: center; line-height: 35px;    margin-bottom: 30px;}
.sub_title_box { box-shadow: 0 0 5px rgb(0 0 0 / 20%);  padding: 10px 20px;  border-radius: 30px;  background: #fff;  margin-bottom: 50px;text-align: center;}
.bl { font-size: 18px;  /* background: url(/img/product/layout/bl_1.png) 0 center no-repeat;  padding-left: 17px; */  margin: 0 0 10px 0;  display: block;text-align: left;}
.etc_box { border: 1px solid #b8b8b8 !important;   padding: 20px;}
.color_red {color:#ff0000;}
.mscroll {overflow-x: auto;overflow-y: hidden; position: relative;clear: both;}
.submenu_block { display: block !important;}
.blank_icon { background: url(/img/product/layout/blank_icon1.png) 125px center no-repeat;}
.mb_30{margin-bottom: 30px;}
.dp_none {display: none !important; }
.half_background { background: linear-gradient(to top, #faff5f 50%, transparent 50%); font-weight: bold;}
.box {background: #f1f1f1;  border: 1px solid #ccc;    border-top: 2px solid #323232;    padding: 20px;font-size: 14px; text-align: center;}


.img_blur {-webkit-filter: blur(4px);filter: blur(4px);}
.img_brightness {-webkit-filter: brightness(0.30);filter: brightness(0.30);}
.img_contrast {-webkit-filter: contrast(180%);filter: contrast(180%);}
.img_grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.img_huerotate {-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);}
.img_invert {-webkit-filter: invert(100%);filter: invert(100%);}
.img_opacity {-webkit-filter: opacity(50%);filter: opacity(50%);}
.img_saturate {-webkit-filter: saturate(7); filter: saturate(7);}
.img_sepia {-webkit-filter: sepia(100%);filter: sepia(100%);}
.img_shadow {-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green);}
.blurred {box-shadow: 0 0 5px 5px #adadad inset; background-blend-mode: multiply;}


/*visualizar*/
.visualizer_intro {padding:50px 50px 80px 50px;}
.visualizer_intro .visualizer_main_list{display: flex;}
.visualizer_intro .visualizer_main_list li{transition: 1s; height: 480px; position: relative; border-radius: 20px; overflow: hidden; margin: 0 10px; }
.visualizer_intro .visualizer_main_list li a{display: block;}
.visualizer_intro .visualizer_main_list li a > img{transition: 1s;}
.visualizer_intro .visualizer_main_list li a:hover > img{transform: scale(1.1);}
.visualizer_intro .visualizer_main_list li span{z-index: 1; margin-top: 130px; display: block; width: 100%; text-align: center; font-size: 40px; font-weight: 500; color: #fff; position: absolute;}
.visualizer_intro .visualizer_main_list li span img{display: block; margin: 0 auto;}
.visualizer_intro .visualizer_main_list li > img{width: 100%;}

.visualizer_intro .intro_title{text-align: center; font-size: 50px; font-weight: 900;  zoom: 1; background: linear-gradient(to right, #47b7f9, #092b58);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #ffffff; }
.visualizer_intro .intro_sub_title{text-align: center; margin: 10px 0 50px 0; }
.modal_back{position: absolute; top: 0; left: 0; z-index: 1; padding: 20px;}
.visualizer_intro2 {padding: 0px !important; max-width: 1700px !important; overflow: hidden; height: 730px !important;width: 97% !important;}
.visualizer_sub_img{display: inline-block; width: 100%;}
.visualizer_sub_list{display: inline-block; width: 40%; vertical-align: top;}
.visualizer_sub_list li{margin: 5px;}

.visualizer_pattern img{display: inline-block; width: 50%;}
.visualizer_pattern{display: inline-block; width: 40%; vertical-align: top; bottom: 230px;} 
.visualizer_pattern > ul{display: flex; flex-direction: row;}
.visualizer_pattern img{width: 100%;}
.visualizer_intro2 .visualizer_sub_list{z-index: 1; position: absolute; top: 0; right: 0;}
.visualizer_intro2 .slider-nav li{padding: 5px;}
.visualizer_intro2 .tab_menu li.current{opacity: 1; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.visualizer_intro2 .tab_menu li{ width: 130px; overflow: hidden;margin: 5px;}
.visualizer_intro2 .tab_menu li.on {opacity: 0.5;}
.visualizer_intro2 .tab_cont .cont{width: 74%; overflow: hidden;}
.visualizer_intro2 .tab_cont .cont .cont_img {height: 730px;}
.visualizer_intro2 .tab_cont .cont img.cont_img {text-align:left;}

.visualizer_slideshow { overflow: hidden; width: 40%; right: 4%; position: absolute !important;  top: 139px; height: 150px;}

.slideshow{overflow:hidden; width: 40%; right: 50px; position: absolute; top: 120px; height: 225px;}

.slideshow ul{width: 100%; position: absolute; left: 0;overflow: hidden;}

.slideshow li{display: inline-block; margin-right:10px; cursor:pointer; vertical-align: top;}
.slideshow li img {width: 100%; height: 113px;}
.visualizer_intro2 .comm_tab2 ul.jq_tab{flex-wrap: wrap; border: none; background: none; padding: 0; margin-bottom:80px; width: 40%; display: flex; position: absolute; right: 45px; overflow: hidden;}
.visualizer_intro2 .pattern_con{border-top: 1px solid #ccc; width: 40%; display: flex; position: absolute; right: 50px; bottom: 0; padding: 10px 0; height: 207px;}
.visualizer_intro2 .pattern_con li{color: #1f1f1f; font-weight: 300; margin-bottom: 5px;}
.visualizer_intro2 .pattern_con li span{color: #000; display: inline-block; width: 60px;}
.visualizer_intro2 .pattern_con h5{text-align: left; padding: 0; font-size: 23px; font-weight: 500;}
.visualizer_intro2 .pattern_con_img{display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 100%; margin-right: 25px; margin-top: 10px;}
.visualizer_intro2 .pattern_con_img img {width: 200%;}
.visualizer_intro2 .visualizer2_title{font-size: 30px; font-weight: 600; width: 40%; position: absolute; right: 50px; top: 50px;}
.visualizer_intro2 .comm_tab2 ul.jq_tab li{flex: 0 0 9%; margin:5px; margin-left: 0; border-left: none;}

@media screen and (max-width: 1650px){
	.visualizer_intro2 .tab_cont .cont{width: 74%;}
	.visualizer_intro2 .tab_menu li {width: 130px; }
	.visualizer_intro2 .slideshow .tab_menu li img {height: 90px;}
}
@media screen and (max-width: 1500px){
	.visualizer_intro2 .tab_menu li {width: 100px;}
}
@media screen and (max-width: 1200px){
	.visualizer_intro2 {height:885px; padding: 0px !important; min-width: 280px;}
	.visualizer_intro2 .tab_cont .cont{width: 100%;}
	.visualizer_intro2 .visualizer2_title{width: 100%;right: -70px; top: 20px; color: #ffffff;}
	.visualizer_intro2 .comm_tab2 ul.jq_tab li {flex: 0 0 56px;}
	.visualizer_intro2 .comm_tab2 ul.jq_tab{width: 100%; right:-5px; bottom: 190px;}
	.visualizer_intro2 .pattern_con{width: 95%; right:10px;  bottom:-37px; padding: 0px 5px;}
	.slideshow{width: 100%; right:-5px;top: 453px;}	
	.visualizer_intro2 .tab_menu li {width: auto;}
	.visualizer_intro2 .tab_cont .cont .cont_img {  height: 450px !important;}
	.visualizer_intro2 .slideshow li img { height: 85px !important;}
	.visualizer_pattern li img {width: 56px;}
	.visualizer_intro2 .pattern_con {padding: 0px 0px;}
	.visualizer_intro2 .pattern_con_img {width: 30px; height: 30px;margin-right: 10px;}
	.visualizer_intro2 .pattern_con h5 {font-size: 18px;}
}
@media screen and (max-width: 1000px){
	.visualizer_intro .visualizer_main_list{flex-direction: column;}
	.visualizer_intro .visualizer_main_list li{height: 200px; margin: 10px;}
	.visualizer_intro .visualizer_main_list li span{margin-top: 30px;}
	.visualizer_intro .visualizer_main_list li a > img{width: 100%;}
	.visualizer_intro .visualizer_main_list li span img{width: 100px;}
	.visualizer_intro .intro_title{font-size: 9vw;}
}
@media screen and (max-width: 680px){
	.visualizer_intro{padding: 30px 10px;}
	.visualizer_intro .visualizer_main_list li a > img{width: 100%; height: 200px;}
	.visualizer_intro2 .slideshow li img { height: 56px !important;}
}
@media screen and (max-width: 450px){
	.visualizer_intro2 { height: 730px; }
	.visualizer_intro2 .tab_cont .cont .cont_img { height: 250px !important;}
	.slideshow {top: 260px; height: 200px;}	
	.visualizer_intro2 .pattern_con { height: 140px; bottom: 10px; padding: 10px 0px;}
	.visualizer_intro2 .comm_tab2 ul.jq_tab {bottom: 174px;}
}
@media screen and (max-width: 430px){
	.visualizer_intro2 { height: 730px; }
	/* input[type=text], select, textarea, input[type=tel], input[type=email], input[type=password] {min-width: 100%;} */
}

/*제품별*/
.goods .product_img{display: inline-block; width :50%; margin-right: 30px;}
.goods .product_con{display: inline-block; width :50%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.goods .slider-for img{width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.goods .slider-for li {height: auto; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.goods .slider-nav li{height: 100%; padding: 10px; cursor: pointer;}
.goods .slider-nav li img{width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.2); opacity: 0.5;}
.goods .slider-nav .slick-initialized .slick-slide{overflow: hidden;}
.goods .slider-nav .slick-current img{box-shadow: 2px 2px 5px rgba(0,0,0,0.7); opacity: 1;}
.goods .slider-nav .slick-list{padding: 0 !important;}
.goods .product_con{padding: 60px;}
.goods .product_con h4{font-size: 50px; letter-spacing: -2px; line-height: 50px; font-weight: 600;}
.goods .product_con hr{border-top: 1px solid #ccc; margin: 35px 0; border-bottom: 0; width: 100%; height: 1px;}
.goods .product_con p{color: #4c4c4c; line-height: 25px; font-size: 15px;}
.goods .product_con span{display: inline-block; color: #fff; margin: 30px 0 10px 0;font-size: 15px; padding: 5px 20px; background :#2d2d2d;}
.goods .product_con .list_style li{background: url("/img/product/layout/list_point.jpg") no-repeat top 9px left; margin-left: 0px; padding-left: 10px; color: #444; font-size: 14px;}
.goods .product_con .product_con_btn{display:flex; margin-top: 50px;}
.goods .product_con .product_con_btn1 {margin-right: 20px; width: 50%; display: inline-table; height: 88px;}
.goods .product_con .product_con_btn1 a{height: 100%; font-size: 23px; text-align: center; background: #05507d; color: #fff; padding: 10px; display: table-cell; vertical-align: middle;}
.goods .product_con .product_con_btn1 a:hover{background: #003882;}
.goods .product_con .product_con_btn2{width: 50%; display: flex; flex-direction: column;}
.goods .product_con .product_con_btn2_1 a{height: 100%; background: #f9f9f9 url("/img/product/coated/menu01/product_con_btn2_1_img.png") no-repeat center right 20px; font-size: 16px; text-align: center; display: block; border: 1px solid #ccc; padding: 10px; }
.goods .product_con .product_con_btn2_1 a:hover{background-color: #e1feff;}
.goods .product_con .product_con_btn2_2 a{height: 100%; background: #222 url("/img/product/coated/menu01/product_con_btn2_2_img.png") no-repeat center right 20px; font-size: 16px; text-align: center; color: #fff; display: block; padding: 10px; }
.goods .product_con .product_con_btn2_2 a:hover{background-color: #5d5d5d;}
.goods .product_flex{display: flex;}

@media screen and (max-width: 1000px){
	.goods .product_img{width: 100%;}
	.goods .product_con{width: 100%; margin-bottom: 100px;}
	.goods .product_flex{flex-direction: column;}
	.goods .product_con .product_con_btn{flex-direction: column;}
	.goods .product_con .product_con_btn1{margin-right: 0; width: 100%; height: 100%; margin-bottom: 10px;}
	.goods .product_con .product_con_btn1 a{font-size: 16px;}
	.goods .product_con{padding: 50px 20px;}
	.goods .product_con .product_con_btn2{width: 100%; flex-direction: row;}
	.goods .product_con .product_con_btn2_1,
	.goods .product_con .product_con_btn2_2{width: 100%;}
}
@media screen and (max-width: 500px){
	.goods .product_con .product_con_btn2{flex-direction: column;}
}

/*산업별*/
.industry .sub_class{width: 20%;}
.industry .sub_class li > span{cursor: pointer; font-size: 20px; font-weight: 500; display: block; margin-bottom: 20px;}
.industry .sub_class li > span.sub_class_open:after{content:'-'; position: absolute; right: 0; font-size: 30px; font-weight: 200;}
.industry .sub_class li > span.sub_class_close:after{content:'+'; position: absolute; right: 0;font-size: 30px; font-weight: 200;}
.industry .sub_class_list{margin-bottom: 30px;}
.industry .sub_class li > span.sub_class_close .sub_class_list{height: 100px;}
.industry .sub_class li > span.sub_class_open .sub_class_list{height: auto;}
.industry .sub_class li label{font-size: 15px; color: #6d6d6d;}
.industry .sub_class > li{transition: 0.3s; border-bottom: 1px solid #ccc; position: relative;margin-bottom: 30px; overflow: hidden;} 
.industry .sub_class_list li{margin-bottom: 5px;} 
.industry .sub_class_list input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.industry .sub_class_list input[type="radio"] + label {line-height: 30px; display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.industry .sub_class_list input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; text-align: center; background: #fff; border: 1px solid #bdbdbd; border-radius: 100%; } 
.industry .sub_class_list input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 11px; left: 4px; width: 9px; height: 9px; background: #05507d; border-radius: 100%;}
.industry .industry{display: flex; justify-content: space-between;}
.industry .industry_list{padding-left: 70px; width: 80%; display: flex; flex-wrap: wrap;}
.industry .industry_list li{overflow: unset; text-align: center; flex: 0 0 31%; margin: 1%; position: relative; margin-bottom: 50px; height: auto;}
.industry .industry_list li > a{background :#fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 30px; display: block; height: 100%;}
.industry .industry_list li > a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.industry .industry_list li > a img{width: 100%; height: 100%; transition: 0.3s;}
.industry .industry_list li > a:hover img{transform: scale(1.1);}
.industry .industry_list li > a:after{ transition: 0.3s; content:'+'; position: absolute; border: 1px solid #4082cc; font-weight: 300; font-size: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #4082cc; border-radius: 100%; background: #fff; bottom:-25px; right: 50%; margin-right: -25px;}
.industry .industry_list li > a:hover:after{transform: rotate(90deg); color: #fff; background: #4082cc;}
.industry .industry_list li > a span.industry_list_img{width: 100%; display: block; overflow: hidden;}
.industry .industry_list p span{display:block;}
.industry .industry_list p span.industry_name1{font-size: 15px; color: #7b7b7b; margin-top: 20px;}
.industry .industry_list p span.industry_name2{font-size: 23px;}
.industry .industry_list p span.industry_name3{font-size: 14px; color: #4183d1; margin: 20px 0; text-decoration: underline;}
.product_con p.industry_name3{font-size: 14px; color: #4183d1; margin:0; text-decoration: underline;}

.industry .product_link a{font-size: 14px; color: #4183d1; text-decoration: underline; margin-right: 5px;}
@media screen and (max-width: 1000px){
	.industry .industry_list li{flex: 0 0 48%;}
}
@media screen and (max-width: 800px){
	.industry .industry{flex-direction: column;}
	.industry .sub_class{width: 100%; margin-top: 20px;}
	.industry .sub_class_list li{display: inline-block; margin-right: 10px;}
	.industry .industry_list{padding-left: 0; width: 100%;}
}
@media screen and (max-width: 500px){
	.industry .industry_list li{flex: 0 0 100%;}
}


/*적용사례*/
.example_list{display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.example_list li{flex: 0 0 24%; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2); position: relative; margin: 0.5%; height:200px;   vertical-align: middle;
    text-align: center; background: #f8f8f8 url(/img/product/layout/no_img.png) no-repeat center;    background-size: 100%;}
.example_list li img {width: 100%;height: 100%; display: block;}
.example_name{font-size: 20px; transition: 0.3s; width: 100%; position: absolute; height: 60px; background: #fff; bottom: -100px; text-align: center;overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; padding-top: 15px;}
.example_list li a:hover .example_name{bottom: 0;}
.example_list p.no_data {text-align: center;  width: 100%;} 
/* .example_list li a:after { transition: 0.3s; content: '+'; position: absolute; border: 1px solid #ffffff; font-weight: 300; font-size: 30px; width: 50px; height: 50px;
    text-align: center; line-height: 50px; color: #ffffff; border-radius: 100%; background: transparent; bottom: 82px; right: 50%;  margin-right: -25px;  opacity: 0.5;}
.example_list li a:hover:after {border: 1px solid #4082cc;color: #4082cc;}  */
/* .example_list li a:before{z-index: 1; position: absolute; content :'+'; font-weight: 100; text-align: center; display: inline-block; color: #fff; font-size: 55px; bottom: 0; width: 100%; transition: 0.3s; } */ 
/* .example_list li a:hover:before{transform: rotate(90deg); color: #05507d;} */



@media screen and (max-width: 1000px){
	.example_list li{flex: 0 0 49%;}
}
@media screen and (max-width: 800px) {
	.pattern{position: relative;}
	.pattern .tab_list_wrap .search{width: 100%; position: absolute; top: 68px; z-index: 1;border: 1px solid #ccc; padding: 0px 20px;left: 0px;}
	.pattern .tab_list_wrap{margin-bottom: 45px;}	
	.example_name {font-size: 14px;}
}
@media screen and (max-width: 500px) {
	.pattern .example_list li{flex: 0 0 46%;}
	.example_list li { flex: 0 0 100%; margin:10px 5px; }
}


/*모달팝업 안에 제품소개 컨텐츠*/
.product_con{padding: 30px 30px 30px 60px; width: 47%; display: inline-block; vertical-align: top;}
.product_img{width: 44%; display: inline-block; vertical-align: top;}
.product_img img{width: 100%;max-height: 500px;}
.product_img .btn_popup {display: inline-block; position: absolute; left: 50px; bottom: 45px; background:#000000;border-radius: 50px; color: #eeeeee; font-size: 12px; padding: 15px;  text-align: center;  cursor: pointer; z-index: 10;    opacity: 0.8;}
.product_img .btn_popup1 {left: 50px;}
.product_img .btn_popup1 a {color:#ffffff;}
.product_con h4{font-size: 34px; letter-spacing: -2px; line-height: 34px;}
.product_con hr{border-top: 1px solid #ccc; margin: 15px 0; border-bottom: 0; width: 100%; height: 1px;}
.product_con p{color: #4c4c4c; line-height: 25px; font-size: 15px;}
.product_con span{display: inline-block; color: #fff; margin:5px 0 5px 0;font-size: 15px; padding: 5px 20px; background :#2d2d2d;}
.product_con .list_style li{background: url("/img/product/infineli/layout/list_point.jpg") no-repeat top 12px left; margin-left: 0px; padding-left: 10px; color: #444; font-size: 16px;margin-bottom: 5px;}
.product_con .product_con_btn{display:flex; margin-top: 25px; width: 100%;}
.product_con .product_con_btn1 {width: 100%; display: inline-table;}
.product_con .product_con_btn1 a{height: 100%; font-size: 23px; text-align: center; background: #05507d; color: #fff; padding: 10px; display: table-cell; vertical-align: middle;}
.product_con .product_con_btn1 a:hover{background: #003882;}
.product_list{display: flex; flex-wrap: wrap;}
.product_list li{margin-right: 10px; margin-bottom: 10px;}
.product_list li img{display: block; width: 80px; height: 80px;}
.product_list li a{display: block; position: relative;}
.product_list li a:hover:before{position: absolute; text-align: center; content: url(/img/product/infineli/layout/product_list_icon.png);  display: flex; justify-content: center; align-items: center; width: 50%; height: 50%; line-height: 100%; left: 50%;
margin-left: -25%; top: 50%; margin-top: -25%;}
.example_con2 .product_img,
.example_con2 .product_con{padding: 30px 0 10px 0; width: 100%; display: block;}

.popup_slider li {width: 100%;overflow: hidden; height: 485px;}
.popup_slider img{width: 100%; height: 100%; }
.popup_slider .slick-dots {bottom: 15px;}
.popup_slider .slick-dots li button:before{/* font-size: 40px;  */}

@media screen and (max-width: 1135px){
	.product_con {padding: 26px;}
	.product_con h4{font-size: 4vw;}	
	.popup_slider li {height: auto;}
	.popup_slider img{height: auto; width: 100%;}
}
@media screen and (max-width: 1000px){
	.product_img{width: 100%;}
	.product_img .btn_popup {top: 40px; left: 40px; bottom: auto;}
	/* .product_img .btn_popup1 {left: 100px !important;} */
	.product_con{width: 100%; padding: 30px 0 0 0;}
	.product_con .product_con_btn{flex-direction: column;}
	.product_con .product_con_btn1{margin-right: 0;}
	.product_con .product_con_btn1 a{font-size: 16px;}
	/* .popup_slider .slick-dots li button:before{ font-size: 40px;} */
	.popup_slider .slick-dots li{margin: 0 1px;}
}

@media screen and (max-width: 800px) {
	.product_con hr{margin: 10px 0;}
	.popup_slider .slick-dots {bottom: 10px;}
	.popup_slider .slick-next{right: 5px;}
	.popup_slider .slick-prev{left: 10px;}
	.popup_slider .slick-prev:before,
	.popup_slider .slick-next:before{background-size: 100%; width: 20px; height: 40px;}
	.popup_slider .slick-prev, .popup_slider .slick-next{width: 30px;}
	.product_img .btn_popup {top: 30px;  left: 30px;}
}
@media screen and (max-width: 500px) {
	.product_con h4{font-size: 26px;}
	.product_list{display: grid; grid-template-columns: 1fr 1fr 1fr;}
	.product_list li img{width: 100%; height: 100%;}
	.popup_slider .slick-prev:before,
	.popup_slider .slick-next:before{width: 15px; height: 30px;}
	/* .popup_slider .slick-dots li button:before{ font-size: 30px;} */
	.popup_slider .slick-prev, .popup_slider .slick-next{width: 16px;}
}

/*패턴갤러리*/
.pattern_list .pattern_name{padding-top: 23px; transition: 0.1s; opacity: 0; background: rgba(0,0,0,0.2); color: #fff; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 20px;}
.pattern_list .pattern_name:after{display: block; font-weight: 100; margin: 10px auto 0 auto; text-align: center; content: '┼'; color: #fff; font-size: 11px; width: 26px; height: 26px; line-height: 26px; border-radius: 100%; border: 1px solid #fff;}
.pattern_list a:hover .pattern_name{opacity: 1;}
.pattern_list li {height: 120px;}
.pattern_list li a:before{display:none;}
.pattern_list li img{height: auto; width: 100%;}
span.product_sub_title{margin: 0 0 15px 0;}
.product_con .con_box{background: #eee; padding: 20px; margin-top: 20px;}
.product_con .con_box li{margin-bottom: 5px; font-size: 14px; background: url(/img/product/infineli/layout/list_point.jpg) no-repeat top 9px left;}



/*고객사*/
.customer{display: flex; justify-content: space-between;}
.customer_list{width: 100%; display: flex; flex-wrap: wrap;}
.customer_list li{ text-align: center; flex: 0 0 23%; margin: 1%; position: relative; margin-bottom: 50px; }
.customer_list li > a{background :#fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 50px; display: block; height: 100%;}
.customer_list li > a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.customer_list li > a img{width: 100%; height: 100%; transition: 0.3s;}
.customer_list li > a:hover img{transform: scale(1.1);}
.customer_list li > a:after{ transition: 0.3s; content:'+'; position: absolute; border: 1px solid #4082cc; font-weight: 300; font-size: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #4082cc; border-radius: 100%; background: #fff; bottom:-25px; right: 50%; margin-right: -25px;}
.customer_list li > a:hover:after{transform: rotate(90deg); color: #fff; background: #4082cc;}
.customer_list li > a span.customer_list_img{width: 100%; display: block; overflow: hidden; margin-bottom: 40px;}
.customer_list p span{display:block;}
.customer_list p span.customer_name1{font-size: 21px; color: #434343;}
.customer_list p span.customer_name2{font-size: 14px; margin: 20px 0; line-height: 20px; color:#7e7e7e;}
@media screen and (max-width: 1135px){
	.customer_list li{flex: 0 0 31%;}
	.customer_list li > a{padding: 50px 20px;}
}
@media screen and (max-width: 700px){
	.customer_list li{flex: 0 0 48%;}
}
@media screen and (max-width: 500px){
	.customer_list li{flex: 0 0 100%;}
	.customer_list p{display:none;}
	.customer_list li > a span.customer_list_img{margin-bottom: 0;}
	.customer_list li > a{padding: 30px 20px;}
}


/*브로슈어*/
.brochure{display: flex; justify-content: space-between;}
.brochure_list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.brochure_list li{width:18.5%; text-align: center; margin: 1%; position: relative; margin-bottom: 50px;background: #fff;  box-shadow: 0 0 15px rgb(0 0 0 / 10%); padding: 30px 30px 60px 30px; display: inline-block;}
.brochure_list li:hover img{transform: scale(1.1);}
.brochure_list li img {width:100%; height: 300px; transition: 0.3s;}
.brochure_list li div {overflow: hidden;}
.brochure_list li p {margin-top: 10px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.brochure_list li .file-btn {top: 20px;  position: relative; padding: 10px 60px 10px 30px; text-align: center;  border-radius: 3px;  letter-spacing: -1px; color:#ffffff; background: #222 url(/img/product/coated/menu01/product_con_btn2_2_img.png) no-repeat center right 20px; }
.brochure_list li .file-btn:hover {background-color: #04358f;}
.brochure_icon {display: inline-block;  padding: 15px 60px 15px 30px; margin-right: 1%;background: #ffffff url(/img/product/coated/menu01/product_con_btn2_1_img.png) no-repeat center right 20px;
    border: 1px solid #656565;cursor: pointer;}
.brochure_icon img {fill: #ffffff !important;}

@media screen and (max-width:1150px) {
	.brochure_list li{width: 31%;}
}
@media screen and (max-width:850px) {
	.brochure_list li{width: 48%;}
}
@media screen and (max-width:550px) {
	.brochure_list li{width: 100%;   margin: 3% 5%;}
	.brochure_icon {text-align: center; margin: 0 5%;}
}

/*인증서*/
.certificate_list .list { border-top: 2px solid #4d4d4d; margin-bottom: 50px;}
.certificate_list .list li { position: relative;  padding: 25px 15px;  border-bottom: 1px solid #e5e5e5; text-align: left;}
.certificate_list .list li:hover {background:#ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 5%);}
.certificate_list .list li .thumbnail  {display: inline-block;}
.certificate_list .list li .thumbnail img { width: 200px;  height: 250px;}
.certificate_list .list li .tit { display: inline-block; padding: 0 10px 0 4px;  font-size: 18px;  vertical-align: middle;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: auto;}
.certificate_list .list li .icon { position: relative;  top: 2px;  vertical-align: middle;padding: 5px 12px;  border: 1px solid #d5dadd;   border-radius: 30px;
    color: #727e96;  font-size: 12px;}
.certificate_list .list li .file-btn { position: absolute;  top: 17px;  right: 10px;  display: inline-block;  width: 202px;  height: 44px; line-height: 44px;
   text-align: center;  border-radius: 3px;  letter-spacing: -1px; color:#ffffff; padding: 0px 30px 0 0; background: #222 url(/img/product/coated/menu01/product_con_btn2_2_img.png) no-repeat center right 20px; }
.certificate_list .list li .file-btn:hover {background-color: #04358f;}
.certificate_list .plus1 {
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    position: absolute;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    color: #fff;
}

.certificate_list .plus1_con {
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    z-index: 1;
    transition: 0.3s;
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 30px;
    width: auto;
}
.certificate_list .plus1_con1 { bottom: 0px; left: 50%; z-index: 99;}

@media screen and (max-width:850px) {
	.certificate_list .list li {padding: 20px 15px 30px 15px;}
	.certificate_list .list li .tit {    font-size: 16px; max-width: 250px;}
	.certificate_list .list li .file-btn {position: relative; top: 10px; display: block;width: 100%;}
}

/*고객제안*/
.accept_list {}
.accept_list .box_title {text-align: center; margin-bottom: 50px;  font-size: 20px;    padding: 30px 30px 30px 30px; box-shadow: 0 0 5px rgb(0 0 0 / 20%);background: #f8f8f8 url(/img/product/layout/sub_bg1.jpg) no-repeat bottom center;
 background-size: 100%; color: #ffffff;}
.accept_list .title { font-size: 17px;  margin: 0 0 10px 0;  display: block;}
.accept_list .btn_link {margin: 30px 0px;}
.accept_list table.table_style1 td {text-align: left;}
.accept_list table.table_style1 {border-top: 2px solid #323232;}

/*적용현장*/
.countsort {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}

.btn_link {
    background: #326492;
    color: #fff;
    padding: 15px 30px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.btn_link:hover {background: #e73b1d;}

/*탭 스타일*/
.tab_basic { width: 100%; margin: auto; }
.tab_list_pattern li.search input{padding: 4px 0 4px 27px; border: none !important; font-size: 15px; font-weight: 300; background:url(/img/product/infineli/layout/search_icon.png) no-repeat center left !important;}
.tab_list_pattern div.search input{padding: 4px 0 4px 27px; border: none !important; font-size: 15px; font-weight: 300; background:url(/img/product/infineli/layout/search_icon.png) no-repeat center left !important;}
.tab_list_wrap .search input{padding: 4px 0 4px 27px; border: none; font-size: 15px; font-weight: 300; background:url(/img/product/infineli/layout/search_icon.png) no-repeat center left;}
.tab_list_wrap {box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px 20px; border-radius: 30px; display: flex; font-size: 0; background: #fff; margin-bottom: 50px;    clear: both;}
.tab_list_pattern {box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px 20px; border-radius: 30px; display: flex; font-size: 0; background: #fff; margin-bottom: 10px;}
.tab_list_pattern li {flex-wrap: nowrap; display: inline-block; width: 100%; height: 100%; font-size: 15px; line-height: 30px; text-align: center; border-right: 0; box-sizing: border-box; padding: 4px 0;}
.tab_list {flex-wrap: nowrap; display: inline-block; width: 100%; height: 100%; font-size: 15px; line-height: 30px; text-align: center; border-right: 0; box-sizing: border-box; padding: 4px 0;}
.tab_list.tab_active a{color: #0066bc; text-decoration: none;}
.tab_list a {font-size: 15px; display: block; width: 100%; height: auto; text-decoration: none; color: #222; letter-spacing: 0px;}
.tab_content { display: none; box-sizing: border-box; margin-bottom: 50px;}
.tab_content:first-child { display: block; }
@media screen and (max-width: 1401px){
	.tab_content{flex-direction: column;    margin: 20px 0px;}
}
@media screen and (max-width: 1150px) {
	.tab_list_wrap, .tab_list_pattern {overflow: auto; border-radius: 0; margin:0; padding: 10px;}
	.tab_list_wrap::-webkit-scrollbar, .tab_list_pattern::-webkit-scrollbar {height: 10px; background-color: #f0f0f0;}
	.tab_list_wrap::-webkit-scrollbar-thumb, .tab_list_pattern::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px;}
	.tab_list_wrap::-webkit-scrollbar-button, .tab_list_pattern::-webkit-scrollbar-button { display: none; }	
	.tab_list, .tab_list_pattern { white-space: nowrap; display: flex !important; justify-content: flex-start;  width: auto !important;}
	.tab_list_pattern {margin-bottom:10px !important;}
	.tab_list_pattern a {border-right: 0px solid #ccc !important; padding: 0 10px;}	
	.case {position: relative;}
	.case .tab_list_wrap .search {width: 94% !important; position: absolute; top: 68px; z-index: 1;border: 1px solid #ccc; padding: 0px 20px;left: 0px;
	background: #ffffff; box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
	.case .tab_list_wrap, .case .tab_list_pattern {margin-bottom: 55px;}	
	.tab_basic .tab_list_wrap .tab_list {display: inline-block !important; width: 40% !important;}
	.tab_list.tab_active a, .tab_list a {font-size: 13px; letter-spacing: -2px;}
}



/*margin*/
.tm50 {margin-top:50px;}
.tm100 {margin-top:100px;}
.ct_tb_mg50 {margin: 50px 0px;}
.ct_lr_mg30 {margin: 0px 30px;}
.ct_pd80 {padding: 80px 0px;}

/*edit*/
table.table_style1 td.edit_sum{font-size: 20px;  text-align: center;}
textarea.agreePolicy{width: 100%; height: 200px; padding: 20px;}
.agreePolicy_agree{padding: 20px 0 30px 0; font-size: 15px;}
table.support input,
table.support select{    margin: 5px 0; padding: 10px; vertical-align: middle;}
table.support label{margin: 0 10px 0 5px; vertical-align: middle;}
table.table_style1 .btn_radius{vertical-align: middle; font-size: 12px; padding: 5px 15px;}

/*jquery modal*/
@media screen and (max-width: 768px) {
	.blocker {padding: 10px !important;}
	.modal { padding: 20px; width: 100% !important; min-width: 300px;}
}


/*---------------------------common---------------------------*/
/*버튼둥근스타일*/
.btn_radius{background:#f44336; color: #fff; border: 1px solid #f44336; padding: 20px 40px; border-radius: 30px; display: inline-block; transition: 0.3s;    height: auto;}
.btn_radius:hover{background:#fff; color: #545454; border: 1px solid #545454;}

/*버튼스타일*/
a.down_btn{margin: 0 3px; background: #f44336; border: 1px solid #f44336; color: #fff; padding: 20px; text-align: center; display: inline-block;}
a.down_btn_color2{background: #fff; border: 1px solid #8a8a8a; color: #545454;}
.download_Btn{text-align: right;    clear: both;}
.download_Btn-c{text-align: center;}
a.down_btn:hover{background: #fff; border: 1px solid #e02d20; color: #e02d20;}
a.down_btn_color2:hover{background: #545454; border: 1px solid #545454; color: #fff;}

.bts {    padding: 8px 10px;    border-radius: 5px;    color: #ffffff;}
.bt_blue {background: #05507d; border: 1px solid #05507d;}
.bt_red {background: #ff5126; border: 1px solid #ff5126;}
.bt_gray {background: #7d7d7d; border: 1px solid #7d7d7d;}
.bt_black {background: #2f2f2f; border: 1px solid #2f2f2f;}
.bt_white {background: #ffffff; border: 1px solid #2f2f2f; color: #2f2f2f;}

/*검색*/
/* input.listschbtn {border: 1px solid #313131; padding: 10px 20px; background: #313131; color: #fff; border-radius: 0px; vertical-align: middle; height: auto;} */
input.listschbtn:hover {border: 1px solid #2b6db0; background: #2b6db0;}
input.date-picker{padding: 10px; vertical-align: top;}

.comm_tab2 ul.jq_tab{border: 1px solid #dedede; background: #f9f9f9; padding: 10px; margin-bottom: 30px; width: 98%; display: inline-block;text-align: left;}
.comm_tab2 ul.jq_tab li{display: inline-block; width: 16.5%; margin: 10px 0;  padding: 0; border-left: 1px solid #ccc; margin-left: -6px; text-align: center;}
.comm_tab2 ul.jq_tab li:first-child,
.comm_tab2 ul.jq_tab li:nth-child(7) {margin-left: 0; border-left: 0; }
.comm_tab2 ul.jq_tab li.current a{color: #F44336;}
.comm_tab2 ul.jq_tab li a{display: block; font-size: 14px;}
.comm_tab2 ul.jq_tab li.on a { color: #F44336;}


.icons {display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    text-indent: -9999px;
    }
.btn_go_back {background-image: url(/img/posart/icons.png); background-position:-273px -151px; padding: 2px 11px;position: relative; top: -10px; left: -10px;    display: none;}

/* 서브 탭부분 */
.tab{height: 53px; display: block;margin-bottom: 40px;}
.tab li a{display:block; border: 1px solid #ccc; border-right: none; padding: 15px; text-align: center;}
.tab li:last-child a{border-right: 1px solid #ccc;}
.tab li{float: left; display: inline-block;width:33.1%;}
.tab .current{background: #f6f6f6;}
.tabcontent {display: none;}
.tabcontent.current {display: block;}


/*테이블*/
.table_style1 tbody.tb_none_line td{ border: 0; padding: 10px;  text-align: center;}
.table_style1 tbody.tb_none_line{ border-bottom: 1px solid #ccc;}
.table_style1 tbody.tb_none_line tr th{padding: 18px 0; font-size: 13px; font-weight: 500; background: #fff; border: 0;  margin: 0 5px; border-right: 1px solid #ccc;}
table.table_style1{width:100%; border-collapse:collapse; min-width: 768px; border-top: 2px solid #323232; background: #ffffff;}
table.table_center{text-align: center;}
table.table_style1 th{background: #f1f1f1; border: 1px solid #ccc; border-top: 2px solid #323232; padding: 20px;text-align: center;white-space: nowrap;}
table.table_style1 th:first-child{border-left: none;}
table.table_style1 th:last-child{border-right: none;}
table.table_style1 td {font-size: 14px; border: 1px solid #ccc; padding: 20px; text-align: center; white-space: nowrap; /* white-space: normal !important; */}
table.table_style1 td:first-child{border-left: none; background: #f4f4f4; font-weight: bold;}
table.table_style1 td:last-child{border-right: none;}
table.table_style1 td.left {text-align: left;}
table.table_style1 th.row_th{ border-top: 1px solid #ccc;}
table.table_style1 .top_border{ border-top: 2px solid #323232;}

table.cart_table{width:100%;border-collapse:collapse; }
table.cart_table{text-align: center;}
table.cart_table th{background: #f7f7f7; border: 1px solid #ccc; border-top: 2px solid #323232; padding: 20px;    white-space: nowrap;}
table.cart_table th:first-child{border-left: none;}
table.cart_table th:last-child{border-right: none;}
table.cart_table td {font-size: 14px; border: 1px solid #ccc; padding: 20px; text-align: center;     white-space: nowrap;}
table.cart_table td:first-child{border-left: none;}
table.cart_table td:last-child{border-right: none;}
table.cart_table td.left {text-align: left;}
table.cart_table th.row_th{ border-top: 1px solid #ccc;}
table.cart_table .top_border{ border-top: 2px solid #323232;}

/* table style */
.board_list {width:100%;  border-spacing: 0; border-top: 0px solid #323232; }
.board_list caption { display:none; }
.board_list thead th, .board_list tbody th { border-bottom: 1px solid #d9d9d9; background: #f1f1f1;border: 1px solid #ccc; border-top: 2px solid #323232; padding: 20px;   }
.board_list thead th:first-child, .board_list tbody th:first-child { border-left: none;}
.board_list thead th:last-child, .board_list tbody th:last-child { border-right: none; } 
.board_list tbody tr.odd {  }
.board_list tbody tr:hover {background: #ffffff; box-shadow: 0 0 15px rgb(0 0 0 / 5%);}
.board_list tbody.ov tr:hover { background:#f9f9f9; }
.board_list tbody th {  text-align: center; padding-left:14px; }
.board_list tbody th.vtop { vertical-align:top; }
.board_list tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.board_list tbody td { text-align:center; padding:14px 5px; border-bottom:1px solid #d9d9d9; background: #ffffff;
							word-break:break-all;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_list tbody td:nth-child(2) {text-align:left; }
.board_list tbody td.left { text-align:left; padding:6px 8px; }
.board_list tbody td.leftElli { text-align:left; padding:6px 8px; overflow:hidden;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.board_list tbody td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; }
.board_list tbody td.nopd { text-align:left;}
.board_list tbody td.bold { text-align:left; font-size:14px; font-weight :bold;}
.board_list tbody td a:hover { text-decoration:none; }
.board_list tbody td input.bbs_Nm { width:99%; }
.board_list tbody td input.link {color:#666; }
.board_list tbody td input.tmp { width:160px; }
.board_list tbody td textarea { width:90%; height:50px; min-height: 150px;}
.board_list tbody td textarea.txt { width:96%; height:300px; margin:8px; padding:5px; }
.board_list tbody td textarea.re_txt { width:100%; float:left; margin-right:8px; height:50px;  }
.board_list tbody td a.re_btn { float:right;     margin: 10px 0 0 0;
    padding: 7px 20px;
    cursor: pointer;
    background-color: #2b6db0;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 30px;
    border: 1px solid #2b6db0;
    color: #ffffff;
    height: 35px;
    }
.board_list tbody td a.re_btn:hover { text-decoration:none; }
.board_list tbody td select { padding:2px 0 3px 2px; border:1px solid #dedede; }
.board_list tbody td img { margin-left:7px; }

.top_line { /* border-top:1px solid #d9d9d9;  */}
.board_th_link { 
	font-weight:600;
}

/*페이지 네비*/
.page_nav{display: block; text-align: center; margin-top: 20px;} 
.page_nav li a.on{background:#226cd2; border:#226cd2; color: #fff;}
.page_nav li a.on:hover{background:#226cd2; border:#226cd2; color: #fff;}
.page_nav li{margin: 0 1px; display: inline-block; vertical-align: top;}
.page_nav ul a {border: 1px solid #ccc; font-size: 18px; display: inline-block; width:40px; height: 40px; line-height: 37px;letter-spacing: -8px;    padding-right: 7px;}
.page_nav ul a:hover{border: 1px solid #226cd2; color:#226cd2;}
.page_nav li a{border: 1px solid #ccc; font-size: 18px; display: block; width:40px; height: 40px; line-height: 37px;}
.page_nav li a b {border:#226cd2; font-weight: bold;}
.page_nav li a img{margin-top: 12px;}
.page_nav li a:hover{border: 1px solid #226cd2; color:#226cd2;}
.sub_menu_li_festival li{width: 19.5%;}


/*캡션 숨기기*/
caption { overflow: hidden; font-size: 0; line-height: 0; }

/*---------------------------common---------------------------*/

/*게시판 목록*/

caption{overflow:hidden; font-size:0; line-height:0;}
thead{border-top:1px solid #004d81;border-bottom:1px solid #c7c5c6}
thead th{background:#f7f7f7;text-align:center;background: #fafafa url('/img/front/kr/content/board/thline.png') no-repeat left center;white-space: nowrap}
thead th:first-child{padding:9px 0;font-weight:700;background-image:none}

tbody td{padding: 9px 0;border-bottom:1px solid #ccc}
tbody td a{color:#000}
tbody td a:hover{color:#3276b1}
.t_num{width:10%}
.t_cate{width:10%}
.t_title{}
.t_name{width:10%}
.t_date{width:10%}
legend{overflow:hidden; font-size:0; line-height:0;}
.listschbtn{margin-top:-1px}
.unit{float:right;margin-bottom: 10px}
.boardpages a{color:#000;border:1px solid #ccc; border-radius:0px;     padding: 5px 10px;}
.boardpages a:hover { background: #ffffff; color: #3276b1;}
.boardpages a.onpage{background: #3276b1;border-color:#206c98;color:#fff}
.boardbtns{float:right;margin-top:10px}
.boardpages{width:100%;text-align:center;margin: 20px 0px;}
.borderTitles{display:block;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.floatleft {  float: left;}
.marginleft5 { margin-left: 5px;}
.dpnone {
    position: absolute!important;
    top: 0!important;
    left: -20000px!important;
    overflow: hidden;
    display: inline-block !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/*글보기*/

.view_top{border-top: 2px solid #323232; border-bottom:1px solid #323232; padding: 20px 0; background: #f1f1f1;}
.view_top2{border-bottom:1px solid #ccc;padding:10px 10px}
.view_date{float:right;padding-right:10px}
.view_cate{border-right:1px solid #ccc;padding: 0 10px}
.view_title{font-size:16px;padding-left:10px;font-weight:bold; }
.view_content{padding:20px;border-bottom:1px solid #ccc;margin-bottom:20px;line-height:170%}
.board_view{position:relative}

/*댓글*/
.write_comment{border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;background:#fafafa}
.c_name{font-weight:700;padding: 10px 10px 10px 20px;background: #fafafa url('/img/front/kr/dot_r.png') no-repeat 10px center;}
.c_content{border-bottom:1px solid #ccc;padding:0 10px 10px 20px;background:#fafafa}
.c_title{font-size:13px;border-bottom: 1px solid #ccc;padding: 0 0 10px 10px}
.c_modify{float:right}
.c_del{float:right}
.c_date{color:#999;padding-left:10px;margin-left:7px;background: url('/img/front/kr/content/board/thline.png') no-repeat left center}

.write_in{width:96%;border:1px solid #ccc;padding:2%;min-height:100px;background:#fff}
.c_btn{margin-top:8px}

.write_html iframe{border-right:1px solid #b5b5b5}

/*글쓰기*/
.board_write th{background:#f7f7f7;border-bottom: 1px solid #ccc}
.board_write td{padding-left:9px}
.chgtype{position:absolute;right:10px; top:13px}
.chgtype a{background:#f7f7f7;padding:5px 10px;border:1px solid #ccc;color:#999}
.chgtype a:first-child{border-right:none}
.board_write textarea{border-color: #bfbfbf;width:95.5%;padding:2%;min-height:300px}
.chgtype .type_on{border-bottom-color:#fff;background:#fff;color:#000}
.write_smart{display:none}
.btn_html{border-top-left-radius: 5px}
.btn_smart{border-top-right-radius: 5px}
@media all and (max-width: 940px) {
}

@media all and (max-width: 780px) {
	.view_content img{width: 100%}
}

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

@media all and (max-width: 600px) {
	
	/*이미지목록*/
	.photo_warp ul li.photo_item{width:50%;}
}


/*달력*/
/*datepicer 버튼 롤오버 시 손가락 모양 표시*/
.ui-datepicker-trigger{cursor: pointer;}
/*datepicer input 롤오버 시 손가락 모양 표시*/
.hasDatepicker{cursor: pointer;}

/* #ui-datepicker-div{padding:20px; background: #fff; border: 1px solid #ccc; display: none;}
#ui-datepicker-div .ui-datepicker-calendar td{padding: 10px; border-bottom: 1px solid #eee;text-align: center;}
#ui-datepicker-div .ui-datepicker-calendar td a{border: 1px solid #fff; color: #545454; font-size: 14px; width: 30px; height: 30px; display: block; border-radius: 100%;  line-height: 29px;}
#ui-datepicker-div .ui-datepicker-calendar td a:hover{border: 1px solid #ccc;}
#ui-datepicker-div .ui-datepicker-calendar tr td:first-child a,
#ui-datepicker-div .ui-datepicker-calendar tr th:first-child{color: #dc0000;}
#ui-datepicker-div .ui-datepicker-calendar tr td:last-child a,
#ui-datepicker-div .ui-datepicker-calendar tr th:last-child{color: #1a76ff;}
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active{background: #f44336; color: #fff;border: 1px solid #f44336;}

#ui-datepicker-div .ui-datepicker-title{text-align: center; font-size: 20px; margin-bottom: 30px;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{cursor: pointer;}
#ui-datepicker-div .ui-datepicker-prev{ background:url("/images/egovframework/hbz/content/com/sub/arrow3-left.png") no-repeat left center; float: left;padding-left: 15px;}
#ui-datepicker-div .ui-datepicker-next{ background:url("/images/egovframework/hbz/content/com/sub/arrow3.png") no-repeat right center; float: right;padding-right: 15px;}
 */
/* pagination */
.pagination {text-align:center; margin-bottom: 50px; }
.pagination ul { display:inline-block; }
.pagination ul li {margin: 0 1px; display: inline-block;}
.pagination ul li a { border: 1px solid #ccc;  font-size: 18px;  display: block;  width: 40px;    height: 40px;    line-height: 37px;    border-radius: 0px;}
.pagination ul li.prev a { background:url('/img/product/layout/pagination_prev.png') center center no-repeat; text-indent:-10000em; position: relative;}
.pagination ul li.next a { background:url('/img/product/layout/pagination_next.png') center center no-repeat; text-indent:-10000em; position: relative;}

.pagination ul li.current a { border: 1px solid #15447d; color:#fff;background:#15447d; }
.pagination ul li a:hover { border: 1px solid #4688d2;   color: #4688d2;}

.bx-wrapper .bx-controls-direction a { z-index: 1 !important;}

/*FAQ*/
.faq {font-size: 15px;}
.faq li.question{
	width:100%;
	display: block;
	border-bottom: 1px solid #ccc;
}
.faq li.question:first-child{
	border-top: 1px solid #ccc;
}
.faq li.question a:before{
    content: 'Q';
    color: #2c5eb5;
    font-weight: 500;
    font-size: 110%;
    margin-right: 25px;
 }
 .faq li.answer{ 
	width:100%;
	display: block;
	border-top: 1px solid #ccc;
	background: #fafafa;
}
.faq li.answer:before{
    content: 'A';
    color: #e8001c;
    font-weight: 500;
    font-size: 110%;
    margin-right: 25px;
    vertical-align: top;
 }
.faq li{
}
.faq .question a{
	cursor:pointer;
}
.faq .question a,
.faq li.answer{
    display: block;
	padding: 25px;
    padding-right: 40px;
}
.faq li.answer span{
    display: inline-block;  text-align: justify;
}
.question .hide{
	display:none;
	trasition: 0.3s;
}
.faq .question a{
	background: url(/images/egovframework/hbz/content/com/arrow_2.png) no-repeat center right 20px;
}
.faq .question a.arrow_up{
	background: url(/images/egovframework/hbz/content/com/arrow_2_on.png) no-repeat center right 20px;
}

	
/*subpage 모바일 적용 */

@media screen and (max-width: 1430px){
	.sub_main_top_con1 {  width: 40%;}
	.sub_main_slider {float: right; width: 60%;}	
	.pignose-calendar {  min-height: auto !important; max-width: 100% !important;}
	.history_con img {width: 49%;}
	.history_text {    width: 46%;}
	
	/*공지사항*/
	
	.notice .notice_line_point {display: none;}
	.notice .notice_title{text-align: left; display: block;}
	.notice .more_btn {    margin-top: -34px;    float: right;}
	.notice .more_btn a {margin: 0 auto; text-align: center; width: 200px; }
	.notice .notice_list_title {font-size: 16px; }
	.notice .notice_list > li span.notice_list_title{background-position-x: right;}
	.space_rental li { width: 32.45%; }
}

@media screen and (max-width: 1200px){
	.con_box2 li { width: 32%;padding: 20px; margin-right: 10px; height: 485px;}
	.calendar { width: 40% !important; }
	.calendar_list { margin-left: 0px; width: 57%;    float: right;}
	.history_right {  margin-right: 30px;}
	
	
	.cont img, .con_box1 img, .intro_info img {width: 100%;}
	
	.intro_info li {width: 32.3%;min-height: 245px;}
	.intro_info li:last-child { margin-right: 0px;}
	
	/* .sub_content .space_tab li { width: 18% !important;} */
	.sub_content .space_tab li a {margin-left: 0px;}	
	.ci_contentLogo, .ci_contentSig { padding: 30px;}
	
}


@media screen and (max-width: 1025px){
	
	.info_page_top_img div {height: auto;}
	.info_page_top { height: auto; margin-bottom: 50px;}
	
	.con_box1 { white-space: normal;}
	/* .cont { width: 100% !important; white-space: nowrap !important; overflow-x: scroll !important;}
	.cont table.table_style1 {width: 800px !important;} */
	
	.calendar_con {width: 100%;}	
	.calendar {  width: 40% !important;}
	.calendar_list { width: 57%; margin-left: 0px;     float: right;}
	
	.board, .wTable { width: 100%;   white-space: nowrap; overflow-x: scroll; margin-bottom: 30px;}
	.board .bt_mg {margin-bottom: 0px !important;}
	
	.calendar_list table.table_style1, .sub_page table.table_style1, #listtype3 table.table_style1 {width: 100% !important; white-space: nowrap; margin-bottom: 0px;}
	.calendar_list table.table_style1 {height: auto;}		
	.artedu li.left, .artedu li.right {    width: 100% !important;}
	
	.performanceInfo .text_box {padding: 20px;}
	.procedure_back1 li, .procedure_back2 li {width: 30.8%; margin: 5px 10px 5px 0px;}
	.performanceInfo .text_content_ul { width: 60%; margin-left: 15px;}
	.performanceInfo .img_style {width: 250px;}
	
	.sub_main_slider2, .sub_main_top_con2 {width: 100%;}
	.schedule_wrapper {margin-left: 0px; margin-top: 30px;}
	
	.mv_content {width: 60%;  margin: 0px 0px 0px 10px; margin-top: 0px;}
	.performanceInfo .text_box_1 { width: 44%; padding: 10px; }	
	
	.button_content {text-align: left;}
	
	.intro_info li {width: 31%; }
	
	.sub_main_title {font-size: 24px !important;}
	
	table.table_style1 th {padding: 10px; font-size: 14px;}
	
	.history_text { width: 100%;}
	.history_year { margin-top: 30px;}
	.history_left {float: none;}
	.history_left, .history_right { margin-left: 0px; margin-right: 0px;}
	.history_con img {width: 100%;}
	
}



@media screen and (max-width: 800px){
	.con_box2 li {width: 100% !important; height: auto!important; margin-bottom: 30px;}
	.con_box2 li img {width: 50%;  min-width: 240px;}
	.place_title {
	    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	    position: absolute;
	    right: 10px;
	    left: 10px;
	    text-align: center;
	    bottom: 10px;
	    width: 95%;
	    background: rgba(0, 0, 0, 0.6);
	    color: #fff;
	    padding: 5px 20px;
	    border-radius: 30px;
	}
	.sub_main_top_con1 {width: 100%;clear: both; margin-bottom: 50px;}
	.sub_main_slider {float: none; width: 100%;}
	
	.calendar { width: 100% !important;}
	.calendar_con {width: 100%;}	
	.calendar_list { width: 100%; margin-left: 0px;  margin-top: 50px; float: none;}
	.img_height {margin-left: 0px !important; height: auto !important;}
	.img_height img {height: auto !important;}
	
	.sub_content .space_tab li a {    width: 100% !important;}
	.sub_content .space_tab li {    width: 100% !important;}
	.movieInfo_Bar .space_tab li { width: 28% !important;}
	
	.tab_menu {width: 98%; display: inline-table; margin-bottom: 40px; clear: both;}
	.tab_menu li {width: 48%;  margin: 3px; float: none !important; clear: both;border-left: 0px solid #ccc !important;}
	.tab_menu li a { border-right: 0px solid #ccc;}
	a.down_btn {  width: 98%;margin: 3px 3px; display: block;}
	
	.procedure_back1 li, .procedure_back2 li, .procedure_back4 li {width:46%; margin: 5px 10px 5px 0px;}
	.procedure_back1 li:nth-child(2), .procedure_back2 li:nth-child(2) {margin: 5px 0px 5px 0px;}
	.procedure_back1 li:nth-child(4), .procedure_back2 li:nth-child(4) {margin: 5px 0px 5px 0px;}

	.mv_content {width: 100%;  margin: 0px 0px;margin-top: 30px;}
	.left_img { width: 60%;}
	
	.faq {  width: 800px;}	
	
}

@media screen and (max-width: 768px){
	.performanceInfo .text_box { text-align: center; }
	.performanceInfo .text_content_ul { width: 100%; margin-left: 0px; margin-top: 10px; text-align: left;}
	.performanceInfo .img_style {width: 320px;    height: 400px;}
	
	.mv_buttons {width: 100%; bottom: 0px; right: 0; position: relative; margin-right: 0px; margin-top: 30px; text-align: right; }
	
	.performanceInfo .text_box_1 { width: 98%;    padding: 20px; margin: 10px 0px;}
	.performanceInfo .img_style_1 img { width: 100%;  height: auto;}
	
	.intro_info li {width: 49%;  margin: 5px 0px; min-height: auto;}	
	.intro_info li:nth-child(2) {margin-right: 0px;}
	
	.movieInfo_Bar .space_tab {margin-top: 20px;}
	table.mobile_table {min-width: 100% !important;}
	
	
	
}

@media screen and (max-width: 410px){
	.procedure_back1 li, .procedure_back2 li, .procedure_back4 li {width:100%; margin: 5px 0px 5px 0px;}
	.performanceInfo .img_style {width: 100%;  height: 320px;}
	.intro_info li {width: 98%;}
	
	
}

	
@media screen and (max-width: 360px){
	.tab_menu li {width: 98%;  margin: 3px; float: none !important; clear: both;}
	.blocker:before { height: auto !important;}
	
}