@charset "utf-8";

/* ---------------------------------- sub page */
/*
	sub layout
*/

#subWrap {
	position: relative;
	overflow: hidden;
    min-height: 310px;
    margin: 0 auto;
}

@media screen and (max-width:1200px) {
	#subWrap {width:100%;}
}

/*common*/
.sub-wrap-cont{padding:60px 0px;}
/*.sub-wrap-cont .sub_cont_visual{width:100%; height:400px; background:url("/html/_skin/seil/img/sub/greeting_visual.jpg")no-repeat center center; background-size:cover;}*/
.sub-wrap-cont .sub_cont_tit{font-size:2.1875rem; font-weight:600;}


.sub-cont-section:last-child {padding-bottom: 60px;}


/*overview*/
.section-01 ul.inner table{ text-align:left; }
.section-01 ul.inner table tr{margin-bottom: 50px; word-break:keep-all; }
.section-01 ul.inner table th{font-weight:600; font-size:1.5rem !important; width:20%; color:#3b79c2; padding-bottom:10px;}
.section-01 ul.inner table td{font-size:1.125rem !important; width:80%;}

.about_s1 li { width:100%;text-align:center;font-size:14px; }
.about_s1 li:nth-child(2) { font-size:30px;padding:50px 0 0 0; }
.about_s1 li:nth-child(3),.about_s1 li:nth-child(6), .about_s1 li:nth-child(8) { padding:70px 0 20px 0;font-size:28px; }
.about_s1 li:nth-child(4), .about_s1 li:nth-child(7), .about_s1 li:nth-child(9) { color:#666;line-height:7.5mm; }

/*greetings*/
.greeting-section-01 ul p{font-size:1.25rem; word-break:keep-all; padding-bottom:30px;}
.greeting-section-01 ul p:last-child{text-align:right;}
.greeting-section-01 ul p:last-child span{padding-left:8px; color:#3b79c2; font-style:italic;}
.greeting-section-01 ul p:last-child span img{max-width:100%;}

/*location*/
.location_section .inner #map1,
.location_section .inner #map2{margin-bottom:20px !important; }
.location_section .inner ul:nth-child(1){margin-bottom:50px;}
.location_section .inner ul h3{font-size:1.5625rem; color:#3b79c2; margin-bottom:10px;}
.location_section .inner ul li{display:table; margin-bottom:10px;}
.location_section .inner ul li p{font-size:1.125rem; display:table-cell; vertical-align:middle;}
.location_section .inner ul li span{display:inline-block; margin-right:10px; width:50px; height:50px;}


/* location */
.location-wrap { position:relative;top:-12px;z-index:100;width:1200px;margin:0 auto; border-left:1px solid #d4d4d4; background:#9bc5d6;}
.location-wrap > ul {margin:0 auto; width:1200px; font-size:0; display:table;}
.location-wrap > ul > li{display:table-cell; vertical-align:middle; cursor:pointer;}
.location-wrap > ul > li:nth-child(1){width:5%;display:none;}
.location-wrap > ul > li:nth-child(2){width:15%;display:none;}
.location-wrap > ul > li:nth-child(2) .location-depth2{display:none;}
.location-wrap > ul > li:nth-child(3){width:100%;}
.location-wrap > ul > li:nth-child(3) > ul > li {width:8%;}
.location-wrap > ul > li:nth-child(3) > ul > li > a{display:block; width:100%; text-align:center;}
.location-wrap > ul > li:nth-child(3) > ul > li:nth-child(3) > a{line-height:1rem;}
.location-wrap > ul > li:nth-child(3) > ul > li:nth-child(4) > a{line-height:1rem;}
.location-wrap > ul > li:nth-child(3) > ul > li:nth-child(5) > a{line-height:1rem;}
.location-wrap > ul > li:nth-child(3) > ul > li:nth-child(6) > a{line-height:1rem;}
.location-wrap > ul > li:nth-child(4){display:none;}
/*.location-wrap > ul > li:before {position:absolute; top:13px; right:15px; /*content:"\f0d7";display:inline-block; font-family:'FontAwesome'; font-size:17px; line-height:1; color:#575757;}*/
.location-wrap > ul > li.location-home a {display:block; padding:0 20px; height:65px; text-align:center; background:#fff}
.location-wrap > ul > li.location-home img {padding-top:25px;}
.location-wrap > ul > li.location-home:before {display:none;}
.location-wrap li{vertical-align:middle; }
.location-wrap li a {display:table; width:100%; height:65px; border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4; background:#3b79c2; font-size:15px; word-break:keep-all;font-weight: 700; text-align:center;}
.location-wrap > ul > li:last-child > a,
.location-wrap > ul > li.on > a { background:#3b79c2; color:#fff;}
.location-wrap > ul > li:nth-child(2) span {display:table-cell; height:100%; vertical-align:middle; padding:0 20px 0 20px; color:#fff;}


/*회사소개*/
.location-wrap > ul > li:nth-child(3) > a{display:none;}
.location-wrap > ul > li:nth-child(3) .location-depth2 li{display:table-cell;}


/* 2depth */
/*.location-wrap .location-depth2 {top:45px; left:0; z-index:999; width:100%; border:1px solid #d9d9d9; border-width:1px 0 0;}*/


.location-wrap .location-depth2 a { color:#686868;height:65px; border-bottom:1px solid #d9d9d9; background:#fff; letter-spacing:-0.5px; text-align:left; display:table !important;font-size:18px;font-weight:normal;}
.location-wrap .location-depth2 a:hover {background:#f2f2f2; color:#000;border-bottom:2px solid #6b6b6b;}
.location-wrap .location-depth2 li.on a {background:#f2f2f2;color:#000;border-bottom:2px solid #6b6b6b;}

.location-wrap .location-depth2 a span {display:table-cell; height:100%; vertical-align:middle; padding:0 20px 0 20px}


@media screen and (max-width:1200px) {
	.sub-wrap-cont{padding-left:15px; padding-right:15px;}
	.sub-wrap-cont .sub_cont_tit{font-size:2.3rem; font-weight:600;}
	
	.location-wrap > ul  {width:100%;}
	.sub-wrap-cont .sub_cont_tit{padding: 0 15px;}
	.sub-wrap-cont .sub_cont_visual{display:none;}
	.location_section .inner ul h3{font-size:1.4rem; }
	.location_section .inner ul li p{font-size:1rem; word-break:keep-all; }



}
@media screen and (max-width:767px) {
	.sub-wrap-cont .sub_cont_tit{font-size:1.8rem; font-weight:600;}
	/* .location-wrap > ul > li:not(.on) {display:none;} */
	.location-wrap {display:none;}
	.location-wrap > ul > li.location-home {display:inline-block;}
	.location-wrap > ul > li:last-child {display:inline-block; width:calc(100% - 53px);}
	.location-wrap > ul > li:last-child > a {background:#f9f9f9; text-align:center;}
	.sub-wrap-cont{padding: 30px 10px;}
	.location_section .inner ul h3{font-size:1.25rem; }
	.location_section .inner ul li p{font-size:0.875rem;}
	.location_section .inner ul li span{width:40px; height:40px;}
	.location_section .inner ul li span img{width:100%;}
}
@media screen and (max-width:480px) {
	.sub-wrap-cont .sub_cont_tit{font-size:1.6rem; font-weight:600;}

}

/* left menu */
#leftMenu {
	display: none;
	float: left;
    width: 227px;
	padding-bottom: 50px;
}
#leftMenu.fixed {position:fixed; top:0; left:0; z-index:9999;}
#leftMenu > ul {}
#leftMenu > ul > li {position:relative;}
#leftMenu > ul > li a {
	display: block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
#leftMenu > ul > li:last-child a {
	border-bottom: 0;
}
#leftMenu > ul > li.on {background: #fff;}
#leftMenu > ul > li.on:after {content:''; position:absolute; bottom:-1px; left:0; z-index:11; width:100%; height:1px; background: #fff;}
#leftMenu > ul > li.on a {
	padding-top: 25px;
    color: #122e74;
}
#leftMenu > ul > li > a {
    background: url(/html/_skin/seil/img/sub/leftmenu_icon.png) no-repeat right bottom 14px;
}
#leftMenu > ul > li.on > a {
    background: url(/html/_skin/seil/img/sub/leftmenu_icon_on.png) no-repeat right bottom 14px;
}


/* #leftMenu .left-menu-title {padding:38px 15px; background:#111; font-size:22px; line-height:1.3; color:#fff; text-align:center; word-break:keep-all;}
#leftMenu .left-menu-title span {display:none; font-size:14px; font-family:'Noto Sans Kr'; color:#f2b37c;}
#leftMenu > ul > li {position:relative;}
#leftMenu > ul > li:before {position:absolute; top:11px; right:15px; content:"\f105"; display:inline-block; font-family:'FontAwesome'; font-size:24px; line-height:1; color:#333;}
#leftMenu > ul > li > a {padding:12px; border-top:1px solid #dedede; font-weight:700; font-size:14px; line-height:20px; color:#333; letter-spacing:-1px; word-break:keep-all;}
#leftMenu > ul > li:first-child > a {border-top:0 none;}
#leftMenu a {display:block; width:100%; padding-left:25px;}
*/
.left-menu-title {
    padding: 19px 13px 14px 13px;
    text-align: right;
    background-color: #24428c;
    color: #fff;
    border-left: 15px solid #5068a3;
    font-size: 16px;
    font-weight: 500;
}

/* 2depth */
#leftMenu > ul > li > ul {/* display:none;  */padding-bottom: 5px;}
#leftMenu > ul > li > ul li a,
#leftMenu > ul > li > ul li.on a {
	padding:10px 0; font-size:14px; line-height:18px; word-break:keep-all;border-bottom: 0;
}
#leftMenu > ul > li > ul li a,
#leftMenu > ul > li.on > ul li a {
	color: #333;
	padding-top: 10px;
}
#leftMenu > ul > li > ul li a:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 2px;
	background-color: #122e74;
	vertical-align: middle;
    margin-right: 10px;
}
#leftMenu > ul > li > ul li.on a {
	color: #122e74;
}
/* on */
/* #leftMenu > ul > li.on >a,
#leftMenu > ul > li:hover > a {font-weight:400; color:#3ec1c2}
#leftMenu > ul > li.on:before,
#leftMenu > ul > li:hover:before {color:#3ec1c2;}
#leftMenu > ul > li.on ul {display:block;}
#leftMenu > ul > li li.on a,
#leftMenu > ul > li li a:hover {font-weight:400; color:#000;}*/

@media screen and (max-width:1200px) {
	#leftMenu {display:none;}
}

/*
	--- sub conts
*/
#subConts {width:1200px; margin:0 auto;}

.tab_btn_box {}
.tab_btn_box > ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;height: 60px;}
.tab_btn_box > ul >li {background-color: #f9f9f9;font-size: 18px;font-weight: 700;color: #434343;text-align: center;float: left;border: 1px solid #dfdfdf;display: flex;width: 100%;align-items: center;margin: 0 5px;cursor: pointer;}
.tab_btn_box > ul >li.current {background-color: #003e7e;font-weight: 700;color: #fff;border-color: #003e7e;}
.tab_btn_box > ul >li > a {display: block;flex: 1;padding: 0 5px;word-break: keep-all;color: #484848;}
.tab_btn_box > ul >li.current > a {color: #fff;}
.tab_content_box {margin-top: 60px;}
.tabcontent {display: none;}
.tabcontent.current {display: block;}
.tabcontent > ul {border-top: 2px solid #616161;}
.tabcontent > ul.mem_detail {border-top: 0;}
.tabcontent > ul > li {padding: 40px 0;border-bottom: 1px dashed #cecece;font-size: 0;}
.tabcontent > ul.mem_detail > li {padding: 20px;border-bottom: 1px solid #e0e0e0;}

@media screen and (min-width: 1201px) {
	.tab_btn_box > ul >li:hover {
		opacity: .8;
	}
}
@media screen and (max-width:1200px) {
	#subConts {float:none; width:100%;}
	[class^="sub-wrap-"] {}

}
@media screen and (min-width: 768px) {
	.tab_btn_box > ul >li:first-child {margin-left: 0;}
	.tab_btn_box > ul >li:last-child {margin-right: 0;}
	
}
@media screen and (max-width: 767px) {
	/* #subConts {float:none; padding:30px 20px 0;} */

	.tab_btn_box > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		height: auto;
	}
	.tab_btn_box > ul >li {
		font-size: 13px;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
		max-width: 100%;
		left: 0;
		margin-left: 0;
		margin: 2px;
	}
	.tab_btn_box > ul >li > a {
		white-space: nowrap;
    	padding: 17px 10px;
	}
	.tab_content_box {margin-top: 40px;}
	.partners{padding-top:50px;}

}


/*certification*/
	.certification-section-01 .certification h3{font-size:1.5625rem; margin-bottom:1.25rem; color:#3b79c2;}
	.certification-section-01 .certification ul li {display:inline-block; width:12%; vertical-align:top; margin-right:1rem; }
	.certification-section-01 .certification ul li div{text-align:center;}
	.certification-section-01 .certification ul li img{border:1px solid #dadada; max-width:100%;}
	.certification-section-01 .certification ul li p{text-align:center; word-break:keep-all; line-height:1.3;}
	.certification-section-01 .inner{margin-bottom:30px;}


@media screen and (max-width:960px){
	.certification-section-01 .certification ul li {width:25%; margin-bottom:3%; }
}


/*product
--------------------------------------------------------*/


.no_margin{margin-right:-4px !important;}
.bd_left{border-left:1px solid #fff;}
.n_padding{padding:0; border:0 !important;}
.point_red{color:red;}
.section_first > div {float:left; width:50%; height:100%;}
.section_first div h3{font-size:1.25rem;}

.product_section{margin-top:50px;}
.product_section h3{margin-bottom:30px; font-size:1.25rem;  }
.product_section .table_img > div{display:inline-block; width:49.5%;}
.product_section .table_img{margin-bottom:80px;}
.product_section img{max-width:100%;}
.product_section ol{font-size:0.875rem;}
.product_section div.clear{margin-top:50px;}
.section_first > div:first-child{text-align:center;}
.section_first > div:last-child h3{margin-bottom:10px !important;}
.section_first > div:last-child ul {margin-bottom:20px;}
.section_first > div:last-child ul:last-child {margin-bottom:0px;}
.section_first > div:last-child ul:last-child li{padding:10px 20px; border:1px solid #828282; display:inline-block; border-radius:10px; word-break:keep-all; }
.section_first > div:last-child ul:last-child li:first-child{margin-right:15px;}
.section_first > div:last-child ul:last-child li a{color:#828282;}
.section_first > div:last-child ul:last-child li:hover{background:#3b79c2; border:1px solid #3b79c2; transition:.5s;}
.section_first > div:last-child ul:last-child li:hover a{color:#fff; transition:.5s;}

.section_second .table_img {text-align:center; margin-bottom:80px ;}
.section_second .table_img h3{text-align:left;}


.pro_detail_oder_list{width:120px; display:inline-block; margin-right:10px; vertical-align:top; margin-bottom:20px;}

.pro_detail_oder_list:last-child{margin-right:0;}
.pro_detail_oder_list li.list_hd{padding:5px 0; text-align:center; background:#3b79c2; color:#fff; font-size:12px;}
.pro_detail_oder_list li.list_top{font-size:12px; height:45px; padding:5px 0; text-align:center; border-right:1px solid #828282; border-left:1px solid #828282; border-bottom:1px solid #828282; line-height:1;font-size:0.875;}
.pro_detail_oder_list .hd_second_list li{height:42px; font-size:11px;}
.pro_detail_oder_list li ul li{text-align:center;}
.pro_detail_oder_list li ul li:first-child {float:left; width:28%; border-left:1px solid #828282; border-bottom:1px solid #828282;}
.pro_detail_oder_list li ul li:last-child {float:right; width:72%; border-left:1px solid #828282; border-right:1px solid #828282; border-bottom:1px solid #828282;line-height:1;}
.pro_detail_oder_list li ul.bd_second_list li{padding:3px 0; font-size:11px; height:45px; line-height:1; }
.product_section > div:nth-child(2) ul.title_text li{position:relative; padding-left:7px;}
.product_section > div:nth-child(2) ul.title_text li::before{position:absolute; content:"-"; display:block; left:0;}
.product_section .product_section_txt{margin-bottom:30px;}
.order_list_width > li > ul > li{width:120px !important;}




.installation {margin-top:50px;}
.installation div{text-align:center; margin-top:50px;}

.ver_middle{vertical-align:middle;}
.txt_left{text-align:left;}
.bg_odd{background:#f3f3f3 !important;}
.bg_even{background:#c9c9c9 !important;}
.table_specification{margin-top:50px;}
.table_specification table{ width:100%; margin-bottom:30px;}
.table_specification table tr{text-align:center;}
.table_specification table tr th{background:#3b79c2; padding:10px 0; color:#fff; word-break:keep-all; vertical-align:middle;}
.table_specification table tr td{padding: 5px 0; word-break:keep-all; vertical-align:middle;}
.table_specification table tbody tr:nth-child(even){background:#c9c9c9;}
.table_specification table tbody tr:nth-child(odd){background:#f3f3f3;}

/* 20190816 tabel ul li modification */

.pro_detail_oder_list li ul.bd_second_list li sup {vertical-align: sub !important; font-size: smaller !important;}

.table_specification table tr td.table_halfHead {overflow: hidden; text-align: center;}
.table_specification table tr td.table_halfHead > div {text-align: center; display: inline-block; width: 40%; vertical-align: 10px;}
.table_specification table tr td.table_halfHead div > div.table_content {}
.table_specification table tr td ul.half {display: inline-block; width: 40%;}
.table_specification table tr td ul.half > li {width: 100%;}

.table_specification table tr td ul.table_quarter {overflow: hidden;}
.table_specification table tr td ul.table_quarter > li {width: 20%; display: inline-block; letter-spacing: 0;}
.table_specification table tr td ul.table_quarter > li.last {width: 25%;}
.table_specification table tr td ul.table_quarter.noWidth li {width: 100%}

td.clearboth::after {clear: both; display: block; content: '';}

.product_section h2 { font-size: 1.5rem; margin-bottom: 30px;}

tr.vaInit {vertical-align: top;}
tr.vaInit > * {vertical-align: top;}
.specUnit > div.typeUnit {width: 100%; overflow: hidden;}
.specUnit > div.unitType > p {border-bottom: 1px solid #000;}
.specUnit > div.unitType.no_border > p {border-bottom: none;}
.specUnit > div.typeUnit:after {clear: both; content: ''; display: block;}
.specUnit > div > p {display: inline-block; width: 50%; float: left;}
.specUnit > div > p:first-child {text-align: left;}

span.bb_black {border-bottom: 1px solid #000; display: block;}
.no_border {vertical-align: inherit;}
tr.no_border td {vertical-align: top;}

td sup {vertical-align: super !important; font-size: smaller !important;}



@media screen and (max-width:1200px){
}
@media screen and (max-width:1199px){
}

@media screen and (max-width:767px){
	.section_first > div {float:none; width:100%; height:100%;}
	.pro_detail_oder_list{width:100px; }
	.order_list_width > li > ul > li{width:100px !important;}
	.pro_detail_oder_list .hd_second_list li{font-size:10px;}
	.pro_detail_oder_list li.list_hd{padding:0; font-size:10px;}
	.pro_detail_oder_list li.list_top{padding:0; font-size:10px;}
	.pro_detail_oder_list li ul.bd_second_list li{padding:0; font-size:10px;}

}
@media screen and (max-width:555px){
	.pro_detail_oder_list{width:90px;}
	.order_list_width > li > ul > li{width:90px !important;}
	.pro_detail_oder_list .hd_second_list li{font-size:9px;}
	.pro_detail_oder_list li.list_hd{padding:2px 0;}
	.pro_detail_oder_list li.list_top{padding:2px 0;}
	.pro_detail_oder_list li ul.bd_second_list li{padding:2px 0;}

	/*표*/
	.table_specification table tr th{font-size:10px; line-height:1.2;}
	.table_specification table tr td{font-size:10px; line-height:1;}

}
@media screen and (max-width:456px){
	.section_first > div:last-child ul:last-child li{padding:10px 10px; }
	.table_specification table tbody tr td{font-size:0.75rem;}
	.pro_detail_oder_list .hd_second_list li{font-size:8px;}
	.pro_detail_oder_list{width:80px;}
	.order_list_width > li > ul > li{width:80px !important;}
	.pro_detail_oder_list li.list_hd{padding:0; font-size:9px;}
	.pro_detail_oder_list li.list_top{padding:0; font-size:9px;}
	.pro_detail_oder_list li ul.bd_second_list li{padding:0; font-size:9px;}
}

@media screen and (max-width:400px){
	.section_first > div:last-child ul:last-child li{padding:10px 10px; }

	.table_specification table tbody tr td{font-size:10px;}
}
@media screen and (max-width: 325px){
	.section_first > div:last-child ul:last-child li{padding:10px 5px; }
}

/* product_thumbnail
-------------------------------------*/

.product_thumbnail ul{width:100%; height:auto; }
.sub-wrap-cont .product_thumbnail ul li{width:33%; display:inline-block; vertical-align:top;}
.sub-wrap-cont .product_thumbnail ul li a{text-align:center}
.sub-wrap-cont .product_thumbnail ul li a div{width:80%;  margin:0 auto; border:3px solid #fff; padding-bottom:20px; }
.sub-wrap-cont .product_thumbnail ul li:hover a div{border:3px solid #3b79c2; transition:.5s;}
.sub-wrap-cont .product_thumbnail ul li a div img{max-width:100%;}
.sub-wrap-cont .product_thumbnail ul li a p{font-size:1.125rem; word-break:keep-all;}

/*tabs_menu_wrap*/
.tabs_menu_wrap {margin:30px 0 60px; /*border-top:1px solid #ddd; border-bottom:1px solid #ddd*/}
.tabs_menu_wrap .view_tabs:after {display:block; clear:both; content:""}
.tabs_menu_wrap .view_tabs {width:100%; margin:0 auto; text-align:center}
.tabs_menu_wrap .view_tabs > li {display:inline-block; float:left; width:25%}
.tabs_menu_wrap .all_products > li {width:16.66666% !important; height:56.667px; display:table; }
.tabs_menu_wrap .all_products > li a{display:table-cell !important; vertical-align:middle !important; padding:5px !important;}
.tabs_menu_wrap .all_products > li:nth-child(3) a{line-height:1.4;}

.tabs_menu_wrap .view_tabs > li a {display:block; width:100%; padding:10px 0; font-size:1rem; color:#3b79c2; /*border:1px solid #243c8e;*/ /*border-right:0;*/ transition:0.3s; word-break:keep-all}
.tabs_menu_wrap .view_tabs > li:last-child a {/*border-right:1px solid #243c8e*/}
.tabs_menu_wrap .view_tabs > li.on a,
.tabs_menu_wrap .view_tabs > li:hover a {background:#3b79c2; color:#fff;}
.tabs_menu_wrap ul.five_tabs > li {display:inline-block; float:left; width:20%}


.pc_list:after {display:block; clear:both; content:""}
.pc_list > li {display:inline-block; float:left; width:23%; margin-right:2.5%; margin-bottom:50px; text-align:center; border:3px solid #fff; padding-bottom:20px;}
.pc_list > li:nth-child(4n) {margin-right:0}
.pc_list > li figure {display:inline-block; width:100%; height:100%}
.pc_list > li figure img {width:100%;}
.pc_list > li figure ficaption {display:table-cell; width:1%; height:35px; font-size:0.875rem; color:#333; vertical-align:middle; line-height:1.2; word-break:keep-all}
.certificate_list {display:none}
.pc_list > li:hover{border:3px solid #3b79c2; transition:0.5s;}

@media screen and (max-width:1200px){
	.tabs_menu_wrap .all_products > li {width:33.3333333% !important; padding: }
}

@media screen and (max-width:767px) {
	.tabs_menu_wrap .view_tabs > li a {font-size:14px}
	.tabs_menu_wrap .view_tabs > li {width:50%}
	.tabs_menu_wrap ul.five_tabs > li {width:50%}
}

@media screen and (max-width:670px) {
	.tabs_menu_wrap .view_tabs > li a {font-size:0.9rem}
}

@media screen and (max-width:650px){
	.sub-wrap-cont .product_thumbnail ul li{width:50%; display:block; margin:0 auto;}
	.sub-wrap-cont .product_thumbnail ul li a p{font-size:1rem; word-break:keep-all;}
}

@media screen and (max-width:580px) {
	.pc_list > li {width: 48%;margin-right:4%}
	.pc_list > li:nth-child(3n) {margin-right:4%}
	.pc_list > li:nth-child(2n),
	.pc_list > li:nth-child(4n) {margin-right:0}
	/*.pc_list > li figure img {height:340px}*/
	.tabs_menu_wrap .view_tabs > li {width:50%}
	.tabs_menu_wrap .view_tabs > li:nth-child(1) a,
	.tabs_menu_wrap .view_tabs > li:nth-child(2) a {border-bottom:0}
}
@media screen and (max-width:767px) {
	.tabs_menu_wrap .view_tabs > li a {font-size:12px}
}





/* CONACT US
------------------------------------------------------ */
#map1, #map2 { height:500px !important;}
.contact-address {overflow:hidden; position:relative; margin-top:3.5%; padding:2% 3%; width:100%; border:1px solid #ddd;}
.contact-address li {display:inline-block; padding:6px 0; font-weight: 400; font-size:16px; line-height: 1.3; font-family:'Noto Sans KR'; color:#575757; vertical-align:top;}
.contact-address li:first-child {display:block;}
.contact-address li:nth-child(3) {margin-left: 3%;}
.contact-address li.copy {display:block; margin-top: 12px; font-weight: 300; font-size:14px;}
.contact-address li strong {margin-right:5px; color:#000;}
.contact-address > img {position:absolute; top:50%; right:3%; margin-top:-18px; border:1px solid #ddd;}

.YouTubePopUp-Close:before {content:'X'; position:relative; top:-10px; font-weight: 300; font-size:35px; font-family:'NanumSquare'; color:#fff;}

@media screen and (max-width:1200px) {
	.contact-address > img {float:right; position:relative; top:auto; right:auto; margin-top: 20px;}
}
@media screen and (max-width:640px) {
	#map1, #map2 {height:350px !important;}
}

/* --- placeholder */
input[type="text"]::placeholder {color: #d0d0d0;opacity: 1; /* Firefox */}
input[type="text"]:-ms-input-placeholder {color: #d0d0d0;}
input[type="text"]::-ms-input-placeholder {color: #d0d0d0;}

.sub-visual{display:table; width:100%; height:369px; text-align:center;padding-top: 153px;}

.sub-visual > div {display:table-cell; width:1200px; margin:0 auto; height:100%; vertical-align:middle; background: url('/html/_skin/seil/img/sub/aboutus_visual.jpg') no-repeat center center; background-size:cover;}
.sub_visual_company > div{background: url('/html/_skin/seil/img/sub/about_visual.jpg') no-repeat center top; background-size:cover; }
.sub_visual_port > div{background: url('/html/_skin/seil/img/sub/port_visual.jpg') no-repeat center top; background-size:cover; }
.sub_visual_prodcut > div{background: url('/html/_skin/seil/img/sub/product_visual.jpg') no-repeat center top; background-size:cover; }
.sub_visual_press > div{background: url('/html/_skin/seil/img/sub/visual_guide.jpg') no-repeat center top; background-size:cover; }
.sub_visual_contactus > div{background: url('/html/_skin/seil/img/sub/visual_contactus.jpg') no-repeat center top; background-size:cover; }


.sub-visual h2 {font-weight:600; font-size:2.5rem; line-height: 1; color:#fff;}
.sub-visual p {margin-top: 10px; padding:0 30px; font-weight: 400; font-size:2rem; line-height: 1.3; color:#fff; word-break:keep-all;}

@media screen and (max-width: 1200px) {
	.sub-visual {height:200px;padding-top: 80px;}
	.sub-visual h2 {font-weight:700; font-size:2.5rem; line-height: 1; color:#fff;}
	.sub-visual p {margin-top: 30px; padding:0 30px; font-weight: 700; font-size:1rem;display:none;}
}
@media screen and (max-width:767px) {
	.sub-visual {padding-top: 56px;height:150px;}
	.sub-visual h2 {font-size:1.5rem;}
	.sub-visual p {font-size:0.875rem;margin-top: 20px; display:none;}
}
@media screen and (max-width:640px) {
	.sub-visual h2 {font-size:1.25rem;}
}


@media screen and (max-width: 768px) {
	.sub-cont-section:last-child {padding-bottom: 50px;}
}


/*partners*/
.partners_section > ul > li{display:inline-block; width:21%; margin-right:4%; text-align:center; margin-bottom:3%; vertical-align:top;}
.partners_section > ul > li:nth-child(4n){margin-right:0;}
.partners_section > ul > li > p{word-break:keep-all;}


@media screen and (max-width:1100px){
	.partners .partners_section ul li{width:31%; margin-right:3%;}
	.partners .partners_section ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:736px){
	.partners .partners_section ul li{ margin-right:2.5%;}
}

@media screen and (max-width:679px){
	.partners .partners_section ul li{width:48%; margin-right:2%;}
	.partners .partners_section ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:390px){
	.partners .partners_section ul li img{width:80%;}
	.partners .partners_section ul li{width:48%; margin-right:1.5%;}
}

/* Organization */
.organization_wrap {padding-top:80px; text-align:center}
.organization_wrap:after {display:block; clear:both; content:""}
.organization_wrap .ceo {position:relative}
.organization_wrap .ceo:after {position:absolute; left:50%; width:1px; height:306px; margin:0 auto; background:#ddd; content:""}
.organization_wrap h5 {width:200px; margin:0 auto; padding:10px; font-size:1.125rem; color:#333; border:1px solid #ccc; border-top:2px solid #3b79c2}
.organization_wrap .ceo h5 {width:250px; padding:15px 0; font-size:1.5rem; background:#3b79c2; color:#fff}
.organization_wrap .management {margin-top:50px; margin-right:190px; float:right}
.organization_wrap .management h5 {position:relative}
.organization_wrap .management h5:before {position:absolute; top:50%; left:-210px; width:210px; height:1px; background:#ddd; content:""}
.organization_wrap .management h5:after {position:absolute; bottom:-32px; left:50%; width:1px; height:32px; background:#ddd; content:""}
.organization_wrap .management ul {margin-top:30px; padding-top:20px; background:#efefef; height:115px}
.organization_wrap .organ_btm {position:relative; clear:both; padding-top:60px}
.organization_wrap .organ_btm:before {position:absolute; left:360px; width:731px; height:1px; background:#ddd; content:""}
.organization_wrap .organ_btm h5 {position:relative; width:100px; height:100px; padding:35px 0; border-radius:50%;}
.organization_wrap .organ_btm h5:before {position:absolute; top:-32px; left:50%; width:1px; height:30px; background:#ddd; content:""}
.organization_wrap .organ_btm h5:after {position:absolute; bottom:-28px; left:50%; width:1px; height:28px; background:#ddd; content:""}
.organization_wrap .organ_btm ul  {width:100%; margin-top:30px}
.organization_wrap .organ_btm ul:after {display:block; clear:both; content:""}
.organization_wrap .organ_btm ul > li {display:inline-block; float:left; width:calc(20% - 20px); margin-right:20px}
.organization_wrap .organ_btm ul > li:first-child {width:60%}
.organization_wrap .organ_btm ul > li article {width:100%}
.organization_wrap .organ_btm ul > li .coo article {width:calc(100% + 20px); margin-right:-20px}
.organization_wrap .organ_btm .coo h5:after {bottom:-34px; height:34px}
.organization_wrap article {width:100%; padding-top:30px; display:table}
.organization_wrap .coo article {position:relative}
.organization_wrap .coo article:before {position:absolute; top:18px; left:113px; width:493px; height:1px; background:#ddd; content:""}
.organization_wrap article dl {background:#efefef; width:100%; height:170px}
.organization_wrap .coo article dl {position:relative; display:inline-block; float:left; width:calc(33.33% - 20px); margin-right:20px}
.organization_wrap .coo article dl:before {position:absolute; top:-12px; left:50%; width:1px; height:12px; background:#ddd; content:""}
.organization_wrap .coo article dl:nth-child(2):before {width:0}
.organization_wrap .organ_btm ul > li:last-child {margin-right:0}
.organization_wrap .organ_btm ul > li article dl:last-child {margin-right:0}
.organization_wrap article dl dt {margin-bottom:20px; padding-bottom:20px; font-size:1.1rem; color:#3b79c2; background:#fff}
.organization_wrap article dl dt:after {display:block; width:10px; height:2px; margin:10px auto 0; background:#3b79c2; content:""}
.organization_wrap .management ul > li,
.organization_wrap article dl dd {margin-bottom:5px; color:#555; font-weight:300}

/* Media */
@media screen and (max-width:1200px){
	.organization_wrap .ceo:after {height:50px}
	.organization_wrap .management {width:250px; margin:50px auto; float:none }
	.organization_wrap .management h5 {width:100%}
	.organization_wrap .management h5:before {display:none}
	.organization_wrap .organ_btm ul {font-size:0}
	.organization_wrap .organ_btm ul > li {width:calc(35% - 10px) !important; margin:30px auto; float:none}
	.organization_wrap .organ_btm ul > li:first-child {width:70% !important}
	.organization_wrap .organ_btm ul > li:nth-child(2) {margin-right:20px}
	.organization_wrap .organ_btm ul > li .coo article {width:100%; margin-right:0}
	.organization_wrap .organ_btm:before {display:none}
	.organization_wrap .organ_btm {padding-top:0}
	.organization_wrap .organ_btm h5:before {display:none}
	.organization_wrap .coo article:before {left:15.7%;  width:68.3%}
	.organization_wrap .organ_btm ul > li .coo article dl {width:calc(33.33% - 14px)}
	.organization_wrap .management ul > li, .organization_wrap article dl dd {font-size:0.875rem; word-break:keep-all}
}
@media screen and (max-width:900px){
	.organization_wrap .organ_btm ul > li {width:calc(48% - 10px) !important}
	.organization_wrap .organ_btm ul > li:first-child {width:96% !important}
}
@media screen and (max-width:640px){
	.organization_wrap .coo article:before {display:none}
	.organization_wrap .organ_btm h5:after, .organization_wrap .coo article dl:before {display:none}
	.organization_wrap .organ_btm ul > li .coo article dl {width:55%; margin:0 auto 20px; float:none}
	.organization_wrap .organ_btm ul > li {width:55% !important}
	.organization_wrap .organ_btm ul > li:nth-child(2) {margin-right:0}
	.organization_wrap .organ_btm ul > li:first-child {width:100% !important}
	.organization_wrap .management {width:55%}
	.organization_wrap .ceo h5 {width:55%}
	.organization_wrap article dl {height:auto; padding-bottom:20px}
}
@media screen and (max-width:480px){
	.organization_wrap .organ_btm ul > li .coo article dl,
	.organization_wrap .management,
	.organization_wrap .ceo h5 {width:70%}
	.organization_wrap .organ_btm ul > li {width:70% !important}
}


.portfolio_sul { float:left;width:100%; }
.portfolio_sul li { float:left;width:287px;margin-right:17px;margin-bottom:35px;font-size:18px; }
.portfolio_sul li:nth-child(4n) { margin-right:0px; }
.portfolio_sul img { width:287px;height:224px;margin-bottom:20px; }
.portfolio_sul span.txts { font-size:14px;color:#666666; }

.portfolio_check { width:100%;border:2px solid #e5e5e5;text-align:center;margin-bottom:20px;padding:15px 0;font-size:16px; }
.portfolio_check input { margin-left:15px;margin-right:5px; }

.portfolio_detail { margin-bottom:15px;display:table;width:100%; }
.portfolio_detail li { float:left;display:table-cell;vertical-align:center;border:1px solid #ebebeb;min-height:60px;line-height:100%; }
.portfolio_detail li:nth-child(1), .portfolio_detail li:nth-child(3), .portfolio_detail li:nth-child(5) { width:20%;padding:21px 0 15px 15px; }
.portfolio_detail li:nth-child(2), .portfolio_detail li:nth-child(4), .portfolio_detail li:nth-child(6) { width:80%;font-weight:bold;padding:21px 0 15px 15px; }
.portfolio_detail li:nth-child(4) { font-size:20px;padding:17px 0 15px 15px; }
.portfolio_detail li:nth-child(7) { width:100%;padding:20px; }
.portfolio_detail li:nth-child(7) img { width:auto;margin-bottom:10px; }


@media screen and (max-width:1200px) {
	.portfolio_sul li { width:23%;margin-right:2%;height:240px;margin-bottom:50px !important;font-size:15px;letter-spacing:-0.04em;  }
	.portfolio_sul img { width:100%;height:150px;max-height:200px; }
}

@media screen and (max-width:767px) {

	.portfolio_detail li:nth-child(1), .portfolio_detail li:nth-child(3), .portfolio_detail li:nth-child(5) { display:none; }
	.portfolio_detail li:nth-child(2), .portfolio_detail li:nth-child(4), .portfolio_detail li:nth-child(6) { width:100%;font-weight:bold;padding:21px 0 15px 15px; }
	.portfolio_sul li { width:49.5%;margin-right:0.5%;margin-bottom:20px; }
	.portfolio_sul li:nth-child(2n) { margin-right:0px; }
	.portfolio_sul img { margin-bottom:10px; }
	.portfolio_detail li:nth-child(7) img { width:100% !important;height:auto !important;margin-bottom:10px; }
}

.business_s { width:100%;text-align:center; }

@media screen and (max-width:1200px) {
	.business_s img { width:90%; }
}

@media screen and (max-width:480px) {
	.business_s img { width:100%; }
}

.paper_kind_s { width:1100px;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:50px;padding-bottom:50px; }
.paper_kind_s li { float:left; }
.paper_kind_s li:nth-child(1) { width:220px; }
.paper_kind_s li:nth-child(2) { width:880px;font-size:15px;font-weight:400;color:#666666; }

.paper_kind_s2 { width:1100px;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:50px;padding-bottom:50px; }
.paper_kind_s2 li:nth-child(1) { width:1100px;font-size:15px;font-weight:400;color:#666; }


.box_kind_s { width:1100px;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:50px;padding-bottom:50px; }
.box_kind_s li { float:left;width:660px;font-size:15px;font-weight:400;color:#666666; }
.box_kind_s li:nth-child(2) { width:440px;float:right;text-align:right; }
.box_kind_s li:nth-child(3) { padding-right:200px;background:url('/html/_skin/seil/img/sub/box_kind_1_1.jpg') right 95px no-repeat ;padding-top:55px;font-size:15px;color:#636363; }
.box_kind_s li:nth-child(4) { padding-right:200px;background:url('/html/_skin/seil/img/sub/box_kind_1_2.jpg') right 60px no-repeat ;padding-top:25px;font-size:15px;color:#636363; }
.box_kind_s li:nth-child(5) { padding-right:200px;background:url('/html/_skin/seil/img/sub/box_kind_1_3.jpg') right 60px no-repeat ;padding-top:25px;font-size:15px;color:#636363; }
.box_kind_s li:nth-child(6) { padding-right:200px;background:url('/html/_skin/seil/img/sub/box_kind_1_4.jpg') right 60px no-repeat ;padding-top:25px;font-size:15px;color:#636363; }

.box_kind_ss { width:1100px;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:50px;padding-bottom:50px; }
.box_kind_ss li { float:left; }
.box_kind_ss li:nth-child(1) { width:620px; }
.box_kind_ss li:nth-child(2) { width:480px;font-size:15px;font-weight:400;color:#666666; }

span.paper_bs { color:#000;font-size:30px;font-weight:500;line-height:20mm; }
span.paper_bbs { color:#4f4f4f;font-size:24px;font-weight:bold; }
span.middle_txt { font-size:20px;font-weight:normal;background-color:#ebebeb; }

@media screen and (max-width:1200px) {
	.paper_kind_s { width:98%; }
	.paper_kind_s li:nth-child(1) { width:20%; }
	.paper_kind_s li:nth-child(1) img { width:90%; }
	.paper_kind_s li:nth-child(2) { width:80%; }

	.box_kind_s { width:98%;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:50px;padding-bottom:50px; }
	.box_kind_s li { float:left;width:100%;font-size:18px; }
	.box_kind_s li:nth-child(1) { width:50%;float:left;text-align:left; }
	.box_kind_s li:nth-child(2) { width:50%;float:left;text-align:left; }
	.box_kind_s li:nth-child(2) img { width:100%; }

.box_kind_ss { width:98%; }
	.box_kind_ss li:nth-child(1) { width:40%; }
	.box_kind_ss li:nth-child(1) img { width:90%; }
	.box_kind_ss li:nth-child(2) { width:60%; }

	.paper_kind_s2 { width:100%; }
	.paper_kind_s2 li:nth-child(1) { width:100%; }
}

@media screen and (max-width:480px) {
	.paper_kind_s { width:100%;margin-bottom:20px;padding-bottom:20px; }
	.paper_kind_s li { float:none;width:100%; }
	.paper_kind_s li:nth-child(1) { width:auto;text-align:center; }
	.paper_kind_s li:nth-child(1) img { width:100%; }
	.paper_kind_s li:nth-child(2) { width:auto; }

	.box_kind_s { width:100%;display:table;margin:0 auto;border-bottom:1px solid #e1e1e1;margin-bottom:20px;padding-bottom:20px; }
	.box_kind_s li { float:left;width:100%;font-size:18px; }
	.box_kind_s li:nth-child(1) { width:100%;float:left;text-align:left; }
	.box_kind_s li:nth-child(2) { width:100%;float:right;text-align:right;padding-top:10px; }
	.box_kind_s li:nth-child(3) { padding-right:0px;background:url('/html/_skin/seil/img/sub/box_kind_1_1.jpg') left 95% no-repeat ;padding-top:25px;padding-bottom:90px;font-size:16px;color:#636363; }
	.box_kind_s li:nth-child(4) { padding-right:0px;background:url('/html/_skin/seil/img/sub/box_kind_1_2.jpg') left 95% no-repeat ;padding-top:25px;padding-bottom:90px;font-size:16px;color:#636363; }
	.box_kind_s li:nth-child(5) { padding-right:0px;background:url('/html/_skin/seil/img/sub/box_kind_1_3.jpg') left 95% no-repeat ;padding-top:25px;padding-bottom:90px;font-size:16px;color:#636363; }
	.box_kind_s li:nth-child(6) { padding-right:0px;background:url('/html/_skin/seil/img/sub/box_kind_1_4.jpg') left 95% no-repeat ;padding-top:25px;padding-bottom:90px;font-size:16px;color:#636363; }

	.box_kind_ss { width:100%; margin-bottom:20px;padding-bottom:20px;}
	.box_kind_ss li { float:none;width:100%; }
	.box_kind_ss li:nth-child(1) { width:auto;text-align:center; }
	.box_kind_ss li:nth-child(1) img { width:100%; }
	.box_kind_ss li:nth-child(2) { width:auto; }

	.paper_kind_s2 { margin-bottom:20px;padding-bottom:20px; }
}

.box_shape { width:1200px; }
.box_shape li { float:left;width:400px;height:450px;text-align:center;font-size:15px;font-weight:400;color:#666; }
.box_shape img { margin-bottom:10px; } 
span.shape_txt { font-size:24px;font-weight:500;color:#000; }

@media screen and (max-width:1200px) {
	.box_shape { width:100%; }
	.box_shape li { width:50%;height:100%;margin-bottom:20px; }
	.box_shape img { width:97%; } 
}

@media screen and (max-width:480px) {
	.box_shape { width:100%; }
	.box_shape li { width:100%;height:100%;margin-bottom:20px; }
	.box_shape img { width:97%; } 
	span.paper_bs { color:#000;font-size:32px;font-weight:bold;line-height:10mm; }
}

.portfolio_sns { width:100%;text-align:center; }
.portfolio_sns img { margin-top:15px; }


.process_new { width:1100px;margin:0 auto; }
.process_new li { float:left;text-align:center;width:25%;margin-bottom:40px; }
.blank_new { width:100%;display:table; }

@media screen and (max-width:1200px) {
	.process_new { width:100%;margin:0 auto; }
	.process_new li { width:25%;margin-bottom:40px; }
	.process_new img { width:80%; }
	.blank_new { width:100%;display:none; }
}

@media screen and (max-width:640px) {
	.process_new { width:100%;margin:0 auto; }
	.process_new li { width:50%;margin-bottom:40px; }
	.process_new img { width:95%; }
	.blank_new { width:100%;display:none; }
}