@charset "utf-8"; #txt *{letter-spacing: 0; white-space: normal; word-break: normal} /* 가로스크롤 테이블 */ @media(max-width: 767px){ .scl_x{width:100%;overflow-x: scroll;} .scl_x .tbl_basic{width:768px;} } /*스크롤이미지*/ .table_scroll { display:none; } @media (max-width:900px) { .table_scroll { display:block; } } /* 테이블 */ .tbl_basic td.row{background: #f6f3f3;} .tbl_basic th.brn, .tbl_basic td.brn{border-right: none;} /* letter-spacing */ .lts{letter-spacing: -1px;} .lts2{letter-spacing: -2px;} /* ui 이미지 */ .ui.uic .box_col .col{margin-bottom: 30px;} .ui.uic .box_col .col .item .thm_figure img{width: 100%;} /*hidden_txt*/ .hidden_txt{position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;} /*이미지 타이틀*/ .ui.uic .box_col .col .item h3.tit_inner{margin: 10px 20px 25px 0;text-align: center;} /*탑박스 type5*/ .ui.uit.type5 .inner{padding: 35px 0 35px 80px} .ui.uit.type5 .inner .radius2{left: 20px;} /*준비중*/ @media (max-width: 500px){ .serv_ing{background-size: 100%} } /* 010101 인사말 */ .intro_box{} .intro_box .img_box{position: relative;height: 400px; padding: 80px 10px 0 340px;background: url(/site/eng/images/sub01/sub010101_bg1.gif) top center no-repeat;border-bottom: 1px solid #555;} .intro_box .img_box:before{content: '';position: absolute;left: -6px;top: -41px;width: 299px;height: 441px;background: url(/site/kopri/images/sub01/sub010101_bg2.png) top left no-repeat;} /*.intro_box .img_box span{color: #fff;font-size: 16px;line-height: 27px;letter-spacing: 0px;}*/ .intro_box .img_box .txt_st1{color: #fff;font-size: 16px;} .intro_box .img_box h2{padding: 0;margin-top: 25px; color: #fff;font-size: 28px;line-height: 35px;word-break: keep-all;} .intro_box .img_box h2:before{display: none;} .intro_box .img_box h2 em{display: block;} .intro_box .img_box p{position: absolute;bottom: 0; color: #000;font-size:16px;} .intro_box .img_box p span.sign{display:inline-block;width:150px;height:63px;font-style:italic;font-weight:400;font-size:20px;/*margin:-20px 0 0 10px; background: url(/site/eng/images/sub01/sub010101_bg3.png) no-repeat; font-size: 0px; text-indent: -9999px;*/} .intro_box .txt_box{overflow: hidden;height: auto; padding-top: 90px;/*background: url(/site/eng/images/sub01/sub010101_bg4.png) left 460px no-repeat*/} .intro_box .txt_box .tit{float: left;width: 286px;height: 450px; } .intro_box .txt_box .tit h3{margin: 0;font-size: 23px;font-weight: bold;color: #2e2e2e;line-height: 32px;word-break: keep-all;} .intro_box .txt_box .tit h3 span{display: block;} .intro_box .txt_box .tit h3 em{color: #5b7ad6} /*.intro_box .txt_box .txt{float: right;width: 59%}*/ .intro_box .txt_box .txt{width: 100%} .intro_box .txt_box .txt p{margin-bottom: 30px;} @media(max-width: 768px){ .intro_box .img_box{padding: 20px 50px;height:564px;} .intro_box .img_box:before{display:block;margin-top:295px;background-size:70%;} .intro_box .img_box p{right: 10px;} .intro_box .txt_box{background: none;} .intro_box .txt_box .tit{float: none;width: 100%;height: auto;} .intro_box .txt_box .txt{float: none;width: 100%;margin-top: 20px;} .intro_box .txt_box .tit h3 span{display: inline;} .intro_box .img_box br{display:none} } @media(max-width: 500px){ .intro_box .img_box{padding: 20px 20px;} .intro_box .img_box span{font-size: 13px;} .intro_box .img_box h2{font-size:18px;line-height:30px;} .intro_box .img_box h2 em{display: inline;} .intro_box .img_box p {right:10px;bottom:-66px;} .intro_box .img_box p span.sign{width:130px;font-size:19px;} } @media(max-width: 320px){ .intro_box .img_box{padding:15px 20px;} .intro_box .img_box span{font-size:13px;} .intro_box .img_box h2{font-size:16px;line-height:25px;} .intro_box .img_box p{bottom:-95px;} } /* 010102 기관장 소개 */ .direc_intro{overflow: hidden; } .direc_intro .img_box{float: left;width: 36%; padding: 45% 0 0 20px;background: url(/site/eng/images/sub01/sub010102_img01.png) left top no-repeat;background-size: 100%;} .direc_intro .img_box ul li{font-size: 16px; line-height: 24px;} .direc_intro .img_box ul li span{position: relative; padding-right: 15px} .direc_intro .img_box ul li span:after{content: '';position: absolute;right:5px;top: 31%; width: 1px; height: 12px;background: #394158;} .direc_intro h2{margin-bottom: 25px;padding: 0; font-size: 30px;color: #394158;word-break: keep-all;} .direc_intro h2 span{display: inline;} .direc_intro h2:before{display: none;} .direc_intro p{font-size: 24px;line-height: 120%; color: #394158; } .direc_intro .txt_box{display:block; width:100%; margin-top:50px; clear: both; position: relative; border-top:solid 5px #d0d2d7; padding:0 10px; font-size: 16px} /* .direc_intro .txt_box h2{margin-bottom: 25px;padding: 0; font-size: 30px;color: #394158;word-break: keep-all;} .direc_intro .txt_box h2 span{display: inline;} .direc_intro .txt_box h2:before{display: none;} .direc_intro .txt_box p{font-size: 24px;line-height: 120%; color: #394158;} .direc_intro .txt_box p em{display: block;} */ .direc_intro .txt_box strong{margin-top:50px; font-size: 18px;font-weight: bold;line-height: 30px; color:#10349e; display: block } .direc_intro .txt_box ul li{position: relative;font-size: 16px;line-height: 30px;color: #6f6f6f} .direc_intro .txt_box ul li strong{display: inline-block;width: 18%; color: #222; margin-top:0; font-weight: normal; font-size: 16px} .direc_intro .txt_box ul li .right_txt{display: inline-block; position: relative; width:80% } @media(max-width: 767px){ .direc_intro .img_box{float: none;width: 100%;padding: 400px 0 0 0; background-size: auto;background-position: center;text-align: center;} .direc_intro .txt_box{width: 100%;margin-left: 0;padding-top: 20px} .direc_intro .txt_box ul li strong{font-weight:700; margin-top:10px; width:100%} .direc_intro .txt_box ul li .right_txt{display:block; width:100%; } } @media(max-width: 425px){ .direc_intro .img_box{padding-top: 100%; background-size: 80%;} .direc_intro .img_box ul{padding-top: 20px;} .direc_intro .txt_box h2{font-size: 27px;} .direc_intro .txt_box h2 span{display: block;} .direc_intro .txt_box p{font-size: 21px;} .direc_intro .txt_box ul li span{display: block;} } /* 0102 비전 및 미션 */ .vision_diagram{padding: 55px 0 0;background: url(/site/eng/images/sub01/sub0102_bg.png) no-repeat;background-position: 52% 0px;} .vision_diagram h2{margin: 0;padding: 0;font-size: 24px;color: #2e364e;} .vision_diagram .tit{position: relative;width: 210px;margin: 0 auto;text-align: center;} .vision_diagram .tit:after{content: '';position: absolute;bottom: -103px;left:49%;width: 4px;height: 39px;background: #e0e0e0;} .vision_diagram .tit h2{margin-bottom: 25px;} .vision_diagram .tit h2:before{position: absolute;bottom: -9px;left: 43%;top: auto;width: 31px;height: 1px;background: #1a2273;} .vision_diagram .tit p{font-size: 18px;font-weight: bold;;color: #6f6f6f;} .vision_diagram .tit .rogo{display: block;width: 105px;height: 38px;margin: 32px auto;background: url(/site/eng/images/sub01/sub0102_logo.png)no-repeat;font-size: 0;text-indent: -9999px;} .vision_diagram ul{margin-top: 140px;} .vision_diagram ul li{position: relative;width: 519px;margin: 0 auto 50px;text-align: center;} .vision_diagram ul li:before{content: '';position: absolute;top:8px;left: 0;width: 14px;height: 107px;background: url(/site/eng/images/sub01/sub0102_befo2.png) no-repeat;} .vision_diagram ul li:after{content: '';position: absolute;top:8px;right: 0;width: 14px;height: 107px;background: url(/site/eng/images/sub01/sub0102_afte2.png) no-repeat;} .vision_diagram ul li h2:before{display: none;} .vision_diagram ul li p{width:80%;margin:0 auto;color: #6f6f6f} @media(max-width: 768px){ .vision_diagram ul li{width: 100%;} .vision_diagram ul li p{width:85%;} } @media(max-width: 425px){ .vision_diagram{background: url(/site/eng/images/sub01/sub0102_bg2.png) no-repeat;background-position:48% 0; } .vision_diagram ul li:before{width: 14px;height: 107px;background: url(/site/eng/images/sub01/sub0102_befo2.png) no-repeat;} .vision_diagram ul li:after{width: 14px;height: 107px;background: url(/site/eng/images/sub01/sub0102_afte2.png) no-repeat;} } .vision_diagram2{} .vision_diagram2 h2{font-size: 22px;text-align: center;color: #363e55;} .vision_diagram2 h2:before{display: none;} .vision_diagram2 .diagram{overflow: hidden;position: relative;padding-top: 72px;} .vision_diagram2 .diagram:before{content: '';position: absolute;top: 0;left: 50%;width: 4px;height: 24px;background: #e0e0e0;} .vision_diagram2 .diagram:after{content: '';position: absolute;left: 16.5%;top: 20px; width: 67.5%;height: 4px;background: #e0e0e0;} .vision_diagram2 .diagram li{float: left;position: relative;width: 33%; min-height:185px; margin-right: 0.5%;padding: 32px 12px;background: url(/site/eng/images/sub01/sub0102_bg3.gif) repeat;font-size: 16px;color: #fff;text-align: center;} .vision_diagram2 .diagram li:before{content: '';position: absolute;top:-48px;left:50%;width: 4px;height: 19px;background: #e0e0e0;} .vision_diagram2 .diagram li:after{content: '';position: absolute;top:-22px;left: 48.5%;width: 11px;height: 11px;background: #0b56ad;border-radius: 50%;} .vision_diagram2 .diagram li:last-child{margin-right: 0;} .vision_diagram2 .diagram li span{display:block;font-size: 26px;font-weight: bold;color: #fff;} .vision_diagram2 .diagram li em{display:block;} .vision_diagram2 .goal{position: relative;margin-top: 120px} .vision_diagram2 .goal:before{content: '';position: absolute;top:-95px;left: 50%;width: 4px;height: 39px;background: #e0e0e0;} .vision_diagram2 .goal .inner{overflow: hidden;margin-bottom: 7px;padding: 37px 20px 37px 0;background: #f1f1f4;} .vision_diagram2 .goal .inner .tit{float: left;width: 35%} .vision_diagram2 .goal .inner .tit .icon{display: block;margin: 0 auto;background: url(/site/eng/images/sub01/sub0102_icon.png)no-repeat;} .vision_diagram2 .goal .inner .tit .icon.icon1{width: 40px;height: 40px;background-position: 0 0;} .vision_diagram2 .goal .inner .tit .icon.icon2{width: 31px;height: 40px;background-position: -40px 0;} .vision_diagram2 .goal .inner .tit h2{margin: 17px 0 0;padding: 0;font-size: 20px;color: #333b53;} .vision_diagram2 .goal .inner .txt{float: left;width: 65%} .vision_diagram2 .goal .inner .txt em{display: block;width: 151px;margin-bottom: 16px;padding: 5px;border:1px solid #10349e;border-radius: 15px;font-size: 15px;color: #10349e;text-align: center;} .vision_diagram2 .goal .inner .txt ul li{position: relative;padding-left: 5%;line-height: 24px;} .vision_diagram2 .goal .inner .txt ul li span{position: absolute;left: 0} @media(max-width: 710px){ .vision_diagram2 .diagram{padding-top: 0px;} .vision_diagram2 .diagram:before, .vision_diagram2 .diagram:after{display: none;} .vision_diagram2 .diagram li{float: none;width: 100%;min-height: auto;margin: 0 0 1% 0;} .vision_diagram2 .diagram li:before, .vision_diagram2 .diagram li:after{display: none;} } @media(max-width: 600px){ .vision_diagram2 .goal .inner{padding: 37px 30px;} .vision_diagram2 .goal .inner .tit{float: none;width: 100%} .vision_diagram2 .goal .inner .txt{float: none;width: 100%;} .vision_diagram2 .goal .inner .txt em{margin: 16px 0 10px;} } /* 010103 역대 기관장 */ .past_history{} .past_history .inner{margin-bottom: 27px;} .past_history .inner:after{content: '';display: block;visibility: hidden;clear: both;} .past_history .inner .img_box{float: left;width: 30%;padding-top: 15px;} .past_history .inner .img_box h3{margin-bottom: 0;font-size: 24px;color: #0a55ac;} .past_history .inner .img_box p{color: #2e2e2e;} .past_history .inner .txt_box{position: relative;float: right;width: 70%;padding: 0 0 50px 10%;border-left:4px solid #e0e0e0;} .past_history .inner .txt_box:before{content: '';position: absolute;left: -7px;top: 0; width: 11px;height: 14px;background: url(/site/eng/images/sub01/sub010103_bul.png) no-repeat;} .past_history .inner .txt_box h4{margin:0;padding:0;font-size: 36px;font-weight: bold;color: #2e2e2e;letter-spacing: -3px;} .past_history .inner .txt_box h4:before{display: none;} .past_history .inner .txt_box span{display: block;margin-top: 30px; color: #222;font-size: 16px;} .past_history .inner .txt_box p{line-height: 30px;color: #6f6f6f;} @media(max-width: 768px){ .past_history .inner .txt_box{width: 60%;} } @media(max-width: 500px){ .past_history .inner .img_box{width: 100%;text-align: center;} .past_history .inner .img_box{float: none;padding:0 0 20px 10px;} .past_history .inner .txt_box{float: none;width: 100%;padding: 0px 0 20px 10px; border-left: 0;border-bottom: 4px solid #e0e0e0;} .past_history .inner .txt_box:before{left: 0;top:auto;bottom: -10px;} .past_history .inner .txt_box span{margin-top: 0;} } /* 0104 CI */ .ci_box{padding: 37px; border: 1px solid #e4e4e4} .ci_box .inner{width: 617px;height: 221px;margin: 0 auto;padding: 70px 0;background: url(/site/eng/images/sub01/ci_grid.png) repeat;border:1px solid #e4e4e4;text-align: center;} .ci_box .inner.mid{padding: 90px 0;} .ci_box .inner.long{padding: 50px 0;} .ci_box .btn_box{margin-top: 33px;text-align: center;} @media(max-width: 768px){ .ci_box .inner{width: 100%;height: auto;} } @media(max-width:500px){ .ci_box .btn_box a{display: block;margin-bottom: 1%} } /* CI 작은박스*/ .ci_minibox{overflow: hidden;margin-top: 60px;} .ci_minibox .inner{} .ci_minibox .inner img{float: left;width: 105px;height: 84px;border: 1px solid #ccc} .ci_minibox .inner p{padding:0px 0 10px 140px;} .ci_minibox .inner b{color: #191919;} /* CI 중간박스*/ .ci_middbox{overflow: hidden;margin-top: 60px;} .ci_middbox .inner{float: left;width: 47.5%;} .ci_middbox .inner:first-child{margin-right:5%;} .ci_middbox .inner h2:before{display: none;} .ci_middbox .inner .img_box{position: relative;padding: 20px;border:1px solid #d5d5d5;text-align: center;} .ci_middbox .inner .img_box img:first-child{border-bottom:1px solid #dadada;} .ci_middbox .inner .btn_box{padding: 20px 0;text-align: center;} @media(max-width:700px){ .ci_middbox .inner{float: none;width: 100%;margin: 20px 0 0;} .ci_middbox .inner .btn_box a{width: 49%;padding:10px 34px 10px 10px;} } @media(max-width:420px){ .ci_middbox .inner .btn_box a{width:100%; margin-top:10px; } .ci_middbox .inner .btn_box a:first-child{margin-top:0} } /* 0104 CI 끝 */ /* 0105 조직도 */ /* 조직도 */ .organization_wrap{position:relative;font-size:13px;line-height:15px;} .organization_wrap:after{content:"";display:block;position:absolute;left:70px;top:60px;width:2px;height:98%;background:#e5e5e5;} .organization_wrap .level1, .organization_wrap .level1 li{position:relative;} .organization_wrap .level1 li a{display:block;} .organization_wrap .level1 .directorate{display:block;position:relative;width:155px;height:162px;background:url(/site/kopri/images/sub01/sub0105_bg1.png)no-repeat;font-size: 20px;font-weight: bold; text-align:center;z-index:10;} .organization_wrap .level1 .directorate a{padding:70px 13px 70px 0;color:#10349e;} .organization_wrap .group1_1{position: absolute; left:172px; top:3%; display: inline-block; border:2px solid #515c7a;font-size: 16px;line-height: 18px;} .organization_wrap .group1_1 a{padding:10px 30px;color:#515c7a;} .organization_wrap .level2{position:relative;} .organization_wrap .level2:after{content:"";display:block;visibility:hidden;clear:both;} .organization_wrap .level2 .director{display:block;position:relative;padding:10px;width:48%;background:#fff;color:#930000;border:3px solid #9b0707;text-align:center;z-index:10;} .organization_wrap .vice_president_group .vice_president{display:block;position:relative;width:190px;height:auto;margin-left:80px;padding:10px;line-height: 20px;text-align:center;font-size:16px; z-index:10;} .organization_wrap .vice_president_group .vice_president > a{color: #fff;} .organization_wrap .vice_president_group .vice_president.first{background:#515c7a;} .organization_wrap .level2 .vice_president_group .vice_president:before{content:"";display:block;position:absolute;left:-10px;top:50%;margin-top:-2px;width:10px;height:4px;background:#e5e5e5;} .organization_wrap .level2 .vice_president_group .vice_president:after{content:"";display:block;position:absolute;left:-10px;top:26%;width:2px;height:18px;background:url(/site/kopri/images/sub01/sub0105_bul.png) no-repeat;} .organization_wrap .vice_president_group.bottom_group .vice_president {background: #9ea8aa; padding: 0; float: none; height: auto; width: 23.5%; margin-left: 248px; text-align: left; font-size: 15px;} .organization_wrap .vice_president_group.bottom_group .vice_president > a {padding: 10px 5px;} .organization_wrap .vice_president_group.bottom_group .group1 {margin-left: 222px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:before{top: 51%; left: -177px; width: 164px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:after{top: 27%; left: -178px;} .organization_wrap .director_group{position:relative;padding:10px 10px 10px 60px;margin-top:20px;} .organization_wrap .director_group ul li{padding:10px;border:1px solid #d7d7d7;} .organization_wrap .director_group .group1{position:relative;left: 50px; width:60%;} .organization_wrap .director_group .group1:after{content:"";display:block;position:absolute;left:-40px;top:21px;margin-top:-2px;width:30px;height:4px;background:#e5e5e5;} .organization_wrap .director_group .group1 li{} .organization_wrap .director_group .group1 li:first-child{width:300px; height: 42px;padding: 10px; background:#fff;border:2px solid #515c7a;color:#515c7a;font-size: 14px;line-height: 18px; text-align: center;} .organization_wrap .vice_president_group{overflow:hidden;position: relative;margin-top:40px;} .organization_wrap .vice_president_group ul li{padding:10px;} .organization_wrap .vice_president_group ul li ul li{} .organization_wrap .vice_president_group .group1{position:relative;margin:30px 0 0 110px;z-index:1} .organization_wrap .vice_president_group .group1:before{content:"";display:block;position:absolute;left:-15px;top:-30px;width:2px;height:120%;background:#e5e5e5;} .organization_wrap .vice_president_group .group1 li{position: relative; padding:0;margin-bottom:1%;} .organization_wrap .vice_president_group .group1 li:before{content: '';position: absolute;left: -15px;top:18px;width: 15px; height: 4px;background: #e5e5e5;} .organization_wrap .vice_president_group .group1 li b{display:block;position:relative; font-size: 15px;line-height: 18px;} .organization_wrap .vice_president_group.first_group .group1 li b {background: #78bed8; border: none;} .organization_wrap .vice_president_group.first_group .group1 li:last-child b {background: #9ea8aa;} .organization_wrap .vice_president_group.first_group .group1 li b > a, .organization_wrap .vice_president_group.first_group .group1 li b > span {color: #fff} .organization_wrap .vice_president_group .group1 li b > a, .organization_wrap .vice_president_group .group1 li b > span{display:block;padding:10px 5px;color:#555;} .organization_wrap .vice_president_group.bottom_group .group1 li b > a {padding: 0 2px;} .organization_wrap .vice_president_group .m_fs {font-size:14px;} .organization_wrap .vice_president_group .m_fs > a > br {display:none} .organization_wrap .vice_president_group .group1 li.under ul {margin-top: 10px;} .organization_wrap .vice_president_group .group1 li.under ul li {float: none; width: 100%; font-size:15px; padding:5px;} /* .organization_wrap .vice_president_group .group1 li.under div:after {display: block;content: "";position: absolute;left: 50%;top: 40px;width: 2px;height: 130px;background: #dfdfdf;z-index:-1;} */ .organization_wrap .vice_president_group .group1 li.under .st1:after {height: 80px !important;} /* .organization_wrap .vice_president_group .group1 li.under .st2:after {height: 80px !important;} */ .organization_wrap .vice_president_group .group1 li.under li:before {display:none} @media all and (min-width: 500px) { .organization_wrap .vice_president_group .group1 li{width: 60%;} } @media all and (min-width: 670px) { .organization_wrap .vice_president_group .group1{overflow: hidden; float: left; left:25px;width:63%;margin-left: 0;} .organization_wrap .vice_president_group .group1 li{float: left; width:46.5%;margin:0 1% 1% 0;} .organization_wrap .vice_president_group .group1 li.long{width: 46.5%;} .organization_wrap .vice_president_group .group1.col3 li{width: 46.5%;} .organization_wrap .vice_president_group .group1 li:before{display: none} .organization_wrap .vice_president_group .group1 li b, .organization_wrap .vice_president_group .group1 li.long b{width: 100%;height:60px;} .organization_wrap .vice_president_group.bottom_group .group1 {margin-top: 10px;} .organization_wrap .vice_president_group.bottom_group .group1 li b {height: auto;} .organization_wrap .vice_president_group .group1 li .h_1st{height:80px !important;} .organization_wrap .vice_president_group .group1 li:last-child{margin-right: 0%;} .organization_wrap .level2 .vice_president_group .vice_president{float: left;margin-left:120px;line-height: 18px;} .organization_wrap .level2 .vice_president_group .vice_president:before{top:28%;left:-50px;width:35px;} .organization_wrap .level2 .vice_president_group .vice_president:after{top:20%;left:-50px;} .organization_wrap .vice_president_group.bottom_group .vice_president {background: #9ea8aa; padding: 0; float: none; height: auto; width: 23.5%; margin-left: 248px;} .organization_wrap .vice_president_group.bottom_group .vice_president > a {padding: 10px 5px !important;} .organization_wrap .vice_president_group.bottom_group .group1 {margin-left: 222px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:before{top: 51%; left: -177px; width: 164px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:after{top: 27%; left: -178px;} .organization_wrap .vice_president_group .vice_president{width:104px;height:115px;padding:0;background:url(/site/kopri/images/sub01/sub0105_bg3.png)no-repeat;} .organization_wrap .vice_president_group .vice_president > a{padding:40px 5px;} .organization_wrap .vice_president_group .vice_president .tit_1st{padding:30px 5px;font-size:15px;} .organization_wrap .vice_president_group .vice_president .tit_2st{padding:23px 5px;font-size:15px;} .organization_wrap .vice_president_group .vice_president .tit_3st{padding:40px 5px;font-size:15px;} .organization_wrap .vice_president_group .vice_president.tit_st1 a{padding: 32px 10px;font-size:14px;} .organization_wrap .vice_president_group .vice_president.first{background:url(/site/kopri/images/sub01/sub0105_bg2.png)no-repeat;} .organization_wrap .vice_president_group .vice_president.line2 > a{padding:40px 5px; } .organization_wrap .vice_president_group .vice_president.line3 > a{padding:25px 10px; } .organization_wrap .vice_president_group .vice_president em{display: block;} .organization_wrap .group1_1{left: 29%;top: 4%; } .organization_wrap .vice_president_group .m_fs {font-size:15px;} .organization_wrap .vice_president_group .m_fs > a > br {display:block} } @media (max-width:669px) { .organization_wrap .director_group .group1 li:first-child {width: 140%; height: auto;} .organization_wrap .vice_president_group .group1 {margin-left: 82px; margin-top: 15px;} .organization_wrap .vice_president_group .group1:before {display: none;} .organization_wrap .vice_president_group .group1 li:before {display: none;} .organization_wrap .vice_president_group .group1 li.under ul {margin-top: 5px;} .organization_wrap .vice_president_group.bottom_group .vice_president {width: 51%; margin-left: 82px;} .organization_wrap .vice_president_group.bottom_group .group1 {margin-left: 88px;} .organization_wrap .vice_president_group.bottom_group .group1 li b > a {padding: 0; padding-top: 5px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:before {left: -10px; width: 10px;} .organization_wrap .level2 .vice_president_group.bottom_group .vice_president:after {left: -12px;} } @media (max-width:499px) { .organization_wrap .vice_president_group.bottom_group .vice_president {width: auto;} } @media all and (min-width: 1116px) { .organization_wrap .director_group:after{display:none;} .organization_wrap .director_group .group1{left:190px;width:auto;} .organization_wrap .director_group .group1:after{left:-180px;width:173px;} .organization_wrap .director_group .group1 li{width:187px;} .organization_wrap .vice_president_group ul li ul li{border-top:none;} .organization_wrap .vice_president_group .group1{width: 69%;} .organization_wrap .vice_president_group .group1.col3 li{width: 31.5%;} } @media all and (min-width: 1280px) { .organization_wrap:after{height:1459px;} .organization_wrap .director_group ul li{padding:0 10px;height:45px;line-height:45px;} .organization_wrap .director_group .group1 li{padding:0 10px;height:45px;line-height:45px;} .organization_wrap .director_group .group1 li:first-child a{color:#fff;} .organization_wrap .vice_president_group .group1{width: 74%;} .organization_wrap .vice_president_group .group1 li{/*width: 150px;*/width:31.8%} } /* 0110 찾아오시는길 */ /* 로드뷰에 커스텀오버레이 올리기 */ .overlay_info {border-radius: 6px; margin-bottom: 12px; float:left;position: relative; border: 1px solid #ccc; border-bottom: 2px solid #ddd;background-color:#fff;} .overlay_info:nth-of-type(n) {border:0;} .overlay_info a {display: block; border-bottom:solid 5px #d95050;color:#000; padding:12px 36px 12px 14px; font-size: 22px; font-weight:600} .overlay_info a strong {} .overlay_info .desc {padding:14px;position: relative; min-width: 190px; height: 85px} .overlay_info img {vertical-align: top;} .overlay_info .address {font-size: 12px; color: #333; position: absolute; left: 80px; right: 14px; top: 24px; white-space: normal} /* .overlay_info {border-radius: 6px; margin-bottom: 12px; float:left;position: relative; border: 1px solid #ccc; border-bottom: 2px solid #ddd;background-color:#fff;} .overlay_info:nth-of-type(n) {border:0; box-shadow: 0px 1px 2px #888;} .overlay_info a {display: block; background: #d95050; background: #d95050 url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center; text-decoration: none; color: #fff; padding:12px 36px 12px 14px; font-size: 14px; border-radius: 6px 6px 0 0} .overlay_info a strong {font-size: 17px;} .overlay_info .desc {padding:14px;position: relative; min-width: 190px; height: 85px} .overlay_info img {vertical-align: top;} .overlay_info .address {font-size: 12px; color: #333; position: absolute; left: 80px; right: 14px; top: 24px; white-space: normal} .overlay_info:after {content:'';position: absolute; margin-left: -11px; left: 50%; bottom: -12px; width: 22px; height: 12px; background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png) no-repeat 0 bottom;}*/ /* 지도 */ /*.map{width: 100%;height: 395px;}*/ .map_info{overflow: hidden;position: relative; margin-bottom: 70px;padding: 25px 0; border-bottom: 1px solid #e0e0e0;} .map_info h2{margin: 0; font-size: 24px;color: #000;} .map_info h2:before{display: none;} .map_info ul{overflow: hidden;position: absolute;top: 40%;right: 0;} .map_info ul li{float: left;width: 145px;font-size: 15px;color: #545454;text-align: right;} .map_info ul li span{display: inline-block;width:24px;height: 24px;margin-right: 8px; border-radius: 50%;font-weight: bold; font-size: 12px;text-align: center; line-height: 24px;color: #fff;} .map_info ul li span.tel{background: #10349e;} .map_info ul li span.fax{background: #000;} .map_info.eng ul li{width: 170px;} @media (max-width:1100px) and (min-width:1025px) { .map_info ul{position: relative;padding:12px 0 0 12px; } .map_info ul li{padding-bottom: 10px; text-align: left;} } @media (max-width: 890px) { .map_info ul{position: relative;padding:12px 0 0 12px; } .map_info ul li{padding-bottom: 10px; text-align: left;} } @media (max-width: 425px) { .map_info h2{font-size: 19px;} } /* 차량이용시, 도보이용시 */ .road_info{} .road_info .inner{overflow: hidden; padding: 50px; border:1px solid #cfcfcf;border-top: 0} .road_info .inner:first-child{border-top:1px solid #cfcfcf;} /*.road_info .inner .txt{float: left;width: 80%;}*/ .road_info .inner .txt{display: block} .road_info .inner .txt span{font-size: 16px;font-weight: bold;line-height: 30px; color: #10349e;} .road_info .inner .txt p{font-size: 16px;line-height: 30px; color: #6f6f6f;} .road_info .inner a{float: right; padding: 18px 31px 18px 31px; font-size: 16px; color: #10349e;} .road_info .inner a .bico.bticon.road{display: block; width: 49px;height: 49px;margin: 0 auto; background: url(/site/eng/images/sub01/road_icon.png) no-repeat} /* 도보이용시 */ .road_info .inner.small{padding: 20px 50px;} .road_info .inner.small .txt{padding: 20px 0;} @media (max-width: 767px) { .road_info .inner{padding:30px; } /* .road_info .inner .txt{float: none;width: 100%;}*/ .road_info .inner a{display: block; float: none;width: 119px;margin: 10px auto 0;} } /* 버스이용시 */ .bus_info{overflow: hidden;margin-top: 30px;} .bus_info .inner{float: left;width: 49%;margin-bottom: 1%; padding: 30px;border:1px solid #d7d7d7;min-height: 220px;} .bus_info .inner:nth-child(odd){margin-right: 1%} .bus_info .inner .tit{position: relative; ;border-bottom: 1px solid #d5d5d5; padding-bottom:10px} .bus_info .inner .tit h3{margin: 0; font-size: 20px; font-weight: bold; display: inline-block;} .bus_info .inner .tit .bus_num{position: absolute;right: 0;top:0; display: inline-block} .bus_info .inner .tit .bus_num span{width: 87px; border-radius:17px; display: inline-block;height: 36px;font-size: 18px;font-weight: bold;color: #fff;line-height: 2em;text-align: center;} .bus_info .inner .bus_area .bus_num span{width:60px} .bus_info .inner .tit .bus_num span.bus1{background:#0f349e} .bus_info .inner .tit .bus_num span.bus2{background: #686d7c;} .bus_info .inner .tit .bus_num span.bus3{background: #20867b;} .bus_info .inner .tit .bus_num span.bus4{background: #d81431;} .bus_info .inner .txt ul{overflow: hidden;position: relative; padding: 35px 0 20px} .bus_info .inner .txt ul:before{content: '';position: absolute;top: 55px;left: 42%;width: 54px;height: 10px;background: url(/site/eng/images/sub01/bus_icon.png) no-repeat;} .bus_info .inner .txt ul li{float: left;width: 45%;text-align: center; margin-left: 8%;height:80px } .bus_info .inner .txt ul li:first-child{margin-left:0} .bus_info .inner .txt ul li.last_valign{line-height: 55px;} @media (max-width: 800px){ .bus_info .inner{float: none;width: 100%;margin-right: 0;} .bus_info .inner .txt ul li{height:auto;} .bus_info .inner .txt ul:before{left: 45%} .bus_info .inner .bus_area .bus_num{position: absolute; display: inline-block} } @media (max-width: 480px) { .bus_info .inner .txt ul:before{top: 45%; left: 49%; width: 10px;height: 54px; background: url(/site/eng/images/sub01/bus_icon2.png) no-repeat;} .bus_info .inner .txt ul li{float: none;width: 100%; margin-top: 80px;} .bus_info .inner .txt ul li:first-child{margin-top:0} .bus_info .inner{min-height: auto} .bus_info .inner .tit h3{position: relative} .bus_info .inner .txt ul li{margin-left:0} .bus_info .inner .txt ul li{height:auto} } @media (max-width: 390px) { .bus_info .inner .bus_area .bus_num{position: relative; display: block} } /* 0110 찾아오시는길 끝 */ /* 02010101, 02040101 남극세종, 남극장보고(서브메인) */ /* 서브메인 상단 */ .top_sublayout{padding: 50px 0 80px; border-bottom: 1px solid #d6d6d6; } .top_sublayout #subvisual_layout{display:inline-block; position: relative;width:100%;margin-bottom: 37px; text-align:center;} .top_sublayout #subvisual_layout:before{content: '';position: absolute;left: -50px;top: -50px;width: 449px;height: 460px; background: url(/site/eng/images/sub02/top_sublayout_bg.png) no-repeat;} .top_sublayout #subvisual_layout .subvisual_wrap{ display:block; overflow:hidden; position:relative;} /*.top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{position: absolute;left: 33.33%;top: 25%;color: #fff;font-size: 26px;z-index: 1}*/ .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{position: absolute;left: 50%;top: 25%;color: #fff;font-size: 26px;z-index: 1} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit.long{left: 25%} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit .infra_icon{display: block;height: 99px;margin: 0 auto 23px;background: url(/site/eng/images/sub02/infra_icon.png);} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit .infra_icon.icon1{width: 150px;background-position: 0 0;} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit .infra_icon.icon2{width: 195px;background-position: -150px 0;} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit .infra_icon.icon3{width: 112px;background-position: -345px 0;} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit .infra_icon.icon4{width: 191px;background-position: -457px 0;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox{ width:100%;display:inline-block; overflow:hidden;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul{ width:100%; height:0; padding-bottom:33.15%; display:inline-block; overflow:hidden; position:relative; z-index:0;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul li{ width:100%; height:0; background:no-repeat center center; background-size:cover; text-align:center; padding-bottom:33.15%; display:inline-block;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul li img{ width:100%;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul li img.mb{ display:none;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area{display:inline-block;position: absolute;bottom: 5px;right: 35px;} .top_sublayout #subvisual_layout .subvisual_wrap .paging{ height:26px; display:inline-block;} .top_sublayout #subvisual_layout .subvisual_wrap .paging button{display:inline-block;margin-right:15px;width:7px;height:6px;font-size:0;line-height:0;text-indent:-9999px;background:url(/site/eng/images/sub02/subrolling_btn.png) no-repeat;} .top_sublayout #subvisual_layout .subvisual_wrap .paging button.on{ width: 23px;height: 23px;margin-top: -9px; background:url(/site/eng/images/sub02/subrolling_btn_ov.png) no-repeat;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area .btn_play, .top_sublayout #subvisual_layout .subvisual_wrap .btn_area .btn_stop{ width:26px; height:26px;margin-top: -11px; border:1px solid #fff; border-radius: 50%; font-size:0; text-indent:-9999px; display:inline-block; position:relative;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area .btn_play:before{ width:0; height:0; content:""; margin:-5px 0 0 -3px; border-left:7px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; top:50%; left:50%;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area .btn_stop:before{ width:4px; height:14px; background-color:#fff; content:""; margin-top:-7px; border-radius:2px; position:absolute; top:50%; left:7px;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area .btn_stop:after{ width:4px; height:14px; background-color:#fff; content:""; margin-top:-7px; border-radius:2px; position:absolute; top:50%; right:7px;} .top_sublayout p{text-align: center; word-break: normal; white-space: normal} .top_sublayout p > em{display: block;} .top_sublayout .top_infobox{overflow: hidden;margin-top: 60px; } .top_sublayout .top_infobox .inner{float: left;width: 21.2%;margin-left: 5%;text-align: center;} .top_sublayout .top_infobox .inner:first-child{margin-left: 0%} .top_sublayout .top_infobox .inner .icon{display: block;margin: 0 auto; background: url(/site/eng/images/sub02/top_sublayout_icon.png)no-repeat;} .top_sublayout .top_infobox .inner .icon.icon1{width: 75px;height: 85px;background-position: 0 0;} .top_sublayout .top_infobox .inner .icon.icon2{width: 61px;height: 85px;background-position: -75px 0;} .top_sublayout .top_infobox .inner .icon.icon3{width: 90px;height: 85px;background-position: -137px 0;} .top_sublayout .top_infobox .inner .icon.icon4{width: 60px;height: 85px;background-position: -228px 0;} .top_sublayout .top_infobox .inner b{display: block;margin-top: 25px; font-size: 18px;line-height: 24px; color: #2e2e2e;} /* s03010101 ANTARCTIC KING SEJONG STATION sub visual*/ .s03010101 .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{margin-left: -75px;} /* s030201 ARCTIC DASAN STATIONN sub visual */ .s030201 .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{margin-left: -97.5px;} /* s03030101 IBRV Araon sub visual */ .s03030101 .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{margin-left: -56px;} /* s03040101 ANTARCTIC JANG BOGO STATION sub visual */ .s03040101 .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{margin-left: -95.5px;} #subMain_layout #txt .top_sublayout .infra, #subMain_layout #txt .infra .txt_wrap {text-align:center;} @media (max-width:1300px){ .top_sublayout #subvisual_layout:before{display: none;} .top_sublayout p > em{display: inline;} } @media (max-width:900px){ .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{font-size: 20px;} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit.long{left: 18%;top: 10%} } @media (max-width:767px){ .top_sublayout{padding-top: 0;} .top_sublayout #subvisual_layout{ margin-bottom:30px;} .top_sublayout #subvisual_layout .subvisual_wrap .subvisual_tit{display: none;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul li img.pc{ display:none;} .top_sublayout #subvisual_layout .subvisual_wrap .sliderBox ul li img.mb{ display:inline-block;} .top_sublayout #subvisual_layout .subvisual_wrap .btn_area{bottom: 0;right: 15px;} .top_sublayout .top_infobox .inner{width: 45%} .top_sublayout .top_infobox .inner:nth-child(3){margin-left: 0} } /* 주요업무 */ .task_sublayout{padding: 70px 0} .task_sublayout h2{margin-bottom: 50px; font-size: 30px;color:#2e2e2e;text-align: center;} .task_sublayout h2:before{display: none;} .task_sublayout .task_box{position: relative } .task_sublayout .task_box li{float:left; width:33.3%; border:1px solid #e8e8e8;border-left: 0; position: relative; padding:2%; min-height: 290px; word-break:normal; white-space: normal } .task_sublayout .col2 li{width:50%; } .task_sublayout .col_4 li{width:25%; min-height: 250px} .task_sublayout .col_4 .txt_box{margin-top:20px} .task_sublayout .task_box:after{clear: both; content: ''; display: block} .task_sublayout .task_box li:nth-child(odd){background: #f9f9fb} .task_sublayout .task_box li:first-child{border-left:1px solid #e8e8e8;} .task_sublayout .task_box li .circle{position: relative; top:10%; width:75px; height:84px; background: url(/site/kopri/images/sub02/task_sublayout_icon.png); margin:0 auto} .task_sublayout .task_box li .circle1{background-position: 0 0} .task_sublayout .task_box li .circle2{background-position: -75px 0} .task_sublayout .task_box li span{display: block;width: 75px;height: 84px;background: url(/site/kopri/images/sub02/task_sublayout_icon2.png);} .task_sublayout .task_box li .icon1{background-position: 0 0} .task_sublayout .task_box li .icon2{background-position: -75px 0} .task_sublayout .task_box li .icon3{background-position: -150px 0} .task_sublayout .task_box li .icon4{background-position: -225px 0} .task_sublayout .task_box li .txt_box{display: block; text-align: center} .task_sublayout .task_box li .txt_box h3{font-size: 18px;font-weight:700; margin:15px 0; } .task_sublayout .task_box li .txt_box h3, .task_sublayout .task_box li .txt_box p{word-break:normal; white-space:normal;} .task_sublayout .task_box li .task_sublayout .task_box li.no_imgtxt .txt_box{margin-top:10%} .task_sublayout .task_box li.no_imgtxt{min-height: 350px} @media (max-width:1180px){ .task_sublayout .task_box li{min-height:390px} .task_sublayout .col2 li, .task_sublayout .col_4 li{min-height: 250px} } /*@media (max-width:1000px){ .task_sublayout .task_box .no_imgtxt{min-height:auto; width:100%; padding:5%; border-top:none} .task_sublayout .task_box .no_imgtxt:first-child{border-top:1px solid #e8e8e8;} }*/ @media (max-width:900px){ .task_sublayout .col_4 li{width:49%} } @media (max-width:740px){ .task_sublayout .task_box li, .task_sublayout .task_box li.no_imgtxt{width:100%; min-height: auto; padding:5%; border-top:none; border-left:1px solid #e8e8e8;} .task_sublayout .task_box li:first-child{border-top:1px solid #e8e8e8;} } @media (max-width:640px){ #subMain_layout #txt .txt_wrap{margin:20px 0; padding:0} } /* 인포메이션 그래프 */ .info_sublayout{padding: 85px 5% 120px; background: url(/site/kopri/images/sub02/info_sublayout_bg.png)repeat;} .info_sublayout h2{position: relative;width: 448px;margin: 0 auto;padding: 0;font-size: 30px; color: #333;text-align: center; border-left:solid 1px #000; border-right:solid 1px #000} .info_sublayout h2:before{background:none} /*.info_sublayout h2{position: relative;width: 448px;margin: 0 auto;padding: 0;font-size: 16px; color: #333;text-align: center;} .info_sublayout h2:before{content: '';position: absolute;top: 0; left: 0; width: 1px;height: 25px;background: #000;} .info_sublayout h2:after{content: '';position: absolute; right: 0; width: 1px;height: 25px;background: #000;}*/ .info_sublayout .info_box{overflow: hidden;margin-top: 68px;} /*.info_sublayout .info_box .inner{float: left;position: relative; width: 31.6%;height: 277px; margin:0 0 30px 2.5%;padding: 55px 35px;padding-right: 10%; background: #fff;text-align: left}*/ .info_sublayout .info_box .inner{float: left;position: relative; width: 31.6%;height: 300px; margin:0 0 30px 2.5%; background: #fff; text-align: center} .info_sublayout .info_box .inner:nth-child(1), .info_sublayout .info_box .inner:nth-child(4){margin-left: 0;} .info_sublayout .info_box .inner h3{font-size:24px;font-weight: bold; margin-top:20px; } /*2018. 1.19 추가*/ .info_sublayout .info_box .inner .icon_area { display: block; position: relative; width:100%; padding:20px 0; text-align: center} .info_sublayout .info_box .inner p{line-height: 1.2} .info_sublayout .info_box .inner p.point{font-size: 20px;color: #666;} .info_sublayout .info_box .inner p.point.point2{margin:30px 0 0 30px} .info_sublayout .info_box .inner p.point strong{ font-size: 40px;font-family: 'ngn'; color: #666;vertical-align: baseline;/*letter-spacing: -5px;*/} .info_sublayout .info_box .inner p.txt{margin-top: 10px; font-size: 16px; color: #666;} .info_sublayout .info_box .inner .icon{position: relative; width: 110px;height: 84px; background: url(/site/kopri/images/sub02/info_sublayout_icon.png); display: inline-block;margin:10px auto } .info_sublayout .info_box .inner .icon1{background-position: 0 0;} .info_sublayout .info_box .inner .icon2{background-position: -111px 0;} .info_sublayout .info_box .inner .icon3{background-position: -221px 0;} .info_sublayout .info_box .inner .icon4{background-position: -331px 0;} .info_sublayout .info_box .inner .icon5{background-position: -441px 0;} .info_sublayout .info_box .inner .icon6{background-position: -551px 0;} .info_sublayout .info_box .inner .icon7{width: 67px;height: 88px;background-position: 0 -97px;} .info_sublayout .info_box .inner .icon8{width: 200px;height: 36px;background-position: -67px -153px;} .info_sublayout .info_box .inner .icon9{width: 85px;height: 75px;background-position: -267px -115px;} .info_sublayout .info_box .inner .icon10{width: 88px;height: 67px;background-position: -353px -123px;} .info_sublayout .info_box .inner .icon11{/*right: 39px;*/ width: 134px;height: 97px;background-position: -508px 0;} .info_sublayout .info_box .inner .icon12{/*right: 39px;*/ width: 74px;height: 73px;background-position: -442px -117px;} .info_sublayout .info_box .inner .icon13{/*right: 39px;*/ width: 76px;height: 76px;background-position: -518px -113px;} .info_sublayout .info_box .inner .icon14{/*right: 39px; */width: 139px;height: 93px;background-position: -596px -98px;} /* info_sublayout 아이콘에 정보 있을 때 */ .info_sublayout .info_box .inner ul{} .info_sublayout .info_box .inner ul li{position: absolute; font-size: 14px;line-height: 24px;color: #666;} .info_sublayout .info_box .inner ul li.n1{top: 85px;right: 11%; text-align: right;} .info_sublayout .info_box .inner ul li.n2{bottom: 50px;right:50%; text-align: left} .info_sublayout .info_box .inner ul li.n1:after{top: 40px;right: 57px; } .info_sublayout .info_box .inner ul li.n2:after{right: -25px;bottom: 6px; } .info_sublayout .info_box .inner ul li.n1:after, .info_sublayout .info_box .inner ul li.n2:after{content: '';position: absolute;width: 24px;height: 1px; background: #ccc;} .info_sublayout .info_box .inner ul li strong{display: block; font-size: 20px;font-family: 'ngn';font-weight: bold; line-height: 24px;color: #666;} @media (max-width:1300px){ .info_sublayout .info_box .inner{width: 48.6%} .info_sublayout .info_box .inner:nth-child(odd){margin-left: 0;} .info_sublayout .info_box .inner:nth-child(4){margin-left: 2.5%;} .info_sublayout .info_box .inner .icon, .info_sublayout .info_box .inner .icon.icon4, .info_sublayout .info_box .inner .icon.icon5{top: 75px;} .info_sublayout .info_box .inner.sta .icon1, .info_sublayout .info_box .inner.sta .icon2, .info_sublayout .info_box .inner.sta .icon3, .info_sublayout .info_box .inner.sta .icon4, .info_sublayout .info_box .inner.sta .icon5, .info_sublayout .info_box .inner.sta .icon6{top: 10px;} /* info_sublayout 아이콘에 정보 있을 때 */ .info_sublayout .info_box .inner ul li.n1:after, .info_sublayout .info_box .inner ul li.n2:after{display: none;} .info_sublayout .info_box .inner ul li.n2{right: 180px;bottom: 40px;} } @media (max-width:820px){ .info_sublayout .info_box .inner{height: 260px; /* padding-right: 45px; */} .info_sublayout .info_box .inner .icon{display: none;} /* info_sublayout 아이콘에 정보 있을 때 */ .info_sublayout .info_box .inner ul{margin-top:30px; } .info_sublayout .info_box .inner ul li.n1, .info_sublayout .info_box .inner ul li.n2{position: relative; top: auto; right: auto; bottom: auto; text-align: left} .info_sublayout .info_box .inner ul li strong{display: inline-block;} .info_sublayout .info_box .inner p.point strong{font-size:30px} } @media (max-width:767px){ .info_sublayout{padding-bottom: 5%} .info_sublayout h2{width: 100%} .info_sublayout h2:before, .info_sublayout h2:after{display: none;} .info_sublayout h2 em{display: block;} .info_sublayout .info_box .inner{height: 280px; padding:30px 10px;} } @media (max-width:650px){ .info_sublayout .info_box .inner{width: 100%;height: auto; margin-left: 0;text-align: center;} .info_sublayout .info_box .inner:nth-child(4){margin-left: 0} .info_sublayout .info_box .inner ul li{text-align: center;} .info_sublayout .info_box .inner p.point.point2{margin: 30px 0 0 0;} .info_sublayout .info_box .inner p.point strong{line-height: 40px;font-size: 35px;} } /* 링크서브레이아웃 */ .link_sublayout{height: 179px; background: url(/site/eng/images/sub02/link_sublayout_bg.jpg)no-repeat top;background-size: cover} .link_sublayout .txt_wrap{padding-bottom: 0} .link_sublayout .link_box{overflow: hidden;padding: 40px 0} .link_sublayout .link_box .txt{overflow: hidden; float: left;width: 58%;} .link_sublayout .link_box .txt h2{float: left;padding: 0; font-size: 30px;color: #fff;letter-spacing: -1px;text-align: center;} .link_sublayout .link_box .txt h2:before{display: none;} .link_sublayout .link_box .txt p{float: left;margin:0;padding:0;/*font-size: 14px;*/ color: #fff;text-align: left;} .link_sublayout .link_box .link{overflow: hidden; float: right;width: 41%;margin-top: 18px} .link_sublayout .link_box .link .lin{overflow: hidden;float: left} .link_sublayout .link_box .link .lin a{float: left;width: 80px;height: 80px;margin-left: 5px; padding: 20px 0; border: 1px solid #ddd; border-radius: 50%;color: #fff;text-align: center;font-size: 13px;} .link_sublayout .link_box .link .lin h3{float: left;margin:15px 0 0 10px;font-size: 21px;line-height: 24px; color: #fff;text-align: left;} .link_sublayout .link_box .link .lin h3 em{display: block; font-size: 12px;color: #fff;} .link_sublayout .link_box .link .lin a.icon{padding: 0; background: #2fa7e0;border: none;} .link_sublayout .link_box .link .lin a.icon:after{content: '';display: block; width: 75px;height: 75px;background: url(/site/eng/images/sub02/link_sublayout_icon.png)no-repeat;} @media (max-width:1200px){ .link_sublayout{height: auto} .link_sublayout .link_box{padding: 60px 20px;} .link_sublayout .link_box .txt{float: none;width: 100%} .link_sublayout .link_box .txt h2{float: none;} .link_sublayout .link_box .txt p{float: none;padding: 0 0 20px;text-align: center;} .link_sublayout .link_box .link{float: none;width: 470px;margin:0 auto; } } @media (max-width:550px){ .link_sublayout .link_box .link{width: 100%} .link_sublayout .link_box .link .lin{float: none;margin: 0 auto} .link_sublayout .link_box .link .lin1{width: 172px;} .link_sublayout .link_box .link .lin h3{float: none;text-align: center;} .link_sublayout .link_box .link .lin a.icon{display: block;float: none;margin: 10px auto;} } /* 푸터서브레이아웃 */ .footer_sublayout{padding: 100px 0; background: #10349e;} .footer_sublayout .txt_wrap{position: relative;} .footer_sublayout span.icon{display: block; width: 38px;height: 42px;margin: 0 auto; background: url(/site/eng/images/sub02/footer_sublayout_icon.png) no-repeat;} .footer_sublayout h2{/*width: 480px;*/ width:45%; margin: 10px auto;padding: 0; font-size: 16px; color: #fff;line-height: 24px;text-align: center; border-left:solid 1px #fff; border-right:solid 1px #fff; word-break:normal; white-space:normal; height:35px; } /* .footer_sublayout h2:before{content: '';position: absolute;left: 0;top: 0; width: 1px;height: 25px;background: #fff;} .footer_sublayout h2:after{content: '';position: absolute;right: 0; width: 1px;height: 25px;background: #fff;} */ .footer_sublayout .info{position: absolute;bottom: 50px; text-align: left;} .footer_sublayout .info h3{width: 100px; height: 100px; margin: 0;padding: 20px 0;background: #010b62;border-radius: 50%; font-size: 18px;font-weight: bold; color: #fff;line-height: 32px;text-align: center;} .footer_sublayout .info ul{overflow: hidden;position: relative; margin-top: 30px;} .footer_sublayout .info.col1 ul{margin-top: 0px;} .footer_sublayout .info.col2 ul:after{content: '';position: absolute;left: 49%;bottom: 0px; width: 1px;height: 53px; background: #2fa7e0;} .footer_sublayout .info ul li{margin-right: 30px; font-size: 16px;color: #fff;line-height: 24px;} .footer_sublayout .info.col2 ul li{float: left;width: 160px;} .footer_sublayout .info ul li:last-child{margin-right: 0} .footer_sublayout .info ul li span{margin-top: 20px; font-size: 40px;font-family: 'ngn'; line-height: 16.7px;} .footer_sublayout .info ul li span em{font-size: 20px;line-height: 16.27px;vertical-align: baseline;} #subMain_layout #txt .footer_sublayout.sj .txt_wrap{padding-bottom: 624px; background: url(/site/eng/images/sub02/sub02010101_map.png)100% bottom no-repeat;} .footer_sublayout.ds{background:#10349e url(/site/eng/images/sub02/sub02020101_bg.png)90% 150px no-repeat;} #subMain_layout #txt .footer_sublayout.ds .txt_wrap{padding-bottom: 692px; background: url(/site/eng/images/sub02/sub02020101_map.png)left bottom no-repeat;} .footer_sublayout.jbg{padding: 100px 0 0} #subMain_layout #txt .footer_sublayout.jbg .txt_wrap{padding-bottom: 670px; background: url(/site/eng/images/sub02/sub02040101_map.png)center bottom no-repeat;} .footer_sublayout.jbg .info{bottom: 150px;} @media (max-width:1670px){ .footer_sublayout.ds{background:#10349e;} } @media (max-width:1200px){ .footer_sublayout{padding: 60px 20px;} .footer_sublayout .info{left: 20px;bottom: 20px;} #subMain_layout #txt .footer_sublayout .txt_wrap, #subMain_layout #txt .footer_sublayout.sj .txt_wrap, #subMain_layout #txt .footer_sublayout.ds .txt_wrap{background-size: 100%;background-position: center;} .footer_sublayout.jbg{padding: 50px 0 0;} #subMain_layout #txt .footer_sublayout.jbg .txt_wrap{padding-bottom: 70%;background-size: 100%;} } @media (max-width:940px){ .footer_sublayout h2:before, .footer_sublayout h2:after {background:none} } @media (max-width:700px){ #subMain_layout #txt .footer_sublayout .txt_wrap, #subMain_layout #txt .footer_sublayout.sj .txt_wrap, #subMain_layout #txt .footer_sublayout.ds .txt_wrap{padding-bottom: 90%;} } @media (max-width:650px){ .info_sublayout .txt_wrap h2, .footer_sublayout h2{border:none; } .info_sublayout{padding-top: 20px} } @media (max-width:570px){ .footer_sublayout{padding: 50px 0;} #subMain_layout #txt .footer_sublayout .txt_wrap, #subMain_layout #txt .footer_sublayout.sj .txt_wrap, #subMain_layout #txt .footer_sublayout.ds .txt_wrap, #subMain_layout #txt .footer_sublayout.jbg .txt_wrap{padding-bottom: 0; background: none;} .footer_sublayout .info, .footer_sublayout.jbg .info{position: relative;left: auto;bottom: auto; margin-top:30px} .footer_sublayout .info h3{margin: 0 auto;} .footer_sublayout .info ul{width: 310px;margin: 30px auto;text-align: center;} .footer_sublayout .info ul:after{left: 160px;} .footer_sublayout h2{width: 100%;} } @media (max-width:500px){ .footer_sublayout h2 em{display: block;font-weight: normal;} .footer_sublayout h2:before, .footer_sublayout h2:after{display: none;} } @media (max-width:375px){ .footer_sublayout .info ul{width: auto;margin: 20px auto;} .footer_sublayout .info.col2 ul{width: 55%;} .footer_sublayout .info ul:after{display: none} .footer_sublayout .info.col2 ul li, .footer_sublayout .info.col2 ul li:last-child{float: none;margin: 0 auto 30px;} } /* 02030101 아라온호 서브메인 */ /* 서브메인 상단 , 주요업무 */ .aro.top_sublayout{padding: 50px 0 0 0} .aro.top_sublayout:after{content: '';display: block; height: 307px; background: url(/site/eng/images/sub02/sub02030101_bg.jpg) 50% 0 repeat-x;} #subMain_layout #txt .aro.top_sublayout .txt_wrap{padding-bottom: 80px} .aro.top_sublayout .top_infobox{margin: 0; padding: 0px 0 25px 2%;} .aro.top_sublayout .top_infobox .l_box{overflow: hidden; float: left;width: 50%} .aro.top_sublayout .top_infobox .l_box .pl{overflow: hidden; float: left;} .aro.top_sublayout .top_infobox .l_box .pl p{float: left; width: 78px;height: 78px;padding: 15px 0; border-radius: 50%;font-size: 24px;font-weight: bold; color: #fff;text-align: center;} .aro.top_sublayout .top_infobox .l_box .pl p.s1{background: #1d2781} .aro.top_sublayout .top_infobox .l_box .pl p.s2{background: #208fd0} .aro.top_sublayout .top_infobox .l_box .pl em{display:block; font-size: 14px;font-weight:normal;line-height: 30px;} .aro.top_sublayout .top_infobox .l_box span{float: left;margin: 0 10px; font-size: 48px;color: #898989;} .aro.top_sublayout .top_infobox .l_box strong{float: left;margin-left: 35px;padding:10px 0; font-size: 18px;font-weight: bold; color: #585858;text-align: left;} .aro.top_sublayout .top_infobox .l_box .eq{float: left;} .aro.top_sublayout .top_infobox .r_box{overflow: hidden;float: right;padding: 22px 0;} .aro.top_sublayout .top_infobox .r_box p{float: left; position: relative; padding-left: 40px;} .aro.top_sublayout .top_infobox .r_box p.last{margin-left: 30px;} .aro.top_sublayout .top_infobox .r_box p .icon{position: absolute;left: 0; background: url(/site/eng/images/sub02/sub02030101_icon.png)no-repeat;font-size: 18px;color: #666;} .aro.top_sublayout .top_infobox .r_box p .icon.icon1{width: 25px;height: 24px;background-position: 0 0;} .aro.top_sublayout .top_infobox .r_box p .icon.icon2{width: 21px;height: 24px;background-position: -27px 0;} .aro.top_sublayout .top_infobox .r_box strong{margin-right: 7px; font-size: 18px; font-weight: bold;color: #2e2e2e;} .aro.top_sublayout .task_sublayout{padding:0 0 25px; } .aro.top_sublayout .task_sublayout .task_box.col3 .inner{height: 310px;} .aro.top_sublayout h2{padding: 0; text-align: left;font-size: 30px;} .aro.top_sublayout h2:before{display: none;} .aro.top_sublayout .top_txt{text-align: left} .aro.top_sublayout .top_tbox{overflow: hidden;} .aro.top_sublayout .top_tbox p{float: left;width: 47%; margin-left: 5%;text-align: justify;} .aro.top_sublayout .top_tbox p:first-child{margin-left: 0;} #subMain_layout #txt .txt_wrap{margin-bottom:30px} @media (max-width:1090px){ #subMain_layout #txt .txt_wrap, #subMain_layout .depth4_tab{padding:0 20px;} .aro.top_sublayout .top_infobox .l_box{float: none;width: 100%} .aro.top_sublayout .top_infobox .r_box{float: none;} } @media (max-width:640px){ .aro.top_sublayout:after{display: none;} .aro.top_sublayout h2{font-size: 25px;} .aro.top_sublayout .top_infobox{padding-left: 0;} .aro.top_sublayout .top_infobox .l_box .pl{float: none;} .aro.top_sublayout .top_infobox .l_box .eq{float: none;} .aro.top_sublayout .top_infobox .r_box p{float: none;padding-bottom: 10px;text-align: left} .aro.top_sublayout .top_infobox .r_box p.last{margin-left: 0px;} .aro.top_sublayout .task_sublayout .task_box.col3 .inner{height: auto;} .aro.top_sublayout .top_tbox p{float: none;width: 100%;margin:0 0 10px 0;} } @media (max-width:520px){ .top_sublayout .top_infobox .inner{width:100%; margin:10px 0; padding:20px 0; border-top:solid 1px #e4e4e4 } .task_sublayout{padding:30px 0} } @media (max-width:375px){ .aro.top_sublayout .top_infobox .l_box span{margin: 0;font-size: 40px;} .aro.top_sublayout .top_infobox .l_box .pl span{margin: 10px;} .aro.top_sublayout .top_infobox .l_box strong{margin-left: 9px;font-size: 16px;} } /* 인포메이션 그래프 */ .aro.info_sublayout .info_box:before{content: '';display: block;width: 748px;height: 216px;margin: 0 auto; background:url(/site/eng/images/sub02/sub02030101_aro.png) center -30px no-repeat;} .aro.info_sublayout .info_box .inner{width: 48.6%;padding-right:2% } .aro.info_sublayout .info_box .inner:nth-child(odd){margin-left: 0;} .aro.info_sublayout .info_box .inner:nth-child(4){margin-left: 2.5%} /*.aro.info_sublayout .info_box .inner .icon{top: 185px;}*/ .aro.info_sublayout .info_box .inner p.point{line-height: 34px;} .aro.info_sublayout .info_box .inner p.txt{/*padding-right:34%*/ text-align: center} @media (max-width:900px){ .aro.info_sublayout .info_box:before{width: 100%;background-size: 100%;background-position: center;} .aro.info_sublayout .info_box .inner{height: 300px;} .aro.info_sublayout .info_box .inner p.txt{padding-left: 0} } @media (max-width:640px){ .aro.info_sublayout .info_box:before{display: none;} .aro.info_sublayout .info_box .inner{width: 100%;height: auto;padding: 15px} .aro.info_sublayout .info_box .inner:nth-child(4){margin-left: 0} .aro.info_sublayout .info_box .inner p.point strong{font-size: 50px;} .aro.info_sublayout .info_box .inner p.txt{padding: 0} } /* 링크서브레이아웃 */ .aro.link_sublayout{height: 179px; background: url(/site/eng/images/sub02/sub02030101_bg2.jpg)no-repeat top;background-size: cover;} .aro.link_sublayout .link_box{padding: 65px 0 30px;} .aro.link_sublayout .link_box .txt h2{margin-bottom: 0} .aro.link_sublayout .link_box .txt{width: 60%} /*.aro.link_sublayout .link_box .txt p{padding: 15px 0px 0px 30px;}*/ .aro.link_sublayout .link_box .link{width: auto;margin-top: 0} .aro.link_sublayout .link_box .link .lin a.icon{margin-left: 23px;} .aro.link_sublayout .link_box .link .lin a.icon:after{background-position: -75px 0} @media (max-width:1200px){ .aro.link_sublayout{height: auto} .aro.link_sublayout .link_box .txt{width: 100%} .aro.link_sublayout .link_box .link{width: 210px;margin:10px auto; } .aro.link_sublayout .link_box .link .lin{width: 207px} } @media (max-width:550px){ .aro.link_sublayout .link_box .link .lin a.icon{margin:0 auto;} .aro.link_sublayout .link_box .txt p{padding: 15px 0} } /* 푸터서브레이아웃*/ .aro.footer_sublayout{background: url(/site/eng/images/sub02/sub02030101_bg3.gif)repeat;} #subMain_layout #txt .aro.footer_sublayout .txt_wrap.bt{position: relative; padding-bottom: 500px; background: url(/site/eng/images/sub02/sub02030101_map.png) center 80% no-repeat;} .aro.footer_sublayout span.icon{background-position: -38px 0;} .aro.footer_sublayout h2{color: #000; } .aro.footer_sublayout h2 em{ font-weight: 700;display: block} .aro.footer_sublayout h2:before,.schedule_box .txt_wrap .footer_sublayout h2:after{background:none;} .schedule_box .txt_wrap h2{} .footer_sublayout.aro h2{/*width: 480px;*/ width:45%; margin: 10px auto;padding: 0; font-size: 16px;font-weight: normal; line-height: 24px;text-align: center; border-left:solid 1px #000; border-right:solid 1px #000; word-break:normal; white-space:normal; height:35px; background: none } .aro.footer_sublayout p{margin-top: 55px;padding: 0 10px;text-align: center;} .aro.footer_sublayout p span{display: block;} .aro.footer_sublayout .btn-ani{padding: 20px 40px 20px 30px;background-color: #083483;border-color: #083483;} .aro.footer_sublayout .btn-ani:hover, .aro.footer_sublayout .btn-ani:focus, .aro.footer_sublayout .btn-ani:active{background-color: #fff;border-color: #083483;color: #083483} .aro.footer_sublayout .btn-ani .arr{top: 38%} @media (max-width:1200px){ #subMain_layout #txt .aro.footer_sublayout .txt_wrap.bt{padding-bottom: 35%; background-size: 100%;} .aro.footer_sublayout p span{display: inline;} } @media (max-width:800px){ #subMain_layout #txt .aro.footer_sublayout .txt_wrap.bt{padding-bottom: 40%;background-position: center 80%;} } @media (max-width:600px){ #subMain_layout #txt .aro.footer_sublayout .txt_wrap.bt{padding-bottom: 40%;background-position: center 90%;} } /* 02010101 개요(서브메인) 끝 */ /* 02010102 건물현황 */ /*.building_tip{margin-bottom: 100px;}*/ /*.building_img{height: 287px; background: url(/site/eng/images/sub02/sub02010102_img00.jpg) 50% 0 repeat-x;}*/ .building_img030102{height: 287px;margin-bottom:60px; background: url(/site/eng/images/sub02/sub02030102.jpg) 50% 0 repeat-x;} .building_img{height: 303px; padding: 110px 0 0; background:url(/site/eng/images/sub02/sub02010102_img00.jpg) 50% 0 repeat-x;} .building_img p{font-size: 24px;color: #2b2b2b;} .building_img p span{display: block;} /*탭*/ .building_box{position: relative;padding-bottom: 60%} .building_box .building_tab{/*position: absolute;top: -406px;*/width: 100%;} .building_box .tab-ul{/*width: 930px;*/ width:100%; height:150px;margin: 0 auto 20px;} .building_box .tab-ul.tab-col-6 li{width: 16.7%;height: 100%;background: #fff;} .building_box .tab-ul.deth-4st li a span{padding: 20px 0 0;font-size: 15px;} .building_box .tab-ul.deth-4st.tab-img li a{padding: 26px 0 20px;} .building_box .tab-ul.deth-4st.tab-img li a em.tab_icon{height: 44px;margin: 0 auto;background: url(/site/eng/images/sub02/tab_sublayout_icon.png)no-repeat;} .building_box .tab-ul.deth-4st.tab-img li a.on{background-color: #10349e;border:1px solid #10349e;color:#fff;} .building_box .tab-ul.deth-4st.tab-img li.t1 a em.tab_icon{width: 98px;background-position: 0 1px;} .building_box .tab-ul.deth-4st.tab-img li.t1 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t1 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t1 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t1 a:active em.tab_icon{background-position: 0 -44px} .building_box .tab-ul.deth-4st.tab-img li.t2 a em.tab_icon{width: 76px;background-position: -98px 1px;} .building_box .tab-ul.deth-4st.tab-img li.t2 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t2 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t2 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t2 a:active em.tab_icon{background-position: -98px -44px;} .building_box .tab-ul.deth-4st.tab-img li.t3 a em.tab_icon{width: 72px;background-position: -174px 1px;} .building_box .tab-ul.deth-4st.tab-img li.t3 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t3 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t3 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t3 a:active em.tab_icon{background-position: -174px -44px} .building_box .tab-ul.deth-4st.tab-img li.t4 a em.tab_icon{width: 100px;background-position: -246px 1px;} .building_box .tab-ul.deth-4st.tab-img li.t4 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t4 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t4 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t4 a:active em.tab_icon{background-position: -246px -44px} .building_box .tab-ul.deth-4st.tab-img li.t5 a em.tab_icon{width: 63px;background-position: -346px 1px;} .building_box .tab-ul.deth-4st.tab-img li.t5 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t5 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t5 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t5 a:active em.tab_icon{background-position: -346px -45px} .building_box .tab-ul.deth-4st.tab-img li.t6 a em.tab_icon{width: 44px;background-position: -409px 1px;} .building_box .tab-ul.deth-4st.tab-img li.t6 a.on em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t6 a:hover em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t6 a:focus em.tab_icon, .building_box .tab-ul.deth-4st.tab-img li.t6 a:active em.tab_icon{background-position: -409px -44px} @media (max-width: 1200px) { .building_img{height: 237px;} .building_box .building_tab{top:-356px;} } @media (max-width: 960px) { .building_img{display: none;} .building_box .building_tab{position: relative;top: auto;} .building_box .tab-ul{width: 100%;height: auto} .building_box .tab-ul.tab-col-6 li{width: 33.3%;height: 69px;} .building_box .tab-ul.deth-4st.tab-img li a{padding: 15px 0 15px;} .building_box .tab-ul.deth-4st.tab-img li a em.tab_icon{display: none;} .building_box .tab-ul.deth-4st li a span{padding: 0} } @media (max-width: 470px) { .building_box .tab-ul.tab-col-6 li{width: 50%;} } /* 이미지 롤링 */ .building_box .building_obj{overflow: hidden;position: absolute;left: 0px;top:185px;/*top:475px;*/width: 100%;padding: 0} .building_box .building_obj .img_rolling{display:inline-block;float: left; position:relative;width: 60%; margin:0 auto;text-align:center;} .building_box .building_obj .img_rolling .img_wrap{ width:100%; display:inline-block;position:relative;} .building_box .building_obj .img_rolling .img_wrap .sliderBox{ display:inline-block;overflow:hidden; width:100%;height: auto; } .building_box .building_obj .img_rolling .img_wrap .sliderBox ul{display:inline-block; overflow:hidden; position:relative;width:100%; height:0; padding-bottom:70.16%; z-index:0;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li{display:inline-block;width:100%; height:100%; background:no-repeat center center; background-size:cover; text-align:center;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li .txt{position: relative;width: 90%;min-height: 155px;margin:-9.5% auto;padding:4% 0; background: #fff; z-index: 99} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li .txt h3{margin: 0;font-size: 18px;font-weight: bold; line-height: 24px;color: #000;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li .txt p{display:block;padding:0 50px;font-size:14px;line-height:22px;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li img{ width:100%;height:auto} .building_box .building_obj .img_rolling .img_wrap .btn_area{display:inline-block; width:100%; } .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_prev{display:block;position: absolute;bottom: 13%;left: 10%; font-size: 0;text-indent: -9999px;} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_next{display:block;position: absolute;bottom: 11%; right: 10%; font-size: 0;text-indent: -9999px;} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_prev span{display: block; left: 56px;width: 8px;height: 15px; background:url(/site/eng/images/sub02/prev_btn.png)no-repeat;} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_next span{display: block; right: 0;width: 8px;height: 15px; background:url(/site/eng/images/sub02/next_btn.png)no-repeat;} .building_box .building_obj .img_rolling .img_wrap .paging{ position: absolute;right:-25%;bottom:8%} .building_box .building_obj .img_rolling .img_wrap .paging button{display:inline-block;margin-right:6px;width:7px;height:7px;font-size:0;line-height:0;text-indent:-9999px;background:url(/site/eng/images/sub02/rolling_btn.png) no-repeat;} .building_box .building_obj .img_rolling .img_wrap .paging button.on{width: 23px;height: 23px;margin-top: -9px; background:url(/site/eng/images/sub02/rolling_btn_ov.png) no-repeat;} .building_box .building_obj .txt_box{float:left; width:35%; margin-left:4%; text-align: left;} .building_box .building_obj .txt_box h2{position: relative;padding:0 0 3% 0; margin-bottom:8%; font-weight: 700; font-size: 27px;color: #1a2273;line-height: 160%} .building_box .building_obj .txt_box h2:before{content: '';position: absolute; top:auto; bottom:-10%; left: 0; width: 44px; height: 1px; background: #484e8f} .building_box .building_obj .txt_box h2 .icon{display: inline-block;height: 43px;margin-left: 15px;background: url(/site/eng/images/sub02/sub02010102_icon.png) no-repeat;} .building_box .building_obj .txt_box h2 .icon.icon1{width: 121px;background-position:0 0; } .building_box .building_obj .txt_box h2 .icon.icon2{width: 76px;background-position:-121px 0; } .building_box .building_obj .txt_box h2 .icon.icon3{width: 72px;background-position:-197px 0; } .building_box .building_obj .txt_box h2 .icon.icon4{width: 100px;background-position:-269px 0; } .building_box .building_obj .txt_box h2 .icon.icon5{width: 63px;background-position:-369px 0; } .building_box .building_obj .txt_box h2 .icon.icon6{width: 44px;background-position:-432px 0; } .building_box .building_obj .txt_box p{margin-bottom:20px;line-height: 160%} @media (max-width:1200px){ .building_box .building_obj{top: 200px;} } @media (max-width:1150px){ .building_box .building_obj .txt_box .scl{overflow-y: scroll;height: 270px;} .building_box .building_obj .img_rolling .img_wrap .paging{bottom: 0;right: -35%;} } @media (max-width:1023px){ .building_box .building_obj .txt_box .scl{height: 170px;} } @media (max-width:800px){ .building_box{padding-bottom: 190%;} .building_box .building_obj{top: 230px;} .building_box .building_obj .img_rolling{float:none;width: 100%;} .building_box .building_obj .txt_box .scl{overflow-y: hidden;height: auto} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul{padding-bottom: 76%;} .building_box .building_obj .img_rolling .img_wrap .paging{display:none} .building_box .building_obj .txt_box{float:none;width: 100%;margin:10px 0 0; padding:0 20px} } @media (max-width:540px){ .building_box{padding-bottom: 240%;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul{padding-bottom:85%} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li .txt{width: 100%;min-height: auto;margin:0;} .building_box .building_obj .img_rolling .img_wrap .sliderBox ul li .txt p{padding: 0 35px;} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_prev{left: 5%;bottom:10%;} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_next{right: 5%;bottom:10%} } @media (max-width:404px){ .building_box{padding-bottom: 350%;} .building_box .building_obj{top: 230px} .building_box .building_obj .txt_box h2 .icon{display: none;} } @media (max-width:375px){ .building_box .building_obj .img_rolling .img_wrap .sliderBox ul{padding-bottom:115%} .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_prev, .building_box .building_obj .img_rolling .img_wrap .btn_area .btn_next{bottom:20%} } /* 02010102 건물현황 끝 */ /* 02010103 주요장비 */ .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item{height: 392px;} .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item .img_h{height:65%} @media (max-width:1156px){ .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item .img_h{height:56%} } @media (max-width:999px){ .sub02010103 .ui.uic.mb_10.type2 .box_col .col{width: 49%} .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item{height: 540px;} } @media (max-width:840px){ .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item{height: 450px;} } @media (max-width:640px){ .sub02010103 .ui.uic.mb_10.type2 .box_col .col{width: 100%} .sub02010103 .ui.uic.mb_10.type2 .box_col .col .item{height: auto} } /* 02010104 주변기지 */ .giji_txt{position:relative; padding:0 30px} .giji_txt span{display: block;} .giji_img{padding: 8%; background: url(/site/eng/images/sub02/sub02010104_img00.jpg)no-repeat;background-size:auto 100%;} .giji_info{margin-top: 50px;} .giji_info .inner{overflow: hidden;padding:75px 0; border-bottom: 1px solid #e8e8e8} .giji_info .inner .img_box{float: left;width: 37.581%} .giji_info .inner .img_box img{width: 100%;} .giji_info .inner .txt_box{float: left;width: 54.92%;margin-left: 7.5%;text-align: left;} .giji_info .inner .txt_box h2{position: relative; margin-left: 63px;font-size: 23px;color:#1a2273 } .giji_info .inner .txt_box h2:before{display: none;} .giji_info .inner .txt_box h2 .giji_icon{border-radius:50%; border:solid 1px #ccc; position: absolute;left: -50px; width: 41px;height: 41px; background: url(/site/eng/images/sub02/sub02010104_icon.png)no-repeat;} .giji_info .inner .txt_box h2 .giji_icon.icon1{background-position: 0 0;} .giji_info .inner .txt_box h2 .giji_icon.icon2{background-position: -41px 0;} .giji_info .inner .txt_box h2 .giji_icon.icon3{background-position: -82px 0;} .giji_info .inner .txt_box h2 .giji_icon.icon4{background-position: -122px 0;} .giji_info .inner .txt_box h2 .giji_icon.icon5{background-position: -164px 0;} .giji_info .inner .txt_box h2 .giji_icon.icon6{background-position: -205px 0;} .giji_info .inner .txt_box h2 .giji_icon.icon7{background-position: -246px 0;} .giji_info .inner .txt_box ul{overflow: hidden;margin: 50px 0;} .giji_info .inner .txt_box ul li{float: left;padding: 0 10px;border-left: 1px solid #b7b7b7; font-size: 22px;font-weight: bold; color: #333;line-height: 27px;text-align: center;} .giji_info .inner .txt_box ul li:first-child{padding-left: 10px; border-left: 0} .giji_info .inner .txt_box ul li em{display: block; font-size: 16px;font-weight: normal; color: #1a2273;line-height: 27px;} @media (max-width: 1050px) { .giji_txt span{display: inline;} } @media (max-width: 800px) { .giji_img{display: none;} .giji_info .inner .img_box{float: none;width: 100%;} .giji_info .inner .txt_box{float: none;width: 100%;margin: 30px 0 0 0} .giji_info .inner .txt_box ul{margin: 20px 0;} .giji_info .inner .txt_box ul li{padding: 0 3%;} } @media (max-width: 767px) { .giji_info{margin-top: 0} .giji_info .inner:first-child{padding-top: 0} } @media (max-width: 500px) { .giji_info .inner .txt_box h2 em{display: block;} /*.giji_info .inner .txt_box ul li{width: 33.3%}*/ .giji_info .inner .txt_box ul li{width: 50%} .giji_info .inner .txt_box ul li:first-child{padding-left: 0} .giji_info .inner .txt_box ul li em span{display: block;} } @media (max-width: 340px) { .giji_info .inner .txt_box ul li{padding: 0 2%;} } /* 02020102 시설현황 */ .sub02020102 .ui.uic.mb_10 .box_col .col .item{height: 400px;} @media (max-width:768px){ .sub02020102 .ui.uic .box_col .col{width: 49%} } @media (max-width:640px){ .sub02020102 .ui.uic.mb_10 .box_col .col{width: 100%} .sub02020102 .ui.uic.mb_10 .box_col .col .item{height: auto} } /* 02020103 시설현황 */ .sub02020103 .ui.uic.mb_10 .box_col .col .item{height: 355px;} @media (max-width:768px){ .sub02020103 .ui.uic.mb_10 .box_col .col{width: 49%} .sub02020103 .ui.uic.mb_10 .box_col .col .item{height: 400px;} } @media (max-width:640px){ .sub02020103 .ui.uic.mb_10 .box_col .col{width: 100%} .sub02020103 .ui.uic.mb_10 .box_col .col .item{height: auto} } /* 02020201 개요 */ /* 탑박스 */ .giji_topbox{height: 303px;padding-top: 80px; background: url(/site/eng/images/sub02/sub02020201_bg.jpg) center;/*background-size: cover;*/} #subMain_layout #txt .giji_topbox .txt_wrap{padding-bottom: 0} .giji_topbox strong{display: block;font-size: 24px;font-weight: bold;color: #2b2b2b;text-align: center; word-break: normal; white-space: normal} .giji_topbox p{font-size: 16px;line-height: 22px;color: #2b2b2b;text-align: center; word-break: normal; white-space: normal} @media (max-width: 768px) { .giji_topbox{height: auto;padding: 60px 20px;background-size: 100% 140%;background-position: top center;} #subMain_layout #txt .giji_topbox .txt_wrap strong em{display: block;} } @media (max-width: 420px) { #subMain_layout #txt .giji_topbox .txt_wrap strong em{display: inline;} .giji_topbox strong{font-size: 18px;} } /* 내용 */ .giji_txtbox h2{margin-top: 110px;} .giji_txtbox .ui.uic .box_col .col .item .txtp{text-align: center;} .giji_txtbox .giji_map{overflow: hidden;} .giji_txtbox .giji_map .img{float: left;width: 55%} .giji_txtbox .giji_map .txt{float: right;width: 40%;text-align: left;} .giji_txtbox .giji_map .txt h3{margin:0 0 12px 0; font-size: 20px; color: #000;} .giji_txtbox .giji_map .txt ul{overflow: hidden;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .giji_txtbox .giji_map:after, .giji_txtbox .giji_map .txt ul:after{display: block; clear: both; content: ''} .giji_txtbox .giji_map .txt ul li{float: left;position: relative; width:50%;padding:0 0 3px 8%;font-size: 15px;line-height: 30px; color: #474747;} .giji_txtbox .giji_map .txt ul li.last{padding-bottom:0px; } .giji_txtbox .giji_map .txt ul li span{position: absolute;left: 0;font-size: 15px;font-weight: bold;line-height: 30px;color: #1a2273;} @media (max-width: 992px) { .giji_txtbox .giji_map .img, .giji_txtbox .giji_map .txt{float: none;width: 100%} .giji_txtbox .giji_map .txt h3{margin: 30px 0 12px 0} .giji_txtbox .giji_map .txt ul li{width: 33.3%;} } @media (max-width: 650px) { .giji_txtbox .giji_map .txt ul li{width: 50%;padding-left: 7%;} } @media (max-width: 440px) { .giji_txtbox .giji_map .txt ul li{float: none; width: 100%;padding-left: 13%;} } /* 02020201 개요 끝 */ /* 02020202 기반시설 */ .sub02020202 .ui.uic.mb_10 .box_col .col .item{height: 420px;} @media (max-width:999px){ .sub02020202 .ui.uic.mb_10 .box_col .col{width: 49%} .sub02020202 .ui.uic.mb_10 .box_col .col .item{height: 470px;} } @media (max-width:640px){ .sub02020202 .ui.uic.mb_10 .box_col .col{width: 100%} .sub02020202 .ui.uic.mb_10 .box_col .col .item{height: auto} } @media (min-width: 768px) { .img_table .tbl_basic td{height: 60px;} .ui.uib .uibodo .thm_figure img{height:164px;} } /* 02020203 주변기지 */ .ngiji_img.ui.uic .box_col .col .item{margin-bottom: 10px;} .ngiji_img.ui.uic .box_col .col .item .thm_caption p{position: relative;margin-top: 10px;padding-left: 60px} .ngiji_img.ui.uic .box_col .col .item .thm_caption .ico{display: inline-block;position: absolute;left: 5px;top: 5px;width: 50px;height: 34px;margin-right: 10px;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon1{background: url(/site/eng/images/sub02/sub02020203_bg01.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon2{background: url(/site/eng/images/sub02/sub02020203_bg02.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon3{background: url(/site/eng/images/sub02/sub02020203_bg03.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon4{background: url(/site/eng/images/sub02/sub02020203_bg04.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon5{background: url(/site/eng/images/sub02/sub02020203_bg05.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon6{background: url(/site/eng/images/sub02/sub02020203_bg06.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item .thm_caption .icon7{background: url(/site/eng/images/sub02/sub02020203_bg07.jpg)no-repeat;} .ngiji_img.ui.uic .box_col .col .item{height: 360px;} @media (max-width:700px){ /*.ngiji_img.ui.uic .box_col .col{width: 49%}*/ .ngiji_img.ui.uic .box_col .col{width: 100%} .ngiji_img.ui.uic .box_col .col .item{height: auto} /*.ngiji_img .ui.uic.mb_10 .box_col .col .item{height: 400px;}*/ } @media (max-width:640px){ } /* 02020204 기타 */ .sub02020204 .ui.uic.mb_10 .box_col .col .item{height: 480px;} @media (max-width:999px){ .sub02020204 .ui.uic.mb_10 .box_col .col .item{height: 430px;} } @media (max-width:639px){ .sub02020204 .ui.uic.mb_10 .box_col .col .item{height: auto} } /* 020302 운항일정 */ /* 연간운영계획 */ .schedule_txt span{display: block;} .schedule_box{margin-top: 50px; padding: 70px; background: url(/site/eng/images/sub02/sub020302_bg.gif)repeat;} #subMain_layout #txt .schedule_box .txt_wrap{padding-bottom: 0} .schedule_box h2{position: relative;width: 505px;margin: 0 auto; font-size: 36px;line-height: 24px; color: #fff;} .schedule_box h2:before{display: none;} .schedule_box h2 .icon{position: absolute;left: 0;top: -15px; width: 52px;height: 53px; background: url(/site/eng/images/sub02/sub020302_icon.png)no-repeat;} .schedule_box .schedul_map{padding-bottom: 30%; background:url(/site/eng/images/sub02/sub020302_bg2.png) bottom no-repeat;} @media (max-width:1300px){ .schedule_box .schedul_map{background-size: 100%;} } @media (max-width:1024px){ .schedule_txt span{display:inline;} .schedule_box{padding: 40px;} } @media (max-width:768px){ .schedule_box h2{width: 250px; margin: 0 auto 20px;padding-left: 50px;font-size: 19px;} } @media (max-width:375px){ .schedule_box{padding: 40px 10px;} } /* 임무 */ .mission_box{} .mission_box .mission{overflow: hidden;margin: 75px 0;} .mission_box .mission .inner{float: left;width: 33.3%;min-height: 216px;padding-left: 20px; border-left: 1px solid #e3e3e3; text-align: left;} .mission_box .mission .inner:first-child{padding-left: 0; border-left: 0} .mission_box .mission .inner ul{margin-top: 35px;} .mission_box .mission .inner ul li{font-size: 15px; line-height: 24px;} .mission_box .ui.uit .inner .txtwrap{text-align: left} .mission_box .ui.uit .inner .btnwrap{top: -10px;} .mission_box .ui.uit .inner .btnwrap .btn-ani{padding: 15px 72px 15px 14px;} @media (max-width:1024px){ .mission_box .mission .inner{width: 50%;min-height: auto;padding-left: 8%;} .mission_box .mission .inner:nth-child(odd){padding-left: 0;border-left: 0;} } @media (max-width:768px){ .mission_box .mission .inner{float: none; width: 100%;padding-left: 0;border-left: 0;} .mission_box .ui.uit.type1 .inner .tp_icon.circle{display: none;} .mission_box .ui.uit.type1 .inner{padding: 25px} .mission_box .ui.uit .inner .btnwrap{position: relative;} } /* 020302 운항일정 끝 */ /* 020303 아라온호 위치 */ .section_iframe{overflow:hidden;width:100%;margin:0 auto} .section_iframe iframe{width:100%;height: 700px;} /* 02030101 건물현황 */ .building_type2{/*overflow: hidden;*/margin: 120px 0;} .building_type2:after{clear: both; content: ''; display: block} .building_type2 .inner{float: left;width: 33.3%;padding-top: 40px;} .building_type2 .inner:after{ background:#1a2273; height:2px; top:50%} .building_type2 .inner .box{position: relative;width: 270px;height: 400px;margin: 0 auto; border-top: 2px solid #1a2273;border-bottom: 2px solid #1a2273;text-align:center;} .building_type2 .inner .box h2{position: relative;top: -17%;width: 130px;height: 130px;margin: 0 auto;padding: 30px 0 0 0;background: #1a2273;border-radius: 50%;font-size:16px;font-weight: bold;color: #fff; /* line-height: 90px; */} .building_type2 .inner .box h2:before{ background:none} .building_type2 .inner .box h2.txt1, .building_type2 .inner .box h2.txt2{line-height:130px; padding-top:0} .building_type2 .inner .box .icon{display: block;position: absolute;bottom: 20px;left:15%; margin: 0 auto; background: url(/site/eng/images/sub02/sub02040102_icon.png)no-repeat;} .building_type2 .inner .box .icon.icon1{width: 160px;height: 80px;background-position: 0 0} .building_type2 .inner .box .icon.icon2{width: 195px;height: 80px;background-position: -160px 0} .building_type2 .inner .box .icon.icon3{width: 164px;height: 80px;background-position: -355px 0} @media (max-width: 825px){ .building_type2{margin:70px 0;} .building_type2 .inner{width: 50%;margin-bottom: 20px; padding-top:40px; margin-top:60px} } @media (max-width: 550px){ .building_type2 .inner{float: none;width: 100%;} } /* 02040104 주변기지 */ .giji_img2{padding: 8%; background: url(/site/eng/images/sub02/sub02040104_bg.gif)no-repeat;background-size: 100%;} .giji_info2{overflow: hidden;} .giji_info2 .inner{float: left;width: 49%;margin: 0 2% 2% 0; padding: 45px 40px; border:1px solid #c1c1c1;} .giji_info2 .inner:nth-child(even){margin-right: 0;} .giji_info2 .inner h3{position: relative;margin: 0; padding-left: 64px; font-size: 24px;font-weight: bold;text-align: left} .giji_info2 .inner h3 .icon{display: inline-block;position: absolute;left: 0;top: 10px; width: 41px;height: 41px;background: url(/site/eng/images/sub02/sub02040104_icon.png)no-repeat;} .giji_info2 .inner h3 .icon.icon1{background-position: 0 0;} .giji_info2 .inner h3 .icon.icon2{background-position: -41px 0;} .giji_info2 .inner h3 .icon.icon3{background-position: -82px 0;} .giji_info2 .inner h3 .icon.icon4{background-position: -123px 0;} .giji_info2 .inner h3 .icon.icon5{background-position: -164px 0;} .giji_info2 .inner h3 em{display:block;font-size: 16px;font-weight: bold;line-height: 1em;} .giji_info2 .inner ul{overflow: hidden;/*margin-top: 40px;*/ margin:40px auto;} .giji_info2 .inner ul li{float: left;/*width: 32%;*/ width:49%; border-right: 1px solid #b7b7b7;text-align: center;font-size: 22px;font-weight: bold} .giji_info2 .inner ul li:last-child{border-right: 0;} .giji_info2 .inner ul li em{display: block; font-size: 16px;color: #1a2273;text-align: center;} @media (max-width: 900px){ .giji_info2 .inner{float: none;width: 100%;margin:0 0 2% 0;} } @media (max-width: 800px) { .giji_img2{display: none;} } @media (max-width: 425px){ .giji_info2 .inner{padding: 35px 2%;} .giji_info2 .inner h3{font-size: 20px;} .giji_info2 .inner h3 .icon{left: 10px;} .giji_info2 .inner ul li em{font-size: 14px;} } /* 020501 극지로 가는 길 */ .road_topbox p span{display: block;} .road_infobox h2{margin:10px 0 0;padding-left: 0;font-size: 30px;color: #1a2273;text-align: left;} .road_infobox h2:before{background: none;} .road_infobox{margin-top: 80px;} .road_infobox .inner{overflow: hidden;} #subMain_layout #txt .road_infobox .inner .txt_wrap{padding: 75px 0} .road_infobox .inner:nth-child(odd){background: #eaeff2;} .road_infobox .inner .img{float: left;width: 54%} .road_infobox .inner .txt{float: left;width: 40%;margin-left: 4%} .road_infobox .inner .txt .list_num li{margin:12px 0;font-size: 16px;text-align: left} .road_infobox .inner .txt .list_num li .num.num-default{width: 29px;height: 29px;line-height: 29px;} .road_infobox .live_box{margin: 130px 0;} .road_infobox .live_box h2{text-align: center;} @media (max-width: 768px){ .road_topbox p span{display: inline;} .road_infobox .inner{padding: 0 20px} .road_infobox .inner .img, .road_infobox .inner .txt{float: none;width: 100%;margin-left: 0} } /* 030101 연구분야 */ /* 탑박스 */ .rsch_topbox{height: 303px; padding: 110px 0 0; background:url(/site/eng/images/sub03/sub030101_bg.jpg) 50% 0 repeat-x;} .rsch_topbox .txt_wrap{padding-bottom: 0} .rsch_topbox p{font-size: 24px;color: #2b2b2b;text-align: center;line-height: 30px;} .rsch_topbox p span{display: block;} @media (max-width: 768px) { .rsch_topbox{height: auto;padding: 60px 20px;background-size: cover;} .rsch_topbox p span{display: inline;} } /*주요연구*/ .rsch_txtbox{} .rsch_txtbox h2{margin-top:110px;} .rsch_txtbox strong{display: block; font-size: 18px;font-weight: bold; color: #000;} .rsch_txtbox .rsch_diagram{position: relative; width: 794px;height: 650px;margin: 40px auto;padding-top: 320px; background: url(/site/eng/images/sub03/sub030101_bg2.png)no-repeat center 180px;} .rsch_txtbox .rsch_diagram .tit{width: 200px;height: 155px;margin: 0 auto;text-align: center;} .rsch_txtbox .rsch_diagram .tit h3{position: relative;margin: 0 0 40px 0; font-size: 26px;font-weight: bold; line-height: 18px;} .rsch_txtbox .rsch_diagram .tit h3:after{content: ''; position: absolute;bottom: -24px;left: 42%; width:31px;height: 1px;background: #1a2273; } .rsch_txtbox .rsch_diagram .tit p{font-size: 15px; color: #333;} .rsch_txtbox .rsch_diagram ul{text-align: center;} .rsch_txtbox .rsch_diagram ul li{position: absolute;height: 125px; font-size: 22px; } .rsch_txtbox .rsch_diagram ul li.n1{top: 0;left: 30%;} .rsch_txtbox .rsch_diagram ul li.n2{left: -30px;bottom: 0;} .rsch_txtbox .rsch_diagram ul li.n3{right: -30px;bottom: 0;} .rsch_txtbox .rsch_diagram ul li.n1, .rsch_txtbox .rsch_diagram ul li.n2, .rsch_txtbox .rsch_diagram ul li.n3{width: 330px;} .rsch_txtbox .rsch_diagram ul li span{display: block;text-align: center; color: #fff} .rsch_txtbox .rsch_diagram ul li span.box{width: 66px;height: 66px;margin: 0 auto; background: #10349e; font-size: 14px;line-height: 19px;} .rsch_txtbox .rsch_diagram ul li span.numb{font-size: 25px;font-weight: bold; line-height: 20px;} @media (max-width: 830px) { .rsch_txtbox .rsch_diagram{width: 100%;} } @media (max-width: 767px) { .rsch_txtbox .rsch_diagram{height: auto; padding: 0; background: none;} .rsch_txtbox .rsch_diagram .tit{width: 100%;height: auto; padding: 25px;border: 2px solid #10349e;text-align: left} .rsch_txtbox .rsch_diagram .tit h3:after{left: 6px;} .rsch_txtbox .rsch_diagram ul{margin-top: 20px;} .rsch_txtbox .rsch_diagram ul li{position: relative;left: auto;height: auto;min-height: 66px; padding:0 0 10px 70px;font-size: 20px; text-align: left;} .rsch_txtbox .rsch_diagram ul li.n1, .rsch_txtbox .rsch_diagram ul li.n2, .rsch_txtbox .rsch_diagram ul li.n3{left: 0;width: 100%;} .rsch_txtbox .rsch_diagram ul li.n2, .rsch_txtbox .rsch_diagram ul li.n3{margin-top:10px;} .rsch_txtbox .rsch_diagram ul li span.box{position: absolute;left: 0} .rsch_txtbox .rsch_diagram ul li em{display: inline-block} } @media (max-width: 520px) { .rsch_txtbox .rsch_diagram ul li{padding-left:0; height:auto} .rsch_txtbox .rsch_diagram ul li span.box{width:100%; display: block; height:auto; padding:10px 0} .rsch_txtbox .rsch_diagram ul li em{display: block; padding-top:50px ; text-align: center} .rsch_txtbox .rsch_diagram ul li span.numb{display: inline-block} } /* 주요연구성과 */ .rsch_graph{margin-top: 65px;} .rsch_graph .inner{overflow: hidden; margin-bottom: 100px;} .rsch_graph .inner .l_box{float: left;width: 30%;padding: 56px 2%; border:1px solid #5d639c;} .rsch_graph .inner .l_box h3{margin:0 0 10px;font-size: 17px;line-height: 25px;text-align: center;} .rsch_graph .inner .l_box .icon{display: block; width:147px;height: 147px;margin: 0 auto; background: url(/site/eng/images/sub03/sub030101_icon.png); } .rsch_graph .inner .l_box .icon.icon1{background-position: 0 0;} .rsch_graph .inner .l_box .icon.icon2{background-position: -147px 0;} .rsch_graph .inner .l_box p{font-size: 20px;color: #666;text-align: center;} .rsch_graph .inner .l_box p em{font-size: 56px;font-weight: bold; color: #000;vertical-align: baseline;letter-spacing: -5px;line-height: 80px;} .rsch_graph .inner .r_box{float: right;width: 65%;} .rsch_graph .inner .r_box .graph{} .rsch_graph .inner .r_box .graph li{overflow: hidden; padding: 13px 0 15px;border-top:1px solid #b2b2b2; } .rsch_graph .inner .r_box .graph li:last-child{border-bottom:1px solid #b2b2b2; } .rsch_graph .inner .r_box .graph li span.g_wrap{display: block; overflow: hidden;} .rsch_graph .inner .r_box .graph li span.tit{float: left;width:34%;font-size: 18px;color: #474747;text-align: left;} .rsch_graph .inner .r_box .graph li span.gp{display: block;float: left;height:29px;background:#1a2273; } .rsch_graph .inner .r_box .graph li.g1 span.gp{width: 4%;} .rsch_graph .inner .r_box .graph li.g2 span.gp{width: 58%;} .rsch_graph .inner .r_box .graph li.g3 span.gp{width: 37%;} .rsch_graph .inner .r_box .graph li.g4 span.gp{width: 17%;} .rsch_graph .inner .r_box .graph li.g5 span.gp{width: 3%;} .rsch_graph .inner .r_box .graph li.g6 span.gp{width: 5%;} .rsch_graph .inner .r_box .graph li span.info{float: right; font-size: 18px;font-weight: bold; color: #1a2273;} @media (max-width: 900px) { .rsch_graph .inner:last-child .l_box{margin-top: 45px;} } @media (max-width: 767px) { .rsch_graph .inner .l_box{float: none;width: 100%;margin-top: 0;padding: 30px 3%;margin-bottom: 20px;} .rsch_graph .inner .r_box{float: none;width: 100%} } @media (max-width: 500px) { .rsch_graph .inner .r_box .graph li span.tit{width: 50%;} .rsch_graph .inner .r_box .graph li span.g_wrap{padding: 0 30px} .rsch_graph .inner .r_box .graph li span.gp{display: none;} } /* 030101 연구분야 끝 */ /* 0302 시기별 극지연구 */ /*탭*/ .history_tab.tab-ul{display: inline-block;width: auto;margin: 60px 0 50px;} .history_tab.tab-ul li{width: auto;} .history_tab.tab-ul li.on a, .history_tab.tab-ul li.on a:hover, .history_tab.tab-ul li.on a:active, .history_tab.tab-ul li.on a:focus{background: url(/site/eng/images/sub03/sub0302_tab.png)no-repeat 95% 50%;background-color: #10349e;color: #fff;} .history_tab.tab-ul li a:hover, .history_tab.tab-ul li a:active, .history_tab.tab-ul li a:focus{background-color: #10349e;color: #fff;} .history_tab.tab-ul li a span{padding: 20px 55px 20px 25px;} .history_tab.tab-ul li a span:after{display: none;} @media (max-width:520px){ .history_tab.tab-ul li{width: 100%} } /*컨텐츠*/ .history_wrap{padding-bottom: 110px;background: url(/site/eng/images/sub03/sub0302_bg1.png) repeat;} .history_wrap .history_top{padding: 130px 130px 440px;} .history_wrap.type1 .history_top{background: url(/site/eng/images/sub03/sub0302_type1_bg2.png) top center no-repeat;background-size:cover;} .history_wrap.type2 .history_top{background: url(/site/eng/images/sub03/sub0302_type2_bg2.png) top center no-repeat;background-size:cover;} .history_wrap .history_top span{font-weight: bold;font-size: 16px;color: #fff} .history_wrap .history_top span.line{position: relative;padding-left: 95px} .history_wrap .history_top span.line:before{content: '';display: block;position: absolute;top: 13px;left: 10%;width: 67px;height: 1px;background: #fff;} .history_wrap .history_top h2{margin: 50px auto 30px;padding: 0;font-size: 60px;letter-spacing: -1px;color: #fff;line-height: 80px;font-family: nmj} .history_wrap.type1 .history_top h2{/*width: 333px;background: url(/site/eng/images/sub03/sub0302_type1_h2.png) no-repeat;*/} .history_wrap.type2 .history_top h2{/*width: 465px;background: url(/site/eng/images/sub03/sub0302_type2_h2.png) no-repeat;*/} .history_wrap .history_top h2:before{display: none} .history_wrap p{font-size: 16px;color: #fff;line-height: 28px;} .history_wrap .history_top p .icon{display: block;width: 54px; height: 78px;margin: 0 auto;background: url(/site/eng/images/sub03/sub0302_icon.png) no-repeat;} .history_wrap #history{position: relative;top: 70px;padding: 0 10px;margin-top: -320px;} .history_wrap #history .history_logo{display: none;width: 386px;} .history_wrap.type1 #history .history_logo{height: 315px;background: url(/site/eng/images/sub03/sub0302_type1_bg3.png)no-repeat;font-size: 0;text-indent: -9999px;} .history_wrap.type2 #history .history_logo{height: 278px;background: url(/site/eng/images/sub03/sub0302_type2_bg3.png)no-repeat;} .history_wrap #history .history_logo.fix{display: block;position: fixed;top: 35%;left: 40%;font-size: 0;text-indent: -9999px;} .history_wrap #history .grap{position: relative;} .history_wrap #history .grap + .grap{margin-top: 50px;} .history_wrap #history .grap:before{content: '';position: absolute;top: 109px;left: 49.9%;width: 4px; height: 100%;background: #e0e0e0;} .history_wrap #history .grap h3{position: relative;width: 93px;height:103px;margin: 55px auto;background: url(/site/eng/images/sub03/sub0302_h3.png) no-repeat;font-size: 24px;font-weight: bold;color: #fff;line-height: 103px;text-align:center;} .history_wrap #history .grap .card{position: relative;width: 46.2%;margin-top: 110px;padding: 5%;border: 1px solid rgba(255,255,255,0.4);border-top: 0} .history_wrap #history .grap .card:nth-child(1){margin-top: 135px;} .history_wrap #history .grap .card:before{content: '';position:absolute;top: -16px;width: 103.4%;height:16px;} .history_wrap #history .grap .card.left:before{left: -1px;background: url(/site/eng/images/sub03/sub0302_left.png)no-repeat;background-size: 100% 100%; } .history_wrap #history .grap .card:after{content:'';position: absolute;top: -25px;width: 11px;height: 21px;background: url(/site/eng/images/sub03/sub0302_bg4.png)no-repeat;} .history_wrap #history .grap .card.left:after{right: -9.4%;} .history_wrap #history .grap .card.right{margin-left: 53.8%;} .history_wrap #history .grap .card.right:before{right:-1px;background: url(/site/eng/images/sub03/sub0302_right.png)no-repeat;background-size: 100% 100%; } .history_wrap #history .grap .card.right:after{left: -9.4%;} .history_wrap #history .grap .card .point{position: absolute;width: 300px;} .history_wrap #history .grap .card.left .point{top:-30px;right:-280px;text-align: right;} .history_wrap #history .grap .card.right .point{top:-30px;left:-280px;text-align: left} .history_wrap #history .grap .card .point .date{position: relative;font-weight: bold;font-size: 30px;color: #fff;} .history_wrap #history .grap .card .point .date:before{content: '';position: absolute;top: 15px;width:51px;height: 1px;background: #267ddf;} .history_wrap #history .grap .card .point .date em{display: block;} .history_wrap #history .grap .card.left .point .date:before{left:85px;} .history_wrap #history .grap .card.right .point .date:before{right:85px;} .history_wrap #history .grap .card .cnt .text{text-align: left;} @media (max-width:767px){ .history_wrap .history_top{padding: 19.5% 0 440px;background-size: auto} .history_wrap #history{padding: 0 0px 0 10px;} .history_wrap #history .history_logo.fix{left: 20%;background-size: 80%;} .history_wrap #history .grap h3{margin:35px 0 0 0;} .history_wrap #history .grap:before{left: 6.5%;} .history_wrap #history .grap .card{width: 80%;} .history_wrap #history .grap .card.left, .history_wrap #history .grap .card.right{margin-left: 13.1%;} .history_wrap #history .grap .card.left:before{right:-1px;left:auto;background: url(/site/eng/images/sub03/sub0302_right.png)no-repeat;background-size: 100% 100%;} .history_wrap #history .grap .card.left:after{right: auto;left: -9.4%} .history_wrap #history .grap .card.left .point, .history_wrap #history .grap .card.right .point{position: relative;top: auto;right: auto;left: auto;text-align: left} .history_wrap #history .grap .card .point .date:before{display: none} .history_wrap #history .grap .card .point .date em{display: inline;} } @media (max-width:510px){ .history_wrap .history_top h2{font-size: 40px;line-height: 50px;} .history_wrap #history .history_logo.fix{left: 10%;background-size: 65%;} } /* 0302 시기별 극지연구 끝 */ /* 0303 KPDC */ .link_img_box{overflow: hidden;} .link_img_box figure{margin-bottom: 20px;padding: 25px 20px; border:1px solid #ddd; height:130px;} .link_img_box figure.h_rich{ height:170px} .link_img_box figure .thm_figure{display: block;} .link_img_box figure .thm_figure img{display: block; width: 64px;margin: 0 auto} .link_img_box figure .thm_caption h3{margin-bottom: 0px;text-align: left} .link_img_box figure .thm_caption ul{margin-top: 0px;} .list_box ul.list_num li{list-style-type: decimal; margin-top:10px} .list_box ul.list_num li:first-child{margin-top:0} @media only screen and (min-width:500px){ .link_img_box figure{float: left;width: 48%;margin-left: 2%;} .link_img_box figure:after{clear: both; content: ''; display: block} .link_img_box figure.long{height: 250px;} } @media only screen and (min-width:1110px){ .link_img_box figure, .link_img_box figure.h_rich{height: 110px;padding: 25px;} } @media only screen and (min-width:900px){ .link_img_box figure.h_auto{height: 150px; padding: 0px;} .link_img_box figure.h_auto img{ margin:20px 0} .link_img_box figure .thm_figure{float: left;width: 20%;} .link_img_box figure .thm_figure:after{clear: both; content: ''; display: block} .link_img_box figure .thm_figure img{width: auto} .link_img_box figure .thm_caption{float: right;width: 74%;} } .rsch_link .link_img_box figure{padding: 15px;margin-bottom: 2%; border: 1px solid #ddd;} .rsch_link .link_img_box figure .thm_caption{position: relative;padding: 15px 45px 15px 0;} .rsch_link .link_img_box figure .thm_caption .btn{position: absolute;right: 0;top: 17%;} .rsch_link.long .link_img_box figure .thm_caption h3{width: 80%;} @media only screen and (max-width:899px){ .rsch_link .link_img_box figure{height: 200px;} .rsch_link .link_img_box figure.h_auto{height:200px} } @media only screen and (max-width:767px){ .rsch_link .link_img_box figure .thm_caption{padding:15px 0 0; text-align: center;} .rsch_link .link_img_box figure .thm_caption .btn{display: block; position: relative;} .rsch_link .link_img_box figure .thm_caption h3{margin-bottom: 10px;text-align: center;} .rsch_link .link_img_box figure{height: 230px;} .rsch_link.long .link_img_box figure .thm_caption h3{width: 100%;} } @media only screen and (max-width:650px){ .rsch_link .link_img_box figure{width: 98%; display: block; height: auto} } /* 0405 UST */ .ust_info{} .ust_info .img_box{height: 445px;padding: 80px 0; background: url(/site/eng/images/sub04/sub0405_img01.jpg)no-repeat ;} .ust_info .img_box .box{width: 285px;height: 280px;margin: 0 auto;padding: 30px; background: #1a2273;} .ust_info .img_box .box p{position: relative; font-size: 16px;font-weight: bold;text-align: center; color: #fff;} .ust_info .img_box .box p:after{content: '';position: absolute;bottom: -48px;left: 50%; width: 1px;height: 36px; background: #aeb1ce;} .ust_info .img_box .box p .icon1{display: block; width: 57px;height: 61px;margin: 0 auto; background: url(/site/eng/images/sub04/sub0405_icon1.png) no-repeat;} .ust_info .img_box .box h2{width: 108px;height: 49px;margin: 50px auto 0; background: url(/site/eng/images/sub04/sub0405_icon2.png) no-repeat; font-size: 0;text-indent: -9999px;} .ust_info .img_box .box h2:before{display: none;} .ust_info .txt{margin-top: 20px;color: #4d4d4d;} .ust_info .info_box{margin-top: 87px;} .ust_info .info_box .info_top{padding: 40px 0; border-top: 2px solid #121212;border-bottom:2px solid #d0d0d0; } .ust_info .info_box .info_top h2{position: relative;width: 174px;height: 48px;margin: 0 auto;padding: 0; font-size: 26px;color:#1a2273;/*line-height: 25px;*/line-height: 48px; text-align: center;} .ust_info .info_box .info_top h2:before{content: '';position: absolute;top:0px;left: 0;width: 13px;height: 48px; background: url(/site/eng/images/sub04/sub0405_icon3.png)no-repeat;} .ust_info .info_box .info_top h2:after{content: '';position: absolute;top:0px;right: 0;width: 13px;height: 48px; background: url(/site/eng/images/sub04/sub0405_icon4.png)no-repeat;} .ust_info .info_box .info_top h2 span{display: block; font-size: 16px;color:#1a2273;line-height: 25px; } .ust_info .info_box .info_top p{padding-top: 15px; text-align: center;color: #4d4d4d;} .ust_info .info_box .info_txt{overflow: hidden;} .ust_info .info_box .info_txt .inner{float: left;width: 46%} .ust_info .info_box .info_txt .inner:last-child{float: right;} .ust_info .info_box .info_txt .inner h3{position: relative;margin-left: 0px; font-size: 17px;font-weight: bold; text-align: center;letter-spacing: -2px;} .ust_info .info_box .info_txt .inner h3 .info_icon{display: inline-block; width: 48px;height: 48px;margin:-8px 6px 0 0; background: url(/site/eng/images/sub04/sub0405_icon5.png)no-repeat;} .ust_info .info_box .info_txt .inner h3 .info_icon.icon1{background-position: 0px 0} .ust_info .info_box .info_txt .inner h3 .info_icon.icon2{background-position: -48px 0} .ust_info .info_box .info_txt .inner .box{display: block;height: 250px; margin-bottom: 1px;padding: 30px 25px; background:#f1f1f4;} .ust_info .info_box .info_txt .inner .box em{display: block;width: 100%;height: 25px;margin-bottom: 15px; border:1px solid #2042a4;border-radius: 15px;font-size: 15px;line-height: 24px; color: #10349e;text-align: center;} .ust_info .info_box .info_txt .inner .box p{color: #4d4d4d;font-size: 15px;} @media (max-width: 780px){ .ust_info .info_box .info_txt .inner{float: none;width: 100%} .ust_info .info_box .info_txt .inner h3{margin-left: 0;} .ust_info .info_box .info_txt .inner h3 .info_icon{top: 0;left: 44%;} .ust_info .info_box .info_txt .inner .box{height: auto;} } @media (max-width: 425px){ .ust_info .img_box .box{width: 80%;} .ust_info .info_box .info_txt .inner h3{padding-top: 40px} .ust_info .info_box .info_txt .inner h3 .info_icon{position: absolute;} .ust_info .info_box .info_txt .inner .box{padding: 30px 15px;} } /* 05030101 채용정보 */ .text_list.uip.type3 li .cont strong{display: block;font-weight: bold} .text_list.uip.type3 li{height: 105px;} @media (max-width: 500px){ .text_list.uip.type3 li{width: 100%;height: auto;margin: 0 5% 20px 0;} .text_list.uip.type3 li:after{top: auto;bottom: -17px;left: 50%;width: 16px;height: 10px;background-position: -315px 0;} } @media (min-width: 768px){ .text_list.uip.type3 li{width: 30.3%;height: 94px;} .text_list.uip.type3 li:after{top: 35px;right: -7.5%} } /*브로셔 050303*/ .brochure_wrap .bro_box {text-align: center;background: #f1f1f4;width: 32.6%;padding: 20px; display: inline-block;float: left;margin-right: 1%; margin-bottom: 1%; } .brochure_wrap .bro_box:nth-child(3n) { margin-right: 0; } .brochure_wrap .bro_box strong { position: relative; width:100%; text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;overflow:hidden;font-size: 18px;color: #1a2273;padding-top: 10px;margin-top: 20px;display: block; } .brochure_wrap .bro_box strong:before { content: "";display: block;width:25px;height: 3px;background: #1a2273;position: absolute;top:0; left:50%;margin-left:-10px; } .brochure_wrap .bro_box .bro_img { position:relative;overflow: hidden;display: block;margin: 20px auto; height:330px;} .brochure_wrap .bro_box .bro_img img {/*position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ width:100%; height:100%;} .brochure_wrap .bro_box span.bico.bticon.home3 {font-size:0;} @media (max-width:767px){ .brochure_wrap .bro_box { width:49%; } .brochure_wrap .bro_box:nth-child(3n) { margin-right: 1%; } .brochure_wrap .bro_box:nth-child(2n) { margin-right: 0; } } @media (max-width:500px){ .brochure_wrap .bro_box { width:100%; } .brochure_wrap .bro_box:nth-child(3n) { margin-right: 0%; } .brochure_wrap .bro_box:nth-child(2n) { margin-right: 0%; } .brochure_wrap .bro_box{margin-right: 0;} } /* 060203 Themes */ .eng_info{} .eng_info .img_box{position: relative;height: 326px;padding: 80px 0;} .eng_info .img_box .box{position: absolute;top: 70px;left: 68px;width: 301px;height: 167px;padding: 60px 30px 30px; background: #1a2273;} .eng_info .img_box .box p{position: relative;padding-left: 85px;font-size: 20px;font-weight: bold;text-align: left; color: #fff;} .eng_info .img_box .box p .icon1{position: absolute;top: -40px;left: 0;width: 73px;height: 85px;margin: 0 auto; background: url(/site/eng/images/sym/sub06_icon.png) no-repeat;} .eng_info.themes .img_box{background: url(/site/eng/images/sym/sub060203_bg.jpg)no-repeat ;background-size: cover} .eng_info.social_events .img_box{background: url(/site/eng/images/sym/sub060405_bg.jpg)no-repeat ;background-size: cover} @media (max-width: 460px){ .eng_info .img_box{padding: 70px 0} .eng_info .img_box .box{position: static;width: 80%;height: 185px;margin:0 auto;} .eng_info .img_box .box p{padding:50px 0 0;text-align: center;} .eng_info .img_box .box p .icon1{left: 50%;margin-left: -36.5px} } /* 0608 CONTACT */ .contact_box{position: relative;padding: 90px 0 90px 50%;border:1px solid #cbcbcb;} .contact_box .icon{position: absolute;left: 6%;top: 50%;width: 288px;height: 288px;margin-top: -144px;background: url(/site/eng/images/sym/sub0608_bg.png)no-repeat;} .contact_box strong{display: block;margin-bottom: 25px;font-weight: bold;font-size: 30px;color: #1a2273;} .contact_box .txt{font-size: 15px;color: #4d4d4d;font-weight: bold;} .contact_box .txt + .txt{margin-top: 10px} .contact_box .txt span{display: inline-block;margin-right: 8px;font-size: 18px;color: #10349e;font-weight: normal;} .contact_box .info_list{margin-top: 13px} .contact_box .info_list li{margin-bottom: 7px;font-size: 15px;color: #545454;font-weight: 400} .contact_box .info_list li span{display: inline-block;width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;font-size: 12px;font-weight: bold;color: #fff;line-height: 25px;text-align: center;} .contact_box .info_list li .type1{background: #10349e} .contact_box .info_list li .type2{background: #000} @media (max-width: 767px){ .contact_box{padding: 330px 30px 30px;} .contact_box .icon{top: 30px;left: 50%;margin: 0 0 0 -144px;} } @media (max-width: 425px){ .contact_box{padding: 280px 30px 30px} .contact_box .icon{top: -30px;background-position: center bottom;background-size: 80%} .contact_box .txt.long span{display: block;} } /*영문폰트 자동 단어별 자동 줄개행 .youth_plan strong, .youth_plan li, .youth_inro strong, .youth_plan em, .youth_list .inner p, .vision_diagram2 .diagram li, .direc_intro p, .organization_wrap .vice_president_group .vice_president span, .organization_wrap .director_group .group1 li, .organization_wrap .vice_president_group .group1 li b, .direc_intro, .task_sublayout .task_box li .txt_box h3, .task_sublayout .task_box li .txt_box p, .top_sublayout, .rsch_txtbox .rsch_diagram ul li em, .rsch_txtbox .rsch_diagram ul li, .building_type2 .inner .box h2, .aro.top_sublayout .top_tbox p, .ui.uit .inner .txtwrap p{white-space: normal; word-break: normal}*/ /* sub060402 Box 0118오장곤 */ .box_wrapk{ width: 100%; padding: 0; margin: 15px 0px; display: table; border: 2px solid #d2d2d2;} .box_wrapk .thumb{ width: 30%; padding: 20px; margin: 0; display: table-cell; vertical-align: middle;} .box_wrapk .thumb img{ width: 100%; max-width: none;} .box_wrapk .txtr_wrap{ width: 70%; text-align: center; padding: 20px; margin: 0; display: table-cell; vertical-align: top; border-left: 2px solid #d2d2d2; box-sizing: border-box;} .box_wrapk .txtr_wrap h3{ margin: 0 15px; font-family: 'nsk','Malgun Gothic'; font-size: 20px; font-weight: 500; line-height: 160%;} .box_wrapk .txtr_wrap h3 span{ font-weight: 100;} .box_wrapk .txtr_wrap .br{ display: block;} @media (max-width: 705px){ .box_wrapk{ width: 100%; padding: 0; margin: 15px 0px; display: inline-block; border: none;} .box_wrapk .thumb{ width: 100%; padding: 10px; margin: 0; display: inline-block; text-align: center;} .box_wrapk .thumb img{ width: 60%; max-width: none; text-align: center;} .box_wrapk .txtr_wrap{ width: 100%; text-align: center; padding: none; margin: 0; display: inline-block; vertical-align: top; border-left:none; box-sizing: border-box;} .box_wrapk .txtr_wrap h3{ margin: 0 15px; font-family: 'nsk','Malgun Gothic'; font-size: 20px; font-weight: 500; line-height: 160%;} } /* sub060403 ~ 04 메일주소 테이블BG 0118오장곤*/ .txt_b2{color: #1730ce;} .tdbg{background:#fafafaad;} .info_box .info_txt .list_num > li{font-size: 15px;word-wrap: break-word;word-break: keep-all;} .info_box .info_txt .list_num > li span{width: 23px;height: 23px;font-size: 14px;line-height: 23px;} /* sub060701 Venue 0118오장곤 */ .f_width img { max-width: none; border: 0 none; width: 100%; } /* infra 020103 세종대왕 0117오장곤 */ .great_man{ width: 100%; padding: 0; margin: 0; display: block; position: relative} .great_man p.img_r{ padding: 0 30px 30px 0; display: inline; float:left } .great_man ul.txt_l{width:98%; padding: 0; margin-left: 3%; font-size: 16px} .great_man ul.txt_l li{ word-break: keep-all; margin-bottom: 30px; display: block;} @media (max-width: 559px){ .great_man p.img_r{text-align:center; padding:0; margin-bottom:30px; } .great_man p.img_r, .great_man ul.txt_l {width:100%; display: block;} .great_man ul.txt_l{margin-left:0} } /* 040101 북극청소년연구단 0107오장곤 */ /* 선발계획(안) */ .youth_plan{position: relative} /* .youth_plan .inner{position: relative;padding: 35px 35px 35px 320px;margin-bottom: 50px;background: #f1f1f4;} .youth_plan .inner + .inner:before{content: '';position: absolute;top: -30px;left: 50%;width: 25px;height: 15px;margin-left: -12.5px;background: url(/site/kopri/images/sub04/sub040301_arr.png)no-repeat;} .youth_plan .inner strong{display: block;position: absolute;top: 35px;left: 35px;padding-left: 75px;color: #1a2273;font-size: 24px;font-weight: bold;line-height: 30px} .youth_plan .inner strong .plan{position: absolute;left: 0;padding: 5px 0;border-top: 1px solid #1a2273;border-bottom: 1px solid #1a2273;font-size: 14px;font-weight: 400;line-height: 20px} .youth_plan .inner strong .plan .numb{display: block;position: absolute;left: 18%;top: 40px;margin-left: -8px;font-size: 30px;font-weight: bold;} .youth_plan .inner strong .bl{display: block;} .youth_plan .inner strong .sub{display: block;margin-top: 10px;font-size: 18px;font-weight: normal;} .youth_plan .inner .list_1st{margin: 0;padding-left: 20px;} */ .youth_plan .inner{padding: 35px 30px; margin-bottom: 50px; background: #f1f1f4;display: block} .youth_plan .inner:after{content: ''; display:block; clear: both; position: relative} .youth_plan .inner .plan_tit{float:left; width:30%; display: inline-block; position: relative; text-align: center} .youth_plan .inner .plan_tit .plan{ text-align: center; padding:10px;border-top: 1px solid #1a2273;border-bottom: 1px solid #1a2273;font-size: 14px;font-weight: 400;line-height: 20px; display:block} .youth_plan .inner .plan_tit strong{display: block; color: #1a2273;font-size: 24px;font-weight: bold;line-height: 30px; padding:15px 0} .youth_plan .inner .plan_tit .plan .numb{display: inline-block;font-size: 30px;font-weight: bold; text-align: center} .youth_plan .inner .plan_con{position: relative; float:right; width:68%} .youth_plan .inner .plan_con p{background: none} .youth_plan .inner + .inner:before{content: '';position: absolute;top: 37%;left: 50%;width: 25px;height: 15px;margin-left: -12.5px;background: url(/site/kopri/images/sub04/sub040301_arr.png)no-repeat;} .youth_plan .inner strong .plan{ padding: 5px 0;border-top: 1px solid #1a2273;border-bottom: 1px solid #1a2273;font-size: 14px;font-weight: 400;line-height: 20px} .youth_plan .inner strong .plan .numb{display: block;position: absolute;left: 18%;top: 40px;margin-left: -8px;font-size: 30px;font-weight: bold;} .youth_plan .inner strong .bl{display: block;} .youth_plan .inner strong .sub{display: block;margin-top: 10px;font-size: 18px;font-weight: normal;} .youth_plan .inner .list_1st{margin: 0;padding-left: 20px;} .youth_plan .txt{display: inline-block; width:90%} .youth_plan .inner p{margin-left:13px; padding-top:10px} @media (max-width:640px){ .youth_plan .inner .plan_tit, .youth_plan .inner .plan_con {float: none; width:100%} } @media (max-width:360px){ .youth_plan .inner + .inner:before {top:47%} .youth_plan .txt{width:80%} } /* @media (max-width:767px){ .youth_plan .inner{padding: 135px 35px 35px 35px} .youth_plan .inner strong .bl{display: inline;} } @media (max-width:500px){ .youth_plan .inner{padding: 20px} .youth_plan .inner strong{position: relative;top: auto;left: auto;padding: 80px 0 0;text-align: center;font-size:22px } .youth_plan .inner strong .plan{top: 0;left: 50%;margin-left: -12px;} .youth_plan .inner strong .sub{margin: 0 0 10px;} }*/ /* 040301 북극청소년연구단 개요 끝 */ /* 개요 */ .pb_e{padding-bottom: 67px;} .youth_intro{} .youth_intro strong{display: block;margin: 30px 0;font-size: 29px;font-weight: bold;color: #1a2273} .youth_intro .txt_box{border-top: 3px solid #000} .youth_intro .txt_box .inner{position: relative;padding:25px 20px 25px 270px;border-bottom: 1px solid #ddd} .youth_intro .txt_box .inner .tit{position: absolute;left: 0;top: 27px;padding-left: 90px;font-size: 18px;color: #1a2273;font-weight: bold} .youth_intro .txt_box .inner .tit .ico{position: absolute;left: 20px;top: 50%;height: 35px;margin-top: -17.5px;background: url(/site/kopri/images/sub04/sub040301_icon.png) no-repeat;} .youth_intro .txt_box .inner .tit .icon1{width: 31px;background-position: 0 0;} .youth_intro .txt_box .inner .tit .icon2{width: 37px;background-position: -31px 0;} .youth_intro .txt_box .inner .tit .icon3{width: 33px;background-position: -68px 0;} .youth_intro .txt_box .inner .tit .icon4{width: 32px;background-position: -101px 0;} .youth_intro .txt_box .inner .tit .icon5{width: 28px;background-position: -133px 0;} .youth_intro .txt_box .inner .tit .icon5{width: 28px;background-position: -133px 0;} .youth_intro .txt_box .inner .tit em{display: block;} .youth_intro .txt_box .inner p{color: #4d4d4d} .youth_intro .txt_box .inner p + p{margin-top:10px; } .youth_intro .txt_box .inner .list_1st{margin:0;color: #4d4d4d} .youth_intro .txt_box .inner .list_1st .list_tit{width:15%; font-weight:500} .youth_intro .txt_box .inner .list_1st .list_txt{width:85%; display: inline-block} @media (max-width:800px){ .youth_intro .txt_box .inner{padding: 25px 20px 25px 300px} } @media (max-width:590px){ .youth_intro .txt_box .inner{padding:90px 20px 25px} .youth_intro .txt_box .inner .tit em{display: inline;} .youth_intro .txt_box .inner .list_1st .list_txt{width:100%; display:block} } /* 모집 방법 */ .youth_list{overflow: hidden;} .youth_list .inner{float: left;width: 32.6%;margin:0 1% 10px 0;padding: 40px 0;border:1px solid #393f86;text-align: center;min-height: 385px;} .youth_list .inner:last-child{margin-right: 0%} .youth_list .inner strong{display: block;font-size: 18px;font-weight: bold;color: #1a2273;} .youth_list .inner p{min-height: 46px;margin: 20px 5px 25px;color: #4d4d4d;} /*.youth_list .inner p em{display: block;}*/ .youth_list .inner .ico{display: block;width: 113px;height: 113px;margin: 0 auto;background: url(/site/kopri/images/sub04/sub040301_icon2.png);} .youth_list .inner .icon1{background-position: 0 0} .youth_list .inner .icon2{background-position: -113px 0} .youth_list .inner .icon3{background-position: -226px 0} @media (max-width:790px){ .youth_list .inner{float: none;width: 100%;margin-right: 0;} .youth_list .inner p{min-height:auto;padding: 0 20%;} } /*02010103 남극세종과학기지 주요장비 */ .sub0201_imgbox{position: relative; display: block; margin-top:20px} .sub0201_imgbox:after{content: ''; display: block; clear: both} .sub0201_imgbox li{float:left;width: 47%;padding: 35px 25px 0 25px;margin: 0 0 25px 25px;text-align: center;} .sub0201_imgbox li p{margin:20px;font-size: 20px; font-weight:500; height: 40px;} .sub0201_imgbox li p.line_two{margin: 20px 0; padding: 10px 0;} .sub0201_imgbox li:nth-child(odd), .sub0201_imgbox li.col3:nth-child(3n+1){margin-left:0} .sub0201_imgbox li.col3{width:31%; margin: 0 0 25px 25px;} .sub0201_imgbox li, .sub0201_imgbox li .img_box{height: 100%; /*text-align: center;*/} .sub0201_imgbox li, .sub0201_imgbox li .img_box{border:solid 1px #ddd; } @media (max-width:960px) { .sub0201_imgbox li.col3{width:47%} .sub0201_imgbox li.col3:nth-child(3n+1){margin-left:25px} .sub0201_imgbox li.col3:nth-child(odd){ margin-left:0} } @media (max-width: 630px) { .sub0201_imgbox li, .sub0201_imgbox li.col3, .sub0201_imgbox li.col3:nth-child(3n+1){width:100%; margin-left:0} } /* 청사소개 0111*/ .public_office {position: relative;overflow: hidden;border:1px solid #ddd; padding:40px 40px 40px 350px; margin-top:15px} .public_office .intro_img {display: block;width:290px;height: 291px;position: absolute;top:20%;left:40px;border-radius: 50%;background:url(/site/kopri/images/sub01/intro_img_110.gif) no-repeat;} .public_office img, .public_office .right_txt{display: inline-block} .public_office .right_txt{ position: relative; } .public_office h2{ font-size: 30px;font-weight: bold;color: #1a2273;margin-bottom: 30px;display: block; margin-top:0 } .public_office h2:before{background: none; } .public_office ul li{display: block} .public_office ul li div {width: 27px;height: 27px;display: inline-block;border-radius: 50%;background: #10349e;margin-right: 10px;overflow: hidden;position:relative;} .public_office ul li div span{background:url(/site/kopri/images/sub01/icon_0111.png);width:16px;height:16px;position: absolute;left: 5px;top: 5px;text-align: center;} .public_office ul li .icon01 {background-position: 0 0;} .public_office ul li .icon02 { background-position: -16px 0;} .public_office ul li .icon03 { background-position: -32px 0; } .public_office ul li { position:relative;margin-bottom: 10px; padding-left:37px; } .public_office ul li{ vertical-align: middle;font-weight: bold;} .public_office ul li .summary_tit {display: inline-block;/* width: 130px; */background: none;font-weight: normal;} .public_office ul li.txt_none{font-weight:normal; margin:20px 0 0 37px; font-size:16px} .public_office ul li .summary{white-space: normal;word-break: keep-all;display: block;/* width: 50%; */margin-left: 40px;} .public_office ul { margin-bottom: 20px;font-size: 16px;} .public_office ul, .public_office .public_footcon{position: relative; display: block} .public_office .public_footcon .date_title { display: inline-block; padding: 5px 20px; border-radius: 30px; border:1px solid #10349e; font-size:16px;} .public_office .public_footcon .date_txt { margin-left: 15px; margin-top:7px;} /* @media (max-width:1100px){ .public_office ul li .summary{display: inline-block;width:60%;} .public_office ul li .summary em {display: inline-block; } }*/ @media (max-width:760px){ .public_office h2{text-align:center;padding: 0;} .public_office .intro_img{width: 294px;margin:40px auto;display:block;position:relative; top:auto; left:auto} .public_office{padding:10%;display:block;} .public_office ul{position:relative;display:block;padding: 0 5%;} .public_office ul li{padding-left:0;display: block;} } @media (max-width:690px){ .public_office ul{position:relative;display:block;padding: 0 2%;} .public_office{padding:5% 2%} } @media (max-width:500px){ .public_office .intro_img {background:none; height:auto} } /*20180206 추가*/ .ui .inner .txtwrap .con_txt{position: relative; display: block} .ui .inner .txtwrap .con_txt li{margin-top:10px; } .ui .inner .txtwrap .con_txt li:first-child{margin-top:0} /*20180209 심포지엄 컨텐츠 추가 */ .sym_top{background:url(/site/eng/images/sym/sub060301_img.gif) no-repeat 50% 0; background-size: 20%;} .sym_top h2 {padding-top:50px;} .sym_top h2:before{background:none} .sym_top h3{font-weight: 500;} .sym_top h2,.sym_top h3, .sym_top strong{text-align: center; display: block} .sym_top .section_con{position: relative; display: block; margin-top:30x} .sym_top strong, .section_con h3{ font-size:26px; font-weight:700; } .section_con h3{ text-align: left; font-weight:600; color:#000; text-decoration: underline} .section_con a{color:#014a94; font-weight:400} .section_con h4, .section_con b{padding-left:0; font-weight:500;} .section_con b, .section_foot{font-size:18px} .section_con h4:before{background:none;} .section_foot{position: relative; margin-top:20px } .topBtn_pdf{padding: 20px 20px 0;margin-bottom:20px;position:relative;} .topBtn_pdf strong{display:inline-block; color:#10349e;font-size:20px; line-height:25px; font-weight:700;} .topBtn_pdf .right_btn{ display:inline-block; position:absolute; right:20px; top:10px } .fst{font-style:italic;} .jsf{text-align:justify;} /* 20210105_극지데이터 추가 */ .code_preview {padding: 30px;border: 1px solid #eee;background-color:#fff;} .link_blank {overflow:hidden;position:relative;padding: 0 0 2px;background: #f1f1f1;} .link_blank:before {display:block;position:absolute;left: 200px;right:0;top:0;z-index: 5;content:'';width:auto;height: 2px;background: #3a67b9;} .link_blank:after {display:block;visibility: visible;position:absolute;left:0;top:0;z-index: 5;content:'';width: 183px;height:51px;background:url(/kopri/images/inc/topbox_img1.png)no-repeat;} .link_blank .inner{position:relative;z-index:3;min-height: 180px;padding: 50px 40px ;border-bottom: 1px solid #ececec;background: #fff;} .link_blank .inner:after {display:block; clear:both; visibility:hidden; content:'';} .link_blank .inner .thumb{float:left;width:300px;} .link_blank .inner .infotext {float:left;width:calc(100% - 300px);} .link_blank .inner .infotext strong {position:relative;margin: 0 0 15px;font-size: 20px;font-weight: 500;color: #121212;} .link_blank .inner .infotext .sub_tit{color:#10349e;font-size:18px;} .link_blank .inner .infotext p {margin: 10px 0 0;font-size: 16px;line-height: 1.5;color: #545454;} .link_blank .inner .thumb img{width: 250px;border: 1px solid #eee;box-sizing: border-box} @media(max-width:767px){ .link_blank:before {left: 120px;} .link_blank:after {width: 100px;} .link_blank .inner {padding:30px;} .link_blank .inner .thumb {float:none; width:100%; margin:0 0 30px;text-align:center;} .link_blank .inner .infotext {float:none; width:100%; text-align:center;} } /* 020501 협력센터소개 */ .s020601 .giji_info {margin-top:0;} .s020601 .giji_info .inner .txt_box h2{padding-left:0;margin-left: 0;} .s020601 .giji_info .inner .txt_box ul{margin:0;} .s020601 .giji_info .inner .txt_box ul > li{text-align:left;font-weight: normal;font-size: 16px;border: none;float: none;margin-bottom: 20px;padding: 0;line-height: 1.3;} .s020601 .giji_info .inner .txt_box ul > li span{padding: 5px 15px;padding-top: 3px;display: inline-block;font-size: 16px;font-weight: normal;color: #fff;line-height: 27px;font-weight:bold;position: relative;margin-bottom: 10px;} .s020601 .giji_info .inner .txt_box ul > li span:after{display:block;width: 100%;height: 35px;content:'';position: absolute;top: 0;left: 0;background-color: #1a2273;z-index: -1;border-radius: 22px;} .s020601 .giji_info .inner .txt_box ul > li > ul{background-color:#fafafa;padding:15px;} .s020601 .giji_info .inner .txt_box ul > li > ul > li{padding-left:11px;font-size: 14px;margin-bottom: 5px;} .s020601 .giji_info .inner .txt_box ul > li > ul > li > ul{padding:10px 0;} .s020601 .giji_info .inner .img_box {width:466px;} .s020601 .giji_info .inner .txt_box {width:calc(100% - 559px);} .s020601 .img_box {display: inline-block; width:100%; background:#f3f7fa;} @media(max-width:1024px){ .s020601 .giji_info .inner .img_box {width:40%;} .s020601 .giji_info .inner .txt_box {width:50%;} } @media(max-width:800px){ .s020601 .giji_info .inner .img_box, .s020601 .giji_info .inner .txt_box, .s020601 .giji_info .inner .txt_box ul > li {width:100%;} } /*심포지엄버튼*/ .btn-smpsm{padding: 5px 10px!important;font-size: 12px;font-weight: bold;} /* 사이트맵 */ .menucode_0601 .cnt_sitemap.type2 dt {position: static;margin: 0 0 10px;} .menucode_0601 .cnt_sitemap.type2 dl {padding:20px; } .menucode_0601 .cnt_sitemap.type2 dl:before {display:none;} .menucode_0601 .cnt_sitemap.type2 dd {width:50%; } @media(max-width:767px){ .menucode_0601 .cnt_sitemap.type2 dd {width:100%; } } /* 조직도 추가 css */ .organization_wrap .vice_president_group .group1 li.li_none b {border:none;} /* kopri 0108 연구부서 view */ .menucode_020101 .res_box2 span span.list_num em{display:block;margin-bottom:8px;margin:3px 0;/* padding-left:40px; */font-size:14px;word-wrap:break-word;word-break:keep-all;} .menucode_020101 .res_box2 span.thm_figure b{display:block;margin-bottom:30px;font-size: 23px;font-weight:bold;color:#1a2273;} /* s02050101 정책지원 소개 */ .s02050101 {max-width: 1240px; margin: 0 auto; text-align: left;} @media only screen and (min-width: 768px){ .s02050101 .ui.uirow .tit_inner {top: 20px;} } /* s02050101 정책지원 End*/ /* s02050102 정책지원 관련사업 */ .s02050102 {max-width: 1240px; margin: 0 auto 50px; padding: 50px 0; text-align: left;} /* s02050102 정책지원 End*/