@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/*** desktop ***********************************************************************************************************************/
body {min-width:1200px;}
#header {width:100%; z-index:999; height:141px;}
#header_content .logo {text-align:center; padding:17px 0 19px;}
#header_content .logo a {z-index:999; display:block;}
#header_content {*zoom:1; width:1200px; position:relative; margin:0 auto;}
#header_content:after {content:" "; display:block; clear:both;}

#home_menu {position:absolute; top:34px; right:0;}
#home_menu ul {*zoom:1;}
#home_menu ul:after {content:" "; display:block; clear:both;}
#home_menu ul li {float:left; font-size:15px; font-weight:400; padding:0 0 0 32px; background:url('../images/common/gray_line.gif') 16px 50% no-repeat;}
#home_menu ul li a {display:block; color:#666;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
#home_menu ul li a:hover {color:#299eef;}
#home_menu ul li:first-child {padding:0; background:none;}

/* gnb */
nav#gnb{width:100%; position:absolute; top:90px; left:0; z-index:800; min-width:1200px;}
nav#gnb > ul {*zoom:1; width:1200px; margin:0 auto; border-top:1px solid #ddd;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li{float:left; position:relative; min-width:240px; text-align:center;}
nav#gnb > ul > li:first-child {margin:0;}
nav#gnb > ul > li > a {display:block; font-size:18px; height:35px; padding:15px 0 0; font-weight:800; color:#222; letter-spacing:-0.03em;} 
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus, nav#gnb > ul > li.active > a {}
nav#gnb > ul > li .gnb-2dep-wrap {background:url('../images/common/submenu_line.gif') 0 0 no-repeat; min-height:108px;}
nav#gnb > ul > li .no-bg {background:none;}
nav#gnb > ul > li .gnb-2dep {display:none; position:absolute; top:50px; padding:20px 0 0; line-height:32px; background:url('../images/common/menu_on.gif') 50% 0 no-repeat;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:32px; width:240px; margin:0;}
nav#gnb > ul > li .gnb-2dep li a {color:#555; font-size:17px; font-weight:400;}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#058fd8; font-weight:600;}
nav#gnb > ul > li .gnb-2dep li ul li.long {line-height:23px; letter-spacing:-0.03em;}
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:51px; left:0px; width:100%; height:auto; padding:0; background:#fff; display:none; border-bottom:1px solid #058fd8}

/* mobile gnb */
.allmenu_bt{display:none;}
#nav {display:none;}

/* main */
#mainvisual {width:100%; height:562px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image:url('../images/main/mainvisual.jpg');
}
#mainvisual .main_txt {width:1200px; margin:0 auto; padding:178px 0 0; text-align:center;}
#mainvisual .main_txt span {font-size:29px; font-weight:400; color:#fff; display:inline-block; padding:3px 75px; background:#299eef; margin:0 0 25px 0;}
#mainvisual .main_txt h2 {font-size:68px; font-weight:800; color:#606060; line-height:68px; margin:0 0 20px 0;}
#mainvisual .main_txt p {font-size:25px; font-weight:400; color:#606060; line-height:25px;}
#content {width:100%;}
/* section1 */
.section1 {padding:95px 0 100px;}
.section1 .quick {*zoom:1; width:1200px; margin:0 auto;}
.section1 .quick:after {content:" "; display:block; clear:both;}
.section1 .quick h3 {font-size:34px; font-weight:600; color:#000; text-align:center; margin:0 0 65px 0;}
.section1 .quick > div {float:left; box-sizing:border-box; margin:0 0 0 19px; width:23.4%; border:3px solid #ddd; padding:30px 0; cursor:pointer;}
.section1 .quick > div.first {margin:0;}
.section1 .quick > div dl {text-align:center;}
.section1 .quick > div dl dt {margin:0 0 30px 0;}
.section1 .quick > div dl dd {font-size:19px; line-height:19px; font-weight:600; color:#151515; margin:0 0 25px 0;}
.section1 .quick > div a.more {text-align:center; font-size:16px; font-weight:400; color:#979797;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
	display:block;
}
.section1 .quick > div a.more span {display:inline-block; margin:0 0 0 10px; vertical-align:middle;}
.section1 .quick > div a.more:hover {color:#0c46ab;}
.section1 .quick > div:hover span {
	transform:translate(20px,0);
	-webkit-transform:translate(20px,0);
	-o-transform:translate(20px,0);
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: all;
	transition-timing-function: linear;
}

/* section2 */
.section2 {padding:80px 0;}
.section2 .gallery {width:1200px; margin:0 auto;}
.section2 .gallery h3 {font-size:34px; line-height:34px; font-weight:600; color:#000; text-align:center; margin:0 0 43px 0;}
.section2 .gallery ul {*zoom:1;}
.section2 .gallery ul:after {content:" "; display:block; clear:both;}
.section2 .gallery ul li {float:left; margin:0 0 0 43px; width:30.9%;}
.section2 .gallery ul li:first-child {margin:0;}
.section2 .gallery ul li a span.thumb {display:block; width:370px; height:230px; overflow:hidden;}
.section2 .gallery ul li a span.thumb img {
	max-width:100%;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.section2 .gallery ul li a:hover span.thumb img {
	-webkit-transform: scale(1.15) rotate(-5deg);
  -moz-transform: scale(1.15) rotate(-5deg);
  -ms-transform: scale(1.15) rotate(-5deg);
  -o-transform: scale(1.15) rotate(-5deg);
  transform: scale(1.15) rotate(-5deg);
}
.section2 .gallery ul li div {padding:20px 22px; background:#fff;}
.section2 .gallery ul li div p {font-size:17px; line-height:17px; margin:0 0 9px 0; font-weight:400; color:#111515; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.section2 .gallery ul li a:hover div p {color:#0e73d9;}
.section2 .gallery ul li div span {display:block; text-align:right; font-size:15px; font-weight:400; color:#8c8c8c;}

/* section3 */
.section3 {padding:97px 100px; background:#f3f3f3;}
.section3 .notice {width:1200px; margin:0 auto;}
.section3 .notice h3 {font-size:34px; line-height:34px; font-weight:600; color:#000; text-align:center; margin:0 0 45px 0;}
.section3 .notice ul li {border-left:5px solid #0e73d9; background:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative;
	padding:27px 27px 27px 32px; margin:10px 0 0;
}
.section3 .notice ul li:first-child {margin:0;}
.section3 .notice ul li span {display:block; font-size:16px; font-weight:400; color:#4aa8e4; margin:0 0 12px 0; line-height:16px;}
.section3 .notice ul li p {font-size:19px;line-height:19px;  font-weight:400; color:#151515; width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section3 .notice ul li a {position:absolute; top:40px; right:27px; width:11px; height:18px; display:block;
	background-image:url('../images/main/gray_arrow2.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.section3 .notice ul li a:hover {background-image:url('../images/main/gray_arrow2_ov.gif');}
 


/* section4 banner */
.section4 {width:100%;}
.section4 .banner {width:1200px; margin:0 auto 80px; position:relative; }
.section4 .banner .prev {position:absolute; top:32px; left:0px;}

.section4 .banner .next {position:absolute; top:32px; right:0px;}
.banner_slide {position:relative; width:1160px; height:80px; margin:0px auto; overflow:hidden;padding:0px 0 0 0;}
.banner_slide .bannerList {position:relative; width:1160px; height:80px; overflow:hidden;}
.banner_slide .bannerList ul {position:absolute; height:80px; width:10000px;}
.banner_slide .bannerList ul li {float:left;  width:222px; height:78px;border:1px solid #d1d1d1; margin:0 0 0 10px;}
.banner_slide .bannerList ul li:first-child{margin:0 0 0 0px;}
.banner_slide .bannerList ul li a {display:block;}
.banner_slide .bannerList ul li img{width:100%;}



/*Quick Menu */
#quick_menu {position:fixed; bottom:500px; margin:0 0 0 630px; width:65px; left:50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}
#mob_quick {display:none;}
/* sub */
#subvisual {width:100%; height:222px;
	background-image:url('../images/sub/subvisual.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#subvisual .sub_txt {width:1200px; margin:0 auto; padding:45px 0 0; text-align:center;}
.sub_txt .path {margin:0 0 25px 0;}
.sub_txt .path p {font-size:15px; line-height:15px; font-weight:400; color:#fff;}
.sub_txt .path p span {display:inline-block; vertical-align:middle;}
.sub_txt h3 {font-size:42px; font-weight:800; color:#fff; line-height:42px; margin:0 0 25px 0;}
#leftmenu ul {text-align:center;}
#leftmenu ul li {display:inline-block; margin:0 0 0 10px; font-size:16px; font-weight:600;}
#leftmenu ul li:first-child {margin:0;}
#leftmenu ul li a {display:block; padding:0 40px; height:32px; line-height:32px; border:1px solid #ccc; color:#888;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
}
#leftmenu ul li a:hover, #leftmenu ul li.on a {color:#fff; padding:0 41px; background:#34a7f6; border:none; height:34px; line-height:34px;}
#cont {width:1200px; margin:0 auto; padding:60px 0 0;}

#subtitle {text-align:center; margin:0 0 30px 0;}
#subtitle h4 span {display:block; font-size:15px; font-weight:400; color:#299eef; line-height:15px; margin:0 0 15px 0;}
#subtitle h4 {font-size:37px; font-weight:800; color:#111; padding:0 0 55px 0;
	background-image:url('../images/sub/blue_bar.gif');
	background-repeat:no-repeat;
	background-position:50% 100%;
}
#con_area {min-height:320px; padding:0 0 80px 0;}

/* 01_01 */
.intro .intro_top {text-align:center; display:table; width:100%; height:200px; background:url('../images/sub/intro_bg.jpg') 0 0 no-repeat; margin:0 0 56px 0;}
.intro .intro_top p {display:table-cell; vertical-align:middle; font-size:36px; font-weight:600; color:#fff;}
.intro .intro_top p span {display:block; font-size:55px; font-weight:800; color:#e9f0f7; line-height:56px; margin:0 0 10px 0;}
.intro .intro_center {*zoom:1;}
.intro .intro_center:after {content:" "; display:block; clear:both;}
.intro .intro_center h5 {clear:both; font-size:26px; font-weight:600; color:#151515; letter-spacing:-0.02em; margin:0 0 46px 0; text-align:center;}
.intro .intro_center > div {float:left; width:50%;}
.intro .intro_center > div p {font-size:16px; text-align:justify; font-weight:400; color:#454545; line-height:28px; letter-spacing:-0.02em; margin:0 0 40px 0;}
.intro .intro_center .left p {padding:0 18px 0 0;}
.intro .intro_center .right {padding:0 0 120px; 
	background-image:url('../images/sub/intro_bg_bottom.gif');
	background-position:100% 100%;
	background-repeat:no-repeat;
}
.intro .intro_center .right p {padding:0 0 0 17px;}

/* 01_02 */
.history {min-height:294px;
	background-image:url('../images/sub/his_bg.jpg');
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.history h5 {padding:0 0 0 28px; font-size:26px; font-weight:600; color:#111; letter-spacing:-0.02em; clear:both; margin:0 0 50px 0;
	background-image:url('../images/sub/blue_circle.gif');
	background-repeat:no-repeat;
	background-position:0 50%;
}
.his_box {*zoom:1; margin:0 0 50px 0;}
.his_box:after {content:" "; display:block; clear:both;}
.his_box h6 {float:left; font-size:23px; width:10%; font-weight:600; color:#111;}
.his_box .right {float:left; width:50%; vertical-align:top;}
.his_box .right dl {vertical-align:top;}
.his_box .right dl dt {font-size:17px; font-weight:500; color:#037ea2; line-height:18px; margin:0 0 5px 0;}
.his_box .right dl dd {font-size:16px; font-weight:400; color:#333; line-height:24px; word-break:keep-all;}

/* 01_04 */
.map_area p {*zoom:1; letter-spacing:-0.02em; font-size:16px; font-weight:400; color:#333; margin:0 0 36px 0; padding:0 0 0 100px; min-height:49px;
	background-image:url('../images/sub/map_icon.gif');
	background-repeat:no-repeat;
	background-position:0 0 ; line-height:49px;
}
.map_area p:after {content:" "; display:block; clear:both;}
.map_area p .left {float:left; display:inline-block; vertical-align:top; margin:0 49px 0 0;}
.map_area p .right {float:left; line-height:24px; display:inline-block; vertical-align:top;}
.map_area p strong {font-size:18px; font-weight:600; color:#006eea;}
.map_area .map {border:2px solid #ddd; width:1196px; height:346px; margin:0 0 25px 0;}
.map_area .map_info ul {*zoom:1; border:1px solid #ddd;}
.map_area .map_info ul:after {content:" "; display:block; clear:both;}
.map_area .map_info ul li {float:left; width:50%; text-align:center; font-size:16px; font-weight:400; color:#333; padding:20px 0;}
.map_area .map_info ul li.info1 {background:#e5e5e5;}
.map_area .map_info ul li.info2 {background:#f5f5f5;}
.map_area .map_info ul li span {display:inline-block; margin:0 15px 0 0; vertical-align:middle;}
.map_area .map_info ul li strong {color:#006eea; font-weight:600; display:inline-block; margin:0 39px 0 0;}

/* tab */
.cau_tab {*zoom:1; margin:0 0 76px 0;}
.cau_tab:after {content:" "; display:block; clear:both;}
.cau_tab li {float:left; width:33%; margin:0 0 0 -1px; text-align:center;}
.cau_tab li a {display:block; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.02em; height:40px; line-height:40px; border:1px solid #c6c6c6;}
.cau_tab li a:hover, .cau_tab li.on a {color:#fff; background:#037ea2; border:none; height:42px; line-height:42px;}

/* topic */
.topic ul.tabs {*zoom:1; margin:0 0 100px 0;}
.topic ul.tabs:after {content:" "; display:block; clear:both;}
.topic ul.tabs li {float:left; margin:0 1% 3%;}
.topic ul.tabs li span.thbimg {display:block;}
.topic ul.tabs li span.thbimg img {max-width:100%;}
.topic ul.tabs li p {display:table; width:100%; height:45px; line-height:45px; background:#333; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.02em; text-align:center;}
.topic ul.tabs li p span {display:table-cell; vertical-align:middle;}
.topic h5 {padding:8px 0; background:url('../images/sub/gray_pattern.gif') repeat; font-size:22px; font-weight:800; color:#111; letter-spacing:-0.02em; text-align:center; margin:0 0 40px 0;}
.topic dl {margin:0 0 50px 0;}
.topic dl dt {padding:0 0 0 16px; background:url('../images/sub/blue_small.gif') 0 50% no-repeat; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.02em; line-height:17px; margin:0 0 17px 0;}
.topic dl dd {border:1px solid #cdcdcd;}
.topic dl dd img {max-width:100%;}

/* 02_01 */
.professor .prof_top {*zoom:1; margin:0 0 100px 0;}
.professor .prof_top:after {content:" "; display:block; clear:both;}
.professor .prof_top p {float:left; width:20%;}
.professor .prof_top p img {border:1px solid #ddd;}
.professor .prof_top .right {float:left; width:78%; padding:10px 0 0;}
.professor .prof_top .right h5 {font-size:24px; font-weight:600; color:#111; line-height:24px; margin:0 0 30px 0; letter-spacing:-0.02em;}
.professor .prof_top .right h5 span {padding:0 0 0 30px;
	background-image:url('../images/sub/blue_circle.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}
.professor .prof_top .right ul li {padding:0 0 0 23px; font-size:16px; line-height:35px; font-weight:400; color:#333; letter-spacing:-0.02em;
	background-image:url('../images/sub/gray_dot.gif');
	background-position:8px 14px;
	background-repeat:no-repeat;
}
.professor .prof_top .right ul li span {display:inline-block; width:189px; font-weight:600; color:#151515;}
.professor .prof_center h5 {padding:0 0 0 29px; font-size:22px; font-weight:600; color:#111; letter-spacing:-0.02em; margin:0 0 13px 0;
	background-image:url('../images/sub/blue_circle.gif');
	background-repeat:no-repeat;
	background-position:0 3px;
}
.professor .prof_center ul {border-top:1px solid #2467d4; padding:40px 0;}
.professor .prof_center ul li {padding:0 0 0 5px; font-size:16px; font-weight:400; text-align:justify; color:#333; line-height:35px; letter-spacing:-0.02em; margin:55px 0 0;}
.professor .prof_center ul li:first-child {margin:0;}


/* 02_02*/
.project {*zoom:1; margin:0 0 100px 0;}
.project .project_box{margin:0 0 80px 0;}
.project .project_box h3{font-size:24px; font-weight:600; color:#111111; padding: 0 0 0 30px; background-image: url('../images/sub/blue_circle.gif'); background-repeat: no-repeat; background-position: 0 0;}
.project .project_box ul{margin:20px 0;}
.project .project_box ul:after{content:"";display:block;clear:both;}
.project .project_box li{float:left; margin:0 0 20px 20px; width:283px;height:74px;bordeR:1px solid #ddd;}
.project .project_box li.first{margin:0 0 20px 0;}
.project .project_box li a{display:block;}
.project .project_box dl{padding:25px; background-color:#f3f3f3;}
.project .project_box dt{font-size:20px;font-weight:600;color:#333333;padding:0 0 15px 0;line-height:28px;}
.project .project_box dd{font-size:15px;color:#555555;line-height:28px;text-align:justify;word-break:keep-all;}




/* 04_01 */
.cleanroom .clean_top {height:200px; width:100%; text-align:center; margin:0 0 50px 0;
	background-image:url('../images/sub/clean_bg.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	display:table;
}
.cleanroom .clean_top p {font-size:36px; line-height:36px;font-weight:600; color:#15140d; display:table-cell; vertical-align:middle;}
.cleanroom .clean_top p span {display:block; font-size:55px; font-weight:800; color:#65635f; line-height:55px; margin:0 0 10px 0;}
.cleanroom > div {*zoom:1; margin:0 0 63px 0;}
.cleanroom > div:after {content:" "; display:block; clear:both;}
.cleanroom h5 {padding:0 0 0 30px; font-size:24px; line-height:25px;font-weight:800; color:#111; letter-spacing:-0.02em; margin:0 0 34px 0;
	background-image:url('../images/sub/blue_circle.gif');
	background-repeat:no-repeat;
	background-position:0 50%;
}
.cleanroom p {font-size:16px; font-weight:400; color:#333; line-height:35px;}
.cleanroom ul.dot {margin:0 0 70px 0;}
.cleanroom ul.dot li {padding:0 0 0 19px; font-size:16px; font-weight:400; color:#333; line-height:35px;
	background-image:url('../images/sub/gray_dot.gif');
	background-repeat:no-repeat;
	background-position:5px 15px;
}
.cleanroom dl {float:left; width:363px; height:116px; border:1px solid #c6c6c6; margin:0 0 18px 13px;}
.cleanroom dl.left {margin-left:33px;}
.cleanroom dl dt {text-align:center; margin:0 0 14px 0; padding:10px 0 0;}
.cleanroom dl dd {text-align:center; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.02em;}
.cleanroom ul.tabs {*zoom:1; margin:0 33px 50px 33px;}
.cleanroom ul.tabs:after {content:" "; display:block; clear:both;}
.cleanroom ul.tabs li {float:left; width:33.2%; border:1px solid #c6c6c6; margin:-1px 0 0 -1px; text-align:center;}
.cleanroom ul.tabs li a {display:block; height:38px; line-height:38px; font-size:15px; font-weight:400; color:#000102; letter-spacing:-0.02em;}
.cleanroom ul.tabs li a:hover , .cleanroom ul.tabs li.active a {font-weight:800;
	background-image:url('../images/sub/pattern.gif'); 
	background-repeat:repeat;
	background-position:0 0;
}
.cleanroom ul.tabs li.long {width:49.86%;}
.equ_detail {border:1px solid #dbdbdb; margin:0 33px;}
.equ_detail h6 {clear:both; font-size:16px; color:#000102; font-weight:600; text-align:center; padding:10px 0; background:#c5c5c5; margin:0 0 44px 0;}
.equ_detail .de_wrap {*zoom:1; padding:0 20px;}
.equ_detail .de_wrap:after {content:" "; display:block; clear:both;}
.de_wrap .de_box {*zoom:1; float:left; width:50%; margin:0 0 70px 0; display:table;}
.de_wrap .de_box:after {content:" "; display:block; clear:both;}
.de_wrap .de_box p {display:table-cell; vertical-align:bottom; width:236px;}
.de_wrap .de_box .right {width:50%; padding:0 0 0 10px; display:table-cell; vertical-align:bottom;}
.de_wrap .de_box .right table {border-top:1px solid #939496;}
.de_wrap .de_box .right table .gray {background:#f1f1f1;}
.de_wrap .de_box .right table th {width:20%; font-size:13px; letter-spacing:-0.02em; font-weight:600; color:#333; padding:8px 5px; text-align:left; border-bottom:1px dotted #939496;}
.de_wrap .de_box .right table td {width:80%; font-size:13px; letter-spacing:-0.02em; font-weight:400; color:#333; padding:8px 0 8px 5px; border-bottom:1px dotted #939496; border-left:1px solid #ddd;}
.de_wrap .de_box .right p {text-align:center; display:block; width:100%; font-size:13px; color:#333; height:25px; line-height:25px; background:#e6e7e8;}
.de_wrap .de_box .right a {display:block; text-align:center; font-size:13px; color:#333; height:25px; line-height:25px; background:#e6e7e8;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.de_wrap .de_box .right a:hover {background:#2162d0; color:#fff; font-weight:600;}

/* 04_02 */
.usage h5 {padding:0 0 0 33px; font-size:24px; font-weight:800; color:#111; line-height:25px; margin:0 0 35px 0;
	background-image:url('../images/sub/blue_circle.gif');
	background-repeat:no-repeat;
	background-position:4px 50%;
}
.usage .u_wrap {margin:0 15px 68px 33px;}
.b_usage li {float:left; display:table; width:563px; height:142px; border:1px solid #c7c7c7; margin:0 0 23px 19px;
	background-position:90% 50%;
	background-repeat:no-repeat;
}
.b_usage li span {display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; color:#333; line-height:25px; padding:0 0 0 40px;}
.b_usage li.us01 {background-image:url('../images/sub/ap_icon1.gif'); margin-left:0;}
.b_usage li.us02 {background-image:url('../images/sub/ap_icon2.gif');}
.b_usage li.us03 {background-image:url('../images/sub/ap_icon3.gif'); margin-left:0;}
.b_usage li.us04 {background-image:url('../images/sub/ap_icon4.gif');}
.b_usage li.us05 {background-image:url('../images/sub/ap_icon5.gif'); margin-left:0;}
.b_usage li.us06 {background-image:url('../images/sub/ap_icon6.gif');}
.b_usage li.us07 {background-image:url('../images/sub/ap_icon7.gif'); margin-left:0;}
.b_usage li.us08 {background-image:url('../images/sub/ap_icon5.gif');}
.usage .border {border:1px solid #c7c7c7; padding:33px;}
.usage .border li {padding:0 0 0 14px; background:url('../images/sub/gray_dot.gif') 0 15px no-repeat; font-size:16px; font-weight:400; color:#333; line-height:35px;}
.usage .border_boxing {text-align:center; border:1px solid #c7c7c7; padding:39px 30px; background:url('../images/sub/pattern2.gif') repeat;}
.usage .border_boxing span.align {display:inline-block; letter-spacing:-0.04em; vertical-align:top; padding:0 20px; background:#006db8; height:26px; line-height:26px; font-size:14px; font-weight:400; color:#fff;
	margin:0 0 0 15px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
}
.usage .border_boxing span.align:first-child {margin:0;}
.usage .border_boxing ul {margin:37px 0 0;}
.usage .border_boxing ul li {text-align:left; padding:0 0 0 40px; background:url('../images/sub/gray_dot.gif') 24px 15px no-repeat; font-size:16px; font-weight:400; color:#333; line-height:35px;}
.usage .border_boxing ul li span {font-weight:600; color:#037ea2;}
.usage .border_boxing ul li strong {font-weight:600; color:#005baa;}
.usage .chk_usage {border:1px solid #c7c7c7; margin:16px 0 0;}
.usage .chk_usage table th {background:#e5f6f6; width:20%; font-size:16px; font-weight:400; color:#566868; padding:20px 10px;}
.usage .chk_usage table th span {font-size:14px; color:#ea1d23;}
.usage .chk_usage table td {padding:20px 10px 20px 45px; font-size:16px; font-weight:400; color:#333; border-left:1px solid #c7c7c7;}
.usage .chk_usage table td input {display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.reser_tab {*zoom:1; margin:0 0 50px 0;}
.reser_tab:after {content:" "; display:block; clear:both;}
.reser_tab li {float:left; width:24.6%; border:1px solid #c6c6c6; margin:0 0 0 -1px;}
.reser_tab li a {display:block; font-size:14px; font-weight:400; color:#000102; letter-spacing:-0.02em; text-align:center; height:28px; line-height:28px;}
.reser_tab li a:hover , .reser_tab li.on a {font-weight:800;}
.resear_form h6 {height:59px; line-height:59px; text-align:center;font-size:25px; font-weight:400; color:#fff; background:url('../images/sub/pattern3.gif') repeat-x;}
.resear_form .gray {background:#f8fafa;}
.resear_form table {border:1px solid #c7c7c7; border-top:none;}
.resear_form th {padding:20px 0 20px 107px; width:40%; font-size:14px; font-weight:600; color:#555; text-align:left;}
.resear_form th span {color:#ff0000; display:inline-block; margin:0 0 0 8px; vertical-align:top; font-weight:800;}
.resear_form td {*zoom:1; padding:20px 0;}
.resear_form td:after {content:" "; display:block; clear:both;}
.resear_form td span {display:block; font-size:12px; color:#6c6d6d; margin:5px 0 0;}
.resear_form td .input {border:1px solid #c6c8c8; width:50%; height:30px; line-height:30px; padding-left:10px; vertical-align:middle;}
.resear_form td ul {*zoom:1;}
.resear_form td ul:after {content:" "; display:block; clear:both;}
.resear_form td ul li {float:left; width:60px;}
.resear_form td ul li:first-child {margin:0;}
.resear_form td ul li span {vertical-align:middle; text-align:center;}
.resear_form td ul li input {width:100%; height:30px; border:1px solid #c6c8c8;}
.resear_form td ul li label {margin:5px 0 0; display:block;}
.resear_form td ul li a {display:block; margin:10px 0 0 10px;}
.resear_form td textarea {width:80%; height:100px; resize:none; border:1px solid #c6c8c8;}
.reser_ok {text-align:center; margin:30px 0 0;}
.reser_ok a {display:inline-block; height:44px; line-height:44px; background:#037ea2; color:#fff; font-size:16px; font-weight:600; width:269px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.reser_ok a:hover {background:#d1d1d1; color:#037ea2;}
.select_Option {
	position: relative;
	min-width: 60px;
	height:30px;
	padding:2px 8px;
	vertical-align:middle;
	display:inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   	appearance: none;         /* 화살표 없애기 공통*/
    background: url('../images/common/check.png') no-repeat 90% 50%; /* 화살표 아이콘 추가 */
	color:#333;
	font-size:14px;
}
.select_Option::-ms-expand {
   display: none; /* 화살표 없애기 for IE10, 11*/
}
.resear_form td input[type="text"], .resear_form td textarea {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	
}
.resear_form td input[type="text"]:focus, .resear_form td textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/* request 완료 */
.requ_info {text-align:center; border:1px solid #ddd; padding:60px 0;}
.requ_info span {display:block;}
.requ_info .first_span {margin:0 0 70px 0;}
.requ_info .second_span {margin:90px 0 0;;}
.requ_info p {font-size:18px; font-weight:400; color:#555; line-height:30px; margin:0 0 30px 0;}
.requ_info p strong {font-size:30px; font-weight:800; color:#151515;}


/* footer */
#footer {width:100%;}
#footer .section4 .banner { margin:80px auto 60px;}
#footer .copy {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:60px; line-height:60px; font-size:17px; font-weight:600; color:#727171; text-align:center; background:#f1f1f1;}
.address {text-align:center; padding:55px 0;}
.address address {font-size:16px; font-weight:400; color:#787878; line-height:22px;}
.address address strong {color:#4aa8e4; font-weight:600;}
.address address span {display:block; margin:5px 0 0;}
.address address span.next_line {display:inline-block; margin:0;}
#footer .address a {color:#787878;}


/* admin_quick */
#admin_quick {position:absolute; width:110px; left:50%; margin:0 0 0 600px;}
#admin_quick ul li {width:110px; height:110px; margin:0 0 1px 0;}
#admin_quick ul li span {display:block; text-align:center; font-size:14px; font-weight:normal; color:#fff;}
#admin_quick ul li.adm01 {background:url('../images/common/admin_quick01.gif') 0 0 no-repeat;}
#admin_quick ul li.adm01 span {padding:79px 0 0;}
#admin_quick ul li.adm02 {background:url('../images/common/admin_quick02.gif') 0 0 no-repeat;}
#admin_quick ul li.adm02 span {padding:64px 0 0; line-height:16px;}
#admin_quick ul li.adm03 {background:url('../images/common/admin_quick03.gif') 0 0 no-repeat;}
#admin_quick ul li.adm03 span {padding:66px 0 0; line-height:16px;}
#admin_quick ul li a {display:block;}

/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {
	body {min-width:320px; width:100%; height:100%;}

	#header {height:80px;}
	#header_content {height:80px;}
	#header_content .logo {text-align:left; padding:25px 0 0 10px; width:75%;}
	#header_content .logo img {max-width:100%;}
	#header_content {width:100%;}

	/* nav */
	#nav {display:block; z-index:1000;}
	#nav {position:absolute; top:80px !important; right:0; width:100%; text-align:left; z-index:900; border-top:1px solid #555; background:url('../images/common/submenu_bg.png') repeat; }
	#nav li {position:relative; border-bottom:1px solid #555; letter-spacing:-0.025em;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav li a {position:relative; color:#151515; font-size:14px; font-weight:600; display:block; line-height:130%; padding:12px 22px 12px 10px;}
	#nav li ul {background:#012032; opacity:0.6;}
	#nav li ul li {border-bottom:none; border-top:1px solid #f1f1f1;}
	#nav li ul li:first-child {border-top:none;}
	#nav li ul li a {color:#fff; font-size:13px; font-weight:600; background:none; line-height:130%;}
	#nav li ul li a span {font-weight:400; color:#ffdf47;}

	nav#gnb, #home_menu {display:none;}
	.allmenu_bt {display:block; position:absolute; top:25px; right:10px; z-index:1000; width:40px;}
	.allmenu_bt a {display:inline-block;}
	.allmenu_bt img {max-width:100%;}

	/* mainvisual */
	#mainvisual {height:250px; background-size:cover;}
	#mainvisual .main_txt {width:auto; padding:60px 20px 0;}
	#mainvisual .main_txt span {font-size:15px; padding:3px 30px; margin:0 0 15px 0;}
	#mainvisual .main_txt h2 {font-size:35px; line-height:24px; margin:0 0 15px 0;}
	#mainvisual .main_txt p {font-size:14px; line-height:18px; letter-spacing:-0.04em; word-break:keep-all;}

	/* section1 */
	.section1 {padding:50px 0;}
	.section1 .quick {width:auto; padding:0 5%; text-align:center;}
	.section1 .quick h3 {font-size:22px; margin:0 0 20px 0;}
	.section1 .quick div {width:48%; height:140px; padding:15px 0; margin:0 0 12px 12px;}
	.section1 .quick div.two {margin-left:0;}
	.section1 .quick div.two dl dt {width:60px;}
	.section1 .quick div.first dl dt {width:40px;}
	.section1 .quick > div dl dt {width:50px; margin:0 auto; height:65px;}
	.section1 .quick > div dl dd {font-size:14px; line-height:14px; margin:0 0 5px 0; letter-spacing:-0.04em;}
	.section1 .quick > div dl dt img {max-width:100%;}
	.section1 .quick > div a.more {font-size:13px;}

	/* section2 */
	.section2 {padding:50px 0;}
	.section2 .gallery {width:auto; padding:0 20px;}
	.section2 .gallery h3 {font-size:22px; margin:0 0 20px 0;}
	.section2 .gallery ul li {width:32.2%; margin:0 0 0 5px;}
	.section2 .gallery ul li a span.thumb {width:100%; height:140px;}
	.section2 .gallery ul li a span.thumb img {max-width:100%; height:100%;}
	.section2 .gallery ul li div {padding:15px 10px;}
	.section2 .gallery ul li div p {font-size:14px; line-height:14px;}
	.section2 .gallery ul li div span {font-size:13px;}

	/* section3 */
	.section3 {padding:50px 0;}
	.section3 .notice {width:auto; padding:0 20px;}
	.section3 .notice h3 {font-size:22px; line-height:20px; margin:0 0 20px 0;}
	.section3 .notice ul li {padding:15px 20px;}
	.section3 .notice ul li span {font-size:13px; line-height:13px; margin:0 0 10px 0;}
	.section3 .notice ul li p {font-size:14px;}
	.section3 .notice ul li a {top:30px; right:20px;}


	/* section4 banner */
	.section4 {width:auto;padding:0 20px;}
	.section4 .banner {width:auto; padding:0 20px; }
	.section4 .banner .prev {top:25px; left:0px;}

	.section4 .banner .next {top:25px; right:0px;}
	.banner_slide {width:auto; height:63px; padding:0px 0 0 0;}
	.banner_slide .bannerList {width:auto; height:63px; overflow:hidden;}
	.banner_slide .bannerList ul {height:63px; width:100%; overflow:hidden;}
	.banner_slide .bannerList ul li {width:47%; height:61px;}
	.banner_slide .bannerList ul li a {display:block;}
	.banner_slide .bannerList ul li img{height:61px;}








	/*Quick Menu */
	#quick_menu {display:none;}

	/* sub */
	#subvisual {height:200px; background-size:cover; background-position:50% 100%;} 
	#subvisual .sub_txt {width:auto; padding:70px 20px 0;}
	.sub_txt .path {margin:0 0 20px 0;}
	.sub_txt .path p.long {font-size:14px;}
	.sub_txt .path span.block {display:block;}
	.sub_txt h3 {font-size:25px; line-height:25px; margin:0;}
	.sub_txt h3.long {font-size:22px;}
	#leftmenu {display:none;}

	#cont {width:auto; padding:60px 20px 0;}
	#subtitle h4 {font-size:28px; line-height:28px; padding:0 0 45px 0;}
	#subtitle h4.long {font-size:24px;}
	#subtitle h4 span {margin:0 0 10px 0;}

	/* 01_01 */
	.intro .intro_top {height:180px; background-size:cover; margin:0 0 50px 0;}
	.intro .intro_top h5 {font-size:30px; padding:55px 0 0; line-height:30px;}
	.intro .intro_top p {font-size:19px; line-height:20px;}
	.intro .intro_top p span {font-size:22px; line-height:22px;}
	.intro .intro_center h5 {font-size:20px; line-height:26px; margin:0 0 40px 0;}
	.intro .intro_center .left {float:none; width:100%;}
	.intro .intro_center .right {float:none; width:100%; margin:0; padding:0 0 60px; background-size:contain;}
	.intro .intro_center .left p, .intro .intro_center .right p {padding:0;}
	.intro .intro_center > div p {font-size:15px; line-height:28px; margin:0 0 10px 0;}

	/* 01_02 */
	.history {padding-bottom:100px; background-size:200px;}
	.his_box h6 {width:25%; font-size:19px;}
	.his_box .right {width:70%;}
	.his_box .right dl dt {font-size:16px;}
	.his_box .right dl dd {font-size:15px;}
	
	/* 01_03 */
	.cau_tab {margin:0 0 50px 0;}
	.cau_tab li a {font-size:15px; height:38px; line-height:38px;}
	.cau_tab li a:hover, .cau_tab li.on a {height:40px; line-height:40px;}

	.professor .prof_top {margin:0 0 50px 0;}
	.professor .prof_top p {float:none; width:100%; text-align:center;}
	.professor .prof_top .right {float:none; width:100%; padding:20px 0 0;}
	.professor .prof_top .right h5 {font-size:20px; text-align:center; line-height:20px; margin:0 0 30px 0;}
	.professor .prof_top .right ul li {font-size:15px; line-height:26px; margin:0 0 10px 0; word-break:keep-all; background-position:8px 9px;}
	.professor .prof_top .right ul li span {width:auto; display:block;}
	.professor .prof_center {}
	.professor .prof_center h5 {font-size:20px;}
	.professor .prof_center ul {padding:20px 10px;}
	.professor .prof_center ul li {font-size:15px; line-height:28px; margin:10px 0 0; background-position:0 9px; word-break:keep-all; padding:0;}

	/* 01_02 */
	.map_area p {font-size:14px; line-height:24px; padding:0 0 0 70px; background-size:50px; word-break:keep-all; margin:0 0 20px 0;}
	.map_area p strong {font-size:17px;}
	.map_area p .left {float:none; margin:0; width:100%;}
	.map_area p .right {float:none; line-height:22px; margin:10px 0 0;}
	.map_area .map {width:auto; height:300px;}

	/* topic */
	.topic ul.tabs {margin:0 0 50px 0;}
	.topic ul.tabs li {text-align:center; width:47%;}
	.topic ul.tabs li span {width:100%;}
	.topic ul.tabs li p {font-size:14px; line-height:16px;}
	.topic h5 {font-size:19px; padding:8px 10px; word-break:keep-all;}
	.topic dl dt {font-size:15px; background-position:0 5px; line-height:22px;}

	/* 02_02*/
	.project {margin:0 0 50px 0;}
	.project .project_box{margin:0 0 50px 0;}
	.project .project_box h3{font-size:20px; padding: 0 0 0 25px; }
	.project .project_box li{float:none; margin:0 0 20px 0; width:100%;text-align:center;}
	.project .project_box dl{padding:20px; }
	.project .project_box dt{font-size:16px;padding:0 0 15px 0;line-height:22px;}
	.project .project_box dd{font-size:14px;line-height:25px;}


	/* 03_01 */
	.p_center img {max-width:100%;}

	/* 04_01 */
	.cleanroom .clean_top {background-size:cover; background-position:50% 0;}
	.cleanroom .clean_top p {font-size:19px; line-height:20px;}
	.cleanroom .clean_top p span {font-size:22px; line-height:22px;}
	.cleanroom > div {margin:0 0 50px 0;}
	.cleanroom h5 {font-size:20px; line-height:21px; margin:0 0 20px 0; padding:0 0 0 25px; letter-spacing:-0.03em;}
	.cleanroom p {font-size:15px; line-height:28px;}
	.cleanroom p img {max-width:100%;}
	.cleanroom ul.dot {margin:0 0 50px 0;}
	.cleanroom ul.dot li {font-size:15px; line-height:28px; background-position:5px 12px;}
	.cleanroom dl {float:none; width:auto; height:auto; margin:0 0 10px 0; padding:10px 0;}
	.cleanroom dl.left {margin:0 0 10px 0;}
	.cleanroom dl dt {padding:0;}
	.cleanroom dl dd {font-size:15px;}
	.cleanroom ul.tabs {margin:0 0 40px 0;}
	.cleanroom ul.tabs li {width:49.5%;}
	.cleanroom ul.tabs li.long {width:49.5%;}
	.cleanroom ul.tabs li a {letter-spacing:-0.04em; height:45px; line-height:18px; display:table; width:100%;}
	.cleanroom ul.tabs li a span {display:table-cell; vertical-align:middle; text-align:center;}
	.equ_detail {margin:0;}
	.equ_detail h6 {margin:0 0 20px 0;}
	.equ_detail .de_wrap {padding:0 10px;}
	.de_wrap .de_box {float:none; width:100%; margin:0 0 30px 0; display:block;}
	.de_wrap .de_box p {display:block; width:100%; text-align:center;}
	.de_wrap .de_box p img {max-width:100%;}
	.de_wrap .de_box .right {width:100%; padding:0; display:block; margin:20px 0 0;}
	.de_wrap .de_box .right table td {line-height:15px;}

	/* 04_02 */
	.usage h5 {font-size:20px; line-height:21px; margin:0 0 30px 0; padding:0 0 0 25px; letter-spacing:-0.03em; background-position:0 50%;}
	.usage .u_wrap {margin:0 0 50px 0;}
	.b_usage li {float:none; width:auto; margin:0 0 20px 0; padding:20px; height:auto; background-size:50px; display:block;}
	.b_usage li span {display:block; font-size:15px; width:65%; padding:0; word-break:keep-all;}
	.b_usage li.us08 span {width:100%;text-align:center;}
	.b_usage li.us08 img {max-width:100%;}
	.usage .border {padding:20px 10px;}
	.usage .border li {font-size:15px; line-height:28px; background-position:0 10px; word-break:keep-all;}
	.usage .border_boxing {padding:20px 10px;}
	.usage .border_boxing span.align:first-child {}
	.usage .border_boxing span.align {margin:10px 0 0;}
	.usage .border_boxing ul {margin:30px 0 0;}
	.usage .border_boxing ul li {padding:0 0 0 14px; background-position:0 10px; font-size:15px; line-height:28px; word-break:keep-all;}
	.usage .chk_usage table th {font-size:15px; width:20%; padding:20px 5px; word-break:keep-all;}
	.usage .chk_usage table td {padding-left:10px; font-size:14px; letter-spacing:-0.05em; word-break:keep-all;}
	.usage .chk_usage table td input {margin:0 5px 0 0;}
	.reser_tab {margin:0 0 30px 0;}
	.reser_tab li a {height:45px; line-height:18px; display:table; width:100%;}
	.reser_tab li a span {display:table-cell; vertical-align:middle;}
	.resear_form h6 {font-size:22px; height:50px; line-height:50px;}
	.resear_form th {padding:20px 10px; word-break:keep-all; line-height:22px; letter-spacing:-0.03em;}
	.resear_form td .input {width:80%; padding-left:5px; font-size:13px;}
	.resear_form td ul li {width:80%; float:none; margin:0 0 10px 0;}
	.resear_form td ul li label {text-align:center;}
	.resear_form td ul li .select_Option {min-width:100%;}
	.resear_form td ul li a {margin:0; text-align:center;}
	.resear_form td textarea {width:90%;}
	.reser_ok a {width:200px;}

	/* request 완료 */
	.requ_info {padding:30px 20px;}
	.requ_info .first_span {width:30%; margin:0 auto 30px;}
	.requ_info .first_span img {max-width:100%;}
	.requ_info .second_span {margin:40px 0 0;}
	.requ_info p strong {font-size:22px;}
	.requ_info p {font-size:15px;}

	/* footer */
	#footer .copy {height:auto; line-height:18px; padding:10px 0; font-size:13px;}
	.address {padding:30px 20px 20px;}
	.address address {font-size:13px; word-break:keep-all;}
	.address address span.next_line {margin:0; display:block;}
	#quick_menu {display:none;}
	#mob_quick {display:block; text-align:center; padding:0 0 15px 0;}
	#mob_quick a {font-size:14px; padding:5px 20px; color:#fff; background:#4aa8e4; border:1px solid #ddd; font-weight:600;}
	
}
@media screen and (max-width:360px) {
	.section1 .quick div {width:47%;}
	#subtitle h4.long {font-size:22px;}
	.cleanroom h5 {font-size:18px;}
}





/* RESEARCH TOPICS responsive final */
.topic ul.tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:34px !important;
    max-width:1040px !important;
    margin:0 auto 70px !important;
    padding:0 !important;
}

.topic ul.tabs li{
    float:none !important;
    flex:0 0 500px !important;
    width:500px !important;
    max-width:calc(50% - 17px) !important;
    margin:0 !important;
    list-style:none !important;
    box-sizing:border-box !important;
}

.topic ul.tabs li a{
    display:block !important;
    width:100% !important;
    text-decoration:none !important;
}

.topic ul.tabs li span.thbimg{
    width:100% !important;
    height:390px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#fff !important;
}

.topic ul.tabs li span.thbimg img{
    max-width:100% !important;
    max-height:390px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
}

.topic ul.tabs li p{
    width:100% !important;
    height:54px !important;
    line-height:54px !important;
    margin:0 !important;
}

/* 태블릿 */
@media (max-width:1100px){
    .topic ul.tabs{
        max-width:92% !important;
        gap:24px !important;
    }
    .topic ul.tabs li{
        flex:0 0 calc(50% - 12px) !important;
        width:calc(50% - 12px) !important;
        max-width:calc(50% - 12px) !important;
    }
    .topic ul.tabs li span.thbimg{
        height:330px !important;
    }
    .topic ul.tabs li span.thbimg img{
        max-height:330px !important;
    }
}

/* 모바일 */
@media (max-width:768px){
    .topic ul.tabs{
        max-width:94% !important;
        gap:24px !important;
    }
    .topic ul.tabs li{
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
    }
    .topic ul.tabs li span.thbimg{
        height:300px !important;
    }
    .topic ul.tabs li span.thbimg img{
        max-height:300px !important;
    }
}

/* 작은 모바일 */
@media (max-width:480px){
    .topic ul.tabs li span.thbimg{
        height:240px !important;
    }
    .topic ul.tabs li span.thbimg img{
        max-height:240px !important;
    }
    .topic ul.tabs li p{
        height:48px !important;
        line-height:48px !important;
        font-size:14px !important;
    }
}

/* header menu one-line fix */
@media (max-width: 900px) {
    .gnb > ul,
    #gnb > ul,
    .nav > ul,
    .header_menu,
    .main_menu {
        flex-wrap: nowrap !important;
        gap: clamp(8px, 3vw, 24px) !important;
        padding: 0 8px !important;
    }

    .gnb a,
    #gnb a,
    .nav a,
    .header_menu a,
    .main_menu a {
        font-size: clamp(11px, 2.8vw, 16px) !important;
    }
}

/* ===== 전체 페이지 이중 스크롤 제거 ===== */
html{
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

body{
    overflow-y:visible !important;
    overflow-x:hidden !important;
    height:auto !important;
    min-height:100% !important;
}

#wrap,
#wrapper,
#container,
#con_wrap,
#con_area,
#content,
.sub_wrap,
.sub_content,
.main_wrap,
.main_content{
    overflow:visible !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}

/* ===== 메인/서브 메뉴바 한 줄 유지 + 안 짤리게 ===== */
#header,
.header,
.header_wrap,
.header_inner,
.gnb_wrap,
.nav_wrap{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

#gnb,
.gnb,
.nav,
.main_nav{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

#gnb > ul,
.gnb > ul,
.nav > ul,
.main_nav > ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 clamp(20px, 5vw, 90px) !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

#gnb > ul > li,
.gnb > ul > li,
.nav > ul > li,
.main_nav > ul > li{
    float:none !important;
    flex:0 1 auto !important;
    white-space:nowrap !important;
    margin:0 !important;
}

#gnb a,
.gnb a,
.nav a,
.main_nav a{
    white-space:nowrap !important;
    font-size:clamp(13px, 1.15vw, 20px) !important;
    letter-spacing:-0.04em !important;
}

/* 로고도 화면 줄면 같이 축소 */
.logo,
.header_logo{
    flex:0 0 auto !important;
}

.logo img,
.header_logo img,
#logo img{
    width:clamp(42px, 4.5vw, 72px) !important;
    height:auto !important;
}

/* 노트북/작은 PC에서도 두 줄 금지 */
@media (max-width:1200px){
    #gnb > ul,
    .gnb > ul,
    .nav > ul,
    .main_nav > ul{
        padding:0 24px !important;
        gap:24px !important;
        justify-content:center !important;
    }

    #gnb a,
    .gnb a,
    .nav a,
    .main_nav a{
        font-size:15px !important;
    }
}

@media (max-width:900px){
    #gnb > ul,
    .gnb > ul,
    .nav > ul,
    .main_nav > ul{
        gap:14px !important;
        padding:0 10px !important;
    }

    #gnb a,
    .gnb a,
    .nav a,
    .main_nav a{
        font-size:12px !important;
    }
}