/**************************************************
* 제목: 메인 스타일
* 설명: 메인페이지 스타일
* 작성자: jjaekong@gmail.com
* 작성일: 14.04.21
**************************************************/
#content {padding: 0 !important;}
.main .inner { margin: 0 auto; padding: 30px 0; width: 1070px; }
.main .news { background-color: #fff; }
.main .product { /* background-color: #f5f5f5; */ }
.main .support { background-color: #989fa9; }
.main h3 { padding-bottom: 20px; font-size: 23px; color: #005dac;}
.main .support h3 { color: #fff; }

/* CUSTOM 슬라이드 스타일 Edge*/
@media screen and (min-width: 640px){
	.main .main_slider .text.banner1{display: inline-block;margin-right:55%;width:45%;}
	.main .main_slider .text.banner1 *{text-align: right;}	
}

/* 비주얼 */
.main .visual { height: 590px; background: url(/DATA/main/main_ENGLISH_1.jpg) no-repeat 50% 0 #c2b6b0; }
.main .visual .inner { padding: 0; height: 100%; }
.main .visual .overview h2 { padding-top: 90px; font-size: 48px; }
.main .visual .overview p { margin-top: 30px; padding-left: 3px; line-height: 24px; font-size: 14px; }

/*  메인 이미지 슬라이드 */
.main .main_slider {
    height: 590px;
    /*max-width: 1920px;*/
    max-width: 2180px;
    min-width: 320px;
    margin: 0 auto;
}

    .main .main_slider div {
        width: 100%;
        height:100%;
        background-repeat: no-repeat;
        background-position: 50% 0;
    }

        .main .main_slider div .text {
            width: 972px;
            height: 100%;
            margin: 0 auto;
        }

            .main .main_slider div .text h2 {
                padding-top: 90px;
                font-size: 47px;
				font-family: 'Nanum Barun Gothic';
            }

            .main .main_slider div .text p {
                margin-top: 30px;
                padding-left: 3px;
                line-height: 26px;
                font-size: 21px;
				font-family: 'Nanum Barun Gothic';
            }

    .main .main_slider .slick-dots {
        bottom: 7%;
        width: 100%;
        margin: 0 auto;
        list-style-type: none;
        text-align: center;
    }

        .main .main_slider .slick-dots li {
            display: inline-block;
            width: 45px;
            height: 3px;
            background: rgba(255, 255, 255, 0.5);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            margin: 0 2.5px;
            cursor: pointer;
            position: relative;
        }

            .main .main_slider .slick-dots li.slick-active {
                background: #fff;
            }

            .main .main_slider .slick-dots li a {
                position: absolute;
                bottom: 100%;
                left: 50%;
                width: 120px;
                height: 75px;
                display: block;
                visibility: hidden;
                border: 5px solid rgba(0,0,0,.50);
                margin-left: -60px;
                margin-bottom: 15px;
                -webkit-transition: visibility 0.5s linear 0.5s;
                transition: visibility 0.5s linear 0.5s;
                -webkit-animation: fadeOut 0.5s both;
                animation: fadeOut 0.5s both;
            }

            .main .main_slider .slick-dots li button {
                text-indent: -9999px;
            }

            .main .main_slider .slick-dots li a:after {
                content: '';
                position: absolute;
                left: 50%;
                margin-left: -8px;
                top: 100%;
                width: 0;
                height: 0;
                border: 8px solid Transparent;
                border-top-color: rgba(0,0,0,.50);
                margin-top: 4px;
            }

            .main .main_slider .slick-dots li:hover a {
                visibility: visible;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
                -webkit-animation: fadeIn 0.5s both;
                animation: fadeIn 0.5s both;
            }
/* 뉴스 */
.main .news h3 a { display: block; width: 100%; background: url(/eng/images/main/btn_read_more.jpg) no-repeat 100% 50%; color: #005dac;}
.main .news .news-board .b-title,.main .news .news-board .b-date{font-size:18px;}
.main .news .news-board .b-title{padding-left: 10px;}
.main .news .news-board .b-date{float:right;padding-right: 10px;}
.main .news .news-board li{line-height:54px;border-top:1px solid #eee;}

.main .news h3 a, .main .letter-video h3 a {
	display: block;
	width: 100%;
	background: url(/eng/images/main/btn-more-en.jpg) no-repeat 100% 50%;
	color: #005dac;
}
.main h3,.main h3 a{
	font-size:24px;
	color: #005dac;
	line-height: 30px;
}
.main .news .news-headline a {
	display: block;
	position: relative;
	overflow: hidden;
}
.main .news .news-headline .figure img{width:100%;}
.main .news .news-headline strong {
	display: block;
	margin-top: 15px;
	font-size: 20px;
	color: #fff;
	line-height: 38px;
	word-break: keep-all;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.55);
	width: 100%;
}

.main .news .news-headline .details {
	display: block;
	margin-top: 10px;
	line-height: 20px;
	letter-spacing: -1px;
}

/* 제품 */
.main .product .inner{padding:20px 0;}
.main .product .product-category .row{margin-bottom:2%;}
.main .product .product-category .m-product{position: relative;}
.main .product .product-category .m-product img{width:100%;}

.main .product .product-category .details{padding:25px;position: absolute;}
.main .product .product-category .details strong{color:#000;font-size:32px;letter-spacing: -0.05vw;}
.main .product .product-category .details p{color:#000;font-size:24px;margin-bottom:20px;}
.main .product .product-category .details.top{top:0}
.main .product .product-category .details.bottom{bottom:0}
.main .product .product-category .details.right{right:0;margin-right: 2%;}

.main .product .search-button { margin-top: 25px; text-align: center; }
.main .product .search-button a { display: inline-block; width: 180px; height: 40px; line-height: 40px; background-color: #606875; text-align: center; font-size: 16px; font-weight: bold; color: #fff; }
.main .product .search-button a span { padding-right: 30px; background: url(/eng/images/main/ico_filter_search.png) no-repeat 100% 50%; }

/* 제품검색 */
.main .product-search { margin-top:0;font-size: 14px;}
.main .product-search.opened { display: block; }
.main .product-search table { border-top: 0; }
.main .product-search td { padding: 0; width: 33%; line-height: none; vertical-align: top; border-left: 1px solid #d6d7d9; border-bottom: 0; }
.main .product-search td:first-child { border-left: 0; }
.main .product-search .filter-container { overflow: hidden; border: 1px solid #d6d7d9; background-color: #fff; }
.main .product-search .filter { float: left; width: 100%; height: 100%; }
.main .product-search .filter:first-child { border-left: 0; }
.main .product-search .filter-category { }
.main .product-search .filter h4 { height: 50px; line-height: 50px; text-indent: 16px; color: #fff; background-color: #454545; font-size: 16px; }

.main .product-search .filter-category .filter-content div { position: relative; width: auto; padding: 20px; }
.main .product-search .filter-category .filter-content div > ul { width: 50%; }
.main .product-search .filter-category .filter-content div > ul > li { margin-top: 5px;  }
.main .product-search .filter-category .filter-content div > ul > li:first-child { margin-top: 0; }
.main .product-search .filter-category .filter-content div > ul > li { background: url(/eng/images/common/ico_list2_dot.gif) no-repeat 0 18px; }
.main .product-search .filter-category .filter-content div > ul > li > a { display: block; padding: 5px 10px; line-height: 20px; font-size: 14px; /*font-family: Verdana, 'Nanum Gothic';*/ font-weight: bold; letter-spacing: -1px; }
.main .product-search .filter-category .filter-content div > ul > li.selected { background-image: none; }
.main .product-search .filter-category .filter-content div > ul > li.selected > a { color: #fff; background-color: #005dac; }
.main .product-search .filter-category .filter-content li ul { display: none; position: absolute; top: 20px; left: 50%; width: 40%; margin-left: 10px; width: auto; border-left: 1px dotted #b6b7b9; }
.main .product-search .filter-category .filter-content li.selected ul { display: block; }
.main .product-search .filter-category .filter-content li ul li { padding: 5px 10px 5px 20px; margin-left: -1px; line-height: 16px; }
.main .product-search .filter-category .filter-content li ul li a { display: block; color: #555; }
.main .product-search .filter-category .filter-content li ul li.selected { background: url(/eng/images/main/ico_filter_item_selected.gif) no-repeat 0 50%; }
.main .product-search .filter-category .filter-content li ul li.selected a { color: #0086cd; text-decoration: underline; }

.main .product-search .filter-market .filter-content { padding: 10px; }
.main .product-search .filter-market ul { overflow: hidden; }
.main .product-search .filter-market li { float: left; width: 50%;}
.main .product-search .filter-market li > div { padding: 5px; }
.main .product-search .filter-market li > div a { display: block; text-align: center; height: 65px; line-height: 65px; font-size: 14px; font-weight: bold; border: 1px solid #c7c8c9; }
.main .product-search .filter-market li.selected > div { background-image: none;  }
.main .product-search .filter-market li.selected > div a { color: #fff; background-color: #00549c; border-color: #00549c; }

.main .product-search .filter-keyword .filter-content { padding: 20px; }
.main .product-search .filter-keyword .keyword-form { border-bottom: 1px solid #d6d7d9; }
.main .product-search .filter-keyword .keyword-form .keyword-input p { border: 1px solid #a3a3a3; }
.main .product-search .filter-keyword .keyword-form .keyword-input p input { display: block; padding: 8px 0; width: 100%; height: 13px; line-height: 13px; text-indent: 10px; border: 0; color: #0086cd; font-weight: bold; }
.main .product-search .filter-keyword .related-keyword p { margin-top: 15px; padding-left: 20px; font-size: 11px; background: url(/eng/images/common/ico_search.png) no-repeat 2px 3px; }
.main .product-search .filter-keyword .related-keyword p a { padding: 0 6px 0 8px; background: url(/eng/images/common/bar_post_meta.gif) no-repeat 0 50%; }
.main .product-search .filter-keyword .related-keyword p a:first-child { padding-left: 0; background-image: none; }
.main .product-search .filter-keyword .related-keyword p a:hover { text-decoration: underline; }
.main .product-search .filter-keyword .selected-option h5 { font-size: 14px; color: #005dac; }
.main .product-search .filter-keyword .selected-option dt { margin-top: 10px; padding-left: 10px; background: url(/eng/images/common/nemo_blue.gif) no-repeat 0 50%; color: #000; font-weight: bold; }
.main .product-search .filter-keyword .selected-option dd { overflow: hidden; padding-top: 5px; padding-left: 10px; }
.main .product-search .filter-keyword .selected-option dd span { float: left; margin: 0 5px 5px 0; padding: 2px 5px; font-size: 11px; line-height: 15px; color: #777; background-color: #ebebeb; }

.main .product-search .filter-button { margin-top: 25px; text-align: center; }
.main .product-search .filter-button button[type="submit"] { width: 150px; height: 40px; background-color: #0d69b4; border: 1px solid #065eb4; color: #fff; font-size: 16px; font-weight: bold; }
.main .product-search .filter-button button[type="submit"] span { padding-right: 30px; background: url(/eng/images/main/ico_filter_search.png) no-repeat 100% 50%; }
.main .product-search .filter-button .filter-close { display: inline-block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #bcbcbc; vertical-align: top; background: url(/eng/images/main/bg_filter_close.gif) repeat-x 0 100%; color: #005dac; font-weight: bold; font-size: 16px; }
.main .product-search .filter-button .filter-close span { padding-right: 30px; background: url(/eng/images/main/ico_filter_close.gif) no-repeat 100% 50%; }

/* 지원 */
.main .support .inner { padding: 40px 0 35px 0; }
.main .support .support-list ul { overflow: hidden; }
.main .support .support-list li { float: left;  width: 24.5%;}
.main .support .support-list li div{margin-left: 20px;}
.main .support .support-list li:first-child div{ margin-left: 0; }
.main .support .support-list li a { display: block; }
.main .support .support-list li strong { display: block; margin-top: 20px; font-size: 14px; color: #fff; }
.main .support .support-list li .details { display: block; margin-top: 10px; line-height: 20px; color: #dadbdd; }
.main .support .support-list li .details i { color: #fff; font-weight: bold; font-style: normal; }

@media screen and (min-width: 1400px){
	.main .inner { width: 1366px; }
	.main .main_slider div .text{ width: 1200px; }
}

@media screen and (max-width: 1200px){
	.main .inner { width: 972px; }
}

@media screen and (max-width: 971px) {
	.main .inner { margin: 0; padding: 30px 27px; width: auto; }
	.main h3 { padding-left: 8px; padding-right: 8px; padding-bottom: 15px; }

	/* 비주얼 */
	.main .visual { height: 208px; background-image: url(/DATA/main/main_ENGLISH_2.jpg); }
	.main .visual .overview h2 { padding-top: 40px; padding-left: 35px; font-size: 26px; }
	.main .visual .overview p { display: none; margin-top: 25px; padding-left: 35px; line-height: 18px; font-size: 12px; }
	
	/* G.H 추가 /메인 이미지 슬라이드 */

    .main .main_slider {
        height: 208px;
    }

    .main .main_slider div {
        background-size:auto 100%;
    }

        .main .main_slider div .text h2 {
            padding-top: 40px;
            padding-left: 35px;
            font-size: 24px;
        }

        .main .main_slider div .text p {
            margin-top: 25px;
            padding-left: 35px;
            line-height: 18px;
            font-size: 12px;
        }


	/* 제품 */
	.main .product .inner { padding: 0 27px 30px; }
	.main .product .product-category li { margin-left: 0; width: 33.33%; *width: 33.23%; }
	.main .product .product-category li div { padding: 0 8px 16px; }
	.main .product .product-category li .figure img { width: 100%; }
	.main .product .product-category li .details { height: 50px; }
	.main .product .product-category li .details strong { font-size: 12px; }
	.main .product .product-category li .details span { line-height: 20px;color: #fff;}
	.main .product .search-button { margin-top: 10px; }

	/* 제품검색 */
	.main .product-search { margin-top: 10px; padding: 0 8px; }

	.main .product-search .filter-category .filter-content div { padding: 10px 15px; }
	.main .product-search .filter-category .filter-content div > ul { width: auto; }
	.main .product-search .filter-category .filter-content li ul { position: relative; top: auto; left: auto; margin-left: 0; width: auto; border-left: 1px dotted #b6b7b9; border-bottom: 1px dotted #b6b7b9; border-right: 1px dotted #b6b7b9; }
	.main .product-search .filter-category .filter-content li ul li { padding: 5px 10px; }
	.main .product-search .filter-category .filter-content li ul li.selected { background-image: none; }

	.main .product-search .filter-market .filter-content { padding: 5px; }
	.main .product-search .filter-market li { width: 50%; *width: 49.9%; }
	.main .product-search .filter-market li > div a { padding-top: 10px; height: 35px; line-height: 16px; letter-spacing: -1px; }

	/* 기술지원 */
	.main .support .inner { padding: 30px 27px; }
	.main .support .support-list li { margin-left: 0; width: 25%; *width: 24.9%; }
	.main .support .support-list li div { padding: 0 8px 0; }
}

@media screen and (max-width: 639px) {
	.main .inner { padding: 25px 15px; }
	.main h3 { padding-left: 5px; padding-right: 5px; font-size: 16px; }

	/* 비주얼 */
	.main .visual { height: 125px; background-image: url(/DATA/main/main_ENGLISH_3.jpg); }
	.main .visual .overview h2 { padding-top: 25px; padding-left: 20px; font-size: 20px; }
	.main .visual .overview p { display: none; }
	
	/* G.H 추가 /메인 이미지 슬라이드 */
    .main .main_slider {
         height: 526px;
    }

    .main .main_slider div {
        background-size:auto% 100%;
    }
        .main .main_slider div .text{
			width: auto;
			background-color:rgba(0,0,0,0.2);
		}
        .main .main_slider div .text h2 {
            padding-top: 20%;
			padding-left: initial;
            font-size: 30px;
			text-align: center;
			color: white;
			letter-spacing: 2px;
			text-shadow: 1px 1px rgba(0,0,0,0.2);
        }

        .main .main_slider div .text p {
			color: white;
			padding: 30px;
			text-align: center;
			line-height: 28px;
			font-size: 19px;
			word-break: keep-all;
			text-shadow: 1px 1px rgba(0,0,0,0.2);
        }

	/* 뉴스 */
	.main h3,.main h3 a{font-size:18px;}
	.main .news .news-board .b-title,.main .news .news-board .b-date{font-size:16px;}
	.main .news .news-board .b-date{display:none;}

	/* 제품 */
	.main .product .product-category .row{margin-bottom:inherit;}
	.main .product .product-category .details strong{font-size:22px;}
	.main .product .product-category .details p{font-size:18px;}
	.main .product .inner { padding: 0 15px 25px;}
	.main .product .product-category {margin-left:-15px; margin-right:-15px;}
	.main .product .product-category .m-product{margin-bottom: 10px;}

	/* 제품검색 */
	.main .product-search { padding: 0 5px; }
	.main .product-search table { overflow: hidden; }
	.main .product-search tr { overflow: hidden; }
	.main .product-search td { float: left; display: block; width: 100%; border-left: 0; }
	.main .product-search .filter { float: none; border-top: 1px solid #ccc; }
	.main .product-search .filter-category { border-top: 0; }
	.main .product-search .filter h4 { cursor: pointer; background: url(/eng/images/main/bg_filter_title.gif) no-repeat 100% 50% #8b949e; }
	.main .product-search .filter-content { display: none; }
	.main .product-search .filter.opened .filter-content { display: block; }

	.main .product-search .filter-market li { width: 33.3%; *width: 33.2%; }
	.main .product-search .filter-market td { float: none; display: table-cell; width: 33.3%; }

	/* 기술지원 */
	.main .support .inner { padding: 25px 15px; }
	.main .support .support-list li { margin-left: 0; width: 50%; *width: 49.9%; }
	.main .support .support-list li div { padding: 0 5px 10px; }
	.main .support .support-list li .figure { display: none; }
	.main .support .support-list li strong { margin-top: 0; padding: 6px 10px; font-size: 12px; line-height: 18px; border: 1px solid #c5c8cd; }
	.main .support .support-list li .details { display: none; }
}