@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}




#all_menu { display: none; width: 100%; background:rgba(102,102,102,0.85); border-top: 1px solid #eee;border-bottom: 1px solid #eee; position: absolute; top: 92px; left: 0; z-index:2500000;float:left; }
#all_menu .content_box{margin: 0 auto; padding: 0;width:1100px;}
#all_menu .content_box > ul {  list-style: none;float:right;}
#all_menu .content_box > ul > li { display: inline-block; height: 150px; padding: 0 40px; vertical-align: top; border-left: 1px solid #666; }
#all_menu .content_box > ul > li:first-child { padding-left: 0; border-left: 0;margin-right:10px; }
#all_menu .content_box > ul > li:nth-child(2){margin-right:5px;}
#all_menu .content_box > ul > li:nth-child(3){margin-right:32px;}
#all_menu .content_box > ul > li:last-child{margin-right:-40px;}
#all_menu .content_box > ul > li > a,
#all_menu .content_box > ul > li > span { display: inline-block; margin-bottom: 31px; padding: 0 0; border-bottom: 4px solid #000; font-size: 0; font-weight: 700; color: #101010; }
#all_menu .content_box > ul ul { margin: 0; padding: 0; list-style: none; margin-top:-25px;}
#all_menu .content_box > ul ul > li { padding: 0 0 12px 0; }
#all_menu .content_box > ul ul > li a { font-size: 14px; font-weight: 700; color: #f1f1f1; }
#all_menu .content_box > ul ul > li a:hover { color: #ff6d00; }

#all_menu .content_box > ul ul ul { margin: 15px 0 0; border: 1px solid #e5e5e5; }
#all_menu .content_box > ul ul ul li { height: auto; padding: 0; border-top: 1px solid #e5e5e5; }
#all_menu .content_box > ul ul ul li:first-child { border-top: 0; }
#all_menu .content_box > ul ul ul li a { display: block; padding: 6px; font-size: 12px; font-weight: 500; color: #f1f1f1;; }

#link{width:auto;height:58px;padding:0;margin:0;position:absolute;right:0;bottom:0;top:60px;}
#link h2{font-size:0;height:0;}
#link > ul { width:100%; padding: 0; text-align: center; height:58px;}
#link > ul > li { display: inline-block; padding-left: 70px; position: relative;z-index:2;float:left;list-style:none;}
#link > ul > li a { display: block; padding: 0px 20px;color:#333;font-size: 12pt;letter-spacing:-1px;text-decoration:none;font-weight:700;}
#link > ul > li:last-child{margin-right:0;padding-right:0;}
#link > ul > li:last-child a{padding-right:0;}
#link > ul > li .box { display: inline-block; vertical-align: top; width: 176px; position: absolute; top: 76px; left: 0; display: none;z-index:255; }
#link > ul > li > .box img { display: inline-block; vertical-align: top; }

#main1 { height: 505px; position: relative;min-width:1100px;z-index:0;border-top:5px solid #2b3d67;border-bottom:5px solid #2b3d67;  }
#main1 ul,
#main1 ol { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
#main1 .flex-direction-nav { width: 135px;  position: absolute; top: 420px; right: 10%; z-index: 105;}
#main1 .flex-direction-nav a { float: left; width: 65px; height: 65px; cursor: pointer; text-indent: -50000px; outline: 0; }
#main1 .flex-direction-nav a.flex-prev { background: url(/img/btn_prev_16x31.gif) no-repeat 50% 50%; border: 1px solid #fff;left:10px; }
#main1 .flex-direction-nav a.flex-next { background: url(/img/btn_next_16x31.gif) no-repeat 50% 50%; border: 1px solid #fff; border-left: 0; }

#main2{min-width:1100px;width:100%;margin:0 auto;background:url(/img/top_bg.gif);padding: 30px 0;}
#main2 h2{text-align:center; padding: 30px 0;}
#main2 ul{list-style:none;width:930px;margin:0 auto;height:182px;margin-top:23px;}
#main2 ul li{float:left;}

#main3{clear:both;height:168px;width:100%;min-width:1100px;margin:0;overflow:hidden;}
#main3 ul{width:939px;margin:0 auto;height:128px;margin-top:20px;list-style:none;}
#main3 ul li{float:left;margin:0 15px;}


#ft { min-width: 1100px; margin: 0 auto; padding-bottom: 55px; background: #fff; }
#ft .mov a { display: block; height: 313px; background: url(/img/mov.jpg) no-repeat 50% 0; text-indent: -50000px; outline: 0; }
#ft .overseas { height: 89px; background: #fafafa; }
#ft .overseas h2 { display: inline-block; vertical-align: middle; padding: 22px 0 0; font-size: 16.32px; font-weight: 700; color: #2c2b2a; }
#ft .overseas ul { display: inline-block; vertical-align: middle; margin: 0; padding: 22px 0 0; list-style: none; font-size: 0; line-height: 0; }
#ft .overseas ul li { display: inline-block; padding: 0 23px; }
#ft .overseas .more { display: block; vertical-align: middle; width: 36px; height: 36px; background: url(/img/btn_more_17x17_b2b2b2.gif) no-repeat 50% 50%; border: 2px solid #cecece; border-radius: 50%; text-indent: -50000px; position: absolute; top: 25px; right: 4px; }
#ft .sponsor { height: 97px; border-bottom: 1px solid #dfdfdf;background:#f1f1f1; }
#ft .sponsor ul,
#ft .sponsor ol { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0;  }
#ft .sponsor .slides li { padding: 24px 0; }
#ft .sponsor .flex-viewport { margin: 0 45px; }
#ft .sponsor .flex-direction-nav { width: 100%; position: absolute; top: 0; left: 0; display:none;}
#ft .sponsor .flex-direction-nav a { display: block; width: 36px; height: 36px; border: 2px solid #cbcbcb; border-radius: 50%; text-indent: -50000px; outline: 0; position: absolute; top: 26px; }
#ft .sponsor .flex-direction-nav a.flex-prev { left: 0; background: #fff url(/img/arrow_left.gif) no-repeat 50% 50%; }
#ft .sponsor .flex-direction-nav a.flex-next { right: 0; background: #fff url(/img/arrow_right.gif) no-repeat 50% 50%; }
#ft #link { margin: 0; padding: 0; list-style: none; }
#ft #link li { float: left; padding: 0 9px 0 10px; background: url(/img/bar_1x10_e9ebee.gif) no-repeat 0 3px; }
#ft #link li a { float: left; font-size: 11px; font-weight: 700; color: #808080; }
#ft #link li:first-child { background: none; padding-left: 0; }
#ft>.content_box{width:1250px;margin:0 auto;height:40px;}
#ft .copy_logo { margin: 20px 0 15px 9px;float:left; }
#ft .copyright { font-size: 11px; color: #606060; text-align: right; position: relative; top: -20px; right: 0;float:right; }
#ft address { clear: left; padding: 30px 0 0; font-style: normal; font-size: 13px; line-height: 20px; color: #606060; }
#ft address span { font-weight: 700; color: #663b3b;font-size:11pt; }
#ft address strong { color: #070707; }
#ft .copyright strong { color:#663b3b; }
#ft .priv {width:100%;height:40px;background:#555;}
#ft .priv .priv_ul{width:1150px;margin:0 auto;}
#ft .priv .priv_ul li{float:left;margin-right:20px;padding-top:10px}
#ft .priv .priv_ul li a{font-size:10pt;color:white;text-decoration:none;letter-spacing:-1px;}


/* 회사소개 */
.content_t1 {font-family:'NanumBarunGothic';font-size:20pt;color:#003876;font-weight:700;line-height:40px;text-align:center;}
.content_t1 img{float:left;margin:0 40px 40px 0;width:300px;height:230px;border:1px solid #dfdfdf;padding:10px;background:#f1f1f1;}
.content_t1 .sp{font-size:30pt;}
.content_t2{clear:both;font-size:13pt;color:#555;margin-top:50px;line-height:28px;margin-bottom:30px;letter-spacing:-1px;}
.content_t2 p{margin-top:30px;text-align:right;padding-right:50px;font-weight:700;}

/* 연혁 */
.con_table{font-family:'Nanum Gothic';font-size:15pt;width:100%;text-align:center;border-top:3px solid #555;border-bottom:3px solid #555;border-collapse:collapse;}
.con_table tr:nth-child(2n){background:#f1f1f1;}
.con_table td{height:50px;border-bottom:1px dashed #dfdfdf;}
.con_table td:first-child{padding-left:50px;font-weight:700;border-right:1px solid #dfdfdf;width:200px;color:#003876}
.con_table td:last-child{padding-left:40px;}

/* 비전 및 전략 */
.con_div{font-family:'NanumBarunGothic';width:100%;margin-top:40px;letter-spacing:-1px;}
.con_div h3{font-family:'Nanum Gothic';color:#003876;font-size:18pt;font-weight:bold;background:url(/img/con_h3_bg.png) no-repeat;padding-left:25px;letter-spacing:-2px;margin-top:50px;}
.con_div p{font-size:13pt;margin-bottom:40px;margin-top:20px;background:#f1f1f1;padding:15px;}

/* 메인 제품 슬라이드 */
		#productTitle {
			width: 1100px;
			margin: 0 auto;
		}
		#productTitle::after {
			display: block;
			content: "";
			clear: both;
		}
		#productTitle > p:nth-child(1) {
			font-size: 2em;
			font-weight: 200;
			text-align: center;
			color: #aaa;
		}
		#productTitle > p:nth-child(2) {
			font-size: 2.2em;
			font-weight: 400;
			text-align: center;
			color: #333;
		}
		#productTitle > p:nth-child(2) span {
			color: #00428d;
		}
		#productSlide {
			margin: 30px 0 0 0;
		}
		#productSlide::after {
			display: block;
			content: "";
			clear: both;
		}
		#productLeftBtn {
			float: left;
			width: 60px;
			padding: 147.5px 18px;
			box-sizing: border-box;
			cursor: pointer;
		}
		#productContent {
			float: left;
			width: 980px;
			overflow: hidden;
		}
		#productContent::after {
			display: block;
			content: "";
			clear: both;
		}
		#productContentMask {
			width: 2010px;
		}
		#productContentMask::after {
			display: block;
			content: "";
			clear: both;
		}
		.productList {
			float: left;
			width: 300px;
			margin: 0 0 0 40px;
			border: 1px solid #ccc;
			box-sizing: border-box;
		}
		.productList:first-child {
			margin: 0;
		}
		.productListImg {
			height: 271px;
		}
		.productListText {
			height: 57px;/*152px;*/
			line-height: 57px;
			box-sizing: border-box;
			background-color: #fdfdfd;
			text-align:center;
			font-size: 16px;
			font-weight: 600;
		}
		.productListText > p:nth-child(1) {
			font-size: 1em;
			font-weight: 400;
			color: #666;
			text-align: center;
		}
		.productListText > p:nth-child(2) {
			margin: 6px 0 0 0;
			font-size: 1em;
			font-weight: 200;
			color: #666;
			text-align: left;
			line-height: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
		}
		#productRightBtn {
			float: left;
			width: 60px;
			padding: 147.5px 18px;
			box-sizing: border-box;
			cursor: pointer;
		}
		
		
		.sub_pro_content {
			width: 1100px;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		.sub_pro_title {
			margin-bottom : 20px;
		}
		.sub_pro_title > p {
			font-size: 30px;
			font-weight: 600;
		}
		.sub_pro_gallery {
			padding: 0;
			margin: 0;
        }
		.sub_pro_gallery::after {
			display: block;
			content: "";
			clear: both;
        }
        .sub_pro_gallery > li {
			float: left;
			border: 1px solid #f5f5f5;
			box-sizing: border-box;
        }
		.sub_pro_gallery > li > img {
			width: 100%;
			height: 100%;
			cursor: pointer;
        }
		.sub_pro_gallery > li:nth-child(1) {
			width: 537px;
			height: 636px;
			margin-right: 22px;
        }
		.sub_pro_gallery > li:nth-child(2) {
			width: 537px;	
			height: 305px;
			margin-bottom: 22px;
        }
		.sub_pro_gallery > li:nth-child(3) {			
			width: 537px;	
			height: 305px;
        }


        .sub_pro_overlay {
            position: fixed;
            top: 0; right: 0; bottom: 0; left: 0;
            background: rgba(0, 0, 0, 0.9);
            cursor: pointer;
            display: none;
        }

        .sub_pro_modal {
            position: fixed;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            display: none;
        }

        .sub_pro_photo {
            display: block;
            max-width: 1024px;
            padding: 10px;
            background: white;
            border: 1px solid black;
        }

        .sub_pro_prev, .sub_pro_next {
            position: absolute;
            cursor: pointer;
            opacity: 0;
            transition: 0.3s;
        }

        .sub_pro_prev {
            top: 0; left: 0; right: 60%; bottom: 0;
            background: url('../img/prev.png') no-repeat left center;
        }

        .sub_pro_prev:hover, .sub_pro_next:hover {
            opacity: 1;
        }

        .sub_pro_next {
            top: 0; left: 60%; right: 0; bottom: 0;
            background: url('../img/next.png') no-repeat right center;
        }
		.sub_pro_smtit {
			font-size: 20px;
			margin: 20px 0;
		}
		.sub_pro_box {
			border: 1px solid #f5f5f5;
			padding: 30px;
			border-radius: 10px;
			box-sizing: border-box;
		}
		.sub_pro_box > p {
			font-size: 16px;
			color: #666;
		}
		.sub_pro_box > img {
			width: 100%;
		}