@charset "utf-8";

#header.sub_head{position:relative;background:#fff;min-width:1200px;}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-visual{position:relative;}
.sub-visual .bg_box{width:100%; height:330px; text-align:center;}
.sub-visual .bg01{background:url('/images/kor06r-17-0372/sub/sub_visual01.jpg') no-repeat center bottom;}
.sub-visual .bg02{background:url('/images/kor06r-17-0372/sub/sub_visual02.jpg') no-repeat center bottom;}
.sub-visual .bg03{background:url('/images/kor06r-17-0372/sub/sub_visual03.jpg') no-repeat center bottom;}
.sub-visual .bg04{background:url('/images/kor06r-17-0372/sub/sub_visual04.jpg') no-repeat center bottom;}

.sub-visual h2{text-align:center;line-height:480%; font-size:50px; color:#fff;}

#sub_tabbox{width:100%;}
.sub-tab{width:100%;}
.sub-tab > ul:after{content:""; display:block; clear:both;}
.sub-tab li{float:left;}
.sub-tab li a{display:block; height:70px; text-align:center; line-height:65px; font-size:18px;color:#fff;border-right:1px solid #7e8574;}
.sub-tab li:first-child a{border-left:1px solid #7e8574;}
.sub-tab li.active a{font-weight:700; background:#fff; color:#009e21;font-size:20px;}

.sub-tab .col-1 li{width:100%;}
.sub-tab .col-2 li{width:50%;}
.sub-tab .col-3 li{width:33.33%;}
.sub-tab .col-4 li{width:25%;}
.sub-tab .col-5 li{width:20%;}
.sub-tab .col-6 li{width:16.6%;}
.sub-tab .col-7 li{width:14%;}
.sub-tab .col-8 li{width:12.5%;}

#sub_2depth{width:100%;background:#f3f3f3;margin-bottom:40px;}
#sub_2depth ul:after{content:""; display:block; clear:both;}
#sub_2depth ul li{width:20%;float:left;text-align:center;padding:25px 0 30px 0;}
#sub_2depth ul.col3 li{width:33.333%;}
#sub_2depth ul li a{color:#666;padding:0 5px 10px 5px;}
#sub_2depth ul li a.on, #sub_2depth ul li a:hover{color:#000;border-bottom:2px solid #1c9ad6;font-size:18px;}

.sub-visual .sub_navi{position:absolute; top:100px;bottom:0; left:0; right:0; margin:auto;}
.sub-visual .sub_navi h2{position:absolute;top:0;bottom:0; left:0; right:0; line-height:1; font-size:40px;font-weight:700; color:#fff;}
.sub-visual .sub_navi .navi_con{position:absolute;top:50px;bottom:0; left:0; right:0;text-align:center;}
.sub-visual .sub_navi .navi_con ul li{display:inline;color:#fff;padding:0px 0px 0 20px;font-size:16px;background:url('/images/kor06r-17-0372/sub/icon_navi.png') no-repeat left 5px;margin-right:15px;font-weight:700;}
.sub-visual .sub_navi .navi_con ul li.first_icon{position:relative;background:none;}
.sub-visual .sub_navi .navi_con ul li.first_icon img{position:absolute;top:5px;right:0;}



@media only screen and (min-width:1201px) {
	.sub-tab{position:absolute; bottom:0;background:rgba(42,62,0,0.7);}
	.sub-tab > ul{margin:0 auto; width:1200px;}
}
@media only screen and (max-width:1200px) {
	#sub_tabbox{}
	.sub-tab{position:absolute; bottom:0;background:rgba(42,62,0,0.7);}
	#header.sub_head{position:relative;background:#fff;min-width:100%;}
}

@media only screen and (max-width:980px) {
	#sub_tabbox{width:100%;background:#f9f9f9;border-bottom:1px solid #ddd;}
	#sub_2depth{background:#f3f3f3;}
	#sub_2depth ul li{width:50%;border:1px solid #ddd;border-bottom:0;margin:-1px 0px 0 -1px;padding:0;}
	#sub_2depth ul li a{font-size:14px;width:100%;display:block;padding:10px 0;}
	#sub_2depth ul li a.on, #sub_2depth ul li a:hover{border:0;font-size:14px;background:#8fc232;color:#fff;}

	.sub-visual .bg_box{height:270px;}
	.sub-visual h2{font-size:35px;}
	.sub-visual .sub_navi{position:absolute; top:75px;}
	
	.sub-tab li a{height:55px;line-height:55px;}
}


@media only screen and (max-width:768px) {
	.sub-visual .bg_box{height:150px;}
	.sub-visual h2{font-size:30px;}

	#sub_tabbox{clear:both;overflow:hidden;}
	.sub-tab{position:relative;bottom:0;top:0;background:none;}
	.sub-tab .col-3 li, .sub-tab .col-4 li, .sub-tab .col-5 li, .sub-tab .col-8 li{width:50%;}
	.sub-tab li a{height:45px; line-height:45px; font-size:15px;background:#efefef;color:#000;border:1px solid #c9c9c9;margin-left:-1px;margin-top:-1px;}
	.sub-tab li.active a{color:#fff; background:#08594c;border:1px solid #08594c;font-size:16px;}
	
	.sub-visual .sub_navi{position:absolute; top:50px;bottom:0; left:0; right:0; margin:auto;}
	.sub-visual .sub_navi h2{font-size:30px;}
	.sub-visual .sub_navi .navi_con{position:absolute;top:40px;}
	.sub-visual .sub_navi .navi_con ul li{font-size:14px;}
}


/* SUB TITLE
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
h2.title_h2{position:relative;text-align:center;font-size:40px;font-weight:400;padding:20px 0 50px 0;color:#000;}
h2.title_h2:before{display:inline;content:"●  ●  ●";color:#999;font-size:8px;text-align:left;padding:0 30px 0 0;} 
h2.title_h2:after{display:inline;content:"●  ●  ●";color:#999;font-size:8px;text-align:right;padding:0 0 0 30px;} 
h3.title_h3{position:relative;font-size:30px;padding:15px 0 20px 0;color:#000;}
h3.title_h3:before{position:absolute;left:-3px;top:-50px;content:'-';font-weight:100;font-size:100px;color:#339933;}
h4.title_h4{font-size:20px;background:url('/images/kor06r-17-0372/sub/icon_h4.png') no-repeat 0 13px;font-weight:600;padding:15px 0 20px 30px;color:#000:}

ul.bu01{}
ul.bu01 li:before{position:absolute;top:3px;left:0px;content:'·';color:#555;font-weight:900;padding:0 15px 0 0;} 
ul.bu01 li{position:relative;padding:3px 0px 2px 10px;} 



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

	h2.title_h2{font-size:35px;}
	h2.title_h2:before{font-size:6px;padding:0 20px 0 0;} 
	h2.title_h2:after{font-size:6px;padding:0 0 0 20px;} 		
	
	h3.title_h3{position:relative;font-size:27px;}
	h3.title_h3:before{position:absolute;left:-3px;top:-45px;font-size:80px;}
	
	h4.title_h4{font-size:18px;padding:15px 0 20px 30px;}

}

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

	h2.title_h2{font-size:28px;padding:20px 0 30px 0;}
	h2.title_h2:before{font-size:4px;padding:0 15px 0 0;} 
	h2.title_h2:after{font-size:4px;padding:0 0 0 15px;}
	
	h3.title_h3{position:relative;font-size:23px;}
	h3.title_h3:before{position:absolute;top:-45px;font-size:80px;}

	h4.title_h4{font-size:16px;background-size:20px;background-position:0 12px;}
}

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

	h2.title_h2{font-size:25px;padding:20px 0 30px 0;font-weight:500;}
	h2.title_h2:before{font-size:3px;padding:0 15px 0 0;} 
	h2.title_h2:after{font-size:4px;padding:0 0 0 15px;} 

	h3.title_h3{position:relative;font-weight:500;font-size:20px;}
	h3.title_h3:before{position:absolute;top:-30px;font-size:60px;}

	h4.title_h4{font-size:17px;background-size:17px;background-position:0 11px;padding:10px 0 20px 25px;}

}

.sub_2depth ul{border-top:1px solid #a0a0a0;border-bottom:1px solid #bbb;}
.sub_2depth ul li{float:left;}
.sub_2depth ul li a{font-size:18px;color:#888;}



/*탭(한페이지에서 보이는)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub1-tabs {width:100%;margin-bottom:20px;}
ul.tabs {width:100%; border-left: 1px solid #b6b6b6;}
ul.tabs:after {display:block; clear:both; content:"";}
ul.tabs li {float:left; text-align:center; cursor:pointer; width:50%; height:55px; font-weight:600;line-height:55px; border: 1px solid #b6b6b6; border-left: none;  background:#fff; overflow:hidden; color:#666; position: relative; font-size:18px;}
ul.tabs.h_ver02 li{height:40px;line-height:40px;font-size:16px;transform:skew(-0.003deg);}
ul.tabs.col-4 li{width:25%;}
ul.tabs.col-2 li{width:50%;}

ul.tabs.h_ver02 li.active{background:#7da82b;}
ul.tabs li.active {background:#006600; color:#fff; border:none;}
.tab_container {width: 100%;}
.tab_content{position:relative;padding:30px 0px;display:none;}
.tab_content02{position:relative;padding:30px;display:none;background:#f7f7f7;}
.tab_content02:after {display:block; clear:both; content:"";}
.tab_content02 h4{float:left;width:15%;}
.tab_content02 p{float:left;width:85%;padding-top:15px;}

.tabs02_wrap{width:100%;width:100%;padding:15px 15px;text-align:center;background:#009944;}
ul.tabs02 {width:60%;margin:0 auto;}
ul.tabs02:after {display:block; clear:both; content:"";}
ul.tabs02 li{float:left; text-align:center; cursor:pointer; height:40px; width:15%; font-weight:600;line-height:40px; overflow:hidden; color:#71ad8b; position: relative; font-size:18px;}
ul.tabs02 li:after{border-right:1px solid #ccc;}

ul.tabs02.col-4 li{width:25%;}
ul.tabs02.col-2 li{width:50%;}

ul.tabs02 li.active {border-bottom:3px solid #fff; color:#fff;}


@media only screen and (max-width:780px) {
	ul.tabs li {font-size:16px;font-weight:500;height:40px;line-height:40px;}
	ul.tabs02 {width:80%;}
	ul.tabs02 li {font-size:16px;font-weight:500;height:35px;line-height:35px;}
	.tab_content02{padding:20px;}
	.tab_content02 h4{float:none;width:100%;}
	.tab_content02 p{float:none;width:100%;padding-top:0px;}
}

@media only screen and (max-width:480px) {
	ul.tabs li {font-size:13px;font-weight:400;}
	.tabs02_wrap{padding:5px 15px 10px;}
	ul.tabs02 {width:90%;}
	ul.tabs02 li {font-size:15px;font-weight:600;}
}

/* 2depth
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_depth2{background:#f9f9f9;border:1px solid #dcdcdc;border-top:0;padding:0;}
.sub_depth2 ul:after{content:""; display:block; clear:both;}
.sub_depth2 ul li{width:auto;text-align:center;float:left;padding:15px 10px;}
.sub_depth2 ul li a{display:block;width:100%;font-size:16px;color:#555;padding:7px 0;border-radius:20px;letter-spacing:-0.5px;}
.sub_depth2 ul li a:after{border-right:1px solid #dcdcdc;}
.sub_depth2 ul.col-3 li{width:33.333%;}
.sub_depth2 ul.col-6 li{width:16.6666%;}
.sub_depth2 ul li.on a, .sub_depth2 ul li a:hover{color:#fff;background:#f7ba4a;}


@media only screen and (max-width:980px) {
	.sub_depth2 ul{padding:10px 0;}
	.sub_depth2 ul li{padding:5px 10px;}
	.sub_depth2 ul li a{font-size:15px;font-weight:500;}
}

@media only screen and (max-width:480px) {
	.sub_depth2 ul li a{font-size:14px;padding:5px 0;}
}




/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents{padding:50px 0 80px; width:100%;}
	#sub_con{padding:40px 0 0 0;}
	
	@media only screen and (min-width:1201px) {
	#subContents{margin:0 auto; width:1200px;}
	}

	@media only screen and (max-width:1200px) {
	#subContents{padding:50px 20px;width:100%;}
	}

	@media only screen and (max-width:768px) {
	#subContents{padding:20px 10px;}
	#sub_con{padding:20px 0 0 0;}
	}


/* 제품검색박스 삭제.
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.search_wrap .goods-search{border:1px solid #ececec;background:#f8f8f8;padding:30px 0px;margin-bottom:20px;}
.search_wrap .goods-search .product_search{width:80%;margin:0 auto;}
.search_wrap .goods-search .input-group .select-control{float:left;width:15%;padding:8px 10px 9px 10px;border:1px solid #8fc232;background:#8fc232;color:#fff;}
.search_wrap .goods-search .input-group .select-control option{padding:5px 0;}
.search_wrap .goods-search .input-group .form-control{width:85%;border:0;border-bottom:2px solid #8fc232;border-radius:0;background:none;}



/* 서브 신제품
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.carousel-inner > .item{height:600px;}
.sub_product_new{position:relative;width:100%;background:url('/images/kor06r-17-0372/sub/01/bg_new_product.jpg') no-repeat;}
.sub_product_new .product_con{position:absolute;left:50%;top:20%;bottom:0;margin-left:-30%;width:60%;height:350px;background:rgba(255,255,255,0.85);padding:20px;box-shadow:0 25px 25px -20px #555;border-radius:15px;-webkit-transform:translateY(0%);- ms-transform:translateY(0%); transform:translateY(0%);}/*top:40%; left:0; right:0; bottom:auto; -webkit-transform:translateY(-50%);- ms-transform:translateY(-50%); transform:translateY(-50%); margin:auto;*/
.sub_product_new .product_con .product_box{display:table;height:100%;width:100%;margin:0 auto;}
.sub_product_new .product_con .product_list{display: table-cell;vertical-align:middle;margin:0 auto;text-align:left;}
.sub_product_new .product_con .product_list .img_box{width:40%;float:left;height:280px;text-align:center;}
.sub_product_new .product_con .product_list img{width:auto;height:auto;max-height:270px;}
.sub_product_new .product_con .product_list dl{position:relative;width:55%;float:right;padding-top:40px;}
.sub_product_new .product_con .product_list dl dt{margin-bottom:10px;}
.sub_product_new .product_con .product_list dl dt span{font-size:25px;color:#000;}
.sub_product_new .product_con .product_list dl dd{font-size:15px;transform:skew(-0.003deg);}
.sub_product_new .product_con .product_list a{position:relative;display:inline-block;border:1px solid #666;padding:5px 20px;text-align:left;width:130px;margin:0 auto;font-size:12px;font-weight:700;background:url('/images/kor06r-17-0372/main/icon_more.png') no-repeat 90% 50%;margin-top:20px;}
.sub_product_new .product_con .product_list a:hover{color:#fff;border:1px solid #90c31f;background:#90c31f url('/images/kor06r-17-0372/main/icon_more_on.png') no-repeat 90% 50%;}

.sub_product_new .product_con .product_list dl dt .goods-flag{position:absolute;left:0;top:0px;padding:5px 0;min-height:30px;}
.sub_product_new .product_con .product_list dl dt .goods-flag ul:after{content:"";display:block;clear:both;}
.sub_product_new .product_con .product_list dl dt .goods-flag li{float:left;font-family: 'Titillium Web', sans-serif;padding:0;margin-left:2px;font-weight:700 !important;font-size:10px;font-weight:normal;letter-spacing:-0.3px;vertical-align:middle;text-align:center;line-height:30px;width:30px;height:30px;border-radius:20px;background:rgba(255,255,255,0.7);color:#fff;}
.sub_product_new .product_con .product_list dl dt .goods-flag li:first-child{margin-left:0;}
.sub_product_new .product_con .product_list dl dt .goods-flag .flag1{background:#e20004; border:1px solid #e20004;}
.sub_product_new .product_con .product_list dl dt .goods-flag .flag2{background:#3EC4C3; border:1px solid #3EC4C3;}
.sub_product_new .product_con .product_list dl dt .goods-flag .flag3{background:#A9C538; border:1px solid #A9C538;}
.sub_product_new .product_con .product_list dl dt .goods-flag .flag4{background:#519BF7; border:1px solid #519BF7;}

.sub_product_new .carousel-control{ text-shadow:none; width:10%; text-indent:-9999em; overflow:hidden;}
.sub_product_new .carousel-control, .sub_product_new .carousel-control:focus, .sub_product_new .carousel-control:hover{opacity:1;}
.sub_product_new .carousel-control.left{background:url('/images/kor06r-17-0372/sub/01/visual_btn_prev.png') no-repeat center center;}
.sub_product_new .carousel-control.right{background:url('/images/kor06r-17-0372/sub/01/visual_btn_next.png') no-repeat center center;}

@media only screen and (max-width:1200px) {
	.carousel-inner > .item{height:530px;}
	.sub_product_new{background:url('/images/kor06r-17-0372/sub/01/bg_new_product.jpg') no-repeat center/cover;}
	.sub_product_new .product_con{top:15%;width:70%;margin-left:-35%;}
	.sub_product_new .side_navi li.left{left:30px;}
	.sub_product_new .side_navi li.right{right:30px;}
	.sub_product_new .product_con .product_list dl dt span{font-size:23px;}
	.sub_product_warp .goods-search .product_search{width:90%;}
	.sub_product_warp .goods-search .input-group .select-control{width:20%;}
	.sub_product_warp .goods-search .input-group .form-control{width:80%;}
}

@media only screen and (max-width:768px) {
	.sub_product_new .product_con{bottom:13%;}
	.sub_product_new .product_con .product_list{text-align:center;}
	
	.sub_product_new .product_con .product_list .img_box{width:100%;float:none;margin:0 auto;height:160px;text-align:center;}
	.sub_product_new .product_con .product_list img{max-height:150px;}

	.sub_product_new .product_con .product_list dl{width:100%;float:none;padding-top:10px;}
	.sub_product_new .side_navi li.left{left:10px;}
	.sub_product_new .side_navi li.right{right:10px;}
	
	.sub_product_new .product_con .product_list dl dt .goods-flag{top:-15px;left:5%;text-align:center;}
	.sub_product_new .product_con .product_list dl dt span{font-size:19px;text-align:center;}
}



/* 제품페이지 검색 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.bg_box.bg01{}
#product_search_box{width:1200px;margin:0 auto;padding:100px 0 0 0;}
#product_search_box:after{content:""; display:block; clear:both;}
#product_search_box .search_cate{width:100%;height:60px;background:#fff;line-height:60px;}
#product_search_box .search_cate a{position:relative;display:block;width:100%;height:100%;text-align:left;color:#fff;}
#product_search_box .search_cate a span{font-size:18px;font-weight:600;padding-left:30px;}
#product_search_box .search_cate a i{position:absolute;right:25px;top:20px;font-size:25px;}
#product_search_box .search_cate.b01 a{background:#cea16e;}
#product_search_box .search_cate.b02 a{background:#b36c4b;}
#product_search_box .search_cate.b01 a:hover{background:#be8e4d;}
#product_search_box .search_cate.b02 a:hover{background:#a55531;}
#product_search_box .search_cate.b03 a{}
#product_search_box .search_cate.b03 input.form-control{width:80%;float:left;border:0;margin-top:10px;font-size:16px;}
#product_search_box .search_cate.b03 .input-group-btn{width:20%;float:right;}
#product_search_box .search_cate.b03 .input-group-btn button.btn-sub{width:100%;height:60px;float:right;font-size:16px;font-weight:600;}
#product_search_box .search_cate_box{position:relative;width:30%;}
#product_search_box .search_cate_box.w3{width:50%;margin:0 auto;}
#product_search_box .search_cate_box .search_list{position:absolute;left:0;top:60px;width:100%;height:15vh;padding:10px 20px;background:#fff;text-align:left;overflow-y:scroll;z-index:60;display:none;box-shadow:0 20px 20px -13px #000;border:1px solid #ccc;}/**/
#product_search_box .search_cate_box .search_list ul:after{content:""; display:block; clear:both;}
#product_search_box .search_cate_box .search_list ul li{display:inline-block;line-height:14px;padding-right:5px;}
#product_search_box .search_cate_box .search_list ul li label{font-size:14px;color:#333;font-weight:500;transform:skew(-0.003deg);}

#product_search_box .search_cate_box .search_list .checkbox_style {position: relative;}
#product_search_box .search_cate_box .search_list .checkbox_style input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
#product_search_box .search_cate_box .search_list .checkbox_style input[type="checkbox"] + label {display: inline-block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#product_search_box .search_cate_box .search_list .checkbox_style input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin: -2px 5px 0 0;text-align: center;vertical-align: middle;background: #fff;border: 1px solid #cacece;border-radius: 10px;}
#product_search_box .search_cate_box .search_list .checkbox_style input[type="checkbox"]:checked + label:before {content: '\2713';color: #009944;background: #fff;border-color: #10806c;font-size:15px;}



@media only screen and (max-width:1200px) {
	#product_search_box{width:100%;padding:50px 0 0 0;}
}

@media only screen and (max-width:768px) {
	#product_search_box{width:100%;}
	#product_search_box .search_cate a span{font-size:16px;}
	#product_search_box .search_cate a i{font-size:20px;top:15px;}
	#product_search_box .search_cate{height:45px;line-height:45px;box-shadow:0 20px 20px -13px #000;}
	#product_search_box .search_cate.b03 input.form-control{width:80%;margin-top:5px;font-size:14px;}
	#product_search_box .search_cate.b03 .input-group-btn button.btn-sub{height:45px;}
	#product_search_box .search_cate_box .search_list{top:45px;height:20vh;}


	#product_search_box .search_cate_box .search_list ul li label{font-size:13px;}
}

@media only screen and (max-width:480px) {
	#product_search_box{}
	#product_search_box .search_cate a span{font-size:15px;font-weight:600;padding-left:15px;}
	#product_search_box .search_cate a i{font-size:20px;top:8px;}
	#product_search_box .search_cate_box{width:50%;}
	#product_search_box .search_cate_box.w3{width:80%;margin:0 auto;}
	#product_search_box .search_cate{height:35px;line-height:35px;}
	#product_search_box .search_cate.b03 input.form-control{width:80%;margin-top:3px;height:25px;font-size:13px;letter-spacing:-1px;}
	#product_search_box .search_cate.b03 .input-group-btn button.btn-sub{height:35px;}
	#product_search_box .search_cate_box .search_list{top:35px;padding:8px;}
}


/* 통합검색 제품페이지 */
#total_search_warp{}
#total_search_warp .search_result_txt{font-size:18px;font-weight:500;text-align:center;background:#f9f9f9;border:1px solid #ececec;padding:20px 0;margin-bottom:20px;}
#total_search_warp .search_result_txt span{color:#009944;font-weight:700;}
#total_search_warp .search_result_con{width:100%;}
#total_search_warp .search_result_con .result_title{padding:10px 0 20px 0;}
#total_search_warp .search_result_con h4 span{color:#339933 !important;}





/* 회사소개 - 오시는길
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#daumRoughmapContainer1573438024401{width:100%;}
.map_wrap .map_con{width:100%;margin:}
.map_wrap .map_con < div{width:100%;}
.map_wrap .map_con iframe{width:100%;height:450px;}
.map_wrap .map_info{padding:25px 0;height:80px;border-bottom:1px solid #ccc;}
.map_wrap .map_info h2{float:left;font-size:18px;color:#222;font-weight:400;}
.map_wrap .map_info p.eng_ad{clear:both;float:none;font-size:16px;padding-top:5px;}
.map_wrap .map_info ul{float:right;}
.map_wrap .map_info ul li{float:left;margin-left:20px;}
.map_wrap .map_info ul li span{display:inline-block;width:20px;height:20px;border-radius:20px;color:#fff;text-align:center;font-weight:500;margin-right:5px;}
.map_wrap .map_info ul li span.tel{background:#1e2888;}
.map_wrap .map_info ul li span.fax{background:#666;}

.map_wrap .map_case{border-bottom:1px solid #ccc;padding:10px 0 30px 0;}
.map_wrap .map_case:after {display:block; clear:both; content:"";}
.map_wrap .map_case .title{float:left;width:150px;margin-top:0;padding:15px 0;font-size:18px;color:#000;font-weight:400;}
.map_wrap .map_case .title i.ic{display:block;float:left;width:30px;height:30px;background:url('/images/kor06r-18-0404/sub/01/icon_map_02.png') no-repeat;}
.map_wrap .map_case .map_list{float:left;width:70%;}
.map_wrap .map_case .map_list .map_box{width:100%;border-top:2px dotted #ccc;}
.map_wrap .map_case .map_list .map_box:first-child{border-top:0;}
.map_wrap .map_case .map_list .map_box:after {display:block; clear:both; content:"";}
.map_wrap .map_case .map_list .map_box dl{margin:20px 0 0 0;}
.map_wrap .map_case .map_list .map_box dl dt{width:150px;float:left;font-size:15px;font-weight:300;color:#000;background:#eee;padding:5px 0;text-align:center;margin-right:20px;border-radius:10px;}
.map_wrap .map_case .map_list .map_box dl dd{float:left;}
.map_wrap .map_case .map_list .map_box dl dd ul li{position:relative;padding:0 0 10px 5px;}
.map_wrap .map_case .map_list .map_box dl dd ul li:before{position:absolute;top:8px;left:-5px;content:"●";font-size:4px;}


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

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

	.map_wrap .map_info{padding:15px 0;height:auto;}
	.map_wrap .map_info h2{float:none;font-size:16px;color:#222;font-weight:400;}
	.map_wrap .map_info p.eng_ad{font-size:14px;padding-top:10px;}
	.map_wrap .map_info ul{float:none;margin:10px 0;padding:10px 0;}
	.map_wrap .map_info ul li{margin-right:10px;margin-left:0;}

	.map_wrap .map_con iframe{height:350px;}
	.map_wrap .map_case .title{display:none;}
	.map_wrap .map_case .map_list{float:none;width:100%;}
	.map_wrap .map_case .map_list .map_box{padding-bottom:10px;}
	.map_wrap .map_case .map_list .map_box dl dt{width:150px;float:none;margin-bottom:20px;}
	.map_wrap .map_case .map_list .map_box dl dd{float:none;}
	.map_wrap .map_case .map_list .map_box dl dd ul li{padding:0 0 5px 5px;}
}

@media only screen and (max-width:480px) {
}




/* 오시는길 (지사안내)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.Accordion {margin: 0;padding: 0;width:100%;}
.Accordion h3{ margin:10px 0 0 0 !important;padding: 0; color:#222;}
.Accordion h3:after{content:""; display:block; clear:both;}
.Accordion h3 i.ic{font-size:22px;font-weight:700;color:#222;display:inline;padding:0 10px 0 0;float:left;width:25%;}

.ui-accordion .ui-accordion-header{padding:1em .5em 1em 2em !important;font-size:18px;font-weight:400;background:#fff;}
.ui-accordion .ui-accordion-header:hover{background:#f4f4f4;}
.ui-accordion .ui-accordion-content{padding:0 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content{background:#f4f4f4 !important;}
.ui-state-default .ui-icon{display:none;}

.Accordion .map_info{margin-right:10px;float:right;width:70%;padding:0;height:auto;border-bottom:0;}
.Accordion .map_info ul{float:left;}
.Accordion .map_info ul li{float:left;margin-left:20px;font-size:16px;}
.Accordion .map_info ul li span{display:inline-block;width:40px;height:20px;border-radius:20px;color:#fff;text-align:center;margin-right:5px;font-size:14px;line-height:20px;}
.Accordion .map_info ul li span.tel{background:#666;}
.Accordion .map_info ul li span.fax{background:#1e2888;}

@media only screen and (max-width:980px) {
	.ui-Accordion .ui-Accordion-header{}
	.Accordion h3 i.ic, .ui-Accordion .ui-Accordion-content i.ic{margin-bottom:10px;clear:both;width:100%;font-size:17px;font-weight:600;}
	.Accordion h3 .map_info{width:100%;float:none;margin-top:10px;}
	.Accordion .map_info ul{margin:0;padding-bottom:0;}
	.Accordion .map_info ul li{float:none;margin:0 0 5px 0;}
}

@media only screen and (max-width:768px) {
	.Accordion h3 i.ic, .ui-Accordion .ui-Accordion-content i.ic{margin-bottom:5px;}
	.Accordion .map_info ul li{float:none;margin:0 0 5px 0;font-size:14px;}
	.ui-accordion .ui-accordion-header{padding:1em !important;font-size:16px;}
}



/* 지점안내
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.place_wrap{width:100%;}
.place_wrap:after{content:""; display:block; clear:both;}
.place_wrap .place_box{position:relative;float:left;width:32%;height:180px;margin:0 1.3333% 1.5% 0;border:1px solid #ccc;border-radius:5px;}
.place_wrap .place_box:last{margin:0 0 0 0;}
.place_wrap .place_box p{background:#8fc232;padding:15px 0;text-align:center;font-size:18px;font-weight:700;color:#fff;}
.place_wrap .place_box ul{width:95%;margin:10px auto 0 auto;}
.place_wrap .place_box ul li i.ic{display:block;width:25px;height:25px;border-radius:30px;margin-right:10px;float:left;}
.place_wrap .place_box ul li.address i.ic{background:#aacc65 url('/images/kor06r-17-0372/sub/02/icon_place_address.png') no-repeat center;background-size:80%;}
.place_wrap .place_box ul li.tel i.ic{background:#aacc65 url('/images/kor06r-17-0372/sub/02/icon_place_tel.png') no-repeat center;background-size:80%;}
.place_wrap .place_box ul li{width:100%;height:auto;}
.place_wrap .place_box ul li.address{min-height:30px;}
.place_wrap .place_box a.bt_map{position:absolute;bottom:2%;left:2.5%;display:block;width:95%;margin:10px auto 0 auto;border-radius:10px;text-align:center;padding:5px 0;background:#f7faf2;border:1px solid #e8e8e8;}
.place_wrap .place_box a.bt_map:hover{background:#e4efd1;color:#314210;}
.place_wrap .place_box .tel a{cursor:text;}
.place_wrap .place_box .tel a:hover{color:#222;}

@media only screen and (max-width:768px) {
	.place_wrap .place_box .tel a{cursor:auto;}
	.place_wrap .place_box .tel a:hover{color:#7da82b;}
}

@media only screen and (max-width:680px) {
	.place_wrap .place_box{width:48%;margin:0 2% 2% 0;}
	.place_wrap .place_box p{font-size:16px;padding:10px 0;}
	.place_wrap .place_box ul li{font-size:14px;}
	.place_wrap .place_box ul li i.ic{width:20px;height:20px;margin-right:6px;}
	
}


/* 경영진인사말
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.ceo_wrap .top_img{position:relative;width:100%;height:430px;background:url('/images/kor06r-17-0372/sub/03/img0301_01.jpg') no-repeat center/cover;margin-bottom:50px;}
.ceo_wrap .top_img p{position:absolute;bottom:0;background:rgba(255,255,255,0.7);padding:30px;color:#000;font-size:16px;font-weight:500;line-height:150%;word-break:keep-all;transform:skew(-0.003deg);}
.ceo_wrap .ceo_box li{padding-bottom:10px;margin-bottom:20px;}
.ceo_wrap .ceo_box li h4{padding-bottom:15px;}
.ceo_wrap .ceo_box li dd.ceo_work{margin-bottom:15px;transform:skew(-0.003deg);color:#385600;}
.ceo_wrap .ceo_box li dd.ceo_text{background:#f8f8f8;padding:15px;word-break:keep-all;}


@media only screen and (max-width:1200px) {
	.ceo_wrap .top_img p{font-size:16px;}
}

@media only screen and (max-width:980px) {
	.ceo_wrap .top_img p{padding:30px 20px;font-size:15px;font-size:400;}
}

@media only screen and (max-width:768px) {
	.ceo_wrap .top_img{height:500px;background-position: center -10px;}
	.ceo_wrap .top_img p{padding:20px;font-size:14px;font-size:600;transform:skew(-0.003deg);}
}



/* 기업소개
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.company_wrap{}
.company_wrap .company_box02{margin-top:50px;}
.company_wrap .company_box{margin-bottom:50px;}
.company_wrap .company_box:after{content:""; display:block; clear:both;}
.company_wrap .company_box > div{width:50%;float:left;}
.company_wrap .company_box .img_box{}
.company_wrap .company_box .img_box.f_right{float:right;}
.company_wrap .company_box .txt_box.f_right{margin:10vh 5% 0 0;}
.company_wrap .company_box .txt_box{width:45%;margin:10vh 0 0 5%;font-size:18px;}
.company_wrap .company_box .txt_box p{font-size:27px;font-weight:600;margin-bottom:20px;}
.company_wrap .company_list{margin:50px 0 0 0;}
.company_wrap .company_list:after{content:""; display:block; clear:both;}
.company_wrap .company_list li{width:48%;float:left;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd;min-height:100px;}
.company_wrap .company_list li:nth-child(even){float:right;}
.company_wrap .company_list li dt{font-size:27px;font-weight:600;margin-bottom:20px;}
.company_wrap .company_list li dd{font-size:18px;}
.company_wrap .company_box .pc_block{display:block;}

@media only screen and (max-width:980px) {
	.company_wrap .company_box .txt_box.f_right{margin:10px 2% 0 0;}
	.company_wrap .company_box .txt_box{width:48%;margin:10px 0 0 2%;font-size:16px;}
	.company_wrap .company_box .txt_box p{font-size:23px;}
	.company_wrap .company_list li, .company_wrap .company_list li:nth-child(even){float:none;width:100%;}
	.company_wrap .company_list li dt{font-size:23px;}
	.company_wrap .company_list li dd{font-size:16px;}
}

@media only screen and (max-width:768px) {
	.company_wrap .company_box > div{width:98%;float:none;margin:0 auto;}
	.company_wrap .company_box .img_box{position:relative;min-height:200px;max-height:300px;overflow:hidden;}
	.company_wrap .company_box .img_box img{position:absolute;top:-10%;width:100%;}
	.company_wrap .company_box .img_box.f_right{float:none;}
	.company_wrap .company_box .txt_box{width:98%;margin:20px auto 0 auto;font-size:15px;}
	.company_wrap .company_box .txt_box p{font-size:20px;margin-bottom:10px;}
	.company_wrap .company_box .txt_box.f_right{margin:20px auto 0;}
	.company_wrap .company_box .pc_block{display:inline;}
	.company_wrap .company_list li dt{font-size:20px;}
	.company_wrap .company_list li dd{font-size:15px;}
}

@media only screen and (max-width:480px) {
	.company_wrap .company_box .txt_box{margin:10px auto 0;font-size:14px;}
	.company_wrap .company_box .txt_box p{font-size:18px;}
	.company_wrap .company_list li dt{font-size:18px;}
	.company_wrap .company_list li dd{font-size:14px;}
}



/* 경영이념
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.vision_wrap{background:#f8f8f8;border:1px solid #ddd;text-align:center;padding:50px 0;}
.vision_wrap .vision_title{font-size:22px;font-weight:700;padding:0 20px 20px;color:#b36c4b;border-bottom:1px solid #ccc;display:inline;line-height:80px;}
.vision_wrap .vision_title span{font-size:900;}
.vision_wrap .vision_title:before{content:' " ';font-weight:900;font-size:40px;}
.vision_wrap .vision_title:after{content:' " ';font-weight:900;font-size:40px;}
.vision_wrap .vision_con{font-size:16px;text-align:center;padding-top:10px;}
.vision_wrap .img_box{width:100%;margin:60px auto 0 auto;}
.vision_wrap .img_box .pc_view img{max-width:90%;min-width:1100px;}
.vision_wrap .img_box .mobile_view{ visibility: hidden;}

@media only screen and (max-width:1200px) {
	.vision_wrap .img_box .pc_view img{min-width:90%;width:96%;}
}

@media only screen and (max-width:980px) {
	.vision_wrap .vision_title{font-size:20px;padding:0 20px 20px;display:block;line-height:120%;width:95%;margin:0 auto;}
	.vision_wrap .img_box .mobile_view{width:100%;visibility:visible;}
	.vision_wrap .img_box .mobile_view img{width:95%;min-width:330px;max-width:330px;}
}

@media only screen and (max-width:768px) {
	.vision_wrap{padding:30px 0;}
	.vision_wrap .vision_title:before, .vision_wrap p:after{display:none;}
	.vision_wrap .vision_title{font-size:18px;padding:0 15px 20px;}
	.vision_wrap .vision_con{width:90%;font-size:14px;margin:0 auto;}
	.vision_wrap .img_box{margin-top:30px;}
}

@media only screen and (max-width:480px) {
	.vision_wrap .vision_title{font-size:16px;transform:skew(-0.003deg);padding:0 10px 10px;}
	.vision_wrap .vision_con{font-size:13px;}
	.vision_wrap .img_box{margin-top:20px;}
	.vision_wrap .img_box .mobile_view img{width:90%;min-width:230px;max-width:300px;}
}



/* 인재상
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.recruit_warp{width:95%;margin:0 auto;}
.recruit_warp:after{content:""; display:block; clear:both;}
.recruit_warp li{float:left;width:33%;text-align:center;border-right:1px solid #dadada;}
.recruit_warp li:last-child{border-right:0;}
.recruit_warp li i{width:150px;height:150px;margin:0 auto 20px auto;display:block;}
.recruit_warp li i.bg01{background:url('/images/kor06r-17-0372/sub/04/img0401_01.png') no-repeat center;background-size:100%;}
.recruit_warp li i.bg02{background:url('/images/kor06r-17-0372/sub/04/img0401_02.png') no-repeat center;background-size:100%;}
.recruit_warp li i.bg03{background:url('/images/kor06r-17-0372/sub/04/img0401_03.png') no-repeat center;background-size:100%;}
.recruit_warp li dl dt{font-weight:600;font-size:20px;margin-bottom:10px;}
.recruit_warp li dl dd{width:90%;margin:0 auto;}
.recruit_text{margin-bottom:50px;border-top:2px solid #dadada;border:1px solid #dadada;padding:25px 25px 0;color:#000;}
.recruit_text p{font-size:16px;line-height:170%;font-weight:400;padding:15px;}
.recruit_text p.eng{background:#eee;}
.recruit_con{margin-top:30px;}
.recruit_con .recruit_list{margin-top:10px;}
.recruit_con .recruit_list:after{content:""; display:block; clear:both;}
.recruit_con .recruit_list li{width:33.333%;float:left;}
.recruit_con .recruit_list li dl{width:90%;margin:0 auto;padding:0;margin-bottom:30px;}
.recruit_con .recruit_list li dl dt{font-weight:600;font-size:18px;background:#e6dbcf;color:#b36c4b;text-align:center;border-radius:25px 25px 0 0;padding:10px 0;}
.recruit_con .recruit_list li dl dd{background:#eee;padding:20px;border-radius:0 0 25px 25px;min-height:80px;}
.recruit_img img{margin-top:0;}

@media only screen and (max-width:980px) {
	.recruit_warp li i{width:130px;height:130px;}
	.recruit_warp li dl dt{font-size:18px;}
	.recruit_warp li dl dd{font-size:15px;}
	.recruit_con .recruit_list li dl dt{font-size:16px;transform:skew(-0.003deg);}
	.recruit_con .recruit_list li dl dd{font-size:14px;}
}

@media only screen and (max-width:768px) {
	.recruit_text{padding:15px 15px 0;}
	.recruit_text p{margin-top:30px;font-size:14px;}
	.recruit_con .recruit_list{margin-top:10px;}
	.recruit_con .recruit_list li{width:50%;}
	.recruit_con .recruit_list li dl dd{min-height:110px;padding:15px;font-size:13px;}
}

@media only screen and (max-width:480px) {
	.recruit_warp li i{width:100px;height:100px;}
	.recruit_warp li dl dt{font-size:16px;}
	.recruit_warp li dl dd{width:95%;font-size:14px;}
	.recruit_con .recruit_list li{width:100%;}
}