@charset "utf-8";

.img_box{display: block; border: 1px solid #ddd;padding: 10px 10px;}
.color_r{color:#d93a3a;}
.color_b{color: #033a72;}
.color_b01{color: #355bac;}
.color_b02{color : #000000;}
.color_g{color: #089791;}
.color_w{color: #ffffff;}
.mb_24{margin-bottom: 24px;}
.btn_box{display: block;overflow: hidden;position: relative;}

/* 아코디언 */
.ui-depth__list li{position:relative;margin-top:-1px;padding:15px 15px 13px;border:1px solid #d7d7d7;}
.ui-depth__list li:after{display:block;visibility:hidden;clear:both;}
.ui-depth__list .odd{background:#fbfbfb;}
.ui-depth__list .depth_table_0th{padding-left:15px;}
.ui-depth__list .depth_table_1th{padding-left:30px;}
.ui-depth__list .depth_table_2th{padding-left:60px;}
.ui-depth__list .depth_table_0th .ui-yesan__title{color:#232323;font-size:20px;line-height:1.2;font-weight:700;}
.ui-depth__list .depth_table_1th .ui-yesan__title{color:#404040;font-size:16px;line-height:1.2;padding-left:15px;background-image:url(/pcms/common/images/ir//title_icon_04.png);background-repeat:no-repeat;background-position:0 center;}
.ui-depth__list .depth_table_2th .ui-yesan__title,.ui-depth__list .depth_table_3th .ui-yesan__title,.ui-depth__list .depth_table_4th .ui-yesan__title{color:#404040;line-height:1.2;padding-left:10px;background-repeat:no-repeat;background-position:0 center;}
.ui-depth__list .depth_table_2th .ui-yesan__title{font-size:16px;background-image:url(/pcms/common/images/ir/title_icon_05.png);}
.ui-depth__list .ui-yesan__button{position:absolute;top:6px;right:15px;}
.ui-depth__list .ui-yesan__button .btn-file{border:none;background-color:transparent;border-left:1px solid #dfdfdf;}
.ui-depth__list .ui-yesan__button .btn-file:first-child{border-left:0;}
.ui-depth__list .ui-yesan__button .btn-file .left{margin-right:3px;}
@media only screen and (max-width:767px){
.ui-depth__list .ui-yesan__button{position:relative;float:right;clear:right;}
.ui-depth__list .ui-yesan__button .btn-file{background-color:#fff;border:1px solid #dfdfdf;}
.ui-depth__list .ui-yesan__button .btn-file:first-child{border-left:1px solid #dfdfdf;}
}
@media only screen and (max-width:640px){
.ui-depth__list .ui-yesan__button{position:relative;display:block;float:none;text-align:right;}
}
/* 아코디언 End */

/* 아코디언  */ 
.ui-accordion--faq {border-top:1px solid #d5d8de;}
.ui-accordion--faq .accordion__title {line-height:1.3;}
.ui-accordion--faq .accordion__button {padding-right: 70px; padding-left: 25px;}
.ui-accordion--faq .accordion__button.ov {border:1px solid #089892;}
.ui-accordion--faq .ir-question {display: block;top:23px;width: auto;height: auto;line-height: 1;font-size: 24px;color: #089892;background: none;}
.ui-accordion--faq .ir-answer {opacity: 0;top:30px;}
.ui-accordion--faq .accordion__body {background:#f8f8fa;padding-left:20px;}
.ui-accordion--faq .accordion__item{border:1px solid #d5d8de;border-top:none;}

.ui-accordion--faq .accordion__button .arrow {top: 43px;right: 30px;color:#d0d2d9;}
.ui-accordion--faq .accordion__button.ov .arrow {top:32px;}
.ui-accordion--faq .accordion__button.ov .arrow:after {border-color: #089892;}
/* 아코디언 */

/* 아이콘*/
.centerwrap .icolistbox .shape{width: 140px;height: 157px;border-radius: 5px;background: url(/images/eng/common/shape.png)no-repeat;}
.ir-icon__ct {position: absolute;width: 60px;height: 60px;margin-top: -32px;background-image: url(/images/eng/common/cont_ir.png);top: 50%;left: 40px;}
.ir-icon__ct.icon1{background-position:0 0;}
.ir-icon__ct.icon2{background-position:-60px 0;}
.ir-icon__ct.icon3{background-position:-120px 0;}
.ir-icon__ct.icon4{background-position:-180px 0;}
.ir-icon__ct.icon5{background-position:-240px 0;}
.ir-icon__ct.icon6{background-position:-300px 0;}
.ir-icon__ct.icon7{background-position:-360px 0;}
.ir-icon__ct.icon8{background-position:-420px 0;}
.ir-icon__ct.icon9{background-position:-480px 0;}
.ir-icon__ct.icon10{background-position:-540px 0;}

.ir-icon__ct.icon11{background-position:0 -60px;}
.ir-icon__ct.icon12{background-position:-60px -60px;}
.ir-icon__ct.icon13{background-position:-120px -60px;}
.ir-icon__ct.icon14{background-position:-180px -60px;}
.ir-icon__ct.icon15{background-position:-240px -60px;}
.ir-icon__ct.icon16{background-position:-300px -60px;}
.ir-icon__ct.icon17{background-position:-360px -60px;}
.ir-icon__ct.icon18{background-position:-420px -60px;}
.ir-icon__ct.icon19{background-position:-480px -60px;}
.ir-icon__ct.icon20{background-position:-540px -60px;}

.ir-icon__ct.icon21{background-position:0 -120px;}
.ir-icon__ct.icon22{background-position:-60px -120px;}
.ir-icon__ct.icon23{background-position:-120px -120px;}
.ir-icon__ct.icon24{background-position:-180px -120px;}
.ir-icon__ct.icon25{background-position:-240px -120px;}
.ir-icon__ct.icon26{background-position:-300px -120px;}
.ir-icon__ct.icon27{background-position:-360px -120px;}
.ir-icon__ct.icon28{background-position:-420px -120px;}
.ir-icon__ct.icon29{background-position:-480px -120px;}
.ir-icon__ct.icon30{background-position:-540px -120px;}

.ir-icon__ct.icon31{background-position:0 -180px;}
.ir-icon__ct.icon32{background-position:-60px -180px;}
.ir-icon__ct.icon33{background-position:-120px -180px;}
.ir-icon__ct.icon34{background-position:-180px -180px;}
.ir-icon__ct.icon35{background-position:-240px -180px;}
.ir-icon__ct.icon36{background-position:-300px -180px;}
.ir-icon__ct.icon37{background-position:-360px -180px;}
.ir-icon__ct.icon38{background-position:-420px -180px;}
.ir-icon__ct.icon39{background-position:-480px -180px;}
.ir-icon__ct.icon40{background-position:-540px -180px;}

.ir-icon__ct.icon41{background-position:0 -240px;}
.ir-icon__ct.icon42{background-position:-60px -240px;}
.ir-icon__ct.icon43{background-position:-120px -240px;}
.ir-icon__ct.icon44{background-position:-180px -240px;}
.ir-icon__ct.icon45{background-position:-240px -240px;}
.ir-icon__ct.icon46{background-position:-300px -240px;}
.ir-icon__ct.icon47{background-position:-360px -240px;}
.ir-icon__ct.icon48{background-position:-420px -240px;}
.ir-icon__ct.icon49{background-position:-480px -240px;}
.ir-icon__ct.icon50{background-position:-540px -240px;}

.ir-icon__ct.icon51{background-position:0 -300px;}
.ir-icon__ct.icon52{background-position:-60px -300px;}
.ir-icon__ct.icon53{background-position:-120px -300px;}
.ir-icon__ct.icon54{background-position:-180px -300px;}
.ir-icon__ct.icon55{background-position:-240px -300px;}
.ir-icon__ct.icon56{background-position:-300px -300px;}
.ir-icon__ct.icon57{background-position:-360px -300px;}
.ir-icon__ct.icon58{background-position:-420px -300px;}
.ir-icon__ct.icon59{background-position:-480px -300px;}
.ir-icon__ct.icon60{background-position:-540px -300px;}

.ir-icon__ct.icon61{background-position:0 -360px;}
.ir-icon__ct.icon62{background-position:-60px -360px;}
.ir-icon__ct.icon63{background-position:-120px -360px;}
.ir-icon__ct.icon64{background-position:-180px -360px;}
.ir-icon__ct.icon65{background-position:-240px -360px;}
.ir-icon__ct.icon66{background-position:-300px -360px;}
.ir-icon__ct.icon67{background-position:-360px -360px;}
.ir-icon__ct.icon68{background-position:-420px -360px;}
.ir-icon__ct.icon69{background-position:-480px -360px;}
.ir-icon__ct.icon70{background-position:-540px -360px;}
/* 아이콘 End */   

/* 본부, 연구단, 센터 소개 */
.centerwrap {overflow:hidden}
.centerwrap .h2 {margin:80px 0 20px;}
.centerwrap .t_box .tit {padding:80px 180px 0;background:#eef4f4; text-align:center; }
.centerwrap .t_box .tit strong {display:inline-block; position:relative; line-height:1.3;}
.centerwrap .t_box .tit strong:after {display:block; position:absolute; top:-33px; left:-50px; content:''; width:116px; height:56px; background:url(/images/prog/center/tit_obj.png)no-repeat;}
.centerwrap .t_box .tit strong span {display:inline-block; position:relative; z-index:1; line-height:1.3; font-size:30px; font-weight:bold; color:#000; }
.centerwrap .t_box .tit p {margin:5px 0 0;font-size:14px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;text-transform: uppercase;letter-spacing: 0.2em;color: rgba(0,0,0,.6);}
.centerwrap .t_box .tit .thumb {position: relative;z-index: 2;height:420px;margin: 25px 0 -80px;border-radius:0 50px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:10px 10px 20px rgba(0,0,0,.3);}
.centerwrap .t_box .info {position:relative; padding: 125px 180px 80px;background:url(/images/prog/center/bg.jpg)no-repeat center / cover;}
.centerwrap .t_box .info:before {display:block; position:absolute; top:125px; bottom:80px;  right:560px; content:''; width:1px; height:auto; background:rgba(255,255,255,.5);}
.centerwrap .t_box .info .l_box {float:left; width:calc(100% - 380px); padding-right:30px;}
.centerwrap .t_box .info .l_box strong {display:block; line-height:1.3; font-size:24px; font-weight:bold; color:#fff; }
.centerwrap .t_box .info .l_box p {line-height:1.5; font-size:15px; color:#fff; }
.centerwrap .t_box .info .r_box {float:left;position: relative;width:380px;padding: 0 0 0 30px;}
.centerwrap .info .r_box strong {display:block;line-height:1.3;padding-right: 120px;font-size:15px;font-weight:bold;color:#ffd631;}
.centerwrap .info .r_box ul {margin:10px 0 0;padding-right: 100px;}
.centerwrap .info .r_box ul li {position:relative; margin:0 0 3px;padding-left:75px; color:#fff; font-size: 15px;}
.centerwrap .info .r_box ul li span {position:absolute; left:0; top:0; font-weight:bold; color:#fff; }
.centerwrap .info .r_box ul li span:before {display:inline-block;content:''; width:17px; height:17px; margin:0 5px 0 0;background:url(/images/prog/center/ico_ir.png)no-repeat; vertical-align:middle;}
.centerwrap .info .r_box ul li.n2 span:before {background-position:0 -25px;}
.centerwrap .info .r_box ul li.n3 span:before {background-position: 0 -49px;}
.centerwrap .info .r_box .thumb {position:absolute;right:0;top:0;width:100px;height:100px;border-radius:50%;background-repeat:no-repeat;background-size: cover;background-position:center;font-size:0;}

.centerwrap .t_box2 {position:relative;padding: 50px 0 0 180px;}
.centerwrap .t_box2 .info {}
.centerwrap .t_box2 .info > .thumb {position:absolute;left:0;top:15px;bottom: 65px;z-index:2;width: 52%;height: 400px;border-radius:0 50px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:10px 10px 20px rgba(0,0,0,.3);}
.centerwrap .t_box2 .info > .thumb.ct {position:absolute;left:0;top:15px;bottom: 65px;z-index:2;width: 45%;height: auto;border-radius:0 50px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:10px 10px 20px rgba(0,0,0,.3);}
.centerwrap .t_box2 .info .l_box {padding: 45px 45px 45px 46%;border:1px solid #ddd;border-bottom:none;}
.centerwrap .t_box2 .info .l_box .tit {}
.centerwrap .t_box2 .info .l_box .tit strong {}
.centerwrap .t_box2 .info .l_box .tit strong span {display:block;line-height:1.3; font-size:30px;font-weight:bold;color: #033a72;}
.centerwrap .t_box2 .info .l_box .tit p {margin: 5px 0 0;font-size:14px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;text-transform: uppercase;color: rgba(0,0,0,.5);}
.centerwrap .t_box2 .info .l_box > strong  {display:block;margin:30px 0 0;font-size: 20px;color: #222;}
.centerwrap .t_box2 .info .l_box > p {line-height:1.5;}
.centerwrap .t_box2 .info .r_box {position:relative;padding: 35px 35px 35px 46%;background:url(/images/prog/center/bg.jpg)no-repeat center / cover;}
.centerwrap .t_box2 .info .r_box .thumb {right:35px;top: 40px;}

.centerwrap .t_box2.type2 {padding: 65px 0 0 390px;}
.centerwrap .t_box2.type2 .info {padding:15px; background:url(/images/prog/center/bg2.png);}
.centerwrap .t_box2.type2 .info .info_inner {padding:55px 55px 55px 175px;background:#fff;}
.centerwrap .t_box2.type2 .info .l_box {padding:0; border:none;background:#fff;}
.centerwrap .t_box2.type2 .info .l_box .tit {margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #ccc; }
.centerwrap .t_box2.type2 .info .r_box {padding:0; background:#fff;}
.centerwrap .t_box2.type2 .info .r_box strong {color:#089791; }
.centerwrap .t_box2.type2 .info .r_box .thumb {right:0; top:0;}
.centerwrap .t_box2.type2 .info .r_box ul li {color: #666;}
.centerwrap .t_box2.type2 .info .r_box ul li span {color: #222;}
.centerwrap .t_box2.type2 .info .r_box ul li span:before {background-image:url(/images/prog/center/ico_ir2.png)}


.centerwrap .linklist {margin:0 -10px;}
.centerwrap .linklist li {float:left;width:calc(50% - 20px);margin: 0 10px 20px;}
.centerwrap .linklist li a,
.centerwrap .linklist li button {display:block;position:relative;padding: 17px 40px;border:1px solid #169c96;font-size: 18px;color: #007671; transition:all 0.3s; -webkit-transition:all 0.3s; }
.centerwrap .linklist li a:hover,
.centerwrap .linklist li a:focus,
.centerwrap .linklist li button:hover,
.centerwrap .linklist li button:focus {background:#169c96; color:#fff;}
.centerwrap .linklist li span {display:block;position:absolute;right: 40px;top: 50%;width:9px;height:15px;margin-top: -7.5px;background:url(/images/prog/center/arr2.png)no-repeat;transition:all 0.3s;-webkit-transition:all 0.3s;}
.centerwrap .linklist li a:hover span,
.centerwrap .linklist li a:focus span,
.centerwrap .linklist li button:hover span,
.centerwrap .linklist li button:focus span {background:url(/images/prog/center/arr3.png)no-repeat;}
.centerwrap #center_slide {position:relative; margin-top: 35px;}
.centerwrap #center_slide .control {position:absolute;right:0;top: -25px;}
.centerwrap #center_slide .control > button {width:20px;height:16px;margin:0;background:url(/images/prog/center/arr.png)no-repeat;font-size:0;vertical-align: top;}
.centerwrap #center_slide .control > button:before,.centerwrap #center_slide .control > button:after {display:none;}
.centerwrap #center_slide .control .btn_prev {}
.centerwrap #center_slide .control .btn_next {background-position:-58px 0;}
.centerwrap #center_slide .control .btn_prev:hover,
.centerwrap #center_slide .control .btn_prev:focus {background-position:0 -18px;}
.centerwrap #center_slide .control .btn_next:hover,
.centerwrap #center_slide .control .btn_next:focus {background-position:-58px -18px;}
.centerwrap #center_slide .control em {display:inline-block;width:1px;height:20px;margin: -2px 15px 0;border:none;background: #ddd;transform: rotate(20deg);-webkit-transform: rotate(20deg);vertical-align: top;}
.centerwrap #center_slide .grap {overflow:hidden; height: 350px;}
.centerwrap #center_slide .grap ul {position:relative;margin:0 -10px;}
.centerwrap #center_slide .grap ul li {float:left; width:calc(33.33% - 20px); margin:0 10px 10px;border: 1px solid #ddd; height: 350px;}
.centerwrap #center_slide .grap ul li a,
.centerwrap #center_slide .grap ul li button {display:block;border:1px solid #ddd;}
.centerwrap #center_slide .grap ul li .thumb {height:252px;background-size: contain;background-repeat:no-repeat;background-position:center;}
.centerwrap #center_slide .grap ul li .infotxt {padding:20px; text-align:center; font-size:16px; color:#666; line-height: 1.4;}
.centerwrap #center_slide .grap ul li .infotxt span {display:block; overflow:hidden; font-size:18px; color:#666; text-overflow: ellipsis;white-space: nowrap;}

.centerwrap #center_slide1 {position:relative; margin-top: 35px;}
.centerwrap #center_slide1 .control {position:absolute;right:0;top: -25px;}
.centerwrap #center_slide1 .control > button {width:20px;height:16px;margin:0;background:url(/images/prog/center/arr.png)no-repeat;font-size:0;vertical-align: top;}
.centerwrap #center_slide1 .control > button:before,.centerwrap #center_slide .control > button:after {display:none;}
.centerwrap #center_slide1 .control .btn_prev {}
.centerwrap #center_slide1 .control .btn_next {background-position:-58px 0;}
.centerwrap #center_slide1 .control .btn_prev:hover,
.centerwrap #center_slide1 .control .btn_prev:focus {background-position:0 -18px;}
.centerwrap #center_slide1 .control .btn_next:hover,
.centerwrap #center_slide1 .control .btn_next:focus {background-position:-58px -18px;}
.centerwrap #center_slide1 .control em {display:inline-block;width:1px;height:20px;margin: -2px 15px 0;border:none;background: #ddd;transform: rotate(20deg);-webkit-transform: rotate(20deg);vertical-align: top;}
.centerwrap #center_slide1 .grap {overflow:hidden; height: 371px;}
.centerwrap #center_slide1 .grap ul {position:relative;margin:0 -10px;}
.centerwrap #center_slide1 .grap ul li {float:left; width:calc(33.33% - 20px); margin:0 10px 10px;border: 1px solid #ddd;min-height: 371px;}
.centerwrap #center_slide1 .grap ul li a,
.centerwrap #center_slide1 .grap ul li button {display:block;border:1px solid #ddd;}
.centerwrap #center_slide1 .grap ul li .thumb {height:252px;background-size: contain;background-repeat:no-repeat;background-position:center;}
.centerwrap #center_slide1 .grap ul li .infotxt {padding:20px; text-align:center; font-size:16px; color:#666;line-height: 1.4;}
.centerwrap #center_slide1 .grap ul li .infotxt span {display:block; overflow:hidden; font-size:18px; color:#666; text-overflow: ellipsis;white-space: nowrap;}

.centerwrap #center_slide2 {position:relative; margin-top: 35px;}
.centerwrap #center_slide2 .control {position:absolute;right:0;top: -25px;}
.centerwrap #center_slide2 .control > button {width:20px;height:16px;margin:0;background:url(/images/prog/center/arr.png)no-repeat;font-size:0;vertical-align: top;}
.centerwrap #center_slide2 .control > button:before,.centerwrap #center_slide .control > button:after {display:none;}
.centerwrap #center_slide2 .control .btn_prev {}
.centerwrap #center_slide2 .control .btn_next {background-position:-58px 0;}
.centerwrap #center_slide2 .control .btn_prev:hover,
.centerwrap #center_slide2 .control .btn_prev:focus {background-position:0 -18px;}
.centerwrap #center_slide2 .control .btn_next:hover,
.centerwrap #center_slide2 .control .btn_next:focus {background-position:-58px -18px;}
.centerwrap #center_slide2 .control em {display:inline-block;width:1px;height:20px;margin: -2px 15px 0;border:none;background: #ddd;transform: rotate(20deg);-webkit-transform: rotate(20deg);vertical-align: top;}
.centerwrap #center_slide2 .grap {overflow:hidden; height: 396px;}
.centerwrap #center_slide2 .grap ul {position:relative;margin:0 -10px;}
.centerwrap #center_slide2 .grap ul li {float:left; width:calc(33.33% - 20px); margin:0 10px 10px;border: 1px solid #ddd;min-height: 396px;}
.centerwrap #center_slide2 .grap ul li a,
.centerwrap #center_slide2 .grap ul li button {display:block;border:1px solid #ddd;}
.centerwrap #center_slide2 .grap ul li .thumb {height:242px;background-size: contain;background-repeat:no-repeat;background-position:center;}
.centerwrap #center_slide2 .grap ul li .infotxt {padding:20px; text-align:center; font-size:16px; color:#666; line-height: 1.4;}
.centerwrap #center_slide2 .grap ul li .infotxt span {display:block; overflow:hidden; font-size:18px; color:#666; text-overflow: ellipsis;white-space: nowrap;}

.centerwrap .icolistbox {position:relative;padding: 35px;padding-left: 240px;border:1px solid #ddd; min-height: 245px;}
.centerwrap .icolistbox > span {position:absolute; top:45px; left:50px;}
.centerwrap .icolistbox.type2 {border-bottom:none;}
.centerwrap .icolistbox.type2:last-child {border-bottom:1px solid #ccc;}

.centerwrap #center_slide .grap.type01 ul li{width: calc(100% - 20px);display: block; border: 1px solid #ddd;}
.centerwrap #center_slide .grap.type01 ul li .thumb{height: auto;background-size: auto;text-align: center;padding: 10px;}

.centerwrap #center_slide1 .grap.type01 ul li{width: calc(100% - 20px);display: block; border: 1px solid #ddd;}
.centerwrap #center_slide1 .grap.type01 ul li .thumb{height: auto;background-size: auto;text-align: center;padding: 10px;}

.centerwrap #center_slide2 .grap.type01 ul li{width: calc(100% - 20px);display: block; border: 1px solid #ddd;}
.centerwrap #center_slide2 .grap.type01 ul li .thumb{height: auto;background-size: auto;text-align: center;padding: 10px;}

@media(max-width:1519px){
    .centerwrap .t_box .tit {padding:80px 8% 0;}
    .centerwrap .t_box .info {padding: 125px 9% 80px;}
    .centerwrap .t_box .info:before {right:calc(9% + 380px);}
    
    .centerwrap .t_box2.type2 {padding: 65px 0 0 30%;} 
    .centerwrap .t_box2.type2 .info > .thumb {width:45%;}
    .centerwrap .t_box2.type2 .info .info_inner {padding: 55px 55px 55px 28%;}

    .centerwrap #center_slide .grap.type01 ul li .thumb{text-align: center;}
    .centerwrap #center_slide1 .grap.type01 ul li .thumb{text-align: center;}
    .centerwrap #center_slide2 .grap.type01 ul li .thumb{text-align: center;}
}


@media(max-width:1023px){
    .centerwrap .t_box .tit {padding:80px 30px 0;}
    .centerwrap .t_box .info {padding: 125px 30px 50px;}
    .centerwrap .t_box .info:before {display:none;}
    .centerwrap .t_box .info .l_box {float:none; width:100%; padding:0; margin:0 0 20px;}
    .centerwrap .t_box .info .r_box {float:none;width:100%;padding: 0;}
    .centerwrap .t_box2 .info > .thumb {box-shadow: none;}

    .centerwrap #center_slide .grap {height:360px;}
    .centerwrap #center_slide .grap ul li {width:calc(50% - 20px);}
    .centerwrap #center_slide .grap ul li .thumb {height:250px;}

    .centerwrap #center_slide1 .grap {height:347px;}
    .centerwrap #center_slide1 .grap ul li {width:calc(50% - 20px); min-height: 347px;}
    .centerwrap #center_slide1 .grap ul li .thumb {height:250px;}

    /* .centerwrap #center_slide2 .grap {height:360px;} */
    .centerwrap #center_slide2 .grap ul li {width:calc(50% - 20px);}
    .centerwrap #center_slide2 .grap ul li .thumb {height:250px;}
    
    .centerwrap .t_box2 {padding:0;}
    .centerwrap .t_box2 .info > .thumb {position:static;width:100%;height:350px;border-radius: 0;}
    .centerwrap .t_box2 .info > .thumb.ct {position:static;width:100%;height:350px;border-radius: 0;}
    .centerwrap .t_box2 .info .l_box {padding:30px;}
    .centerwrap .t_box2 .info .r_box {padding:30px;}

    .centerwrap .t_box2.type2 {padding:0;}
    .centerwrap .t_box2.type2 .info {padding:10px;}
    .centerwrap .t_box2.type2 .info > .thumb {width:100%;border-radius:0;}
    .centerwrap .t_box2.type2 .info .info_inner {padding:40px 30px 30px;}
}

@media(max-width:767px){
    .centerwrap .h2 {margin:50px 0 20px;}
    .centerwrap .t_box .tit {padding:80px 20px 0;}
    .centerwrap .t_box .tit strong:after {top: -23px;left: -40px;width:100px;height: 49px;background-size:100px auto;}
    .centerwrap .t_box .info {padding: 125px 20px 50px;}
    .centerwrap .t_box .tit .thumb {height:350px;}

    .centerwrap .linklist li {float:none;width:calc(100% - 20px);}
    .centerwrap .linklist li a,
    .centerwrap .linklist li button {padding: 13px 30px;}
    .centerwrap .linklist li span {right:20px;}

    .centerwrap #center_slide .grap {height:295px;}
    .centerwrap #center_slide .grap ul li .thumb {height:200px;}
    .centerwrap #center_slide .grap ul li .infotxt {padding:20px;font-size: 16px;}
    .centerwrap #center_slide .grap ul li .infotxt span {font-size:16px;}
    .centerwrap #center_slide .control em {margin:-2px 10px 0}

    .centerwrap #center_slide1 .grap {height:295px;}
    .centerwrap #center_slide1 .grap ul li .thumb {height:200px;}
    .centerwrap #center_slide1 .grap ul li .infotxt {padding:20px;font-size: 16px;}
    .centerwrap #center_slide1 .grap ul li .infotxt span {font-size:16px;}
    .centerwrap #center_slide1 .control em {margin:-2px 10px 0}

    .centerwrap #center_slide2 .grap {height:295px;}
    .centerwrap #center_slide2 .grap ul li .thumb {height:200px;}
    .centerwrap #center_slide2 .grap ul li .infotxt {padding:20px;font-size: 16px;}
    .centerwrap #center_slide2 .grap ul li .infotxt span {font-size:16px;}
    .centerwrap #center_slide2 .control em {margin:-2px 10px 0}

    .centerwrap .icolistbox {min-height:auto; padding:20px 30px;}
    .centerwrap .icolistbox > span {display:none;}

    .centerwrap .t_box2 .info > .thumb {height: 250px;}
    .centerwrap .t_box2 .info .l_box .tit strong span {font-size: 26px;}
}

@media(max-width:450px){
    .centerwrap .t_box .tit .thumb {height:250px;}
    .centerwrap .info .r_box ul li {padding:0;}
    .centerwrap .info .r_box ul li span {display:block;position:static;}
    .centerwrap .t_box2 .info .l_box .tit strong span {font-size: 24px;}

    .centerwrap #center_slide .grap ul li {float:none; width:calc(100% - 20px);}
    .centerwrap #center_slide1 .grap ul li {float:none; width:calc(100% - 20px);}
    .centerwrap #center_slide2 .grap ul li {float:none; width:calc(100% - 20px);}
}


/* sub0101 인사말 */
.greetings {position: relative;}
.greetings .txtbox { overflow: hidden;background: url(/images/eng/sub01/sub0101_border.jpg);}
.greetings .txtbox .txt_inner {padding: 75px 36% 75px 75px; background: #fff; margin: 15px;}
.greetings .txtbox .txt_inner::after {position: absolute; right: 35px; top: 43px; width: 377px; height: 183px; background: url(/images/eng/sub01/sub0101_buble.png); content: "";}
.greetings .txtbox .sub_txt {position: relative; font-size: 36px; color: #003561; line-height: 45px;padding-bottom: 25px;}
.greetings .txtbox .sub_txt strong {color: #089791;}
.greetings .txtbox .sub_txt span {display: block;}
.greetings .txtbox .sub_txt:before {position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background: #ddd; content: ""; }
.greetings .txtbox .m_txt p {color: #003561; font-size: 20px; margin-top: 20px; letter-spacing: -1px; line-height: 27px;}
.greetings .txtbox .m_txt span {display: block; letter-spacing: -1px;}
.greetings .top {position: relative;}
.greetings .greetings_img {position: absolute; left: 90px;bottom: -70px; width: calc(100% - 90px); z-index: 9;}
.greetings .greetings_img img {position: absolute; right: 6%;bottom: 0; width: 37%; z-index: 10;}
.greetings .greetings_img .name { padding: 35px; background: url(/images/eng/sub01/sub0101_gra.jpg) no-repeat; background-size: cover;}
.greetings .greetings_img .name span {color: rgba(255, 255, 255, 0.5); font-size: 14px;}
.greetings .greetings_img .name p {color: #fff; font-size: 15px;}
.greetings .greetings_img .name p > b {font-size: 20px; margin-left: 5px;}

.greetings .bottom {margin-top: 125px; margin-left: 90px;}
.greetings .bottom p {margin-top: 35px;}

@media(max-width:870px){
    .greetings .txtbox .txt_inner::after {opacity: 0.5;}
    .greetings .txtbox .sub_txt {font-size: 35px; line-height: 1.2;}
    .greetings .txtbox .txt_inner {padding: 75px 26% 75px 75px;}
    .greetings .greetings_img img {right: 20px;}
}
@media(max-width:767px){
    .greetings .txtbox .txt_inner {padding: 55px 35px; margin: 10px;}
    .greetings .txtbox .sub_txt {font-size: 31px;}
    .greetings .txtbox .m_txt p {font-size: 19px;}
    .greetings .greetings_img {position: relative; left: auto; bottom: auto; width: 100%; margin-top: 30px;}
    .greetings .greetings_img .name {padding: 35px 35px 70px;}
    .greetings .bottom {margin: 0;}    
    .greetings .bottom p {margin-top: 25px;}
}
@media(max-width:550px){
    .greetings .txtbox .txt_inner { padding: 40px 30px;}
    .greetings .txtbox .txt_inner::after {display: none;}
    .greetings .txtbox .sub_txt {font-size: 27px;}
    .greetings .greetings_img .name {padding: 35px 150px 35px 35px;}
    .greetings .greetings_img .name p > b {display: inline-block;}
    .greetings .greetings_img img {width: 140px;}
}
@media(max-width:440px){
    .greetings .txtbox .sub_txt {font-size: 25px;}
    .greetings .txtbox .sub_txt span {display: inline;}
    .greetings .txtbox .m_txt p {font-size: 17px;}
}
@media(max-width:360px){
    .greetings .txtbox .sub_txt {line-height: 1.3;}
    .greetings .txtbox .sub_txt span {line-height: 1.3;}
    .greetings .txtbox .txt_inner {padding: 40px 25px;}
    .greetings .greetings_img .name { padding: 35px 35px 145px;}
    .greetings .greetings_img img {right: calc(50% - 70px);}
}
/* sub0101 인사말 End */

/* sub0102 비전 */

/* 비전/미션 */
.m_type01 .b_txt {position: absolute; width: 155px;color: #00274e;}
.m_type01 .s_txt {margin-left: 155px;}
@media (max-width:900px){
    .m_type01 .b_txt { position: revert; width: 100%; padding: 0px 0;}
    .m_type01 .s_txt {margin-left: 0;}
}

.s0102 .m_type01{position: relative;border-bottom: 1px solid #dddddd;margin-bottom: 45px;}
.s0102 .m_type01:last-child {border: none;}
.s0102 .m_type01 .b_txt{padding: 20px 0;font-size: 20px;font-weight: bold;padding-left: 20px;top: 0;left: 0;}
.s0102 .m_type01 .s_txt{ overflow: hidden; padding: 20px 20px 40px 20px;}

.s0102 .quo {display: block; position: relative; text-align: center; font-size: 23px; color: #033a72;padding: 0 60px; line-height: 1.4;}
.s0102 .quo span {display: block; line-height: 1.4;}
.s0102 .quo:before {display: block; position: absolute; left: 0;top: -13px; width: 55px; height: 44px; background: url(/images/eng/sub01/sub0102_quo1.png); content: "";}
.s0102 .quo:after {display: block; position: absolute; right: 0;bottom: -15px; width: 55px; height: 44px; background: url(/images/eng/sub01/sub0102_quo2.png); content: "";}
.s0102 .tit {position: relative;font-size: 30px;color: #fff;background: #05aba7 url(/images/eng/sub01/sub0102_img02.png);padding: 24px 0;max-width: 902px;text-align: center;border-radius: 50px;margin: 0 auto;margin-top: 90px;}
.s0102 .tit:before {display: block; position: absolute; top: -65px; left: calc(50% - 98px); width: 197px; height: 44px; background: url(/images/eng/sub01/sub0102_img01.png); content: "";}
.s0102 .tit:after {display: block;position: absolute;top: -20px;left: -20px;width: calc(100% + 38px);height: 137px;border:1px solid #ccc;border-radius: 90px;content: "";}
.s0102 .tit > span {color: #ffd200; font-weight: bold;}
.s0102 .small {position: relative; margin-left: 175px; max-width: 415px;margin: 20px auto 0; left: 80px; background: #fff;}
.s0102 .small:last-child {margin-top: 10px;}
.s0102 .small:before {position: absolute; width: 164px; height: 33px; left: -175px;top: 0; background: url(/images/eng/sub01/sub0102_small1.jpg); content:"";z-index: 1;}
.s0102 .small:last-child:before { background: url(/images/eng/sub01/sub0102_small2.jpg);} 
.s0102 .small:after {position: absolute; width: 200px; height: 20px; left: -200px;top: -10px; background: #fff; content:"";}

.s0102 .col5 {position: relative; overflow: hidden;}
.s0102 .col5 li {width: 19.2%;margin-right: 1%;float: left;text-align: center;}
.s0102 .col5 li:last-child {margin-right: 0;}
.s0102 .col5 .earth {display: block;width: 120px;height: 120px;background: url(/images/eng/sub01/sub0102_icon.png) no-repeat;margin: 0 auto;}
.s0102 .col5 .no2 .earth {background-position: -119px 0;}
.s0102 .col5 .no3 .earth {background-position: -240px 0;}
.s0102 .col5 .no4 .earth {background-position: -361px 0;}
.s0102 .col5 .no5 .earth {background-position: -481px 0;}
.s0102 .col5 .subtxt1 {display: block; margin-top: 25px;font-size: 15px;}
.s0102 .col5 .subtxt1 > b {color: #089791;}
.s0102 .col5 .subtxt2 {display: block; color: #089791; font-weight: bold; margin-top: 10px;font-size: 15px;}

.s0102 .col4 {position: relative; overflow: hidden;}
.s0102 .col4 .ban {float: left; width: calc(25% + 25px);margin-left: -35px;}
.s0102 .col4 .ban:first-child {margin-left: 0;}
.s0102 .col4 .ban ul {margin-left: 40px;}

.s0102 .tb {position: relative; float: left; width: 49%; margin-right: 2%; border-radius: 0 30px 0 0; background: #f9f9f9; min-height: 452px; border: #ddd; margin-top: 70px;}
.s0102 .tb + .tb {margin-right: 0;}
.s0102 .tb .t_ico .ir-icon__ct { top: -70px; left: calc(50% - 30px);  margin: 0;}
.s0102 .tb span.t_bg {display: block; background: #089791;font-size: 20px; padding: 20px; color: #fff; text-align: center; border-radius: 0 30px 0 0;}
.s0102 .tb ul {padding: 15px 35px;}

@media (max-width:1420px){
    .s0102 .quo:before {left: 0;}
    .s0102 .quo:after {right: 0;}
}
@media (max-width:1340px){
    .s0102 .quo span {display: inline;}
    .s0102 .col5 li {margin-bottom: 35px; width: 32%;}
    .s0102 .col5 li:nth-child(4) {margin-bottom: 0; margin-left: 17%;}
    .s0102 .col5 li:nth-child(5) {margin-bottom: 0; }
    .s0102 .col4 .ban {width: 50%; margin-left: 0;}
    .s0102 .col4 .ban img {display: block; margin: 0 auto;}
    .s0102 .col4 .ban ul {width: 180px;margin: 10px auto 25px;}
    .s0102 .tb {min-height: 582px;}
}
@media (max-width:1200px){
    .s0102 .tb {min-height: 452px;}

}
@media (max-width:1000px){
    .s0102 .tb {min-height: 582px;}

}
@media (max-width:900px){
    .s0102 .m_type01{margin-bottom: 35px;}
    .s0102 .m_type01 .b_txt{position: relative;width:100%;padding: 0px 0;font-size: 20px;font-weight: bold;}
    .s0102 .m_type01 .s_txt{padding:30px 0px;padding-left:0}
    .s0102 .tb {min-height: 540px;}
    .s0102 .tit:after {display: none;}
}
@media (max-width:767px){
    .s0102 .tit {font-size: 27px; padding: 20px 0;}
    .s0102 .tb {width: 100%; min-height: auto;margin-bottom: 20px;}
    .s0102 .small:after {display: none;}
}
@media (max-width:590px){
    .s0102 .small { margin: 50px 15px 0;left: auto; max-width: 100%;}
    .s0102 .small:before { bottom: auto; left: auto; top: -35px;}
    .s0102 .small:last-child {margin-top: 40px;}
}
@media (max-width:530px){
    .s0102 .quo {padding: 0; font-size: 23px;}
    .s0102 .quo:before {display: none;}
    .s0102 .quo:after {display: none;}
    .s0102 .tit {font-size: 24px;padding: 20px 15px; max-width: 263px; margin: 90px auto 10px;}
    .s0102 .col5 li {width: 100%;  margin-bottom: 30px;}
    .s0102 .col5 li:nth-child(4) {margin-left: 0; margin-bottom: 30px;}
    .s0102 .col4 .ban {width: 100%;}
}
/* sub0102 비전 End */


/*sub01_03 KRICT 미션*/
.mission {position: relative;}
.mission .m_type01{position: relative;border-bottom: 1px solid #dddddd;margin-bottom: 50px;}
.mission .m_type01 .b_txt{font-size: 20px;font-weight: bold; top: 0;left: 0;padding-left:20px;}
.mission .m_type01 .s_txt{padding: 20px 20px;}
/*사명선언문*/
.mission .m_type01 .s_txt .intro_box{display: block; text-align: center;}
.mission .m_type01 .s_txt .inner .color_b{letter-spacing: 2.1px}
.mission .m_type01 .s_txt .inner .color_g{line-height: 1.4;}
.mission .m_type01 .s_txt .inner>p{font-size: 30px;}

.mission .m_type01 .mo {display: none;}
/*사명선언문 End*/

/*5대역할·추진과제*/
.color_box {position: relative;margin-bottom: 23px;border-radius: 30px;}
.color_box .text.colortype_01{border-radius: 30px;background: #089791;}
.color_box .text.colortype_02{border-radius: 30px;background: #0495aa;}
.color_box .text.colortype_03{border-radius: 30px;background: #1385bb;}
.color_box .text.colortype_04{border-radius: 30px;background: #0768ac;}
.color_box .text.colortype_05{border-radius: 30px;background: #355bac;}

.color_box .num_color{position: absolute;top: 50%;left: 19px;background: white;border-radius: 30px; width: 35px;height: 35px; text-align: center;font-size: 22px; font-weight: bold;transform: translateY(-50%);z-index: 1;}
.color_box .num_color.numtype_01{color: #089791;}
.color_box .num_color.numtype_02{color: #0495aa;}
.color_box .num_color.numtype_03{color: #1385bb;}
.color_box .num_color.numtype_04{color: #0768ac;}
.color_box .num_color.numtype_05{color: #355bac;}

.color_box .text{display: block; padding: 15px 15px;padding-left: 65px;font-weight: bold;font-size: 18px;color: white;}
.color_box .point_txt{float: right;width: 180px;height: 30px;border-radius: 30px; background: #033a72;font-size: 15px;font-weight: normal;right: 15px;color: #ffdd3e;text-align: center;line-height: 30px;}

.list_box {width: 100%; padding: 0px 42px 23px 62px;font-size: 16px;line-height: 1.2;}
.list_box .type01 {position: relative;overflow: hidden;text-align: left;color: #666;}
.list_box li strong {display: inline-block; width: 50%;padding-right: 15px; font-weight: normal;}
.list_box li span {display: inline-block; position: absolute; width: 50%;margin-top: 3px;padding-left: 10px; right: 0px;color: #333;}
.list_box li .boxcolor_01 {background: #f5f5f5;color: #089791;}
.list_box li .boxcolor_02 {background: #f5f5f5;color: #0495aa;}
.list_box li .boxcolor_03 {background: #f5f5f5;color: #1385bb;}
.list_box li .boxcolor_04 {background: #f5f5f5;color: #0768ac;}
.list_box li .boxcolor_05 {background: #f5f5f5;color: #355bac;}
.s0103 .list_box li strong{width: 100%;}
/*5대역할·추진과제*/

/*추진기반*/
.s0103 .centerwrap .icolistbox {min-height: auto;}
.s0103 .centerwrap .icolistbox.type2{margin-bottom: 1%; border: 1px solid #ddd;}
.s0103 .centerwrap .icolistbox.type2:after{content: ''; clear: both;display: block;}
.s0103 .centerwrap .h2{position: relative;margin: 0 auto; color: #00274e; font-size: 18px; font-weight: bold; line-height: 30px;}
.s0103 .centerwrap .icolistbox{padding: 18px;padding-left: 168px;}
.s0103 .centerwrap .icolistbox > span{left: 33px;top: 18%;}
/*추진기반 End*/

/*설립근거*/
.border_txt{display: table;margin: 10px;border-radius: 59px;background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #05aba7, #0072c2);background-origin: border-box;background-clip: content-box, border-box;text-align: center; position: relative; padding: 7px;}
.border_txt >p{display: table-cell;vertical-align: middle;padding: 28px 160px;font-size: 18px;font-weight: bold;color: #03345d;}
.s0103 p.txt-tip.tip01 {display: inline-block;padding-left: 28px;text-align: left;width: 95%;}
.s0103 p.txt-tip.tip01:before {top: 11px;width: 20px;height: 20px;background: url(/pcms/dist/img/ir-bbs.png) 0px -365px no-repeat;transform: translate(0, -50%);}

.s0103 .process01 {padding: 0 1% 10px 1%;}
.s0103 .process01 .operation {padding:5px 5px 5px 5px; border-radius: 500px;background: linear-gradient(to right, #05aba7, #0072c2);}
.s0103 .process01 .operation .inner {width:100%;padding: 20px 125px; background:#fff; border-radius: 500px; text-align: center;}
.s0103 .process01 .operation .inner>p{font-size: 18px; font-weight: bold;color: #03345d;}
/*설립근거 End*/

@media (max-width:1450px){
    .s0103 .centerwrap .icolistbox{padding: 35px;padding-left: 168px;}
}
@media (max-width:900px){
    .mission .m_type01{margin-bottom: 35px;}
    .mission .m_type01 .b_txt{position: revert;width:100%;padding: 0px 0;font-size: 20px;font-weight: bold;}
    .mission .m_type01 .s_txt{padding:30px 0px;padding-left:0}
    .mission .m_type01 .s_txt .intro_box{display: none;}
    .mission .m_type01 .mo {display: block;}
    .mission .m_type01 .s_txt .inner{padding: 69px 14% 49px;background: url(/images/eng/sub01/sub0103_bg.jpg)no-repeat;background-size: cover;text-align: center}
    .mission .m_type01 .s_txt .inner.mo>p{font-size: 23px; line-height: 1.4;}
    .border_txt >p{padding: 28px 40px;}
    .s0103 .process01{padding: 30px 0px;}
    .s0103 .process01 .operation .inner{padding: 20px 20px;border-radius:0;}
    .s0103 .process01 .operation{border-radius:0;}
    .color_box{margin-bottom: 10px;}
    .list_box{padding:5px 5px 10px 5px}
    .list_box li strong{display: block;width: 100%;}
    .list_box li span{position: relative;width: 100%;padding-left: 5px;}
}
@media (max-width:767px){
    .color_box{margin-bottom:0}
    .list_box{padding: 10px 25px}
    .mission .m_type01 .s_txt .inner{padding: 40px;}
    .s0103 .centerwrap .icolistbox > span{display:block}
    .color_box .text.colortype_01,
    .color_box .text.colortype_02,
    .color_box .text.colortype_03,
    .color_box .text.colortype_04,
    .color_box .text.colortype_05{border-radius:0px;}
}
@media (max-width:580px){
    .text.colortype_04{padding: 40px 15px;padding-left: 65px;}
    .border_txt >p{padding: 28px 15px;}
    .s0103 .centerwrap .icolistbox > span{display:none}
    .s0103 .centerwrap .icolistbox{padding-left: 20px;}
}
@media (max-width:430px){
    .mission .m_type01 .s_txt .inner {padding: 30px 15px;}
    .mission .m_type01 .s_txt .inner.mo>p {font-size: 22px;}
}
/*sub01_03 KRICT 미션 End*/

/* sub0104 연혁 */
.s0104 .history_se02a {background: url(/images/eng/sub01/sub0104_img01.png) no-repeat left 170px;}
.s0104 .history_se02a .history_list:before {height: 92%;}
.s0104 .history_se02a .history_list li .year::after {display: block; position: absolute; left: 15px; top: 18px;content: "";width: 7px; height: 7px; border-radius: 50%; border:3px solid #072a5f;}
.s0104 .history_se02a .history_list li:last-child::after {display: block; position: absolute; top: 44px;content: ""; background: #fff; width: 2px; height: 100%;}
.s0104 .history_se02a .history_title img {margin-bottom: 15px;}
@media (max-width: 960px){
    .s0104 .history_se02a { background-size: 43%;}
}
@media (max-width: 767px){
    .s0104 .history_se02a { background: none;}
}
@media (max-width: 460px){
    .s0104 .history_se02a .history_title p br {display: none;}
}
.history_se02a .history_list li .info.pre ul li{padding-left: 120px;}
.history_se02a .history_list li .info.pre strong{display: block;position: inherit;left: 0;}
.history_se02a .history_list li .info.pre span{padding-left: 3px;}
@media(max-width:540px) {
    .history_se02a .history_list li .info.pre ul li{padding-left: 50px;}
}
/* sub0104 연혁 End */

/* sub01_05 조직도 */
.org_wrap .bg_gray {background:#82899b; color:#fff !important;}
.org_wrap .bg_orange {background:#ef633e; color:#fff !important;}
.org_wrap .bg_orange {background:#ef633e; color:#fff !important;}
.org_wrap .dotted {background:#fff; border:1px dotted #858585;}
.org_wrap .dotted2 {background:#f9f9f9; border:1px dotted #858585; border-radius: 50px;}
.org_wrap .mint {background:#089791; color:#fff !important;}
.org_wrap .d_gdry {background:#474e5f; color:#fff !important;} 
.org_wrap .navy {background:#033a72; color:#fff !important;}
.org_wrap .skyblue {background:#1385bb; color:#fff !important;}
.org_wrap .skynavy {background:#365bac; color:#fff !important;}


.org_wrap {position: relative;}
.org_wrap .level1 {max-width:870px; margin:0 auto;}
.org_wrap .directorate {display:inline-block; width:134px; height:148px; background:#fff url(/images/eng/sub01/sub0105_tit01.png)center;}
.org_wrap .directorate.navy > a {color:#00274e;}
.org_wrap .directorate > a {position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 33px; font-size:20px; color:#fff;}
.org_wrap .directorate > a > span {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.org_wrap .level2 .directorate,
.org_wrap .level3 .directorate {background: url(/images/eng/sub01/sub0105_tit02.png)center;}
.org_wrap .group1 .directorate {float:left;}
.org_wrap .group2_wrap {float:left; width: calc(100% - 279px); margin-top:49.5px; margin-left:145px;}
.org_wrap .group2 li {float:left; width:100%;}
.org_wrap .group2 li + li {margin-top:10px;}
.org_wrap .group2 li a,
.org_wrap .group2 li div {position: relative; float:left; width:50%; min-height:47px;  text-align: center; font-size:14px;}
.org_wrap .group2 li a span,
.org_wrap .group2 li div span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; padding:0 30px 0 15px; line-height:1.2; text-align: left;}
.org_wrap .group4 {float:right;} 

/* level1 ~ level2 */
.org_wrap .level1 > li .directorate {margin-bottom:120px;}
.org_wrap .level2 {overflow: hidden; padding-bottom:65px;}
.org_wrap .level2 .group3 li a,
.org_wrap .level2 .group3 li div {background:#f9f9f9; border:1px solid #d4d4d4;}
.org_wrap .level2 .group3 {float:right; width:calc(50% - 50px); margin-left:50px;}
.org_wrap .level2 .group3 li a,
.org_wrap .level2 .group3 li div {width:100%;}

/* level3 */
.org_wrap .level3 {display:inline-block;}
.org_wrap .level3 .group3 {float: right; display: inline-block; width: 100%; margin-top: 10px;}
.org_wrap .level3 .group3 li a,
.org_wrap .level3 .group3 li div {float:left; width:45%;}
.org_wrap .level3 .group3 > li > a,
.org_wrap .level3 .group3 > li > div  {margin-left:25px;}
.org_wrap .level3 .group4 {float:right; width:calc(50% - 50px); margin-left:50px;}
.org_wrap .level3 .group4 li a,
.org_wrap .level3 .group4 li div {width:100%; background:#f9f9f9; border:1px solid #d4d4d4;}
.org_wrap .level3 .group5 {float:right; width:90%; margin-top:10px;}
.org_wrap .group2 {display:inline-block; width:100%;}
.org_wrap .level3 .group2 + .group2 {display:inline-block; margin-top:30px;}
.org_wrap .level3 .group3.left {float: left; width:50%;}
.org_wrap .level3 .group3.left .group4 {width:80%;}
.org_wrap .level3 .group3.left:before {display: none;}

/* line */
.org_wrap .level1 {position: relative; z-index:0;} 
.org_wrap .level1:before {content:""; position: absolute; left:67px; margin-left: -0.5px; width:1px; height:1140px; background:#d4d4d4; z-index:-1;}
.org_wrap .group2_wrap,
.org_wrap .group2 li,
.org_wrap .level2 ,
.org_wrap .level3 .group4,
.org_wrap .level3 .group3 {position: relative;} 

.org_wrap .level2 .group2_wrap:after {content:""; position: absolute; left:-145px; margin-left: -0.5px;margin-top: 23.5px; width:100%; height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .group2_wrap:before {content:""; position: absolute; left:-72.5px; margin-top: 23.5px; width:1px; height:calc(100% + 15px); background:#d4d4d4; z-index:-1;}
.org_wrap .group2 li:before {content:""; position: absolute; left:-72.5px; margin-top: 23.5px; width:72.5px; height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .group2 li.left_before:before {left: -140%; width:400px;} 
.org_wrap .level3 .group2 > li:not(:first-of-type)::before {display:none;}
.org_wrap .level3 .level2 .group2 li:nth-child(3):before {width:100%;}
.org_wrap .level3 .level2 .group3 li:before {display:none;}
.org_wrap .level3 .level2:before {content:""; position: absolute; left:207.5px; bottom:-24px; width: calc(100% - 175px); height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .level3 .group2:first-child > li:first-child:before {left:-145px; width:145px;}
.org_wrap .level3 .group3:before {content:""; position: absolute; left:0; top:-10px; width:1px; height:calc(100% - 13px); background:#d4d4d4;}
.org_wrap .level3 .group3 > li:before {width:25px; left:0;}
.org_wrap .level3 .group3 .no_line:before {display:none;}
.org_wrap .level3 .group4 li:not(:first-child):before {width:25px; left:-25px;}
.org_wrap .level2 .line:before {content:""; position: absolute; left:317px; top:24.5px; width:1px; height:calc(100% - 47px); background:#d4d4d4;}
.org_wrap .level2 .line li.last:before {left: -27.5px;}
.org_wrap .level3 .line:before {content:""; position: absolute; left:-25px; top:24.5px; width:1px; height:calc(100% - 47px); background:#d4d4d4;}

.org_wrap .level3 .group2_wrap:before {height:calc(100% - 1180px);}
.org_wrap .level3 .group4 .line {position: relative; display:inline-block; width:100%;}
.org_wrap .level3 .group4 .line:before {height:calc(100% - 104px);}
.org_wrap .level3 .group5 {position: relative;}
.org_wrap .level3 .group5:before {position: absolute; content: ""; left: -20px; top: -11px; width: 1px; height: 34.5px; background: #d4d4d4;}
.org_wrap .level3 .group5 li:before {width:20px; left:-20px;}
.org_wrap .level3 .last_group3.group3:before {height: calc(100% - 298px);}
.org_wrap .level3 .group2 + .last_group2 {margin-top:90px;}
.org_wrap .level3 .last_group2 {position: relative;}
.org_wrap .level3 .last_group2:before {content:""; position: absolute; top:-30px; width:calc(100% + 145px); height:1px; left:-72.5px;  background: #d4d4d4;}
.org_wrap .level3 .last_group2 > li:first-child:after {content: ""; position: absolute; left: -72.5px; top: -29px; width: 1px; height: 52.5px; background: #d4d4d4;}
 
.org_wrap .level3 {position: relative;}
.org_wrap .level3::before {content: ""; position: absolute; right: -72.5px; width: 1px; bottom: 709px; height: calc(100% - 682px); background: #d4d4d4;}
.org_wrap .level3::after {content: "";position: absolute;left: 207px;width:calc(100% - 134px);top: -28px;height: 1px;background: #d4d4d4;}

.org_wrap .group2 .parent_gorup:before  {width:36.25px; left:-36.25px;}
.org_wrap .group2 .parent_gorup:after {content: "";position: absolute; width:1px; height:calc(100% - 47px); top: 23.5px; left:-36.25px;background: #d4d4d4;}
.org_wrap .group2 .parent_gorup ul:before {content: ""; position: absolute; width: 36.5px; height: 1px; top: 52px; left: -72.5px; background: #d4d4d4;}
.org_wrap .group2 .parent_gorup li:before {width:36.25px; left:-36.25px;}

.org_wrap .float_box {/*position: absolute; right:0; top:30px;*/ position: relative; padding:15px; border:1px solid #d4d4d4;font-size: 15px;background: #fff;}
.org_wrap .float_box .num{transform: none;}
.org_wrap .float_box .num {position: relative; top: auto; right:auto;}
.org_wrap .float_box span {display: block;}
.org_wrap .float_box span + span {margin-top:3px;} 
.org_wrap .float_box i {display: inline-block; width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;}
.org_wrap .float_box .new {margin-right:0;}
.org_wrap .num_ico { float: none !important; border: none !important; margin-left: 0 !important; width:auto !important;}
.org_wrap .num {display:inline-block; width:20px; height:20px; margin-right:3px; background:#033a72; color:#fff; border-radius: 50%; font-size: 0;line-height: 0; text-align: center; vertical-align: inherit; position: absolute; right:-26px;top:50%;transform: translateY(-50%);}
.org_wrap .num em{display: inline-block;width: 100%;height: 100%;background: url(/images/eng/sub01/matrix-icon.svg)no-repeat center center;}
.org_wrap .new {background: url(/images/eng/sub01/sub0105_new.png)no-repeat;}
.org_wrap .matrix {display: inline-block; width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;border:1px dotted #777777;border-radius: 100%;}
.org_wrap .link {position: absolute; right:12px; top:50%; transform: translateY(-50%); width:14px; height:14px; background: url(/images/eng/sub01/sub0105_link.png)no-repeat; background-position: -16px 0;}
.org_wrap .link.whitebg {background-position: 0 0;}
.org_wrap .group2 li a .new {display: inline-block; width: 15px;height: 15px;margin-left: 3px; margin-top: -3px; vertical-align: middle;background-size: contain;}
.org_wrap .level3 .group2:first-child .group3:before {height:calc(100% - 127px);}

.org_wrap .level3 .group2:first-child .group3:before {height:calc(100% - 12px);}
.org_wrap .level3 .group2:first-child .group3 {overflow: hidden; padding-top:10px; margin-top: 0;}
.org_wrap .level2 .group2 li.left_before:before {left: -145%; width: 400px; content: ""; position: absolute; margin-top: 23.5px; height: 1px; background: #d4d4d4; z-index: -1;}

.org_wrap .level3 .group1 > .directorate a {text-indent: -17px;}
.org_wrap .level3 .group1 > .directorate a .link{right: 26px;}

/* 20210223 추가 */
.org_wrap .directorate > span  {position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; line-height: 1.4; font-size:20px; color:#fff;}
.org_wrap .directorate.navy > span {color:#00274e;}
.org_wrap .group2 li > span {position: relative; float:left; width:50%; min-height:47px;  text-align: center; font-size:14px;}
.org_wrap .group2 li > span span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 30px 0 15px; line-height: 1.2; text-align: left;}
.org_wrap .level2 .group1 .directorate a .link.whitebg {right:calc(50% - 7px); top: 68%;}

/* 20221021 추가 */
/* .org_wrap .level3 .group4 li.left_before:not(:first-child):before {width:420px; left:-141%;} */

/* IE6,7,9,10 */ 
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .org_wrap li, .org_wrap ul {line-height: 1.64em;}
}
@media(max-width:1350px){ 
    /* .org_wrap .float_box {position: relative; right: auto; top: auto; } */
}
@media(max-width:1260px){ 
    .org_wrap .group2 li.left_before:before {width:450px; left:-145%;}
}
@media(max-width:1200px){ 
    .org_wrap .level1 {max-width:100%; padding:0 5%;}
    .org_wrap .level1:before {left:calc(67px + 5%);}
    .org_wrap .group2 li:before {width: 247.5px;}
    .org_wrap .group2_wrap {width: calc(100% - 214px); margin-left:80px;}
    .org_wrap .level3::before {right:-17px;}
    .org_wrap .group2_wrap {width:calc(100% - 238px);}
    .org_wrap .level3::after{left: 142px; width: calc(100% - 125px);}
    .org_wrap .level3 .group3 > li:before {width:111px;}
    .org_wrap .level3 .last_group2:before{width: calc(100% + 114px);}
    .org_wrap .group2 li.left_before:before {left:-128%;}
    .org_wrap .level2 .group2 li.left_before:before  {left:-128%; width: 450px;;}
}
@media(max-width:890px){ 
    .org_wrap .level1 {padding:0 2%;}
    .org_wrap .level1:before {left:calc(67px + 2%); height:1262px;}
    .org_wrap .group1 .directorate {float:none;}
    .org_wrap .group2_wrap {float:none; width: calc(100% - 150px); margin-top:0; margin-left: 150px;}
    .org_wrap .group2 li:before {width: 50px;left:-37px;}
    .org_wrap .group2 li a,
    .org_wrap .group2 li div {display:inline-block; float:none; width:100%;}
    .org_wrap .level2 .group3 {float:none; width: calc(100% - 50px);}
    .org_wrap .level2 .bg_gray +  .group3 {display: inline-block; margin-top:10px;}
    .org_wrap .level2 .bg_gray +  .group3 li:after {content: ""; position: absolute; left: -50px; top: -16px; width: 1px; height: 39.5px; background: #d4d4d4;}
    .org_wrap .level2 .bg_gray +  .group3 li:before {left: -50px;}
    .org_wrap .group2_wrap:before {left: -37.5px;}
    .org_wrap .level2 .group2_wrap:after {left: -83px;}
    .org_wrap .group2 li.left_before:before {width: 50px; left:-37px;}
    .org_wrap .group2 .parent_gorup:before,
    .org_wrap .group2 .parent_gorup li:before {width:18px; left:-18px;}
    .org_wrap .group2 .parent_gorup:after {left:-18px;height: calc(100% - 52px);}
    .org_wrap .group2 .parent_gorup ul:before {left:-36px; width:17.5px;}
    .org_wrap .level3::after {left:113px; width: calc(100% - 96px);}
    .org_wrap .level3 .group2:first-child > li:first-child:before {left:-83px; width: 83px;}
    .org_wrap .level3 .group3 > li:before {width: 100%;}
    .org_wrap .group2 li {display:inline-block; float:none;width: 100%;}
    .org_wrap .level3 .group3 {float:none;}
    .org_wrap .level3 .group3 li a,
    .org_wrap .level3 .group3 li div {width: calc(100% - 25px);}
    .org_wrap .level3 .group4 {float:none; width: calc(100% - 50px);}
    .org_wrap .level3 .group4 li a,
    .org_wrap .level3 .group4 li div {width:100%;}
    .org_wrap .group4 li:before {left: -25px;}
    .org_wrap .level3 .group3:before {top:-16px;}

    .org_wrap .level3 .child li:before {left: -25px;} 
    .org_wrap .level3 .child li:after {content: ""; position: absolute; left: -25px; top: -16px; width: 1px; height: 39.5px; background: #d4d4d4; z-index:-1;}
    .org_wrap .level3 .group3 li .skyblue + .group4 {display: inline-block; margin-top:10px;}
    .org_wrap .level3 .group3.left{float:none; width:100%;}
    .org_wrap .level3 .group3.left .group4 {width: calc(100% - 50px);}
    
    .org_wrap .level3 .group2:nth-child(2) .group3:before,
    .org_wrap .level3 .group2:nth-child(4) .group3:before {height: calc(100% - 70px);}
    .org_wrap .level3 .line:before {height: calc(100% - 20px); top: -10px; z-index:-1;}
    .org_wrap .level3 .group3.left .line:before {height: calc(100% - 52px); top: 24px; left: -50px;z-index: -1;}
    .org_wrap .level3 .group2:nth-child(6) .group4 .line:before {height: calc(100% - 115px);}
    .org_wrap .level3 .group2:nth-child(5) .group4 li:not(:first-child):before {width: 50px; left: -50px;}
    
    .org_wrap .level3::before {bottom:890px; height: calc(100% - 863px);}
    .org_wrap .level3 .group2_wrap:before {height:calc(100% - 1403px);left: 24px;}
 
    .org_wrap .level3 .group2 + .last_group2 {margin-top:50px;}
    .org_wrap .level3 .group2:nth-child(6) .group4 li:not(:first-child):before {width: 50px; left: -50px;}
    .org_wrap .level3 .group4 ul + ul {display:inline-block; width:100%; margin-top:5px;}
    .org_wrap .level3 .group5:before {left:-30px;}
    .org_wrap .level3 .group5 > li:before {content: ""; position: absolute; left:-29px; margin-top: 23.5px; width: 50px; height: 1px; background: #d4d4d4; z-index: -1;}
    .org_wrap .level3 .last_group2:before {width:calc(100% + 89px);}
    .org_wrap .level3 .last_group2 > li:before {left:-72px; width: 75px;}
    .org_wrap .group2:first-child li:nth-child(3):before {width: 90px;}
    .org_wrap .level3 .last_group3.group3:before {height:calc(100% - 372px); top:-28px; z-index:-1;}
    .org_wrap .level3 .last_group2 .line:before{height: calc(100% - 20px); top: -9px;}
    .org_wrap .level3 .last_group3 .group4 {display:inline-block;margin-top:10px;}
    .org_wrap .level3 .group5{width: calc(100% - 30px);}

    .org_wrap .level3 .group2:nth-child(6) .line > li:first-child:before {display:none;}
    .org_wrap .group2:first-child li.left_before:before {display:none;}
    .org_wrap .group2:nth-child(3) li.left_before:before {display:none;}
    .org_wrap .level3 .group3.left .group4 > li:first-child:before {display:none;}
    .org_wrap .level3 .group2:not(:nth-child(n+5)) .group3 > li:after {display:none;}
    .org_wrap .level3 .last_group3 > li:after {display:none;}

    .org_wrap .level1 > li .directorate {margin-bottom:15px;}
    .org_wrap .level3 .group2:first-child .group3:before {height:calc(100% - 196px);}
    .org_wrap .group2 li a span br,
    .org_wrap .group2 li div span br {display:none;}
    .org_wrap .level3 .group2:first-child .group3 {overflow: inherit;}
    .org_wrap .group2 li a,
    .org_wrap .group2 li div {z-index: 2;}
    .org_wrap .level3 .group4 li.left_before_long:before {left:-25px;}
    .org_wrap .level3 .line:before {height: calc(100% - 18px);}
    .org_wrap .level3 .group2:first-child .group3:before {height:calc(100% - 12px);}
    .org_wrap .group2 li > span {width:100%;}

    .org_wrap .level2 .group3_od:before{height: 96px;}

}
@media(max-width:580px){
    .org_wrap .directorate {width: 100px;height: 115px; background-size: cover;}
    .org_wrap .level2 .group1 .directorate a {font-size: 18px;}
    .org_wrap .level2 .directorate,
    .org_wrap .level3 .directorate {background-size: cover;}
    .org_wrap .directorate > a {line-height:115px;}
    .org_wrap .level1:before {left: calc(50px + 2%);}
    .org_wrap .group2_wrap{width:calc(100% - 85px); margin-left:85px;}
    .org_wrap .group2_wrap:before {left:-19px;}
    .org_wrap .level2 .group2_wrap:after {left:0;}
    .org_wrap .group2 li:before {width:20px; left:-19px;}
    .org_wrap .group2:first-child > li:first-child:before {left:-35px;}
    .org_wrap .group2 > li:first-child:before{width:38.5px; left: -36px;}
    .org_wrap .level2 .group3{width: calc(100% - 20px); margin-left:20px;}
    .org_wrap .level2 .bg_gray + .group3 li:after,
    .org_wrap .level2 .bg_gray + .group3 li:before{left:-21px;}
    .org_wrap .group2 .parent_gorup ul:before{left:-19px; width:10px;}
    .org_wrap .group2 .parent_gorup:before,
    .org_wrap .group2 .parent_gorup li:before {left:-10px; width:10px;}
    .org_wrap .group2 .parent_gorup:after {left:-10px;}
    .org_wrap .level3::after {left:67px; width:calc(100% - 50px);}
  
    .org_wrap .level1:before {height:1162px;}
    .org_wrap .level3 .group2:first-child > li:first-child:before {left:-36px;}
    .org_wrap .group2 > li:first-child:before {left:-19px;}
    .org_wrap .level3 .line li:before{left:-24px;width:25px;}
    .org_wrap .level3 .line .group5 li:before{left:-30px;width:30px;}
    .org_wrap .level3 .last_group2:before {width: calc(100% + 41px); left: -25px; top: -31px;}
    .org_wrap .level3 .last_group2 > li:first-child:after{left:-25px; height:55px; top:-30px;}
    .org_wrap .level3 .group2:nth-child(6) > li:first-child:before {left:-18px;}
    .org_wrap .level3 .group2:nth-child(6) .group3 > li:before {left:0; width:100%;}
    .org_wrap .level3 .group2:nth-child(6) .group5 > li:before {left:-30px; width:32px;}
    .org_wrap .level3 .child li:before{width:25px;}
    .org_wrap .last_group2 > li:first-child:before {left:-24px;}
    .org_wrap .group2 li a,
    .org_wrap .group2 li div {text-align: left;}
    .org_wrap .float_box{ margin-bottom:30px;}
    .org_wrap .group2 li a span,
    .org_wrap .group2 li div span {padding:0 30px 0 10px;}

    .org_wrap .level3 .group1 > .directorate a .link{right: 8px;}
    .org_wrap .directorate > span {font-size: 16px;}
}
@media(max-width:420px){
    .sub01_05 .org_wrap .level1 {padding: 0;}
    .sub01_05 .org_wrap .level1:before {height: 1105px; top: 57px; left: 0;}
    .sub01_05 .org_wrap .group2_wrap{width: calc(100% - 10px);  margin-left: 10px;}
    .sub01_05 .org_wrap .level1 > li .directorate {margin-left: 20px;}
    .sub01_05 .org_wrap .level1 > li .directorate:before {content: ""; position: absolute; left:-10px; width: 30px; height: 1px; background: #d4d4d4; z-index: -1;}
    .sub01_05 .org_wrap .level3 .group2:first-child > li:first-child:before {left: -18px;}
    .sub01_05 .org_wrap .level3::after {left: 0; width: 106%;}
    .sub01_05 .org_wrap .level3::before {bottom: 884px; height:calc(100% - 856px);}
    .sub01_05 .org_wrap .directorate {position: relative;}
    .sub01_05 .org_wrap .level1 > li .directorate:before {left: -20px;top: 50%;}
}
/* 조직도 팝업 */
.s0105_pe {width:100%; padding:30px 20px; overflow: hidden;}
.s0105_pe .pe_wrap {display: table; border-bottom: 1px dashed #ddd; border-top: 1px dashed #ddd; padding:30px 20px; width: 100%;}
.s0105_pe .imgbox2 {display: table-cell; width:100px; vertical-align: middle;}
.s0105_pe img {margin:0 auto; height:120px;}
.s0105_pe ul {display: table-cell; width:auto; padding-left: 30px;}
.s0105_pe ul li {position: relative; padding-left:70px;}
.s0105_pe ul li span {position: absolute; left:14px; font-weight: bold; padding-right:20px;color: #30817b;}
.s0105_pe ul li span:before {content: ""; position: absolute; left: 42px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #cacaca;}
.s0105_pe .close_wrap {margin:20px auto 5px; text-align: center;}
@media(max-width:460px){
    .s0105_pe .pe_wrap {padding:30px 0;}
    .s0105_pe .imgbox2 {width: auto;}
    .s0105_pe img {height:auto;}
}
@media(max-width:360px){
    .s0105_pe {padding:10px;}
    .s0105_pe .pe_wrap {display:block; padding:10px 0;}
    .s0105_pe .imgbox2 {display:block; width:100%; margin:0;}
    .s0105_pe ul {display:block; width:auto; padding-left:0;}
    .s0105_pe .close_wrap {margin:20px auto 0;}
}
/* sub01_05 조직도 End */

/*sub01_06 찾아오시는길*/
.s010603 .ui-map-area .ui-map{height: auto;}
.location .ui-map {position:relative;overflow:hidden;border:1px solid #ededed; border-bottom:0;}
.location .box_local{position:relative;padding:50px;border:1px solid #ededed;border-top:0;}
.location .box_local strong{display:block;font-size:20px;margin-bottom:20px;color:#333333;font-weight: bold;}
.location .box_local .lst_local{display:inline-block;float:none;padding-left:3px;}
.location .box_local .lst_local li {position: relative; padding-left: 95px; line-height:26px;  font-size: 15px;}
.location .box_local .lst_local li .ico {display: inline-block; width: 24px; height: 24px; margin-right: 7px;  background-image: url(/images/eng/sub01/top_icon.png); vertical-align: top; line-height: 26px; margin-top:3px; margin-right:7px;}
.location .box_local .lst_local li .ico.ico1 {background-position:0px 0px;} /* 지도 */
.location .box_local .lst_local li .ico.ico2 {background-position:-24px 0;} /* 전화 */ 
.location .box_local .lst_local li .ico.ico3 {background-position:-48px 0;} /* 팩스 */ 
.location .box_local .lst_local li .ico.ico4 {background-position:-72px 0;} /* 일정 */
.location .box_local .lst_local li .ico.ico5 {background-position:-96px 0;} /* 시간 */
.location .box_local .lst_local li .ico.ico6 {background-position:-120px 0;} /* 면적 */
.location .box_local .lst_local li .ico.ico7 {background-position:-144px 0;} /* 층별안내 */
.location .box_local .lst_local li .ico.ico8 {background-position:-168px 0;} /* 돈 */ 
.location .box_local .lst_local li .ico.ico9 {background-position:-192px 0;} /* 이메일 */ 
.location .box_local .lst_local li em {display: block; position: absolute; left: 0; top: 0;  font-size: 15px; font-weight: bold; vertical-align: top; line-height: 26px;}
.location .box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:10px 0;background-color:#45495b;border-radius:none;color:#fff;font-size:13px;text-align:center;}
.location .ui-box__button {position: absolute; right: 60px; top: 50%; padding: 0; transform: translateY(-50%);}
.location .ui-box__button a {display: inline-block; padding: 21px 30px; background-color: #3258a3; text-align: center; color: #fff;font-size: 15px;}
.location .ui-box__button a:hover,
.location .ui-box__button a:active,
.location .ui-box__button a:focus{background:#0070c3; border-bottom:0;}
.location .ui-box__button a .ico_local {display:block; margin:0 auto 5px; background:url(/images/eng/sub01/location_ir.png)no-repeat; width:47px; height:37px; background-position: -348px 0;}

.location .cont_box {padding:40px 0; border-top:1px solid #e5e5e5; overflow: hidden;} 
.location .cont_box.first {border-top:3px solid #193571;}
.location .cont_box:last-child {border-bottom:1px solid #e5e5e5;}
.location .cont_box .left_title {float: left;display:block;padding-left:30px;font-size:21px;color:#4d4d4d;text-align: center;width: 140px;height: 157px;border-radius: 5px;background: url(/images/eng/common/shape.png)no-repeat;margin-right: 30px;}
.location .cont_box .left_title .ir {display:block;width:87px;height:87px;margin-bottom:15px;background:url(/images/eng/sub01/location_ir.png)no-repeat;position: absolute;margin-top: 32px;margin-left: -2px;}
.location .cont_box .left_title .ir.car {background-position: 0 0;}
.location .cont_box .left_title .ir.train {background-position: -87px 0;}
.location .cont_box .left_title .ir.bus {background-position: -174px 0;}
.location .cont_box .left_title .ir.shuttle {background-position: -261px 0;}
.location .cont_box .left_title .ir.airplane {background-position: 0 -88px;}

.location .cont_box .cont_txt {float:left;width:79%;}
.location .cont_box .cont_txt strong{font-weight: bold; color:#1161be; font-size:17px; }
.location .cont_box .cont_txt .tit {display:inline-block; padding:5px 10px; margin-bottom:10px; border:1px solid #999999; font-weight: bold; color:#333333;}
.location .cont_box .cont_txt .cont_info {padding:30px 0;}
.location .cont_box .cont_txt .cont_info:first-child {padding-top:0;}
.location .cont_box .cont_txt .cont_info:last-child {padding-bottom:0;}
.location .cont_box .cont_txt .cont_info .cont_tit {position: relative; padding-right:25px; font-size:16px; font-weight: bold;}
.location .cont_box .cont_txt .cont_info .cont_tit:before {content: '';position: absolute; right:13px;top: 50%;display: block;transform: translateY(-50%); width: 1px;height: 14px;background: #e5e5e5;}
.location .cont_box .cont_txt .cont_info ul ,
.location .cont_box .cont_txt .cont_info p {margin-top:0;}
.location .cont_box .cont_txt .cont_info p + p {margin-top:5px;}

@media (max-width: 910px) {
    .location .cont_box .left_title {float:none;padding-left:0;margin:0 auto 20px;position: relative;}
    .location .cont_box .left_title .ir {/* margin: 0 auto; */left: 30px;position: absolute;}
    .location .cont_box .cont_txt {float:none; width:100%;}
    .location .cont_box .cont_txt .tit {width:100%; text-align: center;}
    .location .box_local {padding:40px;}
    .location .ui-box__button {position: relative; right: auto; top: auto; transform: none;}
    .location .ui-box__button a{width:100%; padding: 10px; margin-top: 20px; }
}
@media (max-width:460px) {
    .location .box_local .lst_local li {padding-left:0;}
    .location .box_local .lst_local li em {position: static; width:100%;} 
}

.s0106_pe {width:100%; padding:30px 20px; overflow: hidden;}
/*sub01_06 찾아오시는길 End*/



/* sub020101 본부소개 */
.sub02_03_01 .centerwrap .info .r_box ul li.n2 span:before {background-position: 0 -25px;}
.sub02_03_01 .centerwrap .info .r_box ul li.n3 span:before {background-position: 0 -49px;}
.sub02_05_02 .centerwrap .info .r_box ul li.n2 span:before {background-position: 0 -25px;}
.sub02_05_02 .centerwrap .info .r_box ul li.n3 span:before {background-position: 0 -49px;}
.sub02_05_03 .centerwrap .info .r_box ul li.n2 span:before {background-position: 0 -25px;}
.sub02_05_03 .centerwrap .info .r_box ul li.n3 span:before {background-position: 0 -49px;}
@media (max-width: 450px){
    .centerwrap .info .r_box strong {padding-right: 0 !important;}
    .centerwrap .info .r_box ul {padding-right: 0 !important;}
    .centerwrap  .t_box .info .r_box .thumb {top: 47px !important;}
    .centerwrap .t_box2 .info .r_box .thumb {top: 58px !important; right: 15px;}
    .centerwrap .t_box2.type2 .info .r_box .thumb {top: 28px !important;}
} 
/* sub020101 본부소개 End */

/* sub02_02_03_01 에너지융합소재연구단 */
@media (max-width: 767px){
    .s02020301 .centerwrap #center_slide{margin-top: 35px;}
    .s02020301 .centerwrap #center_slide .control{top: -30px;}
    .s02020301 .centerwrap #center_slide .grap{height: 317px;}
    .s02020301 .centerwrap #center_slide .grap ul li {height: 317px; min-height: auto;}

    .s02020301 .centerwrap #center_slide1{margin-top: 35px;}
    .s02020301 .centerwrap #center_slide1 .control{top: -30px;}
    .s02020301 .centerwrap #center_slide1 .grap{height: 317px;}
    .s02020301 .centerwrap #center_slide1 .grap ul li {height: 317px; min-height: auto;}

    .s02020301 .centerwrap #center_slide2{margin-top: 35px;}
    .s02020301 .centerwrap #center_slide2 .control{top: -30px;}
    .s02020301 .centerwrap #center_slide2 .grap{height: 367px;}
    .s02020301 .centerwrap #center_slide2 .grap ul li {height: 367px; min-height: auto;}
}
@media (max-width: 620px){
    .s02020301 .centerwrap #center_slide .grap{height: 290px;}
    .s02020301 .centerwrap #center_slide .grap ul li{width: calc(100% - 20px);height: 290px;}

    .s02020301 .centerwrap #center_slide1 .grap{height: 305px;}
    .s02020301 .centerwrap #center_slide1 .grap ul li{width: calc(100% - 20px);height: 305px;}

    .s02020301 .centerwrap #center_slide2 .grap{height: 333px;}
    .s02020301 .centerwrap #center_slide2 .grap ul li{width: calc(100% - 20px);height: 333px; }
}
/* sub02_02_03_01 에너지융합소재연구단 End */

/* sub02_05_07 신뢰성평가센터 */
.s020507 .table tr td *{vertical-align: baseline;}
/* sub02_05_07 신뢰성평가센터 End */

/* sub02_06_01 연구단소개 */
.s020601 .centerwrap .t_box .info .l_box {position: relative; padding-bottom:40px;}
.s020601 .more-text {overflow-y: hidden; height: auto; display: block;}
.s020601 .more-text.active {overflow-y: visible; height: auto;} 
.s020601 .more-text.active .last-text {display: block;}
.s020601 .more-text .last-text {display: none;}
.s020601 .showmore  {position: absolute; bottom: 0; left: 0; font-size: 16px; display: block; color: #fff; border-bottom: 1px solid #fff; font-weight: bold; letter-spacing: -1px; padding-right: 20px;}
.s020601 .showmore:after {position: absolute; content: ""; background: url(/images/kor/sub02/show-txt-more.png) no-repeat; width: 13px; height: 10px; top: 8px; right: 0; background-position: -13px 0;}
.s020601 .more-text.active .showmore {bottom: -30px;}
.s020601 .more-text.active .showmore::after {transform: rotate(-180deg); top: 9px;}
@media(max-width:1023px){
    .s020601 .more-text .last-text {display: block;}
    .s020601 .showmore {display:none;}
}
/* sub02_06_01 연구단소개 End */
   
/* sub02_06_03 올레핀합성팀 */
.s020603 .centerwrap #center_slide .grap{margin-top: 55px;height: 390px;}
@media (max-width: 1420px){
    .s020603 .centerwrap #center_slide .grap{height: 390px;}
    .s020603 .centerwrap #center_slide .grap ul li{min-height: 390px;}
}
@media (max-width: 1023px){
    .s020603 .centerwrap #center_slide .grap{height: 370px;}
    .s020603 .centerwrap #center_slide .grap ul li {min-height: 370px;}
}
@media (max-width: 767px){
    .s020603 .centerwrap #center_slide{margin-top: 35px;}
    .s020603 .centerwrap #center_slide .control{top: -30px;}
    .s020603 .centerwrap #center_slide .grap{height: 300px;}
    .s020603 .centerwrap #center_slide .grap ul li {min-height: 300px;}
}
@media (max-width: 620px){
    .s020603 .centerwrap #center_slide .grap{height: 270px;}
    .s020603 .centerwrap #center_slide .grap ul li{width: calc(100% - 20px);min-height: 270px;}
}
@media (max-width: 500px){
    .s020603 .centerwrap #center_slide .grap{height: 300px;}
    .s020603 .centerwrap #center_slide .grap ul li {min-height: 300px;}
}
/* sub02_06_03 올레핀합성팀 End */

/* sub02_06_04 올레핀분리팀 */
.s020604 .centerwrap #center_slide .grap{margin-top: 55px;height: 390px;}
@media (max-width: 1450px){
    .s020604 .centerwrap #center_slide .grap{height: 415px;}
    .s020604 .centerwrap #center_slide .grap ul li{min-height: 415px;}
}
@media (max-width: 1250px){
    .s020604 .centerwrap #center_slide .grap{height: 445px;}
    .s020604 .centerwrap #center_slide .grap ul li{min-height: 445px;}
}
@media (max-width: 1200px){
    .s020604 .centerwrap #center_slide .grap{height: 420px;}
    .s020604 .centerwrap #center_slide .grap ul li{min-height: 420px;}
}
@media (max-width: 1023px){
    .s020604 .centerwrap #center_slide .grap{height: 390px;}
    .s020604 .centerwrap #center_slide .grap ul li {min-height: 390px;}
}
@media (max-width: 767px){
    .s020604 .centerwrap #center_slide{margin-top: 35px;}
    .s020604 .centerwrap #center_slide .control{top: -30px;}
    .s020604 .centerwrap #center_slide .grap{height: 320px;}
    .s020604 .centerwrap #center_slide .grap ul li {min-height: 320px;}
}
@media (max-width: 620px){
    .s020604 .centerwrap #center_slide .grap{height: 310px;}
    .s020604 .centerwrap #center_slide .grap ul li{width: calc(100% - 20px);min-height: 310px;}
}
@media (max-width: 500px){
    .s020604 .centerwrap #center_slide .grap{height: 330px;}
    .s020604 .centerwrap #center_slide .grap ul li {min-height: 330px;}
}
/* sub02_06_04 올레핀분리팀 End */

/* sub02_06_05 중질유고도화팀 */
.s020605 .centerwrap #center_slide .grap{margin-top: 55px;height: 390px;}
.s020605 .centerwrap #center_slide .grap ul li{min-height: 390px;}
@media (max-width: 1450px){
    .s020605 .centerwrap #center_slide .grap{height: 415px;}
    .s020605 .centerwrap #center_slide .grap ul li{min-height: 415px;}
}
@media (max-width: 1250px){
    .s020605 .centerwrap #center_slide .grap{height: 445px;}
    .s020605 .centerwrap #center_slide .grap ul li{min-height: 445px;}
}
@media (max-width: 1200px){
    .s020605 .centerwrap #center_slide .grap{height: 420px;}
    .s020605 .centerwrap #center_slide .grap ul li{min-height: 420px;}
}
@media (max-width: 1023px){
    .s020605 .centerwrap #center_slide .grap{height: 390px;}
    .s020605 .centerwrap #center_slide .grap ul li {min-height: 390px;}
}
@media (max-width: 767px){
    .s020605 .centerwrap #center_slide{margin-top: 35px;}
    .s020605 .centerwrap #center_slide .control{top: -30px;}
    .s020605 .centerwrap #center_slide .grap{height: 320px;}
    .s020605 .centerwrap #center_slide .grap ul li {min-height: 320px;}
}
@media (max-width: 620px){
    .s020605 .centerwrap #center_slide .grap{height: 310px;}
    .s020605 .centerwrap #center_slide .grap ul li{width: calc(100% - 20px);min-height: 310px;}
}
@media (max-width: 500px){
    .s020605 .centerwrap #center_slide .grap{height: 330px;}
    .s020605 .centerwrap #center_slide .grap ul li {min-height: 330px;}
}
/* sub02_06_05 중질유고도화팀 End */


/* sub0501 정보공개안내 */
.s0501 .ui-topbox.type1 .circle{width:132px;height: 135px;border-radius: 0;}
.s0501 .ui-topbox.type1 .ir-icon{top: 28px;left:45px;}
/* sub0501 정보공개안내 End */

/* sub0505 경영공시 */
.s0505 .ui-depth__list .depth_table_1th .ui-yesan__title {background: none;}
.s0505 .ui-depth__list .depth_table_2th .ui-yesan__title {background: url(/pcms/common/images/ir/title_icon_06.png); background-repeat: no-repeat; background-position: 0 center;}
.s0505 .ui-depth__list{margin-bottom:40px;}
.s0505 .ui-depth__list>li:first-child{border: 1px solid #089791;margin-bottom:1px;position:relative;padding: 18px 25px;position: relative;}
.s0505 .ui-depth__list>li:first-child:before {display:block;position:absolute;bottom: 0;right: 10px;content:'';width: 204px;height: 60px;background: url(/images/kor/sub01/li_bg.png)no-repeat;opacity:.5;transform: scale(1.1);overflow:hidden;}
.s0505 .ui-depth__list .ui-yesan__button{position:absolute;top: 7px;right:15px;}
.s0505 .ir-link {position: absolute;top: 50%;right: 10px;transform: translate(0, -50%);width: 15px;height: 15px;margin-top: 0;}
.s0505 .btn-default, 
.s0505 .btn-default:link, 
.s0505 .btn-default:visited {background-color: #fff; border-color: #089791;color: #007772;border-radius: 0;font-size: 15px;line-height: 20px;padding: 5px 38px 5px 10px;}
.s0505 .btn-default:active, 
.s0505 .btn-default:focus, 
.s0505 .btn-default:hover {border-color: #089791;background-color: #089791;color: #fff;}
@media(max-width: 767px){
    .s0505 .ui-depth__list .ui-yesan__button {position: absolute;}
    .s0505 .ui-depth__list .depth_table_1th .ui-yesan__title {padding: 0;}
    .s0505 .ui-depth__list li { min-height: 57px; padding-right: 140px;}
}
@media(max-width: 560px){
    .s0505 .ui-depth__list li {padding: 10px 140px 10px 10px;}
}
@media(max-width: 400px){
    .s0505 .ui-depth__list li {padding: 10px;}
    .s0505 .ui-depth__list .ui-yesan__button {position: relative; text-align-last: left; margin-left: 20px;}
}
/* sub0505 경영공시 End*/

/* sub0607 KRICT ChemHistory */
.s0607 .his { position:relative;width:100%; height: 100%;}
.s0607 .his .logo { position:absolute; z-index: 11; top:45px; left:60px;}
.s0607 .his .bg {background: url(/images/kor/sub06/sub060705_img01.jpg) no-repeat center; height: 100vh;}
.s0607 .his .tit_box {position: absolute;left: 50%;top: 50%;z-index: 9999;width:100%;max-width:100%; height:550px;  margin:0 auto;padding: 0 130px;transform: translate(-50%,-45%);transform: translate(-50%,-45%);}
.s0607 .his .tit > span {display:block;font-size:30px;font-family:"mont";color:#fff;}
.s0607 .his .tit > strong {display:block;line-height:1.1;margin: 0 0 80px 0;font-size:65px;font-family:"ntserif_b",serif;color:#a0e3ff;}
.s0607 .his .tit > strong > span {display:block;line-height:1.1;font-family:"ntserif_b",serif;}
.s0607 .his .tit_box .txt_box {position: relative; max-width: 560px; margin-top: 180px; margin-left: 250px;}
.s0607 .his .tit_box .txt_box:before {display: block; position: absolute; width: 162px;height: 124px; top: -91px; left: -85px; background: url(/images/kor/sub06/sub0607_img01.png); content: "";}
.s0607 .his .tit_box p {font-size: 18px; color: #fff;font-family:"ntserif",serif;}
.s0607 .his .tit_box p:last-child {margin-top: 40px;}
.s0607 .his .btxt_box li > span {display:inline-block;margin: 0 20px 0 0;font-size:18px; font-family: "mont";}

@media(max-width:1200px){
    .s0607 .his .logo { left:40px; top:30px;}
    .s0607 .his .logo a img { width:230px;}
}
/* sub0607 KRICT ChemHistory End */

/* sub060702 KRICT Highlight */
.s060702 #highlight {}
.s060702 #highlight .bg {position: relative; width: 100%; height: 100%;}
.s060702 #highlight .bg video { width: auto; height: 100%;}
.s060702 #highlight .bg:before {display:block; position:absolute; z-index:1; content:''; width:100%; height:100%; background:rgba(0,0,0,.5)}
.s060702 #highlight .bg:after {display:block; position:absolute; z-index:2; content:''; width:100%; height:100%; background:rgba(0,0,0,.5)}
/* sub060702 KRICT Highlight End */

/* sub0703 개인정보처리방침 */
.inblock{font-size: 15px;}
.s0703 .btn.btn-noline {font-size: 15px;}
.info_agree .agree{font-size: 15px;}
/* sub0703 개인정보처리방침 End */
 

/*sub02_08_01 주요연구성과*/
.small_img img{ display: block; max-width:none;width: auto; margin: 0 auto;}
.big_img img{max-width:none;width: auto;}

.average{text-align: right;}
.average_list{display: block;overflow: hidden;margin-bottom: 15px;float: right;}
.average_list li{float: left;margin: 5px 17px 0 0;}
.average_list li::before{content: "";display: block; clear: both;}
.icon_ir {overflow: hidden;font-size: 0;line-height: 0;}
.average_list .icon_ir {background: url(/images/kor/sub02/average_list_icon.png) no-repeat;}
.average_list .icon {display: inline-block;width: 31px;height: 31px; margin-right: 8px;vertical-align: middle;}
.average_list .icon.icon1 {background-position: 0 0;}
.average_list .icon.icon2 {background-position: -31px 0;}
.average_list .icon.icon3 {background-position: -62px 0;} 

.box01 {position: relative;background:#355bac;height: 190px;padding: 70px 0px 42px 70px;clear: both;}
.box01::before {content: "";position: absolute;width: 468px;height: 208px;background: url(/images/kor/sub02/year_box_icon2000_01.png)no-repeat;top: -18px;right: 0;}
.box01::after {content: "";position: absolute;width: 296px; height: 77px;background: url(/images/kor/sub02/year_box_icon2000_02.png)no-repeat;top: 17%; left: 50px;}
.box02 {position: relative;background:#0770ac;height: 190px;padding: 70px 0px 42px 70px;}
.box02::before {content: "";position: absolute;width: 525px;height: 190px;background: url(/images/kor/sub02/year_box_icon1990_01.png)no-repeat;top: 0px;right: 0;}
.box02::after {content: "";position: absolute;width: 295px;height: 38px;background: url(/images/kor/sub02/year_box_icon1990_02.png)no-repeat;top: 25%;left: 50px;}
.box03 {position: relative;background:#038daf;height: 190px;padding: 70px 0px 42px 70px;}
.box03::before {content: "";position: absolute;width: 501px;height: 190px;background: url(/images/kor/sub02/year_box_icon1980_01.png)no-repeat;top: 0;right: 0;}
.box03::after {content: "";position: absolute;width: 303px; height: 50px;background: url(/images/kor/sub02/year_box_icon1980_02.png)no-repeat;top: 25%; left: 50px;}
.box04 {position: relative;background:#089791;height: 190px;padding: 70px 0px 42px 70px;}
.box04::before {content: "";position: absolute;width: 546px;height: 190px;background: url(/images/kor/sub02/year_box_icon1970_01.png)no-repeat;top: 0;right: 0;}
.box04::after {content: "";position: absolute;width: 283px; height: 53px;background: url(/images/kor/sub02/year_box_icon1970_02.png)no-repeat;top: 25%; left: 50px;}

.year {font-size: 60px;color: #ffffff;font-weight: bold;}
.year_title{display: block;margin-top: 31px;font-size: 16px;color: #ffffff;}
.year_list .inner{padding: 40px 20px 20px 260px;border-bottom: 1px dotted #355bac;}
.year_list .inner:last-child {border-bottom:none;}
.year_list .inner strong{display: block;position: absolute;left: 60px;font-size: 40px;color: #232424;}
.year_list .inner .point{display: block; margin-left: 33px;line-height: 22px;}


.year_list .inner .item{display: block;overflow: hidden;}
.year_list .inner .item a {display: block; width:100%; height:100%;}
.year_list .inner .item a:hover,
.year_list .inner .item a:active,
.year_list .inner .item a:focus span {color:#355bac; font-weight: bold;}
.small_img.none{margin-right: 0;}
.big_img.none{margin-right: 0;}

.big_img {display: block;overflow: hidden;position: relative;margin: 15px auto;}
.big_img .inner_text{position: absolute; bottom: 10px;left: 15px;}

.big_img2 {display: inline-block;overflow: hidden;position: relative;margin: 15px auto;width: 40%;}
.big_img2 .inner_text{position: absolute; bottom: 10px;left: 15px;}


.small_img{display: block;position: relative;min-height: 133px;margin: 20px auto;margin-bottom: 20px;float: left;width:calc(20% - 14px);margin-right: 14px;}
.small_img .inner_text{position: relative;display:block; text-align: center;}

@media (max-width:1370px) {
    .small_img{width:calc(33.33% - 14px);}
    .year_list .inner {padding:40px 20px 20px 185px;}
    .year_list .inner strong {left:30px;}
}
@media (max-width:900px) {
    .box01::before,
    .box02::before,
    .box03::before,
    .box04::before,
    .box05::before{display: none}
    .year_list .inner .item > div {min-height:135px;}
}
@media (max-width:767px){
    .average{text-align: left;}
    .average_list{float: left;}  
    .average_list li{float: none;}
    .box01::after,
    .box02::after,
    .box03::after,
    .box04::after,
    .box05::after{display: none}
    .box01,
    .box02,
    .box03,
    .box04,
    .box05{padding: 60px 30px;}
    .big_img2 {width:calc(50% - 14px);}
    .small_img{width:calc(50% - 14px); text-align: left;}
}
@media (max-width:600px){
    .average{text-align: left;}
    .average_list{float: left;}  
    .average_list li{float: none;}
    .box01::after,
    .box02::after,
    .box03::after,
    .box04::after,
    .box05::after{display: none}
    .box01,
    .box02,
    .box03,
    .box04,
    .box05{padding: 60px 30px;}
    .year_list .inner {padding: 20px 10px;border-bottom: 1px dotted #355bac;text-align: center;}
    .year_list .inner strong{position: relative;left:0;}    
    .big_img2 {width:auto; margin-left:0;text-align: center;}
    .small_img{width: 100%; margin-right:0; text-align: center;}
    .big_img img{max-width: none;width: 151px;}
    .big_img .inner_text{display: block;position: relative;color: #0d0d0d;bottom: 0;left: 0;}
    .year_list .inner .point{display: inline-block; margin-left: 0;}
    .year_list .inner .item > div {min-height:auto;}
}
/*sub02_08_01 주요연구성과 End*/

/* 복지제도 */
.welfare {border: 1px solid #ddd;margin-top: 40px;}
.welfare .inner {position: relative; padding: 65px 0 150px;}
.welfare .inner .center {overflow: hidden;position: relative; width: 483px; height: 483px; border: 105px solid #f2f4f5; margin: 0 auto; border-radius: 50%;text-align: center; padding-top: 55px;}
.welfare .inner .center strong {font-size: 24px; font-weight: bold; color: #033a72;}
.welfare .inner .center p {border-top: 1px dashed #eee; display: inline-block; padding: 10px;}
.welfare .inner .info {position: absolute; text-align: center;}
.welfare .inner .info.right {text-align: left; right: calc(50% + 117px);}
.welfare .inner .info.left {text-align: left; left: calc(50% + 117px);}
.welfare .inner .info.right .icon_box {float: right;}
.welfare .inner .info.left .icon_box {float: left;}
.welfare .inner .info .icon_box {width: 120px; vertical-align: top;}
.welfare .inner .info .tit {font-size: 18px; color: #033a72; font-weight: bold; padding: 0 20px;width: calc(100% - 120px); float: right;line-height: 1.4;}
.welfare .inner .info.left .tit {width: calc(100% - 120px);}
.welfare .inner .info ul { padding: 0 20px;float: right; width: calc(100% - 120px); font-weight: bold;}
.welfare .inner .info.left ul { width: calc(100% - 120px);}
.welfare .inner .info ul li {margin: 0; line-height: 1.6;}
.welfare .inner .info.info1::after {position: absolute; width: 9px; height: 9px; right: -30px;top: 141px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info2::after {position: absolute; width: 9px; height: 9px; left: -30px;top: 141px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info3::after {position: absolute; width: 9px; height: 9px; right: -30px;top: -53px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info4::after {position: absolute; width: 9px; height: 9px; left: -30px;top: -53px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}

.welfare .inner.col4 .info1,
.welfare .inner.col4 .info2 {top: 50px;}
.welfare .inner.col4 .info3,
.welfare .inner.col4 .info4 {top: 450px;}

@media(max-width:1380px){
    .welfare .inner .center { width: 400px; height: 400px; border: 65px solid #f2f4f5;  padding-top: 55px;}
    .welfare .inner .info.right {right: calc(50% + 60px);}
    .welfare .inner .info.left {left: calc(50% + 60px);}
    .welfare .inner .info .tit {width: calc(100% - 120px);}
    .welfare .inner .info ul { width: calc(100% - 120px);}

    .welfare .inner.col4 .info.info1,
    .welfare .inner.col4 .info.info2 {top: 44px;}
    .welfare .inner.col4 .info.info3,
    .welfare .inner.col4 .info.info4 {top: 382px;}
    .welfare .inner.col4 .info.info1::after,
    .welfare .inner.col4 .info.info2::after,
    .welfare .inner.col4 .info.info3::after,
    .welfare .inner.col4 .info.info4::after {display: none;}
}
@media (min-width:1200px) and (max-width:1260px){
    .welfare .inner {padding: 90px 0 150px;}
    .welfare .inner .center {width: 340px; height: 340px; border: 30px solid #f2f4f5;}
    .welfare .inner .info.right {right: calc(50% + 30px);}
    .welfare .inner .info.left {left: calc(50% + 30px);}
    .welfare .inner.col4 .info.info3, .welfare .inner.col4 .info.info4 {top: 365px;}
}
@media(max-width:1204px){
    .welfare .inner .info .tit {width: calc(100% - 134px);}
    .welfare .inner .info ul {width: calc(100% - 134px);}
}
@media(max-width:960px){
    .welfare .inner {padding: 0;}
    .welfare .inner .center {width: auto; height: auto;border: 10px solid #f2f4f5; border-radius: 0; padding: 20px;margin: 30px auto;}
    .welfare .inner .center br {display: none;}
    .welfare .inner .center p {display: block;}
    .welfare .inner .info {display: block;position: relative; top: auto !important; right: auto !important; left: auto !important; margin-bottom: 15px; padding-bottom: 15px;}
    .welfare .inner .info:before{ display: block; position: absolute; width:100%; height: 1px; left:0; bottom: 0; background: #eee; content:"";}
    .welfare .inner .info:last-child:before {display: none;}
    .welfare .inner .info .icon_box {display: block; float: none; margin: 15px auto 25px;}
    .welfare .inner .info.right .icon_box {float:none}
    .welfare .inner .info.left .icon_box {float: none;}
    .welfare .inner .info .tit {display: block; width: auto;float: none; text-align: center;}
    .welfare .inner .info.left .tit {width: auto;}
    .welfare .inner .info ul {display: block; width: 325px;float: none; margin: 10px auto 0;}
    .welfare .inner .info.left ul {width: 325px;}
}
@media(max-width:560px){
    .welfare .inner .info ul {width: auto !important;}
}
/* 복지제도 End */ 


.centerwrap .icolistbox.type2 .img_icon02{width: 140px;height: 157px;}
.centerwrap .icolistbox.type2 .img_icon02{position: absolute;top: 45px;left: 50px;}
@media(max-width:769px){
    .centerwrap .icolistbox.type2 .img_icon02{display:none;}
}

.sub04_landing{background: #fff;border:1px solid #ddd;text-align: center;position: relative;padding-bottom:76px;}
.sub04_landing .img{margin-bottom:40px;position: relative;z-index: 1;padding:65px 20px 0}
.sub04_landing .img::before{content: "";position: absolute;left:0;top:0;width:100%;height:87.09%;background: linear-gradient(to right,#bcd7fd,#bdeee9);z-index: -1;}
.sub04_landing .text{padding:0 20px;}
.sub04_landing .text strong{display: block;font-size:27px;color:#00274e;font-weight:bold;letter-spacing: -0.04em;line-height: 1.2;}
.sub04_landing .text p{color:#666;font-size:15px;letter-spacing: -0.04em;}
.sub04_landing .text .link_wrap{margin-top:30px;}
.sub04_landing .text .link_wrap li{display: inline-block;text-align: left;}

@media(max-width:510px){
    .sub04_landing .text .link_wrap li{display: block;width:100%;}
    .sub04_landing .text .link_wrap li a{width:100%;}
}

/* sub03_07 공동기자재 활용 및 무상양여 */
.s0307 .topbox {position: relative; width:100%; overflow: hidden; padding:88px 200px; text-align: center; background:#dce4ed url(/images/kor/sub03/sub0307_topcenter.png)center top; z-index:0;}
.s0307 .topbox .left {position: absolute; left:-10px; bottom:-2px; z-index:-1;}
.s0307 .topbox .left:before {content:""; position: absolute; right: 0; top: -62px; width: 62px; height: 58px; background:url(/images/kor/sub03/sub0307_topimg01_icon.png); animation: tong .5s ease-in alternate infinite;}
.s0307 .topbox .right {position: absolute; right: 18px; bottom: -17px; z-index: -1;}
.s0307 .topbox .right:before {content: ""; position: absolute; right: 25px; top: -77px; width: 107px; height: 113px; background:url(/images/kor/sub03/sub0307_topimg02_icon.png); animation: tong .5s ease-in alternate infinite;}
.s0307 .topbox > span {display:block; margin-bottom:20px; font-size:15px; letter-spacing: 0.2em; color:#033a72;}
.s0307 .topbox .top {margin-bottom:55px; font-size:32px; font-family: 'score-dream-medium';font-weight: 500; letter-spacing: -0.045em; line-height: 1.2; color: #033a72; z-index: 1;}
.s0307 .topbox .top strong {font-family: 'score-dream-extrabold'; font-weight: 700; color:#089791; letter-spacing: -0.045em;}
.s0307 .topbox .bottom {margin:0; font-size:17px; color:#033a72; letter-spacing: -0.07em; z-index:1;}
.s0307 .topbox .bottom strong {font-weight: bold;letter-spacing: -0.02em;} 
.s0307 .procedure .ui-process.type2>li:last-child .inner:before {display:none;}
.s0307 .procedure .ui-process.type2>li .inner:before {width: 20px; height: 12px; right: -20px; background-position-x:right;}
.s0307 .procedure .ui-process.type2>li {width:calc(16.66% - 35px); margin-left:35px;}
.s0307 .procedure .ui-process.type2>li .inner .ui-process__title {letter-spacing: -0.07em;}
.s0307 .procedure .ui-process.type2>li .inner {min-height:250px;}
.s0307 .procedure .ui-process.type2>li .inner p {margin-top:0px;}

.s0307 .ui-list__column {margin: 0 -12px;}
.s0307 .ui-list__column .inner {min-height:270px;margin: 0 10px 30px;border:1px solid #e1e1e1;background: #fff;border-radius:0;}
.s0307 .ui-list__column .inner .item {min-height: auto;padding: 37px 20px 42px;border:none;text-align: center;}
.s0307 .ui-list__column.col2 .inner {float:left; width: calc(50% - 20px);}
.s0307 .ui-list__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.s0307 .ui-list__column .inner .ui-summary p{margin-top: 0;color:#6e7179;font-size:15px;}
.s0307 .ui-list__column.type02 .inner .item{padding: 45px;}
.s0307 .ui-list__column.type02 .inner a {margin:25px 0 0}
.s0307 .ui-list__column.type02 .inner .item img {margin-bottom:25px;}
.s0307 .ui-list__column .inner a {margin:0 0 19px}
.s0307 .ui-list__column .inner .circle{width:80px;height:80px;background-color: #f3f3f3;margin-bottom:15px;position: relative;}
.s0307 .ui-list__column .inner .circle.circle-sm{width:55px;height:55px;}
.s0307 .ui-list__column.type02 .circle .ir-icon__line{top: 12.5px;left: 12.5px;}

@keyframes tong{
    0%{transform:translate(0, -3px);-webkit-transform:translate(0, -3px);}
    100%{transform:translate(0, 2px);-webkit-transform:translate(0, 2px);}
}
@-webkit-keyframes tong{
    0%{transform:translate(0, -3px);-webkit-transform:translate(0, -3px);}
    100%{transform:translate(0, 2px);-webkit-transform:translate(0, 2px);}
}

@media(max-width:1540px){
    .s0307 .procedure .ui-process.type2>li {width: calc(25% - 40px); margin-bottom:40px;}
    .s0307 .procedure .ui-process.type2>li .inner {min-height:276px;}
    .s0307 .procedure .ui-process.type2>li:nth-child(5) {margin-left: 30px;}
}
@media(max-width:1200px){
    .s0307 .procedure .ui-process.type2>li .inner {min-height:250px;}
}
@media(max-width:1150px){
    .s0307 .procedure .ui-process.type2>li .inner {min-height:250px;}
}
@media(max-width:1040px){
    .s0307 .topbox {padding:50px 200px;}
}
@media(max-width:1024px){
    .s0307 .topbox .top {margin-bottom:35px; font-size: 26px;}
    .s0307 .topbox .left {left:-40px;}
    .s0307 .topbox .right {right: -20px;}
}
@media(max-width:900px){
    .s0307 .ui-list__column .inner {min-height:240px;}
    .s0307 .ui-list__column.type02 .inner .item {padding:30px 20px;}
    .s0307 .ui-list__column .inner .ui-summary strong {font-size:18px;}
    .s0307 .procedure .ui-process.type2>li .inner {min-height:280px;}
}
@media(max-width:767px){
    .s0307 .topbox {padding:50px 30px; min-height: 470px;}
    .s0307 .topbox .left {left:17%;bottom: -40px;}
    .s0307 .topbox .right {right:17%;bottom: -40px;}
    .s0307 .procedure .ui-process.type2>li .inner {min-height:auto;}
    .s0307 .ui-list__column {margin:0;}
    .s0307 .ui-list__column.col2 .inner {float:none; width:100%; min-height:auto; margin:10px 0;}
    .s0307 .ui-list__column .inner .ui-summary strong {font-size:18px;}
}
@media(max-width:640px){
    .s0307 .topbox .left {left:7%;transform: scale(0.8);}
    .s0307 .topbox .right {right:7%;transform: scale(0.8);}
}
@media(max-width:460px){
    .s0307 .topbox {min-height: 435px;}
    .s0307 .topbox .left {left:-5%;transform: scale(0.6);bottom: -50px;}
    .s0307 .topbox .right {right:-3%;transform: scale(0.6);bottom: -50px;}
}
@media(max-width:400px){
    .s0307 .topbox .left {left: -29%; transform: scale(0.5); bottom: -62px;}
    .s0307 .topbox .right {right: -20%; transform: scale(0.5); bottom: -62px;}
}
@media(max-width:330px){
    .s0307 .topbox {min-height:480px;}
}

/* sub040703 정보공개 */
.s040703 .ui-sitelst { overflow: hidden; margin: 25px 0 40px; border-top: 2px solid #000;}
.s040703 .ui-sitelst li {display: table; overflow: hidden; float: left; position: relative; padding-right: 88px; width: 50%; margin-right: -1px; margin-top: -1px; border: 1px solid #e6e6e6; background: 0 0;}
.s040703 .ui-sitelst li .h-box { display: table-cell; vertical-align: middle; padding: 20px 0 20px 15px;color: #4d4d4d; font-size: 16px;}
.s040703 .ui-sitelst .btnarea2 { display: block;position: absolute; top: 50%; right: 20px; margin-top: -21px;}

.s040703 .ui-list__column {margin: 0;}
.s040703 .ui-list__column .inner {min-height:270px;margin: 0 10px 30px;border:1px solid #e1e1e1;background: #fff;border-radius:0;}
.s040703 .ui-list__column .inner .item {min-height: auto;padding: 37px 20px 42px;border:none;text-align: center;}
.s040703 .ui-list__column.col2 .inner {float:left; width: calc(50% - 10px);}
.s040703 .ui-list__column .inner:first-child {margin-left: 0;}
.s040703 .ui-list__column.col2 .inner:nth-child(2n) {margin-right: 0;}
.s040703 .ui-list__column .inner .ui-summary strong {display: block; margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.s040703 .ui-list__column .inner .ui-summary p{margin-top: 0;color:#6e7179;font-size:15px;}
.s040703 .ui-list__column.type02 .inner .item { padding: 45px 15px;}
.s040703 .ui-list__column.type02 .inner a {margin:10px 0 0}
.s040703 .ui-list__column.type02 .inner .item img {margin-bottom:25px;}
.s040703 .ui-list__column .inner a {margin:0 0 19px}
.s040703 .ui-list__column.type02 .inner .item .enquiry {margin-top: 25px;}
.s040703 .ui-list__column.type02 .inner .item .enquiry ul {overflow: hidden; border: 1px solid #eee; max-width:365px; margin: 0 auto;}
.s040703 .ui-list__column.type02 .inner .item .enquiry ul li {float: left;width: calc(100% - 120px); padding: 10px;}
.s040703 .ui-list__column.type02 .inner .item .enquiry ul li:first-child {background: #f8f8f8;color: #0e857f; width: 120px;}
@media screen and (max-width: 875px){
    .s040703 .ui-list__column {margin:0;}
    .s040703 .ui-list__column.col2 .inner {float:none; width:100%; min-height:auto; margin:10px 0;}
    .s040703 .ui-list__column .inner .ui-summary strong {font-size:18px;}
    .s040703 .ui-sitelst li:nth-child(1),
    .s040703 .ui-sitelst li:nth-child(2) {min-height: 90px;}
    .s040703 .ui-sitelst li .h-box {font-size: 15px;}
}
@media screen and (max-width: 767px){
    .s040703 .ui-sitelst li { float: none; width: 100%; min-height: auto !important;}
}
@media screen and (max-width: 480px){
    .s040703 .ui-list__column.type02 .inner .item .enquiry ul li {float: none; width: 100%;}
    .s040703 .ui-list__column.type02 .inner .item .enquiry ul li:first-child {width: 100%;}
}

/* sub030201 기술이전절차 */
.s030201 .procedure .ui-process.type2.step5 li .tit {display: block; background: #089791; font-size: 18px; padding: 15px 5px; color: #fff; text-align: center; border-radius: 0 20px 0 0;}
.s030201 .procedure .ui-process.type2.step5>li {width: calc(20% - 35px); margin-left: 35px; margin-bottom: 40px}
.s030201 .procedure .ui-process.type2.step5>li:nth-child(3) .inner:before { right: -21px; transform: translateY(-50%);}
.s030201 .procedure .ui-process.type2.step5 .inner strong {display: block; text-align: left; color: #089791; font-weight: bold;}
.s030201 .procedure .ui-process.type2.step5 .inner li {font-size: 14px;}
.s030201 .procedure .ui-process.type2.step5 .inner {padding: 20px 25px; min-height: 300px;}
.s030201 .procedure .ui-process.type2.step5 .inner .box:first-child {min-height: 130px; border-bottom: 1px solid #ddd;margin-bottom: 20px;}

.s030201 .procedure .ui-process.type2.step5 li:nth-child(2n) .tit{background: #1f7cb1;}
.s030201 .procedure .ui-process.type2.step5 li:nth-child(2n) .inner strong {color: #1f7cb1;}
.s030201 .procedure .ui-process.type2.step5 li:nth-child(2n) .inner .list-1st li:before {background: #1f7cb1;}

.s030201 .procedure .ui-process.type2.step6>li { width: calc(16.66% - 33px); margin-left: 33px;margin-bottom: 40px;}
.s030201 .procedure .ui-process.type2.step6>li .inner {min-height: 250px;}
.s030201 .procedure .ui-process.type2>li .inner:before {background: url(/images/kor/sub03/sub030201_step6_arr.png) no-repeat; right: -21px;width: 21px;}
.s030201 .procedure .ui-process.type2>li:last-child .inner:before {display: none;}

.s030201 .t_arr {position: relative; margin-top: 40px;}
.s030201 .t_arr:before {display: block; position: absolute; width: 231px; height: 51px; left: calc(50% - 115px); top: -66px; background: url(/images/kor/sub03/sub030201_arr.png);content: "";}

@media screen and (max-width: 1480px){
    .s030201 .procedure .ui-process.type2.step5 li .tit {font-size: 16px;}
    .s030201 .procedure .ui-process.type2.step5 .inner {min-height: 320px;}
    .s030201 .procedure .ui-process.type2.step5>li .inner strong {font-size: 14px;}
}
@media screen and (max-width: 1460px){
    /* step3 */
    .s030201 .procedure .ui-process.type2.step5>li {width: calc(33.3% - 32px); margin-left: 32px;}
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(3) .inner:before {display: none;}
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(4),
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(5){float:right}
    .s030201 .procedure .ui-process.type2.step5 .inner {min-height: 280px;}
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(4) .inner:before{top:auto;top:-92px;right: 0;left: 50%;transform: rotate(90deg);display:block;margin-left: -10.5px;}
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(5) .inner:before{right:-34px;left:auto;transform: rotate(-180deg) translateY(50%);}
    .s030201 .procedure .ui-process.type2.step5>li:last-child .inner:before {display: block;}
}
@media screen and (max-width: 1360px){
    /* step3 */
    .s030201 .procedure .ui-process.type2.step6>li {width: calc(33.3% - 32px);}
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(3) .inner:before {display: none;}
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(6n),
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(6n+1) {margin-left: 30px;}
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(4),
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(5),
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(6){float:right}
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(4) .inner:before{top:auto;top:-37px;right: 0;left: 50%;transform: rotate(90deg);display:block;margin-left: -10.5px;}
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(5) .inner:before,
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(6) .inner:before{right:-35px;left:auto;transform: rotate(-180deg) translateY(50%);}
    .s030201 .procedure .ui-process.type2>li:last-child .inner:before {display: block;}
    
}
@media (max-width: 767px){
	.s030201 .procedure .ui-process.type2 {margin-left: 0; width: 100%;}
    .s030201 .procedure .ui-process.type2>li {width: 100% !important; margin-left: 0 !important; margin-bottom: 50px;}
    .s030201 .procedure .ui-process.type2>li:nth-child(1) {margin-left: 0 !important;}
	.s030201 .procedure .ui-process.type2>li .inner:before,	
    .s030201 .procedure .ui-process.type2.step6>li:nth-child(3) .inner:before {display: block;}
    .s030201 .procedure .ui-process.type2>li:nth-child(4) .inner:before, 
    .s030201 .procedure .ui-process.type2>li:nth-child(5) .inner:before,
    .s030201 .procedure .ui-process.type2>li:nth-child(6) .inner:before {display:block;bottom: -28px !important;top: auto !important;right: auto !important;left: 50% !important;transform: rotate(90deg) !important;margin-left: -9px;}
	.s030201 .procedure .ui-process.type2>li:last-child .inner:before {display: none !important;}
	.s030201 .procedure .ui-process.type2>li .inner {min-height: auto;}
    .s030201 .procedure .ui-process.type2>li:last-child .inner:before {display: none;}

    .s030201 .procedure .ui-process.type2.step5 .inner {min-height: auto;}
    .s030201 .procedure .ui-process.type2.step5>li:nth-child(3) .inner:before {display: block;}
    .s030201 .procedure .ui-process.type2.step5 .inner .box:first-child {min-height: auto; padding-bottom: 20px;}
}

/* sub011001 글로벌 네트워크 */
.s011001 .quo {display: block; position: relative; text-align: center; font-size: 24px; color: #033a72;line-height: 1.4; margin: 120px 0 60px; padding:0 60px;}
.s011001 .quo .front {position: relative;}
.s011001 .quo .front:before {display: block; position: absolute; left: -65px;top: -15px; width: 55px; height: 44px; background: url(/images/kor/sub01/sub0102_quo1.png); content: "";}
.s011001 .quo .end {position: relative;}
.s011001 .quo .end:after {display: block; position: absolute; right: -105px;bottom: -15px; width: 55px; height: 44px; background: url(/images/kor/sub01/sub0102_quo2.png); content: "";}

.s011001 .border-box {position: relative; overflow: hidden; margin-top: 40px;}
.s011001 .border-box .col {position: relative; float: left; width:calc(25% - 9px); margin-right:12px; border:1px solid #ddd; border-top: 2px solid #089791; min-height: 269px; margin-bottom:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.s011001 .border-box .col:last-child {margin-right: 0;}
.s011001 .border-box .col:nth-child(2) {border-top-color: #0495aa;}
.s011001 .border-box .col:nth-child(3) {border-top-color: #1385ba;}
.s011001 .border-box .col:nth-child(4) {border-top-color: #0868ab;}
.s011001 .border-box .col strong {display: block; text-align: center; background: #eef3f5;font-size: 18px; font-weight: bold;padding: 10px;}
.s011001 .border-box .col .inner {padding: 5px 20px;}
.s011001 .border-box .col .list-1st li {padding-left: 95px; font-size: 14px;}
.s011001 .border-box .col .list-1st li span {position: absolute; left: 18px; font-weight: bold;}

@media (max-width: 1360px){
    .s011001 .border-box .col { width:calc(50% - 6px); min-height: 191px;}
    .s011001 .border-box .col:nth-child(2n) {margin-right: 0;}
}
@media (max-width: 1230px){
    .s011001 .quo {font-size: 23px;}
}
@media (max-width: 880px){
    .s011001 .quo {font-size: 21px; margin: 70px 0 45px; padding: 0 10px;}
    .s011001 .quo br {display: none;}
    .s011001 .quo .front:before {display: none;}
    .s011001 .quo .end:after {display: none;}
}
@media (max-width: 767px){
    .s011001 .border-box .col { width:100%; min-height: auto; margin-right: 0;}
}

/* sub02_05_06 화학분석센터 */
.s020506 .centerwrap .icolistbox.type2.last-box {border-bottom: 1px solid #ddd;}
.s020506 .tit .btn {margin-left:0;}

/* col3 기준 */
.sub_org.org_wrap {overflow: hidden;margin-top: 50px; border: 1px solid #ddd;padding: 0 4%;}
.sub_org.org_wrap .level1 {margin: 60px auto;}
.sub_org.org_wrap .level1:before {left: 50%; height: 62px;top: 158px;}
.sub_org.org_wrap .level3 {display: block; }

.sub_org.org_wrap .level1 > li .directorate {display: table; float: none; margin: 0 auto; background-repeat: no-repeat;width: 160px; height: 177px; background-size: contain;}
.sub_org.org_wrap .level3 .group1 > .directorate span {text-indent: 0;line-height: 1.3; display: table-cell; vertical-align: middle;}
.sub_org.org_wrap .group2_wrap {float: none; width: 100%; margin-left: 0; margin-top: 32px;}
.sub_org.org_wrap .level3 .group2:first-child .group3 {padding-top: 32px;}
.sub_org.org_wrap .level3 .group3 li {width: calc(33.33% - 20px);}
.sub_org.org_wrap .level3 .group3 li a {margin-left: 0; font-size: 15px;}
.sub_org.org_wrap .level3 .group3 > li > a { width: 270px; margin-bottom: 25px; min-height: 71px; font-size: 16px; font-weight: 600;}
.sub_org.org_wrap .level3 .group3 > li .line_mid > a { width: 270px; margin-bottom: 25px; min-height: 71px; font-size: 16px; font-weight: 600;}
.sub_org.org_wrap .group2 li a {min-height: 56px;}
.sub_org.org_wrap .group2 li + li {margin-top: 0; margin-left: 30px;}
.sub_org.org_wrap .level3 .group4 { float: none; margin-left: 0; width: 100%;}
.sub_org.org_wrap .level3 .group4 li {width: 268px; margin-bottom: 15px; min-height: 56px; margin-left: 30px;}
.sub_org.org_wrap .group2 li a span > small {display: block; margin-top: 10px; font-weight: normal;}
.sub_org.org_wrap .level3 .group3 li.team {margin-top: 96px;}

.sub_org.org_wrap .group2 li:before {display: none;}
.sub_org.org_wrap .level3::before {display: none;}
.sub_org.org_wrap .group2_wrap:before {display: none;}
.sub_org.org_wrap .level3 .group3:before {left: 15.5%;top: 0; width: 69.2%; height: 1px !important;}
.sub_org.org_wrap .level3 .group3 li:before { display: block; left: 50%; top: -32px; width: 1px; height: 32px; margin-top: 0;}
.sub_org.org_wrap .level3::after {display: none;}
.sub_org.org_wrap .level3 .group3 li.team:before {top: -130px;height: 130px;}
.sub_org.org_wrap .level3 .group3 li.team li:before {display: none;}
.sub_org.org_wrap .level3 .line:before {display: none;}

/* col2 */
.sub_org.org_wrap .col2.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col2 .level3 .group3 li {width: 50%;}
.sub_org.org_wrap .col2 .group2 li + li {margin-left: 0;}
.sub_org.org_wrap .col2 .level3 .group3 li .line_mid { overflow: hidden;width: 270px; margin: 0 auto; float:none;}
.sub_org.org_wrap .col2 .level3 .group4 li {width: 268px;}
.sub_org.org_wrap .col2 .level3 .group3:before {left: 25%;width: 50%;}

/* col4 */
.sub_org.org_wrap .col4.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col4 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col4 .level3 .group4 li {width: 24.4%;}
.sub_org.org_wrap .col4 .level3 .group3 li + li {margin-left: 0;}
.sub_org.org_wrap .col4 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col4 .level3 .group3:before {left: 12.2%; width: 75.6%;}
.sub_org.org_wrap .col4 .level3 .group3 > li:before {display: none;}


/* col6 */
.sub_org.org_wrap .col6.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col6 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col6 .level3 .group4 li {width: 16%;}
.sub_org.org_wrap .col6 .level3 .group3 li + li {margin-left: 0;}
.sub_org.org_wrap .col6 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col6 .level3 .group3:before {left: 8%; width: 84%;}
.sub_org.org_wrap .col6 .level3 .group3 > li:before {display: none;}
.sub_org.org_wrap .col6 .group2 li a {min-height: 100px;}

.s020701 .sub_org.org_wrap .level3 .group1 > .directorate span {line-height: 1;font-size: 18px;}
.s020401 .sub_org.org_wrap .level3 .group1 > .directorate span{font-size: 18px;}
@media (max-width: 1430px){
    /* col6 */
    .sub_org.org_wrap .col6 .group2 li a span {font-size: 14px;}
}
@media (max-width: 1340px){
    .sub_org.org_wrap .level1 {width: 100%;}
    .sub_org.org_wrap .level3 .group3 > li > a {width: 100%;}
    .sub_org.org_wrap .level3 .group3 li {width:32.33%}
    .sub_org.org_wrap .level3 .group4 li {width: 100%;}
    .sub_org.org_wrap .group2 li + li {margin-left: 1.5%;}
    .sub_org.org_wrap .level3 .group3:before {left: 16.1%; width: 67.8%;}

    /* col4 */
    .sub_org.org_wrap .col4 .level3 .group3:before {left: 12.2%; width: 75.6%;}

    /* col6 */    
    .sub_org.org_wrap .col6 .level3 .group3:before {left: 8%; width: 84%;}
}
@media (max-width: 1200px){
    .sub_org.org_wrap .level1 {max-width: 873px; padding: 0;}
}
@media (max-width: 900px){
    .sub_org.org_wrap .level1:before {display: none;}
    .sub_org.org_wrap .group2_wrap {margin-top: 18px;}
    .sub_org.org_wrap .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .group2 li + li {margin-left: 0;}
    .sub_org.org_wrap .level3 .group3:before {display: none;}
    .sub_org.org_wrap .level3 .group3 li.team {margin-top: 0;}
    .sub_org.org_wrap .level3 .group3 li:before {top: -50px;height: 50px;}
    .sub_org.org_wrap .level3 .group3 > li > a {margin-bottom: 5px;}
    .sub_org.org_wrap .level3 .group3 li {margin-bottom: 5px;}
    .sub_org.org_wrap .group3>li {margin-bottom: 30px !important;}
    .sub_org.org_wrap  .group2 li a span br {display: none;}

    /* col2 */
    .sub_org.org_wrap .col2.level1:before {display: block;}
    .sub_org.org_wrap .col2 .level3 .group3:before {display: block;}
    .sub_org.org_wrap .col2 .group2_wrap {margin-top: 32px;}

    /* col4 */
    .sub_org.org_wrap .col4 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col4 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col4 .level3 .group4 li + li {margin-left: 0;}
    .sub_org.org_wrap .col4 .group2 li a {min-height: 56px;}

    /* col6 */
    .sub_org.org_wrap .col6 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col6 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col6 .level3 .group4 li + li {margin-left: 0;}
    .sub_org.org_wrap .col6 .group2 li a span {font-size: 15px;}
    .sub_org.org_wrap .col6 .group2 li a {min-height: 56px;}
}
@media (max-width: 890px){
    .sub_org.org_wrap .col2 .group2 li {float: left;}

    /* col2 */
    .sub_org.org_wrap .col2 .level3 .group2:first-child .group3 {overflow: hidden;}
    .sub_org.org_wrap .col2 .level3 .group3 > li .line_mid > a {margin-bottom: 10px;}
}
@media (max-width: 767px){
    /* col2 */    
    .sub_org.org_wrap .col2 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col2.level1:before {display: none;}
    .sub_org.org_wrap .col2 .level3 .group3:before {display: none;}
    .sub_org.org_wrap .col2 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col2 .level3 .group3 > li .line_mid > a {width: 100%; margin-bottom: 5px;}
    .sub_org.org_wrap .col2 .level3 .group3 li .line_mid {width: 100%;}
}

@media (max-width: 580px){
    .sub_org.org_wrap .directorate {width: 134px;height: 148px;}
}

/* sub0208 Intellectual Property & Technology Transfer */
.s0208 .imgbox {padding: 50px;}
@media (max-width: 767px){
.s0208 .imgbox {padding: 35px 20px;}  
}
/* sub0208 End */

/* sub010401 History */
.s010401 .profile_box {overflow: hidden;}
.s010401 .profile_box.col4 li { width: 24.25%;}
.s010401 .profile_box.col4 li + li { margin-left: 1%;}
.s010401 .profile_box.col4 li:nth-child(4n+1) {margin-left: 0;}
.s010401 .profile_box li {position: relative; float: left;margin-bottom: 1%; padding: 30px 20px; border: 1px solid #ddd; min-height: 285px; text-align: center;}
.s010401 .profile_box li img {display: block;margin: 0 auto 10px; border-radius: 50%;border: 1px solid #ddd;}
.s010401 .profile_box li .tit {color:#089892; font-size: 13px;font-weight: bold;}
.s010401 .profile_box li .name {font-weight: bold;font-size: 18px; margin: 0;}
.s010401 .profile_box li .txt {display: block;margin-top: 5px;}
@media (max-width: 892px){
    .s010401 .profile_box.col4 li { width: 32%;}
    .s010401 .profile_box.col4 li + li { margin-left: 2%;}
    .s010401 .profile_box.col4 li:nth-child(4n+1) {margin-left: 2%;}
    .s010401 .profile_box.col4 li:nth-child(3n+1) {margin-left: 0;}
}
@media (max-width: 670px){
    .s010401 .profile_box.col4 li {width: 49%;}
    .s010401 .profile_box.col4 li + li { margin-left: 2%;}
    .s010401 .profile_box.col4 li:nth-child(3n+1) {margin-left: 2%;}
    .s010401 .profile_box.col4 li:nth-child(2n+1) {margin-left: 0;}
}
@media (max-width: 452px){
    .s010401 .profile_box.col4 li {width: 100%; min-height: auto;}
    .s010401 .profile_box.col4 li + li { margin-left: 0;}
    .s010401 .profile_box.col4 li:nth-child(3n+1) {margin-left: 0;}
}
/* sub010401 History End */


/* 찾아오시는길 추가 */
.s010601 .col2 {margin-top: 20px;}
.s010601 .col2 .imgbox{ float: left; width:49%; margin-bottom:2%;}
.s010601 .col2 .imgbox:nth-child(2n) {margin-left: 2%;}
@media (max-width: 767px){
    .s010601 .col2 .imgbox {width: 100%;}
    .s010601 .col2 .imgbox:nth-child(2n) {margin-left: 0;}
}
/* 복지제도 */
/* .welfare {border: 1px solid #ddd;}
.welfare .inner {position: relative; padding: 65px 0;}
.welfare .inner .center {overflow: hidden;position: relative; width: 538px; height: 538px; border: 105px solid #f2f4f5; margin: 0 auto; border-radius: 50%;text-align: center; padding-top: 80px;}
.welfare .inner .center span {display: block; font-family: 'score'; font-size: 16px; color: #666; font-weight: bold;}
.welfare .inner .center strong {font-size: 27px; font-weight: bold; color: #033a72;}
.welfare .inner .center:before {display: block;position: absolute; width: 191px;height: 183px; bottom: -4px;left: calc(50% - 95px);background: url(/images/school/sub02/sub0204_img01.png) no-repeat;content: "";}
.welfare .inner .info {position: absolute; text-align: center;}
.welfare .inner .info.right {text-align: right; right: calc(50% + 144px);}
.welfare .inner .info.left {text-align: left; left: calc(50% + 144px);}
.welfare .inner .info.right .img_box {float: right;}
.welfare .inner .info.left .img_box {float: left;}
.welfare .inner .info .img_box {width: 101px; vertical-align: top; border:none;}
.welfare .inner .info .txt { padding: 0 20px;float: right; width: calc(100% - 101px); font-weight: bold; line-height: 1.4;}
.welfare .inner .info .txt > span {display: block;}
.welfare .inner .info.info1::after {position: absolute; width: 9px; height: 9px; right: -30px;bottom: -20px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info2::after {position: absolute; width: 9px; height: 9px; left: -30px;bottom: -20px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info3::after {position: absolute; width: 9px; height: 9px; right: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.welfare .inner .info.info4::after {position: absolute; width: 9px; height: 9px; left: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}

.welfare .inner.col4 .info1,
.welfare .inner.col4 .info2 {top: 115px;}
.welfare .inner.col4 .info3,
.welfare .inner.col4 .info4 {top: 470px;}

.welfare .inner.col5 {margin: 180px 0 130px;}
.welfare .inner.col5 .info.right {right: calc(50% + 205px);}
.welfare .inner.col5 .info.left {left: calc(50% + 205px);}
.welfare .inner.col5 .info3.right {right: calc(50% + 65px);}
.welfare .inner.col5 .info4.left {left: calc(50% + 65px);}
.welfare .inner.col5 .info1,
.welfare .inner.col5 .info2 {top: 215px;}
.welfare .inner.col5 .info3,
.welfare .inner.col5 .info4 {top: 480px;}
.welfare .inner.col5 .info5 {top: -65px; left: calc(50% - 71px);}
.welfare .inner.col5 .info3 .img_box,
.welfare .inner.col5 .info4 .img_box,
.welfare .inner.col5 .info5 .img_box {float: none; margin: 0 auto;}
.welfare .inner.col5 .info3 .txt,
.welfare .inner.col5 .info4 .txt,
.welfare .inner.col5 .info5 .txt {float: none; width: auto; text-align: center; padding: 20px 0; margin: 0;}
.welfare .inner.col5 .info.info1::after {right: -60px;bottom: 25px; }
.welfare .inner.col5 .info.info2::after {left: -60px;bottom: 25px;}
.welfare .inner.col5 .info.info3::after {right: 35px;top: -35px;}
.welfare .inner.col5 .info.info4::after {left: 35px;top: -35px;}
.welfare .inner.col5 .info.info5::after {position: absolute; width: 9px; height: 9px; left: calc(50% - 9px);bottom: -57px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}

.welfare .inner.col5 .info5 { display:flex; flex-direction: column-reverse;}
.welfare .inner.col5 .img_box,
.welfare .inner.col5 .txt { height: auto;}

.s0106 .welfare .inner.col5 .info5 { left: calc(50% - 128px);}

@media(max-width:1024px){
    .welfare .inner .center { width: 400px; height: 400px; border: 65px solid #f2f4f5;  padding-top: 55px;}
    .welfare .inner.col5 .center {margin: -30px auto;}
    .welfare .inner .center:before {bottom: -25px;}
    .welfare .inner.col5 .info .txt {padding: 0 10px;}
    .welfare .inner.col5 .info3 .txt,
    .welfare .inner.col5 .info4 .txt,
    .welfare .inner.col5 .info5 .txt {padding: 20px 0;}
    .welfare .inner .info.right {right: calc(50% + 70px);}
    .welfare .inner .info.left {left: calc(50% + 70px);}

    .welfare .inner.col4 .info.info1,
    .welfare .inner.col4 .info.info2 {top: 90px;}
    .welfare .inner.col4 .info.info3,
    .welfare .inner.col4 .info.info4 {top: 330px;}
    .welfare .inner.col4 .info.info1::after,
    .welfare .inner.col4 .info.info2::after,
    .welfare .inner.col4 .info.info3::after,
    .welfare .inner.col4 .info.info4::after {display: none;}

    .welfare .inner.col5 .info.right {right: calc(50% + 134px);}
    .welfare .inner.col5 .info.left {left: calc(50% + 134px);}
    .welfare .inner.col5 .info3.right { right: calc(50% + 25px);}
    .welfare .inner.col5 .info4.left { left: 50%;}
    .welfare .inner.col5 .info1,
    .welfare .inner.col5 .info2 {top: 155px;}
    .welfare .inner.col5 .info3,
    .welfare .inner.col5 .info4 {top: 325px;}
    .welfare .inner.col5 .info5 {top: -75px;}
    .welfare .inner.col5 .info.info1::after,
    .welfare .inner.col5 .info.info2::after,
    .welfare .inner.col5 .info.info3::after,
    .welfare .inner.col5 .info.info4::after,
    .welfare .inner.col5 .info.info5::after {display: none;}

    .welfare .inner.col5 .img_box {width: 85px;}
    .welfare .inner.col5 .info1 .txt,
    .welfare .inner.col5 .info2 .txt {width: calc(100% - 85px);}
}
@media(max-width:960px){
    .welfare .inner {padding: 20px !important;}
    .welfare .inner .center { width: 300px; height: 300px; border: 10px solid #f2f4f5; margin: 30px auto; padding-top: 65px;}
    .welfare .inner.col5 .center {margin: 30px auto;}
    .welfare .inner.col5 {margin: 0;}
    .welfare .inner .info {display: table; position: relative; top: auto !important; right: auto !important; left: auto !important; margin-bottom: 15px; padding-bottom: 15px;}
    .welfare .inner .info .img_box {float: none !important;}
    .welfare .inner .info .txt {display: table-cell; float: none; vertical-align: middle;text-align: left;}
    .welfare .inner .info .txt > span {display: inline;}
    .welfare .inner.col5 .info5 { display: table; flex-direction: initial;}
    .welfare .inner.col5 .info .txt { padding: 0 20px; }
    .welfare .inner.col5 .info1 .txt,
    .welfare .inner.col5 .info2 .txt {width: 100%;}
    .welfare .inner.col5 .info3 .txt,
    .welfare .inner.col5 .info4 .txt,
    .welfare .inner.col5 .info5 .txt {text-align: left;}
}
@media(max-width:400px){
    .welfare .inner {padding: 0;}
    .welfare .inner .center {width: auto; height: auto; border-radius: 0; padding: 20px;}
    .welfare .inner .center:before {display: none;}
    .welfare .inner .info {display: block;}
    .welfare .inner.col5 .info5 {display: block;}
    .welfare .inner .info:before{ display: block; position: absolute; width:250px; height: 1px; left: calc(50% - 125px); bottom: 0; background: #eee; content:"";}
    .welfare .inner .info:last-child:before {display: none;}
    .welfare .inner .info .img_box {display: block; margin: 15px auto 0;}
    .welfare .inner .info .txt {display: block; text-align: center;  width: auto;}
    .welfare .inner .info .txt > span {display: block;}
    .welfare .inner.col5 .info3 .txt,
    .welfare .inner.col5 .info4 .txt,
    .welfare .inner.col5 .info5 .txt { text-align: center; margin-top: 15px;}
} */
/* 복지제도 End */

/* sub0301 소개 */
.s0301 .tab-ul.col3 li {display: table;}
.s0301 .tab-ul.type2 li a {display: table-cell; vertical-align: center; height: 79px;}

.s0301.tabcon01 .vision .intro_box .tit01 {font-family: 'score-dream-bold';}
.s0301.tabcon01 .vision .intro_box .tit02:before {left:0;}
.s0301.tabcon01 .vision .intro_box .tit02:after {right:0;}
.s0301.tabcon01 .vision {padding: 0; padding-bottom: 135px; border-bottom: 1px solid #dddddd;}
.s0301.tabcon01 .goal {overflow: hidden; margin:80px 0; text-align: center; background:url(/images/eng/sub03/sub0301_mapbg.png)no-repeat center top;}
.s0301.tabcon01 .goal .goal_circle {position: relative; display:inline-block; width:348px; height:348px;  padding:10px; text-align: center; background: url(/images/eng/sub03/sub0301_circle.png)no-repeat center top;}
.s0301.tabcon01 .goal .goal_circle .inner {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.s0301.tabcon01 .goal .goal_circle span {color:#666666; font-size:31px; font-family: 'score-dream-bold'; font-weight: bold; opacity: 0.5;}
.s0301.tabcon01 .goal .goal_circle p {color:#033a72; font-size:20px; letter-spacing: -0.02em;}
.s0301.tabcon01 .goal .goal_icon {position: relative; padding-top:135px; overflow: hidden;}
.s0301.tabcon01 .goal .goal_icon::before {content:""; position: absolute; left:50%; top:15px; transform: translateX(-50%); width:221px; height:60px; background:url(/images/eng/sub03/sub0301_arrow.png);}
.s0301.tabcon01 .goal .goal_icon li{position: relative; float: left; width:calc(33.33% + 28.5px); margin-right: -43px;min-height: 95px; border-radius: 50px; color: #fff; font-size: 18px;}
.s0301.tabcon01 .goal .goal_icon li:before {content: "+"; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); margin-top: -2.5px; font-size: 28px; z-index: 1; font-weight: 100;}
.s0301.tabcon01 .goal .goal_icon li:first-child {background:rgba(0,135,129,.85);}
.s0301.tabcon01 .goal .goal_icon li:nth-child(2) {background:rgba(0,124,150,.85);}
.s0301.tabcon01 .goal .goal_icon li:last-child {background:rgba(0,115,168,.85);}
.s0301.tabcon01 .goal .goal_icon li:after {content:""; position: absolute; left:50%; top:-67px; width:47px; height:43px; background: url(/images/eng/sub03/sub0301_ir.png);transform: translateX(-50%);}
.s0301.tabcon01 .goal .goal_icon li:first-child:after {background-position: 0 0;}
.s0301.tabcon01 .goal .goal_icon li:nth-child(2):after {background-position: -47px 0;}
.s0301.tabcon01 .goal .goal_icon li:last-child:after {background-position: -93px 0;}
.s0301.tabcon01 .goal .goal_icon li:last-child:before {display:none;}
.s0301.tabcon01 .goal .goal_icon li span{position: absolute; left:50%; top:50%; width:100%; transform: translate(-50%,-50%); letter-spacing: -0.09em; padding: 0 45px;}
.s0301.tabcon01 .operation {padding:1px; border-radius: 500px; background: #05aba7; background: -webkit-linear-gradient(to right, #05aba7, #0072c2); background: linear-gradient(to right, #05aba7, #0072c2);}
.s0301.tabcon01 .operation .inner {width:100%; background:#fff; border-radius: 500px; text-align: center;}
.s0301.tabcon01 .operation strong {display: inline-block; text-align: center; padding: 5px 40px; background: #033a72; color: #fff; font-size: 20px; border: 10px solid #fff; margin-top: -32.5px; border-radius: 50px; overflow: hidden; font-weight: bold;}
.s0301.tabcon01 .operation .item_box {overflow: hidden; padding:10px 30px 50px;}
.s0301.tabcon01 .operation .item {display:table; min-height:100px; position: relative; float:left; width:auto; margin-right:2%; padding-left:115px; text-align: left; width:31%;}
.s0301.tabcon01 .operation .item:last-child {margin-right:0;}
.s0301.tabcon01 .operation .item .txt {display:table-cell; vertical-align: middle; position: relative; color:#033a72; font-weight: bold; font-size:16px; letter-spacing: -0.09em;line-height: 1.4;}
.s0301.tabcon01 .operation .circle {position: absolute; left:0; top:0; width:101px; height:101px;}
.s0301.tabcon01 .operation .circle.color03{background:#1385ba;}
.s0301.tabcon01 .operation .circle.color04{background:#0868ab;}
.s0301.tabcon01 .operation .circle.color05{background:#345bab;}
.s0301.tabcon01 .operation .ir-icon__sc {top: 50%; left: 50%; transform: translate(-50%, -50%);}
.s0301.tabcon01 .system_box {margin-top:30px;}
.s0301.tabcon01 .system_box .system_box_body {margin-top:0;}
.s0301.tabcon01 .system_box .system_box_body::before {display:none;}
.s0301.tabcon01 .system_list {padding:45px 0;}
.s0301.tabcon01 .system_list li {width:calc(20% - 1px); min-height: 193px; padding:0; border-bottom:0;font-size: 15px;}
.s0301.tabcon01 .system_list li + li {border-left: 1px solid #dadada;}
.s0301.tabcon01 .system_list li::before {display:none;}
.s0301.tabcon01 .system_list li .hex {display: block; position: relative; margin: 0 auto 15px; width: 96px; height: 106px;background: url(/images/eng/sub02/shape.png)no-repeat; background-size: contain;}
.s0301.tabcon01 .system_list li .hex .ir-icon__ct {left: 18px;}
.s0301.tabcon01 .system_list em {display: block;}

@media(max-width:1300px){
    .s0301.tabcon01 .vision {padding:0 0 50px 0;}
    .s0301.tabcon01 .operation .item {width: 30.33%;}
}
@media(max-width:1100px){
    .s0301.tabcon01 .system_list li {position: relative; width:33.33%; margin:1% 0;}
    .s0301.tabcon01 .system_list li:nth-child(4) {border-left:0;}
    .s0301.tabcon01 .operation .item_box {padding:10px 30px 50px;}
}
@media(max-width:1000px){
    .s0301.tabcon01 .intro_box {padding:0;}
    .s0301.tabcon01 .goal .goal_icon li {font-size:16px;}
    .s0301.tabcon01 .goal .goal_icon li span {padding:0 50px;}
}
@media(max-width:930px){
    .s0301.tabcon01 .system_list li:nth-child(2n):before {display:none;}
}
@media(max-width:900px){
    .s0301.tabcon01 .operation {border-radius:5px;}
    .s0301.tabcon01 .operation .inner {border-radius:5px;}
    .s0301.tabcon01 .operation .item_box {padding:10px 30px 10px;}
    .s0301.tabcon01 .operation .item {margin:0 1% 30px 1%; padding:0; text-align: center;}
    .s0301.tabcon01 .operation .item:last-child {margin-right:1%;}
    .s0301.tabcon01 .operation .item .txt {display:block;}
    .s0301.tabcon01 .operation .circle {position: relative; display:block; margin: 0 auto 10px;}
    .s0301.tabcon01 .goal{background-size: contain;}
}
@media(max-width:800px){
    .s0301.tabcon01 .intro_box .tit02 b {display:inline;}
}
@media(max-width:767px){
    .s0301.tabcon01 .goal .goal_icon li {float:none; width:100%;}
    .s0301.tabcon01 .goal .goal_icon li + li {margin-top:70px;}
    .s0301.tabcon01 .goal .goal_icon li:after {top:-50px;}
    .s0301.tabcon01 .goal .goal_icon li:before {display:none;}
    .s0301.tabcon01 .intro_box .tit03 br {display:none;}
    .s0301.tabcon01 .goal .goal_icon li span br {display:none;}
}
@media(max-width:710px){
    .s0301 .tab-ul.col3 li {width: 50%;}
}
@media(max-width:640px){
    .s0301.tabcon01 .operation .item {width:100%;}
    .s0301.tabcon01 .system_list li {width:50%;}
    .s0301.tabcon01 .system_list li:nth-child(odd) {border-left:0;}
    .s0301.tabcon01 .system_list li:nth-child(4) {border-left:1px solid #ddd;}
}
@media only screen and (max-width: 580px){
    .s0301 .tab-ul.col3 li {width: 100%;}
    .s0301 .tab-ul.col3 li a {height: auto;}
}
@media(max-width:460px){
    .s0301.tabcon01 .system_list {padding:10px 30px;}
    .s0301.tabcon01 .system_list li + li,
    .s0301.tabcon01 .system_list li:nth-child(4) {border-left:0;}
    .s0301.tabcon01 .system_list li:last-child {border-bottom:0;}
    .s0301.tabcon01 .system_list li{width:100%; padding:30px 10px; min-height:auto; border-left:0; border-bottom:1px solid #ddd;}
    .s0301.tabcon01 .goal{margin:30px 0 80px; background:none;}
    .s0301.tabcon01 .goal .goal_circle {width:280px; height:280px; background-size: contain;}
    .s0301.tabcon01 .goal .goal_circle p {margin-top:0; font-size:17px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .s0301.tabcon01 .operation strong {border:0;}

}
/* sub0301 소개 End */

/* sub0301.01 의약화학및약리생물학 */
.tt_box{margin-bottom:50px;text-align: center;padding:0 53px 85px 53px;position:relative;z-index: 1; background: #f4f7fa;border-radius: 0 40px 0 0;}
.tt_box::before{background: #2378cf url(/images/eng/sub03/sub0301_bg.png)no-repeat 100%; background-size:100% 100%; width:100%;height:482px;border-radius:0 40px 0 0;content: "";position: absolute;left:0;top:0;z-index: -1;}
.tt_box .inner .main_title{position: relative; display:block; padding:110px 0 15px;;font-family: 'score-dream-bold'; font-size:30px; color:#fff; }
.tt_box .inner .main_title span{font-weight:bold;font-family: inherit;color:#005598;line-height: 1.2;}
.tt_box .inner .btn {margin-bottom:80px;display: inline-block;background-color: transparent;color: #fff; font-size: 15px;border-color: #fff;}
.tt_box .inner .btn-icon.btn-default .ir-link {background-position: -147px -254px;}
.tt_box .inner .txtwrap{position: relative; padding:50px;background: #fff;box-shadow:8px 7px 15px rgba(0,0,0,0.2);border-radius: 30px;}
.tt_box .inner .txtwrap::before{content: "";position: absolute;left:70px;top:-154px;width:220px; height:200px;background: url(/images/eng/sub03/sub0301_topbg01.png) no-repeat;z-index: -1;background-size:contain ;}
.tt_box .inner .txtwrap::after{content: "";position: absolute;right:90px;top:-154px;width:200px; height:200px;background: url(/images/eng/sub03/sub0301_topbg02.png) no-repeat;z-index: -1;background-size:contain ;}
.tt_box .inner .txtwrap .sub_title{display: inline-block; position: relative; text-align: left;}
.tt_box .inner .txtwrap p{margin:0; color:#666666; font-size:15px;}
.tt_box .inner .txtwrap p + p {margin-top:30px;}
.tt_box .btn:active,
.tt_box .btn:hover,
.tt_box .btn:focus {background-color: #fff; color: #007772; border-color: #25989b;}
.tt_box .btn-icon.btn-default:active .ir-link,
.tt_box .btn-icon.btn-default:hover .ir-link,
.tt_box .btn-icon.btn-default:focus .ir-link {background-position: -147px -236px;}

.s0301.tabcon02 .welfare .inner .center.mb img{display: none;}
.s0301.tabcon02 .intro_box .tit01 b {font-family: 'score-dream-bold';}
.s0301.tabcon02 .intro_box .tit02:before {left: 13%; width:15px; height:74px; border-top:7px solid #033a72; border-left:7px solid #033a72; border-bottom:7px solid #033a72; background:none;}
.s0301.tabcon02 .intro_box .tit02:after {right:13%; width:15px; height:74px; border-top:7px solid #033a72; border-right:7px solid #033a72; border-bottom:7px solid #033a72; background:none;}
.s0301.tabcon02 .welfare {position: relative; padding-top:95px; margin-top:20px; border:0;}
.s0301.tabcon02 .welfare:before {content: ""; position: absolute; left: 50%; top:0; transform: translateX(-50%); width: 349px; height: 67px; background: url(/images/eng/sub03/sub0301_arrow.png);}
.s0301.tabcon02 .welfare .inner {padding:110px 0; border-bottom:1px solid #ddd;}
.s0301.tabcon02 .welfare .inner .center {width: 691px; height: 683px; border:0; border-radius: 0;}
.s0301.tabcon02 .welfare .inner .center:before { display: block; position: absolute;width: 691px; height: 683px; background: url(/images/eng/sub03/sub0301_img01.png) no-repeat; left: 50%; transform: translateX(-50%); bottom: 0; content: "";}
.s0301.tabcon02 .welfare .inner .info .ir {width:101px; height:101px; background: url(/images/eng/sub03/sub0301_01_ir.png) no-repeat;}
.s0301.tabcon02 .welfare .inner .info .ir01 {background-position: 0 0;}
.s0301.tabcon02 .welfare .inner .info .ir02 {background-position: -111px 0;}
.s0301.tabcon02 .welfare .inner .info .ir03 {background-position: -222px 0;}
.s0301.tabcon02 .welfare .inner .info .ir04 {background-position: -333px 0;}
.s0301.tabcon02 .welfare .inner .info .ir05 {background-position: -444px 0;}
.s0301.tabcon02 .welfare .inner .info .ir06 {background-position: -555px 0;}
.s0301.tabcon02 .welfare .inner .info .ir07 {background-position: -666px 0;}
.s0301.tabcon02 .welfare .inner .info .ir08 {background-position: -777px 0;}
.s0301.tabcon02 .welfare .inner .info .ir09 {background-position: -888px 0;}

.s0301.tabcon02 .welfare .inner .info:after {display:none;}
.s0301.tabcon02 .welfare .inner .info .txt {width:100%; padding: 0 5px;}
.s0301.tabcon02 .welfare .inner .info.info1{right:calc(50% + -207px); top:36px; text-align: center;}
.s0301.tabcon02 .welfare .inner .info.info1 p {clear: both; width: auto; float: none; text-align: center;}

.s0301.tabcon02 .welfare .inner .left.info2 {top: 195px;left: calc(50% + 245px);}
.s0301.tabcon02 .welfare .inner .left.info3 {top: 370px; left: calc(50% + 344px);}
.s0301.tabcon02 .welfare .inner .left.info4 {top:580px; left:calc(50% + 310px);}
.s0301.tabcon02 .welfare .inner .info5 {bottom: 46px; left: calc(50% - -20px); text-align: center;}
.s0301.tabcon02 .welfare .inner .info6 {bottom: 46px; right: 50%;}
.s0301.tabcon02 .welfare .inner .right.info7 {top:580px; right:calc(50% + 310px);}
.s0301.tabcon02 .welfare .inner .right.info8 {top: 370px; right: calc(50% + 344px);}
.s0301.tabcon02 .welfare .inner .right.info9 {top: 195px;right: calc(50% + 245px);}
.s0301.tabcon02 .welfare .inner em {display:none;}
.s0301.tabcon02 .welfare .inner .none {float: none;}
.s0301.tabcon02 .welfare .inner .none p {width:100%;}
.s0301.tabcon02 .ui-list__column {margin: 0 -12px;}
.s0301.tabcon02 .ui-list__column .inner {float:left; margin: 0 10px 30px;border:1px solid #e4e4e4;background: #fff;}
.s0301.tabcon02 .ui-list__column .inner .item {position: relative; padding: 31px 50px 52px 223px; border:none;text-align: left;}
.s0301.tabcon02 .ui-list__column .inner {width: 100%;}
.s0301.tabcon02 .ui-list__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.s0301.tabcon02 .ui-list__column .inner .ui-summary p{padding-left:15px; color:#6e7179;font-size:15px;}
.s0301.tabcon02 .ui-list__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.s0301.tabcon02 .ui-list__column .inner .ui-summary p{color:#6e7179;font-size:15px;}
.s0301.tabcon02 .ui-list__column .inner .ui-summary ul{padding-left: 15px;}
.s0301.tabcon02 .ui-list__column .inner .circle{width:80px;height:80px;background-color: #f3f3f3;margin-bottom:15px;position: relative;}
.s0301.tabcon02 .ui-list__column .inner .circle.circle-sm{width:55px;height:55px;}
.s0301.tabcon02 .ui-list__column.type02 .circle .ir-icon__line{top: 12.5px;left: 12.5px;}
.s0301.tabcon02 .ui-list__column .hex {display: block; position: absolute; left: 50px; margin: 0 auto 15px; width: 141px; height: 158px;background: url(/images/eng/sub02/shape.png)no-repeat; background-size: contain;}
.s0301.tabcon02 .ui-list__column .hex .ir-icon__ct {left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: auto;}
.s0301.tabcon02 .career .ui-list__column{margin: 0 -12px;margin-top: 20px;}
.s0301.tabcon02 .career .ui-list__column .inner{float: left;width: calc(100% - 20px); margin: 0 10px 30px; border: 1px solid #e4e4e4;background: #fff;}
.s0301.tabcon02 .career .ui-list__column .inner .item{position: relative; min-height: 237px;padding: 40px 80px 40px 240px; border: none;text-align: left;}
@media(max-width:1350px){
    .s0301.tabcon02 .ui-list__column .inner .item {min-height:330px;}
}
@media(max-width:1239px){
    .s0301.tabcon02 .intro_box .tit02:before {left:10%;}
    .s0301.tabcon02 .intro_box .tit02:after {right:10%;}
    .s0301.tabcon02 .ui-list__column .inner .item {min-height:400px;}
}
@media all and (min-width:1024px) and (max-width:1239px){
    .s0301.tabcon02 .ui-list__column .inner .item {min-height:420px;padding:30px;}
    .s0301.tabcon02 .ui-list__column .hex {position: relative; left:50%; transform: translateX(-50%); margin:0; display:inline-block;}
    .s0301.tabcon02 .career .ui-list__column .hex{position: absolute;left: 7%;transform: translateX(-14%);margin: 0;display: inline-block;}
}
@media(max-width:1140px){
    .tt_box .inner .txtwrap::before {left:0;}
    .tt_box .inner .txtwrap::after {right:0;}
}
@media(max-width:1500px){    
    .tt_box::before {height:430px;}
    .tt_box .inner .main_title {padding:80px 0 15px;}
    .s0301.tabcon02 .welfare .inner .center:before {top:0; width:530px; height:530px; background-size: contain;}
    .s0301.tabcon02 .welfare .inner .info .txt {line-height: 1.4;}
    .s0301.tabcon02 .welfare .inner .info.info1 {right:auto; top:58px; width:100%;}
    .s0301.tabcon02 .welfare .inner .info.info1 p {width:100%;}
    .s0301.tabcon02 .welfare .inner .right.info9 {top:150px; right:calc(50% + 190px);}
    .s0301.tabcon02 .welfare .inner .left.info2 {top:150px; left:calc(50% + 190px);}
    .s0301.tabcon02 .welfare .inner .info br {display:none}
    .s0301.tabcon02 .welfare .inner .right.info8 {top:292px; right:calc(50% + 270px);}
    .s0301.tabcon02 .welfare .inner .left.info3 {top:292px; left:calc(50% + 270px);}
    .s0301.tabcon02 .welfare .inner .right.info7 {top:465px; right:calc(50% + 247px);}
    .s0301.tabcon02 .welfare .inner .left.info4 {top:465px; left:calc(50% + 247px);}
    .s0301.tabcon02 .welfare .inner .center {height:530px;}
    .s0301.tabcon02 .welfare .inner .info6,
    .s0301.tabcon02 .welfare .inner .info5 {bottom:30px;}
    .s0301.tabcon02 .welfare .inner .info6 .txt,
    .s0301.tabcon02 .welfare .inner .info5 .txt {width:70%;}
    .s0301.tabcon02 .welfare .inner .info5 {left:50%;}
    .s0301.tabcon02 .welfare .inner .info5 .txt {float: none;}
    .s0301.tabcon02 .ui-list__column .inner {float:none; width:calc(100% - 20px); margin: 10px;}
    .s0301.tabcon02 .ui-list__column .inner .item {min-height:auto;}
}
@media(max-width:980px){
    .s0301.tabcon02 .intro_box .tit02:before {left:0;}
    .s0301.tabcon02 .intro_box .tit02:after {right:0;}
    .s0301.tabcon02 .welfare {padding-top:50px;}
}
@media(max-width:960px){
    .s0301.tabcon02 .welfare .inner{padding:50px 0; overflow: hidden;}
    .s0301.tabcon02 .welfare .inner .center:before {display:none;}
    .s0301.tabcon02 .welfare .inner .center {width:100%; height:auto; padding-top:0; margin-top:0;}
    .s0301.tabcon02 .welfare .inner .info .txt {float:none; display:table-cell; vertical-align: middle; padding-left:20px;}
    .s0301.tabcon02 .welfare .inner .info.right {text-align: left;}
    .s0301.tabcon02 .welfare .inner .info {position: relative; left:auto; right:auto; top:auto; bottom:auto; display:table; min-height:auto;padding-bottom:15px; margin-bottom:15px;}
    .s0301.tabcon02 .welfare .inner .info.info1 p{text-align:left;}
    .s0301.tabcon02 .welfare .inner .info.info1,
    .s0301.tabcon02 .welfare .inner .info.info2,
    .s0301.tabcon02 .welfare .inner .info.info3,
    .s0301.tabcon02 .welfare .inner .info.info4,
    .s0301.tabcon02 .welfare .inner .info.info5,
    .s0301.tabcon02 .welfare .inner .info.info6,
    .s0301.tabcon02 .welfare .inner .info.info7,
    .s0301.tabcon02 .welfare .inner .info.info8,
    .s0301.tabcon02 .welfare .inner .info.info9 {position: relative; left:auto; right:auto; top:auto; bottom:auto;}
    .s0301.tabcon02 .welfare .inner .info .ir {display:block; width:80px; height:80px; background:url(/images/eng/sub03/sub0301_01_ir.png); background-size: cover;}
    .s0301.tabcon02 .welfare .inner .info.info1 em {background-position: 0 0;}
    .s0301.tabcon02 .welfare .inner .info.info2 em {background-position: -88px 0;}
    .s0301.tabcon02 .welfare .inner .info.info3 em {background-position: -176px 0;}
    .s0301.tabcon02 .welfare .inner .info.info4 em {background-position: -264px 0;}
    .s0301.tabcon02 .welfare .inner .info.info5 em {background-position: -352px 0;}
    .s0301.tabcon02 .welfare .inner .info.info6 em {background-position: -440px 0;}
    .s0301.tabcon02 .welfare .inner .info.info7 em {background-position: -527px 0;}
    .s0301.tabcon02 .welfare .inner .info.info8 em {background-position: -615px 0;}
    .s0301.tabcon02 .welfare .inner .info.info9 em {background-position: -704px 0;}
    .s0301.tabcon02 .welfare .inner .info6 .txt,
    .s0301.tabcon02 .welfare .inner .info5 .txt {float:none; width:100%; text-align: left;}
    .s0301.tabcon02 .welfare .inner .center.mb img {display:block; margin:0 auto;}
}
@media(max-width:800px){
    .s0301.tabcon02 .intro_box .tit02 b {display:block;}
    .s0301.tabcon02 .intro_box .tit02:before,
    .s0301.tabcon02 .intro_box .tit02:after {height:100px;}
}
@media(max-width:767px){
    .s0301.tabcon02 .intro_box .tit02 {line-height: 1.2;}
    .s0301.tabcon02 .ui-list__column .inner .item {min-height:auto;padding:30px;text-align: center;}
    .s0301.tabcon02 .ui-list__column .inner .item h4,
    .s0301.tabcon02 .ui-list__column .inner .item p,
    .s0301.tabcon02 .ui-list__column .inner .item ul {text-align: left;}
    .s0301.tabcon02 .ui-list__column .hex {position: relative; left:auto; margin:0 auto; display:inline-block; width:130px; height:150px;}
    .s0301.tabcon02 .career .ui-list__column .inner .item {min-height: auto; padding: 30px; text-align: center;}
}
@media(max-width:740px){
    .tt_box {padding:30px;}
    .tt_box::before {background: #2378cf;}
    .tt_box .inner .txtwrap::before,
    .tt_box .inner .txtwrap::after {display:none;}
    .tt_box .inner .main_title {padding:50px 0 15px;}
    .tt_box .inner .btn {margin-bottom:50px;}
    .tt_box .inner .txtwrap {padding:30px;}
    .s0301.tabcon02 .welfare:before {width: 200px; background-size:contain; background-repeat: no-repeat;}
}
@media(max-width:400px){
    .s0301.tabcon02 .welfare .inner .info.info1,
    .s0301.tabcon02 .welfare .inner .info {float:none; width:100%; margin-bottom:30px; padding-bottom:30px;}
    .s0301.tabcon02 .welfare .inner .info em {position: static; margin:0 auto 5px;}
    .s0301.tabcon02 .welfare .inner .info .txt ,
    .s0301.tabcon02 .welfare .inner .info.info1 p {display:inline-block; text-align: center; padding:0;}

}
/* sub0301.01 의약화학및약리생물학 End */

/* sub0301.02 화학소재 및 공정 */
.s0301.tabcon03 .welfare .inner .center .mb span {display: none;}
.s0301.tabcon03 .tt_box::before {height:476px;background:#058a96 url(/images/eng/sub03/sub0301_02_bg.png)no-repeat 100%; background-size:100% 100%;}
.s0301.tabcon03 .tt_box .inner .txtwrap::before {top:-145px; width:200px; height:200px;background: url(/images/eng/sub03/sub0301_02_topbg01.png) no-repeat; background-size: contain;}
.s0301.tabcon03 .tt_box .inner .txtwrap::after {top:-145px; width:200px; height:200px;background: url(/images/eng/sub03/sub0301_02_topbg02.png) no-repeat; background-size: contain;}
.s0301.tabcon03 .tt_box .inner .btn {margin-bottom:65px;}
.s0301.tabcon03 .intro_box .tit02:before{left:10%;}
.s0301.tabcon03 .intro_box .tit02:after{right:10%;}
.s0301.tabcon03 .intro_box .tit01 b {font-family: 'score-dream-bold;';}
.s0301.tabcon03 .welfare {position: relative; border:0;}
.s0301.tabcon03 .welfare:before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 349px; height: 67px; background: url(/images/eng/sub03/sub0301_arrow.png);}
.s0301.tabcon03 .welfare .inner {margin:50px 0; padding:110px 0; border-bottom: 1px solid #ddd;}
.s0301.tabcon03 .welfare .inner .info .txt{padding:0 20px; margin: 0; overflow: hidden; display: block; line-height: 1.4;}
.s0301.tabcon03 .welfare .inner.col6 .info1.right,
.s0301.tabcon03 .welfare .inner.col6 .info2.left {top:150px;}
.s0301.tabcon03 .welfare .inner.col6 .info1.right {right:calc(50% + 150px);}
.s0301.tabcon03 .welfare .inner.col6 .info2.left {left:calc(50% + 150px);}
.s0301.tabcon03 .welfare .inner .info.info1::after {right:-30px; bottom:-48px;top: auto;}
.s0301.tabcon03 .welfare .inner .info.info2::after {left:-30px; bottom:-48px; top: auto;}

.s0301.tabcon03 .welfare .inner.col6 .info3.right,
.s0301.tabcon03 .welfare .inner.col6 .info4.left {top:363.5px;}
.s0301.tabcon03 .welfare .inner.col6 .info3.right {right:calc(50% + 240px);}
.s0301.tabcon03 .welfare .inner.col6 .info4.left {left:calc(50% + 240px);}
.s0301.tabcon03 .welfare .inner .info.info3::after {right:-69px; top:40.5px;}
.s0301.tabcon03 .welfare .inner .info.info4::after {left:-69px; top:40.5px;}

.s0301.tabcon03 .welfare .inner.col6 .info5.right,
.s0301.tabcon03 .welfare .inner.col6 .info6.left {top:573.5px;}
.s0301.tabcon03 .welfare .inner.col6 .info5.right {right:calc(50% + 150px);}
.s0301.tabcon03 .welfare .inner.col6 .info6.left {left:calc(50% + 150px);}
.s0301.tabcon03 .welfare .inner .info.info5::after {right:-30px; top:80.5px;}
.s0301.tabcon03 .welfare .inner .info.info6::after {left:-30px; top:80.5px;}
.s0301.tabcon03 .welfare .inner .info.info5::after {position: absolute; width: 9px; height: 9px; right: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
.s0301.tabcon03 .welfare .inner .info.info6::after {position: absolute; width: 9px; height: 9px; left: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}

.s0301.tabcon03 .welfare .inner .info.info2:after,
.s0301.tabcon03 .welfare .inner .info.info4:after,
.s0301.tabcon03 .welfare .inner .info.info6:after {background:#1b765e;}

.s0301.tabcon03 .welfare .inner .center {width:597px; height:606px; background:url(/images/eng/sub03/sub0301_02_circle.png)no-repeat; border:0;}
.s0301.tabcon03 .welfare .inner .center:before{width: 220px; height: 220px; background: url(/images/eng/sub03/sub0301_02_img01.png) no-repeat; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: 4px;}


.s0301.tabcon03 .ui-list__column {margin: 0 -12px; margin-top: 20px;}
.s0301.tabcon03 .ui-list__column .inner {float:left; margin: 0 10px 30px;border:1px solid #e4e4e4;background: #fff; min-height: 237px;}
.s0301.tabcon03 .ui-list__column .inner .item {position: relative; padding: 40px 80px 40px 240px; border:none;text-align: left;}
.s0301.tabcon03 .ui-list__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.s0301.tabcon03 .ui-list__column .inner .ui-summary p{padding-left:15px; color:#6e7179;font-size:15px;}
.s0301.tabcon03 .ui-list__column .inner .circle{width:80px;height:80px;background-color: #f3f3f3;margin-bottom:15px;position: relative;}
.s0301.tabcon03 .ui-list__column .inner .circle.circle-sm{width:55px;height:55px;}
.s0301.tabcon03 .ui-list__column.type02 .circle .ir-icon__line{top: 12.5px;left: 12.5px;}
.s0301.tabcon03 .ui-list__column .hex {display: block; position: absolute; left: 50px; margin: 0 auto 15px; width: 141px; height: 158px;background: url(/images/eng/sub02/shape.png)no-repeat; background-size: contain;}
.s0301.tabcon03 .ui-list__column .hex .ir-icon__ct {left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: auto;}

@media(max-width:1240px){
    .s0301.tabcon03 .intro_box .tit02:before {left:0;}
    .s0301.tabcon03 .intro_box .tit02:after {right:0;}
}
@media(max-width:1500px){
    .s0301.tabcon03 .welfare .inner .center {width:400px; height: 400px; background-size:contain;}

    .s0301.tabcon03 .welfare .inner .info .img_box{width:80px;}

    .s0301.tabcon03 .welfare .inner.col6 .info1.right,
    .s0301.tabcon03 .welfare .inner.col6 .info2.left {top: 117px;}
    .s0301.tabcon03 .welfare .inner.col6 .info1.right {right: calc(50% + 105px);}
    .s0301.tabcon03 .welfare .inner.col6 .info2.left {left:calc(50% + 105px);}
    .s0301.tabcon03 .welfare .inner .info.info1::after {right:-30px; bottom:-30px; top: auto;}
    .s0301.tabcon03 .welfare .inner .info.info2::after {left:-30px; bottom:-30px; top: auto;}

    .s0301.tabcon03 .welfare .inner.col6 .info3.right,
    .s0301.tabcon03 .welfare .inner.col6 .info4.left {top: 267.5px;}
    .s0301.tabcon03 .welfare .inner.col6 .info3.right {right: calc(50% + 150px);}
    .s0301.tabcon03 .welfare .inner.col6 .info4.left {left:calc(50% + 150px);}
    .s0301.tabcon03 .welfare .inner .info.info3::after {right:-40px; top:40.5px;}
    .s0301.tabcon03 .welfare .inner .info.info4::after {left:-40px; top:40.5px;}

    .s0301.tabcon03 .welfare .inner.col6 .info5.right,
    .s0301.tabcon03 .welfare .inner.col6 .info6.left {top: 431.5px;}
    .s0301.tabcon03 .welfare .inner.col6 .info5.right {right: calc(50% + 100px);}
    .s0301.tabcon03 .welfare .inner.col6 .info6.left {left:calc(50% + 100px);}
    .s0301.tabcon03 .welfare .inner .info.info5::after {right:-30px; top:80.5px;}
    .s0301.tabcon03 .welfare .inner .info.info6::after {left:-30px; top:80.5px;}
    .s0301.tabcon03 .welfare .inner .info.info5::after {position: absolute; width: 9px; height: 9px; right: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
    .s0301.tabcon03 .welfare .inner .info.info6::after {position: absolute; width: 9px; height: 9px; left: -30px;top: -38px; background: #0868ab; border: 5px solid #fff; border-radius: 50%; content:"";}
    .s0301.tabcon03 .welfare .inner .info .txt {padding:0;}
    .s0301.tabcon03 .welfare .inner .info .txt br {display:none;}
}
@media(max-width:1024px){
    .s0301.tabcon03 .intro_box .tit02 br {display:none;}    
}
@media(max-width:1000px){
    .s0301.tabcon03 .intro_box .tit02 b {display: inline;}
}
@media(max-width:960px){
    .s0301.tabcon03 .intro_box .tit02 br {display:none;}
    .s0301.tabcon03 .tt_box::before {background:#058a96;}
    .s0301.tabcon03 .welfare .inner.col6 .info:after {display:none;}
    .s0301.tabcon03 .welfare .inner .center {background:none; height:335px; margin:10px auto;}
    .s0301.tabcon03 .welfare .inner .center:before {position: static; transform: none; display:block;width:100%; height:278px; background-size:auto; background-position: center top;}
    .s0301.tabcon03 .ui-list__column .inner .item {min-height: auto; padding: 30px; text-align: center;}
    .s0301.tabcon03 .ui-list__column .inner .item {min-height:auto;padding:30px;text-align: center;}
    .s0301.tabcon03 .ui-list__column .inner .item h4,
    .s0301.tabcon03 .ui-list__column .inner .item p,
    .s0301.tabcon03 .ui-list__column .inner .item ul {text-align: left;}
    .s0301.tabcon03 .ui-list__column .hex {position: relative; left:auto; width:130px; height:150px; margin:0 auto; display:inline-block;}
    .s0301.tabcon03 .welfare .inner .info .txt {padding:0 0 0 45px;}
    .s0301.tabcon03 .welfare .inner .center:before {display:none;}
    .s0301.tabcon03 .right-box {position: relative; display:inline-block; width:100%; padding:20px 40px; margin-top:170px; background:#edf3f7;}
    .s0301.tabcon03 .right-box:before{content:""; position: absolute; left:50%; top:-119px; transform: translateX(-50%); width:239px; height:119px; background:url(/images/eng/sub03/m_s0301_img01.png)no-repeat center;}
    .s0301.tabcon03 .left-box {position: relative; display:inline-block; width:100%; padding:40px; margin-top:50px; background:#edf5f3;}
    .s0301.tabcon03 .left-box:before{content:""; position: absolute; left:50%; top:-116px; transform: translateX(-50%); width:239px; height:119px; background:url(//images/eng/sub03/m_s0301_img02.png)no-repeat center; z-index:-1;}
    .s0301.tabcon03 .welfare .inner .info {width:100%; padding:20px 0; margin:0;}
    .s0301.tabcon03 .welfare .inner .info .img_box {display:table-cell;}
    .s0301.tabcon03 .welfare .inner .info + .info {border-top:1px solid #d8d8d8;}
    .s0301.tabcon03 .welfare .inner .center {display:none;}
}
@media(max-width:460px){
    .s0301.tabcon03 .welfare .inner .info .img_box {display: block; margin: 0 auto 10px;}
    .s0301.tabcon03 .welfare .inner .info .txt {display: block; width: 100%; padding: 0;}
}
@media(max-width:400px){
    .s0301.tabcon03 .welfare .inner .center:before {height: 250px;  background-size: contain;}
    .s0301.tabcon03 .mb img {display:block;}
    .s0301.tabcon03 .welfare .inner .center .mb span {display:block; width:100%; margin-bottom:5px; padding:10px 5px; font-size:18px; color:#fff; font-family: 'score-dream-bold';}
    .s0301.tabcon03 .mb .fir {background:#345bab;}
    .s0301.tabcon03 .mb .sc {background:#089791;}
    .s0301.tabcon03 .welfare .inner .center:before {display:none;}
}

/* sub0301.02화학소재 및 공정 End */

/*아이콘*/
.s0301 .ir-icon__sc {position: absolute;width: 60px;height: 60px;background-image: url(/images/eng/sub03/school_ir.png);top: 20.5px;left: 20px;}
.s0301 .ir-icon__sc.icon1{background-position:0 0;}
.s0301 .ir-icon__sc.icon2{background-position:-60px 0;}
.s0301 .ir-icon__sc.icon3{background-position:-120px 0;}
.s0301 .ir-icon__sc.icon4{background-position:-180px 0;}
.s0301 .ir-icon__sc.icon5{background-position:-240px 0;}
/*아이콘*/

/* 아이콘*/
.s0301 .icolistbox .shape{position: absolute;width: 140px;height: 157px;border-radius: 5px;background: url(/images/eng/sub02/shape.png)no-repeat; left: 59px;top: 50%;transform: translateY(-50%);}


.intro_box{display: block;position:relative;margin-top: 60px;padding:0 60px;text-align: center;font-size: 24px;color: #033a72;line-height: 1.4;}
.intro_box .tit02:before{content: "";display: block;position: absolute; width: 17px;height: 124px;background: url(/images/eng/sub03/intro_line1.png)no-repeat;left: 15%;top: 25px;}
.intro_box .tit02:after{content: "";display: block;position: absolute; width: 17px;height: 124px;background: url(/images/eng/sub03/intro_line2.png)no-repeat;right: 15%;top: 25px;}
.intro_box .tit01{
    font-size: 16px;color:#089791;}
.intro_box .tit02{margin-top: 18px;font-size: 27px;color: #033a72;line-height: 30px;font-family: 'score-dream'; padding: 0 15%;}
.intro_box .tit02 b{margin-top: 18px;font-size: 27px;color:#033a72;line-height: 30px;font-family: 'score-dream-bold';}
.intro_box .tit02 span{display: block;line-height: 1.4;}
.intro_box .tit03{margin-top: 18px;}
.intro_box .tit03 span{display: block;line-height: 1.4;}

.system_box {margin-top: 60px;}
.system_box .system_box_head{position: relative; width: 273px;margin: 0 auto;padding: 14px; border: 1px dotted #c6c6c6; border-radius: 40px;}
.system_box .system_box_head span{display: block; padding: 11px 10px;border-radius: 30px;background: #033a72;font-family: 'nsr';font-size: 20px;font-weight: bold;color: #ffffff;text-align: center;}
.system_box .system_box_head::before{content: "";display: block;position: absolute; width: 206px;height: 102px;background: url(/images/school/sub02/system_box_bg.png)no-repeat;left: 164px;top: -34px;z-index: -1;}
.system_box .system_box_head::after{content: "";display: block;position: absolute; width: 8px; height: 8px;background: #0868ab; border-radius: 3px; left: 50%; bottom: -4px;}
.system_box .system_box_body{margin-top: 60px;border: 1px solid #dadada;border-radius: 9px;}
.system_box .system_box_body::before{content: "";display: block;position: absolute;width: 1px; height: 58px; background: #dadada;left: 50%;margin-top: -58px;margin-left: 3px;}

.system_list {position: relative;overflow: hidden; padding: 49px 0;}
.system_list li{width:20%;float: left;min-height: 240px;padding: 10px;text-align: center;}
.system_list li::before{content: ""; display: block; position: absolute;width: 1px;height: 220px; margin-left: -10px;border-left: 1px solid #dadada;}
.system_list li:nth-child(1):before{display:none;}
.system_list .txt01{font-size: 20px;font-weight: bold;font-family: 'nsr';color: #3a3a3a;}
.system_list .txt02{display: block;font-family: 'nsr';font-size: 15px;color: #6e7179;}
.system_list .circle{width: 101px;height: 101px;margin:0 auto 25px}
.system_list .circle.color01{background:#089791;}
.system_list .circle.color02{background:#0495aa;}
.system_list .circle.color03{background:#1385ba;}
.system_list .circle.color04{background:#0868ab;}
.system_list .circle.color05{background:#345bab;}

@media (max-width:1300px) {
    .system_list li{width: 33.33%}
    .system_list li:nth-child(4):before{display:none;}
}
@media (max-width:930px) {
    .intro_box .tit02:before{left: 5%;}
    .intro_box .tit02:after{right: 5%;}
    .system_list li{width: 50%;}
    .system_list li:nth-child(2n+1):before{display:none;}
    .system_list li:nth-child(2n):before{display:block;}
}
@media (max-width:767px) {
    .intro_box {padding: 0 20px;}
    .intro_box .tit02,
    .intro_box .tit02 b{font-size: 24px;line-height: 1.4; padding: 0;}
    .intro_box .tit02:before,
    .intro_box .tit02:after{display: none;}
    .intro_box .tit03 span{display:inline;}
    .system_list{padding: 10px 30px;}
    .system_list li{width: 100%;min-height:auto;padding: 30px 10px;border-bottom: 1px solid #ddd;}
    .system_list li:nth-child(n):before{display:none;}
    .system_list li:last-child{border-bottom:none;}
    .system_box .system_box_head::before{display:none;}
}
@media (max-width:500px) {
    .intro_box .tit02,
    .intro_box .tit02 b{font-size: 20px;}
}

/* 020301 */

@media (min-width:901px) {
    .s020301 .org_wrap .level1 {max-width: 1040px;}
    .s020301 .sub_org.org_wrap .level3 .group3 > li {width: calc(25% - 23px);}
    .s020301 .sub_org.org_wrap .level3 .group3 > li > a {width: 237px; min-height: 90px;}
    .s020301 .sub_org.org_wrap .level3 .group4 li {width: 237px;}
    .s020301 .sub_org.org_wrap .level3 .group3 li.team {margin-top: 110px;}
    .s020301 .sub_org.org_wrap .level3 .group3:before {width: 77%; left: 11.5%;}
    .s020301 .sub_org.org_wrap .level3 .group3 li.team:before {top: -142px; height: 142px;}
    .s020301 .sub_org.org_wrap .level3 .group3 li.team li:before{display: block; left: 50%; top: -32px; width: 1px; height: 32px; margin-top: 0;}
}
@media (max-width:1340px) and (min-width:901px) {
    .s020301 .sub_org.org_wrap .level3 .group3 > li > a, .s020301 .sub_org.org_wrap .level3 .group4 li {width: 100%;}
    .s020301 .sub_org.org_wrap .level3 .group3:before {width: 71%;}
}

@media(max-width:890px){
    .s020301 .sub_org.org_wrap .level3 .group3 li.team li:before{display: block; left: 50%; top: -32px; width: 1px; height: 32px; margin-top: 0;}
}

/*감염명기술전략센터 영문*/
.s020305 .procedure {padding: 0 20px; background-color: #F0F2F5;}
.s020305 .procedure .ui-process.type2 {width: 100%; max-width: 600px; margin: 0 auto; padding-top: 50px;}
.s020305 .procedure .ui-process.type2>li {width: 100% !important; margin-left: 0 !important; margin-bottom: 50px; background-color: #fff;}
.s020305 .procedure .ui-process.type2>li:nth-child(1) {margin-left: 0 !important;}
.s020305 .procedure .ui-process.type2>li .inner:before,	
.s020305 .procedure .ui-process.type2>li:nth-child(4) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(5) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(6) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(7) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(8) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(9) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(10) .inner:before, 
.s020305 .procedure .ui-process.type2>li:nth-child(11) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(12) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(13) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(14) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(15) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(17) .inner:before,
.s020305 .procedure .ui-process.type2>li:nth-child(18) .inner:before{display:block;bottom: -31px !important;top: auto !important;right: auto !important;left: 48.5% !important;transform: rotate(270deg) !important;margin-left: -9px;}
.s020305 .procedure .ui-process.type2.step5>li:nth-child(16) .inner:after {display: none;}
.s020305 .procedure .ui-process.type2>li:last-child .inner:before {display: none !important;}
.s020305 .procedure .ui-process.type2>li .inner {min-height: auto;}

.s020305 .procedure .ui-process.type2>li .inner .color01 {color: #0075b9;}
.s020305 .procedure .ui-process.type2>li .inner .color02 {color: #069edb;}
.s020305 .procedure .ui-process.type2>li .inner .color03 {color: #089892;}

.s020305 .number-list{display: inline-block; max-width: 450px; overflow:hidden; text-align: left;}
.s020305 .number-list.col2{margin-left:-20px;}
.s020305 .number-list>li{position:relative;padding-left:22px;font-size:15px;color:#444;letter-spacing:-0.025em;}
.s020305 .number-list>li+li{margin-top:3px;}
.s020305 .number-list>li span{display:block;position:absolute;left:0;top:4px;width:18px;height:18px;background:#089892;border-radius:50%;color:#fff;font-size:12px;font-weight:400;line-height:18px;text-align:center;}
.s020305 .number-list.col2>li{float:left;width: calc(50% - 23px);margin-left:20px;}
.s020305 .number-list.col2::after {content: ""; display: block; clear: both;}

@media(max-width:767px){
	.s020305 .number-list.col2{margin-left:0;}
	.s020305 .number-list.col2>li{float:none;margin-left:0;width:100%;}
}

/*조직도 20230613*/
.org_wrap .directorate > span{position: relative;display: block;width: 100%;height: 100%;text-align: center;line-height: 148px;font-size: 20px;}
.org_wrap .directorate > a > span{width: 107px;}
.org_wrap .level3 .group1 > .directorate a .link{top:50px;}
.org_wrap .level3::after{display:none;}
.org_wrap .level3::before{display:none;}
.org_wrap .group2_wrap:before{height:744px;}
.org_wrap .group6 li {float:left; width:100%;}
.org_wrap .group6 li a {position: relative; float:left; width:50%; min-height:47px;  text-align: center; font-size:14px;}
.org_wrap .group6 li a span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; padding:0 30px 0 15px; line-height:1.2; text-align: left;}
.org_wrap .group6_f li {float:left;width:100%;}
.org_wrap .group6_f li a {position: relative; float:left; width:50%; min-height:47px;  text-align: center; font-size:14px;}
.org_wrap .group6_f li span{padding:0 30px 0 15px; display: block; width: 100%;}
.org_wrap .group6_f li a span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; padding:0 30px 0 15px; line-height:1.2; text-align: left;}
.org_wrap .group6_f li:before {content:""; position: absolute; left:-72.5px; margin-top: 23.5px; width:72.5px; height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .group6 li:before {content:""; position: absolute; left:-72.5px; margin-top: 23.5px; width:124.5px; height:1px; background:#d4d4d4; z-index:-1;}
.org_wrap .group6_f .group4 li + li{margin-top:10px;}
.org_wrap .level1:before{height:1200px;}
.org_wrap .level2 .group3_od{float:none;margin-top: 60px;}
.org_wrap .level2 .group3_od:before{content: "";position:absolute;display:block;left: 18.5px;width: 1px;height: 93px;background: #d4d4d4;top: 47px;}
.org_wrap .level2 .group3_od li:before {width: 30px; left:-30px;}
.org_wrap .level3 .group3_od:before{height: 205px;}
.org_wrap .level3::before{height: calc(100% - 577px);bottom: 605px;}
.org_wrap .level3 .group2_wrap:before {height: calc(100% - 280px);}
.org_wrap .level3 .group4 .line:before{height: calc(100% - 48px);}
.org_wrap .level3 .last_group2:before{width: calc(100% + 71px);left: 1px;}
.org_wrap .level3 .last_group3.group3:before {height: calc(100% - 210px);top: -40px;}
.org_wrap .group2_od > li:before{display:none;}
.org_wrap .group2_od > li:first-child:after{display:none;}
.org_wrap .level3{width:100%;}
.org_wrap .level3 .group2_wrap{width:70%;margin-left: 80px;}

@media(max-width:1200px){
    .org_wrap .level3 .last_group2:before{width: calc(100% + 40px);}
}

@media(max-width:890px){
    .org_wrap .level1:before{height:1189px}
    .org_wrap .level2 .group3_od{margin-top:0;}
    .org_wrap .level3 .group3:before{height: calc(100% - 13px);}
    .org_wrap .group2 li.left_before:nth-child(2):before{display:block;width: 59px;height:1px;background: #d4d4d4;left: -48px;}
    .org_wrap .level3 .group2:nth-child(4) .group3:before{height: calc(100% - -50px);}
    .org_wrap .group2 li.left_before:before{left:-48px;}
    .org_wrap .level3 .group2_wrap:before{height: calc(100% - 357px);}
    .org_wrap .level3 .last_group2:before{width: calc(100% + 16px);}
    .org_wrap .level3::before{height: calc(100% - 744px);bottom: 772px;}
    .org_wrap .level3 .last_group3.group3:before {height: calc(100% - 299px);top: -40px;}
    .org_wrap .group6_f li:before{width:100px;left: -83px;}
    .org_wrap .level1:before{height:100%;}
    .org_wrap .level3 .group3 > li:last-child:after{left: 26px;top: -18px;height: 294px;}
    .org_wrap .level3 .group3.left .line:before{display:none;}
    .org_wrap .level3 .group3 > li:before{width:30px; left:25px;}
    .org_wrap .level3 .group2:nth-child(5) .group4 li:not(:first-child):before, .org_wrap .level3 .group2:nth-child(6) .group4 li:not(:first-child):before{left: -24px;}
    .org_wrap .level3 .group6_f .group3 > li:last-child:after{height: 377px;top: -11px;}
    .org_wrap .level3 .group2 .group3 > li:last-child:after{height:415px; content:''; display:block; width:1px; display: none;}
    .org_wrap .group2 li:before{width:100px;}
    .org_wrap .group2_wrap:before{height:1010px}
    .org_wrap .level3 .group2_wrap{margin-left:150px;width: calc(100% - 150px);}
    .org_wrap .level2 .group3_od:before {height: 97px;}
    .org_wrap .group6_f li a{width: 100%;}
    .org_wrap .level3 .group2 > li:before{left: -83px;}
}
@media(max-width:580px){
    .org_wrap .level1:before{height:1102px}
    .org_wrap .level2 .group3_od:before{left:0px}
    .org_wrap .level2 .group3_od li:before{left:-18px;}
    .org_wrap .directorate > span{font-size:16px; line-height:120px;}
    .org_wrap .level3 .group2_wrap{margin-left:135px;}
}

@media(max-width:420px){
    .sub01_05 .org_wrap .level1:before{height:1045px;}
    .org_wrap .level3 .group2_wrap{margin-left: 0px;width: 100%;}
    .org_wrap .level3 .group2_wrap:before{display:none;}
    .org_wrap .level3 .group2:nth-child(6) > li:first-child:before, .org_wrap .group2 > li:first-child:before{display:none;}
    .org_wrap .group6_f li:before{width:20px;}
}

/* 하위조직도  추가 */
/* col3 기준 */
.sub_org.org_wrap {overflow: hidden;margin-top: 50px; border: 1px solid #ddd;padding: 0 4%;}
.sub_org.org_wrap .level1 {margin: 60px auto;}
.sub_org.org_wrap .level1:before {left: 50%; height: 63px;top: 148px;}
.sub_org.org_wrap .level3 {display: block; }

.sub_org.org_wrap .level1 > li .directorate {display: table; float: none; margin: 0 auto; background-repeat: no-repeat;}
.sub_org.org_wrap .level3 .group1 > .directorate span {text-indent: 0;line-height: 1.3; display: table-cell; vertical-align: middle;}
.sub_org.org_wrap .group2_wrap {float: none; width: 100%; margin-left: 0; margin-top: 32px;}
.sub_org.org_wrap .level3 .group2:first-child .group3 {padding-top: 32px;}
.sub_org.org_wrap .level3 .group3 li {width: calc(33.33% - 20px);}
.sub_org.org_wrap .level3 .group3 li a {margin-left: 0; font-size: 15px;}
.sub_org.org_wrap .level3 .group3 > li > a { width: 270px; margin-bottom: 25px; min-height: 71px; font-size: 16px; font-weight: 600;}
.sub_org.org_wrap .level3 .group3 > li .line_mid > a { width: 270px; margin-bottom: 25px; min-height: 71px; font-size: 16px; font-weight: 600;}
.sub_org.org_wrap .group2 li a {min-height: 56px;}
.sub_org.org_wrap .group2 li + li {margin-top: 0; margin-left: 30px;}
.sub_org.org_wrap .level3 .group4 { float: none; margin-left: 0; width: 100%;}
.sub_org.org_wrap .level3 .group4 li {width: 268px; margin-bottom: 15px; min-height: 56px; margin-left: 0;}
.sub_org.org_wrap .group2 li a span > small {display: block; margin-top: 10px; font-weight: normal;}
.sub_org.org_wrap .level3 .group3 li.team {margin-top: 96px;}

.sub_org.org_wrap .group2 li:before {display: none;}
.sub_org.org_wrap .level3::before {display: none;}
.sub_org.org_wrap .group2_wrap:before {display: none;}
.sub_org.org_wrap .level3 .group3:before {left: 15.5%;top: 0; width: 69.2%; height: 1px !important;}
.sub_org.org_wrap .level3 .group3 li:before { display: block; left: 50%; top: -32px; width: 1px; height: 32px; margin-top: 0;}
.sub_org.org_wrap .level3::after {display: none;}
.sub_org.org_wrap .level3 .group3 li.team:before {top: -130px;height: 130px;}
.sub_org.org_wrap .level3 .group3 li.team li:before {display: none;}
.sub_org.org_wrap .level3 .line:before {display: none;}

/* col2 */
.sub_org.org_wrap .col2.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col2 .level3 .group3 li {width: 50%;}
.sub_org.org_wrap .col2 .group2 li + li {margin-left: 0;}
.sub_org.org_wrap .col2 .level3 .group3 li .line_mid { overflow: hidden;width: 270px; margin: 0 auto;}
.sub_org.org_wrap .col2 .level3 .group4 li {width: 268px;}
.sub_org.org_wrap .col2 .level3 .group3:before {left: 25%;width: 50%;}

/* col3 */
.sub_org.org_wrap .col3.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col3 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col3 .level3 .group4 li {width: 32.8%;}
.sub_org.org_wrap .col3 .group2 li + li {margin-left: 0;}
.sub_org.org_wrap .col3 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col3.level3 .group3 li .line_mid { overflow: hidden;width: 270px; margin: 0 auto;}
.sub_org.org_wrap .col3 .level3 .group3:before {left: 16.3%;width: 67.5%;}

/* col4 */
.sub_org.org_wrap .col4.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col4 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col4 .level3 .group4 li {width: 24.4%;}
.sub_org.org_wrap .col4 .level3 .group3 li + li {margin-left: 0;}
.sub_org.org_wrap .col4 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col4 .level3 .group3:before {left: 12.2%; width: 75.6%;}
.sub_org.org_wrap .col4 .level3 .group3 > li:before {display: none;}

/* col5 */
.sub_org.org_wrap .col5.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col5 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col5 .level3 .group4 li {width: 19.3%;}
.sub_org.org_wrap .col5 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col5 .level3 .group3:before {left: 9.7%; width: 80.5%;}
.sub_org.org_wrap .col5 .level3 .group3 > li:before {display: none;}


/* col6 */
.sub_org.org_wrap .col6.level1 {width: 100%;max-width:100%;}
.sub_org.org_wrap .col6 .level3 .group3 li {width: 100%;}
.sub_org.org_wrap .col6 .level3 .group4 li {width: 16%;}
.sub_org.org_wrap .col6 .level3 .group3 li + li {margin-left: 0;}
.sub_org.org_wrap .col6 .level3 .group4 li + li {margin-left: 0.8%;}
.sub_org.org_wrap .col6 .level3 .group3:before {left: 8%; width: 84%;}
.sub_org.org_wrap .col6 .level3 .group3 > li:before {display: none;}

@media (max-width: 1430px){
    /* col6 */
    .sub_org.org_wrap .col6 .group2 li a span {font-size: 14px;}
}
@media (max-width: 1370px){
    /* col6 */
    .sub_org.org_wrap .col6 .group2 li a {min-height: 65px;}
}
@media (max-width: 1340px){
    .sub_org.org_wrap .level1 {width: 100%;}
    .sub_org.org_wrap .level3 .group3 > li > a {width: 100%;}
    .sub_org.org_wrap .level3 .group3 li {width:32.33%}
    .sub_org.org_wrap .level3 .group4 li {width: 100%;}
    .sub_org.org_wrap .group2 li + li {margin-left: 1.5%;}
    .sub_org.org_wrap .level3 .group3:before {left: 16.1%; width: 67.8%;}

    /* col4 */
    .sub_org.org_wrap .col4 .level3 .group3:before {left: 12.2%; width: 75.6%;}

    /* col6 */    
    .sub_org.org_wrap .col6 .level3 .group3:before {left: 8%; width: 84%;}
}
@media (max-width: 1200px){
    .sub_org.org_wrap .level1 {max-width: 873px; padding: 0;}
}
@media (max-width: 900px){
    .sub_org.org_wrap .level1:before {display: none;}
    .sub_org.org_wrap .group2_wrap {margin-top: 18px;}
    .sub_org.org_wrap .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .group2 li + li {margin-left: 0;}
    .sub_org.org_wrap .level3 .group3:before {display: none;}
    .sub_org.org_wrap .level3 .group3 li.team {margin-top: 0;}
    .sub_org.org_wrap .level3 .group3 li:before {top: -50px;height: 50px;}
    .sub_org.org_wrap .level3 .group3 > li > a {margin-bottom: 5px;}
    .sub_org.org_wrap .level3 .group3 li {margin-bottom: 5px;}
    .sub_org.org_wrap .group3>li {margin-bottom: 30px !important;}
    .sub_org.org_wrap  .group2 li a span br {display: none;}

    /* col2 */
    .sub_org.org_wrap .col2.level1:before {display: block;}
    .sub_org.org_wrap .col2 .level3 .group3:before {display: block;}
    .sub_org.org_wrap .col2 .group2_wrap {margin-top: 32px;}

     /* col3 */
     .sub_org.org_wrap .col3.level1:before {display: block;}
     .sub_org.org_wrap .col3 .level3 .group3:before {display: block;}
     .sub_org.org_wrap .col3 .group2_wrap {margin-top: 32px;}

    /* col4 */
    .sub_org.org_wrap .col4 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col4 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col4 .level3 .group4 li + li {margin-left: 0;}
    .sub_org.org_wrap .col4 .group2 li a {min-height: 56px;}

    /* col5 */
    .sub_org.org_wrap .col5 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col5 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col5 .level3 .group4 li + li {margin-left: 0;}
    .sub_org.org_wrap .col5 .group2 li a {min-height: 56px;}

    /* col6 */
    .sub_org.org_wrap .col6 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col6 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col6 .level3 .group4 li + li {margin-left: 0;}
    .sub_org.org_wrap .col6 .group2 li a span {font-size: 15px;}
}
@media (max-width: 890px){
    .sub_org.org_wrap .col2 .group2 li {float: left;}

    /* col2 */
    .sub_org.org_wrap .col2 .level3 .group2:first-child .group3 {overflow: hidden;}
    .sub_org.org_wrap .col2 .level3 .group3 > li .line_mid > a {margin-bottom: 10px;}

    /* col3 */
    .sub_org.org_wrap .col3 .level3 .group2:first-child .group3 {overflow: hidden;}
    .sub_org.org_wrap .col3 .level3 .group3 > li .line_mid > a {margin-bottom: 10px;}

}
@media (max-width: 767px){
    /* col2 */    
    .sub_org.org_wrap .col2 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col2.level1:before {display: none;}
    .sub_org.org_wrap .col2 .level3 .group3:before {display: none;}
    .sub_org.org_wrap .col2 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col2 .level3 .group3 > li .line_mid > a {width: 100%; margin-bottom: 5px;}
    .sub_org.org_wrap .col2 .level3 .group3 li .line_mid {width: 100%;}

    /* col3 */    
    .sub_org.org_wrap .col3 .level3 .group3 li {width: 100%;}
    .sub_org.org_wrap .col3.level1:before {display: none;}
    .sub_org.org_wrap .col3 .level3 .group3:before {display: none;}
    .sub_org.org_wrap .col3 .group2_wrap {margin-top: 0;}
    .sub_org.org_wrap .col3 .level3 .group3 > li .line_mid > a {width: 100%; margin-bottom: 5px;}
    .sub_org.org_wrap .col3 .level3 .group3 li .line_mid {width: 100%;}
}

@media (max-width: 580px){
    .sub_org.org_wrap .directorate {width: 134px;height: 148px;}
}
@media(max-width:640px){
    .org_wrap{text-align: center;}
    .sub01_05 .org_wrap .level1:before{height: 100%;left: 50%;}
    .sub01_05 .org_wrap .level1 > li .directorate{margin-left: 0;}
    .sub01_05 .org_wrap .level1 > li .directorate:before{display: none;}
    .org_wrap .group2 li:before{display: none;}
    .org_wrap .level2 .bg_gray + .group3 li:after, .org_wrap .level2 .bg_gray + .group3 li:before{display: none;}
    .org_wrap .level2 .group3_od li:before{display: none;}
    .org_wrap .group2:first-child li:nth-child(3):before{display: none;}
    .org_wrap .group2:first-child li:nth-child(3):before{display: none;}
    .org_wrap .level3 .line:before{display: none;}
    .org_wrap .level3 .group4 li:not(:first-child):before{display: none;}
    .org_wrap .level3 .group3 > li:before{display: none;}
    .org_wrap .level3 .group2_wrap:before{display: none;}
    .org_wrap .float_box{margin-top: 30px;text-align: left;}
    .org_wrap .level2 .group3_od:before{display: none;}
    .org_wrap .level3 .group3.left .group4{margin-left: 20px;}
    .org_wrap .level3 .group4{margin-left: 20px;}
    .sub01_05 .org_wrap .group2_wrap{width: 100%;margin-left: 0;}
    .org_wrap .group6_f li:before{display: none;}
}

/* 20240910 vision 수정 */
.s0102 .m_type01.purpose{margin-bottom: 0;border-bottom: none;}
.s0102 .m_type01.purpose .s_txt{padding-bottom: 0;}
.s0102 .m_type01.vision .s_txt{padding-top: 0;text-align: center;}
.s0102 .m_type01.vision .s_txt p{margin-top: 0;font-size: 30px;line-height: 1.5;font-weight: 700;font-family: 'Outfit';color: #666;padding-bottom: 35px;position: relative;}
.s0102 .m_type01.vision .s_txt p br{display: none;}
.s0102 .m_type01.vision .s_txt p::before{display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 35px;background: url(/images/eng/sub01/slogan.png) no-repeat center center;content: '';padding-bottom: 10px;}
.s0102 .m_type01.vision .s_txt p em{font-weight: 700;font-family: 'Outfit';background: none;}
.s0102 .m_type01.vision .s_txt p em.green{background: none !important;color: #05aba7;}
.s0102 .m_type01.vision .s_txt p em.blue{background: none !important;color: #0072c2;}
.s0102 .m_type01.vision .s_txt span{font-size: 16px;font-weight: 1.2;}
.s0102 .m_type01 .title-box{position: relative; font-size: 0;line-height: 0;width: 100%;height: 236px;background: url(/images/eng/sub01/sub0102_img02_v2.svg) no-repeat;padding-bottom: 90px;background-size: contain;}
.s0102 .m_type01 .title-box::before{display: block;position: absolute;bottom: 0;left: 50%;width: 332px;height: 90px;background: #fff url(/images/eng/sub01/sub0102_img01_v2.svg) no-repeat center center;content: '';transform: translateX(-50%);background-size: cover;}
@media (max-width: 900px){
    .s0102 .m_type01 .b_txt br{display: none;}
}
@media (max-width: 640px){
    .s0102 .m_type01.vision .s_txt{padding: 20px;}
    .s0102 .m_type01.vision .s_txt p br{display: block}
    .s0102 .m_type01 .title-box{height: auto; font-size: 16px;line-height: 1.3;font-weight: 400;background: none;text-align: center;padding: 30px;background: linear-gradient(90deg, rgba(5, 165, 170, 1) 0%, rgba(1, 120, 191, 1) 100%);border-radius: 30px;color: #fff;width: calc(100% - 20px);position: relative;margin: 0 auto 30px auto;}
    .s0102 .m_type01 .title-box::before{display: block;position: absolute;top: -10px;left: -10px;width: calc(100% + 18px);height: calc(100% + 20px);border: 1px solid #ccc; border-radius: 30px; content: '';background: none;transform: none;}
    .s0102 .m_type01.vision .s_txt p::before{height: 30px;background-size: contain;}
    .s0102 .m_type01.vision .s_txt p{font-size: 25px;}
}
.sub020201.sub_org.org_wrap .col6 .level3 .group4 li{margin-left: .8%;} 
.sub020201.sub_org.org_wrap .col6 .level3 .group4:first-child li:first-child{margin-left: 0;}

/* 241203 연구본부소개 > 본무장 메일 바로가기 버튼추가 */
.centerwrap .info .r_box ul li.n3{
    margin-top: 5px;
}
.centerwrap .info .r_box ul li.n3 span{
    top: 6px;
}
.centerwrap .info .r_box ul li button{
    background:none;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    padding: 7px 35px 5px 10px;
    margin: 0;
}
.centerwrap .info .r_box ul li button::before{
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    background-position: 0 0;
    background: url(/images/kor/sub01/sub010601_link.png)no-repeat;
    transform: translateY(-50%);
    content: '';
}
@media(max-width:890px){
    .level3 .group2_wrap:before{
        display: none;
    }
    .level3 .group2:last-of-type .group4 li:before{
        width: 40px;
        left: -25px;
    }
    .level3 .group2,.level3 .level3 .group3.left{
        position: relative;
    }
.level3 .group2::before,.level3 .level3 .group3.left::before ,.level3 .group6_f li::after{
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    width: 1px;
    height: calc(100% - 32px);
    background: #d4d4d4;
    content: '';
}
.org_wrap .group2 li a.mint + .group3::after{
    display: block;
    position: absolute;
    top: 47px;
    left: 13px;
    width: 1px;
    height: 31px;
    background: #d4d4d4;
    content: '';
}
.org_wrap .group2 li a.mint + .group3_od::after{
    display: none;
}
}
@media(max-width:640px){
.level3 .group2::before,.level3 .level3 .group3.left::before ,.level3 .group6_f li::after{
    display: none;
}
.org_wrap .group2 li a.mint + .group3::after{
    display: none;
}
.org_wrap .level2 .group3{
    width: 100%;
    margin-left: 0;
}
.org_wrap .level3 .group5:before{
    display: none;
}
}

/* 20251022 조직도 스타일수정 */
.org_wrap .group2 li > span{
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
    display: inline-flex;
    align-items: center;
    padding: 0 30px 0 15px;
}
.org_wrap .level3 .group5:before{
    height: 91.5px;
}
.org_wrap .level3 .group4 li a + .group5 li:last-of-type::before{
    left: -20px;
    width: 20px;
}
.org_wrap .level3 .group4 li div + .group5 li:last-of-type::before{
    left: -20px;
    width: 20px;
}
.org_wrap .level3 .group4 .line:before{
    height: calc(100% - 162px);
}
@media(max-width:890px){
.org_wrap .level1{
    padding: 0;
}
.org_wrap .level1:before{
    left: 67px;
    height: calc(100% - 355px);
}
.org_wrap .level1 > li{
    padding-right: 25px;
}
.level3 .group2::before{
    height: 0;
}
.org_wrap .group2 li div.group2_1{
    position: relative;
}
.org_wrap .group2 li div.group2_1::before{
    content: "";
    position: absolute;
    display: block;
    left: 18.5px;
    width: 1px;
    height: 93px;
    background: #d4d4d4;
    top: 47px;
}
.org_wrap .group2_1 + .group3 li:before{
    left: -30px;
}
.org_wrap .group2_wrap:before{
    height: 1067px;
}
.org_wrap .level2 .bg_gray + .group3 li:before{
    left: -37px;
}
.org_wrap .level2 .bg_gray + .group3 li:after{
    left: -37px;
}
.org_wrap .group2 li div.group2_1::before{
    height: 32px;
}
.org_wrap .level3 .group5 > li:before{
    left: -20px;
}
.org_wrap .level3 .group5:before{
    left: -20px;
    height: 100px;
}
.level3 .group6_f > li:first-of-type:after{
    height: 414px;
}
}
@media(max-width:640px){
.org_wrap .level1 > li{
    padding-right: 0;
}
}