@charset "utf-8";

/* import */
@import url("common.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");

/* basic */
::selection {background:#1e5ad2; color:white;}
#whole {margin:0 auto; padding-top:240px;}
.wrap {position:relative; margin:0 auto; max-width:1680px;}
.wrap:after {content:''; display:block; clear:both;}
#whole .wrap {width:auto;}
.bso {box-shadow:0 0 20px rgba(0,0,0,0.05);}
.bswd {box-shadow:8px 8px 16px rgba(0,0,0,0.09);}
.bsw {box-shadow:8px 8px 16px rgba(0,0,0,0.06);}
.bswl {box-shadow:8px 8px 16px rgba(0,0,0,0.03);}
.tswd {text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.tsw {text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.tswl {text-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.grtext {background:linear-gradient(90deg, #1e5ad2, #1fcbb5); color:transparent; -webkit-background-clip:text;}
.grbg {background:linear-gradient(90deg, #1e5ad2, #1fcbb5);}
.grbg.inv {background:linear-gradient(-90deg, #1e5ad2, #1fcbb5);}
.grbg.grud {background:linear-gradient(0deg, #1e5ad2, #1fcbb5);}
.grbg.grdu {background:linear-gradient(180deg, #1e5ad2, #1fcbb5);}
.txtu {position:relative; z-index:2;}
.txtu:after {content:''; display:block; position:absolute; bottom:0; left:-2px; right:-4px; height:12px; background:#1e5ad2; z-index:-1; opacity:.15;}

/* etc */
#whole #ctt {margin:0; padding:0; background:none;}
#whole #ctt #ctt_con {padding:0; line-height:inherit;}
.wrap_btn_zoom button {height:auto !important;}
.sub-layout .contents .ctt_admin {display:none;}

/* slick */
.slick-rolling {position:relative; height:100%;}
.slick-rolling:after {content:''; display:block; clear:both;}
.slick-list, .slick-track, .slick-slide {position:relative; height:100%; overflow:hidden;}
.slick-slide {float:left; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.slick-arrow {position:absolute; width:50px; height:50px; padding:0; border-radius:100%; background:white; border:1px solid #848688; color:#848688; top:50%; transform:translateY(-50%); z-index:1001; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.slick-arrow:hover {background:#1e5ad2; color:white; border-color:#1e5ad2;}
.slick-arrow.slick-prev {left:0;}
.slick-arrow.slick-next {right:0;}
.slick-arrow i {transform:none;}
.slick-dots {position:absolute; bottom:30px; left:0; right:0; text-align:center; font-size:0; z-index:1001;}
.slick-dots li {display:inline-block; margin:0 2px; position:relative; padding:3px;}
.slick-dots li button {font-size:0; width:8px; height:8px; min-height:8px; border-radius:100px; background:#888; padding:0; border:0; display:block;}
.slick-dots li.slick-active button {background:#444;}

.slick-control {text-align:center; font-size:0;}
.slick-control ul {display:inline-block;}
.slick-control ul li {display:inline-block; vertical-align:middle; margin:0 3px;}
.slick-control ul li button {background:none; height:22px; border:0; padding:0; color:#dce1e6;}
.slick-control ul li button i {font-size:20px;}
.slick-control ul li button.on {opacity:1;}
.slick-control ul li button.on i {color:#1e5ad2;}

/* magific */
.mfp-wrap .mfp-container .mfp-content .mfp-figure {position:relative;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:100px; bottom:100px; left:100px; right:100px;}
.mfp-wrap .mfp-container .mfp-content .mfp-close {display:block; text-align:center; padding:0; width:40px; height:40px; line-height:40px; color:white; background:#1e5ad2; border:2px solid #1e5ad2; position:absolute; top:0; right:0; opacity:1; border-radius:0; cursor:pointer; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-content .mfp-close:hover {background:white; color:#1e5ad2;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:60px;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-title {text-align:center;}
.mfp-wrap .mfp-container .mfp-arrow-left:before, .mfp-wrap .mfp-container .mfp-arrow-right:before {display:none;}
.mfp-wrap .mfp-container .mfp-arrow {width:50px; height:50px; line-height:46px; text-align:center; color:#1e5ad2; border-radius:0; background:white; border:2px solid #1e5ad2; position:absolute; margin:0; opacity:1; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-arrow:hover {background:#1e5ad2; color:white;}
.mfp-wrap .mfp-arrow:after {top:0; border:0; margin:0; width:46px;}
.mfp-wrap .mfp-arrow-left:after, .mfp-wrap .mfp-arrow-right:after {display:block; font-family:"Font Awesome 5 Free"; font-weight:900;}
.mfp-wrap .mfp-arrow-left {left:30px;}
.mfp-wrap .mfp-arrow-right {right:30px;}
.mfp-wrap .mfp-arrow-left:after {content:'\f060'; left:0;}
.mfp-wrap .mfp-arrow-right:after {content:'\f061'; right:0;}

/* full-page */
body #fp-nav {position:fixed; top:50%; right:30px;}
body #fp-nav ul li {width:12px; position:relative; margin:12px 0;}
body #fp-nav ul li a {display:block; width:8px; height:8px; border-radius:100%; border:2px solid #eee; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
body #fp-nav ul li a.active {background:linear-gradient(90deg, #7ce768, #2ea6e6, #2e6fe6); border:0;}
body #fp-nav ul li .fp-tooltip {writing-mode:vertical-rl; width:12px; line-height:16px; margin:6px 0; display:none; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
body #fp-nav ul li .fp-tooltip:after {content:''; display:block; width:1px; height:40px; background:#ccc; position:absolute; bottom:0; left:3px;}
body #fp-nav ul li a.active + .fp-tooltip {display:block; padding-bottom:55px;}
body #fp-nav ul li:last-child {display:none;}

/* common */
#button-top {display:block; width:60px; height:60px; line-height:60px; text-align:center; background:#505a64; color:white; position:fixed; bottom:-60px; right:30px; z-index:9030; font-size:16px; border-radius:22px;}
#button-top:hover {background:#1e5ad2;}

/* transition */
.trst, a, .header, .header #gnb-box>ul>li .gnb-sub>ul
{transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} /* easeOutExpo */

/* header */
.header {position:fixed; top:0; left:0; right:0; z-index:1030; text-align:center; background:white;}
.header .upper .wrap {height:49px; line-height:49px;}
.header .upper ul li a {background:#dce1e6; color:#696e73; padding:0 30px; position:relative;}
.header .upper ul li a:after {content:''; display:block; width:1px; height:20px; background:white; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.header .upper ul li:last-child a:after {display:none;}
.header .upper ul li a i {color:#8c9196;}
.header .upper ul li a:hover {background:#f9f9fb; color:black;}
.header .upper ul.link li.on a {background:white; color:#1e5ad2; font-weight:700; height:50px;}
.header .upper ul.user li a {background:#555a5f; color:white;}
.header .upper ul.user li a i {color:white;}
.header .upper ul.user li a:after {background:#73787d;}
.header .upper ul.user li a:hover {background:#41464b;}
.header .middle .wrap {height:119px; line-height:119px;}
.header .middle .search .form {display:inline-block; vertical-align:middle; height:60px; line-height:60px; border:2px solid #dce1e6; overflow:hidden; border-radius:100px;}
.header .middle .search h4:after {content:''; display:block; width:3px; height:10px; background:#ccc; position:absolute; top:50%; transform:translateY(-50%); right:-20px;}
.header .middle .search fieldset {display:inline-block; vertical-align:top; height:60px;}
.header .middle .search form {height:60px;}
.header .middle .search label {display:none;}
.header .middle .search input[type="hidden"] {display:none;}
.header .middle .search input[type="text"] {border:0; width:500px; height:56px; display:block; padding:0 70px 0 120px; font-size:18px;}
.header .middle .search input[type="text"]:focus {border:0 !important; box-shadow:none !important; background:white;}
.header .middle .search button {width:60px; height:60px; background:none; border:0; color:#1e5ad2;}
.header .middle .search button i {font-size:30px;}
.header .middle .search button:hover {color:black;}
.header .lower .wrap {height:69px; line-height:69px;}

.header h1 {width:346px; position:absolute; top:0; left:0;}
.header h1 a {display:inline-block; vertical-align:middle; background:url(../img/main/logo.png); background-size:100% 100%; width:100%; height:0; padding-bottom:10.98%;}

.header #gnb-box {position:relative; max-width:1200px; margin:0 auto;}
.header #gnb-box:after {content:''; display:block; clear:both;}
.header #gnb-box>a {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.header #gnb-box a {display:block; text-align:center;}
.header #gnb-box>ul {margin-left:-30px;}
.header #gnb-box>ul>li {display:inline-block; vertical-align:top;}
.header #gnb-box>ul>li>a {font-size:22px; padding:0 70px; font-weight:bold; position:relative;}
.header #gnb-box>ul>li>a:before {content:''; display:block; width:3px; height:18px; background:#dce1e6; position:absolute; top:50%; transform:translateY(-50%); right:-1px;}
.header #gnb-box>ul>li:last-child>a:before {display:none;}
.header #gnb-box>ul>li>a:after {content:''; display:block; height:5px; width:0; position:absolute; bottom:0; left:0; background:#1e5ad2; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.header #gnb-box>ul>li>a span {border-bottom:3px solid transparent; padding-bottom:8px;}
.header #gnb-box>ul>li:hover>a {color:#1e5ad2;}
.header #gnb-box>ul>li:hover>a:after {width:100%;}

.header #gnb-box>ul>li .gnb-sub>ul>li>a[target="_blank"] {position:relative;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a[target="_blank"]:after {content:"\f360"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; margin:0 4px 0 8px; display:inline-block; vertical-align:middle; color:#a5abb1;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a:hover[target="_blank"]:after {color:#00b0ec;}

.header #gnb-box>ul>li .gnb-sub {position:absolute; top:69px; left:0; right:0; font-size:20px; text-align:left; display:none; z-index:1001;}
.header #gnb-box>ul>li .gnb-sub h4 {width:300px; float:left; padding:36px 0 0 0; line-height:60px;}
.header #gnb-box>ul>li .gnb-sub h4 p {padding-bottom:16px;}
.header #gnb-box>ul>li .gnb-sub h4 p span {color:black;}
.header #gnb-box>ul>li .gnb-sub>ul {margin:0 -15px 0 300px; padding:30px 0 15px 30px; min-height:194px;}
.header #gnb-box>ul>li .gnb-sub>ul:after {content:''; display:block; clear:both;}
.header #gnb-box>ul>li .gnb-sub>ul>li {float:left; width:25%; padding-right:15px; margin-bottom:15px;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a {height:44px; line-height:44px; border:1px solid #e4e6e8; background:white; display:block; position:relative; padding-left:30px; text-align:left;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a:before {content:''; display:block; width:10px; height:10px; border:3px solid #1e5ad2; position:absolute; top:50%; margin-top:-5px; left:10px;}
.header #gnb-box>ul>li .gnb-sub>ul>li p.trigger {font-size:0; display:none;}
.header #gnb-box>ul>li .gnb-sub>ul>li ul {padding-top:14px;}
.header #gnb-box>ul>li .gnb-sub>ul>li ul li a {display:block; font-size:20px; line-height:36px; font-weight:300; padding:0 0 0 20px; position:relative; text-align:left;}
.header #gnb-box>ul>li .gnb-sub>ul>li ul li a:before {content:''; display:block; width:4px; height:4px; background:#1e5ad2; position:absolute; top:50%; margin-top:-2px; left:10px;}
.header #gnb-box>ul>li .gnb-sub>ul>li ul li a:hover {color:#1e5ad2; text-decoration:underline;}
.header #gnb-box>ul>li .gnb-sub>ul>li:hover>a {background:#1e5ad2; border-color:#1e5ad2; color:white;}
.header #gnb-box>ul>li .gnb-sub>ul>li:hover>a:before {border-color:white;}

.header #gnb-bg {position:absolute; top:240px; left:0; right:0; z-index:1000; height:0; transition:all 250ms cubic-bezier(0.190, 1.000, 0.220, 1.000); background:url(../img/main/gnb_bg.png) no-repeat left 10px bottom 20px white;}
.header.over #gnb-bg {border-bottom:3px solid #1e5ad2;}
.header #gnb-bg span {position:absolute; top:0; bottom:0;}
.header #gnb-bg span.left {left:0; right:50%; margin-right:300px; border-right:1px solid #e4e6e8;}
.header #gnb-bg span.right {left:50%; right:0; margin-left:-300px;}

.header #gnb-box>ul>li .gnb-sub>ul>li>a[target="_blank"] {position:relative;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a[target="_blank"]:after {content:"\f360"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; margin:0 4px 0 8px; display:inline-block; vertical-align:middle; color:#a5abb1;}
.header #gnb-box>ul>li .gnb-sub>ul>li>a:hover[target="_blank"]:after {color:#00b0ec;}

.tnb-box {text-align:center; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.tnb-box>ul {font-size:0;}
.tnb-box>ul>li {display:inline-block; vertical-align:middle;}
.tnb-box>ul>li i {font-size:30px;}
.tnb-box>ul>li a {overflow:hidden;}
.tnb-box>ul>li a, .tnb-box>ul>li p {display:block; width:50px; height:50px; line-height:50px;}
.tnb-box>ul>li.tnb-control p.open {border:1px solid #e4e6e8; border-radius:100%;}
.tnb-box>ul>li.tnb-control p.close {color:white;}
.tnb-box>ul>li p:hover {color:#1e5ad2;}
.tnb-box>ul>li.tnb-control p.open:hover {background:#1e5ad2; border-color:#1e5ad2; color:white;}

.tnb-layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; text-align:center; display:none;}
.tnb-layer .layer-close {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:url(../img/main/tnb_bg.png) no-repeat center bottom -60px rgba(0,0,0,0.9);}
.tnb-layer .tnb-inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; width:1680px; display:none;}

.tnb-layer .tnb-inner.tnb-search {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1040; border-radius:300px; text-align:center; display:none; width:960px;}
.tnb-layer .tnb-inner.tnb-search .form {height:80px; line-height:80px; margin:0 auto; position:relative; overflow:hidden; z-index:10;}
.tnb-layer .tnb-inner.tnb-search .form input {border:0; position:absolute; top:0; left:0; width:100%; height:100%; background:none; font-size:16px; padding:0 80px 0 20px; border-bottom:1px solid rgba(255,255,255,0.5); color:white; font-size:22px;}
.tnb-layer .tnb-inner.tnb-search .form input::placeholder {font-size:22px; color:white;}
.tnb-layer .tnb-inner.tnb-search .form input:focus {border-bottom:1px solid #f0c828; background:none;}
.tnb-layer .tnb-inner.tnb-search .form button {position:absolute; top:-1px; right:-1px; width:82px; height:82px; line-height:82px; padding:0; border:0; background:none; color:white;}
.tnb-layer .tnb-inner.tnb-search .form button i {font-size:30px;}
.tnb-layer .tnb-inner.tnb-search .form button:hover {color:#f0c828;}

.tnb-layer .tnb-inner.tnb-sitemap>ul {font-size:16px; border-radius:3px; box-shadow:none; text-align:left;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li a {color:white; display:block; line-height:normal;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li {float:left; width:20%; padding:0 20px 20px 0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>a {font-size:30px; font-weight:bold; padding-bottom:20px; border-bottom:2px solid white;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li>a {font-size:16px; line-height:1.25em; border-bottom:1px solid rgba(255,255,255,0.5); padding:12px 0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li:hover>a {color:#f0c828;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li:hover>a {color:#f0c828;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li p.trigger {display:none; font-size:0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li ul {padding:20px 0 10px 0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li ul li a {position:relative; margin-bottom:10px; padding-left:20px; color:rgba(255,255,255,0.75);}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li ul li a:before {content:''; display:block; width:10px; height:1px; position:absolute; top:50%; left:0; background:white;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>ul>li ul li a:hover {color:white; text-decoration:underline;}

.header.tnb-search-on .tnb-layer, .header.tnb-sitemap-on .tnb-layer {display:block;}
.header.tnb-search-on .tnb-box, .header.tnb-sitemap-on .tnb-box {z-index:10000;}
.header.tnb-search-on .tnb-box>ul>li a, .header.tnb-sitemap-on .tnb-box>ul>li a {opacity:0;}
.header.tnb-search-on .tnb-box>ul>li.tnb-control.search p.open, .header.tnb-sitemap-on .tnb-box>ul>li.tnb-control.sitemap p.open {display:none;}
.header.tnb-search-on .tnb-box>ul>li.search a, .header.tnb-sitemap-on .tnb-box>ul>li.sitemap a {opacity:1;}

/* footer */
.footer {clear:both;}
.footer .upper {padding:24px 0; border:solid #e4e6e8; border-width:1px 0 1px 0;}
.footer .upper .wrap a:hover {color:#1e5ad2;}
.footer .upper ul.link>li>p {height:50px; line-height:50px; padding:0 80px 0 20px; background:#f9f9fb; border-radius:10px; cursor:pointer;}
.footer .upper ul.link>li>p i {position:absolute; top:50%; margin-top:-12px; right:20px; color:#aaa;}
.footer .upper ul.link>li ul {position:absolute; bottom:50px; left:0; right:0; overflow:hidden; max-height:0;}
.footer .upper ul.link>li ul li a {background:#444; color:white; display:block; padding:0 20px; height:40px; line-height:40px; border-radius:10px; margin-bottom:4px; font-size:14px;}
.footer .upper ul.link>li ul li a:hover {background:#1e5ad2;}
.footer .upper ul.link>li:hover>p {color:#1e5ad2;}
.footer .upper ul.link>li:hover>p i {transform:rotate(-180deg); color:#1e5ad2;}
.footer .upper ul.link>li:hover ul {max-height:140px;}
.footer .lower ul.info {margin-left:400px;}

/* changed */
#whole.changed #button-top {bottom:30px;}
#whole.changed .header {background:white; border-bottom:1px solid #e4e6e8; top:-170px;}

/* main-layout */
.main-layout {clear:both; background:url(../img/main/bottom_bg.png) no-repeat center bottom / 100% auto;}
.main-layout .visual:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); z-index:2;}
.main-layout .visual ul.title {position:absolute; top:50%; transform:translateY(-50%); left:0; width:50%;}
.main-layout .visual .vod-con {width:30%; float:right; margin-right:18%; position:relative;}
.main-layout .visual .vod-con .vod-box {border:3px solid #1e5ad2;}
.main-layout .visual .vod-con button {position:absolute; bottom:-18px; left:18px; width:36px; height:36px; line-height:37px; border-radius:100%; border-color:#1e5ad2; background:#1e5ad2; color:white; padding:0;}
.main-layout .visual .vod-con button i {font-size:20px;}
.main-layout .visual .slick-rolling {position:absolute;}
.main-layout .board .inner-con {margin-right:-60px;}
.main-layout .board .inner {width:50%; float:left; padding-right:60px;}
.main-layout .board .inner>div {padding:60px;}
.main-layout .board .story h4 {position:absolute; top:-25px; left:60px; font-size:40px;}
.main-layout .board .story .con-tab {left:0; right:0;}
.main-layout .board .story .con-tab ul {position:relative; z-index:10;}
.main-layout .board .story .con-tab ul:before {content:''; display:block; height:1px; background:#e4e6e8; position:absolute; top:50%; left:0; right:0; z-index:-1;}
.main-layout .board .story .con-tab ul li p {height:36px; line-height:36px; padding:0 14px; background:white; color:#888; border:1px solid white; cursor:pointer;}
.main-layout .board .story .con-tab ul li:hover p {border-color:black; color:black;}
.main-layout .board .story .con-tab ul li.on p {background:#1e5ad2; border-color:#1e5ad2; color:white;}
.main-layout .board .story .con-tab, .main-layout .board .story .group a.more {position:absolute; top:0; z-index:10;}
.main-layout .board .story .group ul li {font-size:18px; line-height:40px; padding:0 100px 0 10px;}
.main-layout .board .story .group ul li:before {content:''; display:block; width:3px; height:3px; border-radius:100%; background:#1e5ad2; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.main-layout .board .story .group ul li .summary {display:none;}
.main-layout .board .story .group ul li .date {position:absolute; top:50%; transform:translateY(-50%); right:0; color:#1e5ad2; opacity:.4;}
.main-layout .board .story .group ul li .icon {display:none;}
.main-layout .board .story .group a.more {width:36px; height:36px; line-height:36px; text-align:center; background:white; color:black; right:0; border:1px solid white;}
.main-layout .board .story .group a.more:hover {border-color:#1e5ad2; color:#1e5ad2;}
.main-layout .board .story .group ul li:first-child {padding:80px 88px 20px 0; margin-bottom:25px; border-bottom:1px solid #e4e6e8;}
.main-layout .board .story .group ul li:first-child:before {display:none;}
.main-layout .board .story .group ul li:first-child .title {font-size:25px; line-height:35px; margin-bottom:10px; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}
.main-layout .board .story .group ul li:first-child .summary {display:block; font-weight:300;}
.main-layout .board .story .group ul li:first-child .date {display:none;}
.main-layout .board .story .group ul li:first-child .icon {display:block; width:66px; height:66px; line-height:66px; text-align:center; background:white; position:absolute; top:80px; right:0; border:1px solid white;}
.main-layout .board .story .group ul li:first-child .icon i {font-size:36px;}
.main-layout .board .story .group ul li a:hover .title {color:#1e5ad2;}
.main-layout .board .story .group ul li a:hover .icon {border-color:#1e5ad2; color:#1e5ad2;}
.main-layout .board .quick {background:url(../img/main/quick_bg.png) no-repeat center / cover;}
.main-layout .board .quick:after {content:''; display:block; width:176px; height:134px; background:url(../img/main/quick_obj.png) no-repeat center / cover; position:absolute; top:-20px; right:-20px;}
.main-layout .board .quick h4 {margin-bottom:30px;}
.main-layout .board .quick h4 p {padding-top:10px;}
.main-layout .board .quick ul li {float:left; width:50%;}
.main-layout .board .quick ul li a {border:1px solid #e4e6e6; background:white; white-space:nowrap; padding:40px 0 40px 40px; z-index:10;}
.main-layout .board .quick ul li .arrow {left:-5px; color:#e4e6e8;}
.main-layout .board .quick ul li .icon {z-index:-1;}
.main-layout .board .quick ul li a:hover {border-color:#1e5ad2; color:#1e5ad2;}
.main-layout .board .quick ul li a:hover .arrow {color:#1e5ad2;}
.main-layout .gallery h4 p {margin-left:17px; padding-left:20px;}
.main-layout .gallery h4 p:before {content:''; display:block; width:3px; height:12px; background:#d4d6d8; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.main-layout .gallery .slick-rolling {margin:0 -15px;}
.main-layout .gallery .slick-slide {padding:0 15px;}
.main-layout .gallery .slick-slide a {padding-bottom:13px;}
.main-layout .gallery .slick-slide a:before {content:''; display:block; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#1e5ad2; z-index:10; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.main-layout .gallery .slick-slide a:hover {color:#1e5ad2;}
.main-layout .gallery .slick-slide a:hover:before {left:0; width:100%;}
.main-layout .gallery .slick-arrow {top:-70px; transform:none; border-radius:0;}
.main-layout .gallery .slick-arrow.slick-prev {right:70px; left:auto;}
.main-layout .gallery .slick-arrow.slick-next {right:15px;}

/* sub-layout */
.sub-layout {clear:both;}

.sub-layout .contents-title {padding:60px 0 100px 0;}
.sub-layout .contents-title:before {content:''; display:block; width:1px; height:50px; background:#1e5ad2; margin:0 auto 30px auto;}
.sub-layout .contents {padding-bottom:100px;}

/* contents */
.page-ready {padding:60px 0; overflow:hidden; text-align:center;}
.page-ready .cog {position:relative; text-align:center;}
.page-ready .cog p {display:inline-block; position:relative; height:200px;}
.page-ready .cog i {position:absolute;}
.page-ready .cog i.big {font-size:110px; top:0; left:50%; margin-left:-45px; color:#a5abbb; animation:rotate1 10s infinite linear;}
.page-ready .cog i.medium {font-size:70px; top:90px; left:-60px; color:#c6cad4; animation:rotate2 10s infinite linear;}
.page-ready .cog i.small {font-size:40px; top:106px; left:14px; color:#d6dae4; animation:rotate2 10s infinite linear;}
/* Zoom in Keyframes */
@-webkit-keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@-webkit-keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
@keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
/*End of Zoom in Keyframes */
.vod-box {margin:0 auto;}
.vod-box .vod {height:0; padding-bottom:56.25%; position:relative;}
.vod-box .vod iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.map-box {background:#eee;}
.map-box>div {width:100% !important;}
.map-box>div>div.wrap_map {height:500px !important;}

.con-tab.sub ul li p {height:70px; line-height:70px; padding:0 100px; border:1px solid #e4e6e8; background:#f9f9fb; color:#787d81; cursor:pointer;}
.con-tab.sub ul li.on p {color:#1e5ad2; background:white; border-color:#1e5ad2; border-bottom:1px solid white; font-weight:700;}

.itit {}
.itit .mtit {font-size:25px; background:url(../img/sub/itit.png) no-repeat left top; padding-left:55px;}

.greeting .upper:after {content:''; display:block; position:absolute; left:-400px; right:-400px; bottom:0; height:200px; background:#f9f9fb; z-index:-2;}
.greeting .upper p.deco {position:absolute; bottom:0; right:-100px; font-size:70px; opacity:.03; z-index:-1; white-space:nowrap;}
.greeting .upper .intro .fw700 {display:inline-block; color:white; background:url(../img/sub/cheif_bg.png) no-repeat right center #1e5ad2; padding:20px 30px 80px 30px; margin-bottom:30px;}
.greeting .upper .cheif {position:absolute; bottom:0; right:0;}
.greeting .upper .cheif .name {position:absolute; bottom:40px; left:-200px}

.system-process .aclear .fl div {border-top:2px solid black; border-bottom:1px solid #e4e6e8; padding:20px 0;}
.system-process .aclear .fl ul li {border-bottom:1px dotted #d4d6d8; padding-bottom:5px;}
.system-process .aclear .fl ul li:last-child {border:0;}

.lab-roll .intro ul li.fs40 p {padding:0 20px 10px 20px;}
.lab-roll .intro ul li.fs40 p:after, .lab-roll .intro ul li.fs40 p span:before, .lab-roll .intro ul li.fs40 p span:after {content:''; display:block; position:absolute; background:#1e5ad2;}
.lab-roll .intro ul li.fs40 p:after {left:0; right:0; bottom:0; height:10px;}
.lab-roll .intro ul li.fs40 p span:before, .lab-roll .intro ul li.fs40 p span:after {width:10px; height:30px; bottom:0;}
.lab-roll .intro ul li.fs40 p span:before {left:0;}
.lab-roll .intro ul li.fs40 p span:after {right:0;}
.lab-roll p.tc i {width:50px; height:50px; line-height:50px; text-align:center; color:white; background:#444; border-radius:100%;}
.lab-roll .list ul li div {border-top:5px solid #1e5ad2; border-bottom:1px solid #e4e6e8; padding:40px 0 20px 0;}
.lab-roll .list ul li div .gmsb {margin-bottom:10px;}
.lab-roll .list ul li:nth-child(even) div {border-top-color:#444;}

.mission-bg {background:url(../img/sub/mission_bg.jpg) no-repeat center fixed; background-size:cover; height:300px;}
.vision ul {padding:0 100px;}
.vision ul:before {content:''; display:block; position:absolute; top:50%; left:0; right:0; height:1px; background:#d4d6d8; z-index:-1;}
.vision ul li div {width:200px; height:200px; background:#163470; color:white; padding-top:44px; margin:0 auto;}
.vision ul li:nth-child(even) div {background:#484d59;}
.vision ul li p.icon {margin-bottom:14px;}
.vision ul li p.icon i {font-size:48px;}
.vision ul li:first-child:after, .vision ul li:last-child:after {content:''; display:block; width:15px; height:15px; border-radius:100%; background:#1e5ad2; position:absolute; top:50%; transform:translateY(-50%);}
.vision ul li:first-child:after {left:0;}
.vision ul li:last-child:after {right:0;}
.keyarea .wrap>ul>li {padding-bottom:60px; margin-bottom:60px;}
.keyarea .wrap>ul>li:last-child {border-bottom:0;}
.keyarea .wrap>ul>li div div {margin-left:400px;}
.keyarea .wrap>ul>li p.icon {width:140px; height:140px; line-height:140px; text-align:center; background:#f2f2f4; left:130px;}

.ci-bg {background:url(../img/ci_bg.png) center;}

.directions ul li.info {font-size:25px; line-height:50px;}
.directions ul li.info_eng {font-size:22px; line-height:50px;}
.directions ul li.info i {font-size:36px;}
.directions ul li.info_eng i {font-size:36px;}
.directions div.text {position:absolute; top:0; left:0;}
.directions div.map-con {margin-left:600px;}
.directions div.map-con_eng {margin-left:720px;}

.organi-search {border:1px solid #e4e6e8; background:#f9f9fb; padding:10px;}
.organi-search form {position:relative; font-size:0; padding:0 83px 0 185px;}
.organi-search .select-box {height:50px; line-height:50px; position:absolute; top:0; left:0; width:180px;}
.organi-search .select-box i {height:51px; line-height:51px;}
.organi-search input, .organi-search select {height:50px; font-size:16px;}
.organi-search input[type="text"] {margin-left:-1px; width:50%;}
.organi-search input[type="submit"] {position:absolute; top:0; right:0; width:80px; border:1px solid #1e5ad2; background:white; color:#1e5ad2;}
.organi-search input[type="submit"]:hover {background:#1e5ad2; color:white;}

.facility .wrap {display:flex; justify-content:space-between; align-items:stretch;}
.facility .text-con {flex-grow:1; padding-right:120px;}
.facility .text-con:after {content:''; display:block; position:absolute; top:0; bottom:0; right:40px; width:1px; background:#e4e6e8;}
.facility .text-con h4 p span {padding:6px 10px;}
.facility .img-con {flex-grow:0;}
.facility .img-con>div {margin-bottom:40px; text-align:center;}
.facility .img-con>div p.text {position:absolute; bottom:25px; left:30px; text-align:left;}
.facility .img-con .photo p.text {color:white; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.facility .img-con .layout {background:url(../img/ci_bg.png) center; border:1px solid #e4e6e8; padding:40px 40px 100px 40px;}
.facility .img-con .layout img {max-width:420px;}

.testvision-bg {background:url(../img/sub/testvision_bg.jpg) no-repeat center fixed; background-size:cover; height:300px;}

.constest-process>ul>li {padding:30px 0; border-bottom:1px solid #ccc;}
.constest-process>ul>li .tag {position:absolute; top:0; bottom:0; text-align:center;}
.constest-process>ul>li .tag span {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); font-size:20px; font-weight:700;}
.constest-process>ul>li .mtag {border:2px solid #1e5ad2; width:200px;}
.constest-process>ul>li .stag {width:300px; left:200px; color:#1e5ad2;}
.constest-process>ul>li ul {margin-left:500px;}

.table.w300 th {width:300px;}


/* 1920px */
@media screen and (max-width:1920px) {
}

/* 1680px */
@media screen and (max-width:1680px) {
	.wrap {margin:0 50px;}
}

/* 1440px */
@media screen and (max-width:1440px) {
	.tnb-layer .tnb-inner {width:100%; padding:0 50px;}
}

/* 1366px */
@media screen and (max-width:1366px) {
	.header .middle .search .form {margin-left:300px;}
}

/* 1280px */
@media screen and (max-width:1280px) {
	#whole {padding-top:70px;}
	.wrap {margin:0 40px;}

	.header {top:0 !important;}
	.header .upper {display:none;}
	.header .middle .wrap {height:70px; line-height:70px;}
	.header .middle .search {display:none;}
	.header .lower {border:0;}
	.header .lower .wrap {height:auto; line-height:inherit;}

	.mobile-control.dn {display:block; height:70px; position:absolute; top:0; right:-70px; overflow:hidden;}
	.mobile-control span {display:block; width:70px; height:70px; line-height:70px; text-align:center; cursor:pointer;}
	.mobile-control span i {font-size:36px;}
	.mobile-control span.open {}
	.mobile-control span.open:hover {color:#91e8e1;}
	.mobile-control span.close {color:#91e8e1;}
	.header h1 {position:relative; top:auto; left:auto; margin:0 auto; float:none; width:240px !important; min-width:0; transform:none;}
	.header #gnb-box {position:fixed; top:0; left:-220px; bottom:0; width:220px; z-index:10; padding:70px 0 0 0; background:white; margin-top:0;}
	.header #gnb-box a {text-align:left; line-height:inherit; padding:0 30px;}
	.header #gnb-box>ul {position:absolute; top:70px; left:0; right:0; bottom:0; overflow-x:auto; margin:0; border-top:1px solid #e4e6e8;}
	.header #gnb-box>ul>li {float:none; width:auto; display:block;}
	.header #gnb-box>ul>li>a {padding:0 30px; font-size:16px; border-bottom:1px solid #e4e6e8; height:60px; line-height:60px; pointer-events:none;}
	.header #gnb-box>ul>li>a:before {display:none;}
	.header #gnb-box>ul>li:hover>a {background:#1e5ad2; color:white; border-color:#1e5ad2;}
	.header #gnb-box>a {position:relative; top:auto; right:auto; transform:none; display:block; border-radius:0; margin:0; height:50px; line-height:50px; text-align:center;}
	.header .close-bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1; display:none;}
	.header #gnb-bg, .header #gnb-box>ul>li .gnb-sub h4 {display:none !important;}
	.header #gnb-box>ul>li .gnb-sub {position:relative; top:auto !important;; display:block !important;}
	.header #gnb-box>ul>li .gnb-sub>ul {height:auto; max-height:0; overflow:hidden; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);; border:0; position:relative; top:auto !important; left:auto !important; right:auto !important; border-radius:0; margin:auto; min-height:0; padding:0;}
	.header #gnb-box>ul>li:hover .gnb-sub>ul {max-height:1080px; padding:0; min-height:50px;}
	.header #gnb-box>ul>li .gnb-sub>ul>li {float:none; width:auto; padding:0; margin:0;}
	.header #gnb-box>ul>li .gnb-sub>ul>li>a {font-size:16px; height:50px; line-height:50px; color:black; margin:0; border-radius:0; border-bottom:1px solid #e4e6e8; background:#f9f9fb;}
	.header #gnb-box>ul>li .gnb-sub>ul>li:hover>a {background:#444; border-color:#444;}
	.header #gnb-box>ul>li .gnb-sub>ul>li ul {padding:14px; background:#f2f2f4; border-bottom:1px solid #e4e6e8;}
	.header #gnb-box>ul>li .gnb-sub>ul>li .has-sub {position:relative;}
	.header #gnb-box>ul>li .gnb-sub>ul>li .has-sub p.trigger {display:block; height:50px; position:absolute; left:0; right:0; top:-50px;}
	.header #gnb-box>ul>li .gnb-sub>ul>li .has-sub p.trigger span {display:block; width:20px; height:20px; line-height:25px; text-align:center; background:white; color:#444; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); right:20px;}
	.header #gnb-box>ul>li .gnb-sub>ul>li.active .has-sub p.trigger span {transform:translateY(-50%) rotate(-180deg); background:#222; color:white;}
	.header #gnb-box>ul>li .gnb-sub>ul>li .has-sub p.trigger span i {font-size:20px;}
	.header #gnb-box>ul>li .gnb-sub>ul>li .has-sub ul {display:none;}
	.header .close-bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1; display:none;}

	.tnb-box {position:absolute; top:0 !important; right:0; padding:0 !important;}
	.tnb-box i {font-size:22px;}
	.tnb-box>ul>li a, .tnb-box>ul>li p {height:70px; line-height:70px;}
	.tnb-box>ul>li.sitemap {display:none;}

	.tnb-layer .tnb-inner {width:auto; left:30px !important; right:30px; transform:translateY(-50%) !important; padding:0;}
	.tnb-layer .tnb-inner.tnb-search {width:auto;}

	.footer h6 {position:relative; top:auto; right:auto; transform:none; margin-bottom:33px;}

	.main-layout .visual ul.title {padding-right:60px;}
	.main-layout .visual ul.title br {display:none;}
	.main-layout .visual .vod-con {margin-right:10%;}
	.main-layout .board .inner-con {margin:0;}
	.main-layout .board .inner {width:auto; float:none; padding:0;}
	.main-layout .board .inner>div {padding:40px;}
	.main-layout .board .story {margin-bottom:60px; padding-top:60px !important;}
	.main-layout .board .story h4 {left:40px;}

	.greeting .upper {text-align:center;}
	.greeting .upper .intro .fw700 {background:none; color:#1e5ad2; padding:0; display:block;}
	.greeting .upper .cheif {position:relative; bottom:auto; right:auto; display:inline-block; margin:0 auto;}
	.greeting .upper .cheif .name {text-align:right; bottom:auto; top:72px; left:-20px;}
	.greeting .upper .cheif .name span {display:block; font-size:40px;}

	.vision ul {padding:0; font-size:0;}
	.vision ul li {width:33.33%; float:none; display:inline-block;}
	.vision ul li:first-child:after, .vision ul li:last-child:after, .vision ul:before {display:none;}

	.ci-bg ul li {margin-bottom:60px;}
	.ci-bg ul li.fl {float:none; width:auto;}
	.ci-bg ul li img {max-height:100px;}

	.directions div.text {position:relative; top:auto; left:auto; text-align:center; margin-bottom:60px;}
	.directions div.map-con {margin-left:0;}

	.facility .wrap {display:block;}
	.facility .text-con {padding:0 0 44px 0; margin:0 0 44px 0; border-bottom:2px solid black;}
	.facility .text-con:after {display:none;}
	.facility .img-con {max-width:500px; margin:0 auto;}
	.facility .img-con .layout img {max-width:100%;}

	.educon .intro .mr600 {margin:0 0 40px 0;}
	.educon .intro .edumark {position:relative; top:auto; right:auto; max-width:520px; margin:0 auto; text-align:center;}
}

/* 1024px */
@media screen and (max-width:1024px) {
	.main-layout .visual:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index:2;}
	.main-layout .visual ul.title {width:60%; position:relative; top:auto; left:auto; transform:none; margin:0 auto; text-align:center; padding:0 0 40px 0;}
	.main-layout .visual .vod-con {width:60%; float:none; margin:0 auto;}

	.system-process .aclear .fl {width:auto; float:none; margin-bottom:50px;}
	.system-process .aclear .fl div {padding-bottom:10px;}
	.system-process .aclear .fl div ul {height:auto !important;}

	.lab-roll .list ul li {width:33.33%;}

	.vision div.aclear div {position:relative; top:auto; transform:none; left:auto; width:auto; text-align:center;}
	.vision div.aclear p.img {width:auto; float:none; padding-top:60px;}
	.vision ul li div {width:160px; height:160px; padding-top:36px;}
	.vision ul li p.icon {margin-bottom:10px;}
	.vision ul li p.icon i {font-size:36px;}
	.keyarea .wrap>ul>li {margin-bottom:40px; padding-bottom:40px;}
	.keyarea .wrap>ul>li p.icon {width:100px; height:100px; line-height:100px; left:65px;}
	.keyarea .wrap>ul>li p.icon img {height:47px;}
	.keyarea .wrap>ul>li p.mb20 {margin-bottom:10px;}
	.keyarea .wrap>ul>li div div {margin-left:250px;}

	.research-about .w300px {position:relative; top:auto; left:auto; width:auto;}
	.research-about .ml400 {margin:0;}
}

/* 820px */
@media screen and (max-width:820px) {
	.wrap {margin:0 30px;}
	.map-box>div>div.wrap_map {height:350px !important;}

	.footer .lower ul.contact {float:none;}
	.footer .lower ul.info {margin:44px 0 0 0;}

	.main-layout .visual ul.title {width:80%;}
	.main-layout .visual .vod-con {width:80%;}

	.con-tab.sub ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.con-tab.sub ul li {flex-grow:1; padding:2px;}
	.con-tab.sub ul li p {padding:0 10px; text-align:center;}
	.con-tab.sub ul li.on p {border-bottom-color:#1e5ad2;}

	.organi-search form {padding:0;}
	.organi-search .select-box {position:relative; width:auto; display:block; margin-right:85px; margin-bottom:5px;}

	.constest-process>ul>li .tag {position:relative; top:auto; left:auto; width:auto; padding:10px; text-align:left;}
	.constest-process>ul>li .tag span {position:relative; top:auto; left:auto; width:auto; font-size:16px;}
	.constest-process>ul>li ul {margin:0; padding:0 10px;}

	.table.w300 th {width:auto; min-width:140px;}
}

/* 640px */
@media screen and (max-width:640px) {
	.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:36px; bottom:36px; left:0; right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {width:36px; height:36px; line-height:36px; top:0; right:0; border-radius:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:36px 0;}
	.mfp-wrap .mfp-container .mfp-arrow {border-radius:0; top:50%; margin-top:-36px;}
	.mfp-wrap .mfp-arrow-left {left:0;}
	.mfp-wrap .mfp-arrow-right {right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-bottom-bar .mfp-title {padding-top:6px; font-size:14px;}

	.map-box>div>div.wrap_map {height:250px !important;}
	#button-top {width:40px; height:40px; line-height:40px; right:20px;}

	.footer .upper {text-align:center; display:none;}
	.footer .upper ul.link {position:relative; top:auto; transform:none; right:auto; margin-top:14px;}
	.footer .upper ul.link p {text-align:left;}
	.footer .lower {border-top:1px solid #e4e6e8;}

	.main-layout .visual ul.title {width:100%;}
	.main-layout .visual .vod-con {width:100%;}
	.main-layout .visual .vod-box {overflow:hidden; border-radius:10px 10px 0 0;}
	.main-layout .visual .vod-con button {width:auto; height:40px; line-height:41px; bottom:-40px; left:0; right:0; border-radius:0 0 10px 10px;}
	.main-layout .board .inner>div {padding:20px;}
	.main-layout .board .story {padding-top:50px !important; margin-bottom:30px;}
	.main-layout .board .story h4 {left:0; right:0; text-align:center; font-size:30px; top:-18px;}
	.main-layout .board .story .con-tab {position:relative; top:auto; left:auto; overflow:hidden; margin-bottom:30px;}
	.main-layout .board .story .con-tab ul li {display:block; width:33.33%; float:left; text-align:center;}
	.main-layout .board .story .group ul {margin-bottom:10px;}
	.main-layout .board .story .group a.more {width:auto; height:40px; line-height:40px; position:relative; top:auto; right:auto;}
	.main-layout .board .story .group a.more span {font-size:16px !important;}
	.main-layout .board .story .group ul li:first-child {padding:0 0 15px 0; margin-bottom:15px;}
	.main-layout .board .story .group ul li:first-child .title {font-size:20px; line-height:30px;}
	.main-layout .board .story .group ul li:first-child .icon {display:none;}
	.main-layout .board .quick:after {width:100px; height:76px;}
	.main-layout .board .quick h4 {margin-bottom:10px; padding:10px;}
	.main-layout .board .quick ul li {width:auto; float:none;}
	.main-layout .board .quick ul li a {padding:25px 0 25px 30px;}
	.main-layout .board .quick ul li .icon img {height:45px;}
	.main-layout .gallery {text-align:center;}
	.main-layout .gallery h4 p {padding:0; margin:0;}
	.main-layout .gallery h4 p:before {display:none;}
	.main-layout .gallery .slick-rolling {margin:0 -30px;}
	.main-layout .gallery .slick-slide {padding:0 10px;}

	.sub-layout .contents-title {padding:30px 0 60px 0;}
	.sub-layout .contents-title:before {height:20px; margin-bottom:20px;}
	.sub-layout .contents-title ul li:first-child i {margin-right:0;}
	.sub-layout .contents-title ul li:first-child span {display:none;}
	.sub-layout .contents-title ul li:nth-child(2) i {display:none;}

	.con-tab.sub ul li p {height:60px; line-height:60px;}

	.itit .mtit {font-size:20px; background-size:auto 24px; padding-left:40px;}

	.greeting .upper .cheif {max-width:70%;}
	.greeting .lower ul li {float:none; width:auto; padding-bottom:40px;}

	.lab-roll .intro br {display:none;}
	.lab-roll .intro ul li.fs40 p:after {height:5px;}
	.lab-roll .intro ul li.fs40 p span:before, .lab-roll .intro ul li.fs40 p span:after {width:5px;}
	.lab-roll .list ul li {width:50%;}
	.lab-roll .list ul li div {padding:30px 0 15px 0;}

	.mission-bg, .testvision-bg {height:200px;}
	.vision ul li {width:auto; display:block; margin-bottom:10px;}
	.vision ul li div {width:auto; height:auto; line-height:inherit; border-radius:10px; padding:14px; position:relative;}
	.vision ul li div br {display:none;}
	.vision ul li p.icon {position:absolute; top:50%; transform:translateY(-50%);}
	.vision ul li p.icon i {font-size:24px;}
	.vision ul li p.fs20 {text-align:left; margin-left:34px;}
	.keyarea .wrap>ul>li p.icon {position:relative; top:auto; transform:none; left:auto; margin:0 auto;}
	.keyarea .wrap>ul>li div div {margin:0; padding-top:40px;}
	.directions ul li.info {font-size:20px; line-height:40px;}
	.directions ul li.info i {font-size:24px;}

	.organi-search .select-box {margin-bottom:6px;}
	.organi-search input[type="text"] {width:100%; margin:-1px 0 0 0;}

	.facility .text-con h4 span.gmsl {display:block; font-size:16px;}
	.facility .text-con p.mb80 {margin-bottom:60px;}
	.facility .text-con .itit.pb30 {padding-bottom:20px;}

	.test-vision br, .test-introduce span br {display:none;}
	.test-introduce .ml200 {margin-left:60px;}

	.table.w300 th {min-width:40px;}

	.educon .intro .mr600 br {display:none;}
}

/* 480px */
@media screen and (max-width:480px) {
	.lab-roll .list ul {margin-right:-20px;}
	.lab-roll .list ul li {width:100%;}
}