@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126-
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:'none'}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:'none'}
table{border-collapse:collapse;border-spacing:0}

/*******************************************************************
font
********************************************************************/
@font-face{
	font-family:'NanumBarunGothic';font-style:normal;font-weight:300;src:url('../fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumBarunGothicLight.woff2') format('woff2'),url('../fonts/NanumBarunGothicLight.woff') format('woff'),url('../fonts/NanumBarunGothicLight.ttf') format('truetype'),url('../fonts/NanumBarunGothicLight.svg#NanumBarunGothic') format('svg')}

@font-face{
	font-family:'NanumBarunGothic';font-style:normal;font-weight:400;src:url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumBarunGothic.woff2') format('woff2'),url('../fonts/NanumBarunGothic.woff') format('woff'),url('../fonts/NanumBarunGothic.ttf') format('truetype'),url('../fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg')}

@font-face{
	font-family:'NanumBarunGothic';font-style:normal;font-weight:700;src:url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumBarunGothicBold.woff2') format('woff2'),url('../fonts/NanumBarunGothicBold.woff') format('woff'),url('../fonts/NanumBarunGothicBold.ttf') format('truetype'),url('../fonts/NanumBarunGothicBold.svg#NanumBarunGothic') format('svg')}

@font-face{
	font-family:'Nanum Square';font-style:normal;font-weight:400;src:url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumSquareR.woff2') format('woff2'),url('../fonts/NanumSquareR.woff') format('woff'),url('../fonts/NanumSquareR.ttf') format('truetype'),url('../fonts/NanumSquareR.svg#Nanum Square') format('svg')}

@font-face{
	font-family:'Nanum Square';font-style:normal;font-weight:700;src:url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),url('../fonts/NanumSquareB.woff2') format('woff2'),url('../fonts/NanumSquareB.woff') format('woff'),url('../fonts/NanumSquareB.ttf') format('truetype'),url('../fonts/NanumSquareB.svg#Nanum Square') format('svg')}

/*******************************************************************
default
********************************************************************/
html,body,h1,h2,h3,h4,h5,h6,table th,input,textarea,select,button{font-family:'NanumBarunGothic','나눔바른고딕','맑은 고딕','Malgun Gothic',Dotum,Arial,sans-serif;color:#5d5d5d;letter-spacing:-.15px}
html,body,h1,h2,h3,h4,h5,h6,table th,input,textarea,select,button {font-size:14px;color:#5d5d5d;}
html,body{position:relative;min-width:320px;height:100%}

input[type=button],input[type=text],input[type=image],input[type=submit],textarea,select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* IE6 */
:first-child + html .clearFix{zoom:1}
/* IE7 */
.hide,.blind,caption,legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.clearFix:after{display:block;clear:both;content:''}
* html .clearFix{zoom:1}

/*******************************************************************
common
********************************************************************/
html{background-color:#292929;font-size:62.5%}
button{overflow:visible;width:auto;margin:0;padding:0;border:none;background:none}
input::-ms-clear{display:none}
textarea{resize:none}
a:link,a:visited,a:active,a:hover{text-decoration:none;cursor:pointer}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
.row{clear:both;margin:0;padding:0}
.skipnav a{position:absolute;top:-9999em;z-index:9999;width:100%;background-color:#013874;font-weight:bold;color:#fff;text-align:center}
.skipnav a:hover,.skipnav a:active,.skipnav a:focus{top:0;padding:12px 0;color:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.br{display:block;word-break: inherit;}
.fl{float:left}
.fr{float:right}
.mb1{margin-bottom:1em}
.mb2{margin-bottom:2em}
.hanja {font-family:'NanumBarunGothic','나눔바른고딕','맑은 고딕','Malgun Gothic',Dotum,Arial,sans-serif;}
.dot-list li{padding: 0 0 15px 25px;}
.dot-list li:before {display: inline-block;width: 10px;margin-left: -15px;padding-right: 5px;content: '-';}
.img-responsive {margin:1em auto; display: block; text-align: center}
.img-responsive img {max-width: 100%}
/*******************************************************************
layout
********************************************************************/
#wrap{background-color:#f7f7f7;pointer-events:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:cubic-bezier(0.6,0,0.4,1);transition-timing-function:cubic-bezier(0.6,0,0.4,1);-webkit-transition:-webkit-transform 0.45s,opacity .45s;-webkit-transition:opacity 0.45s,-webkit-transform .45s;transition:opacity 0.45s,-webkit-transform .45s;-webkit-transition:opacity .45s,-webkit-transform 0.45s;transition:opacity .45s,-webkit-transform 0.45s;transition:transform 0.45s,opacity .45s;transition:transform 0.45s,opacity .45s,-webkit-transform 0.45s;transition:transform 0.45s,opacity 0.45s,-webkit-transform .45s}

.main #wrap{background-color:#fff}
.__open-mmenu #wrap{-webkit-transform:translate3d(0,280px,0);transform:translate3d(0,280px,0);-webkit-box-shadow:0 -5px 20px rgba(0,0,0,0.3);box-shadow:0 -5px 20px rgba(0,0,0,0.3)}

/*******************************************************************
header
********************************************************************/
.nav-bg{position:absolute;top:76px;z-index:10;width:100%;background-color:#ffc240}
#header{position:static;z-index:100;width:100%;height:76px;background-color:#272f4e}
#header .container{position:relative;text-align:center}
.main #header{position:absolute;background-color:rgba(26,35,67,0.6)}
.header-logo{display:inline-block;float:left;width: 256px;height:76px;}
.header-logo a{display:block;overflow:hidden;width:100%;height:100%;background:url(../images/common/logo_01.png) 0 50% no-repeat;font-size:0;text-indent:-9999em}
#gnb{display:inline-block;margin:0 0 0 1%}
#gnb .top-menu{position:relative}
#gnb .top-menu > li{display:inline-block;margin:0 0 0 36px;vertical-align:top}
#gnb .top-menu > li > a{display:block;padding:20px 0 21px;font-size:18px;color:#fff; max-width: 336px;}
#gnb .top-menu > li > a:hover{color:#ffc240}
#gnb .top-menu > li:first-child{margin:0}
#gnb .top-menu > li:first-child .menu-div{left:0;margin:0 0 0 -15px}
#gnb .top-menu > li.__over > a{color:#ffc240}
#gnb .top-menu > li.__over .menu-div{visibility:visible;top:76px;right:0;opacity:1}
#gnb .top-menu .menu-div{visibility:hidden;overflow:hidden;position:absolute;z-index:20;height:50px;margin:0 -15px 0 0;opacity:0;-webkit-transition:left 0.45s,opacity .45s;transition:left 0.45s,opacity .45s}
#gnb .top-menu .menu-div ul li{display:inline-block;float:left;margin:0 5px}
#gnb .top-menu .menu-div ul li a{display:block;padding:18px 10px;font-size:16px;font-weight:700;color:#272f4e}
#gnb .top-menu .menu-div ul li a:hover{color:#1463ae}
.header-menu{float:right;margin:28px 0 0}
.header-menu li{display:inline-block;margin:0 0 0 12px}
.header-menu li a{display:block;padding:10px 0;font-size:13px;color:#fff}

/* Menu button */
.menu-button{visibility:hidden;position:absolute;top:20px;left:20px;z-index:1000;width:24px;height:24px;padding:20px 16px;border:none;background:transparent;cursor:pointer;outline:none}
.menu-button::before,.menu-button::after,.menu-button span{background:#ffc240}
.menu-button::before,.menu-button::after{position:absolute;top:50%;left:0;width:100%;height:2px;content:'';pointer-events:none;-webkit-transition:transform .25s;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;transition:transform 0.25s,-webkit-transform .25s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.menu-button span{overflow:hidden;position:absolute;left:0;width:100%;height:2px;font-size:0;text-indent:200%;-webkit-transition:opacity .25s;transition:opacity .25s}
.menu-button::before{-webkit-transform:translate3d(0,-10px,0) scale3d(1,1,1);transform:translate3d(0,-10px,0) scale3d(1,1,1)}
.menu-button::after{-webkit-transform:translate3d(0,10px,0) scale3d(1,1,1);transform:translate3d(0,10px,0) scale3d(1,1,1)}
.__open-mmenu .menu-button span{opacity:0}
.__open-mmenu .menu-button::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.__open-mmenu .menu-button::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}

/*******************************************************************
Footer
********************************************************************/
#footer{padding: 13px 0 23px;background-color:#d6d6d6;font-size:14px;font-size:1.4rem;line-height:1.5;}
#footer .footer-copy{display:block;text-align:center;margin-top: -8px;}
.section-footer{margin-bottom:10px;}
.section-footer:after{display:table;clear:both;content:''}
.section-footer dl {position:relative;}
.section-footer dl dt{background:url(../images/common/logo_02.png) 0 0 no-repeat; background-size:100% auto;}
.section-footer dl dt {float:left;margin-right:20px;width: 353px;height: 38px;font-size:0;text-indent:-999em;overflow:hidden;position: absolute;left: 0;}
.section-footer dl dd {float:left;}
.section-footer dl dd {margin-top:10px;text-align: center;width: 100%;}
.section-footer address ul li {display:inline-block;line-height: 27px;margin-left:15px;position:relative;}
.section-footer address ul li:before {content:'/';position:absolute;left:-11px;line-height: 26px;}
.section-footer address ul li:first-child {margin:0;display: block;}
.section-footer address ul li:nth-child(2):before {display:none;}
.section-footer address ul li:first-child:before {display:none;}
.footer-menu {margin: 0 0 10px 0; text-align: center}
.footer-menu li {display: inline-block; margin:0 0.5em}
.footer-menu a {display: inline-block; color: #222; font-weight: normal; padding:0.3em}
.footer-menu a:hover,.footer-menu a:focus {color: #4b9abc;font-weight: bold}

/*******************************************************************
MAIN
********************************************************************/
/* slick slider setting */
.slick-dotted.slick-slider{margin:0}
.slick-dots{bottom:30px;opacity:1}
.slick-dots li{width:auto;height:20px;margin:0 3px}
.slick-dots li button{display:block;width:20px;height:20px;border-radius:20px;background-color:#fff;line-height:20px;content:'';opacity:1;-webkit-transition:all .5s;transition:all .5s}
.slick-dots li button.btn-slider-play{width:14px;border-radius:0;background:url(../images/common/slider_controls.png) 0 0 no-repeat;background-position:-50px 2px;vertical-align:middle}
.slick-dots li button.btn-slider-play:hover{width:14px;background-color:transparent}
.slick-dots li button.btn-slider-stop{width:14px;border-radius:0;background:url(../images/common/slider_controls.png) 0 0 no-repeat;background-position:2px 2px;vertical-align:middle}
.slick-dots li button.btn-slider-stop:hover{width:14px;background-color:transparent}
.slick-dots li button:hover{width:41px;background-color:#4aacff}
.slick-dots li button::before{display:none}
.slick-dots li.slick-active button{width:41px;background-color:#4aacff}
.ico-biz1,.ico-biz2,.ico-biz3{display:block;clear:both;width:100px;height:96px;margin:0 auto 18px}
.ico-biz1,.ico-biz2,.ico-biz3{background:url(../images/content/img_i1_b.png) 50% 50% no-repeat}
.ico-biz2{background:url(../images/content/img_i2_b.png) 50% 50% no-repeat}
.ico-biz3{background:url(../images/content/img_i3_b.png) 50% 50% no-repeat}
.main-banner-wrap,.main-merit,.main-story,.main-biz,.main-video,.main-openspace{overflow:hidden;width:100%;max-height:780px}
.main-banner-wrap {max-height:550px;}
.main-banner-wrap::after,.main-story::after,.main-biz::after,.main-video::after,.main-openspace::after{display:table;clear:both;content:''}
.main-title{display: block;
    margin: 0 auto;
    margin: 0 0 10px;
    line-height: 1.3;
    font-size: 40px;
    font-size: 3rem;
    color: #1d1d1d;
    text-align: center;
    font-weight: 700;}
.main-title-desc{display:block;margin:0 auto 65px;font-size:16px;color:#7f7f7f;text-align:center}
.main-banner{padding:0;position:relative;}
.main-banner li.slide-li {display:block;position:relative;max-height:550px;min-height:300px}
.main-banner .slick-slide-title {display:inline-block;position:absolute;top:50%;left:50%;width:100%;margin:0 auto;font-family:'Nanum Square',sans-serif;font-size:50px;font-size:5rem;line-height:1.25;color:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 1px 6px rgba(0,0,0,0.1)}
.main-banner li.slide-li .bg-img{display:block}
.main-banner li.slide-li .bg-img img{width:100%;min-height:300px}
.ico-video{position:relative}
.ico-video::after{display:block;position:absolute;top:50%;left:50%;width:70px;height:70px;background:url(../images/common/ico_video.png) 0 0 no-repeat;background-size:100% auto;opacity:0.5;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s;transition:opacity .5s}
.ico-video:hover::after{opacity:1}
.main-gallery-list{margin:0 -40px}
.main-gallery-list li{display:inline-block;float:left;width:33.33%}
.main-gallery-list li .inner{padding:0 40px}
.main-gallery-list li a{display:block;text-align:center;word-break:keep-all;word-wrap:break-word}
.main-gallery-list li a .img{display:block;overflow:hidden;margin:0;padding:0;border:1px solid rgba(0,0,0,0.3);-webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.25);box-shadow:6px 6px 15px rgba(0,0,0,0.25);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;transition:all .5s}
.main-gallery-list li a img{display:block;max-width:100%;-webkit-transition:all .9s;transition:all .9s}
.main-gallery-list li a strong{display:block;width:90%;margin:30px auto 15px;font-size:22px;font-size:2.2rem;line-height:1.3;color:#404040}
.main-gallery-list li a p{width:85%;margin:0 auto;font-size:15px;line-height:1.3;color:#787878}
.main-gallery-list li a:hover strong{color:#2d5a95}
.main-gallery-list li a:hover .img{border:5px solid rgba(58,88,155,0.9)}
.main-gallery-list li a:hover .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.main-merit {padding:70px 0; background-color: #ebebeb;}
.main-merit .container > div {padding:0 80px;}
.main-story{padding:70px 0;background-color:#ebebeb}
.main-biz{padding:70px 0 20px;background-color:#fff}
.main-biz-section{float:left;width:33.33%;padding:0 25px;font-size:16px;font-size:1.6rem;line-height:1.5;color:#787878;text-align:center}
.main-biz-section h3{margin:0 0 35px}
.main-biz-section h3 a{display:block;font-size:22px;font-size:2.2rem;font-weight:700;line-height:1.1;color:#565656}
.main-biz-section h3 a:hover{color:#4b9abc}
.main-video{padding:70px 0;background-color:#dbeef6}
.main-video .main-title{color:#195572}
.btn-more{overflow:hidden;position:absolute;top:0;right:0;width:17px;height:17px;font-size:0;text-indent:-9999em}
.btn-more::before{display:inline-block;width:100%;height:100%;background:url(../images/common/btn_more.png) 0 0 no-repeat;content:''}
.main-openspace{padding:70px 0;background-color:#fff}
.main-openspace .container{display:table; width:100%;}
.main-openspace .cell{display:table-cell;width:25%;vertical-align:top}
.main-openspace .cell .main-title{display:block;color:#f2970b;text-align:left}
.main-openspace .cell .main-title-desc{display:block;font-size:26px;font-size:2.6rem;font-weight:300;line-height:1.25;color:#787878;text-align:left;word-break:keep-all;word-wrap:break-word}
.main-openspace .main-news{display:table-cell;position:relative;width:70%;text-align:center;vertical-align:top}
.main-openspace .main-news .title{max-width:530px;margin:0 0 40px;font-size:24px;font-size:2.4rem;color:#404040;text-align:left}
.main-openspace .main-news .main-news-list{width:100%; text-align:left}
.main-openspace .main-news .main-news-list li{display:block;overflow:hidden;margin:0 0 18px;line-height:1.15;font-size:18px;font-size:1.8rem}
.main-openspace .main-news .main-news-list li a{display:block;overflow:hidden;float:left;width:73%;color:#666;white-space:nowrap;word-wrap:normal;word-break:break-all;text-overflow:ellipsis}
.main-openspace .main-news .main-news-list li a:hover{color:#4b9abc}
.main-openspace .main-news .main-news-list li .date{display:inline-block;float:right;color:#787878;text-align:right}
.main-openspace .main-links{display:table-cell;width:30%;text-align:right;vertical-align:middle}
.main-openspace .main-links ul{display:inline-block}
.main-openspace .main-links li{display:block;margin:0;margin:-1px 0 0;padding:0;border:1px solid #d5d5d5}
.main-openspace .main-links li:first-child{margin:0}
.main-openspace .main-links a{display:block;overflow:hidden;height:100%;margin:0 auto;padding:0;text-align:center}
.main-openspace .main-links a img{display:inline-block;max-width:100%;height:auto;margin:1px auto;padding:0;border:0;vertical-align:middle}

/*******************************************************************
Sub
********************************************************************/
.ico-sub{display:inline-block;float:left;width:auto;height:73px;margin-right:20px;vertical-align:top}
.ico-sub img{height:100%}
.ico-file{display:inline-block;width:23px;height:23px;background:url(../images/common/ico_file.png) 0 0 no-repeat;background-size:100% auto}
.content-header{position:relative;margin-bottom:45px;padding:45px 0;border-bottom:1px solid #272f4e;}
.content-header::after{display:table;clear:both;content:''}
.content-header .header-title{float:left}
.content-header .header-title .title-wrap{float:left;}
.content-header .header-title .title-sub{height:38px;font-size:24px;font-size: 1.6rem;line-height: 2.1;color:#5d5d5d;}
.content-header .header-title .title-main{font-size:34px;font-size: 2.8rem;line-height: 0.8;color:#343d5f;/* font-weight: 400; */}
.content-header .header-util{float:right}
.content-header .header-util .breadcrumb{margin:0 0 20px;font-size:16px;font-size:1.6rem;color:#5d5d5d;text-align:right}
.content-header .header-util .breadcrumb a{color:#5d5d5d}
.content-header .header-util .breadcrumb a:hover{color:#4b9abc}
.content-header .header-util .breadcrumb .menu-active{font-weight:700}
.content-header .header-util .breadcrumb .gt{display:inline-block;width:6px;height:9px;margin:-2px 1px 0 2px;padding:0;font-size:0;text-align:center;vertical-align:middle}
.content-header .header-util .breadcrumb .gt::before{display:inline-block;width:100%;height:100%;background:url(../images/common/ico_gt.png) -4px -5px no-repeat;content:''}
.content-header .header-util .header-tools{float:right;text-align:right}
.content-header .header-util .header-tools button{width:32px;height:32px;font-size:0;cursor:pointer}
.content-header .header-util .header-tools .font-util{display:inline-block; margin: 0 5px 0 0}
.content-header .header-util .header-tools .font-util button{border:2px solid #616161;border-radius:32px}
.content-header .header-util .header-tools button::before{display:inline-block;width:100%;height:100%;content:''}
.content-header .header-util .header-tools .btn-print::before{background:url(../images/common/ico_print.png) 0 0 no-repeat}
.content-header .header-util .header-tools .btn-font-plus::before{background:url(../images/common/ico_font_plus.png) 50% 50% no-repeat}
.content-header .header-util .header-tools .btn-font-minus::before{background:url(../images/common/ico_font_minus.png) 50% 50% no-repeat}

.content-body{position:relative;margin-bottom:70px}
.content-body .container{position:relative}
.content-body .tab-menu{margin:-56px auto 32px;text-align:center}
.content-body .tab-menu nav{display:inline-block;/*margin-right:130px;*/margin-right:0px;padding:0 15px;background-color:#f7f7f7}
.content-body .tab-menu nav .tab-title{display:none}
.content-body .tab-menu nav li{display:inline-block;padding:0 8px 0 30px;background:url(../images/common/ico_tab.png) 0 0 no-repeat}
.content-body .tab-menu nav li:first-child{padding:0 8px;background:none}
.content-body .tab-menu nav a{display:block;padding:0 0 25px;font-size:22px;font-size: 2rem;color:#929292;}
.content-body .tab-menu nav a:hover{font-weight:700;color:#333}
.content-body .tab-menu .on a{background:url(../images/common/ico_arrow_tab.png) 50% 28px no-repeat;font-weight:700;color:#333}
.content-body .img-list{text-align:center}
.content-body .img-list::after{display:table;clear:both;content:''}
.content-body .img-list li{float:left;padding:0}
.content-body .img-list li .img{display:block;margin-bottom:30px}
.content-body .img-list li .text{display:inline-block;font-size:18px;font-size: 1.6rem;line-height: 1.5;}
.content-body .img-list.w33 li{width:33.33%;padding: 0 50px;}
.content-body::after{display:table;clear:both;content:''}

.content-article{min-height:500px;/*margin:0 130px 0 0;*/margin:0 0 0 0;padding:50px;border:1px solid #d1d1d1;background-color:#fff;word-break:keep-all;word-wrap:break-word}
.content-article h2.title{margin-bottom:30px;font-family:'NanumSquare';font-weight:700;font-size:40px;font-size: 3.5rem;line-height: 1.3;color:#272f4e;text-align:center;}
.content-article .title-desc{font-size:20px;font-size: 1.8rem;line-height:1.5;color:#5d5d5d;text-align:center;}
.content-article::after{display:table;clear:both;content:''}

.sub-box{padding:35px 10px;border:1px solid #dfdfdf;background-color:#f5f5f5}
.sub-section{margin-top:50px}
.sub-section .sub-title{margin:0 0 1em;font-size:30px;font-size: 2.5rem;font-weight:700;font-family:'NanumSquare';line-height: 1.5;color:#4b9abc;}
.sub-section .sub-txt{font-size:16px;font-size:1.8rem;line-height:1.6;color:#5d5d5d}
.sub-section .img img{max-width:100%}

.ico-share{display:block;overflow:hidden;width:40px;height:40px;border-radius:44px;line-height:44px;font-size:0;text-indent:-999em;cursor:pointer}
.ico-share::before{display:inline-block;width:100%;height:100%;background:#a1a1a1 url(../images/common/ico_share.png) 50% 50% no-repeat;background-size:55% auto;content:''}

.content-aside{position:absolute;top:0;right:0;width:102px}
.content-aside .sub-quick{margin-bottom:1em}
.content-aside .sub-quick::after{display:table;clear:both;content:''}
.content-aside .sub-quick .ico-biz1,.content-aside .sub-quick .ico-biz2,.content-aside .sub-quick .ico-biz3,.content-aside .sub-quick .ico-biz2,.content-aside .sub-quick .ico-biz3{width:42px;height:44px;margin-bottom:12px;background-size:100% auto}
.content-aside .sub-quick .ico-biz2{width:50px}
.content-aside .sub-quick .ico-biz3{width:47px;height:54px}
.content-aside .sub-quick li{margin-bottom:1.8em;text-align:center}
.content-aside .sub-quick li a{font-size:15px;font-weight:700;color:#5d5d5d}
.content-aside .sub-quick li a:hover{color:#4b9abc}
.content-aside .sns{text-align:center}
.content-aside .sns li{display:inline-block;margin-bottom:1.5em}
.content-aside .sns li a{display:block;overflow:hidden;position:relative;width:50px;height:50px;border-radius:50px;line-height:50px;font-size:0;text-indent:-999em}
.content-aside .sns li a::before{display:inline-block;width:100%;height:100%;content:''}
.content-aside .fb{background-color:#3a589b}
.content-aside .fb:hover{background-color:#2e467c}
.content-aside .fb::before{background:url(../images/common/ico_facebook_w.png) 50% 50% no-repeat;background-size:60% auto}
.content-aside .tw{background-color:#598dca}
.content-aside .tw:hover{background-color:#4771a2}
.content-aside .tw::before{background:url(../images/common/ico_tw_w.png) 50% 50% no-repeat;background-size:55% auto}
.content-aside .blog{background-color:#ff861b}
.content-aside .blog:hover{background-color:#cc6b16}
.content-aside .blog::before{background:url(../images/common/ico_blog_w.png) 50% 50% no-repeat;background-size:51% auto}
.content-aside .kakaostory{background-color:#fdc113}
.content-aside .kakaostory:hover{background-color:#fda713}
.content-aside .kakaostory::before{background:url(../images/common/ico_kakaostory_w.png) 50% 50% no-repeat;background-size:60% auto}

/* 사이트맵 */
.Jnit_sitemap .sitemap_Dept01{overflow:hidden;float:left;width:31.3333%;margin:0 1% 2.5em;line-height:1.2; min-height: 250px;}
.Jnit_sitemap .sitemap_Dept01 > li{margin-bottom:8px}
.Jnit_sitemap .sitemap_Dept01 > li > a{display:block;margin-bottom:.8em;padding-bottom:10px;border-bottom:2px solid #272f4e;font-size:23px;font-size:2.1rem;font-weight:700;color:#272f4e;letter-spacing:-1px}
.Jnit_sitemap .sitemap_Dept02 > li{margin:10px 0}
.Jnit_sitemap .sitemap_Dept02 > li > a{font-weight:bold;font-size:18px;font-size:1.8rem;line-height:1.3;color:#666}
.Jnit_sitemap .sitemap_Dept02 > li > a:hover{color:#4b9abc;text-decoration:none}
.Jnit_sitemap .sitemap_Dept03 > li{margin-bottom:1px}
.Jnit_sitemap .sitemap_Dept03 > li > a{padding-left:15px;font-size:.8em;color:#696969}
.Jnit_sitemap .sitemap_Dept03 > li > a:hover{color:#4b9abc;text-decoration:none}
.Jnit_sitemap .sitemap_Dept04{display:none}

/* sub1-1-tab1 */
.sub1-1 #tab1 .sub-section .sub-txt {text-align:justify;}

/* sub1-1-tab2 */
.sub1-1 #tab2 .title-desc {padding: 0 10px 35px;}
.sub-historyBox{margin-top:50px;background:url(../images/common/history_line.gif) center top repeat-y}
.sub-historyBox .sub-section{display:inline-block;position:relative;width:100%;margin:0;padding-bottom:4.5em;text-align:center}
.sub-historyBox .sub-section:last-child{padding:0}
.sub-historyBox .sub-section:nth-child(odd) .sub-title:after{position:absolute;right:-14px;width:29px;height:29px;background:url(../images/common/history_circle.png) center top no-repeat;content:''}
.sub-historyBox .sub-section:nth-child(even) .sub-title{float:right;text-align:left}
.sub-historyBox .sub-section:nth-child(even) .sub-title:after{position:absolute;left:-14px;width:29px;height:29px;background:url(../images/common/history_circle.png) center top no-repeat;content:''}
.sub-historyBox .sub-section:nth-child(1) .sub-title,.sub-historyBox .sub-section:nth-child(1) .sub-txt strong{color:#769e57}
.sub-historyBox .sub-section:nth-child(3) .sub-title,.sub-historyBox .sub-section:nth-child(3) .sub-txt strong{color:#52a181}
.sub-historyBox .sub-section:nth-child(5) .sub-title,.sub-historyBox .sub-section:nth-child(5) .sub-txt strong{color:#4b9abc}
.sub-historyBox .sub-section:nth-child(7) .sub-title,.sub-historyBox .sub-section:nth-child(7) .sub-txt strong{color:#769e57}
.sub-historyBox .sub-section .sub-title{float:left;position:relative;width:50%;padding:0 35px;font-size:35px;font-size:3.5rem;font-weight:700;font-family:'NanumSquare';line-height:1.1;color:#7c7c7c;text-align:right;vertical-align:top}
.sub-historyBox .sub-section .sub-txt{float:left;width:50%;padding:0 35px;font-size:16px;font-size:1.6rem;font-weight:400;color:#5e5e5e;text-align:center;word-break:keep-all;word-wrap:break-word}
.sub-historyBox .sub-section .sub-txt strong{display:inline-block;font-size:20px;font-size:2rem;font-weight:700;color:#7c7c7c}
#tab3 .sub-box .sub-title{margin:1em 0 1.5em;font-size:35px;font-size: 3rem;line-height:1.4;font-weight:400;color:#444b65;text-align:center;}
#tab3 .sub-box .img{display:block;text-align:center}

/* sub1-1-tab4 */
.sub1-1 #tab4 .title-desc {color:#4b9abc;font-size:30px;font-size: 2.5rem;}
.sub1-1 .section-logo .sub-box {text-align:center;margin:60px auto 40px;padding:50px 0 70px 0;}
.sub1-1 #tab4 .section-logo {text-align: center;}
.sub1-1 #tab4 .section-logo > ul {max-width: 770px;display: inline-block;}
.sub1-1 #tab4 .section-logo > ul li {text-align: left;font-size: 16px;font-size: 1.6rem;line-height: 1.6; padding-left:12px; position:relative;}
.sub1-1 #tab4 .section-logo > ul li:before {content:'-'; position:absolute; left:0;}
.sub1-1 #tab4 .section-logo > ul li strong {font-weight:700;}
.sub1-1 #tab4 .section-logo > ul li strong b {color:#4b9abc}
.sub1-1 #tab4 .logo-mark {display:inline-block; position:relative; width:100%; margin-top:15px;}
.sub1-1 #tab4 .logo-mark:after {display:table-cell; content:''; clear:both;}
.sub1-1 #tab4 .logo-mark img {max-width:100%; float:left;}
.sub1-1 #tab4 .logo-mark > ul {position:absolute;bottom:0;right: 0;}
.sub1-1 #tab4 .logo-mark > ul li {width:135px; margin-top:5px; text-align:center;}
.sub1-1 #tab4 .logo-mark > ul li a {width:100%; padding:10px 0; background-color:#4b9abc; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block;}
.sub1-1 #tab4 .logo-mark > ul li a:hover {background-color:#1760ab;}

/* sub1-2-tab1 */
.sub1-2{position:relative}
.sub1-2 .img{overflow:hidden;position:absolute;width:100%;margin-left:-50px}
.sub1-2 .txtgroup{margin-top:300px}


.sub1-2 .txtgroup .sub-txt dl dt {font-size:1.8rem;font-weight:700;padding: 10px 0 15px 20px;}
.sub1-2 .txtgroup .sub-txt dl dt:before{margin-left:-25px;padding-right:5px;content:'○'}
.sub1-2 .txtgroup .sub-txt dl dd {font-size:1.7rem;padding:0 0 15px 25px}
.sub1-2 .txtgroup .sub-txt dl dd:before{margin-left:-10px;padding-right:5px;content:'-'}

/* sub1-2-tab2 */
.sub1-2 .title-desc {margin-bottom:50px;}
.sub1-2 #tab2 .txtgroup ol li:after{display:block;clear:both;/* padding-left:26.5%; */text-align: center;width: 100%;height: 22px;content:'';background:url(../images/content/sub1-2-tab3-arrow.png) 50% 50% no-repeat;}
.sub1-2 #tab2 .txtgroup ol li:last-child:after{content:'';display:none;}
.sub1-2 #tab2 .txtgroup >ol >li >section{display:table;width:100%;}
.sub1-2 #tab2 .txtgroup ol li section h4{display: table-cell;/* float:left; */position:relative;width:28.5%;margin-top:5px;vertical-align:top;text-align: center;}
.sub1-2 #tab2 .txtgroup ol li section h4 img{width:100%;max-width: 958px;}
.sub1-2 #tab2 .txtgroup ol li section dl{display: table-cell;/* float:left; */width:71.5%;padding-left:3em;line-height:2em;vertical-align: middle;}
.sub1-2 #tab2 .txtgroup ol li section dl dt{margin-top:10px;font-size:18px;font-size:1.8rem;font-weight:700}
.sub1-2 #tab2 .txtgroup ol li section dl dd{padding-left:12px;font-size:16px;font-size:1.6rem;line-height:1.5em}
.sub1-2 #tab2 .txtgroup ol li section dl dd:before{width:12px;margin-left:-12px;content:'-'}

.sub1-3 #tab1 .txtgroup > p{font-size:16px;font-size:1.8rem;line-height: 1.5;}
.sub1-3 #tab2 .txtgroup{}
.sub1-3 #tab2 .txtgroup > p{font-size:16px;font-size:1.8rem}
.sub1-3 #tab3 .txtgroup{margin-top:0}
.sub1-3 #tab3 .txtgroup > p{font-size:16px;font-size:1.8rem}
.sub1-3 #tab3 .plan-hidden {visibility:hidden; height: 0px; overflow: hidden;}
.sub1-3 #tab3 .sub-section.plan > img {width:100%;}
.sub1-3 .section-plan {margin-bottom:15px;position:relative;display:inline-block;width:100%;background:#4b9abc;}
.sub1-3 .section-plan:after {display:table-cell;clear:both;content:'';}
.sub1-3 .section-plan .h4-title {float:left;margin-top:7px; text-align:center; padding:20px 0; font-size:2.5rem; font-weight:700; color:#fff;width:20%;}
.sub1-3 .section-plan p {float:left; width:80%;}
.sub1-3 .section-plan p img{width:100%;}
.sub1-3 .section-plan:nth-child(3){margin-top:65px;}
.sub1-3 .section-plan:nth-child(3):before{content:'';position:absolute; top:-65px; left:50%; margin-left:-53px; width:106px; height:56px; background:url(../images/common/up_arrow.png) 0 0 no-repeat;}
.sub1-3 .section-plan:nth-child(3), .sub1-3 .section-plan:nth-child(6), .sub1-3 .section-plan:nth-child(8) {background:#769e57;}
.sub1-3 .section-plan:nth-child(4) {background:none;}
.sub1-3 .section-plan:nth-child(4) p {float:none; display:block; width:60%; margin:0 auto;}

.sub1-3 table,.table-default {text-align: left;margin-top:20px}
.sub1-3 table .col1{width:5%;}
.sub1-3 table .col2{width:7%;}
.sub1-3 table .col3{width:22%;}
.sub1-3 table .col4{width:66%;}
.sub1-3 table colgroup:nth-child(0) { width: 20%; }
.sub1-3 table colgroup:nth-child(1) { width: 80%; }
.sub1-3 table td, .sub1-2 table th, .table-default th, .table-default td { padding: 15px; line-height: 1.5em; }
.sub1-3 table thead th, .table-default thead th { font-size: 18px; font-size: 1.8rem; color: #4b9abc; text-align: center; font-weight: 700; border-top: 2px solid #4b9abc; border-bottom: 2px solid #4b9abc; }
.sub1-3 table thead th:first-child, .table-default thead th:first-child { border-right: 1px solid #bcbcbc; }
.sub1-3 table tbody th, .table-default th {text-align:center;border-right:1px solid #bcbcbc;font-size: 18px; font-size: 1.8rem; background: #e8e8e8; vertical-align: middle; font-weight: 700; border-bottom: 1px solid #bcbcbc;}
.sub1-3 table tbody tr:nth-child(3) ul { margin-bottom: 20px; }
.sub1-3 table tbody td, .table-default td { font-size: 16px; font-size: 1.6rem; line-height: 1.7em; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
.sub1-3 table tbody td strong { font-size: 16px; font-size: 1.6rem; font-weight: 700; }
.sub1-3 table tbody td ul li:before { content: '-'; }
.sub1-3 table tbody .cm {text-align:center;vertical-align:middle;}

/* 푸터 메뉴 관련 추가 20170808 */
.inner-section {margin-top: 1em;}
.inner-section .h4-title {font-size: 2rem;font-weight: 700;	padding: 0 0 15px 20px;}
.inner-section .h4-title:before {display: inline-block; width: 15px;margin-left: -15px;padding-right: 5px;content: '○';}
.sub-txt .table-default {width: 100%; table-layout: fixed;}
.sub-txt .table-default td {vertical-align: middle; text-align: center;}
.sub-txt .table-default th {border-right:none; border-left:1px solid #bcbcbc}
.sub-txt .table-default th:first-child {border-left:none}
.sub-txt .table-default thead th {background-color: transparent;}
#mapCon {width: 100%;height: 595px;	border: 1px solid #e0e0e0;overflow: hidden;}
.wrap-banner-cell {margin:0 -5px;}
.banner-cell {width: 50%;float: left; margin-bottom: 1px; padding:5px}
.banner-dl {border:1px solid #eee}
.banner-dl dt {display: block;font-weight: bold;text-align: center;background: #eee;padding: 10px;line-height: 1.1;}
.banner-dl dd {display: block;text-align: center;padding: 1em;}
.banner-dl dd .img {display: block; margin: 1em auto; }
.banner-dl dd .img img  {max-width: 100%}
.btn-banner-copy {cursor: pointer; display: inline-block; border:1px solid #eee; background-color: #0668b2; color: #fff; font-weight: bold; padding:5px 20px}
.btn-banner-copy:hover {background-color: #055592;}

/* 20200213 */


.list_dote2 {font-size:1.8rem;font-weight:700;padding: 10px 0 15px 0;}
.list_dote2 li{padding-left: 24px;position: relative;font-weight: 400;line-height: 1.6;padding: 10px 0 10px 24px;}
.list_dote2 li:before{display:block;content:'○';position: absolute;top: 10px;left:0;}

.plan_list{
	
}

.plan_list >li {
	padding-bottom:75px;
	text-align: center;
	position: relative;
}

.plan_list >li >strong{
	display:inline-block;
	width:650px;
	height: 55px;
	text-align:center;
	font-size: 25px;
	border-radius: 30px;
	background: #fff;
	padding:10px;
	font-weight: 700;
}

.plan_list >li >span{
	display:block;
	width:100%;
	text-align:center;	
	margin-top:-27px;	
	padding:50px 30px 30px;
}

.plan_list.plan_blue >li:nth-child(1):after{
	content: '';
	display:block;
	position: absolute;
	bottom:13px;
	left:50%;
	margin-left:-60px;
	background:url(../images/content/ico_support.png);
	width:119px;
	height: 45px;
}

.plan_list.plan_blue >li:nth-child(1) >span{
	color:#92e4a9;
	font-size:30px;
	background: #405a7f;
}

.plan_list.plan_blue >li:nth-child(1) >strong{
	border:2px solid #405a7f;
	color:#405a7f;
	line-height: 35px;
}

.plan_list.plan_blue >li:nth-child(1) >span{
	color:#92e4a9;
	font-size:30px;
	background: #405a7f;
}

.plan_list.plan_blue >li:nth-child(2){
	padding-bottom:45px;
}
.plan_list.plan_blue >li:nth-child(2) >strong{
	border:2px solid #c5d3e5;
	color:#5981b5;
	line-height: 35px;
}

.plan_list.plan_blue >li:nth-child(2) >span{
	color:#333;
	font-size: 20px;
	background: #c5d3e5;
	line-height: 30px;
}

.plan_list.plan_green >li{
	padding-bottom:25px;
}
.plan_list.plan_green >li >strong{
	line-height:30px;
	font-size: 25px;
}

.plan_list.plan_green >li >span{
	text-align: left;
	text-indent: -24px;
	margin-left: 0;
	padding-left: 64px;
	padding-bottom:20px;
	line-height:30px;
	font-size: 20px;
}

.plan_list.plan_green >li:nth-child(even) >strong{
	border:2px solid #e1f6e7;
	color:#89da9f;
}

.plan_list.plan_green >li:nth-child(even) >span{
	color:#333;
	/* font-size:18px; */
	background: #e1f6e7;
}

.plan_list.plan_green >li:nth-child(odd) >strong{
	border:2px solid #d5ece9;
	color:#59b5a6;
}

.plan_list.plan_green >li:nth-child(odd) >span{
	color:#333;
	/* font-size:18px; */
	background: #d5ece9;
	line-height: 30px;
}

.plan_list.plan_green >li >span .plan_dote_list{
	margin-top:5px;
}

.plan_list.plan_green >li >span .plan_dote_list >li{
	font-size: 16px;
	line-height: 33px;
	color:#333;
	position: relative;
	text-indent: 0;
	padding-left: 15px;
}

.plan_list.plan_green >li >span .plan_dote_list >li:after{
	content: '';
	display:inline-block;
	position: absolute;
	top: 9px;
	left:0;
	width:5px;
	height:5px;
	border-radius: 50%;
	border:3px solid #59b5a6;

}

/*******************************************************************
** Media Query
********************************************************************/
@media screen and (max-width: 1160px){
	.br{display:inline}
	/* header */
	#gnb{margin:0}
	#gnb .top-menu > li{margin:0 0 0 30px}
	/* Sub */
	.content-body .img-list li{padding:0 15px}

	#footer .footer-copy{display:block;margin-left:0px;}
	.section-footer dl dt {float:none;position: relative;}
	.section-footer:nth-child(1) dl dd {margin-top:0;}
	.section-footer:nth-child(2) dl dd {margin-top:0;}
	.section-footer address ul li {line-height: 2em;}
	.section-footer address ul li:before {line-height:1em;}
}

/* Mobile (max-width sort) */
@media screen and (max-width: 1024px){
	html{font-size:58%}
	.container{padding:0 15px}

	/* Header */
	#header{height: 70px;}
	.header-logo{float:none;width: 265px;height: 70px;}
	.header-menu{position:absolute;top:10px;right:15px;margin:0}
	#gnb{visibility:hidden;position:absolute;top:0;pointer-events:none;opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);-webkit-transition:-webkit-transform 0.45s,opacity .45s;-webkit-transition:opacity 0.45s,-webkit-transform .45s;transition:opacity 0.45s,-webkit-transform .45s;-webkit-transition:opacity .45s,-webkit-transform 0.45s;transition:opacity .45s,-webkit-transform 0.45s;transition:transform 0.45s,opacity .45s;transition:transform 0.45s,opacity .45s,-webkit-transform 0.45s;transition:transform 0.45s,opacity 0.45s,-webkit-transform .45s}
	.__open-mmenu #gnb{visibility:visible;top:0;left:0;width:100%;height:auto;padding:0 10px;background:transparent;opacity:1;pointer-events:auto;-webkit-transform:translate(0,-230px);transform:translate(0,-230px)}
	#gnb .top-menu .menu-div{position:static;height:auto}
	#gnb .top-menu .menu-div ul li{display:block;float:none;clear:both;margin:0}
	#gnb .top-menu .menu-div ul li a{padding:13px 5px;font-weight:400;color:#ffe8b8}
	#gnb .top-menu .menu-div ul li a:hover,#gnb .top-menu .menu-div ul li a:active{font-weight:700;color:#ffc240}
	/* #gnb .top-menu > li{margin:0 3%} */
	/* #gnb .top-menu > li:first-child{margin:0 5%} */
	#gnb .top-menu > li > a{padding:10px 5px; max-width: none;}

	#gnb .top-menu > li,#gnb .top-menu > li:first-child{margin:0 1%}
	#gnb .top-menu > li{display:block;position:relative;margin:0;text-align:left}
	#gnb .top-menu > li.__over > a{color:#ffc240}
	#gnb .top-menu > li.__over .menu-div{visibility:visible;top:-132px; opacity:1}
	#gnb .top-menu > li.__over:first-child .menu-div{top:0; left: 0; position: relative; padding-left: 35px;}
	#gnb .top-menu > li:first-child{margin:0}
	#gnb .top-menu > li:first-child .menu-div{left:-100%;margin:0}
	#gnb .top-menu > li .menu-div{position:absolute;top:0;margin:0}



	/* Menu Button */
	.menu-button{visibility:visible;top:6px;right: 15px;left: inherit;}

	/* Main */
	.slick-dots{bottom:20px}
	.main-story,.main-video,.main-openspace, .main-merit {padding:2em 0}
	.main-title-desc{margin-bottom:1.5em}
	.main-biz{padding:2em 0}
	.main-biz-section{padding:0}
	.main-biz-section p{display:none}
	.main-biz-section h3{margin:0}
	.main-openspace .container{display:block}
	.main-openspace .cell{display:block;float:left;width:33%}
	.main-openspace .main-news{display:block;overflow:hidden;float:right;width:100%;margin:0 0 1em}
	.main-openspace .main-news .title{margin:0 0 1em}
	.main-openspace .main-news .main-news-list li{margin:0 0 .8em}
	.main-openspace .main-news .main-news-list li a{width:74%}
	.main-openspace .main-links{display:block;clear:both;width:100%;margin:2em 0 0}
	.main-openspace .main-links ul{display:table;width:100%;border-collapse:collapse}
	.main-openspace .main-links li{display:table-cell}
	.main-gallery-list li .inner{padding:0 20px}
	

	/* Sub */
	.content-header{margin-bottom:2em;padding: 2em 0 3em;}
	.content-body .tab-menu{margin-top:-38px;margin-bottom:1em}
	.content-body .tab-menu nav{margin-right:0}
	.content-article{margin-right:0;padding:2em}
	.content-article .title{margin-bottom:.5em}
	.sub-section{margin-top:2em}
	.content-aside{top:-101px;right:126px;width:188px;text-align:right}
	.content-aside .sub-quick{display:none}
	.content-aside .sns{text-align:right}
	.content-aside .sns li{margin:0 2px}
	.content-aside .sns li a{width:40px;height:40px}
	.tab-menu + .container > .content-aside{top:-120px}

	.sub1-1 #tab4 .section-logo .sub-box {margin:20px auto 20px;}
	.sub1-1 #tab4 .logo-mark {text-align:right;}
	.sub1-1 #tab4 .logo-mark > img {float:none; width:100%;}
	.sub1-1 #tab4 .logo-mark > ul {position:relative; right:0; display:inline-block;}
	.sub1-1 #tab4 .logo-mark > ul li {float:left; margin-left:10px;}

	.sub1-2 .img{margin-left:-2em}
	.sub1-3 .section-plan .h4-title {padding:15px 0;}
}

/*******************************************************************
popup
********************************************************************/
/* Main 가로 상단 배너 */
.wrap-popmain {background:#089ce4 url(../images/common/bg_toppop.png) 0 100% repeat-x; height: 160px; overflow: hidden}
.wrap-popmain img {max-width: 100%; max-height: 140px}

.layer-popup {width: 500px;height: auto;display:block;position:absolute;top:80px;left:50%;background-color: #233050;margin: 0 0 0 -258px;-webkit-box-shadow : 3px 3px 50px rgba(0,0,0,0.5);box-shadow : 3px 3px 50px rgba(0,0,0,0.5);}
.layer-popup img {width:100%; display: block;}
/*.layer-popup .btn-layer-close {background:url(../images/common/ico_close.png) 0 0 no-repeat; width:25px; height:25px; position:absolute; top:10px; right:10px; background-size:100% auto; overflow:hidden; font-size:0; cursor:pointer}*/
/*.layer-popup .btn-layer-close {background:url(../images/common/ico_close.png) 0 0 no-repeat; width:15px; height:15px; position:absolute; bottom:10px; right:10px; background-size:100% auto; overflow:hidden; font-size:0; cursor:pointer}*/
/*.layer-popup .btn-layer-close {background:url(../images/common/ico_close.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; bottom:9px; right:34px; background-size:100% auto; overflow:hidden; font-size:0; cursor:pointer; border: 1px solid white;}*/
/*.layer-popup .btn-layer-close {background:url(../images/common/ic_close_w.png) 0 0 no-repeat; width: 20px; height: 20px; position:absolute; bottom:8px; right:35px; background-size:100% auto; overflow:hidden; font-size:0; cursor:pointer; border: 1px solid #5d5d5d; }*/
.layer-popup .btn-layer-close {background:url(/scientists/common/img/2019121817194249053.png) 0 0 no-repeat; width: 20px; height: 20px; position:absolute; bottom:10px; right:35px; background-size:100% auto; overflow:hidden; font-size:0; cursor:pointer; border: 1px solid #5d5d5d; }
.layer-popup .layer-popup-check {position: absolute; bottom:9px; left: 32px; color: #fff; }
.layer-popup .layer-popup-check #layer-popup-check {    vertical-align: middle;}
.popup1{left:50%;margin-left: -505px;}
.popup2{right:50%;margin-left: 5px;}

body.popup, body.popup .content {max-width:600px;}
body.popup .content{background:#a7e4dc url(/scientists/popup/images/logo_vote_bg.jpg) 0 0 no-repeat;background-size:100%;padding:48% 6% 6% 6%;}
body.popup .content form {background:#fff;}
body.popup .content .research_list {position: relative; padding: 25px 16px;}
body.popup .content .research_list .tit, body.popup .content .research_list .research_content {display:none;}

dl#QUE000003 dt, dl#QUE000004 dt, dl#QUE000007 dt {line-height:18px; display:table-cell; vertical-align:middle;line-height:1.3em;}
dl#QUE000004, dl#QUE000007 {margin-top: 20px;}
dl#QUE000004 .text-info, dl#QUE000007 .text-info {display:none;}

.popup .research_list dl {display: block;display: inline-block;width: 100%;}
.popup .research_list dl dt {font-size:18px; position: relative; padding-left: 40px; height: 52px;}
.popup .research_list dl dt .Qnum {position: absolute; left:0; top:0; font-size:52px; color:#272f4e; font-weight:700; line-height: 1em;}
.popup .research_list dl dd:after {display: table-cell; clear: both; content: '';}

.popup .research_wlineup {float:left; width:33.3333%}
.popup .research_wlineup li {position: relative; text-align: center; padding-bottom: 30px;}
.popup .research_wlineup li > label {display: inline-block;}
.popup .research_wlineup li > label .label-text {display:none;}
.popup .research_wlineup li > #radioAnswer1, #radioAnswer2, #radioAnswer3 {position: absolute; bottom: 5px;; width:19px; height:19px; left:50%; margin-left:-9px; }

dl#QUE000004 #resAnswer4 {border: 1px solid #e2e2e2; height: 78px; width: 100%;}
dl#QUE000007 #resAnswer5 {border: 1px solid #e2e2e2; height: 34px; width: 100%;}

.popup .btn_list input.btn, .popup .btn_list a.btn {padding:0px; background:#00939c;display: inline-block;margin-top: 17px;line-height: 50px;height: 50px;width: 40%;color: #fff;font-size:20px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.25);box-shadow:3px 3px 3px rgba(0,0,0,0.25);border:0;}
.popup .btn_list a.btn.end {background:#075087;display:none;}
.popup .btn_list a.btn-listview {display:none;}

.popup .research_list.view dl dt {display:table-cell; vertical-align:middle;}
.popup .research_list.view .row-fluid {text-align: center;}
.popup .research_list.view dl:nth-child(3) dd ul li, .popup .research_list.view dl:nth-child(4) dd ul li {width:100%;padding-bottom:17px;}
.popup .research_vlineup li {float:left; width:33.3333%;position: relative; text-align: center; padding-bottom: 30px; line-height:2rem;}
.popup .research_vlineup .grap {display:block; background:#f1f1f1; margin:0 3%; height:15px; position:relative;}
.popup .research_vlineup .grap b {display:block; background-color:#4169e1; height:15px;}
.popup .research_vlineup em.sfont {font-size:12px;}
.ansbox {border:1px solid #e2e2e2;height:35px;line-height:35px;width:84%;display:inline-block;}
.ansbox a.anspop {color:#4169e1;font-size:15px;font-weight:700;}


@media screen and (max-width: 1024px){
	.popup1{left: 50%;margin-left:-258px;}
	.popup2{left: 50%;margin-left:-258px; top:650px;}
}

@media screen and (max-width: 768px){
	html{font-size:53%}
	html,body{overflow-x:hidden}

	/* Header */
	.__open-mmenu #gnb{top:-5px}
	#gnb .top-menu > li,#gnb .top-menu > li:first-child{margin:0 2%}

	/* Main */
	.main-banner li.slide-li strong{font-size:4rem}
	.main-gallery-wrap{overflow-x:auto;overflow-y:hidden}
	.main-gallery-list{width:700px;margin:0 -10px}
	.main-gallery-list li .inner{padding:0 10px}

	/* Sub */
	.content-article{padding:1em}
	.content-body .img-list li .img{margin-bottom:1em}

	/* 사이트맵 */
	.Jnit_sitemap .sitemap_Dept01{float:none;clear:both;width:100%;margin:0 0 2em; min-height: auto;}
	.sub1-2 .img{margin-left:-1em}
	.sub1-3 .section-plan .h4-title {float:none;display:block;width:100%;padding:10px 0;}
	.sub1-3 .section-plan p {width:100%;}

	.plan_list >li >strong{
		width:auto;
		height:auto;
		padding:10px 50px;
	}
}

@media screen and (max-width: 640px){
	html{font-size:55%}
	/* Header */
	#gnb .top-menu > li,#gnb .top-menu > li:first-child{margin:0 1%}
	#gnb .top-menu > li{display:block;position:relative;margin:0;text-align:left}
	#gnb .top-menu > li.__over > a{color:#ffc240}
	/* #gnb .top-menu > li.__over .menu-div{visibility:visible;top:-83px;right:0;left:172px;opacity:1} */
	#gnb .top-menu > li.__over:first-child .menu-div{top:0}
	#gnb .top-menu > li:first-child{margin:0}
	#gnb .top-menu > li:first-child .menu-div{top:150px;margin:0}
	#gnb .top-menu > li .menu-div{position:absolute;top:150px;margin:0}
	.header-menu{display:none}
	.menu-button{right:15px;left:inherit}

	/* Main */
	.main-title-desc{margin-bottom:1em}
	.main-banner li.slide-li strong{font-size:3.3rem}
	.main-openspace .cell{display:block;clear:both;width:100%;margin:0 0 .5em}
	.main-openspace .cell .main-title{display:inline-block;margin:0 .2em 0 0;text-align:left}
	.main-openspace .cell .main-title-desc{display:inline-block;font-size:16px;text-align:left}
	.main-openspace .main-news{display:block;overflow:hidden;clear:both;width:100%;margin:0 0 1em}
	.main-openspace .main-news .title{margin:0 0 1em}
	.main-openspace .main-news .main-news-list{max-width:700px}
	.main-openspace .main-news .main-news-list li{margin:0 0 .8em}
	.main-openspace .main-news .main-news-list li a{width:71%}
	.main-openspace .main-links ul{margin:0 auto}
	.main-openspace .main-links li{display:block;float:left;width:33.33%;height:50px;margin:0;line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.main-openspace .main-links li:nth-child(2){border-left:none;border-right:none}
	.main-openspace .main-links li a img{height:100%}

	/* Sub */
	.content-header .header-util{float:none;clear:both;text-align:left;position: absolute;top: 0;right: 0;width: 100px;}
	.content-header .header-util .breadcrumb{text-align:left; letter-spacing: -1px}
	.content-header .header-title{float:none;clear:both;position: relative;padding-left: 50px;padding-right: 60px;/* border: 1px solid red; */overflow: hidden;}
        .content-header .header-title .title-wrap{display: table-cell;vertical-align: middle;min0height: 50px;}
	.content-header .header-title .title-wrap .title-sub{height: auto;font-size: 12px;line-height: 1;display: inline-block;/* vertical-align: middle; */}
	.content-header .header-title .title-wrap .title-main{font-size: 19px;margin-top: 5px;line-height: 1;display: inline-block;font-weight: 600;}
	.content-header .header-title .ico-sub{height:50px;margin-right:10px;width: 50px;position: absolute;left: 0;}
	.content-header .header-title .ico-sub img{width:auto;height:100%}
	.content-header .header-tools {position: absolute;right: 0;top: 56px;}
	.content-header .header-tools .btn-print {display:none}
	.content-body .img-list li,.content-body .img-list.w33 li{display:block;float:none;width:100%;margin:0 auto 2em}
	.content-body .tab-menu{margin-top: -47px;padding: 0 15px;}
	.content-body .tab-menu.__open-tab ul{visibility:visible;top:35px;z-index:100;border:1px solid #272f4e;border-top:none;background-color:#fff;opacity:1;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3)}
	.content-body .tab-menu.__open-tab nav .tab-title .btn-tab-title{background-position:97% -23px}
	.content-body .tab-menu nav{position:relative;min-width:250px;padding:0;border:1px solid #272f4e;}
	.content-body .tab-menu nav .tab-title{display:block}
	.content-body .tab-menu nav .tab-title .btn-tab-title{width:100%; width: calc(100vw - 30px); height:36px;padding:8px 38px 8px 20px;background:url(../images/common/ico_arrow_tab.png) 97% 15px no-repeat;background-size:17px auto;font-size:22px;font-size:2.2rem;font-weight:700;color:#333;text-align:left;cursor:pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.content-body .tab-menu nav ul{display:block;visibility:hidden;position:absolute;right:0;left:0;margin:0 -1px;padding:10px 0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
	.content-body .tab-menu nav li,.content-body .tab-menu nav li:first-child{display:block;float:none;padding:0 1px;background:none}
	.content-body .tab-menu nav li a,.content-body .tab-menu nav li.on a,.content-body .tab-menu nav li:first-child a,.content-body .tab-menu nav li:first-child.on a{padding:5px 20px;background:none;text-align:left}
	.content-aside{top:-160px;right:10px;text-align:right}
	.content-aside .sns ul{visibility:hidden;position:absolute;right:-200px;width:auto;height:54px;margin:-7px 0 0;padding:7px;border-top-left-radius:60px;border-bottom-left-radius:60px;-webkit-transition:right .5s;transition:right .5s}
	.content-aside .__open-share.sns ul{visibility:visible;right:-11px;background-color:#fff;-webkit-box-shadow:0 2px 15px rgba(0,0,0,0.3);box-shadow:0 2px 15px rgba(0,0,0,0.3)}
	.content-aside .ico-share{visibility:visible;float:right;position:static}
	.content-aside .sns-close{display:block;visibility:visible;float:right;position:static;width:40px;height:40px}
	.content-aside .sns-close .btn-sns-close{width:100%;height:100%;cursor:pointer}
	.content-aside .sns-close .btn-sns-close::before{display:inline-block;width:100%;height:100%;border-radius:40px;background:#ccc url(../images/common/ico_arrow_r.png) 58% 50% no-repeat;background-size:30% auto;content:''}
	.tab-menu + .container > .content-aside{top:-166px}

	.sub-historyBox{margin-left:30px;background-position:left top}
	.sub-historyBox .sub-section{padding-bottom:2em}
	.sub-historyBox .sub-section:nth-child(odd) .sub-title{text-align:left}
	.sub-historyBox .sub-section:nth-child(odd) .sub-title:after{display: none;}
	.sub-historyBox .sub-section:nth-child(odd) .sub-title:before{position:absolute;left:-12px;width:29px;height:29px;background:url(../images/common/history_circle.png) center top no-repeat;content:''}
	.sub-historyBox .sub-section:nth-child(even) .sub-title:after {left: -12px;}
	.sub-historyBox .sub-section .sub-title{width:100%;margin:0}
	.sub-historyBox .sub-section .sub-txt{width:100%;text-align:left}

	.sub1-1 #tab4 .section-logo .sub-box {padding:30px;}

	.sub1-2 #tab2 .txtgroup{margin-top:255px}
	.sub1-2 #tab2 .txtgroup ol li:after{display: inline-block;padding:0;text-align:center; width: 100%;}
	.sub1-2 #tab2 .txtgroup ol li section{text-align:center}
	.sub1-2 #tab2 .txtgroup ol li section h4{float:none;width:264px;display: inline-block;}
	.sub1-2 #tab2 .txtgroup ol li section dl{float:none;width:65%;padding:0;text-align:left;display: inline-block;}
	.sub1-2 .title-desc {margin-bottom:15px;}



	#tab3 .sub-box .sub-title{margin:0}
	#tab3 .sub-box .img{visibility:hidden;position:absolute}

	.sub1-2 .img img{margin-left:-110px}
	.sub1-2 .txtgroup{margin-top:270px}
	#mapCon {height: 300px;}

	.plan_list >li >strong{
		font-size:20px;
		padding:5px 20px;
	}
	.plan_list >li >span{
		padding-left:20px;
		
	}
	.plan_list.plan_green >li >strong{
		font-size:20px;
		padding:5px 20px;
	}
	.plan_list.plan_green >li >span{
		padding-left:40px;
		padding-right:20px;
	}


	.layer-popup {width: 96%; left:2%; right:2%; margin: 0; height: auto;}
.layer-popup .layer-popup-check {    left: 6%;
}
.layer-popup .btn-layer-close {
    right: 7%;
}
}

@media screen and (max-width:580px){
	.popup .research_wlineup {width:177px;float:none;display:inline-block;}
	dl#QUE000003 dd {text-align:center;}
	.banner-cell {width: 100%; float: none; clear: both;}
}

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

	.layer-popup .btn-layer-close {    width:15px;
    height: 15px;     bottom: 1%;}
.layer-popup .layer-popup-check { bottom: 3px;}
.layer-popup .layer-popup-check label {font-size:12px;}
}


@media screen and (max-width: 425px){
	/* Header */
	.__open-mmenu #gnb{top:-10px}
	.header-logo{float:left}

	/* Main */
	.main-banner li.slide-li strong{font-size:2.8rem}
	.main-biz-section{display:block;float:none;width:100%;margin:1.5em auto}
	.main-biz-section h3 a::before{margin:0 auto 10px}
	.main-title-desc{margin-bottom:1.5em}
	.main-openspace .main-links li{margin:0}
	.main-openspace .main-links a img{height:100%}
	.sub-historyBox{width:100%;margin-left:15px}
	.sub1-2 #tab3 .txtgroup ol li section dl{width:100%}

	.sub1-3 table .col1{width:5%;}
	.sub1-3 table .col2{width:5%;}
	.sub1-3 table .col3{width:10%;}
	.sub1-3 table .col4{width:80%;}
	.sub1-3 table tbody th {word-break:break-all;padding:5px;}
	.sub1-3 table tbody .cm {word-break:break-all;padding:5px;}
	.sub1-3 table tbody td {padding:5px;}

	.popup2{top:520px;}
}

@media screen and (max-width: 375px){
	/* Main */
	.main-banner li.slide-li strong{font-size:2.4rem}
	.main-openspace .main-news .main-news-list li a{width:66%}
	.main-openspace .main-links li{float:none;clear:both;width:100%;border-top:none}
	.main-openspace .main-links li:nth-child(odd){border-right:1px solid #d5d5d5}
	.main-openspace .main-links li:first-child{border-top:1px solid #d5d5d5}
	.main-openspace .main-links li:nth-child(2){border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5}

	.content-header .header-util .breadcrumb{letter-spacing: -2px}
	.sub1-2 table .col1{width:15%;}
	.sub1-2 table .col2{width:85%;}
	.sub1-2 table tbody th {padding:5px;}
	.sub1-2 table tbody td {padding:5px;}

	.popup2{top:470px;}
}

@media screen and (max-width: 320px){
	/* Main */
	.popup2{top:410px;}
}



.main-merit .slick-prev,.main-merit .slick-next {width:33px; height:66px;}
.main-merit .slick-prev:before,.main-merit .slick-next:before {color:#ebebeb}
.main-merit .slick-prev {left:-80px;}
.main-merit .slick-next {right:-80px;}
.main-merit .slick-prev, .main-merit .slick-prev:hover, .main-merit .slick-prev:focus {background:url(../images/btn/ico_larr.png) no-repeat;}
.main-merit .slick-next,  .main-merit .slick-next:hover, .main-merit .slick-next:focus {background:url(../images/btn/ico_rarr.png) no-repeat;}

@media screen and (max-width: 1024px){
.main-merit .container > div {padding:0 60px;}
.main-merit .slick-prev {left:-60px;}
.main-merit .slick-next {right:-60px;}
}

@media screen and (max-width: 767px){
.main-merit .container > div {padding:0;}
}



/* 게시판 게시물 custom design */
.customDesign h1 {
	padding-bottom:20px;
	font-size:0;
}
.customDesign .sub-title {
	margin:1.5em 0 1em;
	font-size: 25px;
	font-size: 2.5rem;
}
.customDesign .cont_top {
	position:relative;
}
.customDesign .cont_top h1 {
	padding:0;
}
.customDesign .cont_top img {
	width:100%;
}
.customDesign .cont_top .s_title {
	position:absolute;
	top:17%;
	left:50%;
	width:614px;
	margin-left:-307px;
	padding:10px 30px;
	background-color:#849d3d;
	background-color:rgba(132, 157, 61, 0.75);
	color:#fff;
	text-align:center;
}
.customDesign h1 img {
	width:100%;
}
.customDesign .img_box {
	padding:25px 20px 20px;
	margin-bottom:20px;
	background-color:#e6eef7;
}
.customDesign .img_box.bg1 {
	background:url(/scientists/common/img/2018052916485027983.jpg) no-repeat 0 0;
	background-size:cover;
}
.customDesign .img_box figcaption {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#193659;
}
.customDesign .img_box img {
	width:100%;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1)
}
.customDesign .img_box.fullImage {
	padding:0;
	padding-bottom:20px;
}
.customDesign .img_box.no_bg {
	padding:0;
	font-size:0;
}
.customDesign .img_box.no_bg img {
	box-shadow: none;
}
.customDesign .img_box.fullImage img {
	box-shadow: none;
}
.customDesign .img_box
+.fullImage {
	margin-top:-20px;
}
.customDesign .img_box .align-center {
	margin:0 auto;
	max-width:490px
}
.customDesign .img_box .transform {
	overflow: hidden;
	margin-bottom:5px;
}
.customDesign .img_box .transform .item {
	overflow: hidden;
	height:270px;
}
.customDesign .img_box .transform .item.w60 {width:60%;}
.customDesign .img_box .transform .item.w40 {width:40%;}
.customDesign .img_box .row-4 {
	overflow:hidden;
}
.customDesign .img_box .item {
	padding:5px 10px;
}
.customDesign .img_box .row-4 .item {
	float:left;
	width:25%;
}
.customDesign .img_box .row-3 .item {
	float:left;
	width:33.33%;
}
.customDesign .img_box .row-2 .item {
	float:left;
	width:50%;
}


@media screen and (max-width: 1160px) {
	.customDesign .img_box .transform .item {
		height:230px;
	}
}
@media screen and (max-width: 1024px) {
	.customDesign .cont_top .s_title {
		top:17%;
	}
	.customDesign .img_box figcaption {
		font-size:13px;
	}
	.customDesign .img_box .transform .item {
		height:24vw;
	}
}
@media screen and (max-width: 900px) {
	.customDesign .img_box,
	.customDesign .img_box .align-center {
		padding:15px 10px 10px;
	}
	.customDesign .img_box.fullImage {
		padding:25px 20px 20px;
	}
	.customDesign .img_box .row-4 .item {
		width:50%;
		text-align:center;
	}
	.customDesign .img_box .row-4 .item img {
		max-width:250px;
	}
}
@media screen and (max-width: 700px) {
	.customDesign .cont_top {
		margin-bottom:20px;
	}
	.customDesign .cont_top h1 {
		overflow: hidden;
		height:16vw;
	}
	.customDesign .cont_top .s_title {
		display:block;
		position:static;
		width:100%;
		margin-left:0;
		margin-top:-7px;
		font-size:12px;
		padding: 10px;
		background:none;
		color:#152e4d;
	}
}
@media screen and (max-width: 500px) {
	/* 기능분류 */
	.m_hide {display:none;}
	/* -/- */

	.customDesign .img_box .row-4 .item,
	.customDesign .img_box .row-3 .item,
	.customDesign .img_box .row-2 .item,
	.customDesign .img_box .transform .item {
		float:none;
		width:100% !important;
		height:auto;
	}
}

/* 2018-08-02 과학기술유공자란? > 심사절치 및 지정기준  하단 바로가기 버튼 , 메인하단 지정신청배너 */
.btn-link-group {display:inline-block; text-align:center; width:100%; padding:2em 0 0;}
.btn-link-group > span {display:inline-block; padding:0 10px; width:100%; max-width:250px;}
.btn-link-group > span > a {display:inline-block; width:100%; background-color:#4682ba; color:#fff; padding:1em 0; font-size:18px;}
.btn-link-group > span > a:hover {display:inline-block; width:100%; padding:1em 0; background-color:#272f4e;}

.slick-slide-title .btn-link {display: block; max-width: 210px; margin: 0 auto; font-size: 20px; color: #fff; border:0.5px solid rgba(255,255,255,0.5); margin-top: 1.5em; padding: 0.2em; background-color: #4b9abc; vertical-align:middle;}
.slick-slide-title .btn-link:after {display:inline-block; content:''; width:9px; height:15px; margin-left:10px; background:url(../images/content/arrow_r.png) 0 0 no-repeat; vertical-align:middle;}
.slick-slide-title .btn-link:hover {background-color:#257da3;}

/* 20191107 추가 */
.main-banner .slick-slide-title.fs-1row{font-size:7rem  !important;}
.style-brown{background-color: rgba(177, 145, 63, .65) !important; }
.style-brown:hover{background-color: rgba(177, 145, 63) !important; }

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

     /* 20191107 추가 */
     .main-banner .slick-slide-title.fs-1row{font-size:5rem  !important;}
}

@media screen and (max-width:640px) {
    .btn-link-group > span {max-width:100%; padding:10px;}

    .slick-slide-title .btn-link {margin-top: 0.5em; font-size:16px; max-width:160px; padding:5px 0; border:1px solid rgba(255,255,255,0.5);}

    .main-openspace .main-links li {width:50%;}
    .main-openspace .main-links li:nth-child(1) {border-bottom:0;}
    .main-openspace .main-links li:nth-child(2) {border-bottom:0; border-right:1px solid #d5d5d5;}
    .main-openspace .main-links li:nth-child(4) {border-left:0;}

     /* 20191107 추가 */
     .main-banner .slick-slide-title.fs-1row{font-size:4rem  !important;}
}

@media screen and (max-width:480px) {
#gnb .top-menu > li > a {font-size:17px;}
}
@media screen and (max-width:375px) {
.__open-mmenu #wrap {    transform: translate3d(0,310px,0);}
	.main-openspace .main-links li {width:100%; border-bottom:1px solid #d5d5d5 !important; border-left:1px solid #d5d5d5 !important;}
     /* 20191107 추가 */
     .main-banner .slick-slide-title.fs-1row{font-size:2.8rem  !important;}
.__open-mmenu #gnb{top: -35px;}
}

.miniboard-list-selectwrap { padding-right: 46px; position: relative; overflow: hidden; padding-bottom: 25px; }
.miniboard-list-selectwrap:after { content: ''; display: table; clear: both;}
.miniboard-list-selectwrap > li { width: 33.3333%; float: left; height: 46px; }
.miniboard-list-selectwrap > li + li { border-left: 1px solid #d6d6d6; }
.miniboard-list-selectwrap > li.active + li, .miniboard-list-selectwrap > li + li.active { border-left: none; }
.miniboard-list-selectwrap > li > button { font-size: 18px; line-height: 1; font-weight: bold; cursor: pointer; width: 100%; height: 100%; background-color: #ececec; border-bottom: 1px solid #363636; border-top: 1px solid #d6d6d6;}
.miniboard-list-selectwrap .btn-boardmore { display: none;}
.miniboard-list-selectwrap > .active .btn-boardmore { display: block; }
.miniboard-list-selectwrap > .active > button { outline: none; border-top: 2px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: none; background-color: white;}
.btn-boardmore { width: 47px; height: 46px; background-color: #404040; color: #dbeef6; position: absolute; right: 0; top: 0; line-height: 54px; font-size: 44px; }
.main-news-list._forevent, .main-news-list._forenews { display: none;}

@media screen and (max-width: 768px){
    .miniboard-list-selectwrap > li > button { font-size: 16px;}
}

@media screen and (max-width: 640px){
.miniboard-list-selectwrap { padding-bottom: 15px; }
    .miniboard-list-selectwrap > li > button { font-size: 13px;}
    .miniboard-list-selectwrap > li:first-child { width: 28%; }
    .miniboard-list-selectwrap > li:nth-child(2) { width: 42%; }
    .miniboard-list-selectwrap > li:last-child { width: 30%; }
}

.new-historyBox { position: relative; padding-top: 160px; background: white url(../images/content/history_bg1.png) left 414px top no-repeat;}
.new-historyBox:before { content: ''; position: absolute; width: 1px; height: 88px; background-color: #aaaaaa; top: 72px; left: 415px; }
.new-historyBox:after { content: ''; position: absolute; width: 11px; height: 11px; border-radius: 50px; background-color: #c1c1c1; top: 150px; left: 410px; }
.new-historyBox .his-section { position: relative; display: table; width: 100%; table-layout: fixed; }
.new-historyBox .his-section:after { display: table; clear: both; content: ''; }
.new-historyBox .his-title { display: table-cell; vertical-align: top; width: 415px; text-align: right; padding: 25px; height: 203px; }
.new-historyBox .his-txt { display: table-cell; vertical-align: top; border-left: 1px solid #aaaaaa; width: 100%; padding: 66px 25px 0; }
.new-historyBox .his-txt.blue { color: #4b9abc; }
.new-historyBox .his-txt.blue:before { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50px; background-color: #4b9abc; top: 103px; left: 412px;  }
.new-historyBox .his-txt.green { color: #60bd97; }
.new-historyBox .his-txt.green:before { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50px; background-color: #60bd97; top: 103px; left: 412px;  }

.new-historyBox .his-txt .his-year {font-size: 36px;font-size: 3rem;font-weight: bold;display: block;margin-bottom: 10px;}
.new-historyBox .his-txt strong {font-size: 24px;font-size: 2rem;font-weight: 500;line-height: 1.3;}
.new-historyBox .his-txt .desc_txt { display: block; color: #aaaaaa; font-size: 16px; font-size: 1.6rem; font-weight: 500; line-height: 1.4; margin-top: 10px; }
.new-historyBox .end_section { height: 100px; position: relative; }
.new-historyBox .end_section:before { content: ''; position: absolute; width: 1px; height: 100%; background-color: #aaaaaa; top: 0; left: 415px; }
.new-historyBox .end_section:after { content: ''; position: absolute; width: 11px; height: 11px; border-radius: 50px; background-color: #c1c1c1; bottom: 0; left: 410px; }

@media screen and (max-width: 1200px){
    .new-historyBox { background: white url(../images/content/history_bg1.png) left calc(44% + 43px) top no-repeat; }
    .new-historyBox:before { left: 44%; }
    .new-historyBox:after { left: 44%; transform: translateX(-5px); }
    .new-historyBox .his-title { width: 44%; }
    .new-historyBox .his-txt { width: 56%; }
    .new-historyBox .his-txt.blue:before { left: 44%; transform: translateX(-3px); }
    .new-historyBox .his-txt.green:before { left: 44%; transform: translateX(-3px); }
    .new-historyBox .end_section:before { left: 44%; }
    .new-historyBox .end_section:after { left: 44%; transform: translateX(-5px); }
.main-banner .slick-slide-title { font-size: 40px; font-size: 4rem;}
}

@media screen and (max-width: 640px){
    .new-historyBox { background: white url(../images/content/history_bg1.png) left 9px top no-repeat; }
    .new-historyBox:before { left: 10px; }
    .new-historyBox:after { left: 10px; }
    .new-historyBox .his-title { width: 10px; padding: 0; height: auto; }
    .new-historyBox .his-title img { display: none;}
    .new-historyBox .his-txt { width: 100%;}
    .new-historyBox .his-txt.blue:before { left: 10px; }
    .new-historyBox .his-txt.green:before { left: 10px; }
    .new-historyBox .end_section:before { left: 10px; }
    .new-historyBox .end_section:after { left: 10px; }
}

.banner_st { clear: both; max-width:960px; margin:auto; padding-top: 10px; }
.banner_st > ul { overflow:hidden; margin: 0 -5px; }
.banner_st > ul > li { width:50%; float:left; padding:5px; height:80px; }
.banner_st > ul > li > div { display:table; width:100%; border: 1px solid #d7d7d7; height:100%; }
.banner_st  .ban_cont_left a { display:table-cell; padding : 0 61px; vertical-align: middle; font-size: 0; line-height: 1; }
.banner_st  .ban_cont_left a > img { width:100%; }
.banner_st  .ban_cont_right a { display:table-cell; padding : 0 15px; vertical-align: middle; font-size: 0; line-height: 1; }
.banner_st  .ban_cont_right a > img { width:100%; }

@media screen and (max-width: 1024px){
.banner_st { padding : 30px 20px 0 20px; }
}

@media screen and (max-width: 768px){
.banner_st { text-align:center; width: 100%;  }
.banner_st > ul { display: inline-block; }
.banner_st > ul > li { float:none; width:100%; }
.banner_st  .ban_cont_left a { padding : 0 30px; }
}

#gnb .top-menu > li > a.eng_exlink {  font-size: 13px; margin-top: 13px; }
@media screen and (max-width: 1280px){
#gnb .top-menu > li > a { max-width: 304px; }
}

@media screen and (max-width: 1024px){
#gnb .top-menu > li > a.eng_exlink { font-size:18px; margin-top:0; }
}