@charset "utf-8";
/* CSS Document */
.mt8_3 {margin-top:8.3%;}
.mt8_7 {margin-top:8.7%;}
.mt6_5 {margin-top:6.5%;}

/*------------------------------- PC -------------------------------*/
.pd07 { padding:1.4% 0 0; }
.pb10 {padding-bottom:10%;}
/***** CONTENT *****/
.pc_wrap .con_wrap { position:relative; width:100%; max-width:1200px; min-width:640px; margin:0 auto !important; overflow:hidden; background:#000; }
.pc_wrap .con_wrap .con .sub_top_bg { width:100%; height:9px; background:url("/img/yk_subtit_bg.png") repeat-x; }
.pc_wrap .con_wrap .con .sub_top { width:100%; margin:0; overflow:hidden; margin-bottom:20px;}
.pc_wrap .con_wrap .sub_top span.sub_tit { font-size:21px; font-weight:bold; color:#202022; display:block; margin:0 0 15px 0; }
.pc_wrap .con_wrap .sub_top span.sub_line { float:right; font-size:12px; color:#d9d9d9; cursor:default; }
.pc_wrap .con_wrap .sub_top span.sub_line .line_last { font-weight:bold; color:#202022; }
.pc_wrap .con_wrap .sub_top span.sub_line a {font-size:12px; color:#747476; }
.pc_wrap .con_wrap .sub_top span.sub_line a img{width:14px;}
.pc_wrap .con_wrap .sub_top span.sub_line_b { float:right; font-size:12px; color:#202022; cursor:default; }
.pc_wrap .con_wrap .sub_top span.sub_line_b .line_last { font-weight:bold; color:#202022; }
.pc_wrap .con_wrap .sub_top span.sub_line_b a {font-size:12px; color:#202022; }
.pc_wrap .con_wrap .sub_top span.sub_line_b a img{width:14px;}

.pc_wrap .con_top { position:fixed; overflow:hidden; top:50%; right:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; }
.pc_wrap .con_top a{display:block; padding:25px 0 25px 25px}
.pc_wrap .con_top img { width:37px; height:37px; }
.pc_wrap .sub_con { width:100%; overflow:hidden; line-height:1.5; position:relative; box-sizing:border-box;}
.pc_wrap .sub_con .sub_sub_tit { display:block; font-size:22px; color:#000; font-weight:bold; margin-bottom:21px; }
.pc_wrap .sub_con .sub_sub_tit > img { margin-right:10px; margin-top:9px; }
.pc_wrap .sub_con .sub_con_view { width:100%; }
.pc_wrap .sub_visual { width:100%; margin-bottom:31px; }
.pc_wrap .sub_visual img { width:100%; }
.pc_wrap .sub_visual ul { position:relative; overflow:hidden; width:100%; margin:37px 0 0 2.3%;}
.pc_wrap .sub_visual ul li { position:relative; float:left; width:16%; margin-right:4% }
.pc_wrap .sub_visual ul li.last { margin-right:0; }
.pc_wrap .sub_visual ul li a img { width:100%; }
.pc_wrap .sub_visual ul li span.mask { position:absolute; width:100%; top:0; left:0; background:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; }

/********* 제품 *********/
/* 인트로 */
.pc_wrap .con.product_intro .sub_con ul { position:relative; width:100%; overflow:hidden; }
.pc_wrap .con.product_intro .sub_con ul li { position:relative; float:left; width:15.6%; margin-right:1.28%; margin-bottom:2%; }
.pc_wrap .con.product_intro .sub_con ul li.last { margin-right:0; }
.pc_wrap .con.product_intro .sub_con ul li a { position:absolute; top:0; left:0; display:block; width:100%; height:88.20754716981132%; }
.pc_wrap .con.product_intro .sub_con ul li img { width:100%; }
.pc_wrap .con.product_intro .sub_con ul li span.product_des { display:inline-block; font-weight:bold; font-size:15px; color:#d9d9d9; margin-top:2%;}
.pc_wrap .con.product_intro .sub_con ul li span.product_new { position:absolute; top:0; left:0; z-index:2; width:22.90812747841909%; }
.pc_wrap .con.product_intro .sub_con ul li span.product_new img { width:100%; }

/* 인덱스 */
.pc_wrap .con.product_list .sub_con ul { position:relative; width:100%; overflow:hidden; }
.pc_wrap .con.product_list .sub_con ul li { position:relative; float:left; width:11.38%; margin-right:1.28%; margin-bottom:1.28%; }
.pc_wrap .con.product_list .sub_con ul li.last { margin-right:0; }
.pc_wrap .con.product_list .sub_con ul li a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; }
.pc_wrap .con.product_list .sub_con ul li img { width:100%;}
.pc_wrap .con.product_list .sub_con ul li span.product_new { position:absolute; top:0; left:0; width:22.90812747841909%; }
.pc_wrap .con.product_list .sub_con ul li span.product_new img { width:100%; }
.pc_wrap .pr_mask { position:absolute; top:0; left:0; background:#000; width:100%; opacity:0.55; display:none; }
.pc_wrap .pr_mask > a { position:relative; top:40% !important; left:41% !important; width:17.5% !important; height:17.5% !important; }
.pc_wrap .pr_mask > a:hover {color:#000;}
.pc_wrap .pr_mask > a > img { position:relative; top:0; left:0; width:100%; }
.pc_wrap .con.product_intro .sub_con ul li a.mask_a { z-index:555; }
.mobile_wrap .pr_mask { position:absolute; top:0; left:0; background:#000; width:100%; opacity:0.55; display:none; }
.mobile_wrap .pr_mask > a { position:relative; top:40% !important; left:41% !important; width:17.5% !important; }
.mobile_wrap .pr_mask > a > img { position:relative; top:0; left:0; width:100%; }

/* 뷰페이지 */
.pc_wrap .sub_indis .thumb {float:right; position:relative; left:-50%; padding:5% 0;}
.pc_wrap .sub_indis .thumb li {float:left; position:relative; left:50%; padding-right:3px;}

.pc_wrap .con.product_view .sub_con .pv_01 { position:relative; overflow:hidden; width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l { float:left; width:48.34%; margin-right:5%; overflow:hidden; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual { position:relative; width:98.7%; height:451px; overflow:hidden; /*border:1px solid #dedede;*/ margin-bottom:9px; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v .product_new { position:absolute; z-index:1; top:2%; width:10%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v .product_new img { width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v > li { width:100%; height:100%; display:none; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v > li img { width:100%; height:auto; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul {/* overflow:hidden; */ width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul li { position:absolute; top:0; left:0; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul li img { width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual ul.thumb { position:absolute; bottom:10px; left:10px; z-index:10; width:50%; height:18px; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual ul.thumb li { width:6.65%; float:left; margin-right:2%; position:relative; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual ul.thumb li img { width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left { width:2.75%; position:absolute; top:50%; left:2.5%; z-index:1;  margin-top:-15px;}
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left a { display:block; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left a img { width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .right { width:2.75%; position:absolute; top:50%; right:2.5%; z-index:1; margin-top:-15px; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .right a { display:block; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .right a img { width:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_l .pv_01_l_bottom { width:98.7%; height:auto; /*border:1px solid #dedede;*/ }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r { display:inline-block; width:46.66%; overflow:hidden; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r table { width:100%; margin-bottom:52px; overflow:hidden; display:inline-block; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r table tbody { width:100%; display:inline-block; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r table tr { width:100%; display:inline-block; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r table td { display:inline-block; width:10.12%; height:auto; float:left; background:#444; margin-right:2%; margin-bottom:2%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r table td img { width:100%; height:100%; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content { width:92.5%; padding:36px 3.75%; border-top:1px solid #dedede; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.tit { font-size:15px; font-weight:bold; color:#202020; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.cont { font-size:13px; color:#525252; margin-bottom:29px; }
.pc_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.cont .indent { padding-left:1.6%; }
.pc_wrap .con.product_view .sub_con .pv_02 { position:relative; overflow:hidden; width:100%; margin-bottom:99px; }
.pc_wrap .con.product_view .sub_con .pv_02 table { width:100%; text-align:center; color:#4a4a4a; }
.pc_wrap .con.product_view .sub_con .pv_02 table thead { background:#a6a6a6; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
.pc_wrap .con.product_view .sub_con .pv_02 table thead td { color:#404040; height:auto; padding:0.5em 0; border-right:1px solid #fff; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody { height:57px; line-height:57px; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody tr { border-bottom:1px solid #cccccc; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody tr.downlist { background:#f6f6f6; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody tr.down { background:#f6f6f6; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody tr.down td { font-size:14px; color:#333333; padding:18px 0; }
.pc_wrap .con.product_view .sub_con .pv_02 table tbody tr td.not_center { text-align:left; line-height:25px; padding:2% 0 2% 4.2%; }
.pc_wrap .con.product_view .sub_con .pv_02 span.yk_download { width:29%; height:19px; line-height:19px; display:inline-block; margin-bottom:10px; }
.pc_wrap .con.product_view .sub_con .pv_02 span.yk_download a { height:19px; width:100%; display:inline; margin-right:2px; color:#484848 !important; }
.pc_wrap .con.product_view .sub_con .pv_02 span.yk_download a:visited { color:#484848 !important; }
.pc_wrap .con.product_view .sub_con .pv_02 span.yk_download a img { display:inline-block; margin-right:3%; }
.pc_wrap .con.product_view .sub_con .pv_02 span.yk_download.ies { text-decoration:underline; }
.pc_wrap .con.product_view .sub_con .pv_tit { font-size:15px; font-weight:bold; color:#4f4f4f; padding:17px 0 30px; }
.pc_wrap .con.product_view .sub_con .pv_03 { position:relative; overflow:hidden; width:100%; margin-bottom:4%; border-top:1px solid #d2d2d2; }
.pc_wrap .con.product_view .sub_con .pv_03 ul { width:100%; height:auto; overflow:hidden; }
.pc_wrap .con.product_view .sub_con .pv_03 ul li { float:left; width:11.38%; height:auto; margin-right:1.28%; margin-bottom:1.28%;/* border:1px solid #dedede; */ }
.pc_wrap .con.product_view .sub_con .pv_03 ul li.last { margin-right:0; }
.pc_wrap .con.product_view .sub_con .pv_03 ul li a { display:block; width:100%; /*height:100%;*/ }
.pc_wrap .con.product_view .sub_con .pv_03 ul li a img { width:100% !important; /*height:100% !important;*/ }
.pc_wrap .con.product_view .sub_con .pv_04 { position:relative; overflow:hidden; width:100%; margin-bottom:4%; border-top:1px solid #d2d2d2; }
.pc_wrap .con.product_view .sub_con .pv_04 ul { width:100%; height:auto; overflow:hidden; }
.pc_wrap .con.product_view .sub_con .pv_04 ul li { float:left; width:24.04%; height:auto; margin-right:1.28%; margin-bottom:1.28%;/* border:1px solid #dedede; */ }
.pc_wrap .con.product_view .sub_con .pv_04 ul li.last { margin-right:0; }
.pc_wrap .con.product_view .sub_con .pv_04 ul li a { display:block; width:100%; /*height:100%;*/ }
.pc_wrap .con.product_view .sub_con .pv_04 ul li a img { width:100%; /*height:100%;*/ }
.pc_wrap .con.product_view .sub_con .pv_05 { position:relative; overflow:hidden; width:100%; border-top:1px solid #d2d2d2; }
.pc_wrap .con.product_view .sub_con .pv_05 ul { width:100%; overflow:hidden; }
.pc_wrap .con.product_view .sub_con .pv_05 ul li { float:left; width:11.38%; height:auto; margin-right:1.28%; margin-bottom:1.28%; /* border:1px solid #dedede; */ }
.pc_wrap .con.product_view .sub_con .pv_05 ul li.last { margin-right:0; }
.pc_wrap .con.product_view .sub_con .pv_05 ul li img { width:100% !important; /*height:100% !important;*/ }

/********* 프로젝트 *********/
/* 인덱스 */
.pc_wrap .sub_con .project_list {font-size:0; letter-spacing:-4px; width:100%; position:relative; overflow:hidden; }
.pc_wrap .sub_con .project_list dl {display:inline-block; vertical-align:top; width:24.04%; margin-right:1.28%; overflow:hidden; }
.pc_wrap .sub_con .project_list dl.last { margin-right:0; }
.pc_wrap .sub_con .project_list dl dt { width:99.2831541218638%; /*border:1px solid #dedede;*/ position:relative; aspect-ratio: 9/6;}
.pc_wrap .sub_con .project_list dl dt a { display:block; width:100%; height: 100%;}
.pc_wrap .sub_con .project_list dl dt a img { width:100%; height: 100%;}
.pc_wrap .sub_con .project_list dl dd { color:#d9d9d9; font-size:14px; letter-spacing:-0.025em; margin:2% 0 8.649%; text-align:left; }

.pc_wrap .sub_con #more_view .more {width:36px; margin:0 auto;}

.pc_wrap .sub_visual_project {position:relative; height:100vh;}

.pc_wrap .sub_visual_project .swiper-container {height:100%;}
.pc_wrap .sub_visual_project .swiper-container .swiper-slide .img_box {position:relative; height:100%; width:100%;}
.pc_wrap .sub_visual_project .swiper-container .swiper-slide .img_box > img {
position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);
height:100%;}
.pc_wrap .sub_visual_project .next_btn{position:absolute; content:''; right:0; bottom:0; width:250px; height:90%; z-index:11; cursor:pointer;}
.pc_wrap .sub_visual_project .prev_btn{position:absolute; content:''; ; width:250px; height:90%; z-index:11; cursor:pointer; left:0; bottom:0;}
.pc_wrap .sub_visual_project .next_btn:hover > a, .pc_wrap .sub_visual_project .prev_btn:hover > a{opacity: 1;}
.pc_wrap .sub_visual_project .next_btn a {height:100%; position:relative; display:block; opacity: 0; transition: .3s;}
.pc_wrap .sub_visual_project .next_btn a img {position:absolute;content:''; right:50%; top:50%;transform:translateY(-50%); width:15%;}
.pc_wrap .sub_visual_project .prev_btn a {height:100%; position:relative; display:block; opacity: 0; transition: .3s;}
.pc_wrap .sub_visual_project .prev_btn a img {position:absolute;content:''; left:50%; top:50%;transform:translateY(-50%); width:15%;}

.swiper-pagination-bullet {width:44px; height:6px; background:#e6e6e6; margin-left:6px; border-radius: 0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width:44px; height:6px; background:#000000; border-radius:0;}
.sub_visual_project .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

@media all and (max-width:1000px) {
	.pc_wrap .sub_visual_project.m{height: auto; margin-top: 100px;}
	.pc_wrap .sub_visual_project.m img{width: 100%;}
	.pc_wrap .sub_visual_project.m ul li .img_box{margin-bottom: 10px;}
	.pc_wrap .sub_visual_project .next_btn a img {display:none;}
	.pc_wrap .sub_visual_project .prev_btn a img {display:none;}
}

/* 인덱스 */
/* .pc_wrap .con_tit {padding-bottom:50px;} */
.pc_wrap .con_tit h3 {font-size:40px; letter-spacing:-0.025em; color:#fff; font-weight:400; padding:140px 0 40px;}

.pc_wrap .sub_con .project_list {font-size:0; letter-spacing:-4px; width:100%; position:relative; overflow:hidden; }
.pc_wrap .sub_con .project_list dl {display:inline-block; vertical-align:top; width:24.04%; margin-right:1.28%; overflow:hidden; }
.pc_wrap .sub_con .project_list dl.last { margin-right:0; }
.pc_wrap .sub_con .project_list dl dt { width:99.2831541218638%; /*border:1px solid #dedede;*/ position:relative;}
.pc_wrap .sub_con .project_list dl dt a { display:block; width:100%; }
.pc_wrap .sub_con .project_list dl dt a img { width:99.2831541218638%; }
.pc_wrap .sub_con .project_list dl dd { color:#d9d9d9; font-size:14px; letter-spacing:-0.025em; margin:2% 0 8.649%; text-align:left; }

@media all and (max-width:1000px) {
	.pc_wrap .sub_con .project_list dl {display:inline-block; vertical-align:top; width:48.7%; margin-right:1.28%; overflow:hidden; }
}


/* new */
.pc_wrap .sub_con .project_new_list .detail { width:48.75%; position:relative; overflow:hidden; float:left; margin-bottom:4%; }
.pc_wrap .sub_con .project_new_list .detail .top { width:100%; margin-bottom:2.7%; }
.pc_wrap .sub_con .project_new_list .detail .top .sub_tit { font-size:18px; font-weight:bold; color:#202022; }
.pc_wrap .sub_con .project_new_list .detail .top a { display:block; float:right; }
.pc_wrap .sub_con .project_new_list .detail dl { float:left; width:47.5%;  /*width:48.75%;*/ /*margin-right:2.5%;*/ overflow:hidden; }
.pc_wrap .sub_con .project_new_list .detail dl.last { margin-right:0; }
.pc_wrap .sub_con .project_new_list .detail dl dt { width:99.2831541218638%; height:auto; border:1px solid #dedede; }
.pc_wrap .sub_con .project_new_list .detail dl dt a { display:block; width:100%; }
.pc_wrap .sub_con .project_new_list .detail dl dt a img { width:100%; /*height:auto;*/ }
.pc_wrap .sub_con .project_new_list .detail dl dd { color:#2e2d2d; font-size:14px; margin:2% 0 8.649%; text-align:left; }
.pc_wrap .sub_con .yk_pasing { font-size:13px; width:200px; margin:60px auto 10px; }
.pc_wrap .sub_con .yk_pasing a { display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; }
.pc_wrap .sub_con .yk_pasing a.on { font-weight:bold; color:#e71818 }

/* 뷰페이지 */
.pc_wrap .sub_con .project_visual { width:100%; /*max-width:1903px;*/ margin:0 auto; position:relative; overflow:hidden; background:#fff;margin-top:82px; }
.pc_wrap .sub_con .project_visual .slider_img { position:relative; width:100%;  height:auto; /*margin:0 auto; background:#5E5E63;*/  }
.pc_wrap .sub_con .project_visual .slider_img li { float:left; width:100%; position:absolute; top:0; left:0; display:none; text-align:center; }
.pc_wrap .sub_con .project_visual .slider_img li img {width:100%; height:auto; }
.pc_wrap .sub_con .project_visual .left {display:table;width:12%; position:absolute; height:100%; left:0; text-align:center;}
.pc_wrap .sub_con .project_visual .left a { display:table-cell; vertical-align:middle;}
.pc_wrap .sub_con .project_visual .right {display:table; width:12%; position:absolute; height:100%; right:0; }
.pc_wrap .sub_con .project_visual .right a { display:table-cell; vertical-align:middle; }
.pc_wrap .sub_con .project_visual .right a img {margin-left:85px;}
.pc_wrap .sub_con .project_visual .project_visual_tit { position:absolute; bottom:0; width:100%; height:60px; line-height:60px; background:#000000; opacity:0.56; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=56); -moz-opacity:0.56; -khtml-opacity:0.56; color:#fff; font-weight:bold; font-size:17px; text-align:center; }
.pc_wrap .sub_con .project_visual_num {display:inline-block; width:100%; text-align:center; position:absolute; bottom: 20px; z-index: 10;}
.pc_wrap .sub_con .project_visual_num .num_wrap{display:inline-block;}
.pc_wrap .sub_con .project_visual_num ul { overflow:hidden; margin:17px 0;}
.pc_wrap .sub_con .project_visual_num ul li { float:left; display:block; position:relative;}
.pc_wrap .sub_con .project_visual_num ul li a { display:inline-block; width:44px; height:6px; margin-right:5px; line-height:28px; color:#fff; background:url("../img/pager_off_img.png") no-repeat; text-align:center; }
.pc_wrap .sub_con .project_visual_num ul li a.on { background:url("../img/pager_on_img.png") no-repeat; }
.pc_wrap .sub_con .project_visual_num ul li a.last { margin-right:0; }
.pc_wrap .sub_con .project_application {padding:10px 0; overflow:hidden; }
.pc_wrap .sub_con .project_application p.tit { color:#222222; font-size:16px; font-weight:bold; margin-bottom:26px; }
.pc_wrap .sub_con .project_application dl { float:left; width:11.38%; margin-right:1.122%; }
.pc_wrap .sub_con .project_application dl.last { margin-right:0; }
.pc_wrap .sub_con .project_application dl dt { }
.pc_wrap .sub_con .project_application dl dd { width:100%; text-align:center; font-size:13px; color:#454545; padding:10px 0;}
.pc_wrap .sub_con .project_application dl.on dt { background:#7f7f7f; }
.pc_wrap .sub_con .project_application dl.on dt a { display:block; width:100%; overflow:hidden; }
.pc_wrap .sub_con .project_application dl.on dt a img { width:100%; height:100% !important; }
.pc_wrap .sub_con .project_application dl.on dt img { width:100%; height:100% !important; }
.pc_wrap .sub_con .project_application dl.on dd { color:#444444; font-size:14px; letter-spacing:-0.025em; font-weight:400; }

.pc_wrap .con_wrap_full {position:relative; width:100%; max-width:100%; min-width:640px; margin:0 auto; overflow:hidden; margin-top:20px;}
.pc_wrap .con_wrap_full .con_full {width:100%; max-width:100%; min-width:640px; min-height:600px;}
.pc_wrap .sub_con .project_application {width:100%; max-width:1200px; min-width:640px; margin:0 auto;}
.pc_wrap .sub_con .project_application.desc .place_tit {margin-top:40px;font-size:26px; letter-spacing:-0.025em; color:#222222; font-weight:400; line-height:1.3;}
.pc_wrap .sub_con .project_application.desc .place_txt {margin-top:25px;}
.pc_wrap .sub_con .project_application.desc .place_txt span {font-size:15px; letter-spacing:-0.025em; color:#444444; line-height:1.7;}
.pc_wrap .sub_con .project_application.desc .place_txt p {font-size:15px; letter-spacing:-0.025em; color:#444444; line-height:1.7; font-weight:300;}
.pc_wrap .con_wrap_full .con_full .sub_top {width:1200px; margin:0 auto; margin-top:0;}
.pc_wrap .con_wrap_full .con_full .sub_line {width:1200px; margin:0 auto;}
@media all and (max-width:1000px){
	.pc_wrap .sub_con .project_application dl{width: 30%; margin-right: 5%;}
	.pc_wrap .sub_con .project_application dl:nth-child(3n+1) {margin-right: 0;}

	.pc_wrap .sub_con .project_application.mt10{padding-top: 70px;}
}
@media all and (max-width:800px){
	.pc_wrap .sub_con .project_application{min-width: auto;}
}
/*.pc_wrap .sub_con .project_visual_num .num_wrap {position:absolute; top:-100px;} */
.pc_wrap .pr_mask_2 { position:absolute; top:0;  left:0; background:#000; width:100%; opacity:0.55; display:none;}
.pc_wrap .pr_mask_2 > a {width:100%;  height:100%;}


/********* 회사 *********/
/* 1.소식 */
.pc_wrap .con.history .sub_con_view dl { width:100%; /*height:140px;*/ padding:26px 0; overflow:hidden; border-bottom:1px solid #e1e1e1; }
.pc_wrap .con.history .sub_con_view dl.last { border:0; }
.pc_wrap .con.history .sub_con_view dl dt { float:left; margin-right:2.5%; width:15%; }
.pc_wrap .con.history .sub_con_view dl dt img { width:100%; }
.pc_wrap .con.history .sub_con_view dl dd { font-size:14px; color:#525252; padding:28px 0; width:82.5%; display:inline-block; }
.pc_wrap .con.history span.mask { height:75%; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view dl { float:left; width:48%; margin-right:3%; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view dl.last { margin-right:0; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view dt { width:100%; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view dt img { width:70%; display:block; margin:auto; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view dd { padding:24px 5%; }
.pc_wrap .con.ci_vision .sub_con .sub_con_view p { padding:0 2.5%; }
.pc_wrap .con.ci_vision span.mask { height:75%; }
.pc_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt01 { font-size:30px; font-weight:bold; color:#000000; line-height:1.2; }
.pc_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt02 { font-size:18px; color:#000000; line-height:1.2; }
.pc_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt03 { font-weight:bold; color:#525252; }
.pc_wrap .con.tech .sub_con .sub_con_view > p { margin-bottom:30px; }
.pc_wrap .con.tech span.mask { height:75%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl { width:49%; float:left; overflow:hidden; margin-bottom:6px; border:1px solid #c6c6c6; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl.right { margin-right:1.6%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl.last { margin-bottom:0; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dt { width:38%; margin-right:4%; padding:25px 0; float:left; overflow:hidden; text-align:center; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dt img { width:27.2%; margin-bottom:2%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl dt img { width:24.10714285714286%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl dt img { width:28.125%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl dt img { width:15.625% }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl + dl dt img { width:21.42857142857143% }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl + dl + dl dt img { width:24.10714285714286% }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dt > span { width:35% }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dt > span > img { width:70%; margin-top:3%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dt span.certifi_name { display:block; font-size:15px; font-weight:bold; color:#1f1f1f; text-align:center; width:100%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dd { float:left; width:54%; line-height:1.8; padding:25px 0 0 0; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dd.dd_l { width:26.3%; padding:25px 0 25px 2%; border-right:0; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl dd.border_r { border-right:0; }
.pc_wrap .con.company_certi span.mask { height:75%; }
.pc_wrap .con.location .sub_con .map { width:100%; overflow:hidden; margin-bottom:2%; }
.pc_wrap .con.location .sub_con .sub_sub_tit { margin-bottom:1%; padding-bottom:0.5%; font-size:18px; border-bottom:1px solid #e6e6e6; }
.pc_wrap .con.location .sub_con .icon { margin-right:1%; }
.pc_wrap .con.location .sub_con .icon > img { display:inline-block; vertical-align:middle; margin-right:0.5%; }

/*카탈로그 발간 역사*/
.pc_wrap .con.history .catalog_history { width:100%; overflow:hidden; margin-top:52px; }
.pc_wrap .con.history .catalog_history > .history_des { width:15.5%; margin-right:2.25%; float:left; box-sizing:border-box; text-align:center; }
.pc_wrap .con.history .catalog_history > .history_des > img { width:100%; }
.pc_wrap .con.history .catalog_history > .history_des > p { color:#888; }
.pc_wrap .con.history .catalog_history > div.history_slide { position:relative; width:81.25%; float:left; left:1%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide { position:relative; margin:0 2%; width:94.25%; padding-bottom:21%; overflow:hidden; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul { position:absolute; width:800%;/* overflow:hidden; */ top:0; left:0; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul li { float:left; width:1.66%; margin-left:0.12%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul li img { width:100%; box-sizing:border-box; border:1px solid #e9e9e9; margin-bottom:5%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul li p { text-align:center; color:#444444; font-size:14px; }
.pc_wrap .con.history .catalog_history > div.history_slide a.control_L { display:block; position:absolute; top:40%; left:0; color:#333; }
.pc_wrap .con.history .catalog_history > div.history_slide a.control_R { display:block; position:absolute; top:40%; right:0; z-index:55; color:#333; }
.pc_wrap .con.history .catalog_history > div.history_slide a.control_L img, .pc_wrap .con.history .catalog_history > div.history_slide a.control_R img { width:100%; }

/* 게시판 */
.pc_wrap .con.notice .sub_con table { width:100%; text-align:center; }
.pc_wrap .con.notice .sub_con table thead {/* width:100%; */ height:49px; line-height:49px; font-size:16px; color:#1f1f1f; font-weight:bold; border-top:2px solid #202022; border-bottom:1px solid #202022; }
.pc_wrap .con.notice .sub_con table tbody { width:100%; font-size:14px; color:#1f1f1f; }
.pc_wrap .con.notice .sub_con table tbody tr { width:100%; border-bottom:1px solid #c5c5c5; height:49px; }
.pc_wrap .con.notice .sub_con table tbody tr td a { font-size:14px; color:#1f1f1f !important; }
.pc_wrap .con.notice .sub_con table tbody tr td a:visited { font-size:14px; color:#1f1f1f !important; }
.pc_wrap .con.notice .sub_con table tbody tr span.company_notice { width:49px; height:24px; font-size:14px; line-height:24px; color:#fff; text-align:center; background:#464648; border:1px solid #000; padding:2px 6px; }
.pc_wrap .con.notice .sub_con table tbody tr.notice_view { background:#f8f8f8; border-bottom:0; line-height:20px; color:#707070; min-height:174px; text-align:left; width:100%; height:auto; }
.pc_wrap .con.notice .sub_con table tbody tr.notice_view td { padding:30px 1.5%; width:97%; }
.pc_wrap .con.notice .sub_con table tbody tr.notice_view td p img { width:100% !important; height:100% !important; }

/********* 다운로드 *********/
/* 4.인증 */
.pc_wrap .certi_con01 .tit_box {margin:150px 0 40px;}
.pc_wrap .certi_con01 .tit_box span {font-size:23px; letter-spacing:-0.010em; color:#000000; font-weight:700;}
.pc_wrap .certi_con01_txt_box {display: flex; gap: 20px;}
.pc_wrap .certi_con01_txt_box ul {width: calc(50% - 10px);}
.pc_wrap .certi_con01_txt_box ul li {display:inline-block; padding: 30px 20px; box-sizing:border-box;  border-radius:20px; box-shadow: -4px 8px 49.64px 0px rgba(29, 19, 15, .1); width: 100%;}
.pc_wrap .certi_con01_txt_box ul li + li {margin-top: 20px;}
.pc_wrap .certi_con01_txt_box ul li .tit {border-bottom:2px solid #c4c4c4; box-sizing:border-box; }
.pc_wrap .certi_con01_txt_box ul li .tit span {display:inline-block; margin-bottom:10px;font-size:19px; letter-spacing:-0.010em; color:#000000; font-weight:700;}
.pc_wrap .certi_con01_txt_box ul li dl {letter-spacing:-4px; font-size:0; display: flex; align-items: flex-end;}
.pc_wrap .certi_con01_txt_box ul li dl:not(dt){margin-top: 10px; justify-content: flex-end;}
.pc_wrap .certi_con01_txt_box ul li dl:has(dt){margin-top: 20px; justify-content: space-between;}
.pc_wrap .certi_con01_txt_box ul li dl:nth-of-type(1){margin-top:15px;}
.pc_wrap .certi_con01_txt_box ul li dl dt {line-height:1.666em;width:45%;display:inline-block; vertical-align:top; font-size:19px; letter-spacing:-0.010em; color:#000000;font-weight:700; }
.pc_wrap .certi_con01_txt_box ul li dl:nth-of-type(1) dt{margin-top: 0;}
.pc_wrap .certi_con01_txt_box ul li dl dd {line-height:1.4em;width:50%;display:inline-block; vertical-align:top; font-size:16px; letter-spacing:-0.050em; color:#000000; font-weight:300; word-break:keep-all;}
.pc_wrap .certi_con02 {padding-top:83px; box-sizing:border-box;}
.pc_wrap .certi_con02 .img_box {position:relative; overflow:hidden;}
.pc_wrap .certi_con02 .img_box p{}
.pc_wrap .certi_con02 .img_box img {
/*position:absolute;*/
 top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; width:100%;}

@media all and (max-width:1000px) {
	.pc_wrap .certi_con01_txt_box ul li dl{display: block;}
	.pc_wrap .certi_con01_txt_box ul li dl:nth-of-type(1){margin-top:0;}
	.pc_wrap .certi_con02 .img_box p span{display: block;}
	.pc_wrap .certi_con02 .img_box > span{display: block;}
	.pc_wrap .certi_con01_txt_box {flex-wrap: wrap;}
	.pc_wrap .certi_con01_txt_box ul{width: 100%; margin:0 auto;}
	.pc_wrap .certi_con01_txt_box ul li dl dt{width: 100%; line-height: 1; margin-top: 20px; margin-bottom: 3px;}
	.pc_wrap .certi_con01_txt_box ul li dl:nth-of-type(1) dt{margin-top: 20px;}
	.pc_wrap .certi_con01_txt_box ul li dl dd { width: 100%; line-height: 1.4; margin-top:5px; font-size: 14px;}
	.pc_wrap .certi_con01 .tit_box {margin:130px 15px 40px;}
	.pc_wrap .certi_con01_txt_box ul li dl + dl{margin-top: 0;}
}

.pc_wrap .custom_down .down_pad {padding-top:80px;}
.pc_wrap .custom_down .down_pad .down_tit {font-size:23px; font-weight:700; padding-bottom:14px; letter-spacing:-0.010em; color:#000000;}
.pc_wrap .custom_down .down_pad .sub_tab {box-sizing:border-box; border-top:1px solid #4a4a4a; border-bottom: 1px solid #757575; padding: 10px 20px; }
.pc_wrap .custom_down .down_pad .sub_tab ul {letter-spacing:-4px; font-size:0;}
.pc_wrap .custom_down .down_pad .sub_tab ul li {display:inline-block; vertical-align:top; margin-right:83px;}
.pc_wrap .custom_down .down_pad .sub_tab ul li a {font-size:16px; letter-spacing:-0.010em; color:#000000; font-weight:400; box-sizing: border-box;}
.pc_wrap .custom_down .down_pad .sub_tab ul li.active a{font-weight:700;color:#d70000;}
.pc_wrap .custom_down .down .tab_content {text-align:center; padding-bottom:40px; box-sizing:border-box;}
.pc_wrap .custom_down .down .tab_content .img_box {margin:78px 0 50px 0;position:relative; padding:20% 0; overflow:hidden;}
.pc_wrap .custom_down .down .tab_content .img_box > img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}

.pc_wrap .custom_down .down .tab_content .txt_box {padding-bottom:35px; box-sizing:border-box;}
.pc_wrap .custom_down .down .tab_content .txt_box span {padding-bottom:24px; box-sizing:border-box;display:block; font-size:24px; letter-spacing:-0.010em; color:#000000; font-weight:400;}
.pc_wrap .custom_down .down .tab_content .txt_box p {font-size:16px; letter-spacing:-0.010em; color:#000000; font-weight:400; line-height:1.6;}
.pc_wrap .custom_down .down .tab_content .down_btn a {display:flex; justify-content: center; align-items: center; font-size:16px; color:#d70000; letter-spacing:-0.010em; font-weight:400;}
.pc_wrap .custom_down .down .tab_content .down_btn a + a {margin-top:20px;}
.pc_wrap .custom_down .down .tab_content .down_btn a i {margin-right:20px; display:inline-block; vertical-align:top;}
.pc_wrap .custom_down .down .tab_content .down_btn a i img{width: 95%;}
.pc_wrap .custom_down .down .tab_content .down_btn a:nth-child(2) i img{width: 85%;}
.pc_wrap .custom_down .down .tab_content > div.on {display:block;}
.pc_wrap .custom_down .down .tab_content > div {display:none;}
/*브로슈어*/
.pc_wrap .custom_down .down .tab_content .bro ul {letter-spacing:-4px; font-size:0; text-align: left;}
.pc_wrap .custom_down .down .tab_content .bro ul li {display:inline-block; vertical-align:top; width:calc(20% - 36.8px); margin-right:46px; text-align:left;}
.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(5n) {margin-right:0;}
.pc_wrap .custom_down .down .tab_content .bro ul li .img_box {position:relative; padding:62% 0; overflow:hidden; margin: 60px 0 18px 0; }
.pc_wrap .custom_down .down .tab_content .bro ul li .img_box img {position:absolute; top:0; left:50%; transform: translateX(-50%); right:0; bottom:0; max-width:100%; max-height:100%; margin:0;}
.pc_wrap .custom_down .down .tab_content .bro ul li .txt_box {padding-bottom:0;}
.pc_wrap .custom_down .down .tab_content .bro ul li .txt_box span {font-size:16px; letter-spacing:-0.025em; color:#000000; font-weight:400; display:block; padding-bottom:20px; box-sizing:border-box; text-align: center;}

.pc_wrap .custom_down .down_pad .sub_tab .select_box.m_only {display: none;}

@media all and (max-width:1200px) {
	.pc_wrap .custom_down .down .tab_content .bro ul li {width:calc(25% - 34.5px);}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(5n) {margin-right:46px;}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(4n) {margin-right:0;} 
}

@media all and (max-width:1000px) {
	.pc_wrap .custom_down .down .tab_content .bro ul li {width:calc(33.33% - 30.66px);}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(4n) {margin-right:46px;}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(3n) {margin-right:0;} 
	.pc_wrap .custom_down .down_pad .sub_tab{padding: 15px 0;}
	.pc_wrap .custom_down .down_pad .sub_tab ul{display: flex; flex-wrap: wrap; gap: 10px 20px;}
	.pc_wrap .custom_down .down_pad .sub_tab ul li{margin: 0;}
	/* list drop_down */
	/* .pc_wrap .custom_down .down_pad .sub_tab .select_box.m_only {display: block; font-size:19px; letter-spacing:-0.010em; color:#000000; font-weight:400;}
	.pc_wrap .custom_down .down_pad .sub_tab .select_box.m_only p{ background:url('/img/down_arrow01.png')no-repeat right center;} */
	/* .pc_wrap .custom_down .down_pad .sub_tab ul li a{background: url('/img/next_arrow01.png')no-repeat right 20px center;} */
	/* .pc_wrap .custom_down .down_pad .sub_tab.on .select_box.m_only p{background-image
		:url('/img/up_arrow01.png')}
	.pc_wrap .custom_down .down_pad .sub_tab {border: none;}
	.pc_wrap .custom_down .down_pad {overflow: visible;}
	.pc_wrap .custom_down .down_pad .sub_tab { position: relative; border: 1px solid #000;} */
	/* .pc_wrap .custom_down .down_pad .sub_tab:hover ul {display: block;} */
	/* .pc_wrap .custom_down .down_pad .sub_tab ul {position: absolute; top: 0; left: 0; width: 100%; top: 100%; display: none; z-index: 2; background-color: #fff;}
	.pc_wrap .custom_down .down_pad .sub_tab ul.on{display: block;}
	.pc_wrap .custom_down .down_pad .sub_tab ul li {display: block; width: 100%; border: 1px solid #000; box-sizing: border-box;}
	.pc_wrap .custom_down .down_pad .sub_tab ul li + li{border-top:none;}
	.pc_wrap .custom_down .down_pad .sub_tab ul li a {display: block; width: 100%; height: 100%; padding: 10px 20px;} */
	
	/* .pc_wrap .custom_down .down_pad .sub_tab ul li.on {display: block;} */
}

@media all and (max-width:767px) {
	.pc_wrap .custom_down .down .tab_content .img_box {padding: 50% 0;}
	.pc_wrap .custom_down .down .tab_content .bro ul li {width:calc(50% - 23px);}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(3n) {margin-right:46px;}
	.pc_wrap .custom_down .down .tab_content .bro ul li:nth-of-type(2n) {margin-right:0;} 
}


.pc_wrap .custom_down .down_con02 { box-sizing:border-box;}
.pc_wrap .custom_down .down_con02 ul li:after {content:''; display:block; clear:both;}
.pc_wrap .custom_down .down_con02 ul li {background:#000000;letter-spacing:-4px; font-size:0;}
.pc_wrap .custom_down .down_con02 ul li .img_box {display:inline-block; vertical-align:top; width:calc(60% - 22px); position:relative; padding:20% 0; overflow:hidden;}
.pc_wrap .custom_down .down_con02 ul li .img_box > img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.pc_wrap .custom_down .down_con02 ul li .txt_box {padding:160px 0;display:inline-block; vertical-align:top; width:calc(40% - 22px);}
.pc_wrap .custom_down .down_con02 ul li .txt_box p {font-size:16px; letter-spacing:-0.010em; color:#fff; font-weight:400; line-height:1.7;}
.pc_wrap .custom_down .down_con02 ul li:nth-of-type(2n) .img_box {float:right;}
.pc_wrap .custom_down .down_con02 ul li:nth-of-type(2n) .txt_box {margin-left:33px;}
.pc_wrap .custom_down .down_con02 p img{width: 100%;}

@media all and (max-width:1200px) {
	.pc_wrap .custom_down .down_con02 ul li {width:100%;}
}
@media all and (max-width:1000px) {
/*	.pc_wrap .custom_down .down_pad {padding-top:200px;}*/
	.pc_wrap .custom_down .down_con02 ul li .img_box {width:100%;}
	.pc_wrap .custom_down .down_con02 ul li .txt_box {width:100%; text-align:center; padding:40px 0;}
}




.pc_wrap .con.down .sub_con .down_lnb { width:16.4%; margin-right:5.6%; overflow:hidden; float:left; }
.pc_wrap .con.down .sub_con .down_lnb > ul { width:100%; border-top:1px dashed #bcbcbc; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li { width:86%; /* height:44px; */ line-height:44px; padding-left:14%; border-bottom:1px dashed #bcbcbc; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li a { display:block; color:#1f1f1f; font-weight:bold; font-size:16px; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li a.on { color:#f76107; background:url("/img/yk_download_bg.png") 90% no-repeat; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li .down_dep2 { width:100%; height:110px; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li .down_dep2 li { height:20px; line-height:20px; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li .down_dep2 li a { font-size:14px; color:#1f1f1f; }
.pc_wrap .con.down .sub_con .down_lnb > ul > li .down_dep2 li a.on { color:#f79407; background:none; }
.pc_wrap .con.down .sub_con .sub_con_view { width:78%; float:right; overflow:hidden; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list { width:86%; overflow:hidden; padding:66px 7%; border-bottom:1px solid #cbcbcb; position:relative; display:none; }
.pc_wrap .con.down .sub_con .sub_con_view .first { display:block; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list.bt { border-top:1px solid #cbcbcb; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list.gray { background:#fafafa; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb { width:17.5%; float:left; margin-right:3%; text-align:center; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb > img { width:38.336%; margin:0 auto 10px; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb > span { width:100%; display:block; text-align:center; color:#1f1f1f; font-size:13px; font-weight:bold; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list ul { width:79.5%; display:inline-block; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list ul li { width:100%; margin-right:5%; height:57px; line-height:57px; border-bottom:1px dotted #a4a4a4; float:left; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list ul li.first_down { height:45px; line-height:45px; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list ul li.first_down .sub_download { margin-top:0; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list ul li .sub_download { display:inline-block; float:right; margin-top:12px; width:104px; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list dl dd { width:100%; margin-right:5%; height:57px; line-height:57px; border-bottom:1px dotted #a4a4a4; float:left; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list dl dd.first_down { height:45px; line-height:45px; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list dl dd.first_down .sub_download { margin-top:0; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list dl dd .sub_download { display:inline-block; float:right; margin-top:12px; width:104px; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; }
.pc_wrap .con.down .sub_con .sub_con_view .download_list .down_arrow { position:absolute; bottom:0; left:46%; /*margin-right:-8% 수정*/ }
.pc_wrap .con.down .sub_con .sub_con_view .download_list .down_arrow2 { position:absolute; bottom:0; left:44%; /*margin-right:-8% 수정*/ }

/*포토갤러리*/
#blist .gallery .photo { width:100%; height:auto; }/*여기 사이즈를 바꿔주세요 (dt 사이즈도같이)*/
#blist .gallery { width:100%; padding:0 0 18px 0; /*padding:18px 0 18px 0; background:url(/img/list_h_bg.gif) repeat-x top;border-bottom:1px solid #dcdcdc; */ overflow:hidden; }
#blist .gallery ul { width:100%; overflow:hidden; }
#blist .gallery ul li { width:18.7%; height:22%; float:left; display:inline-block; margin-right:1.5%; margin-bottom:10px; }
#blist .gallery dl { position:relative; width:100%; float:left; display:inline-block; }
#blist .gallery dt { position:relative; display:block; width:100%; height:auto; background:#f6f6f6; }
#blist .gallery dd { font-size:12px; color:#2e2e2e; margin:10px 0 0 4px; text-align:left; vertical-align:middle; line-height:18px; }
#blist .gallery dd img { vertical-align:middle; line-height:18px; }
.pc_wrap .con.down .sub_con .sub_con_view div.photo img { width:100%; height:auto; }


/* 영공인 2016.04.01 추가 */
.mt8 {margin-top:8%;}
.pc_wrap .con.people .sub_con_view {padding-bottom:5%; border-bottom:1px solid #ededed;}
.pc_wrap .con.people .sub_con_view dl { width:100%; /*height:140px;*/ overflow:hidden;}
.pc_wrap .con.people .sub_con_view dl.last { border:0; }
.pc_wrap .con.people .sub_con_view dl dt { float:left; margin-right:2.5%; width:41%;}
.pc_wrap .con.people .sub_con_view dl dt img { width:100%; }
.pc_wrap .con.people .sub_con_view dl dd { font-size:14px; color:#525252; width:54.5%; display:inline-block; line-height:1.7;}
.pc_wrap .con.people span.mask {height:75%;}
.pc_wrap .con.people .sub_con_photo {margin-top:5%; overflow:hidden;}
.pc_wrap .con.people .sub_con_photo ul {width:100%;overflow:hidden;}
.pc_wrap .con.people .sub_con_photo ul li {width:12.61871428%; float:left;  margin:0 1.667% 1.667% 0;}
.pc_wrap .con.people .sub_con_photo ul li img {width:100%;}
.pc_wrap .con.people .sub_con_view .sign {float:right; text-align:right; margin:13% 3% 0 0; width:54.5%;}

/* 영공인 2016.04.01 추가 */
.mt5 {margin-top:5%;}
.mobile_wrap .con.people .sub_con_view {padding-bottom:7%; border-bottom:1px solid #ededed;}
.mobile_wrap .con.people .sub_con_view dl { width:100%; /*height:140px;*/ overflow:hidden; }
.mobile_wrap .con.people .sub_con_view dl.last { border:0; }
.mobile_wrap .con.people .sub_con_view dl dt { float:left; margin-right:2.5%; width:41%;}
.mobile_wrap .con.people .sub_con_view dl dt img { width:100%; }
.mobile_wrap .con.people .sub_con_view dl dd { font-size:14px; color:#525252; width:54.5%; display:inline-block; line-height:1.7;}
.mobile_wrap .con.people span.mask { height:75%; }
.mobile_wrap .con.people .sub_con_photo {width:100%; margin-top:9.5%; overflow:hidden;}
.mobile_wrap .con.people .sub_con_photo ul {width:100%; overflow:hidden;}
.mobile_wrap .con.people .sub_con_photo ul li {width:23.333%; float:left; margin:0 1.667% 1.667% 0;}
.mobile_wrap .con.people .sub_con_photo ul li img {width:100%; }
.mobile_wrap .con.people .sub_con_view .sign {float:right; text-align:right; margin:13% 3% 0 0; width:54.5%;}


/* 미디어룸 read.php */
.pc_wrap .read_wrap {margin: 150px 0 200px; padding: 35px 170px 95px;}

.pc_wrap .read_wrap .read_top {text-align: right; font-size: 0; letter-spacing: -4px;}
.pc_wrap .read_wrap .read_top span {font-size: 15px; letter-spacing: -0.025em; font-weight: 400; position: relative;}
.pc_wrap .read_wrap .read_top span + span::before {content: ''; position: absolute; width: 1px; height: 10px; left: -17px; top: calc(50% - 5px); background-color: #8c8c8c;}
.pc_wrap .read_wrap .read_top span + span {margin-left: 34px;}

.pc_wrap .read_wrap .read_content {margin-top: 40px;}
.pc_wrap .read_wrap .read_content .tit {padding-bottom: 10px; position: relative;}
.pc_wrap .read_wrap .read_content .tit::before {content: ''; position: absolute; width: 100%; height: 3px; background-color: #c4c4c4; left: 0; bottom: 0;}
.pc_wrap .read_wrap .read_content .tit h2 {font-size: 26px; line-height: 1.3125em; letter-spacing: -0.025em; font-weight: 400;}
.pc_wrap .read_wrap .read_content .desc {margin-top: 30px;}
.pc_wrap .read_wrap .read_content .desc p {font-size: 18px; line-height: 1.56em; letter-spacing: -0.01em; font-weight: 400;}
.pc_wrap .read_wrap .read_content .desc p a{font-size: 18px; color: rgb(30,30,30);}
.pc_wrap .read_wrap .read_content .desc p img{width: 100%;}
@media all and (max-width:1000px){
	.pc_wrap .read_wrap{padding:0; margin:0 50px;}
	.pc_wrap .read_wrap .read_content{margin-top: 100px;}
	.pc_wrap .read_wrap .read_content .desc p a{font-size: 16px;}
}
@media all and (max-width:800px){
	.pc_wrap .read_wrap{padding:0; margin:100px 20px 0;}
}
/*------------------------------- MOBILE -------------------------------*/
/***** CONTENT *****/
.mobile_wrap .con_wrap { position:relative; width:93.75%; margin:0 auto; overflow:hidden; background:#fff; }
.mobile_wrap .con_wrap .con { width:100%; /*min-height:600px; margin:3% 0; */}
.mobile_wrap .con_wrap .con .sub_top_bg { width:100%; height:9px; background:url("/img/yk_subtit_bg.png") repeat-x; }
.mobile_wrap .con_wrap .con .sub_top { width:100%; margin:4% 0; overflow:hidden; }
.mobile_wrap .con_wrap .sub_top span.sub_tit { font-size:18px; font-weight:bold; color:#202022; }
.mobile_wrap .con_wrap .sub_top span.sub_line { float:right; font-size:15px; color:#6f6f6f; margin-top:6.2px; }
.mobile_wrap .con_wrap .sub_top span.sub_line .line_last { font-weight:bold; color:#202022; }
.mobile_wrap .con_wrap .sub_top span.sub_line a { color:#6f6f6f; }
.mobile_wrap .con_wrap .con .sub_con .sub_top { margin:3% 0 0 4%; }
.mobile_wrap .con_top { position:fixed; overflow:hidden; bottom:2%; right:0; z-index:50; width:8.8%; opacity:0; }
.mobile_wrap .con_top a { display:block; width:100%; }
.mobile_wrap .con_top a img { width:100%; }
.mobile_wrap .sub_con { width:100%; overflow:hidden; line-height:1.5; min-height:150px;}
.mobile_wrap .sub_con.pt0 { padding-top:0; }
.mobile_wrap .sub_con .sub_sub_tit { display:block; font-size:22px; color:#000; font-weight:bold; margin-bottom:21px; }
.mobile_wrap .sub_con .sub_sub_tit > img { margin-right:10px; margin-top:9px; }
.mobile_wrap .sub_con .sub_con_view { width:100%; }
.mobile_wrap .sub_visual { position:relative; width:100%; margin-top:3%; margin-bottom:3%; }
.mobile_wrap .sub_visual img { width:100%; }
.mobile_wrap .sub_visual ul { position:relative; overflow:hidden; width:100%; margin:2% auto 0; }
.mobile_wrap .sub_visual ul li { position:relative; float:left; width:23.5%; margin-right:2%; }
.mobile_wrap .sub_visual ul li.last { margin-right:0; }
.mobile_wrap .sub_visual ul li a img { width:100%; }
.mobile_wrap .sub_visual ul li span.mask { position:absolute; width:100%; top:0; left:0; background:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; }

/********* 제품 *********/
/* 인트로 */
.mobile_wrap .con.product_intro .sub_con ul { position:relative; width:100%; overflow:hidden; }
.mobile_wrap .con.product_intro .sub_con ul li { position:relative; float:left; width:31.5%; margin-right:2.5%; margin-bottom:8px; }
.mobile_wrap .con.product_intro .sub_con ul li.last { margin-right:0; }
.mobile_wrap .con.product_intro .sub_con ul li img { width:100%; }
.mobile_wrap .con.product_intro .sub_con ul li a { position:absolute; top:0; left:0; display:block; width:100%; height:83.207547%; }
.mobile_wrap .con.product_intro .sub_con ul li span.product_new { position:absolute; top:0; left:0; z-index:2; width:22.90812747841909%; }
.mobile_wrap .con.product_intro .sub_con ul li span.product_new img { width:100%; }
.mobile_wrap .con.product_intro .sub_con ul li span.product_des { display:inline-block; font-weight:bold; font-size:15px; color:#d9d9d9; margin-top:2%; }



/* 인덱스 */
.mobile_wrap .con.product_list .sub_con ul { position:relative; width:100%; overflow:hidden; margin-top:3%; }
.mobile_wrap .con.product_list .sub_con ul li { position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; }
.mobile_wrap .con.product_list .sub_con ul li.last { margin-right:0; }
.mobile_wrap .con.product_list .sub_con ul li img { width:100%; }
.mobile_wrap .con.product_list .sub_con ul li a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; }
.mobile_wrap .con.product_list .sub_con ul li span.product_new { position:absolute; top:0; left:0; z-index:2; width:22.90812747841909%; }
.mobile_wrap .con.product_list .sub_con ul li span.product_new img { width:100%; }

/* 뷰페이지 */
.mobile_wrap .con.product_view .sub_con .pv_01 { position:relative; overflow:hidden; width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l { float:left; width:100%; margin-bottom:50px; overflow:hidden; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual { position:relative; width:100%; margin-top:3%; height:auto; overflow:hidden; /*border:1px solid #dedede;*/ margin-bottom:9px; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v > li { width:100%; height:100%; display:none; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v .product_new { position:absolute; z-index:80; top:2%; width:17.39%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v .product_new img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > .pv_01_l_v > li img { width:100%; height:auto; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul {/* overflow:hidden; */ width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul li { position:absolute; top:0; left:0; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual > ul li img { width:100%; }

.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .sub_indis {position:relative; /*max-width:640px; margin:0 auto;*/}
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .sub_indis .thumb {/*width:100%;*/ float:right; position:relative; left:-50%;}

.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .sub_indis .thumb li {/*width:100%;*/ float:left; position:relative; left:50%; margin-right:2px;}

.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left { width:2.75%; position:absolute; top:50%; left:2.5%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left a { display:block; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .left a img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .right { width:2.75%; position:absolute; top:50%; right:2.5%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .visual .right a img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_l .pv_01_l_bottom { width:99%; height:auto;}
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r { display:inline-block; width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r table { width:100%; margin-bottom:52px; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r table td { display:inline-block; width:10.12%; height:auto; float:left; background:#444; margin-right:2%; margin-bottom:2%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r table td img { width:100%; height:100%; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content { width:92.5%; padding:36px 3.75%; border-top:1px solid #dedede; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.tit { font-size:15px; font-weight:bold; color:#202020; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.cont { font-size:13px; color:#525252; margin-bottom:29px; }
.mobile_wrap .con.product_view .sub_con .pv_01 .pv_01_r .pv_01_r_content p.cont .indent { padding-left:1.6%; }
.mobile_wrap .con.product_view .sub_con .pv_02_wrap { position:relative; }
.mobile_wrap .con.product_view .sub_con .pv_02 { position:relative; overflow-x:scroll; width:90%;/* padding:0 5% 0 5%; */ margin:0 0 99px; }
.mobile_wrap .con.product_view .sub_con .pv_02 .pv_02_left { position:absolute; top:50%; left:0; }
.mobile_wrap .con.product_view .sub_con .pv_02_right { position:absolute; top:50%; margin-top:0; right:0; display:block; font-size:20px; z-index:50; width:9%; }
.mobile_wrap .con.product_view .sub_con .pv_02_right img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_02 table { position:relative; width:280%; text-align:center; color:#4a4a4a; }
.mobile_wrap .con.product_view .sub_con .pv_02 table thead { background:#a6a6a6; border:1px solid #d5d5d5; }
.mobile_wrap .con.product_view .sub_con .pv_02 table thead td { color:#404040; height:auto; /*padding:0.5em 0;*/ /*border-right:1px solid #fff;*/ border-color:#fff; border-style:solid; border-width:0.06em; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody { height:57px; line-height:57px; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody td { padding:1.5% 0; line-height:1.5; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody tr { border-bottom:1px solid #cccccc; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody tr.downlist { background:#f6f6f6; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody tr.downlist td { font-size:14px; color:#333333; padding:18px 0; }
.mobile_wrap .con.product_view .sub_con .pv_02 table tbody tr td.not_center { text-align:left; line-height:25px; padding-left:4.2%; }
.mobile_wrap .con.product_view .sub_con .pv_02 span.yk_download { width:28%; height:19px; line-height:19px; display:inline-block; margin-bottom:10px; }
.mobile_wrap .con.product_view .sub_con .pv_02 span.yk_download a { height:19px; width:100%; display:inline; margin-right:2px; color:#000 !important }
.mobile_wrap .con.product_view .sub_con .pv_02 span.yk_download a img { display:inline-block; margin-right:3%; }
.mobile_wrap .con.product_view .sub_con .pv_03 { position:relative; overflow:hidden; width:100%; margin-bottom:9%; border-top:1px solid #d9d9d9; }
.mobile_wrap .con.product_view .sub_con .pv_03 p.tit { font-size:20px; font-weight:bold; color:#2c2c2c; padding:17px 0 30px; }
.mobile_wrap .con.product_view .sub_con .pv_03 p.pv_tit { color:#7f7f7f; margin:2% 0; }
.mobile_wrap .con.product_view .sub_con .pv_03 ul { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_03 ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:2%;/* border:1px solid #dedede; */ }
.mobile_wrap .con.product_view .sub_con .pv_03 ul li.last { margin-right:0; }
.mobile_wrap .con.product_view .sub_con .pv_03 ul li img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_04 { position:relative; overflow:hidden; width:100%; margin-bottom:9%; border-top:1px solid #d9d9d9; }
.mobile_wrap .con.product_view .sub_con .pv_04 p.tit { font-size:20px; font-weight:bold; color:#2c2c2c; padding:17px 0 30px; }
.mobile_wrap .con.product_view .sub_con .pv_04 p.pv_tit { color:#7f7f7f; margin:2% 0; }
.mobile_wrap .con.product_view .sub_con .pv_04 ul { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_04 ul li { float:left; width:49%; margin-right:2%; margin-bottom:2%;/* border:1px solid #dedede; */ }
.mobile_wrap .con.product_view .sub_con .pv_04 ul li.last { margin-right:0; }
.mobile_wrap .con.product_view .sub_con .pv_04 ul li img { width:100%; }
.mobile_wrap .con.product_view .sub_con .pv_05 { position:relative; overflow:hidden; width:100%; margin-bottom:9%; border-top:1px solid #d9d9d9; }
.mobile_wrap .con.product_view .sub_con .pv_05 p.pv_tit { color:#7f7f7f; margin:2% 0; }
.mobile_wrap .con.product_view .sub_con .pv_05 ul { width:100%; overflow:hidden; }
.mobile_wrap .con.product_view .sub_con .pv_05 ul li { float:left; width:23.5%; height:auto; margin-bottom:2%; margin-right:2%; }
.mobile_wrap .con.product_view .sub_con .pv_05 ul li.last { margin-right:0; }
.mobile_wrap .con.product_view .sub_con .pv_05 ul li img { width:100% !important; /*height:100% !important;*/ }

/********* 프로젝트 *********/
/* 인덱스 */
.mobile_wrap .sub_con .project_list { width:100%; margin-top:3%; position:relative; overflow:hidden; }
.mobile_wrap .sub_con .project_list dl { float:left; width:49%; margin-right:2%; overflow:hidden; }
.mobile_wrap .sub_con .project_list dl.last { margin-right:0; }
.mobile_wrap .sub_con .project_list dl dt { width:100%; /*border:1px solid #dedede;*/ box-sizing:border-box; }
.mobile_wrap .sub_con .project_list dl dt a { display:block; width:100%; }
.mobile_wrap .sub_con .project_list dl dt a img { width:100%; height:auto; }
.mobile_wrap .sub_con .project_list dl dd { color:#d9d9d9; font-size:14px; margin:2% 0 8.649%; text-align:left; }

.mobile_wrap .sub_con #more_view {width:100%; padding-bottom:5%;}
.mobile_wrap .sub_con #more_view .more {width:10.24%; margin:0 auto;}

/* new */
.mobile_wrap .sub_con .project_new_list .detail { width:100%; position:relative; overflow:hidden; float:left; margin-bottom:4%; }
.mobile_wrap .sub_con .project_new_list .detail .top { width:100%; margin-bottom:1%; }
.mobile_wrap .sub_con .project_new_list .detail .top .sub_tit { font-size:18px; font-weight:bold; color:#202022; }
.mobile_wrap .sub_con .project_new_list .detail .top a { display:block; float:right; }
.mobile_wrap .sub_con .project_new_list .detail dl { float:left; width:47.5%; margin-right:4.5%; overflow:hidden; }
.mobile_wrap .sub_con .project_new_list .detail dl.last { margin-right:0; }
.mobile_wrap .sub_con .project_new_list .detail dl dt { width:99.2831541218638%; border:1px solid #dedede; }
.mobile_wrap .sub_con .project_new_list .detail dl dt a { display:block; width:100%; }
.mobile_wrap .sub_con .project_new_list .detail dl dt a img { width:100%; /*height:auto;*/ }
.mobile_wrap .sub_con .project_new_list .detail dl dd { color:#2e2d2d; font-size:14px; margin:2% 0 8.649%; text-align:left; }
.mobile_wrap .sub_con .yk_pasing { font-size:13px; width:200px; margin:60px auto 10px; }
.mobile_wrap .sub_con .yk_pasing a { display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; }
.mobile_wrap .sub_con .yk_pasing a.on { font-weight:bold; color:#e71818 }

/* 뷰페이지 */
.mobile_wrap .sub_con .project_visual { width:100%; padding-top:3%; position:relative; overflow:hidden; background:#fff; }
.mobile_wrap .sub_con .project_visual ul { position:relative; width:100%; margin:0 auto; /*background:#5E5E63;*/ }
.mobile_wrap .sub_con .project_visual ul li { float:left; width:100%; position:absolute; top:0; left:0; display:none; text-align:center; }
.mobile_wrap .sub_con .project_visual ul li img { max-width:100%; }
.mobile_wrap .sub_con .project_visual .left {  width:2.75%; position:absolute; top:55%; left:2.5%; margin-top:-10px;}
.mobile_wrap .sub_con .project_visual .left a { display:block; }
.mobile_wrap .sub_con .project_visual .left a img { width:100%; }
.mobile_wrap .sub_con .project_visual .right {  width:2.75%; position:absolute; top:55%; right:2.5%; margin-top:-10px;}
.mobile_wrap .sub_con .project_visual .right a img { width:100%; }
.mobile_wrap .sub_con .project_visual .project_visual_tit { position:absolute; bottom:0; width:100%; height:60px; line-height:60px; background:#000000; opacity:0.56; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=56); -moz-opacity:0.56; -khtml-opacity:0.56; color:#fff; font-weight:bold; font-size:17px; text-align:center; }
.mobile_wrap .sub_con .project_visual_num {margin:auto;  position:relative; text-align:center;}
.mobile_wrap .sub_con .project_visual_num ul {display:inline-block; overflow:hidden; margin-top:-30px;}
.mobile_wrap .sub_con .project_visual_num ul li { float:left; }
.mobile_wrap .sub_con .project_visual_num ul li a { display:inline-block; width:17px; height:5.03px; margin-right:5px; line-height:28px; color:#fff; background:url("/img/yk_main_off.png") no-repeat; text-align:center; }
.mobile_wrap .sub_con .project_visual_num ul li a.on {background:url("/img/yk_main_on.png") no-repeat;}
.mobile_wrap .sub_con .project_visual_num ul li a.last { margin-right:0; }
.mobile_wrap .sub_con .project_application { border-top:1px solid #e1e1e1; padding:0 0 6%; overflow:hidden; }
.mobile_wrap .sub_con .project_application p.tit { color:#7f7f7f; font-size:15px; font-weight:bold; margin:2% 0; }
.mobile_wrap .sub_con .project_application dl { float:left; width:23.2%; margin-right:2%; }
.mobile_wrap .sub_con .project_application dl dt {/*border:1px solid #c1c1c1; height:112px;*/ }
.mobile_wrap .sub_con .project_application dl dd { width:100%; text-align:center; font-size:13px; color:#454545; }
.mobile_wrap .sub_con .project_application dl.on { margin-bottom:10px; }
.mobile_wrap .sub_con .project_application dl.on dt { width:100%; background:#7f7f7f; }
.mobile_wrap .sub_con .project_application dl.on dt a img { width:100%; height:100% !important; }
.mobile_wrap .sub_con .project_application dl.on dd { color:#f27008; }
.mobile_wrap .sub_con .project_application dl.last { margin-right:0; }

.mobile_wrap .con_wrap_full {position:relative; width:100%; margin:0 auto; overflow:hidden;}
.mobile_wrap .con_wrap_full .con_full {width:100%;}
.mobile_wrap .sub_con .project_application {width:93.75%; margin:0 auto; padding-top:5%;}
.mobile_wrap .con_wrap_full .con_full .sub_top {width:100%; margin:0 auto; margin-top:0;}
.mobile_wrap .con_wrap_full .con_full .sub_line {width:100%; margin:0 auto;}

/********* 회사 *********/
.mobile_wrap .con .tab { position:relative; width:100%; margin:0 auto; z-index:51; height:45px; line-height:43px; }
.mobile_wrap .con .tab ul { width:100%; font-size:25px; box-sizing:border-box; /*border-bottom:1px solid #9a9a9a;*/ height:45px; position:absolute; z-index:5; overflow:hidden; }
.mobile_wrap .con .tab ul li.first { width:100%; display:block; background:#202022; }
.mobile_wrap .con .tab ul li { width:100%; background:#fff; box-sizing:border-box; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; border-top:1px solid #9a9a9a; }
.mobile_wrap .con .tab ul li a { display:block; font-size:16px; color:#202022; background:#f9f9f9 url('/img/tab_menu_off.gif') 94% center no-repeat; background-size:6%; text-indent:20px; }
.mobile_wrap .con .tab ul li.first a { color:#d8d8d8; background:#000 url('/img/tab_menu_black_on.png') 94% center no-repeat; background-size:10%; }
.mobile_wrap .con .white ul li.first a { color:#000; background:#fff url('/img/tab_menu_white_on.png') 94% center no-repeat; background-size:10%; }
.mobile_wrap .con .tab ul li.last { border-bottom:1px solid #9a9a9a; }
.s_m_tab {width:93.75% !important; margin:7.2% auto 0 !important;}

/* 1.역사 */
.mobile_wrap .con.history .sub_con_view dl { width:100%; padding:26px 0; overflow:hidden; border-bottom:1px solid #e1e1e1; }
.mobile_wrap .con.history .sub_con_view dl.last { border:0; }
.mobile_wrap .con.history .sub_con_view dl dt { width:40%; margin-right:5%; float:left; display:inline-block; }
.mobile_wrap .con.history .sub_con_view dl dt img { width:100%; }
.mobile_wrap .con.history .sub_con_view dl dd { font-size:14px; color:#525252; width:55%; display:inline-block; }
.mobile_wrap .con.history span.mask { height:75% }

/*카탈로그 발간 역사*/
.mobile_wrap .con.history .catalog_history { width:100%; overflow:hidden; margin-top:26px; }
.mobile_wrap .con.history .catalog_history > .history_des { width:29%; margin-right:1.25%; float:left; box-sizing:border-box; text-align:center; }
.mobile_wrap .con.history .catalog_history > .history_des > img { width:100%; }
.mobile_wrap .con.history .catalog_history > .history_des > p { color:#888; }
.mobile_wrap .con.history .catalog_history > div.history_slide { position:relative; width:68.75%; float:left; left:1%; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide { position:relative; margin:0 2%; width:87.25%; padding-bottom:43%; overflow:hidden; margin:auto; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide ul { position:absolute; width:800%;/* overflow:hidden; */ top:0; left:0; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide ul li { float:left; width:3.66%; margin-left:0.45%; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide ul li img { width:100%; box-sizing:border-box; border:1px solid #e9e9e9; margin-bottom:5%; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide ul li p { text-align:center; color:#444444; font-size:12px; }
.mobile_wrap .con.history .catalog_history > div.history_slide a.control_L { display:block; position:absolute; top:25%; left:0; color:#333; }
.mobile_wrap .con.history .catalog_history > div.history_slide a.control_R { display:block; position:absolute; top:25%; right:0; z-index:55; color:#333; }
.mobile_wrap .con.history .catalog_history > div.history_slide a.control_L img, .pc_wrap .con.history .catalog_history > div.history_slide a.control_R img { width:100%; }

/* 2.CI와 비전 */
.mobile_wrap .con.ci_vision .sub_con .sub_con_view dl { float:left; width:100%; }
.mobile_wrap .con.ci_vision .sub_con .sub_con_view dl.last { margin-right:0; }
.mobile_wrap .con.ci_vision .sub_con .sub_con_view dt { width:100%; }
.mobile_wrap .con.ci_vision .sub_con .sub_con_view dt img { width:100%; }
.mobile_wrap .con.ci_vision .sub_con .sub_con_view dd { padding:24px 0; }
.mobile_wrap .con.ci_vision .sub_con .sub_con_view p { padding:0; }
.mobile_wrap .con.ci_vision span.mask { height:75% }

/* 3.기술과 혁신 */
.mobile_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt01 { font-size:18px; font-weight:bold; color:#000000; line-height:1.2; }
.mobile_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt02 { font-size:16px; color:#000000; line-height:1.2; }
.mobile_wrap .con.tech .sub_con .sub_con_view .sub_con_view_txt03 { font-weight:bold; color:#525252; }
.mobile_wrap .con.tech .sub_con .sub_con_view > p { margin-bottom:5%; }
.mobile_wrap .con.tech span.mask { height:75% }

/* 4.인증 */
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl { width:99.5%; float:left; overflow:hidden; margin-bottom:6px; box-sizing:border-box; border:1px solid #c6c6c6; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl.right { }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl.last { margin-bottom:0; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dt { width:38%; margin-right:4%; padding:25px 0; float:left; overflow:hidden; text-align:center; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dt img { width:27.2%; margin-bottom:6%; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl dt img { width:24.10714285714286%; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl dt img { width:28.125%; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl dt img { width:15.625% }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl + dl dt img { width:21.42857142857143% }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl:first-child + dl + dl + dl + dl + dl dt img { width:24.10714285714286% }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dt > span { width:35% }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dt > span > img { width:70%; margin-top:3%; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dt span.certifi_name { display:block; font-size:11px; font-weight:bold; color:#1f1f1f; text-align:center; width:100%; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dd { font-size:10px; float:left; width:54%; line-height:1.8; padding:25px 2% 0 0; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dd.dd_l { width:26.3%; padding:25px 0 25px 2%; border-right:0; }
.mobile_wrap .con.company_certi .sub_con .sub_con_view dl dd.border_r { border-right:0; }
.mobile_wrap .con.company_certi span.mask { height:75% }

.mobile_wrap .con.location .sub_con { padding-top:0; }
.mobile_wrap .con.location .sub_con .map { width:100%; overflow:hidden; margin-bottom:2%; }
.mobile_wrap .con.location .sub_con .sub_sub_tit { margin-bottom:1%; padding-bottom:0.5%; font-size:18px; border-bottom:1px solid #e6e6e6; }
.mobile_wrap .con.location .sub_con .icon { margin-right:1%; display:block; }
.mobile_wrap .con.location .sub_con .icon > img { display:inline-block; vertical-align:middle; margin-right:1%; }

/* 게시판 */
.mobile_wrap .con.notice .sub_con table { width:100%; text-align:center; table-layout:fixed; }
.mobile_wrap .con.notice .sub_con table thead { height:49px; line-height:49px; font-size:16px; color:#1f1f1f; font-weight:bold; border-top:2px solid #202022; border-bottom:1px solid #202022; }
.mobile_wrap .con.notice .sub_con table tbody { font-size:14px; color:#1f1f1f; }
.mobile_wrap .con.notice .sub_con table tbody tr { border-bottom:1px solid #c5c5c5; height:49px; }
.mobile_wrap .con.notice .sub_con table tbody tr td a { font-size:14px; color:#1f1f1f !important; }
.mobile_wrap .con.notice .sub_con table tbody tr td a:visited { font-size:14px; color:#1f1f1f !important; }
.mobile_wrap .con.notice .sub_con table tbody tr span.company_notice { width:49px; height:24px; font-size:14px; line-height:24px; color:#fff; text-align:center; background:#464648; border:1px solid #000; padding:2% 6%; }
.mobile_wrap .con.notice .sub_con table tbody tr.notice_view { background:#f8f8f8; border-bottom:0; color:#707070; min-height:174px; text-align:left; }
.mobile_wrap .con.notice .sub_con table tbody tr.notice_view td { padding:30px 20px; word-break:break-all;}
.mobile_wrap .con.notice .sub_con table tbody tr.notice_view td p { width:100%; }
.mobile_wrap .con.notice .sub_con table tbody tr.notice_view td img { max-width:100%; }
.mobile_wrap .con.notice .sub_con table tbody tr.notice_view td p img { width:100% !important; height:100% !important; }

/********* 다운로드 *********/
.mobile_wrap .con.down .sub_con .mobile_down_lnb { display:none; position:relative; overflow:hidden; width:70%; height:45px; margin:0 auto 20px; background:#1a1a1b url('/img/yk_select_arrow.gif') 95% no-repeat; }
.mobile_wrap .con.down .sub_con .mobile_down_lnb select { -moz-opacity:0; opacity:0; filter:alpha(opacity=00); }
.mobile_wrap .con.down .sub_con .mobile_down_lnb select option { color:#fff; }
.mobile_wrap .con.down .sub_con .mobile_down_lnb span { position:absolute; top:10px; left:10%; }
.mobile_wrap .con.down .sub_con .sub_con_view { width:100%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list { width:49%; overflow:hidden; float:left; margin-right:2%; margin-bottom:30px; position:relative; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list.first { display:block; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list.gray {}
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb { width:17.5%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb > img { width:100%; height:auto; margin:0 auto 10px; box-sizing:border-box; border:1px solid #e2e2e2; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb > span { width:100%; display:block; text-align:center; color:#1f1f1f; font-size:13px; font-weight:bold; height:20px; overflow:hidden; margin-bottom:10px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list ul { width:100%; display:block; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list ul li { width:100%; font-size:12.5px; border-bottom:1px dotted #a4a4a4; overflow:hidden; margin-bottom:5%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list ul li.first_down { height:45px; line-height:45px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list ul li.first_down .sub_download { margin-top:0; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list ul li .sub_download { display:block; float:right; width:100%; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list dl { width:100%; display:block; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list dl dd { width:100%; font-size:12.5px; border-bottom:1px dotted #a4a4a4; overflow:hidden; margin-bottom:5%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list dl dd.first_down { height:45px; line-height:45px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list dl dd.first_down .sub_download { margin-top:0; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list dl dd .sub_download { display:block; float:right; width:100%; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .down_arrow { position:absolute; bottom:0; left:34%; display:none;/*margin-right:-8% 수정*/ }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .down_arrow2 { position:absolute; bottom:0; left:36%; /*margin-right:-8% 수정*/ }
.mobile_wrap .con.down .sub_con .sub_con_view { width:100%; overflow:hidden; margin-top:3%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 { width:86%; overflow:hidden; padding:66px 7%; border-bottom:1px solid #cbcbcb; position:relative; display:none; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2.first { display:block; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2.bt { border-top:1px solid #cbcbcb; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2.gray { background:#fafafa; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb { width:48%; margin:auto; display:block; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb > img { width:39.00%; height:auto; display:block; margin:0 auto 10px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb > span { width:100%; display:block; text-align:center; color:#1f1f1f; font-size:13px; font-weight:bold; overflow:hidden; height:20px; margin-bottom:1%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb2 { width:100%; margin:auto; display:block; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb2 > img { width:100%; height:auto; display:block; margin:0 auto 10px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .download_thumb2 > span { width:100%; display:block; text-align:center; color:#1f1f1f; font-size:13px; font-weight:bold; overflow:hidden; height:20px; margin-bottom:1%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 ul { width:100%; display:block; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 ul li { width:100%; font-size:12.5px; border-bottom:1px dotted #a4a4a4; overflow:hidden; margin-bottom:5%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 ul li.first_down { height:45px; line-height:45px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 ul li.first_down .sub_download { margin-top:0; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 ul li .sub_download { display:block; float:right; width:100%; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 dl { width:100%; display:block; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 dl dd { width:100%; font-size:12.5px; border-bottom:1px dotted #a4a4a4; overflow:hidden; margin-bottom:5%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 dl dd.first_down { height:45px; line-height:45px; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 dl dd.first_down .sub_download { margin-top:0; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 dl dd .sub_download { display:block; float:right; width:100%; height:31px; background:#6e6e71; border:1px solid #49494b; color:#fff; line-height:31px; text-align:center; overflow:hidden; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .down_arrow { position:absolute; bottom:0; left:34%; }
.mobile_wrap .con.down .sub_con .sub_con_view .download_list2 .down_arrow2 { position:absolute; bottom:0; left:36%; }

 @media all and (max-width:1059px) {
.con.company_certi .sub_con .sub_con_view dl dt { margin-right:61.3%; }
.con.company_certi .sub_con .sub_con_view dl dd { width:45%; /* padding:25px 2% 25px 2%; */ }
.con.company_certi .sub_con .sub_con_view dl dd.dd_l { width:47%; }
.pc_wrap .con.company_certi .sub_con .sub_con_view dl.right { margin-right:1.3%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul li p { font-size:14px; }
}

@media all and (max-width:800px) {
	.pc_wrap .con_wrap{min-width: auto;  }
.pc_wrap .con_wrap .con { width:93.75%; margin:0 auto;}
.pc_wrap .con.down .sub_con .sub_con_view .download_list { width:96%; padding:66px 2%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide { padding-bottom:25%; }
.pc_wrap .con.history .catalog_history > div.history_slide .slide ul li p { font-size:12px; }
}

@media all and (max-width:640px) {
.down_lnb { display:none; }
.mobile_down_lnb { display:block; }
}

@media all and (max-width:450px) {
.mobile_wrap .con.down .sub_con .sub_con_view .download_list .download_thumb > span { height:36px; }
.mobile_wrap .con.history .catalog_history > div.history_slide .slide {padding-bottom:55%}  
}



/* 20191205 */
/*.poppins{font-family: 'Poppins';}*/
/*.poppins *{font-family: 'Poppins';}*/
.new_intro_con01{padding:0 0 30px;}
.new_intro_con01:last-child{padding-bottom:150px; padding-top:20px;}
.new_intro_con01 h4{font-size:40px; color:#fff; letter-spacing:-0.025em;; line-height:1.25; font-weight:400; padding:120px 0 40px}
.new_intro_con01 .desc_box {padding-bottom:55px; box-sizing:border-box;}
.new_intro_con01 .desc_box span {font-size:18px; letter-spacing:-0.025em; color:#fff; font-weight:300; display:block; line-height:1.9;}
.new_intro_con01 .desc_box p {font-size:20px; letter-spacing:-0.025em; color:#fff; font-weight:300; line-height:1.7;}

.new_intro_con01 h4 b{ font-weight:400; margin-left:14px;}
.new_intro_con01 h5{font-size:40px; text-align:center; letter-spacing:0.01em; font-weight:300; padding:40px 0; color:#fff;}
.new_intro_con01 h6{font-size:24px; text-align:left; letter-spacing:0.01em; font-weight:300; padding:40px 0; color:#fff; border-top:1px solid #3e4041}
.new_intro_con01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.new_intro_con01 ul{font-size:0; letter-spacing:-4px; text-align:left;}
.new_intro_con01 ul.center{text-align:center;}
.new_intro_con01 ul li{width:calc(14.2857% - 16.2857px); margin-right:19px; display:inline-block; vertical-align:top; margin-bottom:30px; position:relative;}
.new_intro_con01 ul li a{display:block; width:100%; height:100%; position:relative; }
.new_intro_con01 ul li:nth-of-type(7n){margin-right:0;}
.new_intro_con01 ul li.catagory_list{margin-bottom:30px; padding:0 15px 15px 0; box-sizing:border-box; height:220px; position:relative; /*background:url('/img/new_intro_con01_bg.png')no-repeat center / cover;*/} 
.new_intro_con01 ul li.catagory_list .img_box {position:relative; padding:10% 0; overflow:hidden;}
.new_intro_con01 ul li.catagory_list .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.new_intro_con01 ul li.catagory_list span{display: inline-block; position: absolute; left: 0; top: 0; font-size: 21px; color: #FFF; letter-spacing: 0.025em; font-weight: 400;} 
.new_intro_con01 ul li.catagory_list p{line-height:1.4; position:absolute; left:0px;  font-size:24px; color:#ffffff; letter-spacing:-0.035em; font-weight:400;}

.new_intro_con01 ul li.catagory_list p.custom_p {top:50px; font-size:16px; font-weight:100;}
.new_intro_con01 ul li.catagory_list .arrow{position:absolute; right:-11px; }
.new_intro_con01 ul li.catagory_list.sub_tit p {bottom:0; text-align:center; right:0; font-size: 18px; color: #bababa;}
.new_intro_con01 ul li.catagory_list.sub_tit .arrow.sub_tit {position:absolute; right:-11px; bottom:0;}
.new_intro_con01 ul li .img_box{width:100%; height:220px; position:relative;}
.new_intro_con01 ul li .img_box img{width:100%; height:100%;}
span.label_t{display:block; position:absolute; left:5px; top:0;}
span.label_t .tt{display:block; position:relative; z-index:2; letter-spacing:0.01em;  height:21px; line-height:21px; color:#fff; font-size:15px; box-sizing:border-box; text-align:center;  border-radius:10px; margin-top:6px;}
/* .new_intro_con01 ul li .img_box span .tt{display:block; position:relative; z-index:2; letter-spacing:0.025em;  width:33px; height:40px; background:#444; padding-top:22px; color:#fff; font-size:11px; box-sizing:border-box; text-align:center;} */
span.label_t span.new{color:#eb002c; font-weight: 700;}
span.label_t span.ver{color:rgb(43, 43, 252);}
/*span.label_t span.cc{color:rgb(64, 255, 64);}*/
span.label_t span.cc{color:rgb(10, 173, 54);}
/*.new_intro_con01 ul li .img_box span .bg{width:34px; height:22px; position:absolute; left:0; top:0; background:url('/img/img_box_span_bg.png')no-repeat center / cover;}*/
/* .new_intro_con01 ul li .img_box span .bg{width:34px; height:42px; position:absolute; left:0; top:0; background:url('/img/img_box_span_bg.png')no-repeat center / cover;} */
.new_intro_con01 ul li .img_box:before{display:block; position:absolute; left:0; top:0; z-index:3; content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.new_intro_con01 ul li .text{padding:10px 0; text-align:center;}
.new_intro_con01 ul li .text p{font-size:16px; color:#fff; letter-spacing:-0.025em;}
.new_intro_con01 ul li .text span{display:block; font-size:16px; color:#fff; letter-spacing:-0.025em;}
.new_intro_con01 ul li:hover .img_box:before{opacity:1;}
/*.new_intro_con01 ul li:hover .text p{font-weight:bold;}*/
/*.new_intro_con01 ul li:hover .text span{font-weight:bold;}*/
.new_intro_con01 .arrow_bottom{text-align:center; margin:70px 0}
.new_intro_con01 .arrow_bottom span{width:1px; height:154px; background:#fff; display:inline-block; vertical-align:top; position:relative;}
.new_intro_con01 .arrow_bottom span:before{content:""; width:1px; height:80px; display:block; background:#fff; position:absolute; left:-20px; bottom:-7px; transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); -o-transform:rotate(-30deg); -moz-transform:rotate(-30deg);}

.new_intro_con02{padding:60px 0 150px;}
.new_intro_con02 h6{font-size:24px; color:#fff; letter-spacing:0.01em; font-weight:100; padding-bottom:60px;}

.new_intro_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.new_intro_con02 ul{font-size:0; letter-spacing:-4px; text-align:left; margin-bottom:150px;}
.new_intro_con02 ul li{margin:5px; float:left; position:relative;}
.new_intro_con02 ul li img{width:100%;}
.new_intro_con02 ul li.w25{width:calc(25% - 10px); }
.new_intro_con02 ul li.w50{width:calc(50% - 10px);}
.new_intro_con02 ul li.w100{width:calc(100% - 10px);}
.new_intro_con02 ul li a{display:block; width:100%; height:100%;}
.new_intro_con02 ul li .hover_text{text-align:center; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.3); transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.new_intro_con02 ul li .hover_text p{font-size:22px;color:#fff; letter-spacing:0.01em; position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.new_intro_con02 ul li:hover .hover_text{opacity:1;}

.new_intro_con03 {padding:60px 0; }
.new_intro_con03 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.new_intro_con03 ul li{width:calc(25% - 9px); margin-right:12px; margin-bottom:12px; float:left; position:relative;}
.new_intro_con03 ul li a{display:block;}
.new_intro_con03 ul li .img_box{width:100%; padding:32.5% 0 ; position:relative; overflow:hidden;}
.new_intro_con03 ul li .img_box img{width:100%; height:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.new_intro_con03 ul li .text{text-align:center; padding:10px 0;}
.new_intro_con03 ul li .text p{font-size:14px; color:#fff; letter-spacing:-0.025em; font-weight:400;}
.new_intro_con03 ul li:nth-of-type(4n){margin-right:0;}

.product_read .product_slider{width:100%; max-width:1920px; margin:0 auto;}
.product_read .product_slider ul.pc_slider{display:block}
.product_read .product_slider ul.m_slider{display:none}
.product_read .product_slider ul .slick-prev{opacity:0; z-index:2; left:0; width:12%; height:100%; background:url('/img/yk_project_left_3.png')no-repeat center; transition: 1s;}
.product_read .product_slider ul .slick-prev:before{display:none;}
.product_read .product_slider ul .slick-prev:hover{opacity: 1;}

.product_read .product_slider ul .slick-next{opacity:0; z-index:2; right:0; width:12%; height:100%; background:url('/img/yk_project_right_3.png')no-repeat center; transition: 1s;}
.product_read .product_slider ul .slick-next:before{display:none;}
.product_read .product_slider ul .slick-next:hover{opacity: 1;}

.product_read .product_slider ul li img{max-width:100%; display:block; margin:0 auto; height:auto;}
.product_read .product_slider ul li img.pc{display:block;}
.product_read .product_slider ul li img.m{display:none;}

@media (max-width:1400px){
	.product_read .product_slider ul .slick-prev {left:5%; }
	.product_read .product_slider ul .slick-next {right:5%; }
}
@media (max-width:800px){
	.product_read .product_slider ul .slick-prev {width:22px; height:37px; background-size: cover;}
	.product_read .product_slider ul .slick-next {width:22px; height:37px; background-size: cover;}
	.new_intro_con01 ul li.catagory_list.sub_tit p{top:135px}
	.new_intro_con01 ul li.catagory_list.sub_tit .arrow.sub_tit{top:134px;}
}

.product_read .product_slider .slick-dots{}
.product_read .product_slider .slick-dots li{width:33px; height:6px;background:url('/img/product_pager_off.png') no-repeat center center; box-sizing:border-box;}
.product_read .product_slider .slick-dots li button{display:none;}
.product_read .product_slider .slick-dots li.slick-active{background:url('/img/product_pager_on.png') no-repeat center center / cover;}

@media all and (max-width:800px){
	.product_read .product_slider .slick-dots li{width:8px; height:8px; margin:0 4px;}
}

.product_read .product_top{padding:50px 0 80px; background:#000}
.product_read .product_top .text{border-bottom:1px solid #3e4041; padding-bottom:20px; margin-bottom:20px;}
.product_read .product_top .text span{display:block; font-size:16px; color:#fff; letter-spacing:0.01em; font-weight:200; }
.product_read .product_top .text p{font-size:74px; color:#fff; letter-spacing:-0.01em; font-weight:300; line-height:1.1;}
.product_read .product_top .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_read .product_top .after .text_box{width:50%; float:left; padding-right:40px; box-sizing:border-box;}
.product_read .product_top .after .text_box h6{font-size:24px; color:#fff; letter-spacing:-0.05em; font-weight:300; margin-bottom:15px;}
.product_read .product_top .after .text_box p{display:block; font-size:16px; color:#bfbfbf; letter-spacing:0em; font-weight:200; line-height:1.7; word-break:keep-all;}

.white_blank{width:100%; height:80px; background:#fff;}

.select_con{padding:40px 0; background:#e7e7e7;}
.select_con .con_wrap{background:#e7e7e7;}
.select_con .con_wrap .top_box{font-size:0 ;letter-spacing:-4px; margin-bottom:20px;}
.select_con .con_wrap .top_box p{font-size:22px; display:inline-block; vertical-align:middle; color:#222; letter-spacing:0.01em; font-weight:700; margin-bottom:15px; margin-right:10px; }
.select_con .con_wrap .top_box h5{font-size:22px; display:inline-block; vertical-align:middle; color:#666; letter-spacing:0.01em; font-weight:300; margin-bottom:15px;}
.select_con .con_wrap .top_box span{display:block; font-size:14px; letter-spacing:-0.025em; color:#000;}
.select_con .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.select_con .after{font-size:0; text-align:left; letter-spacing:-4px;}
.select_con .after .select_tit{width:20%; display:inline-block; vertical-align:top; padding:10px; box-sizing:border-box; margin-top:10px;}
.select_con .after .select_tit p{font-weight:400; font-size:16px; color:#515151; letter-spacing:-0.025em;}
.select_con .after .select_tit ul{margin-top:15px; border:1px solid #dcdcdc;}
.select_con .after .select_tit ul li + li {border-top:1px solid #dcdcdc;}
.select_con .after .select_tit ul li{position:relative;}
.select_con .after .select_tit ul li a{font-weight:400; position:relative; display:block; background:#fff; padding:7px 10px; box-sizing:border-box; font-size:16px; cursor:pointer; color:#515151; letter-spacing:-0.025em;}
.select_con .after .select_tit ul li:before{content:""; width:100%; height:100%; background:rgba(190,190,190,0.7); position:absolute; left:0; top:0; z-index:2; display:none}
.select_con .after .select_tit ul li.on a{background:#3f3f3f; color:#fff;}
.select_con .after .select_tit ul li.off:before{display:block;}

@media all and (min-width:801px){
	.select_con .after .select_tit ul li:hover a{background:#3f3f3f; color:#fff;}
	.select_con .after .select_tit ul li.off:hover a{background:#fff !important; color:#515151 !important;}
	
}

.table_text{padding:50px 0 20px; background:#fff;}
.table_text .con_wrap{background:#fff; font-size:0; letter-spacing:-4px}
.table_text .con_wrap:after{content:''; clear:both; display:block;}
.table_text .con_wrap .txt_box{display:inline-block; vertical-align:bottom; width:calc(100% - 250px)}
.table_text .con_wrap .txt_box p{font-size:14px; color:#000; letter-spacing:-0.025em;}
.table_text .con_wrap .img_box{width:250px; display:inline-block; vertical-align:bottom;}
.table_text .con_wrap .img_box a{display:inline-block; width:100%;}
.table_text .con_wrap .img_box a img{width:100%;}

@media all and (max-width:767px){
	.table_text .con_wrap .txt_box{width:100%;}
	.table_text .con_wrap .img_box{display:block; margin-top:10px;}
	
}
.table_con{background:#fff; padding:50px 0 150px;}
.table_con.type02{padding:0 0 150px;}
.table_con .con_wrap{background:#fff; font-size:0; letter-spacing:-4px; }
.table_con .table_inline{width:100%; margin-right:50px; display:inline-block; vertical-align:top;}
.table_con table{width:100%; border-bottom:1px solid #000;}
.table_con table tr{border-bottom:1px solid #d2d2d2;}
.table_con table tr:first-child{border-bottom-color:#000;}
.table_con table tr th{font-weight:200; background:#404040; font-size:14px; color:#fff; letter-spacing:-0.025em; text-align:center; padding:10px 0;}
.table_con table tr th span{position:relative;}
.table_con table tr th span a{position:absolute; left:0; top:2px;}
.table_con table tr th i{cursor:pointer; margin-left:10px; display:inline-block; vertical-align:middle; font-style:normal; color:#a0a0a0;}
.table_con table tr td{font-weight:400; background:#fff; font-size:14px; color:#000; letter-spacing:-0.025em; text-align:center; padding:10px 0;}
.table_con table tr.tr_con{display:none}
.table_con table tr.tr_con_btn{cursor:pointer; }
.table_con table tr.tr_con td{background:#f3f3f3; padding:40px; box-sizing:border-box; text-align:left; position:relative;}
.table_con table tr.tr_con td .down_load p{display:inline-block; vertical-align:top; font-size:14px; color:#fff; padding:5px 10px; border-radius:10px; background:#3f3f3f}
.table_con table tr.tr_con td .down_load ul{font-size:0; letter-spacing:-4px; max-width:1000px; width:100%; margin:0 auto;}
.table_con table tr.tr_con td .down_load ul li{text-align:left; width:calc(25% - 15px); margin-right:20px; display:inline-block; vertical-align:top; position:relative;}
.table_con table tr.tr_con td .down_load ul li:nth-of-type(4n){margin-right:0;}
.table_con table tr.tr_con td .down_load ul li:nth-of-type(n+5){margin-top:10px; }
.table_con table tr.tr_con td .down_load ul li a{font-size:0; letter-spacing:-4px; min-height:30px; display:block; box-sizing:border-box;}
.table_con table tr.tr_con td .down_load ul li a span{display:inline-block; vertical-align:middle; line-height:30px; font-size:14px; color:#000; letter-spacing:0; font-weight:bold; width:calc(100% - 50px)}
.table_con table tr.tr_con td .down_load ul li a img{display:inline-block; vertical-align:middle;}
.table_con table tr.tr_con td .option_text{margin-top:15px; width:100%; padding:0;  /*background:#d0d1d3;*/ margin-right:auto; padding:0 60px; box-sizing:border-box;}
/* .table_con table tr.tr_con td .option_text{margin-top:15px; max-width:160px; width:100%; padding:0;  background:#d0d1d3; margin-left:auto;} */
.table_con table tr.tr_con td .option_text img{position:absolute; left:50%; top:-9px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.table_con table tr.tr_con td .option_text p{/* height:23px; */ line-height:23px; border-bottom:1px solid #c4c4c6;}
.table_con table tr.tr_con td .option_text p:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.table_con table tr.tr_con td .option_text p span{display:block; float:left;}
.table_con table tr.tr_con td .option_text p b{display:block; float:left;  font-size:14px; color:#575757; letter-spacing:-0.025em; font-weight:300; margin-right:30px;}
.table_con table tr.tr_con td .option_text p.acc{font-weight:bold;}

.table_pager{text-align:right;}
.table_pager ul{text-align:right; font-size:0; margin:25px 0 0;}
.table_pager ul li{text-align:center; width:32px; height:32px; box-sizing:border-box; display:inline-block; vertical-align:top; border:1px solid #e5e5e5; border-right:0;}
.table_pager ul li:last-of-type{border-right:1px solid #e5e5e5;}
.table_pager ul li a{display:block; height:100%; line-height:30px; font-size:14px; color:#000;box-sizing:border-box;}
.table_pager ul li.on{border:1px solid #f3f3f5;}
.table_pager ul li.on a{background:#f3f3f5; box-sizing:border-box;}
.table_pager ul li:hover a{background:#f3f3f5;}

.thor_con01{background:#e6e6e8; padding:40px 0;}
.thor_con01 .con_wrap{background:#e6e6e8;}
.thor_con01 h5{font-size:24px; color:#202020; letter-spacing:0.01em; font-weight:300; margin-bottom:25px;}
.thor_con01 dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.thor_con01 dl dt{width:152px; height:44px; float:left; box-sizing:border-box; border:1px solid #a0a0a0; border-bottom:1px dashed #a0a0a0; line-height:42px; text-align:center; font-size:18px; color:#202020}
.thor_con01 dl dd{line-height:44px; width:calc(100% - 152px); float:left; font-size:16px; color:#4e4e4e; padding-left:25px; box-sizing:border-box;}
.thor_con01 dl + dl dt{border-top:0;}
.thor_con01 dl:last-child dt{border-bottom:1px solid #a0a0a0}

.product_banner{width:100%; max-width:1920px; margin:0 auto; padding: 0;}
.product_banner img{max-width:100%; display:block; margin:0 auto; border-bottom:2px solid #000; m}
.product_banner img:last-of-type{border-bottom:solid 1px #000;}
.product_banner .pc{display:block;}
.product_banner .m{display:none;}

.down_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;}
.down_popup .bg{width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2; position:absolute; left:0; top:0;}
.down_popup .pop_con{z-index:3; position:absolute; width:90%; height:40%; overflow:auto; background:#fff; padding:30px; box-sizing:border-box; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
.down_popup .pop_con .x_btn{font-family:monospace; font-size:40px; line-height:40px; color:#222; position:absolute; right:20px; top:10px; z-index:2; cursor:pointer; }
.down_popup .pop_con p{display:inline-block; vertical-align:top; font-size:16px; color:#fff; padding:5px 10px; border-radius:10px; background:#3f3f3f}
.down_popup .pop_con ul{max-width:100%; text-align:center; margin-top:40px;}
.down_popup .pop_con ul li{max-width:48% ;width:100%; display:inline-block; vertical-align:top; position:relative;}
.down_popup .pop_con ul li a{text-align:left; padding:15px 20px; font-size:16px; color:#000; display:block; box-sizing:border-box;}
.down_popup .pop_con ul li a img{position:absolute; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

@media all and (max-width:800px){
	.product_banner .pc{display:none;}
	.product_banner .m{display:block;}
}


@media all and (max-width:1200px){
	.new_intro_con01 ul li{width:calc(20% - 8px); margin-right:10px;}
	.new_intro_con01 ul li.catagory_list{height:27vw}
	.new_intro_con01 ul li .img_box{height:27vw}
	.new_intro_con01 ul li:nth-of-type(7n){margin-right:10px;}	
	.new_intro_con01 ul li:nth-of-type(5n){margin-right:0;}

	.new_intro_con03 ul li{width:calc(33.333333% - 10px); margin-right:15px;}
	.new_intro_con03 ul li:nth-of-type(4n){margin-right:15px;}
	.new_intro_con03 ul li:nth-of-type(3n){margin-right:0;}


}
@media all and (max-width:1000px) {
	.pc_wrap .header_wrap {position:fixed;}
	/* .pc_wrap .wrapper.con {padding-top: 83px;} */
	.product_read .product_slider ul li img.pc{display:none;}
	.product_read .product_slider ul li img.m{display:block;}
	.table_con .table_inline{display:block; width:100%; margin-right:0; overflow:auto}
	.table_con table{width:1000px}	
	.table_con .banner{display:block; margin-top:20px;}
	.pc_wrap .wrapper.con .no_padd.m p img{width: 100%;}
}

@media all and (max-width:1000px) {
	.new_intro_con01 ul li{width:calc(33.333% - 8px); margin-right:12px;}
	.new_intro_con01 ul li:nth-of-type(7n){margin-right:12px;}
	.new_intro_con01 ul li:nth-of-type(5n){margin-right:12px;}
	.new_intro_con01 ul li:nth-of-type(3n){margin-right:0;}
	.new_intro_con01 ul li.catagory_list{height:42.5vw}
	.new_intro_con01 ul li .img_box{height:42.5vw}

	.new_intro_con02 ul li.w25{width:calc(50% - 10px); }
	.new_intro_con02 ul li.w50{width:calc(100% - 10px);}
	.new_intro_con02 ul li.w100{overflow:hidden;}
	.new_intro_con02 ul li.w100 img{ width:1200px; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}

	.new_intro_con03 ul li{width:calc(50% - 5px); margin-right:10px;}
	.new_intro_con03 ul li:nth-of-type(4n){margin-right:10px;}
	.new_intro_con03 ul li:nth-of-type(3n){margin-right:10px;}
	.new_intro_con03 ul li:nth-of-type(2n){margin-right:0;}


	.product_top .con_wrap{width:90%; margin:0 auto; background:#000}
	.select_con .con_wrap{width:90%; margin:0 auto;}
	.table_text .con_wrap{width:90%; margin:0 auto;}
	.table_con .con_wrap{width:90%; margin:0 auto; overflow-x:scroll;}
	.thor_con01 .con_wrap{width:90%; margin:0 auto;}
	.new_intro_con01 .con_wrap{width:90%; margin:0 auto; background:#000}
	.new_intro_con03 .con_wrap{width:90%; margin:0 auto; background:#000}


	.product_read .product_slider ul.pc_slider{display:none}
	.product_read .product_slider ul.m_slider{display:block}
	.product_read .product_top .text p{margin:5px 0 0; font-size:30px; font-weight:bold;}
	.product_read .product_top .after .text_box{width:100%; float:none; padding:20px 0;}
	.select_con .after .select_tit{width:33.333333%}
	.table_pager{width:90%; margin:0 auto;}
}

@media all and (max-width:640px) {
	.new_intro_con01:last-child{padding-bottom:80px;}
	.new_intro_con01 h4{font-size:40px; line-height:50px; padding:100px 0 20px}
	.new_intro_con01 h5{font-size:30px;}

/*	.new_intro_con01 ul li{width:calc(50% - 10px); margin-right:20px;}*/
/*	.new_intro_con01 ul li:nth-of-type(6n){margin-right:20px;}*/
/*	.new_intro_con01 ul li:nth-of-type(5n){margin-right:20px;}*/
/*	.new_intro_con01 ul li:nth-of-type(3n){margin-right:20px;}*/
/*	.new_intro_con01 ul li:nth-of-type(2n){margin-right:0;}*/
/*	.new_intro_con01 ul li.catagory_list{height:62.34375vw}*/
	.new_intro_con01 ul li.catagory_list p{font-size:20px; top:5px;}
/*	.new_intro_con01 ul li .img_box{height:62.34375vw}*/
	.new_intro_con01 ul li.catagory_list {margin-bottom:10px; }
	.new_intro_con01 ul li { }
	.new_intro_con01 ul li .text {padding:5px 0; }
	.new_intro_con01 ul li .text p {font-size:14px; }
	.new_intro_con01 ul li .text span {font-size:14px; }
	
	.new_intro_con01 .arrow_bottom{margin:30px 0}

	.new_intro_con02{padding:60px 0 100px;}
	.new_intro_con02 ul{margin-bottom:80px;}
	.new_intro_con02 ul li .hover_text p{font-size:16px;}
	.new_intro_con02 ul li.w100 img{width:auto; height:35.9375vw}

	.select_con .after .select_tit{width:100%;}

	.thor_con01 dl dt{width:120px;}
	.thor_con01 dl dd{width:calc(100% - 120px); line-height:22px; font-size:14px;}
}


/* 2020-03-24 (PC, 모바일 적응형 -> 반응형으로 변경 ) */
.pc_wrap.responsive{display:block !Important ;}
.pc_wrap.responsive .con_wrap{min-width:auto;} 
.pc_wrap.responsive .con_wrap > p{background-color: #000;}
.pc_wrap.responsive .con_wrap > p > img{width: 100%;}
/*overflow-x:auto;*/
.pc_wrap.responsive .con_wrap .con{min-width:auto; }

@media all and (max-width:1000px) {
	/* .pc_wrap.responsive {padding-top:83px;} */
	.main .pc_wrap.responsive{padding-top:0;}
	.pc_wrap.responsive.gover {padding-top:0;}
	.pc_wrap.responsive.gover_view {padding-top:0;}
	.pc_wrap.responsive.edu {padding-top:0;}
	.pc_wrap.responsive.edu_view {padding-top:0;}
	.pc_wrap.responsive.comm {padding-top:0;}
	.pc_wrap.responsive.comm_view {padding-top:0;}
	.pc_wrap.responsive.resi {padding-top:0;}
	.pc_wrap.responsive.resi_view {padding-top:0;}
	/* .pc_wrap .con_tit {padding-top:110px;} */
	.pc_wrap.company{padding-top:0;}
	.pc_wrap.certi {padding-top:0;}
	.pc_wrap.media {padding-top:0;}
}
/*media_room*/
.pc_wrap .media_room .media_room_tit {padding-bottom:12px; box-sizing:border-box;}
.pc_wrap .media_room .media_room_tit span {font-size:23px; letter-spacing:-0.010em; color:#000000; font-weight:700;}
.pc_wrap .media_room .sub_tab {border-top:1px solid #4a4a4a; border-bottom: 1px solid #757575; padding:10px 0; box-sizing:border-box;}
.pc_wrap .media_room .sub_tab ul {letter-spacing:-4px; font-size:0;}
.pc_wrap .media_room .sub_tab ul li {display:inline-block; vertical-align:top;}
.pc_wrap .media_room .sub_tab ul li a {font-size:16px; letter-spacing:-0.010em; color:#000000; font-weight:400; }
.pc_wrap .media_room .sub_tab ul li.on a {color:#d70000; font-weight: 700;}
.pc_wrap .media_room .sub_tab ul li + li {margin-left:60px;}
.pc_wrap .media_room .sub_num_txt {text-align:right; padding:30px 0 20px 0; box-sizing:border-box;}
.pc_wrap .media_room .sub_num_txt span {display:block; font-size:15px; letter-spacing:-0.010em; color:#000000; font-weight:300; }
.pc_wrap .media_room .sub_num_txt span strong {color:#d70000;}
.pc_wrap .media_room .tab_content {padding-bottom:150px; box-sizing:border-box;}
.pc_wrap .media_room .tab_content ul {letter-spacing:-4px; font-size:0;}
.pc_wrap .media_room .tab_content ul li {display:inline-block; vertical-align:top; width:24.04%; margin-right:1.28%;}
.pc_wrap .media_room .tab_content ul li:nth-of-type(4n) {margin-right:0;}
.pc_wrap .media_room .tab_content ul li:nth-of-type(n+5){margin-top:40px;}
.pc_wrap .media_room .tab_content ul li .img_box {overflow:hidden; position: relative;}
.pc_wrap .media_room .tab_content ul li .img_box::before {content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 1; display: none;}
.pc_wrap .media_room .tab_content ul li:hover .img_box::before {display: block;}
.pc_wrap .media_room .tab_content ul li .img_box img { width:100%;}
.pc_wrap .media_room .tab_content > div {display:none;}
.pc_wrap .media_room .tab_content > div.on {display:block;}

.pc_wrap .media_room .tab_content ul li .tit_box {padding:14px 0; box-sizing:border-box;}
.pc_wrap .media_room .tab_content ul li .tit_box dl {letter-spacing:-4px; font-size:0; box-sizing:border-box;}
.pc_wrap .media_room .tab_content ul li .tit_box dl dt{width:50%;display:inline-block; vertical-align:top;font-size:16px; letter-spacing:-0.010em; color:#000000; font-weight: 400;}
.pc_wrap .media_room .tab_content ul li .tit_box dl dd {width:50%;display:inline-block; vertical-align:top; text-align:right; font-size:16px; letter-spacing:-0.010em; color:#767676; font-weight:300}
.pc_wrap .media_room .tab_content ul li .desc_box p {font-size:16px; font-weight:700; color:#000000; letter-spacing:-0.010em; line-height:1.6;}

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

.pc_wrap .media_room .media_room_tit { box-sizing:border-box;}
.pc_wrap .media_room .tab_content ul li {width: 48.7%; margin-right: 1.28%;}
.pc_wrap .media_room .tab_content ul li:nth-of-type(n+3){margin-top:45px;}
.pc_wrap .media_room .tab_content ul li .tit_box{padding-bottom: 0;}
}

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

.pc_wrap .media_room .tab_content ul li {width:100%;}
.pc_wrap .media_room .tab_content ul li + li{margin-top: 50px;}
.pc_wrap .media_room .sub_tab ul li + li {margin-left:34px;}
}

/*문의하기*/
.pc_wrap .cs_con01 {letter-spacing:-4px; font-size:0;}
.pc_wrap .cs_con01 .left_box {display:inline-block; vertical-align:top; width:57%; box-sizing:border-box; padding: 320px 0 280px 0;}
.pc_wrap .cs_con01 .left_box span {font-size:47px; letter-spacing:0.025em; color:#fff; font-weight:300; line-height:1.4; word-break:keep-all;}
.pc_wrap .cs_con01 .left_box p {font-size:20px; letter-spacing:0.025em; color:#fff; font-weight:300; margin-top:30px;word-break:keep-all;}
.pc_wrap .cs_con01 .right_box {display:inline-block; vertical-align:top; width:42%; box-sizing:border-box; padding:259px 0;}
.pc_wrap .cs_con01 .right_box dl + dl {margin-top:80px;}
.pc_wrap .cs_con01 .right_box dl .img_box {display:inline-block; vertical-align:top; margin-right:15px;}
.pc_wrap .cs_con01 .right_box dl .txt_box {display:inline-block; vertical-align:top;}
.pc_wrap .cs_con01 .right_box dl .txt_box dt {font-size:16px; letter-spacing:-0.025em; color:#fff; font-weight:700;word-break:keep-all; line-height: 1.666em;}
.pc_wrap .cs_con01 .right_box dl .txt_box dd {font-size:16px; letter-spacing:-0.025em; color:#fff; font-weight:300;word-break:keep-all;}

@media all and (max-width:1000px) {
	.pc_wrap .cs_con01 .left_box {width:100%; padding: 140px 0 30px;}
	.pc_wrap .cs_con01 .right_box {width:100%; padding: 20px 0 30px;}
	.pc_wrap .cs_con01 .left_box span{font-size: 26px;}
	.pc_wrap .cs_con01 .left_box p{font-size: 17px; margin-top: 15px; }
	.pc_wrap .cs_con01 .right_box dl{display: flex;align-items: center; gap: 0 10px;}
	.pc_wrap .cs_con01 .right_box dl .img_box{width: 18px; margin-right: 0;}
	.pc_wrap .cs_con01 .right_box dl .img_box img{width: 100%; }
	.pc_wrap .cs_con01 .right_box dl .txt_box dt{font-size: 14px;}
	.pc_wrap .cs_con01 .right_box dl .txt_box dd{font-size: 15px; color:#dadada; font-weight: 500;}
	.pc_wrap .cs_con01 .right_box dl .txt_box dd br.pc_only{display: none;}
	.pc_wrap .cs_con01 .right_box dl + dl{margin-top: 40px;}
}


@media all and (max-width:767px) {
	.pc_wrap .media_room .tab_content ul li {width:100%;}
	.pc_wrap .media_room .sub_tab ul li + li {margin-left:12px;}
}