@charset "utf-8";
@import url("/nsr/nanum-square-r.css");
@import url("/nsb/nanum-square-b.css");
/* CSS Document */



* { margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; }

html, body { height:100%; }
body { font-size:14px; font-family:nsr; background:none;}
.wrap { width:96%; margin:0 auto; position:relative; }
.wrap:after, ul:after { clear:both; content:""; display:block; height:0; visibility:hidden; }


/* header */
#w_header { position:absolute; width:100%; z-index:99; }
#w_header .wrap { width:94%; margin:0 auto; position:relative}
#w_header h1:after { content:""; display:block; border-top:1px solid #fff; position:relative; top:-2px; }
#w_header h1 a { padding:15px 0;  border-bottom:3px solid #ddd; display:inline-block; }
#w_header h1 img { height:20px; }

#w_header #w_side { position:absolute; right:0; top:20px;}
#w_header #w_side > li { float:left; margin-left:20px; }
#w_header #w_side > li:last-child { position:relative; top:-3px;}
#w_header #w_side #w_lang { position:absolute; background:rgba(0,0,0,0.3); padding:2px 6px; text-align:center; display:none; }
#w_header #w_side #w_lang.on { display:block; }
#w_header #w_side #w_lang li { margin:0; }
#w_header #w_side #w_lang li a { color:#fff; font-size:12px; line-height:1.6; }


/* footer */
#w_footer { background:#1b1b1b; padding:40px 0 100px; color:#fff; }
#w_footer figure { margin-bottom:10px; }
#w_footer table { border-collapse:collapse;  width:100%; border:2px solid #f0f0f0; border-left:none; border-right:none; }
#w_footer table td { border:1px solid #707070; font-size:12px; padding:8px 4px; }
#w_footer table td:first-child { border-left:none; }
#w_footer table td:nth-child(3) { border-right:none;  }
#w_footer table td:nth-child(4) { display:none; }
#w_footer + #ft { padding-bottom:0; min-width:auto; border:none; background:none;}


/* index.php */
#w_main { height:300px; position:relative; }
#w_main div { width:100%; height:300px; position:absolute; left:0; top:0; opacity:0; }
#w_main #m1 { background:url(/images/main01.jpg) no-repeat center; background-size:cover; }
#w_main #m2 { background:url(/images/main02.jpg) no-repeat center; background-size:cover; }
#w_main #m3 { background:url(/images/main03.jpg) no-repeat center; background-size:cover; }
#w_main .zin1 { z-index:1; opacity:1; }
#w_main .zin2 { z-index:2; }
#w_main dl { padding-top:110px; color:#fff; text-align:center; }
#w_main dl dt { font-size:24px; margin-bottom:30px;}
#w_main dl dt span { font-weight:bold; }
#w_main dl dd { font-size:16px; line-height:1.6; }
#w_main ul { position:absolute; bottom:30px; left:6%; z-index:10; }
#w_main ul li { float:left; margin-right:10px; }
#w_main ul li a { font-size:18px; opacity:0.2; color:#fff; padding-bottom:5px; border-bottom:2px solid #fff;  }
#w_main ul li.select a { opacity:1; }

#w_pro { background:#f4f4f4; padding:40px 0; }
#w_pro .title { font-size:20px; color:#535353; text-align:center; margin-bottom:30px; font-family:nsb;}
#w_pro ul li { width:50%; float:left; padding:4%; box-sizing:border-box;}
#w_pro ul li img { width:100%; height:auto; }
#w_pro ul li dl dt { font-size:18px; color:#535353; border-bottom:2px solid #535353; font-family:nsb; margin-top:20px; }
#w_pro ul li dl dd { width:100%; height:30px; line-height:30px; font-size:12px; background:url(../images/bg_line.png); height:240px; word-break:keep-all; }
#w_pro ul li a { border:1px solid #535353; line-height:40px; text-align:center; color:#535353; font-size:14px; margin-top:8px; display:block; font-family:nsb;}

#w_mov { background:#000; height:300px; }
#w_mov a { display:block; height:300px; background:url(../images/movie.jpg) no-repeat center; background-size:cover; }

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; display:block; } 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:300px;} 
.videof, .videot {
	position:fixed;
    width: 100%    !important;
    height: 100%   !important;
 }

#w_tech {  background:url(../images/bg_tech.jpg) no-repeat center; background-size:cover; padding:40px 0;}
#w_tech .title { font-size:20px; color:#fff; text-align:center; font-family:nsb; word-break:keep-all;}
#w_tech ul { margin-top:50px; text-align:center;}
#w_tech ul li { display:inline-block; margin-right:20px; }
#w_tech ul li:last-child { margin-right:0;}
#w_tech ul li img { height:40px; width:auto; }
#w_tech p { color:#fff; font-size:20px; line-height:1.4; margin:20px 0;}
#w_tech p span { font-family:nsb; }
#w_tech .wrap > span { color:#fff; line-height:1.4; text-align:justify; display:block; }
#w_tech a { display:block; line-height:40px; text-align:center; color:#fff; border:2px solid #fff; margin:20px auto 0; width:150px; }


/* sub_common */
#sv { height:150px; }
.bg_sub1 { background:url(../images/bg_sub01.jpg) no-repeat center; background-size:cover; }
#sv.bg_sub2_1 { background:url(../images/bg_sub02_01.jpg) no-repeat center; background-size:cover; height:200px; }
#sv.bg_sub2_2 { background:url(../images/bg_sub02_02.jpg) no-repeat center; background-size:cover; height:200px; }
#sv.bg_sub2_3 { background:url(../images/bg_sub02_03.jpg) no-repeat center; background-size:cover; height:200px; }
#sv.bg_sub2_4 { background:url(../images/bg_sub02_04.jpg) no-repeat center; background-size:cover; height:200px; }
#sv.bg_sub2 ul { padding-top:100px; }
#sv.bg_sub2 ul li { float:left; margin-right:10px; }
#sv.bg_sub2 ul li a { color:#fff; opacity:0.2; font-size:16px; padding-bottom:4px; border-bottom:2px solid #fff; display:block; width:60px;}
#sv.bg_sub2 ul li:last-child { margin-right:0; }
#sv.bg_sub2 ul li.select a { opacity:1; }
#sv.bg_sub2 p { display:none;  }
#sv.bg_sub2 span { font-weight:bold; color:#fff; line-height:1.4; display:block; margin-top:20px; word-break:keep-all;}
.bg_sub3 { background:url(../images/bg_sub03.jpg) no-repeat center; background-size:cover; }
.bg_sub4 { background:url(../images/bg_sub04.jpg) no-repeat center; background-size:cover; }
.bg_sub5 { background:url(../images/bg_sub05.jpg) no-repeat center; background-size:cover; }


/* sub1_1 */
#sub1_1 { background:#f4f4f4;}
#sub1_1 .wrap { width:94%; }
#sub1_1 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_1 .sec1 { font-size:14px; line-height:1.6; text-align:justify; padding-top:80px; color:#333;}
#sub1_1 .sec1 ul { margin-top:40px; border:1px solid #707070; border-left:none; border-right:none; padding:20px 0;}
#sub1_1 .sec1 ul li { margin-bottom:10px; color:#535353; }
#sub1_1 .sec1 ul li:last-child { margin-bottom:0; }
#sub1_1 .sec1 ul li span { font-weight:bold; display:block;  color:#535353; }

#sub1_1 .sec2 { padding-top:80px;} 
#sub1_1 .sec2 p { font-family:nsb;  color:#333; font-size:20px; margin-bottom:30px;}
#sub1_1 .sec2 ul { margin-bottom:30px; }
#sub1_1 .sec2 ul li { float:left; width:30%; height:30%; margin-right:5%; text-align:center; position:relative; }
#sub1_1 .sec2 ul li:nth-child(3) { margin-right:0; }
#sub1_1 .sec2 ul li img { width:100%; }
#sub1_1 .sec2 ul li p { position:absolute; color:#fff; font-size:14px; top:38%; width:100%; text-align:center; left:0; top:0; height:100%; margin-bottom:0; display: flex; flex-direction: row; justify-content: center; align-items: center;}

#sub1_1 .sec2 dl, #sub1_1 .sec4 dl { margin-bottom:40px; }
#sub1_1 .sec2 dl:last-child, #sub1_1 .sec4 dl:last-child { margin-bottom:0; }
#sub1_1 .sec2 dl dt, #sub1_1 .sec4 dl dt { font-family:nsb; font-size:20px; border-bottom:1px solid #333; color:#333; padding-bottom:4px; margin-bottom:4px; }
#sub1_1 .sec2 dl dd, #sub1_1 .sec4 dl dd { font-family:nsb; font-size:14px; color:#535353; line-height:1.6; text-align:justify;}

#sub1_1 .sec3 { margin-top:80px; background:url(../images/bg_sub01_mid.jpg) no-repeat center; background-size:cover; height:140px; }

#sub1_1 .sec4 { padding:80px 0; }

/* sub1_2 */
#sub1_2 { padding:80px 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub1_2 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_2 span { display:inline-block; width:70px; font-weight:bold; }

/* sub1_3 */
#sub1_3 { padding:80px 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub1_3 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_3 .sec1 { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #666;  }
#sub1_3 .sec1 ul { margin:20px 0;}
#sub1_3 .sec1 ul li { font-size:24px; line-height:1.8; font-weight:bold; }

#sub1_3 .sec2 {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #666; }
#sub1_3 .sec2 ul li { font-size:14px; margin-bottom:20px; }

#sub1_3 .sec3 { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #666; }
#sub1_3 .sec3 dl { color:#333; margin-bottom:30px; }
#sub1_3 .sec3 dl dt { font-weight:bold; }
#sub1_3 .sec3 dl dd { line-height:1.6; }

#sub1_3 .sec4 { margin-bottom:40px;  }
#sub1_3 .sec4 ul li { font-size:14px; margin-bottom:20px; }

/* sub1_4 */
#sub1_4 { padding:80px 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub1_4 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_4 article { border-top:1px solid #999; padding-top:4px; margin-bottom:80px;  }
#sub1_4 p { font-size:30px; color:#bbad98; }
#sub1_4 ul { color:#333; text-align:left; }
#sub1_4 ul li { margin-bottom:6px; padding-left:80px; word-break:keep-all; }
#sub1_4 ul li span { position:absolute; left:1%;}
#sub4_1 #sec1-1 table { border-collapse:collapse; width:100%; margin-bottom:40px; }
#sub4_1 #sec1-1 p { font-size:18px; font-family:nsr; margin-bottom:20px; color:#333; font-weight: bold; }
#sub4_1 #sec1-1 a { font-size:14px; font-family:nsr; margin-bottom:20px; color:#333; font-weight: bold; }
#sub4_1 #sec1-1 {padding-bottom:80px; border-bottom:1px solid #e5e5e5; margin-bottom:80px; }

/* sub1_5 */
h2 { text-align:left; }
#sub1_5 { padding:80px 0 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub1_5 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_5 .mob { width:100%;}
#sub1_5 .mob th { font-size:16px; text-align:left; border-bottom:2px solid #707070; padding-bottom:2px;  }
#sub1_5 .mob tr:nth-child(1) td, #sub1_5 .mob tr:nth-child(2) td { border:none; }
#sub1_5 .mob td {border-bottom:1px solid #d1c0a5; padding-bottom:8px; text-align:left; }
#sub1_5 .mob .w_line {border-bottom:1px solid #707070; padding-bottom:8px; margin-bottom:10px; text-align:justify; padding-top:0;}
#sub1_5 .bg_bot { background:url(../images/bg_sub01_bottom.jpg) no-repeat center; background-size:cover; height:150px; margin-top:80px; }


/* sub1_6 */
#sub1_6 { padding:80px 0 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub1_6 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub1_6 table { width:100%;}
#sub1_6 table th, #sub1_6 table td { vertical-align:top; padding-bottom:4px; }
#sub1_6 table th { border-bottom:2px solid #707070; padding:0 4px;}
#sub1_6 table th:first-child  { width:80px; }
#sub1_6 table td { border-bottom:1px solid #d1c0a5; word-break:keep-all;}
#sub1_6 table td:first-child { border:none; }
#sub1_6 iframe { margin:20px 0 80px; width:100%; height:300px;}

/* sub2_1 */
#sub2_1 { padding:80px 0; }
#sub2_1 figure img { width:100%; height:auto; }
#sub2_1 dl { margin:20px 0 60px; color:#535353;  }
#sub2_1 dl dt { font-weight:bold; font-size:18px; border-bottom:3px solid #707070; padding-left:10px; }
#sub2_1 dl dd { font-size:14px; border-bottom:1px solid #e5e5e5; padding:6px 0 4px; padding-left:10px; position:relative; }
#sub2_1 dl dd a { color:#535353;}

#sub2_1 ul { padding-bottom:6px; border-bottom:2px solid #707070; margin-bottom:40px; }
#sub2_1 ul li { float:left; margin-right:10px; font-size:18px; font-weight:bold; color:#707070; }
#sub2_1 ul li a { color:#ccc; }
#sub2_1 ul li a.select { color:#1a1a1a; }
#sub2_1 p { color:#252525; font-size:14px; font-weight:bold; line-height:1.6; margin-bottom:40px; word-break:keep-all; }

.w_pop { position:absolute; left:0; top:30px; z-index:1; display:none; }
.w_pop img { width:100%; height:auto; }
.w_pop .cbtn { background:#000; color:#fff !important; font-size:20px; padding:10px 15px; position:absolute; right:0; top:0; }



/* sub2_4 */
#sub2_4 { padding:80px 0; }
#sub2_4 figure img { width:100%; height:auto; }
#sub2_4 p { font-size:22px; color:#535353; margin:10px 0 20px; padding-left:10px; }
#sub2_4 dl { margin:20px 0 60px; color:#535353;  }
#sub2_4 dl dt { font-weight:bold; font-size:18px; border-bottom:3px solid #707070; padding-left:10px; }
#sub2_4 dl dd { font-size:14px; border-bottom:1px solid #e5e5e5; padding:6px 0 4px; padding-left:10px;}


/* sub3_1 */
#sub3_1 { padding:80px 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub3_1 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub3_1 ul li { float:left; margin-right:4%; width:48%; margin-bottom:40px;}
#sub3_1 ul li:nth-child(2n) { margin-right:0; }
#sub3_1 ul li figure { margin-bottom:20px;}
#sub3_1 ul li figure img { width:100%; }
#sub3_1 ul li dl { text-align:left; }
#sub3_1 ul li dl dt { font-size:12px; font-family:nsb; line-height:1.4; word-break:keep-all; text-align:left; border-bottom:2px solid #535353; color:#535353; height:70px; }
#sub3_1 ul li dl dd {border-bottom:1px solid #adadad; font-size:12px; }
#sub3_1 ul li dl dd span { display:block; font-family:nsb;  }

/* sub3_2 */
#sub3_2 { padding:80px 0 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub3_2 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub3_2 .sec1 img { width:100%; height:auto;}
#sub3_2 .sec1 ul { margin:20px 0 80px; }
#sub3_2 .sec1 ul li { color:#333; }
#sub3_2 .sec2 figure img { width:100%; }
#sub3_2 .sec2 dl { margin:20px 0 40px; color:#333; }
#sub3_2 .sec2 dl dt { font-size:20px; margin-bottom:10px; font-weight:bold; }
#sub3_2 .sec3 { height:150px; background:url(../images/sub3_2_4.jpg) no-repeat center; background-size:cover; }

/* sub4_1 */
#sub4_1 { padding:80px 0 0; font-size:14px; line-height:1.6; text-align:justify; color:#333; background:#f4f4f4;}
#sub4_1 .title { font-size:36px; font-family:nsb; margin-bottom:20px; }
#sub4_1 #sec1 p { font-size:14px; font-weight:bold; padding-bottom:40px; border-bottom:1px solid #777; margin-bottom:40px;}
#sub4_1 #sec1 ul { border-bottom:1px solid #e5e5e5; margin-bottom:80px; }
#sub4_1 #sec1 ul li { text-align:center; float:left; width:calc(100% / 3); padding:0 5px; box-sizing:border-box; }
#sub4_1 #sec1 ul li img { width:50%; height:auto;}
#sub4_1 #sec1 ul li p { margin-top:20px; border:none; }
#sub4_1 #sec1 ul li p span { display:block; font-weight:normal; word-break:keep-all; }

#sub4_1 #sec2 {padding-bottom:80px; border-bottom:1px solid #e5e5e5; margin-bottom:80px; }
#sub4_1 #sec2 table { border-collapse:collapse; width:100%; margin-bottom:40px; }
#sub4_1 #sec2 table th, #sub4_1 #sec2 table td { border:1px solid #d8d8d8; padding:6px 10px;}
#sub4_1 #sec2 table th { text-align:center; }
#sub4_1 #sec2 table td { text-align:right; }
#sub4_1 #sec2 table tr:nth-child(1) th { background:#ebebeb; color:#333; }

#sub4_1 #sec3, #sub4_1 #sec4 { padding-bottom:80px; border-bottom:1px solid #e5e5e5; margin-bottom:80px; }
#sub4_1 #sec3 div, #sub4_1 #sec4 div { height:100px; background:url(../images/sub4_1_1.jpg) no-repeat center; background-size:cover; position:relative; }
#sub4_1 #sec3 div a, #sub4_1 #sec4 div a { color:#333; font-weight:bold; font-size:16px; background:rgba(255,255,255,0.5); height:40px; padding:0 10px; position:absolute; right:40px; top:30px; line-height:40px; }

#sub4_1 #sec4 { margin-bottom:0; border:none; }
#sub4_1 #sec4 div {  background:url(../images/sub4_1_2.jpg) no-repeat center; background-size:cover;}
#sub4_1 #sec4 p { font-size:16px; margin-top:20px; color:#4e4e4e; }



 
/* media center */
#w_board { padding:80px 0;}
#w_board .gall_box { border:none; }
#w_board #bo_gall .gall_info { background:none; color:#fff;}
#w_board #bo_gall .gall_info .fa-eye { display:none;}
#w_board #bo_gall .gall_info .gall_date { bottom:48px; }





 
@media (max-width:800px) { /* 모바일용 */
.pc { display:none; }
#w_header #w_gnb { width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; right:-100%; top:0; padding:70px 20px 0; box-sizing:border-box;}
#w_header #w_gnb > li { border-bottom:1px solid #ccc; text-indent:10px;  }
#w_header #w_gnb li a { color:#fff; font-size:18px; line-height:40px; }
#w_header #w_gnb ul {display:none;  }
#w_header #w_gnb ul li { text-indent:30px; }
#w_header #w_gnb ul li a { font-size:16px;}
#w_header #w_side #w_lang { right:3%; top:40px;}
#w_header #w_side #w_lang li a { font-size:16px; line-height:1.8;}
#w_board #gall_ul .gall_li { width:50%; }
#w_board #bo_gall .gall_text_href { margin:10px 0;}
#w_board #bo_gall .gall_text_href a { font-size:14px; }

#w_footer article table td:first-child { width:100px;}
#w_footer article table td:nth-child(2) { width:80px;}

#w_board #bo_gall .gall_name { margin:10px 0; }
#w_board #bo_sch {width:100%;   }
#w_board #bo_sch .sch_input { width:160px; }
#w_mov .video-js .vjs-big-play-button { top:105px;}

#sub1_5 .mob td { display:block; padding:8px 0}
#sub1_5 .mob td:last-child {border-bottom:1px solid #707070;  margin-bottom:10px; }
}



@media (min-width:801px) { /* PC용 */
.wrap { width:1440px; }
.mob { display:none; }

/* header */
#w_header .wrap { width:1340px; }
#w_header h1 a { padding:30px 0; }
#w_header #w_gnb { position:absolute; right:0; top:32px; }
#w_header #w_gnb > li { float:left;  }
#w_header #w_gnb > li:last-child> a  { margin-right:10px;  }
#w_header #w_gnb > li > a { font-size:14px; color:#fff; padding:0 120px 33px 10px; display:block;}
#w_header #w_gnb ul { background:rgba(0,0,0,0.3); min-height:205px; border-right:1px solid #707070; display:none; }
#w_header #w_gnb ul.line { border-bottom:1px solid #fff; display:block;  }
#w_header #w_gnb > li:last-child ul { border-right:none;}
#w_header #w_gnb > li:nth-child(4) > a { width:160px; display:block; box-sizing:border-box; }
#w_header #w_gnb > li:last-child> a  { padding-right:40px;  }

#w_header #w_gnb ul li a:link, #w_header #w_gnb ul li a:visited { color:#fff; font-size:14px; line-height:34px; display:block; text-indent:10px;}
#w_header #w_gnb ul li a:hover, #w_header #w_gnb ul li a:active, #w_header #w_gnb ul li a:focus { background:rgba(0,0,0,0.5); }

#w_header #w_gnb > li > ul > li > ol >li { padding-right:20px; padding-left:10px;}
#w_header #w_gnb > li > ul > li > ol > li > a {font-size:12px !important;}

#w_header #w_gnb ul li ol {display:none; }


#w_header #w_side {  top:31px;}
#w_header #w_side > li { margin-left:15px; }
#w_header #w_side > li:last-of-type { left:10px; }
#w_header #w_side > li:last-of-type > a { padding-right:10px; }
#w_header #w_side #w_lang { left:30px;top:0; }

/* footer */
#w_footer article { float:left; padding:0 20px;  box-sizing:border-box;  }
/*#w_footer article { width:50%; }*/
#w_footer article:first-of-type {width:50%;}
#w_footer article:last-of-type {width:50%;}
#w_footer article figure, #w_footer article p { height:30px; font-size:17px; font-family:nsb; margin-bottom:10px; }
#w_footer article table td { font-size:13px;  padding:8px; }
#w_footer article table td:last-child { display:table-cell; border-right:none;  }
#w_footer article table td a { color:#fff; }
#w_footer article:first-child table td:nth-child(1) { width:135px; }
#w_footer article:first-child table td:nth-child(2) { width:100px; }
/*#w_footer article:first-child table td:nth-child(3) { width:230px !important; }*/
#w_footer article:last-child table td:nth-child(1) { width:100px; }



/* index.php */
#w_main { height:850px; }
#w_main div { height:850px; }
#w_main dl { padding-top:320px; }
#w_main dl dt { font-size:40px; margin-bottom:45px;}
#w_main dl dd { font-size:20px; }
#w_main ul { bottom:70px; left:50%; margin-left:-650px;}
#w_main ul li {  margin-right:10px; }
#w_main ul li a { font-size:70px; border-bottom:4px solid #fff; letter-spacing:-4px; }

#w_pro { padding:100px 0; }
#w_pro .title { font-size:24px; }
#w_pro ul li { width:360px; float:left; padding:0 65px; box-sizing:border-box;}
#w_pro ul li dl dt { font-size:18px; margin-top:40px; }
#w_pro ul li dl dd { font-size:14px; height:180px; }
#w_pro ul li a:link, #w_pro ul li a:visited { font-size:16px; margin-top:10px; transition:0.3s; font-family:nsr;  }
#w_pro ul li a:hover, #w_pro ul li a:active, #w_pro ul li a:focus { background:#535353; color:#fff; }

#w_mov a:link, #w_mov a:visited { height:850px; opacity:0.5; }
#w_mov a:hover, #w_mov a:active, #w_mov a:focus { opacity:1; }

#w_mov{ height:840px}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; display:block;  } 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:840px;} 
.videof, .videot {
	position:fixed;
    width: 100%    !important;
    height: 100%   !important;
 }

#w_tech { padding:100px 0; height:850px; }
#w_tech .title { font-size:24px; margin-top:0; }
#w_tech ul { margin-top:160px; text-align:left;}
#w_tech ul li:last-child { margin-right:0;}
#w_tech ul li img { height:auto; width:auto; }
#w_tech p { margin:75px 0 60px; font-size:45px; }
#w_tech p span { font-size:45px;}
#w_tech .wrap > span { font-size:20px; }
#w_tech a:link, #w_tech a:visited { line-height:60px; width:270px; font-size:16px; border:3px solid #fff; position:absolute; right:0; bottom:4px; transition:0.3s; }
#w_tech a:hover, #w_tech a:active, #w_tech a:focus { background:#fff; color:#333; }

#sv { height:340px; }
#sv + section .wrap { width:1000px; }
#sv.bg_sub2 { height:439px; }
#sv.bg_sub2 .wrap { width:1200px; }
#sv.bg_sub2 ul { padding-top:150px; }
#sv.bg_sub2 ul li a { font-size:20px; padding-bottom:8px; width:80px; border-bottom-width:4px;}
#sv.bg_sub2 p { display:block; font-weight:bold; font-size:40px; color:#fff; margin-top:70px; }
#sv.bg_sub2 span { font-size:20px; line-height:1.8; }


/* sub1_1 */
#sub1_1 .sec1 { background:url(../images/sub1_1_intro.png) no-repeat right 200px; padding-top:100px;}
#sub1_1 .title { margin-bottom:50px;}
#sub1_1 .sec1 ul { margin-top:100px; padding:40px 0;}
#sub1_1 .sec1 ul li { margin-bottom:16px; }
#sub1_1 .sec1 ul li span { display:inline-block; width:200px;  }

#sub1_1 .sec2 { padding-top:100px;} 
#sub1_1 .sec2 p { font-family:nsb;  color:#333; font-size:20px; margin-bottom:30px;}
#sub1_1 .sec2 ul { margin:100px 0 120px; }
#sub1_1 .sec2 ul li { float:left; width:280px; height:280px; margin-right:80px; text-align:center; position:relative; }
#sub1_1 .sec2 ul li:nth-child(3) { margin-right:0; }
#sub1_1 .sec2 ul li img { width:100%; }
#sub1_1 .sec2 ul li p { position:absolute; color:#fff; font-size:18px;  width:100%; text-align:center; left:0; top:0; height:100%; margin-bottom:0; display: flex; flex-direction: row; justify-content: center; align-items: center;}

#sub1_1 .sec2 dl dt, #sub1_1 .sec4 dl dt { font-family:nsr; font-weight:bold; margin-bottom:6px; }
#sub1_1 .sec2 dl dd, #sub1_1 .sec4 dl dd { font-family:nsr; line-height:1.8;}
#sub1_1 .sec2 dl dd:first-line, #sub1_1 .sec4 dl dd:first-line { font-weight:700;}

#sub1_1 .sec3 { margin-top:100px; background:url(../images/bg_sub01_mid.jpg) no-repeat center; background-size:cover; height:500px; }

#sub1_1 .sec4 { padding-bottom:100px; }
#sub1_1 .sec4 dl { width:550px; }

/* sub1_2 */
#sub1_2 { padding:100px 0; line-height:2; font-size:14px; word-break:keep-all; }
#sub1_2 .title { margin-bottom:50px;}

/* sub1_3 */
#sub1_3 .title { margin-bottom:50px; }
#sub1_3 .sec1 { padding-bottom:100px; margin-bottom:100px;  }
#sub1_3 .sec1 ul { margin:50px 0;}
#sub1_3 .sec1 ul li { font-size:30px; }

#sub1_3 .sec2 {padding-bottom:64px; margin-bottom:100px; }
#sub1_3 .sec2 ul li {  margin-bottom:36px; }

#sub1_3 .sec3 { padding-bottom:100px; margin-bottom:100px; }

#sub1_3 .sec4 { margin-bottom:100px;  }
#sub1_3 .sec4 ul li { margin-bottom:36px;   }

/* sub1_4 */
#sub1_4 { padding:100px 0; }
#sub1_4 .title { margin-bottom:50px; }
#sub1_4 article { width:600px; margin-bottom:100px; position:relative;  }
#sub1_4 article:after { content:""; clear:both; display:block; }
#sub1_4 article:nth-of-type(even) { margin-left:auto;}
#sub1_4 p { float:left; width:120px; }
#sub1_4 ul { float:left; margin-top:10px; }
#sub1_4 ul li { margin-bottom:6px; word-break:keep-all; padding:0; padding-left:80px; }
#sub1_4 ul li span { }

/* sub1_5 */
#sub1_5 { padding:100px 0 0; }
#sub1_5 .title { margin-bottom:50px; }
#sub1_5 .wrap { width:1200px !important; padding-bottom:200px; }
#sub1_5 .pc { width:1200px; }
#sub1_5 .pc th { font-size:16px; text-align:left; border-bottom:2px solid #707070; padding:4px 10px 8px; white-space:nowrap}
#sub1_5 .pc td { border-bottom:1px solid #d1c0a5; padding:0 0 8px 8px; line-height:1.6;}
#sub1_5 .pc td:first-child { border:none; }
#sub1_5 .bg_bot { height:420px; }

/* sub1_6 */
#sub1_6 { padding:100px 0 40px; }
#sub1_6 .title { margin-bottom:50px; }
#sub1_6 table th:first-child { width:120px;}
#sub1_6 iframe { width:100%; height:490px;}

/* sub2_1 */
#sub2_1 { padding:100px 0 200px; }
#sub2_1 .wrap { width:1200px !important; }
#sub2_1 figure { width:600px; float:left; margin-bottom:50px;  }
#sub2_1 dl { float:left; margin:0 0 50px 86px; width:514px; height:299px; box-sizing:border-box;  }
#sub2_1 dl dt { padding-bottom:4px; }
#sub2_1 dl dd { font-size:14px; border-bottom:1px solid #e5e5e5; padding:6px 0 4px; padding-left:10px;}

#sub2_1 ul li { margin-right:20px; font-size:20px; }
#sub2_1 p { font-size:18px;}

/* sub2_4 */
#sub2_4 { padding:100px 0 200px; }
#sub2_4 .wrap { width:1200px !important; }
#sub2_4 figure { width:600px; float:left; margin-bottom:50px;  }
#sub2_4 figcaption {float:left; height:299px; width:514px; margin:0 0 50px 86px;box-sizing:border-box; }
#sub2_4 figcaption p { font-size:24px; margin-bottom:40px; margin-top:0; }
#sub2_4 dl dt { padding-bottom:4px; }
#sub2_4 dl dd { font-size:14px; border-bottom:1px solid #e5e5e5; padding:6px 0 4px; padding-left:10px;}

/* sub3_1 */
#sub3_1 { padding:100px 0; }
#sub3_1 .title { margin-bottom:50px; }
#sub3_1 ul li { width:226px; margin-right:32px; margin-bottom:80px; }
#sub3_1 ul li figure { height:320px; }
#sub3_1 ul li:nth-child(2n) { margin-right:32px; }
#sub3_1 ul li:nth-child(4n) { margin-right:0; }
#sub3_1 ul li:nth-child(4n+1) { clear:both; }
#sub3_1 ul li dl dt { font-family:nsr; font-weight:bold; font-size:13px; height:60px; }
#sub3_1 ul li dl dd { padding:2px 0; font-size:12px;}
#sub3_1 ul li dl dd span { font-family:nsr; font-weight:bold; display:block; width:auto; }


/* sub3_2 */
#sub3_2 { padding:100px 0 0; }
#sub3_2 .title { margin-bottom:50px; }
#sub3_2 .sec1 ul { margin-bottom:180px; }
#sub3_2 .sec2 figure { float:left; width:500px; margin-right:40px; height:350px; }
#sub3_2 .sec2 dl { float:left; width:460px; margin-top:0; height:350px; }
#sub3_2 .sec2 dl dt { margin:0  0 30px; }
#sub3_2 .sec2 dl dd { margin-bottom:10px; }
#sub3_2 .sec3 { height:500px; margin-top:100px; }

/* sub4_1 */
#sub4_1 { padding:100px 0 0; margin-bottom:0;  }
#sub4_1 .title { margin-bottom:50px; }
#sub4_1 #sec1 p { padding-bottom:50px; margin-bottom:100px;}
#sub4_1 #sec1 ul { border-bottom:1px solid #e5e5e5; margin-bottom:100px; }
#sub4_1 #sec1 ul li { width:200px; margin-right:200px; }
#sub4_1 #sec1 ul li:last-child {margin-right:0; }
#sub4_1 #sec1 ul li img { width:auto; height:auto;}
#sub4_1 #sec1 ul li p { margin-top:60px; border:none; font-size:18px; }

#sub4_1 #sec2 table th, #sub4_1 #sec2 table td { padding:15px 20px;}

#sub4_1 #sec3, #sub4_1 #sec4 { padding-bottom:100px; margin-bottom:100px; }
#sub4_1 #sec4 { margin-bottom:0; }
#sub4_1 #sec3 div, #sub4_1 #sec4 div { height:354px; }
#sub4_1 #sec3 div a, #sub4_1 #sec4 div a { font-size:24px; height:80px; line-height:80px; padding:0 20px; top:137px; right:110px;}


#sub4_1 #sec4 p { font-size:18px; margin-top:30px; color:#4e4e4e; font-weight:bold; }







/* 갤러리 게시판 */
#w_board { padding:100px 0;}


}