@charset "utf-8";
/*-------------------------------------------------
Author : JMKIM
Create date : 2017. 02. 08.
-------------------------------------------------*/

.snavigation{background:#1e274e; height:74px; padding:9px 0;}
.snavigation .select-menu{float:left; width:417px; height:53px;  padding:0 10px; margin-right:10px; position:relative;}
.snavigation .select-menu:after{position:absolute; top:20px; right:-6px; background:#4b5271; width:1px; height:12px; content:"";}
.snavigation .select-menu button{font-size:1.467em; color:#fff; outline:0; cursor:pointer; padding:9px 0; letter-spacing:-0.05em; background:url(/korean/img/sub/i_select_arr.png) right center / 15px 8px no-repeat; padding-right:30px; width: 100%; text-align: left;}

.snavigation .select-menu .option{border:1px solid #1f2c46; position:absolute; top:0; left:0; width:100%; background:#fff; opacity: 0; z-index: -1; visibility:hidden; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.snavigation .select-menu .option.active{opacity:1; z-index:20; visibility:visible;}
.snavigation .select-menu .option>li{font-size:1.133em;}
.snavigation .select-menu .option>li>a{display:block; padding:11px 20px;}
.snavigation .select-menu .option>li>a:hover{background:#115fad; color:#fff;}


.snavigation .select-menu2{vertical-align: middle; display: table-cell; width:calc(100% - 187px); height:53px; padding:0 10px; overflow:hidden;}
.snavigation .select-menu2 button{font-size:1.2em; color:#f44e4e; outline:0; cursor:pointer; padding:13px 0; letter-spacing:-0.05em; background:url(/korean/img/sub/i_select_arr2.png) right center / 15px 8px no-repeat; padding-right:30px; display:none; width: 100%; text-align: left;}

.snavigation .menu-list{overflow:hidden; width:100%;}
.snavigation .menu-list>li{float:left;}
.snavigation .menu-list>li>a{color:#afb8e2; font-size:0.933em; padding:6px 4px; vertical-align: middle; display: inline-block; letter-spacing:-0.05em;}
.snavigation .menu-list>li>a:hover,.snavigation .menu-list>li.active>a{color:#f44e4e;}

.navi{}
.navi.border{border-bottom:1px solid #d6d5d5;}
.navi .container{position:relative; padding:25px 0;}
.navi .container h1{font-size:2em; text-align:center; color:#1e274e; font-weight:700; letter-spacing:-0.05em;}
.navi .container .scale{position: absolute; top: 50%; left: 0; margin-top: -11px;}
.navi .container .scale a{display:inline-block; background-repeat:no-repeat; background-position:0 0; width:22px; height:22px; font-size:0; line-height:0; overflow:hidden;margin-right: 4px;}
.navi .container .scale a.plus{background-image:url(/korean/img/common/btn_plus.png);}
.navi .container .scale a.minus{background-image:url(/korean/img/common/btn_minus.png);}
.navi .container .btn{position:absolute; top:50%; right:100px; margin-top:-15px; background:#115fad; color:#fff; border-color:#115fad;}

.search-area{background:url(/korean/img/sub/bg_pt.gif) 0 0 repeat; padding:17px 0;}
.search-area .container{text-align:right;}
.btn.search{background:#f44e4e; border-color:#f44e4e; color:#fff;}
.btn.search span{display:inline-block; padding-left:25px; background:url(/korean/img/sub/i_search.gif) 0 1px no-repeat;}
.search-area + .container{margin-top:30px;}

.top{position:absolute;right:50%; margin-right:-500px; bottom:110px; opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; opacity:1; z-index:99;}
.top a{display:block;background-color:#fff;width:55px;height:55px;overflow:hidden;text-transform:uppercase;color:#333;font-size:14px;text-align:center;padding-top:10px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.top a:before{content:"";background:url("/korean/img/sub/top_arrow.png") no-repeat 0 0;display:block;width:18px;height:18px;margin:0px auto 5px;}
.top a span{-webkit-transition:transform 0.3s ease 0.2s;transition:transform 0.3s ease 0.2s;}
.top a:hover{background-color:#2d2f33;color:#fff;}
.top a:hover span{display:block;-webkit-transform:translateY(-25px);transform:translateY(-25px);}
.top a:hover:before{animation:topArrow 0.5s ease forwards;}

hr.br{display:block; border-width: 0; margin: 0; padding: 0;}

@keyframes topArrow {
	0%{transform:translateY(0px);}
	50%{transform:translateY(-50px);}
	51%{transform:translateY(-50px);}
	52%{transform:translateY(50px);}	
	100%{transform:translateY(20px);}
}

#content{padding:0 0 50px;}
.detail-content{line-height:28px; margin-top:40px;}
.detail-content h2{color:#115fad; font-size:1.333em; margin-bottom:10px; margin-top:25px;}
#content h2.big{font-size:2em;}

.detail-content h2.first{margin-top:0;}


.common-tab{display:table; width:100%; margin-bottom:20px;}
.common-tab>li{display:table-cell; width:1%; vertical-align:middle; text-align:center; background:#e4e6f0; border-left:1px solid #fff;}
.common-tab>li:first-child{border-left:0;}
.common-tab>li>a{color:#555;font-weight:700; display:block; padding:16px 0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.common-tab>li>a:hover,.common-tab>li.active>a{background:#f44e4e; color:#fff;}

.common-tab.type2{border:1px solid rgba(255,255,255,0.2); }
.common-tab.type2>li{border-color:rgba(255,255,255,0.2); background:transparent;}
.common-tab.type2>li>a{color:#fff;}

.common-tab.type3{border:1px solid #d0d0d0;}
.common-tab.type3>li{border-color:#d0d0d0; background:#fff;}
.common-tab.type3>li>a{color:#555;}
.common-tab.type3>li>a:hover,.common-tab.type3>li.active>a{background:#115fad; color:#fff;}


.table-wrap{overflow:hidden;}
.table-wrap + .end-btns{margin-top:0;}
.board-count{text-align:right; margin-bottom:15px;}
.table-wrap table{width:100%; border-top:3px solid #000; border-bottom:1px solid #000;}
.table-wrap table thead th{border-bottom:1px solid #dcdbdb; font-size:1.133em; color:#000; padding:10px 15px;}
.table-wrap table thead th strong{font-size:1.133em; color:#115fad;}
.table-wrap table tbody th,
.table-wrap table tbody td{border-bottom:1px solid #dcdbdb; font-size:1em; color:#000; padding:10px 15px;}
.table-wrap table tbody th strong{color:#115fad; font-size:1.111em;}
.table-wrap table.big tbody th,
.table-wrap table.big tbody td{font-size:1.2em; padding-left:30px;}

.board_pager {clear: both; margin-top: 30px; line-height: 35px; text-align: center;}
.board_pager a {display: inline-block; vertical-align:middle;margin-right: 5px; width: 35px; height: 35px; border-radius:50%;color: #555; text-align: center;background:#f4f7fb;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board_pager a img{display:none;}
.board_pager a.start,
.board_pager a.end,
.board_pager a.prev,
.board_pager a.next{background:#fff url("/korean/img/sub/page_arrow.gif") no-repeat 0 0;}
.board_pager a.prev{background-position:-35px 0;}
.board_pager a.next{background-position:-70px 0;}
.board_pager a.end{background-position:-105px 0;}
.board_pager a:hover,
.board_pager a.active {background-color: #f44e4e; font-weight: 700; color: #fff; }

.red{color:#f44e4e;}
.ellipsis{width:100%; max-width:420px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}
.attach{width:23px; height:22px; font-size:0; line-height:0; display:block; background:url(/korean/img/sub/i_down.gif) 0 0 no-repeat; margin:0 auto;}

#footer{background:#f6f7fd; text-align:center; height:140px;}
#footer .rule,
#footer .rule>li{display:inline-block;}
#footer .rule{padding:25px 0;}
#footer .rule>li{padding:0 10px; position:relative;}
#footer .rule>li:after{position:absolute; top:2px; left:0; content:""; width:1px; height:12px; background:#d6d9e2;}
#footer .rule>li:first-child:after{display:none;}
#footer .rule>li strong{color:#f44e4e;}
#footer .copyright{text-transform:uppercase; margin-top:5px;}

.intro{background:url(/korean/img/sub/bg_pt.gif) 0 0 repeat; min-height:300px;}
.intro .container{padding-top:30px;}

/* 보고서 */
.report-area{width:100%; background:url(/korean/img/sub/bg_report.jpg) center top no-repeat; padding:30px 0;}
.report-area .container{width:800px; position:relative;}
.report-area .container .cts-controls-direction a{position:absolute; top:50%; margin-top:-18px; display:block; width:38px; height:38px; font-size:0; line-height:0; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.report-area .container .cts-controls-direction .cts-prev{left:-100px; background-image:url(/korean/img/sub/btn_prev.gif)}
.report-area .container .cts-controls-direction .cts-next{right:-100px; background-image:url(/korean/img/sub/btn_next.gif)}

.report-list>li{overflow:hidden; color:#fff;}
.report-list>li .figure{width:181px; height:212px; background:url(/korean/img/sub/bg_book.png) 0 0 no-repeat; float:left;}
.report-list>li .figlist{width:calc(100% - 181px); float:left; padding:17px 56px;}
.report-list>li .figlist ul{width:100%; margin-top:-10px;}
.report-list>li .figlist ul>li{overflow:hidden; margin-top:10px; line-height:21px;}
.report-list>li .figlist ul>li strong{float:left; width:110px; color:#afb8e2; font-size:1.067em;}
.report-list>li .figlist ul>li span{float:left; width:calc(100% - 110px);}
.report-list>li .figlist ul>li span em{color:#f44e4e;}
.report-list>li .figlist ul>li a.file{color:#fff; height:21px; padding-left:27px; display:inline-block; background-repeat:no-repeat; background-position:0 0;}
.report-list>li .figlist ul>li a.file + a.file{margin-top:10px;}
.report-list>li .figlist ul>li a.file:hover{text-decoration:underline;}
.report-list>li .figlist ul>li a.pdf{background-image:url(/korean/img/sub/i_pdf.png);}

.end-btns{margin-top:40px; padding-top:24px; text-align:center;}
.end-btns.border{border-top:1px solid #c9ced3;}
.end-btns .btn{min-width:112px; background:#fff; border:0; color:#1e274e; font-size:0.933em;}
.end-btns .btn.primary{background:#313963; color:#fff;}
.end-btns .btn.green{color:#fff; border-color:#00918c; background:#00918c;}
.end-btns .btn.btn-default{background:#878495; color:#fff;}
.end-btns .btn.btn-default.primary{background:#f44e4e;}
.end-btns .btn span{display:inline-block; padding-left:25px; background:url(/korean/img/sub/bg_list.png) 0 3px no-repeat;}

.hypen{}
.hypen>li,p.hypen{position:relative; padding-left:7px;}
.hypen>li:before,p.hypen:before{position:absolute; top:12px; left:0; content:""; width:4px; height:1px; background:#666;}

.ebook{position:relative;}
.ebook .bx-wrapper,.ebook .bx-viewport{height:inherit !important;}
.ebook .bx-pager{text-align:center;}
.ebook .bx-pager .bx-pager-item{display:inline;}
.ebook .bx-pager .bx-pager-item .bx-pager-link{width:12px; height:12px; display:inline-block; background:#afb8e2; font-size:0; line-height:0; overflow:hidden; border-radius:100%; margin:0 4px;}
.ebook .bx-pager .bx-pager-item .bx-pager-link.active{background-color:#f34b2f;}
.ebook .bx-controls-direction a{position: absolute; top: 50%; margin-top: -18px; display: block; width: 38px; height: 38px; font-size: 0; line-height: 0;  overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
.ebook .bx-prev{left: -100px; background-image: url(/korean/img/sub/btn_prev.gif);}
.ebook .bx-next{right: -100px; background-image: url(/korean/img/sub/btn_next.gif);}
.magazine-list{overflow:hidden; margin:0 -1.5%;}
.magazine-list>li{float:left; width:17%; margin-bottom:27px; position:relative; margin:1.5%;}

.magazine-list>li .figure{width:100%; float:left}

.magazine-list>li .figure img{width:100%; box-shadow:5px 5px 20px #333; height:240px;}
.magazine-list>li .figcaption{display:none;}
.magazine-list>li a:hover .figcaption{position:absolute; top:0; left:0; width:100%; height:100%; background:#f44e4e; display:block; text-align:center; color:#fff;}
.magazine-list>li a:hover .figcaption .title{font-size:1.067em; font-weight:700; margin: 100px 10px 0; height:115px; overflow: hidden;}
.magazine-list>li a:hover .figcaption p.desc{display:none;}
.magazine-list>li a:hover .figcaption .date{position:absolute; top:70px; left:50%; margin-left:-42px;}
.magazine-list>li.active{width:40%;}
.magazine-list>li.active .figure{position:relative;}
.magazine-list>li.active .figure:after{content: ""; width: calc(100% - 20px); height: 100%; position: absolute; top: 0;left: 24px; border: 5px solid #f44e4e;}
.magazine-list>li.active a:hover .figcaption{position:relative; top:0; left:0; background:0; display:block; float:right; width:calc(100% - 200px); padding-left:30px; color:#fff; margin-top:15px; text-align:left;}
.magazine-list>li.active a:hover .figcaption .title{font-size:1.467em; font-weight:700; height:inherit; margin:0 0 15px 0;}
.magazine-list>li.active a:hover .figcaption p.desc{display:block;}
.magazine-list>li.active a:hover .figcaption .date{position:relative; top:0; left:0; margin-left:0;}
.magazine-list>li.active .figcaption{display:block; float:right; width:calc(100% - 200px); padding-left:30px; color:#fff; margin-top:15px;}
.magazine-list>li.active .figcaption .title{font-size:1.467em; font-weight:700; margin-bottom:15px;}
.magazine-list>li.active .figcaption .desc{line-height:21px; font-size:0.933em; opacity:0.8; margin-bottom:15px;}


/* 대전세종포럼 */
.board tbody td.num-bold{font-size:1.467em; color:#555; font-weight:700;}
.ebook-thumbnail{box-shadow:0 1px 10px #bbb; margin:15px 0;}
.ebook-thumbnail img{width:100%;}
.description{position:relative;}
.description .txts{width:70%;}
.description .txts .title{font-size:1.467em; color:#424b7e; font-weight:700; letter-spacing:-0.05em;}
.description .txts .title span{font-size:0.636em; color:#555; padding-left:10px;}
.description .txts .desc{font-size:1.200em; color:#000; font-weight:400; letter-spacing:-0.05em;}
.description .txts .common-list{color:#666; font-size:0.867em; line-height:20px; margin-top:15px;}
.description .txts .common-list>li{position:relative; padding-left:9px;}
.description .txts .common-list>li:after{content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background:#3e4878;}
.description .btns{position: absolute; bottom: 0; right: 0;}
.description .btns .btn{color:#fff; background:#878495; border:0;}
.description .btns .btn.primary{background:#f44e4e;}


/* 연구제안 */
.common-box{width:100%; font-size:1em; padding:20px; background-repeat:no-repeat;}
.common-box .common-list>li{position:relative; padding-left:9px; line-height:22px;}
.common-box .common-list>li:after{content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background:#3e4878;}
.common-box.border{border:1px solid #e4e6f0;}
.common-box.bg{background-color:#e4e6f0;}
.common-box.bg.proposal{background-image:url(/korean/img/sub/bg_proposal.gif); padding-left:150px; background-position:50px 25px;}

.btn-half{overflow:hidden; margin:1px 0 15px;}
.btn-half .pull-left,
.btn-half .pull-right{width:50%; text-align:center;}
.btn-half .pull-left a,
.btn-half .pull-right a{display:inline-block; width:100%; background:#00918c; color:#fff; padding:10px 0;}
.btn-half .pull-left a.primary{background:#115fad; border-right:1px solid #fff;}
.btn-half .pull-left p,
.btn-half .pull-right p{font-size:0.867em; color:#555; letter-spacing:-0.05em;}

.table-wrap table tbody td .secert{padding-right:20px; background:url(/korean/img/sub/bg_lock.gif) right 5px no-repeat; display:inline-block;}
.table-wrap table tbody td .reply{padding-left:45px; background:url(/korean/img/sub/bg_re.gif) 0 0 no-repeat;}


/* 원장실 - 인사말 */
#content >.common-tab.type3{margin-top:-30px;}
.greeting{overflow:hidden;}
.greeting .pull-left{/* width: 57%; */ width:95%;}
.greeting .pull-left .slogan{font-size:1.533em; color:#222; font-weight:700; line-height:44px; margin-bottom:40px; padding-bottom:40px; position:relative; margin-top:0; font-family:arial;}
.greeting .pull-left p{margin-top:30px;}
.greeting .pull-left .slogan span{color:#115fad; letter-spacing:-0.05em; font-size:1.8em}
.greeting .pull-left .slogan:after{position:absolute; bottom:0; left:0; width:59px; height:1px; background:#1e274e; content:"";}
.greeting .pull-right{width:40%; min-height:50px; margin-bottom:50px; position:relative;}
.greeting .pull-right p{position:absolute; bottom: -71px; right: 10px; padding:20px; background:#fff; line-height:20px;}
.greeting .pull-right .sign{font-size:24px; color:#333; text-transform:uppercase; font-family:arial; font-weight:700; line-height:60px;}

/* 원장실 - 약력 */
.greeting.profile{min-height:650px;}
.greeting.profile .pull-left strong{font-size:2.533em; color:#115fad; font-weight:700; float:left; padding-right:100px; position:relative; width:30%; padding-top:6px;}
.greeting.profile .pull-left strong:after{content:""; position:absolute; top:12px; right:20px; background:#1e274e; width:59px; height:1px;}
.greeting.profile .pull-left ul{float:left; width:70%;}
.greeting.profile .pull-left ul>li{font-size:1.133em; line-height:34px; color:#333;}
.greeting.profile .pull-right{width:40%; min-height:493px; margin-bottom:50px; background:url(/korean/img/sub/img_greeting.jpg) 0 0 no-repeat; position:relative;}
.greeting.profile .pull-right p{position:absolute; bottom: -71px; right: 58px; padding:20px; background:#fff;}

/* 원장실 - 역대원장 */
.greeting.director{margin-top: -1.5%;}
.history-director{overflow:hidden; margin:0 -1.5%;}
.history-director>li{float:left; width:47%; border:1px solid #d0d0d0; margin:1.5%;}
.history-director>li .figure{float:left; width:168px;}
.history-director>li .figcaption{float:right; width:calc(100% - 168px); padding:25px 20px;}
.history-director>li .figcaption .name{font-size:1.667em; font-weight:700; color:#333;}
.history-director>li .figcaption .name span{color:#115fad;}
.history-director>li .figcaption .during{color:#888;}
.history-director>li .figcaption ul{margin-top:10px;}
.history-director>li .figcaption ul>li{position:relative; padding-left:9px; line-height:22px;}
.history-director>li .figcaption ul>li:after{content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background:#3e4878;}

/* 비전 및 경영목표 */
.table-wrap table.vert-top tbody td{vertical-align:top}
.square-title{border:1px solid #115fad; color:#115fad; font-size:1.733em; text-align:center; width:126px; height:126px; padding-top:49px; letter-spacing:-0.05em; margin:0 auto; font-weight:700;}
.table-wrap table tbody td .sub-title{font-size:1.333em; font-weight:700;}

.common-list.dotted>li{padding-left:10px; position:relative;}
.common-list.dotted>li strong{color:#f44e4e; font-size:1em; font-weight:400; width:130px; display:inline-block;}
.common-list.dotted>li strong.blue{color:#3abde7;}
.common-list.dotted>li strong.blue2{color:#115fad;}
.common-list.dotted>li:after{content:""; position:absolute; top:12px; left:0; background:#1e274e; width:2px; height:2px;}

/* 설립목적 및 연혁 */

.thumbnail-area{color:#333; font-size:1.200em; overflow:hidden; border-bottom:1px solid #d6d5d5; padding-bottom:29px; margin-bottom:30px;}
.thumbnail-area strong{color:#115fad; font-size:1.444em; margin-bottom:10px; display:block;}
.history .timeline{overflow:hidden;}
.history .square-title{float:left;}
.history .year{float:right; width:calc(100% - 215px);}
.history .year>li{overflow:hidden;}
.history .year>li strong{font-size:1.600em; color:#333; float:left; margin-right:34px; position:relative;}
.history .year>li strong:after{background:#f44e4e; width:6px; height:6px; border-radius:100%; content:""; position:absolute; top:10px; right:-37px;}

.history .year>li ul{padding-left:35px; float:left; border-left:1px solid #dedede; padding-bottom:20px; max-width: 690px;}
.history .year>li ul>li { margin-top:5px; }
.history .year>li ul>li:first-of-type { margin-top:0; }
.history .year>li ul>li .date{font-size:0.933em; padding-right:15px;float:left;margin-top:1px;}
.history .year>li ul>li span { display: block;overflow: hidden; }

/* 윤리경영 - 고객헌장 */
.carta{overflow:hidden; margin-top:60px;}
.carta .title{font-size:2.533em; color:#115fad; font-weight:700; line-height:40px; background:url(/korean/img/sub/bg_carta.jpg) 0 bottom no-repeat; padding-bottom:250px;}
.carta .mean{padding-left:40px;}
.carta .mean strong{font-size:1.333em; color:#333; margin-bottom:20px; padding-bottom:40px; display:block; position:relative;}
.carta .mean strong:after{content:""; position:absolute; bottom:0; left:0; width:59px; height:1px; background:#000;}
.carta .mean .small-txt{font-size:0.933em; color:#666; overflow:hidden; margin:0 -20px;}
.carta .mean .small-txt>div{padding:0 20px;}
.carta .mean .small-txt>div p{margin-bottom:20px;}


/* 조직도 */
.img-responsive{max-width:1000px; margin:0 auto; display:block; width:100%;}


/* 브로슈어 */
.brochure{background:#f2f2f2; padding:33px 80px; height:350px; margin-bottom:150px;}
.brochure:after{clear:both; display:block; content:"";}
.brochure .figure{}
.brochure .figure img{border:1px solid #dbdada;}
.brochure .figcaption{margin-top: 30px;}
.brochure .figcaption .title{font-size:2.533em; color:#222; letter-spacing:-0.05em; position:relative; padding-bottom:35px; margin-bottom:35px;}
.brochure .figcaption .title strong{color:#115fad;}
.brochure .figcaption .title:after{content:""; position:absolute; bottom:0; left:0; width:59px; height:1px; background:#000;}
.brochure .figcaption .desc{line-height:24px; margin-bottom:30px;}


/* 찾아오시는길 */
.embed-container{position:relative; padding-bottom:62.5%; height: 0; overflow: hidden; max-width: 100%; width:100%; border:1px solid #d8d7d7; margin-bottom:35px;}  
.embed-container.rectangle{padding-bottom:35%;}
.embed-container iframe, 
.embed-container object, 
.embed-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

 
/* 회원가입 */
.essential{position:relative; display:inline-block;}
.essential:after{content:"*"; position:absolute; top:3px; left:-15px; color:#f44e4e; font-weight:400;}
.table-wrap table tbody td input[type="radio" i]{width: 20px; height: 20px;}
.caution{color:#f44e4e; font-size:14px; padding-left:10px;}


/* 로그인 */
.login{border-top:3px solid #000; padding:38px 60px; border-bottom:1px solid #000; margin:70px 0;}
.login .title-box{border:1px solid #115fad; width:160px; height:160px; font-size:1.067em; text-align:center; padding:50px 0;}
.login .title-box.mail{background:url(/korean/img/sub/bg_mail.gif) center 60% no-repeat; padding:25px 0; color:#333; font-weight:700;}
.mail-content{padding-top:50px;}
.login .title-box strong{display:block; font-size:2em; color:#115fad;}
.insert{width:600px; margin:0 auto;}
.insert .title{text-align:center; color:#333; font-size:1.733em; letter-spacing:-0.05em;}
.insert .desc{text-align:center; letter-spacing:-0.05em;}
fieldset{border:0; padding:0; margin:0; overflow:hidden; margin:0 auto; padding:30px 0;}
fieldset legend{visibility:hidden; opacity:0; z-index:-1; font-size:0; position:absolute; top:0; left:0;}
.insert fieldset{width:500px;}
.insert fieldset ul{float:left; width:75%; margin-top:-14px;}
.insert fieldset ul>li{overflow:hidden; margin-top:14px;}
.insert fieldset ul>li label{float:left; width:25%; font-size:1.133em; color:#000; font-weight:700;height: 35px; line-height: 35px;}
.insert fieldset ul>li input{float:left; width:75%;height: 35px; line-height: 35px;}
.insert fieldset input[type="submit"]{float:right; width:22%; height:85px; cursor:pointer; background:#f44e4e; color:#fff; border-radius:0; border:0; font-weight:700; font-size:1.067em;}
.under{border-top:1px solid #ccc; padding-top:30px;}
.under ul{margin:-10px auto 0; width:500px;}
.under ul>li{overflow:hidden; margin-top:10px;}
.under ul>li .btn{float:right; background:#878495; border-color:#878495; color:#fff;}


/* 아이디/비밀번호 찾기 */
.find h2{text-align:center;}
.find-box{border-width:1px; border-color:#000 #dcdcdc #dcdcdc #dcdcdc; border-style:solid; padding:30px 40px; margin:0 20px; min-height:241px;}
.find-box fieldset ul{float:left; width:75%; margin-top:-7px;}
.find-box fieldset ul>li{overflow:hidden; margin-top:7px;}
.find-box fieldset ul>li label{float:left; width:25%; font-size:1.133em; color:#000; font-weight:700; height: 35px; line-height: 35px;}
.find-box fieldset ul>li input{float:left; width:75%;height: 35px; line-height: 35px;}
.find-box fieldset input[type="submit"]{float:right; width:22%; height:85px; cursor:pointer; background:#f44e4e; color:#fff; border-radius:0; border:0; font-weight:700; font-size:1.067em;}
.find-box fieldset input[type="submit"].big{height:119px;}


/* 개인정보처리방침 */
.rules{}
.rules .link{text-decoration:underline; color:#115fad;}
.rules .charge{margin-top:50px;}
.rules .charge .title{background:#edeeef; text-align:center; font-size:18px; color:#00918c; margin-right:30px; padding:23px 0; font-weight:700;}
.indent1{padding-left:20px;}
.table-chart .title{color:#333; font-size:1.333em; font-weight:700; line-height:35px;} 


/* 경영공시 */
.detail-content h2 + .table-wrap,
.detail-content h3 + .table-wrap{margin-top:-30px;}
.table-wrap + h3{margin-top:20px;}
.price{text-align:right;}


/* 윤리경영 */
.scroll-area{padding:30px; margin-top:-20px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#d0d0d0; font-size:0.933em; height:455px; overflow:auto; display:none;}
.scroll-area.active{display:block;}
.scroll-area h3{color:#666; font-weight:400; font-size:1em;}
.scroll-area h3 + h3{margin-top:20px;}



/* 행정정보공개 */
.open-info{}
.open-info .title{color:#115fad; font-weight:700; font-size:2em; line-height:35px; margin-top:10px;}
.open-info .bold{font-weight:700; font-size:1.333em; line-height:26px;}
.open-info hr{margin:40px 0;}
.open-info hr.br{margin:0;}

.open-info .bold + .common-list{margin-top:10px;}
.open-info .bold + .bold{margin-top:10px;}
.open-info .common-list + .bold{margin-top:20px;}

.open-info .bold.i-check{padding-left:25px; background:url(/korean/img/sub/i_check.gif) 0 3px no-repeat;}

.thumbBox-list{overflow:hidden;}
.thumbBox-list>li{border:1px solid #d8d7d7; width:227px; float:left; margin-left:50px;}
.thumbBox-list .figure,
.thumbBox-list .figure img{width:100%;}
.thumbBox-list .figcaption{text-align:center; height:150px;}
.thumbBox-list .figcaption strong{display:block; color:#333; font-size:1.2em; padding:28px 0;}
.btn.green{color:#fff; border-color:#00918c; background:#00918c;}


/* 연구원행사 */
.calendar-wrap{position:relative; clear:both; margin-bottom:20px;}
.calendar-wrap .date-select{text-align:center;font-size:26px; line-height:1; letter-spacing:-0.05em; margin-bottom:-1px; color:#333; background:#e4e6f0; border:1px solid #d4d5de; height:65px; padding:14px 0;}
.calendar-wrap .date-select a{display:inline-block; vertical-align:middle; width:34px; height:34px; font-size:0; line-height:0; overflow:hidden;}
.calendar-wrap .date-select a.left-arr{background:url(/korean/img/sub/date_select_arr1.gif) 0 0 no-repeat; margin-right:10px;}
.calendar-wrap .date-select a.right-arr{background:url(/korean/img/sub/date_select_arr2.gif) 0 0 no-repeat; margin-left:10px;}
.calendar thead th{border:1px solid #d2d2d2; position:relative; background:#f6f7fd; padding:10px 0;}
.calendar .sun{color:#f44e4e;}
.calendar .sat{color:#115fad;}
.calendar td{border:1px solid #d2d2d2; height:5.5em;vertical-align:top; position:relative; padding:0 10px;}
.calendar td ul{position:absolute; bottom:0; left:0; width:100%;}
.calendar td ul li{display:block; background:#3abde7; padding:3px 10px; color:#fff; border-top:1px solid #fff; line-height:18px; font-size:13px;}
.calendar td ul li.cal_blank{background:#fff;}
.calendar td:first-child p{color:#f06f1c}
.calendar td:last-child p{color:#04287e}
.calendar .complete{background:#a2a5bc;}
.calendar .apply-pm{cursor:pointer;}


/* 행사포토 */
#slider.photo-slide{text-align:center; position:relative; border-top:3px solid #000; padding-top:20px;}
#slider.photo-slide .slides{}
#slider.photo-slide .slides>li img{width:740px; height:493px;}
#slider.photo-slide .flex-nav-prev a{position:absolute; top:35%; left:70px; width:30px; height:30px; font-size:0; line-height:0; overflow:hidden; background:url(/korean/img/sub/flex-nav-prev.png) center center no-repeat; display:block;}
#slider.photo-slide .flex-nav-next a{position:absolute; top:35%; right:70px; width:30px; height:30px; font-size:0; line-height:0; overflow:hidden; background:url(/korean/img/sub/flex-nav-next.png) center center no-repeat; display:block;}

#slider.photo-slide .figcaption{width:100%; background:#ecedf4; margin:23px 0 14px; text-align:left; padding:25px 40px; position:relative;}
#slider.photo-slide .figcaption .title,
#slider.photo-slide .figcaption .desc{width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#slider.photo-slide .figcaption .title{color:#115fad; font-size:1.333em; font-weight:700;}
#slider.photo-slide .figcaption .detail-view{position:absolute; top:25px; right:25px; display:block; width:55px; height:55px; color:#fff; background:#115fad; padding: 13px; line-height: 1;}
#carousel.photo-slide{border-bottom:1px solid #000; padding-bottom:20px;}
#carousel.photo-slide .slides{overflow:hidden;}
#carousel.photo-slide .slides>li{cursor:pointer; line-height:20px;}
#carousel.photo-slide .slides>li img{width:100%; height:160px;}
#carousel.photo-slide .slides>li .figcaption{margin-top:10px; height: 40px;  overflow: hidden;}
#carousel.photo-slide .slides>li.flex-active-slide{}
#carousel.photo-slide .slides>li.flex-active-slide .figure{position:relative;}
#carousel.photo-slide .slides>li.flex-active-slide .figure:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(17,95,173,0.8); background-image:url(/korean/img/sub/bg_check.png); background-position:center center; background-repeat:no-repeat;}
#carousel.photo-slide .flex-direction-nav{display:none;}


/* 부서소개 */
.part-info{overflow:hidden; margin:0 -2.4%;}
.part-info>li{float:left; width:28.5%; margin:1.2% 2.4%;}
.part-info>li a{color:#fff;}
.part-info>li img{width:100%;}
.part-info>li .figure{box-shadow:4px 4px 4px #353d66;}
.part-info>li a:hover{text-decoration:underline;}
.part-info>li a:hover .figure{position:relative;}
.part-info>li a:hover .figure:after{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(201,84,61,1); background-repeat:no-repeat; background-position:center center; background-image:url(/korean/img/sub/bg_part-info.png); content:"";}
.part-info>li .figcaption{height:105px; overflow:hidden;}
.part-info>li .title{font-size:1.6em; padding:15px 0;}
.part-info>li .desc{line-height:22px;}


/* 부서소개 */
.depart-area{width:100%; background:url(/korean/img/sub/bg_pt.gif) 0 0 repeat; padding:30px 0;}
.depart-area .container{width:800px; position:relative;}
.depart-area .container .cts-controls-direction a{position:absolute; top:50%; margin-top:-18px; display:block; width:38px; height:38px; font-size:0; line-height:0; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.depart-area .container .cts-controls-direction .cts-prev{left:-100px; background-image:url(/korean/img/sub/btn_prev.gif)}
.depart-area .container .cts-controls-direction .cts-next{right:-100px; background-image:url(/korean/img/sub/btn_next.gif)}
.depart-area .figcaptipn{color:#fff; margin-top:10px;}
.depart-area .figcaptipn strong.title{font-size:1.6em; font-weight:400; margin-bottom:10px; display:block;}
.depart-area .figcaptipn .desc{line-height:23px; margin-bottom:20px;}
.depart-area .figcaptipn .btn{background:0; color:#a6b0e0; border-color:#6672af; padding:5px 20px;}

.block-list{overflow:hidden; margin:0 -8px;}
.block-list>li{}
.block-list>li span{background:#efefef; display:block; margin:3px; padding:3px 30px; color:#666; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.block-list + .result{margin-top:30px;}
.kind{margin-top:30px;}
.square-box{width:105px; min-height:85px; border:1px solid #00918c; color:#00918c; padding:15px; line-height:22px; font-size:1.067em;}
.result{line-height:23px; font-size:1.067em; display:block; margin-bottom:10px; color:#333;}


/* 이사회 개최현황 */
.council{overflow:hidden;}
.council>li{border-bottom:1px solid #eaeaea; padding-bottom:15px; height:240px; margin-top:25px;}
.council>li .title{}
.council>li .title>div{width:100%; height:125px; background:#edeeef; text-align:center; font-size:1.200em; color:#00918c; font-weight:700; padding: 44px 0; line-height: 20px;}
.council>li .story{padding-left:30px;}
.council>li .story .hypen{font-size:0.933em; letter-spacing:-0.05em;}


/* 연구진 정보 */
.captin-researcher{background:#1e274e; padding:40px 0; overflow:hidden;}
.captin-researcher .captin{color:#fff;}
.captin-researcher .captin .figcaption{padding-left:35px; position:relative;}
.captin-researcher .captin .figcaption .title{font-size:1.533em; margin-bottom:10px;}
.captin-researcher .captin .figcaption .title span{display:block; opacity:0.5; font-size:0.652em;}
.captin-researcher .captin .figcaption .common-list>li{line-height:27px; overflow:hidden;}
.captin-researcher .captin .figcaption .common-list>li:after{content:""; position:absolute; top:12px; left:0; background:#fff; width:2px; height:2px;}
.captin-researcher .captin .figcaption .common-list>li strong{width:74px; float:left;}
.captin-researcher .captin .figcaption .common-list>li span{display:inline-block; width:calc(100% - 74px); float:left;}
.captin-researcher .captin .figcaption .common-list>li em.dotum{font-family:dotum; width:auto; display:inline; float:inherit;}
.captin-researcher .captin .figcaption .short-cut{position:absolute; top:0; right:0; display:block; width:125px; height:125px; background:#c0dcf2; border-radius:100%; text-align:center; color:#1e274e; font-size:1.200em; padding:43px 0;}

.member{color:#555; border-bottom:1px solid #d6d5d5; padding-bottom:35px; margin-bottom:35px; overflow:hidden;}
.member h2{margin-top:0; line-height:36px; margin-bottom:30px;}
.member .figcaption{padding-left:35px;}
.member .figcaption .title{font-size:1.533em; margin-bottom:10px;}
.member .figcaption .title span{display:block; opacity:0.5; font-size:0.652em;}
.member .figcaption .common-list>li{line-height:27px; overflow:hidden;}
.member .figcaption .common-list>li:after{content:""; position:absolute; top:12px; left:0; background:#115fad; width:2px; height:2px;}
.member .figcaption .common-list>li strong{width:64px; float:left;}
.member .figcaption .common-list>li span{display:inline-block; width:calc(100% - 64px); float:left; letter-spacing:-0.05em; font-size:0.933em;}
.member .figcaption .common-list>li em.dotum{font-family:dotum; width:auto; display:inline; float:inherit;}
.member .clearfix{margin-top:50px;}


/* 만족도조사 */
.contentInfo{border:1px solid #e9e9e9; margin-top:80px;}
.contentInfo .description{border-bottom:1px solid #e9e9e9; background:#f7fafe; padding:15px 30px;}
.contentInfo .description strong{color:#115fad; font-weight:400;}
.contentInfo .satisfy{padding:15px 30px; font-size:0.867em;}
.contentInfo .satisfy .clearfix{}
.contentInfo .satisfy .clearfix .grade{overflow:hidden; padding:10px 0;}
.contentInfo .satisfy .clearfix .grade>li{float:left; margin-right:14px;}
.contentInfo .satisfy .clearfix .opinion{}
.contentInfo .satisfy .clearfix .opinion label{margin-right:10px; position:relative;}
.contentInfo .satisfy .clearfix .opinion label:after{content:""; background:#c3c9cf; width:3px; height:3px; position:absolute; top:5px; left:-10px;}
.contentInfo .satisfy .clearfix .opinion .btn{border-color:#115fad; background:#115fad; color:#fff;}
.contentInfo .satisfy .duty{}
.contentInfo .satisfy .duty dt,.contentInfo .satisfy .duty dd{display:inline-block; height:24px; line-height:24px;}
.contentInfo .satisfy .duty dt{color:#444; background-repeat:no-repeat; background-position:10px 1px; padding-left:35px; background-image:url(/korean/img/sub/bg_duty3.gif);}
.contentInfo .satisfy .duty dt:nth-child(1){background-image:url(/korean/img/sub/bg_duty1.gif);}
.contentInfo .satisfy .duty dt:nth-child(3){background-image:url(/korean/img/sub/bg_duty2.gif);}
.contentInfo .satisfy + .satisfy{border-top:1px solid #e9e9e9;}

.Outline-Mint{
	display: inline-block;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	color: #333;
	background-color: #fff;
	transition: all .25s ease;
	border: 1px solid #c6c6c6;
	padding: 6px 12px;
 }

.imgVmiddle{display: inline-block; vertical-align: middle; margin-right:5px;}

.addition{padding:20px 0 40px; text-align:center;}
.addition ul{width:570px; margin:30px auto 0;}
.addition ul>li{overflow:hidden; margin-top:10px;}
.addition ul>li .btn{float:right;}

/* SNS */
.sns-area{position:absolute; top:30px; right:0;}
.sns-area>li{padding-right:13px;}
.btnPrint{float:right;}
.btnPrint .IR{background:url(/korean/img/sub/bg_print.gif) 0 0 no-repeat; width:22px; height:22px; display:inline-block; font-size:0; line-height:0; overflow:hidden;}
.snsBox{float:left; position:relative;} 
.snsBox>a{background:url(/korean/img/sub/bg_share.gif) 0 0 no-repeat; width:22px; height:22px; display:inline-block; font-size:0; line-height:0; overflow:hidden;}
.snsBox #share{position: absolute; top: -13px; left: -275px; width: 250px; height: 50px; background: #dfe5ec; border: 1px solid #d0d0d0; text-align: center; padding: 7px 0;}
.snsBox #share:after{position:absolute; top:10px; right:-26px; content:""; border-color: transparent transparent transparent #dfe5ec; border-width: 13px; border-style: solid;}
.snsBox #share>li{display:inline-block;}
.snsBox #share>li>a{display:block; width:32px; height:32px; font-size:0; line-height:0; overflow:hidden; background-position:0 0; background-repeat:no-repeat; margin: 0 5px;}
.snsBox #share>li.sns_icon01>a{background-image:url(/korean/img/sub/sns_icon01.gif);}
.snsBox #share>li.sns_icon02>a{background-image:url(/korean/img/sub/sns_icon02.gif);}
.snsBox #share>li.sns_icon03>a{background-image:url(/korean/img/sub/sns_icon03.gif);}
.snsBox #share>li.sns_icon04>a{background-image:url(/korean/img/sub/sns_icon04.gif);}
.snsBox #share>li.sns_icon05>a{background-image:url(/korean/img/sub/sns_icon05.gif);}

.detail-content h2#nth3 + .container{margin-top:-63px;}

.mobile-title{color: #115fad; font-size: 1.444em; margin-bottom: 10px; display:block; padding-bottom:30px;}


.bg-half{overflow:hidden; position:relative; padding:20px 0;}
.bg-half:after{content:""; position:absolute; top:0; left:0; width:100%; height:70px; background:#efefef; z-index:1;}
.bg-half>div{position:relative; z-index:2;}
.bg-half img.first{padding-left:125px;}
.bg-half p{color:#414b7d; font-size:20px; margin-bottom:40px;}
.bg-half .btn{background:url(/korean/img/sub/bg_download.gif) 18px 6px no-repeat; padding-left:50px;}

.web{display:block;}
.mobile{display:none;}


/* 통합검색 */
.srch_results{padding:15px 0;font-size:22px;line-height:22px;color:#000;font-weight:600;}
.srch_results span.results_txt{color:#115fad;}
.srch_results strong{color:#f44e4e;font-weight:600;}
.srch_results strong span{font-size:20px;line-height:22px;}
.srch_tab{padding:25px 25px 20px;border:4px solid #5390ed;}
.srch_tab .title{padding:0 0 15px 30px;font-size:16px;line-height:20px;color:#000;font-weight:600;background:url(/korean/img/common/srch_tab_tit.gif) left top no-repeat;}
.srch_tab .cont li{float:left;}
.srch_tab .cont li a{display:inline-block;width:170px;padding:0 0 5px 18px;font-size:14px;line-height:18px;color:#000;background:url(/korean/img/common/srch_tab_bu.gif) left top no-repeat;}
.srch_tab .cont li a span{color:#fe0000;font-weight:600;}

.para_box{padding:5px 0;border-bottom:1px solid #d3d3d3;}
.para_box h2{padding:20px 0 20px 0;font-size:20px;line-height:18px;color:#000;font-weight:600;background:url(/korean/img/common/h2_bg.gif) left 19px no-repeat;}
.para_box h2 span{color:#ff0000;}
.para_box h3{padding:15px 0 15px 28px;font-size:16px;line-height:18px;color:#0059a6;font-weight:600;background:url(/korean/img/common/h3_bg.gif) left 20px no-repeat;}
.para_box ul.bu li{padding:0 0 10px 20px;font-size:14px;line-height:16px;color:#000;background:url(/korean/img/common/para_bu.gif) 9px 6px no-repeat;}
.para_box p.bu a{display:inline-block;padding:0 0 10px 20px;font-size:16px;line-height:16px;color:#000;background:url(/korean/img/common/para_bu.gif) 9px 6px no-repeat;}
.para_box .cont{padding:0 0 20px 0;}
.para_box .cont p.tit{padding-bottom:5px;}
.para_box .cont p.tit a{font-size:14px;line-height:18px;color:#000;}
.para_box img{vertical-align:middle;}
.para_box .profile,.para_box .file{margin-left:5px;}
.para_box .blue{color:#0055ab !important;}
.para_box .orange{color:#115fad !important;}
.para_box .blank{display:inline-block;padding-left:20px;vertical-align:middle;border-bottom:1px dotted #000;background:url(/korean/img/common/ico_blank.gif) 3px center no-repeat;cursor:pointer;}
.para_box .put_box{padding:5px 0;text-align:right;}
.para_box .put_box a.more{display:inline-block;padding-right:20px;font-size:14px;line-height:16px;color:#000;background:url(/korean/img/common/more.gif) right center no-repeat;}

#contents .paging_bar{padding-top:80px;}
.paging_bar{padding:20px 0;text-align:center;}
.paging_bar img{vertical-align:middle;margin-top:6px;}
.paging_bar a,.paging_bar .current,.paging_bar .total{display:inline-block;width:22px;height:22px;font-size:13px;text-align:center;color:#484848;font-weight:600;vertical-align:middle;-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.paging_bar a:hover{box-shadow:0 0 6px #CFCFCF;}
.paging_bar .current{color:#fff;font-weight:600;background-color:#4576c0;}
.paging_bar .total{display:none;}
.paging_bar .prev,.paging_bar .prev2,.paging_bar .next,.paging_bar .next2{width:22px;text-align:center;background-color:#cfcfcf;}
.paging_bar .prev{margin-right:10px;}
.paging_bar .next{margin-left:10px;}
@media screen and (max-width:640px){
.paging_bar a,.paging_bar .current{width:16px;}
.paging_bar .prev{margin-right:4px;}
.paging_bar .next{margin-left:4px;}
}

.no_srch{padding:30px 0;font-size:18px;color:#000;text-align:center;}
.no_srch span{color:#fe0000 !important;font-weight:600;}

.research-list{}
.research-list>li{margin-top:40px; font-size:17px; color:#333; line-height:22px; font-weight:700;}
.research-list>li .title{background:url(/english/img/sub/bg_research_title.gif) 90% 0 no-repeat; padding-right:90px;}

/* Publications */
.public-list{padding: 20px 40px; overflow: hidden; background: #f2f2f2;}
.public-list>li{margin-bottom:20px;}
.publication{}
.publication:after{clear:both; display:block; content:"";}
.publication .figure{padding-right: 15px;}
.publication .figure img{border:1px solid #dbdada;}
.publication .figcaption{margin-top:15px; padding-right: 30px; padding-left: 15px;}
.publication .figcaption .title{font-size:20px; color:#115fad; letter-spacing:-0.05em; position:relative; padding-bottom:7px; margin-bottom:8px;}
.publication .figcaption .title:after{content:""; position:absolute; bottom:0; left:0; width:59px; height:1px; background:#000;}
.publication .figcaption .desc{line-height:24px;}

/* organization */
.organization{width:957px; position: relative; height: 500px; margin: 70px auto;}
.organization .grade1>a{width:124px; height:124px; border-radius:100%; text-align:center; display:block; line-height:124px; font-size:18px; position:absolute; top:100px;}
.organization .grade1.chairman a{background-color:#1e274e; color:#fff; left:0;}
.organization .grade1.chairman a:after{position: absolute; top: 49%; right: -327px; content: ""; width: 327px; height: 1px; background: #d2d4dc;}
.organization .grade1.director>a{background-color:#c0dcf2; color:#1e274e; left:268px;}
.organization .grade1.director{}
.organization .grade1.director .part{position:absolute; top:0; right:0;}
.organization .grade1.director .part:after{content:""; position:absolute; top:22px; left:-70px; width:1px; height:457px; background:#d2d4dc;}
.organization .grade1.director .part>li>a{width:270px; display:block; background:#9fa3a5; height:44px; color:#fff; padding:9px 15px; border-top:1px solid #fff; font-size:18px; position:relative;}
.organization .grade1.director .part>li>a:after{position:absolute; top:49%; left:-70px; content:""; width:70px; height:1px; background:#d2d4dc;}
.organization .grade1.director .part>li ul{padding:10px 0 10px 30px; font-size:14px; letter-spacing:-0.05em; position:relative;}
.organization .grade1.director .part>li ul:after{content: ""; position: absolute; top: 0; left: 15px; width: 1px; height: 162px; background: #d2d4dc;}
.organization .grade1.director .part>li ul>li{position:relative;}
.organization .grade1.director .part>li ul>li:after{position:absolute; top:49%; left:-15px; content:""; width:10px; height:1px; background:#d2d4dc;}
.organization .grade2{width:203px; border:1px solid #d6d5d5; border-radius:30px; text-align:center; display:block; line-height:60px; font-size:15px; position:absolute; left:100px;}
.organization .grade2.top-part{top:0;}
.organization .grade2.top-part:after{content: ""; position: absolute; top:60px; left: 49%; width: 1px; height: 203px; background: #d2d4dc;}
.organization .grade2.top-part2{top:264px;}


/* departments */
.departments{}
.departments>li{padding-bottom: 44px; border-bottom: 1px solid #ccc; overflow:hidden;}
.departments>li .title{font-size: 18px; font-weight: bold; color: #333; padding-top: 140px; background-repeat:no-repeat; background-position: center 20px;  margin-right: 50px;}
.departments>li:nth-child(1) .title{background-image:url(/english/img/sub/img_departments1.gif);}
.departments>li:nth-child(2) .title{background-image:url(/english/img/sub/img_departments2.gif);}
.departments>li:nth-child(3) .title{background-image:url(/english/img/sub/img_departments3.gif);}
.departments>li:nth-child(4) .title{background-image:url(/english/img/sub/img_departments5.gif);}
.departments>li:nth-child(5) .title{background-image:url(/english/img/sub/img_departments4.gif);}
.departments>li:nth-child(6) .title{background-image:url(/english/img/sub/img_departments6.gif);}
.departments>li .col-sm-9 { padding:40px 0; }
.departments>li .col-sm-9 h2 { margin-bottom:20px; }

.af{}
.af>li{padding-bottom: 44px; border-bottom: 1px solid #ccc; overflow:hidden;}
.af>li .title{font-size: 18px; font-weight: bold; color: #333; padding-top: 140px; background-repeat:no-repeat; background-position: center 50px;  margin-right: 50px;}
.af>li:nth-child(1) .title{background-image:url(/english/img/sub/img_af1.gif);}
.af>li:nth-child(2) .title{background-image:url(/english/img/sub/img_af2.gif);}
.af>li:nth-child(3) .title{background-image:url(/english/img/sub/img_af3.gif);}
.af>li:nth-child(4) .title{background-image:url(/english/img/sub/img_af4.gif);}
.af>li:nth-child(5) .title{background-image:url(/english/img/sub/img_af5.gif);}
.af>li:nth-child(6) .title{background-image:url(/english/img/sub/img_af6.gif);}
.af>li:nth-child(7) .title{background-image:url(/english/img/sub/img_af7.gif);}
.af>li .col-sm-9 { padding:40px 0; }
.af>li .col-sm-9 h2 { margin-bottom:20px; }

@media (max-width:1000px){
	.snavigation,
	#content{padding-bottom:25px;}
	.top{margin-right:-485px;}
	.detail-content .container{padding-left:0; padding-right:0;}
   
}

@media (max-width:999px){
	.navi .container .scale{left:15px;}
	.embed-container.rectangle{padding-bottom:62.5%;}
	.snavigation .select-menu2{}
	.scale{display:none;}
	.navi .container .btn{right:0;}
	
	.greeting .pull-left,
	.greeting .pull-right,
	.greeting.profile .pull-right{width: 100%; background-position: center top;}
	
	.history-director>li .figcaption{height:190px; overflow:auto;}
	.history-director>li .figcaption .name{font-size:1.4em;}
	.history-director>li .figcaption{padding:15px;}
	.history-director>li .figcaption ul>li{font-size:14px;}
	
	.board-count{margin-top:15px;}
	.top,
	.sns-area{display:none;}
	
	.magazine-list>li{width:22%;}
	.magazine-list>li .figure img{height:257px;}
	
	.bg-half img.first{padding-left:15px; margin-bottom:20px;}
	
}

@media (max-width:957px){
	.organization{width:100%; height:860px;}
	.organization .grade1>a{top:inherit; margin-left:-62px;}
	.organization .grade1.chairman a{left:50%;}
	.organization .grade1.chairman a:after{display:none;}
	.organization .grade1.director>a{left:50%; top:200px;}
	.organization .grade1.director .part {position: absolute; top: 360px; right: 50%; margin-right: -145px;}
	.organization .grade1.director .part:after{left:-20px;}
	.organization .grade1.director .part>li>a:after{width:20px; left:-20px;}
	.organization .grade2{left:inherit; width:143px;}
	.organization .grade2.top-part{top:130px; left:15px}
	.organization .grade2.top-part2{top:130px; right:15px;}
	.organization .grade2.top-part:after{display:none;}
}

@media (max-width:768px){
	.snavigation .select-menu:after{right:0;}
	.snavigation .select-menu .option>li>a{padding:11px 15px;}
	.snavigation .select-menu,
	.snavigation .select-menu2{width:50%; margin-right:0; height:inherit; overflow:inherit; padding-left:20px;}
	
	.snavigation .select-menu button{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	
	.snavigation .select-menu2{position:relative; display:block; float:left;}	
	.snavigation .select-menu2 button{display:block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.snavigation .select-menu2 .menu-list{border:1px solid #1f2c46; position:absolute; top:0; left:0; width:100%; background:#fff; opacity: 0; z-index: -1; visibility:hidden;}
	.snavigation .select-menu2 .menu-list.active{opacity:1; z-index:20; visibility:visible;}
	.snavigation .select-menu2 .menu-list>li{font-size:1.133em; float:inherit;}
	.snavigation .select-menu2 .menu-list>li>a{display:block; padding:11px 15px; color: #2a2a2a;}
	.snavigation .select-menu2 .menu-list>li>a:hover{background:#115fad; color:#fff;}
	.snavigation .select-menu button,.snavigation .select-menu2 button{background-position:95% center;}
	
	.magazine-list>li{width:30%;}
	.magazine-list>li .figure img{height:310px;}
}

@media (max-width:767px){
	.departments>li .title{background-position:left 20px;}
	.af>li .title{background-position:left 50px;}
	
	.detail-content{margin-top:20px;}
	.search-area .form-control.normal{width:30%;}
	.search-area .form-control.lg{width:45%;}
	.search-area .btn.search{width:22%;}
	
	.common-tab{display:block; min-height:50px; margin-bottom:20px;}
	.common-tab>li.active{z-index:10; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.common-tab>li{display:list-item; width:100%; border-bottom:0; text-align:left; border-left:0; max-height:0; position:relative; z-index:5; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	.common-tab>li>a{font-size:1em; padding:10px 25px;}
	
	/*.board{display:block; border-top:2px solid #000;}
	.board thead th{display:none;}
	.board tbody{width:100%; display:block;}	
	.board tbody tr{overflow: hidden; border-top: 1px solid #dcdbdb; padding-top: 10px; display: block; padding-bottom: 10px; width:100%;}	
	.board tbody td{display:inline-block; float:left; border-bottom:0; padding:2px 5px;}
	.board tbody td.tag{width:15%;}	
	.board tbody td.txt{width:85%;}
	.board tbody td.author{display:block; clear:both; margin-left:15%;}		
	.board tbody td.num,
	.board tbody td.file,
	.board tbody td.count{display:none;}*/	
	
	.table-wrap{overflow:auto;}
	.table-wrap table{width:1000px;}
	
	#footer .copyright{font-size: 0.8333em; padding: 0 15px;}
	.ellipsis{width:100%;}	
	.snavigation .select-menu, .snavigation .select-menu2{padding-left:10px;}	
	
	hr.br{display:inline; border-width: 0; margin: 0; padding: 0;}
	
	.contentInfo .description{padding-left:15px; padding-right:15px;}
	.contentInfo .satisfy{margin-left:15px; margin-right:15px;}
	.contentInfo .description strong{display:block;}
	.contentInfo .satisfy .clearfix .grade>li{width:33.333%; margin-right:0; margin-bottom:7px;}
	.contentInfo .satisfy .clearfix .pull-right{float:left !important; width:100%;}
	.contentInfo .satisfy .clearfix .opinion label{display:block; margin-bottom:10px;}
	.contentInfo .satisfy .clearfix .opinion .form-control.xl{width:72%;}
	.contentInfo .satisfy .clearfix .opinion .btn{width:25%;}
	.contentInfo .satisfy .duty dt, .contentInfo .satisfy .duty dd{margin-bottom:10px;}
	
	.contentInfo{margin-top:40px;}
	
	.table-chart .title{margin-bottom:10px;}
	.table-chart .form-control.lg{width:100%;}
	.price {}

	
	.council>li{height:inherit;}
	.council>li .title>div{padding-top:15px; padding-bottom:15px; height:inherit;}
	.council>li .title{margin-bottom:15px;}
	.council>li .story{padding-left:15px;}
	
	.open-info .title{font-size:1.5em;}
	.open-info .bold {font-size: 1.1em; margin-top: 10px;}
	.open-info hr {margin: 20px 0;}
	
	.thumbBox-list{margin:15px -1% 0;}
	.thumbBox-list>li{margin-left:0; margin:0 1%; width:31.333%;}
	
	.find-box{padding:15px; min-height:inherit;}
	.find-box .fieldset{padding:15px 0;}
	
	.rules .charge .title{margin-right:0; margin-bottom:15px; padding-top:15px; padding-bottom:15px;}
	
	.indent1{padding-left:0;}
	
	.login{padding:15px; margin:0;}
	.login .title-box{width:100%;}
	.insert,
	.insert fieldset,
	.insert .under ul{width:100%;}
	.insert .title{font-size:1.333em; margin-top:15px; margin-bottom:10px;}
	
	.insert .under ul>li .btn{float:inherit; display:block;}
		
	.mail-content{padding-top: 25px;}
	
	.square-box{width:100%; min-height:inherit; text-align:center; margin-bottom:15px;}
	.block-list>li span{white-space: inherit; padding:15px;}
	.kind{margin-top:15px;}
	
	.common-tab.type1>li.active>a,
	.common-tab.type2>li.active>a{background:url(/korean/img/sub/i_select_arr.png) 95% center / 15px 8px no-repeat #f44e4e;}
	
	.common-tab.type1>li>a{border:1px solid #fff;}
	.common-tab.type2>li>a{border-bottom:1px solid rgba(255,255,255,0.2);}
	.common-tab.type3>li>a{border-top:1px solid #ddd; height:50px; padding-top:17px}
	.common-tab.type3>li.active>a{background: url(/korean/img/sub/i_select_arr.png) 95% center / 15px 8px no-repeat #115fad;}
	
	.scroll-area{border-width:1px;}
	
	/* 달력 모바일폼 */
	.basic-table td {padding: 5px;}
	.calendar-wrap .note{position:initial; padding:10px 0;}
	.calendar-wrap .date-select a {background-size: auto 100%;}
	.calendar td ul{position:initial; width:auto; overflow:hidden; vertical-align:middle;}
	.calendar td ul li{float:left;}
	.calendar td ul li.cal_blank{background:#fff;}
	.calendar li:first-child{margin-left:10px;}
	.calendar colgroup {display: none;}
	.calendar th {display: none;}
	.calendar tbody {border-bottom: 1px solid #434343; border-top: 2px solid #434343;}
	.calendar td {
	    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	    border-image: none;
	    border-style: solid none none;
	    border-width: 1px 0 0;
	    display: block;
	    height: auto;
	    vertical-align: top;
	}
	.calendar p {border-right: 1px solid #d2d2d2; display: inline-block; text-align: right; width:20%; padding: 5px 10px;}
	.calendar td:nth-child(1) p::after {content: "일"; margin-left: 10px;}
	.calendar td:nth-child(2) p::after {content: "월"; margin-left: 10px;}
	.calendar td:nth-child(3) p::after {content: "화"; margin-left: 10px;}
	.calendar td:nth-child(4) p::after {content: "수"; margin-left: 10px;}
	.calendar td:nth-child(5) p::after {content: "목"; margin-left: 10px;}
	.calendar td:nth-child(6) p::after {content: "금"; margin-left: 10px;}
	.calendar td:nth-child(7) p::after {content: "토"; margin-left: 10px;}
	.calendar ul {display: inline-block;}
	.calendar li {display: inline-block; margin-left: 10px;}
	.calendar td ul li{font-size: 11px; padding: 1px 5px;}
	.calendar .empty {display: none;}	
	
	#slider.photo-slide .slides>li img{width:100%; height:inherit;}
	#slider.photo-slide .flex-nav-prev a{top:30%; left:20px;}
	#slider.photo-slide .flex-nav-next a{top:30%; right:20px;}	
	#slider.photo-slide .figcaption{padding:15px;}
	#slider.photo-slide .figcaption .detail-view{top:0; right:0;}
	#slider.photo-slide .figcaption .title, #slider.photo-slide .figcaption .desc{width:80%;}
	.common-box.bg.proposal{padding-left:15px; background:#e4e6f0;}
	.btn-half .pull-left p, .btn-half .pull-right p{display:none;}
	
	.greeting.profile .pull-left strong,
	.greeting.profile .pull-left ul{width:100%;}
	.greeting.profile .pull-left strong{font-size: 1.5em;    margin-bottom:20px;   padding-bottom:20px;}
	.greeting.profile .pull-left strong:after{left:0; bottom:0; top:inherit; right:inherit;}
	
	/* 세부내용 */
	.navi .container{padding:15px;}
	/*.navi .container h1{text-align:left;}*/
	.navi .container .btn{right:15px;}
	.report-list>li .figure{display:none;}
	.report-area .container{width:100%;}
	.report-list>li .figlist{width:100%; padding:15px;}
	
	.board tbody td.num-bold{width:50px; font-size:1em; font-weight:400;}
	.board tbody td.thumbnail,
	.board colgroup,
	.description .txts .desc,
	.description .txts .common-list,
	.description .txts .title span{display:none;}
	.description .txts .title{font-size:1em; font-weight:400;}
	
	.part-info>li{width:44.5%;}
	
	.history .square-title{width:100%; height:inherit; padding:15px 0; margin-bottom:15px; display:none;}
	.history .year{width:100%;}
	.history .year>li strong{width:58px; margin-right:14px}
	.history .year>li strong:after{right:-17px;}
	.history .year>li ul{width:calc(100% - 98px); padding-left:15px;}
	.history .year>li ul>li{overflow:hidden;}
	.history .year>li ul>li .date{display:inline-block; width:52px; float:left;}
	.history .year>li ul>li span{display:inline-block; width:calc(100% - 52px); float:left;}
	
	.carta .title{background:0; padding-bottom:30px;}
	.carta .mean{padding-left:0;}
	
	.scroll-area{margin-top:0; padding:15px;}
	.addition ul{display:none;}
	
	.common-tab>li>a{transition:none;}
	
	.login .title-box{height:inherit; padding:25px 0;}
	.under ul{width:100%;}
	.under ul>li .btn{width:100%; padding:10px 0;}
	
	.login .title-box.mail{font-size:0;}
	
	.intro-slide,
	.intro-slide>li{width:100% !important;}
	.magazine-list>li .figure img{height:inherit;}
	
	.member .clearfix .col-xs-12.col-sm-6{margin-bottom:25px;}
	.member .clearfix{margin-top:25px;}
	
	.brochure .figure{display: none;}
	.brochure{height:inherit; margin-bottom:0; padding:15px;}
	.brochure .btn.xl{width:100%; padding:15px 0;}
	.brochure .figcaption{margin-bottom:30px;}
	.brochure .figcaption .title{font-size:1.7em;}
	
	.table-wrap table.full{width:100%;}
	
	.magazine-list>li{width:46%;}
	
	.web{display:none;}
	.mobile{display:block;}
	
	#content h2.big{margin-bottom:30px;}
	.captin-researcher .captin{padding-left:15px;}
	.captin-researcher .captin .figcaption .short-cut{bottom:0; left:-115px; top:inherit; right:inherit; display:none;}
	.captin-researcher .captin .figure img{width:100%;}
	
	.bg-half{background:#efefef;}
	.bg-half img{width:100%; padding:0 15px; max-width: 338px;}
	.bg-half p{padding-left:20px; margin-bottom:15px;}
	.bg-half .btn{background-color:#fff; margin-left:20px;}
	
	.web{display:none;}
	.mobile{display:block;}
	
    .research-list>li .title{display:inline-block;}
	
	
}

@media(max-width:415px){
	.greeting .pull-right,
	.greeting.profile .pull-right{background-size:100%; margin-bottom:0;}
	.greeting .pull-right p{bottom:0;}
	.greeting .pull-left .slogan{line-height:inherit; font-size:1.5em; margin-bottom:20px;   padding-bottom:20px;}
	.history-director>li .figure{float:inherit; width:100%;}
	.history-director>li .figure img{width:100%;}
	.history-director>li .figcaption{float:inherit; width:100%; overflow:inherit; height:210px;}
	.thumbBox-list>li{width:48%; margin-bottom:2%;}
	.navi .container h1{font-size:1.5em;}
	.public-list{padding:15px;}
	.public-list .publication .figure{padding-right:0;}
	.public-list .col-xs-6{width:100% !important;}
		
}


@media (max-width:413px){
	.ellipsis{width:90%;}
	.snavigation .select-menu{font-size:0.833em;}
	.snavigation .select-menu button{padding:13px 0;}
	.search-area .form-control.lg{width:49%;}
	#footer .rule>li{font-size:0.833em;}
	.history-director{margin:0;}
	.history-director>li{float:left; width:100%; margin:1.5% 0;}
	.history-director>li .figure{background:#efefef;}
	.history-director>li .figure img{width:168px; display:block; margin:0 auto;}
	.history-director>li .figcaption{height:inherit;}
	.contentInfo .satisfy .clearfix .opinion .btn{font-size:0.867em;}
	
	.search-area .form-control.normal{width:49%;}
	.search-area .form-control.lg{width:49%;}
	.search-area .btn.search{width:100%; margin-top:15px;}
	
	.intro .container{padding-top:1px;}
	.part-info>li{width: 95.5%;}
	.member .figure img{width:100%;}
	.member .figcaption{padding-left:15px;}
}

.snavigation + * {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    margin: 100px auto;
}

img {
  max-width: 100%;
  width: auto;
}

.page_topBtn_wrap { display: none; }

@media (max-width:1000px){
    .snavigation + * { padding:0 20px;margin:40px auto; }

}

