@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 레이아웃
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.container { background: #eaeff2 url(/portalEn/images/sub/bg_sub.jpg) center top no-repeat; }

/* 서브타이틀 영역 */
.sub_title { height: 112px; padding: 67px 0 0 0; }
.sub_title h2 { text-align: center; font-family: Times New Roman, garamond, batang, 바탕, 바탕체; font-size: 38px; letter-spacing: -2px; font-style: italic; color: #fff; line-height: 45px; }
.sub_title p{ text-align: center; color: #DDDFE3; }

/* 서브 메뉴 영역 */
#aside { position: relative; background: #fff url(/portalEn/images/sub/bg_sub_menu.jpg) left top no-repeat; }
#aside h2 { display: inline-block; padding: 40px 40px 0 40px; width: 156px; height: 98px; font-size: 26px; line-height: 30px; color: #fff; }
/* 로케이션 */
#aside .locations { position: absolute; left: 286px; top: 48px; height: 20px; line-height: 20px; }
#aside .locations .home { margin-top: -3px; }
#aside .locations .sep { margin-top: 6px; padding: 0 5px; font-size: 10px; }
#aside h3 { position: absolute; left: 286px; top: 68px; font-size: 24px; color: #000; }
#aside .sns { position: absolute; left: 1056px; top: 28px; width: 93px; height: 77px; overflow: hidden; border: 1px solid #D5DBDF; background: url(/portalEn/images/sub/bg_sns.gif) left top no-repeat; }
#aside .sns li { float: left; width: 46px; height: 38px; line-height: 40px; text-align: center; }
#aside .sns li a { display: block; }
/* 서브메뉴 */ 
#aside2 { background: #EAEFF2; }
#aside2 .snb { width: 100%; height: 62px; overflow: hidden; }
#aside2 .snb li { display: inline-block; float: left; width: 20%; background: url(/portalEn/images/sub/bg_snb.gif) left 50% no-repeat; }
#aside2 .snb li:FIRST-CHILD { background: none; }
#aside2 .snb li a { display: block; text-align: center; line-height: 62px; font-size: 14px; }
#aside2 .snb li.current { background-color: #005DB6;}
#aside2 .snb li.current a { color: #fff; } 

/* 3depth 메뉴 영역 */
.tab_menu { overflow: hidden; padding: 0px 0 60px; }
.tab_menu li { width: 25%; float: left; height: 50px; line-height: 50px; }
.tab_menu li a { display:block; font-size: 14px; border: 1px solid #D5DBDF; background-color: #EFF3F5; text-align: center; text-decoration:none; transition:all .2s }
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus, .tab_menu li.current a { color: #005DB6; border-color:#D5DBDF; background-color: #fff; z-index:1}
.tab_menu li a img { margin-right:-5px; }
.tab_menu li:nth-child(1) a { } 
.tab_menu li:nth-child(2) a { border-left: none; } 
.tab_menu li:nth-child(3) a { border-left: none; } 
.tab_menu li:nth-child(4) a { border-left: none; } 
.tab_menu li:nth-child(5) a { } 
.tab_menu li:nth-child(6) a { border-left: none; } 
.tab_menu li:nth-child(7) a { border-left: none; } 
.tab_menu li:nth-child(8) a { border-left: none; } 
.tab_menu li:nth-child(9) a { } 
.tab_menu li:nth-child(10) a { border-left: none; } 
.tab_menu li:nth-child(11) a { border-left: none; } 
.tab_menu li:nth-child(12) a { border-left: none; } 
.tab_menu li:nth-child(13) a { } 
.tab_menu li:nth-child(14) a { border-left: none; } 
.tab_menu li:nth-child(15) a { border-left: none; } 
.tab_menu li:nth-child(16) a { border-left: none; } 

/* 콘텐츠 영역 */
#conts { min-height: 500px; padding: 60px; background: #fff; }
#conts h4 { padding: 10px 0 5px 0; font-size: 30px; font-weight: 600; color: #005db6; font-style: italic; font-family: Times New Roman, garamond, batang, 바탕, 바탕체; }
#conts h5 { padding: 10px 0 5px 0; font-size: 20px; font-weight: 500; color: #000; font-style: italic; font-family: open sans, arial; }

#conts p { padding: 10px 0; }
#conts p+h5, ul+h5 { margin-top: 20px}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.mB20 {margin-bottom: 20px}
.mB30 {margin-bottom: 30px}


.ul_dot { padding: 0px 0 5px; }
.ul_dot > li { padding: 0 0 3px 10px; font-size: 13px; line-height: 1.8em; background: url(/portalEn/images/sub/icon_dot.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot > li > ul > { padding-bottom: 10px; }
.ul_dot > li > ul > li { padding: 0 0 0 8px; font-size: 13px; line-height: 1.6em; background: url(/portalEn/images/sub/icon_bl.gif) 0px 8px no-repeat; }
.ul_dot > li > ol > li { padding: 0px; background: none; }
.ul_dot > li > b { color: #0092b6 }

/* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 20px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; font-size: 13px; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f6f8fd; font-weight: 600; }
.table tfoot th, .tb_data tfoot td { background:#e9eff4}
.table .line_dash td { border-top:1px dashed #ddd; border-bottom:0}
.table .line_dash.first td { border-top:1px solid #ddd; border-bottom:1px dashed #ddd}


/* box */
.boder_box {border: 1px solid #ddd;  padding: 20px; overflow: hidden; margin-bottom: 20px}
.boder_box .imgZone { float: left; width:300px; text-align:center; border-right: 1px solid #ddd; margin-right: 30px }

/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 96% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.btn_file { display: inline-block; height: 23px; padding: 5px 35px 5px 18px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 23px; color: #333C7D!important; background: #fff url(../../images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 46px 5px 10px; line-height: 25px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.url_link.txt { padding: 0 20px 0 0; background: url(../../images/sub/url_link.png) 100% 50% no-repeat; margin: 0 5px;}

/* location */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 20px}
.tb_box { display: table; width: 100%; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
.tb_box dl.cell { width: 50%; display: table-cell;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; padding-bottom: 10px}
.tb_box dl.cell dt {font-weight: 600;padding:7px 20px; margin-bottom:10px; background-color: #f6f8fd;}
.tb_box dl.cell dd {padding:2px 20px 2px 25px; font-size: 13px; line-height: 1.6em; background: url(/portalEn/images/sub/icon_bl.gif) 20px 10px no-repeat;}

.img_list li { position:relative; float: left; width: 50%; height: 250px; overflow: hidden; margin-bottom: 20px} 
.img_list li:first-child {width: 49%; margin-right: 1%}
.img_list li img { width: 100%}
.img_list li span { display: block; position: absolute;; right: 0; bottom: 0; background-color: rgba(0,0,0,.8); color: #fff; padding: 3px 10px; text-align: right; }
.img_list li span i { line-height: 15px; font-size: .9em; color: #eee}
.img_list.pic3 li {width: 33%;height: 200px;margin-bottom: 1%}
.img_list.pic3 li:first-child,
.img_list.pic3 li:nth-child(4) {width: 33%; margin-right: 0}
.img_list.pic3 li:nth-child(2),
.img_list.pic3 li:nth-child(5){width: 32%; margin: 0 1%}
.img_list.pic4 li {width: 24%; margin-right: 1%; height: 150px;}
.img_list.pic4 li:last-child {width: 25%; margin-right: 0%}
.img_list_ttl { text-align: center; padding: 5px; font-size:16px; color: #0092b6}

.picLeft { float: left; margin: 0 30px 0 0}
.picRight { float: right; margin: 0 0 0 30px}

.greeting .ttl {font-size: 28px; line-height: 35px; margin-bottom: 20px; position: relative;color: #1290dd }
.greeting .ttl:after {display: block;position: absolute; bottom:-10px; content:""; height: 2px; width: 100px; background-color: #ed7729}
.greeting .subttl {font-size: 18px; }
.greeting .ttl span {color: #1290dd}
.greeting .sign { font-weight: 600}

.goals_box { position:relative; text-align: center; background:url('/portalEn/images/sub/goals_bgBottom.jpg') no-repeat 50% 100%; padding-bottom: 180px  }
.goals_box .ttl {background:url('/portalEn/images/sub/goals_bgTop.jpg') repeat-x 0 0;  font-size: 35px; line-height: 35px;  font-weight: 600; color: #000; padding: 50px 0 80px;font-family: Times New Roman, garamond, batang, 바탕, 바탕체; }
.goals_box .ttl span {display: block; font-size: 17px; font-weight: normal;color: #666; }
.goals_box dl {position:relative; top:-30px; margin: 0 50px}
.goals_box dt {display: block;padding: 0px 0 15px;font-size: 20px;font-weight: 600;color: #6841b7;background: url(/portalEn/images/sub/icon_sq.gif) center bottom no-repeat; margin-bottom: 50px }
.goals_box dd { padding: 20px 10px; display:inline-block; width: 170px;  margin: 0 15px 20px; font-size: 15px; min-height: 30px;  line-height: 22px;border: 1px solid #cdd5de; text-align: center; color: #545454;  }
.goals_box dd span { display: block;}

.mapGuide img { max-width: 100%}

.organization_box { position:relative;  padding: 30px 30px 20px ; border: 1px solid #e1e1e5; margin-bottom: 30px; min-height: 150px}
.organization_box .org,
.organization_box .org2 { margin: 10px 0 20px; background: url(/portalEn/images/sub/org_bg.png)no-repeat 50% 0px; overflow: hidden;}
.organization_box .n01,
.organization_box .n02,
.organization_box .n03{width:20%; display:block; color:#fff; text-align:center; }
.organization_box .n01 {background:#4a4ba3; margin:0 auto; height:44px; line-height: 44px;font-size:16px; }
.organization_box .n02 {background:#f8fafe; margin:25px auto 30px auto; border: 2px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box .n03 {background:#f8fafe; margin:25px auto 30px auto; border: 1px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box p { width: 200px; background:#4a4ba3; margin:0 auto; color: #fff; text-align: center; font-size: 16px; }
 
.organization_box .f_l { text-align: center;}
.organization_box .f_l > li { width:20%; float: left; margin: 0; padding-top:30px;}
.organization_box .org_left{background: url(/portalEn/images/sub/org_left.png)no-repeat 50% 0;   }
.organization_box .org_middle{background: url(/portalEn/images/sub/org_middle.png)no-repeat 50% 0; }
.organization_box .org_right{ margin-bottom: 120px!important; background: url(/portalEn/images/sub/org_right.png)no-repeat 50% 0;  }
.organization_box .org_none{background: none;  }
.organization_box div {width:95%; margin:0 auto 20px;}
.organization_box div span {display:block; background:#5773c3;border:1px solid #455ea8; height:45px; line-height:45px;color:#fff; }
.organization_box div ul{border:1px solid #cdd5de; border-top:none; text-align:left; display:block; background:#fff;}
.organization_box div ul li {position: relative; border-top: 1px solid #cdd5de;  text-align: center; color: #545454; font-size: 12px; line-height: 18px; padding: 10px 5px }
.organization_box div ul li:first-child {border-top:none;}
.organization_box div.no span { border: 1px solid #455ea8; color: #333; background: #fff; height:42px; line-height:42px;font-weight:normal;  }
.organization_box ul.ul_dot { clear: both; border-top: 1px dotted #e1e1e5; padding-top: 20px}
.organization_box h3.bar {position: absolute;left: 30px; top:30px; font-size: 1.25em; line-height: 1.8em; background: none; padding: 0; margin: 0; color: #333}
.organization_box h3.bar span { display:block; font-size: 2em }

.organization_box .org2 .n01 {background:#da764a;}
.organization_box .org2 .n02 {border: 2px solid #da764a; background-color: #fcfbfb; margin:20px auto 20px auto;}
.organization_box .org2 .n03 {border: 1px solid #da764a; background-color: #fcfbfb; margin:20px auto 20px auto;}

.organization_box .org3 .n01 {display:block; color:#fff; text-align:center; background:#12a86c; margin:0 auto 25px; height:44px; line-height: 44px;font-size:16px;width:30%; }
.organization_box .org3 ul { margin-top: 3px; clear: both; overflow: hidden;}
.organization_box .org3 ul li {width:22%; float: left; border: 1px solid #cdd5de; text-align: center; color: #545454; font-size: 13px; line-height: 18px; padding: 10px 0; margin: 3px 1%}




/*뉴스레터 추가*/

.news_list{margin-left:-10px;}
.news_list li{width:33.3%; float:left; box-sizing:border-box;  padding:0 10px; margin-bottom:30px;}
.news_list li a{position:relative; width:100%; box-sizing:border-box; border:1px solid #dddddd; display:block; background:#fff; padding:20px;}
.news_list li a:after{content:''; display:block; width:45px; height:45px;     position: absolute; right:0px; bottom:0px; background-image: url(/portalEn/images/sub/news_button.jpg);}
.news_list li span{display:block;}
.news_list li .tumb {height:185px; position:relative; overflow: hidden; margin-bottom:20px;}
.news_list li .tumb img{ width:100%; height:100%;}

.news_list li .category{ font-size:16px; color:#2349b4; line-height: 1em;}
.news_list li .category em{display:inline-block; font-weight: 700;}
.news_list li .category em + em{margin-left:5px;}

.news_list li .btxt{font-family: "Nanum Gothic", sans-serif; font-weight: 800; margin:15px 0; font-size:20px; color:#333; overflow: hidden; text-overflow: ellipsis; height: 70px; line-height: 25px;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news_list li .txt_info{margin-top:10px; font-size:14px; color:#828282; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 90px; -webkit-line-clamp: 4; display: -webkit-box;  -webkit-box-orient: vertical;}
.news_list li .data{margin-top:35px; font-size:12px; color:#a6a6a6; }

.news_list li a:hover{text-decoration: none; border:1px solid #256fc2;     box-shadow: 5px 5px 10px rgb(37 111 194 / 5%);}
.news_list li a:hover:after{background-position: 0 -45px; transition: 0.5s}
.news_list li a:hover .tumb img{-webkit-transform: scale(1.2);   -ms-transform: scale(1.2);  transform: scale(1.2);  -webkit-transition: 1.2s;  -o-transition: 1.2s; transition: 1.2s}        


.NewsLetter_view .category{ font-size:16px; color:#2349b4; line-height: 1em;}
.NewsLetter_view .category em{display:inline-block; font-weight: 700;}
.NewsLetter_view .category em + em{margin-left:5px;}

.NewsLetter_view .btxt{font-family: "Nanum Gothic", sans-serif; font-weight: 800; padding:15px 0; border-bottom:1px solid #ddd; font-size:30px; color:#000;     line-height: 1.2em;}
.NewsLetter_view .data{font-size:12px; color:#a6a6a6; border-bottom:1px solid #ddd; padding:15px 0; line-height: 1em;}
.NewsLetter_view .view_con{color:#828282; font-size:16px; line-height: 24px; padding:30px 0;}
.NewsLetter_view .button_list{text-align: center;}
.NewsLetter_view .button_list .btn_list{font-size:16px; color:#256fc2; border:1px solid #256fc2; font-weight: 700; padding:15px 25px;}

.sub_memo{font-size:14px;}
.img_text{position: absolute; right: 0;  bottom: 0;  display: inline-block;  z-index: 1;  background: rgba(0,0,0,0.7);  color: #fff;  padding: 5px 10px;  font-size: 13px;}

.big-img{position:relative; margin:35px 0;}


.big_box{padding:40px; background:#f6f9fb; margin:35px 0;}
.big_box h4{padding:0 !important;}
.big_box + .line-box{margin-top:60px;}


.hlaf_wrap{display: flex;  justify-content: space-between;  flex-wrap: wrap;}
.hlaf_wrap .line-box.full{width:49%;}
.hlaf_wrap .line-box.full.last{border:0; background:#f6f9fb;}
.hlaf_wrap .line-box.full.last .info_con{letter-spacing: -1px; font-family: "Open Sans"; font-size:25px; font-weight: 700; color:#005db6; line-height: 30px; display: flex; text-align: center;  align-items: center;}


.line-box{margin-top:25px; border:1px solid #dddddd; padding:35px; box-sizing:border-box; display: flex; justify-content: space-between;  flex-wrap: wrap;}
.line-box:nth-of-type(2n){flex-direction: row-reverse;}
.line-box .img{position:relative; width:450px; }
.line-box .img img{width:100%;}
.line-box span{display:block;}
.line-box .info_con{width:500px; font-family: "Open Sans";}
.line-box .btxt{position:relative;font-size:25px; font-weight: 700; color:#000; padding-bottom:25px; line-height: 30px; margin:20px 0;}
.line-box .btxt:before{content:''; display:block; position: absolute;  width: 50px;  height: 1px;  content: "";  bottom: 0px;  background: #dddddd;}
.line-box .stxt{line-height: 25px; font-style: italic; font-size:20px; color:#626262; margin-bottom:20px; font-weight: 600;}
.line-box .info{font-size:14px; font-family: NBG;}

.line-box.full {padding:50px; background:#fff;}
.line-box.full .info_con{width:100%;}
.line-box.full .btxt{margin-top:0;}

.line-box.bg_g01{background:#fbfbfb;}


.Gray-box{background:#fbfbfb; padding:60px 0px; }
.Gray-box .btxt{font-size:25px; font-weight: 700; font-family: "Open Sans"; margin-bottom:30px; color:#000;}
.Gray-box .btxt span{font-size:22px; color:#535353; display:block; font-weight: 600; }
.Gray-box p{color:#828282; word-break: keep-all;}
.Gray-box .Gray-box-con{padding:0 50px;}

.font-blue{font-size: 30px !important;  margin-top:0 !important; font-weight: 600 !important;  color: #005db6 !important;  font-style: italic; font-family: Times New Roman, garamond, batang, 바탕, 바탕체;}
.big-img-text{width:95%; position: absolute; left:60px; top:0; height:100%; font-size:25px; color:#fff; font-family: "Open Sans"; line-height:30px; display: flex;  justify-content: center; text-align: center;  align-items: center;}

.box-txt{display:flex; justify-content: space-between; padding:0 30px;}
.box-txt .tit{font-weight: 700; font-family: "Open Sans"; font-style: italic; font-size:34px; color:#005db6; width:275px; line-height:40px; font-family: Times New Roman, garamond, batang, 바탕, 바탕체;}
.box-txt ul{width: calc(100% - 290px);}
.box-txt li{font-size:20px; font-family: "Open Sans"; font-weight: 600; border-bottom:1px solid #ddd;  line-height:30px; padding:20px 0 20px 30px; background: url(/portalEn/images/sub/Check.jpg)no-repeat 0px 25px; }

.Tech_text{font-size:20px; font-family: "Open Sans"; font-weight: 700; padding:60px 0; text-align: center; color:#717171;}

.site_link_wrap{display: flex;  align-items: center;  justify-content: space-between; padding-top:20px; flex-wrap: wrap;}
.site_link{display: inline-block;  border: 1px solid #ddd;  width: 48%;  line-height: 128px;  box-sizing: border-box;  text-align: center; background:#fff;}
.site_link img{width:50%;}
.site_link:hover{border:1px solid #005db6; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}

.site_link_wrap.n04{justify-content: flex-start;} 
.site_link_wrap.n04 .site_link{width: 24%;    margin-right: 1%;  margin-bottom: 1%; }
.site_link_wrap.n04 .site_link img{max-width:50%;}

.map_wrap{position:relative; height:500px; background:#ff0000; margin-bottom:40px;}

.Corporation_list{display: flex;justify-content: flex-start; margin-left:-15px; flex-wrap: wrap; margin-bottom:50px; }
.Corporation_list li{width: calc(33.3% - 30px); box-sizing:border-box;  margin:0 15px; margin-bottom:30px; box-sizing:border-box; border:1px solid #dddddd;}
.Corporation_list li a{position:relative; width:100%; box-sizing:border-box;  display:block; background:#fff;}
.Corporation_list li span{display:block;}
.Corporation_list li .tumb {height:194px; position:relative; overflow: hidden;}
.Corporation_list li .tumb img{ width:100%; height:100%;}
.Corporation_list li .con_info{padding:30px 30px;}
.Corporation_list li .btxt{font-family: "Open Sans";  position:relative; font-size:25px; font-weight: 700; color:#000; padding-bottom:20px; line-height: 30px;}
.Corporation_list li .btxt:before{content:''; display:block; position: absolute;  width: 30px;  height: 1px;  content: "";  bottom: 0px;  background: #dddddd;}
.Corporation_list li .txt_info{margin-top:10px; font-size:14px; color:#828282; line-height: 22px; }


.Corporation_list li:hover{text-decoration: none; border:1px solid #256fc2;     box-shadow: 5px 5px 10px rgb(37 111 194 / 5%);}
.Corporation_list li a:hover {text-decoration: none; }
.Corporation_list li a:hover .tumb img{-webkit-transform: scale(1.2);   -ms-transform: scale(1.2);  transform: scale(1.2);  -webkit-transition: 1.2s;  -o-transition: 1.2s; transition: 1.2s}        

#gnb > li > a#menu07,
#gnb > li > a#menu08{display:none;}

#aside2 .snb li#li_depth2_0505{display:none;}


.NewsLetter_view .view_con img{max-width:100%;}