@charset "UTF-8";

/* 컨텐츠 :: 공통 */ 
#board_content_main{ position: relative;width:1200px;margin:55px auto 0;overflow: hidden;padding-bottom:120px; }
#board_content_main .sub_con{position: relative; width:100%;}
#board_content_main h3{ font-size:36px;padding:20px 0 40px;line-height:40px;color: #222;letter-spacing:-2px; font-weight: 400;}
#board_content_main h4{color: #222;margin:70px 0 15px; font-size:23px;letter-spacing:-1px; background:url(../images/common/blur_h4.gif) 0 center no-repeat; height:22px;line-height:22px; padding-left:25px; font-weight: 400;}
#board_content_main h3 + h4{ margin-top:0; }
#board_content_main h5{ color: #303a96;font-size: 18px; margin:40px 0 10px;}
#board_content_main h4 + h5{ margin-top:0; }
#board_content_main .sub_con > p{ font-size: 16px; line-height:35px; }

#sub_content{position: relative; width:100%; margin:60px auto 100px; min-height:600px; height:100%;}
#sub_content .sub_con{position: relative; width:100%; margin:0 auto;}
#sub_content h3.titH3{ font-size:36px;padding:20px 0 40px;line-height:40px;color: #222;letter-spacing:-2px; font-weight: 400;}
#sub_content h4.titH4{color: #222;margin:70px 0 15px; font-size:23px;letter-spacing:-1px; background:url(../images/common/blur_h4.gif) 0 center no-repeat; height:22px;line-height:22px; padding-left:25px; font-weight: 400;}
#sub_content h4.titH4_1{position: relative;margin: 40px 0 20px;padding-left: 30px; line-height: 1.2;font-size: 20px;font-weight: 400;color: #424242;}
#sub_content h4.titH4_1:before { position: absolute; top: 3px; left: 0;width: 20px !important;height: 20px !important;background-color: #38425a; border-left: 10px solid #28b1fa;border-bottom: 10px solid #28b1fa; border-radius: 50%;content: '';}
#sub_content h4.titH4_1:after {position: absolute; top: 8px;left: 5px;  width: 10px; height: 10px; background-color: #fff; border-radius: 50%; content: '';}
#sub_content h3 + h4{ margin-top:0; }
#sub_content h5.titH5{ color: #303a96;font-size: 18px; margin:40px 0 10px; font-weight: 400;}
#sub_content h4 + h5{ margin-top:0; }
#sub_content .sub_con p{line-height:25px;}
.sub_con h3.title {text-align:center; font-size:40px; letter-spacing:-0.15px; color:#222222; font-weight:400; padding-top:100px; margin-bottom:45px}
.sub_con h3.title:after {content:""; display:block; width:40px; height:2px; background:#383838; margin:15px auto;}
#sub_content .sub_con .container{ width:1200px; margin:0 auto; position: relative; min-height:600px;}
#sub_content .sub_con .container:after{ content:"";display: block;clear:both; }

hr{border-top:1px solid #ddd;-webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible;}

.sub-content-tit{position: relative; display:block; font-size:30px; line-height:40px; color:#1f1f1f; font-weight:400; letter-spacing:-0.5px; margin-bottom:2%;}
.sub-content-tit:before{display:block; content:""; width:31px; height:3px; background-color:#ed5017; margin-bottom:10px;}
.sub-content-tit.type2:before{display:block; content:""; width:0; height:0; background-color:#ed5017; margin-bottom:10px;}
.sub-content-tit small{display:block; font-size:18px}
.sub-content-txt{font-size:16px; line-height:30px; color:#4d4c4b; letter-spacing:-0.5px; margin-bottom:35px;}
.sub-content-subject{font-size:20px; line-height:30px; font-weight:500; color:#262626; letter-spacing:-0.5px; margin-bottom:20px; padding:0}
.sub-content-subject small{display:block; font-size:18px}
.sub-content-tit.type3{padding-left:20px; font-size:25px; margin-bottom:10px; margin-top:60px;}
.sub-content-tit.type3:before{position: absolute; left:0; top:5px; display:block; content:""; width:15px; height:3px; background-color:#222; }

.basic_list {padding:0; margin:0;}
.basic_list>dt{color:#0067b3; font-weight:400; margin-bottom:8px; }
.basic_list>dd, .basic_list>li{margin-bottom:12px; line-height:1.4; position:relative; padding-left:12px;}
.basic_list>dd:before, .basic_list>li:before{position:absolute; width:5px; height:2px ; background:#5b5b5b; display:block; content:""; top:12px; left:0; }
.basic_list .basic{padding-left:0; }
.basic_list .basic:before{display:none;}
.basic_list .s_text{font-size:0.938rem; display:block; margin-top:3px;}

/* 관련사이트 */
.site_box{ overflow: hidden; }
.site_box > div{ float:left;width:40%; }
.site_box > div:first-child{ width:60%; }
#content .site_box > div h4:first-child{ margin-top:0; }
.site_box > div ul{}
.site_box > div ul li{position: relative; margin-top:5px; }
.site_box > div ul li:hover:after{ content:"";display: block;border-bottom:1px solid #000;position: absolute;left:0;bottom:0;right:110px; }
.site_box > div ul li:first-child{ margin-top:0px; }
.site_box > div ul li strong{ display: inline-block;width:155px; font-size: 16px; }
.site_box > div ul li a{ display: inline-block; color: #2c81c9; font-size: 16px}

/* member 로그인 */
.login_box{ border:1px solid #dadada; text-align:center; line-height:0;padding:100px 30px; box-sizing:border-box;}
.login_box > div{ display: inline-block;text-align:left; }
.login_box .top_txt{ padding-left:90px;background:url(../images/member/icon_secret.gif) 0 0 no-repeat; }
.login_box .top_txt strong{ display: inline-block;font-size: 28px;font-weight: 400;line-height:35px; padding-top:15px; font-weight: 400;}
.login_box .top_txt strong span{font-size: 28px; line-height:30px;font-weight:normal; }
.login_box .top_txt p{margin-top:10px; font-size: 16px;line-height:18px; }

.login_box .write_login{width:500px; padding:35px 0; border-bottom:1px solid #ddd; }
.login_box .write_login:after{ content:"";display:block;clear:both; }
.login_box .write_login ul{float:left; margin-right:15px;}
.login_box .write_login ul li{ margin-top:10px; }
.login_box .write_login ul li:first-child{ margin-top:0px; }
.login_box .write_login ul li input{width:350px;height:43px;line-height:43px;border:1px solid #cfcfcf; padding:0 5px;}
.login_box .write_login button{background:#0ba5de;border-radius:0px; float:right;color: #fff;height:96px;line-height:100px;text-align:center;width:115px;font-size: 16px; font-weight: 400;}

.login_box .bottom_going{ padding-top:35px; display:block; text-align:center; width:357px; margin:0 auto; overflow:hidden;}
.login_box .bottom_going a{ float:left; color: #fff;background:#484b65;height:37px;line-height:37px; width:115px; text-align:center; border-radius:0px;font-size: 13px; margin:0 2px;}

.gray_box{ background:#f8f8f8; padding:30px; margin-bottom:30px;}
.gray_box2{ background:#f8f8f8; padding:30px; margin-bottom:30px; border: 1px solid #ddd; width:80%; margin:0 auto;}
.gray_box2 > strong{ font-weight: 400; font-size: 22px;display: block;border-bottom:1px solid #ddd;padding-bottom:10px; }
.gray_box2 > strong span{ font-size: 16px; }
.gray_box2 .write_box{ font-size: 0;line-height:0;text-align:center; margin:40px 0;}
.gray_box2.pw .write_box{ }
.gray_box2 .write_box ul{display: block;text-align:center;vertical-align:middle;/* margin-right:10px; */;}
.gray_box2 .write_box ul li{ margin-top:5px; }
.gray_box2 .write_box ul li:first-child{ margin-top:0px; }
.gray_box2 .write_box ul li label{}
.gray_box2 .write_box ul li label span{ display: inline-block;width:70px;height:40px;line-height:40px }
.gray_box2 .write_box ul li label input{width:290px;padding:0 5px; border:1px solid #ddd;height:40px;line-height:40px; }
.gray_box2 .write_box button.id_search_btn{vertical-align:middle;color: #fff;background:#0083cb;border-radius:0px;font-weight: 400;text-align:center;width:180px;min-height:50px;;font-size: 16px; margin:20px auto 0 auto !important;}

.gray_box3 {max-width:1024px; margin: 10px auto 50px; padding: 10px; background:#fff url(../images/sub/bg_pattern.png);}
.formbox_wrap{background: #fff; padding:40px;}

/* member 이용약관 */
.step-list {padding-bottom: 30px;border-bottom: 1px solid #000;margin-bottom: 30px; }
.scroll-area {border: 1px solid #ddd;padding: 40px; height:350px; overflow: auto; margin-bottom: 5px; width:100%;}
.agree {text-align: right;margin-bottom: 30px; }
.rules {/* margin: 5.5rem 0;  */}
.rules .rules_box {border: 5px solid #f3f3f3;overflow: hidden; margin-bottom: 60px;letter-spacing: -.05em; padding: 30px;}
.rules .rules_box strong {display: block; background: url("../images/member/i_rules_box.gif") 0 0 no-repeat; padding-left: 130px; width:30%; height: 106px;line-height: 106px; font-size:24px; float:left;}
.rules .rules_box .cts {padding-top: 50px; display: flex;align-items: center; height: 70px;}
.rules .rules_box.email strong {background-image: url("../images/member/i_rules_box2.gif"); width:35%}
.rules .rules_box.email p {}
.rules .rules_box.pw strong {background-image: url("../images/member/i_rules_box3.gif"); }
.rules .rules_box.signup strong {background-image: url("../images/member/i_rules_box4.gif"); }
.rules .rules_box.out strong {background-image: url("../images/member/i_rules_box5.gif"); }
.rules .rules_box.info strong {background-image: url("../images/member/i_rules_box6.gif"); }
.rules .rules_box .cts {padding-top: 30px; display: flex; align-items: center; height: 70px;}
.rules .rules_box.info .caution {display: block; }
.rules .rules_box.info .info-list { margin-bottom: 30px; }
.rules .rules_box.info .info-list > li {margin-bottom: 4px; }
.rules .rules_box.info .info-list > li em {display: inline-block;width: 132px;border: 1px solid #ddd; border-radius: 20px;font-size: .8rem; color: #000;text-align: center;margin-right: 20px; }

.join_main{ border-top:2px solid #4c67bf; }
.join_main > strong{ display: block;padding:20px 0 ;text-align:center;color: #4c67bf;font-size: 22px; }
.join_main > ul{ overflow: hidden; border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.join_main > ul li{position: relative;float:left;width:40%;padding:60px 5%;text-align:center;font-size: 0;line-height:0;}
.join_main > ul li:first-child:after{ content:"";display: block;border-left:1px solid #e1e1e1;position: absolute;top:0;bottom:0;right:0; }
.join_main > ul li .top{ text-align:left;padding-left:160px; height:145px; background:url(../images/sub/member/img_join2.gif) 0 0 no-repeat;padding-top:45px; }
.join_main > ul li .top strong{font-size: 22px;line-height:24px; display: inline-block;margin-bottom:15px;}
.join_main > ul li .top span{ font-size: 16px;line-height:22px;letter-spacing:-1px; }
.join_main > ul li:first-child .top{ background:url(../images/sub/member/img_join1.gif) 0 0 no-repeat; }
.join_main > ul li > a{position: relative; padding:15px 0px;display:block;border-radius:0px;color: #fff;background:#0ba5de;font-size: 20px;text-align:center; line-height:22px;}
.join_main > ul li > a:before{ content:"";display: block;width:0;border-left:10px solid #03516e;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;right:25px;top:50%;margin-top:-10px; }
.join_main > ul li > a:after{ content:"";display: block;width:0;border-left:10px solid #0ba5de;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;right:28px;top:50%;margin-top:-10px; }

/* 회원가입 스텝 */
.join_step{}
.rules .step{ overflow: hidden; }
.rules .step li{position: relative; border:1px solid #dedede;float:left; width:31.3333%;margin-left:3%; height:80px;line-height:50px;text-align:center;padding-bottom:10px;box-sizing:border-box;}
.rules .step li:before{ content:"";display: block;width:0;border-left:8px solid #000;border-top:8px solid transparent;border-bottom:8px solid transparent;position: absolute;left:-21px;top:50%;margin-top:-8px; }
.rules .step li:after{ content:"";display: block;width:0;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;position: absolute;left:-24px;top:50%;margin-top:-8px; }
.rules .step li:first-child{ margin-left:0; }
.rules .step li span{ position: absolute;left:20px;top:0;font-size: 24px;color: #303a96;display: inline-block;background:#ecedf5; margin-right:20px;padding:15px 8px 0; font-weight:300; }
.rules .step li strong{ font-size: 20px;color: #222;display: inline-block;padding:10px 0 0 40px;margin:0; }
.rules .step li.on { border:2px solid #0083cb;height:80px ;box-sizing:border-box;}
.rules .step li.on span{ background:#0083cb;color: #fff; } 

.rules .btech_step:after{ content:"";display:block;clear:both; }
.rules .btech_step .in{ border:1px solid #c8c8c8;padding:45px 50px;max-height:170px;overflow-y:scroll; }
.rules .btech_step .in > h5{font-weight: 400; color:#333 !important; font-size:18px !important; padding:0 !important;}
.rules .btech_step .in > strong{ font-size: 18px; }
.rules .btech_step .in > p{ line-height:25px; }
.rules .btech_step .agrea_box{ position: relative;font-size: 0;line-height:0;text-align:right; }
.rules .btech_step .agrea_box span{ position: absolute;left:0;top:10px; line-height:16px;; }
.rules .btech_step .agrea_box label{display: inline-block; margin:10px 0 0 10px; line-height:16px; }

.rules .btech_step.bottom .in{ overflow: hidden; }
.rules .btech_step .in.bottom{border-top:0; }

.rules.last .img { position: relative;background:#f8f8f8;border:1px solid #dadada;margin-top:20px;text-align:center;padding:10% 5% }
.rules.last .img img{ max-width:100%;}
.rules.last .img a{ display: inline-block;color: #fff; height:54px;line-height:54px;padding:0 60px;background:#0ba5de;font-size: 16px;border-radius:0;}

.certification_btn{ overflow: hidden; border:1px solid #e4e4e4; border-left:0; border-right:0; margin:30px 0; text-align:center; font-size: 0; line-height:0;}
.certification_btn li{display: inline-block;padding:8%;}
.certification_btn li:first-child:after{ content:"";display: block;border-right:0px solid #e4e4e4;position: absolute;right:0;top:0;bottom:0; }
.certification_btn li strong{ display: block;font-size: 23px;}
.certification_btn li img{ margin:30px 0; }
.certification_btn li span{ display: block;font-size: 16px;line-height:20px;}
.certification_btn li button{ position: relative;display: block;color: #fff;background:#585858;height:55px;line-height:55px;width:100%;font-size: 20px;border-radius:0; margin-top:35px; }
.certification_btn li button:before{ content:"";display: block;width:0;border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;right:25px;top:50%;margin-top:-10px; }
.certification_btn li button:after{ content:"";display: block;width:0;border-left:10px solid #585858;border-top:10px solid transparent;border-bottom:10px solid transparent;position: absolute;right:28px;top:50%;margin-top:-10px; }


.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}
.privacy_box {margin-bottom: 47px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box_title {display: block;padding-bottom: 18px;margin-bottom: 18px;font-size: 18px;line-height: 1.66;font-weight: 600;color: #222;border-bottom: 1px solid #ddd;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 24px;font-size: 16px;line-height: 1.75;color: #666;}
.privacy_box b {display: block;font-size: 16px;line-height: 1.75;font-weight: 600;color: #ff1282;}
.privacy_box li {margin-bottom: 2px;position: relative;font-size: 16px;line-height: 1.75;color: #666;}
.privacy_box li:last-child {margin-bottom: 0;}
.privacy_box > ul > li {padding-left: 14px;margin-bottom: 2px;}
.privacy_box > ul > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 12px;background: #ff1282;border-radius: 50%;}
.privacy_box > ul > li > ul {margin-top: 2px;margin-bottom: 26px;}
.privacy_box > ul > li > ul.clear_margin {margin-bottom: 0;}
.privacy_box > ul > li:last-child > ul {margin-bottom: 0;}
.privacy_box > ul > li > ul > li {padding-left: 10px;}
.privacy_box > ul > li > ul > li:before {content: '-';position: absolute;left: 0;top: -1px;}

.privacy_icn {position:Relative; display:block; width:80px; height:80px; margin:0 auto; background-size:auto; background-repeat: no-repeat;background-position: center center;}
.privacy_icn.p_icon1 {background-image: url(../images/privacy_icon/i_con1.png); }
.privacy_icn.p_icon2 {background-image: url(../images/privacy_icon/i_con2.png); }
.privacy_icn.p_icon3 {background-image: url(../images/privacy_icon/i_con3.png); }
.privacy_icn.p_icon4 {background-image: url(../images/privacy_icon/i_con4.png); }
.privacy_icn.p_icon5 {background-image: url(../images/privacy_icon/i_con5.png); }
.privacy_icn.p_icon6 {background-image: url(../images/privacy_icon/i_con6.png); } 

.cont-bot.box{border: 1px solid #ddd; width:100%; max-width:100%; margin:0 auto; margin-top:80px; padding:15px 25px}
.cont-bot .admin{overflow:hidden; background:url(../images/contents/bg_admin.gif) 0 0 no-repeat; padding-left:10px;}
.cont-bot .admin>li{float:left;  margin-left:50px; height:40px; line-height:40px}
.cont-bot .admin>li strong{display:inline-block; padding-right:10px; margin-right:10px; position:relative}
.cont-bot .admin>li strong::after{content:""; width:1px; height:14px; background:#ddd; position:absolute; top:50%; margin-top:-7px; right:-3px}

/* sub tit */
.center_tit{color:#000; font-weight:700; font-size:2rem; text-align:center; margin-bottom:36px;}
.em_text{font-size:1.563rem; text-align:center; font-weight:100; color:#000;  line-height: 1.6 !important;}
.blue_text{color:#0067b3 !important;}
.red_text{color:#da2128 !important;}
.em_text .blue_text{font-weight:400;}
.sub_text{font-size:1.250rem;}
.strong_text{font-size:2.5rem; font-weight:100; color:#000; line-height: 1.4; }
.strong_text strong{font-weight:400;}
.support_text{font-weight:400; font-size: 1.563rem; color:#0067b3;}
.space_text{letter-spacing: 0.5rem;}

.col_bar {display:block; width:1px; height:2.375rem;background:#0067b3; margin:40px auto;}
.row_bar{display:block; height:3px; width:64px; background:#0067b3;}
.text_box{background:#f6f6f6; border:1px solid #ddd; padding:30px 40px; margin:30px 0;}
.basic_text{line-height: 1.8; position: relative;}


@charset "UTF-8";

/* ****************** 메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContent > article{}
/* 공통 :: 타이틀 */
.title_wrap{position:relative; width:100%;}
.title_wrap h3{font-size:40px; color:#222; font-weight:500; margin-bottom:40px; letter-spacing:-0.75px;}
.title_wrap strong{display:block; color:#111; font-size:38px; line-height:50px; font-weight:400; }
.main_inner{ width:1200px; margin:0 auto; padding:100px 0; position: relative;}
.main_inner:after{ content:"";display: block;clear:both; }

@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.title_wrap{margin-bottom:30px;}
	.title_wrap strong{font-size:21px; line-height:35px;}
}

/* visual */
.main_visual{ position: relative;}
.main_visual .main_rolling { position: relative; z-index: 5;}
.main_visual .main_rolling .slick-slide{height:500px !important;}
.main_visual .main_rolling .slick-slide p{text-align:left; color:#fff; font-weight: 300; font-size:20px; line-height:30px;}
.main_visual .main_rolling .slick-slide p.en{margin-top:130px; line-height:55px; font-size:50px; font-weight: 500; margin-bottom:15px;}
.main_visual .main_rolling .slick-slide.visual1{background:url(../images/main/main_visual1.jpg) center 0 no-repeat; background-size:cover;}
.main_visual .main_rolling .slick-slide.visual2{background:url(../images/main/main_visual2.jpg) center 0 no-repeat; background-size:cover;}
.main_visual .main_rolling .slick-slide.visual3{background:url(../images/main/main_visual3.jpg) center 0 no-repeat; background-size:cover;}

.main_visual .main_rolling .slick-arrow{ text-indent:-9999px;width:91px;height:91px; position: absolute;top:50%;margin-top:-25px; z-index: 10; display:none;}
.main_visual .main_rolling .slick-arrow.slick-prev{ background:url(./images/main/btn_main-left.png) 0 0 no-repeat; left:50%;}
.main_visual .main_rolling .slick-arrow.slick-next{ background:url(./images/main/btn_main-right.png) 0 0 no-repeat; right:50%;}

.main_visual .main_rolling .slick-dots{ position: absolute;left:180px;bottom:100px;font-size: 0;line-height:0;text-align:center;  }
.main_visual .main_rolling .slick-dots li{display: inline-block; float:left; text-indent:-9999px; width:14px;height:14px; margin-left:5px;}
.main_visual .main_rolling .slick-dots li button{display: block; text-indent:-9999px; width:14px;height:14px;border:1px solid #fff;background:transparent; border-radius:50%; cursor:pointer;}
.main_visual .main_rolling .slick-dots li:first-child button{ margin-left:0; }
.main_visual .main_rolling .slick-dots li.slick-active button{ background:#fff; }
.main_visual .btn_stops{ z-index: 11;position: absolute;bottom:98px;left:230px;margin-left:25px }


/***** main contents *****/
#mainContent{width: 100%; position: relative; z-index:10; min-height:600px; height:100%; /*background:url(../images/main/bg_contents.gif) 100% 0 repeat-y;*/}
.main_con{width:1200px; margin:0 auto;}

/* 분양신청 바로가기 */
.sub_apply {  padding:  0; margin: 0; }
.sub_achieve:hover > li.animated {opacity: 0.4 !important;}
.sub_achieve:hover > li.animated:hover {opacity: 1 !important;}
/* 
.sub_apply > li:before { position:  absolute; top: 0; right:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.sub_apply > li:after { position:  absolute; bottom: 0; left:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.sub_apply > li .box_link:before { position:  absolute; top: 0; left:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}
.sub_apply > li .box_link:after { position:  absolute; bottom: 0; right:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}

.sub_apply > li:hover:before,
.sub_apply > li:focus:before{width:100%;transition:width 0.2s ease-out;}
.sub_apply > li:hover:after,
.sub_apply > li:focus:after{width:100%; transition:width 0.2s ease-out 0.4s;}
.sub_apply > li:hover .box_link:before,
.sub_apply > li:focus .box_link:before{height:100%;transition:height 0.2s ease-out 0.2s;}
.sub_apply > li:hover .box_link:after,
.sub_apply > li:focus .box_link:after{height:100%;transition:height 0.2s ease-out 0.6s;}
 */
 
.sub_apply > li .box_link:hover,
.sub_apply > li .box_link:focus{border:3px solid #0083cb}

.sub_apply > li {position: relative; display:inline-block; width:18.4%; /* width:23%; */height:310px; float:left; margin:0 0 0 2%; background-color:#fff;  border: 1px solid #e6e6e6;}
.sub_apply > li:first-child{margin:0}
.sub_apply > li .box_link{display:block; width:100%; height:100%; padding:40px 0; padding-top:190px; text-align:center;}
.sub_apply > li .group{height:30px; font-size:20px; text-align:center; line-height:30px; display:block;}
.sub_apply > li .box_link strong{position: relative; font-size:20px; font-weight: 500; height:40px; margin-bottom:10px;}
.sub_apply > li .box_link strong:after{position:absolute; bottom:0; left:50%; transform: translate( -50%,-50%); display:inline-block; content:""; width:25px; height:2px; background-color:#555;}
.sub_apply > li .box_link p{ display:block; width:100%; font-size:18px; margin-bottom:8px;}
.sub_apply > li:nth-child(1){background-image:url(../images/contents/KTaxon_Plantae.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply > li:nth-child(2){background-image:url(../images/contents/KTaxon_Chromista.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply > li:nth-child(3){background-image:url(../images/contents/KTaxon_Fungi.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply > li:nth-child(4){background-image:url(../images/contents/KTaxon_Bacteria.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply > li:nth-child(5){background-image:url(../images/main/icon_cm04.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply > li .btn_more{display:block; border:1px solid #0083cb; background-color:#fff; color:#0083cb; height:35px; padding:0; width: 120px; margin: 0 auto; font-size:14px; border-radius:30px;  line-height: 32px;}
.sub_apply > li .btn_more i{color:#0083cb; font-size:16px; height:35px; margin:0; line-height: 32px; vertical-align: top;}
.sub_apply > li .btn_more:hover{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.sub_apply > li .btn_more:hover i{color:#fff;}
.sub_apply > li:hover .btn_more,
.sub_apply > li:focus .btn_more{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.sub_apply > li:hover .btn_more i{color:#fff;}


/* 기탁신청 바로가기 */
.sub_apply2 {  padding:  0; margin: 0; }
.sub_apply2:hover > li.animated {opacity: 0.4 !important;}
.sub_apply2:hover > li.animated:hover {opacity: 1 !important;}
/* 
.sub_apply2 > li:before { position:  absolute; top: 0; right:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.sub_apply2 > li:after { position:  absolute; bottom: 0; left:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.sub_apply2 > li .box_link:before { position:  absolute; top: 0; left:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}
.sub_apply2 > li .box_link:after { position:  absolute; bottom: 0; right:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}
.sub_apply2 > li:hover:before,
.sub_apply2 > li:focus:before{width:100%;transition:width 0.2s ease-out;}
.sub_apply2 > li:hover:after,
.sub_apply2 > li:focus:after{width:100%; transition:width 0.2s ease-out 0.4s;}
.sub_apply2 > li:hover .box_link:before,
.sub_apply2 > li:focus .box_link:before{height:100%;transition:height 0.2s ease-out 0.2s;}
.sub_apply2 > li:hover .box_link:after,
.sub_apply2 > li:focus .box_link:after{height:100%;transition:height 0.2s ease-out 0.6s;}
 */
.sub_apply2 > li .box_link:hover,
.sub_apply2 > li .box_link:focus{border:3px solid #0083cb}
.sub_apply2 > li {position: relative; display:inline-block; width:32%; height:310px; float:left; margin:0 0 0 2%; background-color:#fff;  border: 1px solid #e6e6e6;}
.sub_apply2 > li:first-child{margin:0}
.sub_apply2 > li .box_link{display:block; width:100%; height:100%; padding:40px 0; padding-top:190px; text-align:center;}
.sub_apply2 > li .group{height:30px; font-size:20px; text-align:center; line-height:30px; display:block;}
.sub_apply2 > li .box_link strong{position: relative; font-size:20px; font-weight: 500; height:40px; margin-bottom:10px;}
.sub_apply2 > li .box_link strong:after{position:absolute; bottom:0; left:50%; transform: translate( -50%,-50%); display:inline-block; content:""; width:25px; height:2px; background-color:#555;}
.sub_apply2 > li .box_link p{ display:block; width:100%; font-size:18px; margin-bottom:8px;}
.sub_apply2 > li:nth-child(1){background-image:url(../images/main/icon_cm01.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply2 > li:nth-child(2){background-image:url(../images/main/icon_cm02.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply2 > li:nth-child(3){background-image:url(../images/main/icon_cm03.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply2 > li:nth-child(4){background-image:url(../images/main/icon_cm04.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply2 > li:nth-child(5){background-image:url(../images/main/icon_cm05.png); background-position:center 40px; background-repeat:no-repeat;}
.sub_apply2 > li .btn_more{display:block; border:1px solid #0083cb; background-color:#fff; color:#0083cb; height:35px; padding:0; width: 120px; margin: 0 auto; font-size:14px; border-radius:30px;  line-height: 32px;}
.sub_apply2 > li .btn_more i{color:#0083cb; font-size:16px; height:35px; margin:0; line-height: 32px; vertical-align: top;}
.sub_apply2 > li .btn_more:hover{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.sub_apply2 > li .btn_more:hover i{color:#fff;}
.sub_apply2 > li:hover .btn_more,
.sub_apply2 > li:focus .btn_more{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.sub_apply2 > li:hover .btn_more i{color:#fff;}

/* 자원은행 소개 */
/* 
.sub_con .bank_info .con01 {background:url("../images/contents/info_title_bg01.png") no-repeat left 140px; padding-bottom:232px;}
.sub_con .bank_info .con02 {background:#fafafa url("../images/contents/info_title_bg02.png") no-repeat right 677px; padding-bottom:122px;}
.sub_con .bank_info .con03 {background:url("../images/contents/info_title_bg03.png") no-repeat left 20%; padding-bottom:122px;}
.sub_con .bank_info .con04 {background:#fafafa url("../images/contents/info_title_bg04.png") no-repeat right 300px; padding-bottom:122px;}
.sub_con .bank_info .con05 {background:url("../images/contents/info_title_bg05.png") no-repeat left 85%; padding-bottom:122px;}
 */
.sub_con .bank_info h3.title {padding-top: 60px !important;}
.sub_con .bank_info .con01 {padding-bottom:180px;}
.sub_con .bank_info .con02 {background:#fafafa;padding-bottom:80px;}
.sub_con .bank_info .con03 {padding-bottom:80px;}
.sub_con .bank_info .con04 {background:#fafafa;padding-bottom:80px;}
.sub_con .bank_info .con05 {padding-bottom:80px;}
.sub_con .bank_info .boxwrap {max-width:1200px; width:100%; margin:0 auto; position:relative;}
.sub_con .bank_info .boxwrap .txt {width:630px; background:#f3f3f3; display:inline-block; padding:40px 75px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.sub_con .bank_info .boxwrap .txt:after {content:""; display:inline-block; width:100%; height:100%; border:1px solid #c2c2c2; background:none; position:absolute; top:-30px; left:-30px;}
.sub_con .bank_info .boxwrap .txt h4 {font-size:28px; letter-spacing:-0.15px; margin-bottom:5px; padding-top:75px;}
.sub_con .bank_info .boxwrap .txt .sub {font-size:20px; letter-spacing:-0.1px; margin-bottom:20px;}
.sub_con .bank_info .boxwrap .txt p {line-height:25px; letter-spacing:-0.15px; color:#666;}

/* 자원은행 소개 > 소개 */
.sub_con .bank_info .con01 .boxwrap .txt {position:absolute; left:30px; bottom:-110px;} 
.sub_con .bank_info .con01 .boxwrap .txt h4 {background:url("../images/contents/info_logo.png") no-repeat left top;}
.sub_con .bank_info .con01 .boxwrap .img {text-align:right;}

/* 자원은행 소개 > 추진체계 */
.sub_con .bank_info .con03 .propel{position:relative; height:866px; width:1000px; margin:0 auto; background:url("../images/contents/info_img02_bg.png") no-repeat 0 0;}
.sub_con .bank_info .con03 .propel > li{position:relative; display:block;}
.sub_con .bank_info .con03 .propel > li:after{ display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; }
.sub_con .bank_info .con03 .propel div.propel-con{position: relative; z-index: 0; width: 260px; padding: 12px; margin: 0 auto; word-break: keep-all;}
.sub_con .bank_info .con03 .propel div.propel-con h4{position:relative; display:block; text-align:center; font-size:20px; line-height:24px; height:60px; font-weight:400;}
.sub_con .bank_info .con03 .propel div.propel-con ul.list{padding:10px;}
.sub_con .bank_info .con03 .propel div.propel-con ul.list > li{position: relative; margin-bottom: 0; line-height: 1.7em; font-size:15px; position: relative; padding-left: 10px; color:#fff !important; letter-spacing: -.05em;}
.sub_con .bank_info .con03 .propel div.propel-con ul.list > li:before{position:absolute; width:2px; height:2px ; background:#fff; display:block; content:""; top:12px; left:0; }
.sub_con .bank_info .con03 .propel .propel-box2 {margin-top:158px;}
.sub_con .bank_info .con03 .propel .propel-box2 > ul > li{position: relative; height:185px; width:277px; float:left; display:block;}
.sub_con .bank_info .con03 .propel .propel-box2 > ul > li:nth-of-type(2){width:445px; text-align:center; padding-top:55px;}
.sub_con .bank_info .con03 .propel .propel-box2 > ul > li h3{color:#fff !important; font-size:24px;}
.sub_con .bank_info .con03 .propel .propel-box3{text-align:center; margin-top:100px; font-size:20px;}
.sub_con .bank_info .con03 .propel .propel-box4{height:55px; line-height:55px; text-align:center; margin-top:153px; font-size:24px; color:#fff;}

/* 자원은행 소개 > 연혁 */
.sub_con .bank_info .con04 .history {position:relative; text-align:center;}
.sub_con .bank_info .con04 .history .centerline {width:1px; height:100%; background:#bebebe; position:absolute; top:0; left:50%;}
.sub_con .bank_info .con04 .history .centerline:before {content:""; display:inline-block; width:5px; height:5px;  background:#ccc; border:5px solid #f2f2f2; position:absolute; top:-7px; left:-7px; z-index:1;}
.sub_con .bank_info .con04 .history .centerline:after {content:""; display:inline-block; width:5px; height:5px; background:#ccc; border:5px solid #f2f2f2; position:absolute; bottom:-7px; left:-7px; z-index:1;}
.sub_con .bank_info .con04 .history .h_wrap {padding:30px 0;}
.sub_con .bank_info .con04 .history dl {}
.sub_con .bank_info .con04 .history dl dt {font-size:35px; color:#1783c6; margin-bottom:10px; position:relative;}
.sub_con .bank_info .con04 .history dl dd ul li {overflow:hidden; margin-bottom:10px;}
.sub_con .bank_info .con04 .history dl dd ul li span {letter-spacing:-0.15px;}
.sub_con .bank_info .con04 .history dl dd ul li em {font-size:17px; font-weight:400; color:#1783c6; width:30px; height:21px; line-height:140%; font-style:normal;}

.sub_con .bank_info .con04 .history dl.h_left {position:relative; margin-right:50%; text-align:right; padding-right:160px;}
.sub_con .bank_info .con04 .history dl.h_left:before {content:""; display:inline-block; width:5px; height:5px; border-radius:20px; background:#1783c6; border:5px solid #e5f6fa; position:absolute; top:20px; right:-8px;}
.sub_con .bank_info .con04 .history dl.h_left:after {content:""; display:inline-block; width:140px; height:1px; background:#a8cfe7; position:absolute; top:27px; right:2px; }
.sub_con .bank_info .con04 .history dl.h_left dt:after {content:""; display:inline-block; width:3px; height:3px; border-radius:20px; background:#a8cfe7; position:absolute; top:26px; right:-18px;}
.sub_con .bank_info .con04 .history dl.h_left dd ul li span {float:right;}
.sub_con .bank_info .con04 .history dl.h_left dd ul li em {float:right; }

.sub_con .bank_info .con04 .history dl.h_right {position:relative; margin-left:50%; text-align:left; padding-left:160px;}
.sub_con .bank_info .con04 .history dl.h_right:before {content:""; display:inline-block; width:5px; height:5px; border-radius:20px; background:#1783c6; border:5px solid #e5f6fa; position:absolute; top:20px; left:-8px;}
.sub_con .bank_info .con04 .history dl.h_right:after {content:""; display:inline-block; width:140px; height:1px; background:#a8cfe7; position:absolute; top:27px; left:2px; }
.sub_con .bank_info .con04 .history dl.h_right dt:after {content:""; display:inline-block; width:3px; height:3px; border-radius:20px; background:#a8cfe7; position:absolute; top:26px; left:-18px;}
.sub_con .bank_info .con04 .history dl.h_right dd ul li span {float:left;}
.sub_con .bank_info .con04 .history dl.h_right dd ul li em {float:left; }

/* 자원은행 소개 > CI소개 */
.signature_box{border:1px solid #ddd; background:url(../images/contents/pattern.png) 0 0 repeat;}
.signature_box>div { padding: 85px 0; text-align:center;}

.ci_cr { background: #f6f6f6; overflow: hidden; position: relative;}
.ci_cr:after{position:absolute; left:50%; top:0 ; width:1px; height:100%; background:#fff; content:"";}
.ci_cr>div { display: block; width: 50%; float:left; position:relative; min-height:72px; padding:0 40px; margin:30px 0;}
/*.ci_color>div:before {width: 30px; height:  30px; border-radius:20px; position:  absolute; left:250px; top: 0; background: #007bc7; content: "";}*/
/*.ci_color>div.color_blue:before{ background:#3E3A39;}*/
.ci_cr>div> p { padding-left:0;}
.ci_cr>div> p strong { display:  block;}
.ci_cr>div> ul { width: 290px; position: absolute; vertical-align: top; padding: 0; margin: 0; right: 60px; top:0;}
.ci_cr>div> ul li strong { width: 114px; display:  inline-block;}

.ci_btn_wrap {margin-top:40px; text-align:center;}
.ci_btn_wrap .btn{width:150px;height:50px; padding:0; padding-top: 13px; font-weight:400; line-height: 1.2;border-color:#007bc7; color:#007bc7; margin-right:10px; text-align:center;}
.ci_btn_wrap .btn span{color:#007bc7;}
.ci_btn_wrap .btn:hover,
.ci_btn_wrap .btn:focus,
.ci_btn_wrap .btn:active,
.ci_btn_wrap .btn:hover span,
.ci_btn_wrap .btn:focus span,
.ci_btn_wrap .btn:active span{color:#fff; background: #007bc7;}
.ci_btn_wrap .btn .xi-download{color:#007bc7 !important;}
.ci_btn_wrap .btn:hover .xi-download,
.ci_btn_wrap .btn:focus .xi-download{color:#fff !important;}

/* 분양안내 */
.sub_con h3.title {text-align:center; font-size:40px; letter-spacing:-0.15px; color:#222222; font-weight:400; padding-top:100px; margin-bottom:45px}
.sub_con h3.title:after {content:""; display:block; width:40px; height:2px; background:#383838; margin:15px auto;}
.sub_con .bank_parcel .con01 {background:#ffff; padding-bottom:80px;}
.sub_con .bank_parcel .con02 {background:#fafafa; padding-bottom:122px;}
.sub_con .bank_parcel .con03 {background:#ffff; padding-bottom:122px;}
.sub_con .bank_parcel .con04 {background:#fafafa; padding-bottom:122px;}
.sub_con .bank_parcel .con01 .boxwrap {padding-bottom:60px; max-width:1200px; width:100%; margin:0 auto; position:relative;}
.sub_con .bank_parcel .boxwrap .txt {width:100%; background:#f3f3f3 url("../images/contents/parcel_icon_bg.png") no-repeat 80px 60px; display:inline-block; padding:0 75px 60px 250px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.sub_con .bank_parcel .boxwrap .txt:after {content:""; display:inline-block; width:100%; height:100%; border:1px solid #c2c2c2; background:none; position:absolute; top:-30px; left:-30px;}
.sub_con .bank_parcel .boxwrap .txt h4 {display:inline-block; position:relative; font-size:20px; letter-spacing:-0.15px; margin-bottom:5px; padding-top:55px; padding-bottom:30px;}
.sub_con .bank_parcel .boxwrap .txt h4::before {position: absolute;bottom: 10px;left: 50%; width: 6px;height: 15px;background-color: #555;content: ""; transform: skew(-45deg);margin-left: -3px;}
.sub_con .bank_parcel .boxwrap .txt .sub {font-size:18px; letter-spacing:-0.1px; margin-bottom:20px;}
.sub_con .bank_parcel .boxwrap .txt li {position:relative; line-height:25px; letter-spacing:-0.15px; color:#666; background:#fff; float:left; margin-left:2%; width:49%; min-height:100px; padding:30px 20px 25px 0;}
.sub_con .bank_parcel .boxwrap .txt li:first-child{margin-left:0}
.sub_con .bank_parcel .boxwrap .txt li p{padding-left:60px;}
.sub_con .bank_parcel .boxwrap .txt li span{position: absolute; left:0; top:50%; margin-top:-20px; width:40px; height:40px; background-color:#0083cb; display:inline-block; color:#fff; line-height:40px; text-align:center;}

/* 분양안내 > 분양절차 */
.order_box {display:block; overflow:hidden;}
.order_box dl {position:relative; width:  200px;height:  200px;display:  block;border-radius:  320px;background-color:#007bc7; background-position:50% 45px ;  background-repeat:no-repeat; padding: 110px 20px 0;text-align:  center;float:left;margin-right: 20px;margin-left: 20px;}
.order_box dl:after { content:  ""; position: absolute; right: -23px;  top: 50%; display: inline-block;  width: 15px; height: 15px; content: ""; border-top: 3px solid #0067b3; border-left: 3px solid #0067b3; border-bottom: 3px solid transparent; border-right: 3px solid transparent; transform: translate( 0,-50%) rotate(136deg);}
.order_box dl dt {font-size: 17px;font-weight: 400;color: #fff;margin-bottom: 0; letter-spacing:-0.15px;}
.order_box dl dd {font-size: 14px;font-weight: 300;color: #fff; letter-spacing:-0.2px;}
.order_box dl.order01 { background-image: url(../images/contents/order01.png);}
.order_box dl.order02 { background-image: url(../images/contents/order02.png);}
.order_box dl.order03 { background-image: url(../images/contents/order03.png);}
.order_box dl.order04 { background-image: url(../images/contents/order04.png);}
.order_box dl.order05 { background-image: url(../images/contents/order05.png);}
.order_box dl.order05:after{display:none;}

/* 분양안내 > 유의사항 */
.bank_parcel .box_wrap { padding:0; border: 1px solid #ddd; background-color:#fff; overflow:  hidden;}
.bank_parcel .box_wrap > div {border-right: 1px dashed #ddd;padding: 250px 30px 40px 30px;width:25%;min-height: 420px;float:left;}
.bank_parcel .box_wrap > div.box1 { background: url(../images/contents/order06.png) 50% 60px no-repeat;}
.bank_parcel .box_wrap > div.box2 { background: url(../images/contents/order07.png) 50% 60px no-repeat;}
.bank_parcel .box_wrap > div.box3 { background: url(../images/contents/order08.png) 50% 60px no-repeat;}
.bank_parcel .box_wrap > div.box4 { background: url(../images/contents/order09.png) 50% 60px no-repeat;border-right:0 none;}
.bank_parcel .box_wrap > div .tit_text{display:block; text-align:center;}

/* 기탁안내 */
.sub_con .bank_sm .con01 {background:#ffff; padding-bottom:80px;}
.sub_con .bank_sm .con02 {background:#fafafa; padding-bottom:122px;}
.sub_con .bank_sm .con03 {background:#ffff; padding-bottom:122px;}
.sub_con .bank_sm .con04 {background:#fafafa; padding-bottom:122px;}
.sub_con .bank_sm .con01 .boxwrap {padding-bottom:60px; max-width:100%; width:100%; margin:0 auto; position:relative;}
.sub_con .bank_sm .boxwrap .txt {width:100%; background:#f3f3f3 url("../images/contents/sm_icon_bg.png") no-repeat 80px 60px; display:inline-block; padding:0 75px 40px 250px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.sub_con .bank_sm .boxwrap .txt:after {content:""; display:inline-block; width:100%; height:100%; border:1px solid #c2c2c2; background:none; position:absolute; top:-30px; left:-30px;}
.sub_con .bank_sm .boxwrap .txt h4 {display:inline-block; position:relative; font-size:20px; letter-spacing:-0.15px; margin-bottom:5px; padding-top:55px; padding-bottom:30px;}
.sub_con .bank_sm .boxwrap .txt h4::before {position: absolute;bottom: 10px;left: 50%; width: 6px;height: 15px;background-color: #555;content: ""; transform: skew(-45deg);margin-left: -3px;}
.sub_con .bank_sm .boxwrap .txt .sub {font-size:18px; letter-spacing:-0.1px; margin-bottom:20px;}

.bank_sm .box_wrap { padding:0; border: 1px solid #ddd; background-color:#fff; overflow:  hidden;}
.bank_sm .box_wrap > div {border-bottom: 1px dashed #ddd;padding: 30px 30px 30px 210px;min-height: 180px;}
.bank_sm .box_wrap > div.box1 { background: url(../images/contents/sm_step01.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box2 { background: url(../images/contents/sm_step02.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box3 { background: url(../images/contents/sm_step03.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box4 { background: url(../images/contents/sm_step04.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box5 { background: url(../images/contents/sm_step05.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box6 { background: url(../images/contents/sm_step06.png) 50px 50% no-repeat;}
.bank_sm .box_wrap > div.box7 { background: url(../images/contents/sm_step07.png) 50px 50% no-repeat;border-bottom:0 none;}
.bank_sm .box_wrap > div .tit_text{font-weight:500; font-size:20px; margin-top:20px; margin-bottom:10px;}

.bank_sm .type-list {overflow: hidden; }
.bank_sm .type-list > li { width: 47.826%; min-height: 275px; text-align: center; margin-top: 4px; background: #f3f3f3; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bank_sm .type-list > li:nth-of-type(2n-1) { float: left; }
.bank_sm .type-list > li:nth-of-type(2n) { float: right; }
.bank_sm .type-list > li .type-title { display: inline-block; width: 216px; height: 77px; font-size: 20px; margin-top: -4px; margin-bottom: 36px; text-align: center; color: #fff; font-weight: 400; padding-top: 14px; background: url('../images/contents/bg-type.png') center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bank_sm .type-list > li ul { padding: 0 6.909%; }
.bank_sm .type-list > li ul > li { position: relative; padding-left: 15px; margin-bottom: 10px; text-align: left; letter-spacing: .5px; word-break: keep-all; }
.bank_sm .type-list > li ul > li::before { content: ''; display: block; position: absolute; left: 0; top: 11px; width: 3px; height: 2px; background: #222; }

.submission{min-height:500px; background: url(../images/contents/info-img-2020.png) center 0 no-repeat; padding-top:320px}

/* tabType */
/* 
.page_tabs li { width: 50%; }
.page_tabs_num_2 .page_tabs li { width: 50%; }
.page_tabs_num_3 .page_tabs li { width: 32.666666%; margin:0 1% 0 0;}
.page_tabs_num_4 .page_tabs li { width: 24.25%; margin:0 1% 0 0;}
.page_tabs_num_5 .page_tabs li { width: 20%; }
.page_tabs_num_6 .page_tabs li { width: 16.6666%; }
.page_tabs_num_4 .page_tabs li:last-child {margin:0;}
.page_tabs {display: block;width: 100%;margin: 30px auto 60px;overflow: hidden;}
.page_tabs li:before {content: '';display: block;width: 1px;height: 31px; position: absolute;left: 0;top: 50%;background: #ddd;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.page_tabs li:first-child:before {display: none;}
.page_tabs li:after {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;top: 0;}
.page_tabs li {position:relative;float: left;display: inline-block; vertical-align: top; margin-right: 0; overflow: hidden; box-sizing: border-box;}
.page_tabs li a{display: block; height: 50px; line-height: 50px; border: 1px solid #cdcdcd; border-top: 1px solid #192c55; font-size: 18px; color: #464646; box-sizing: border-box; text-align: center; box-sizing: border-box;padding: 0 25px;z-index: 1;}
.page_tabs li a span {display: inline-block;padding: 0 2px;}
.page_tabs li:hover a, .page_tabs li.current_page_item a, .page_tabs li.current_page_ancestor a {color: #222;}
.page_tabs li.current_page_item:after, .page_tabs li.current_page_ancestor:after {background: #0083cb;}
 */
 
.page_tabs_num_2 .page_tabs li { width: 49.5%;  margin:0 1% 0 0;}
.page_tabs_num_3 .page_tabs li { width: 32.666%; margin:0 1% 0 0;}
.page_tabs_num_4 .page_tabs li { width: 24.25%; margin:0 1% 0 0;}

.page_tabs {padding:0; margin:0; padding-bottom:12px; margin-bottom:80px; text-align:center; clear:both; display: block; /* overflow:hidden; */}
.page_tabs li {position:relative;float: left;display: inline-block; vertical-align: top; margin-right: 0; overflow: hidden; box-sizing: border-box;}
.page_tabs li:last-child {margin:0;}
.page_tabs li:after{position:absolute; width:1px; height:16px; background:#ddd;  top:50%; margin-top:-8px; right:0; content:''; }
.page_tabs li:last-child:after{display:none;}
.page_tabs li a{ position:relative; display:block;  font-size:18px; padding: 0 12px; white-space: nowrap;}
.page_tabs li a{display: block; height: 50px; line-height: 50px;border: 1px solid #cdcdcd;border-top: 1px solid #192c55; font-size: 18px;color: #464646;box-sizing: border-box; text-align: center;box-sizing: border-box;  padding: 0 25px;  z-index: 1;}
.page_tabs li a:after{ position:absolute; display:block; width:0; height:3px; top:0px; left:50%; transform: translate(-50%,-50%); background:#0083cb; content:''; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.page_tabs li a:hover:after,
.page_tabs li a:focus:after{width:100%;}
.page_tabs li.current_page_item a,
.page_tabs li a.current_page_item{color:#0083cb;} 
.page_tabs li.current_page_item a:after,
.page_tabs li a.current_page_item:after{ width:100%; }

.page_tabs_nav2{lear:both; display: block; margin-bottom:60px; overflow:hidden;}
.page_tabs_nav2 ul{text-align:center; display:block; width:100%; }
.page_tabs_nav2 ul li {width:25%; display:inline-block; float:left;}
.page_tabs_nav2 ul li a{height:70px; background:#fff; line-height:68px; border:1px solid #cdcdcd; border-left:0 none; display:block; /* color:#c3bbad !important; */}
.page_tabs_nav2 ul li:nth-child(1) a{border-left:1px solid #cdcdcd;}
.page_tabs_nav2 ul li:hover a, .page_tabs_nav2 ul li.current_page_item a{background:#222; border:1px solid #222; color:#fff !important;}



/* 2019-06-18 추가 */
.report_box{display:block; margin:0; overflow:hidden;  border:1px solid #ddd; padding:0;}
.report_box li {width:33.33%; min-height:240px; float:left; border-right:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:30px 0; text-align:center;}
.report_box li:nth-child(3){border-right:0 none;}
.report_box li:nth-child(4){border-bottom:0 none;}
.report_box li:nth-child(5){border-bottom:0 none;}
.report_box li:nth-child(6){border-right:0 none; border-bottom:0 none;}
.report_box li img { display:  block; margin: 0 auto 20px;}
.report_box.solicit li{float:left;}

.step_box {clear:both; display:block; margin-top:20px; overflow:hidden; border:1px solid #ddd; padding:40px 20px}
.step_box li {position:relative;color: #fff; width:170px; height:170px;display: block;border-radius: 320px;background-color:#0067b3; padding: 45px 20px 0; text-align: center;float:left;margin-right: 30px; margin-left: 30px;}
.step_box li span{display:table-cell; width:170px; height:80px; color:#fff; vertical-align:middle; line-height:25px;}
.step_box li:after { content:  ""; position: absolute; right: -33px;  top: 50%; display: inline-block;  width: 15px; height: 15px; content: ""; border-top: 3px solid #0067b3; border-left: 3px solid #0067b3; border-bottom: 3px solid transparent; border-right: 3px solid transparent; transform: translate( 0,-50%) rotate(136deg);}
.step_box li:last-child:after{display:none;}

.info_type {clear:both; display:block; overflow:hidden; margin-top:20px; border:1px solid #ddd; padding: 45px 0; }
.info_type li{width:50%; float:left; border-right:1px dashed #ddd; padding:0 30px; text-align:center;}
.info_type li span{display:block; min-height:280px; margin-bottom:20px;}
.info_type.type2 li{width:33.3333%; float:left; border-right:1px dashed #ddd; padding:0 30px; text-align:center;}
.info_type.type2 li img{width:100%;}
.info_type li:last-child{border-right:0 none;}
.info_type.type2 li span{display: block; margin-bottom:20px; min-width:280px; height:auto; margin:0 auto; margin-bottom:20px;}


/* board_write / horizontal_form */
/* label */
.form_label {display: inline-block;position: relative;vertical-align: middle;line-height: 1;font-weight: 400;}
/* input */
.form_field {display: inline-block;width: 350px;height: 40px;padding: 8px 18px;vertical-align: middle;color: #666;border: 1px solid #f5f5f5;border-radius: 0px;background: #f5f5f5;-webkit-transition: border 300ms, background 300ms;transition: border 300ms, background 300ms;}
input[type='text'].form_field ,
input[type='password'].form_field{border: 1px solid #f5f5f5;}

textarea.form_field {height: 194px; padding: 14px 18px;overflow: auto;resize: none;}
.form_field:focus {border-color: #ff1282;background-color: #fff;}
.file_inline_input {display: inline; width: -webkit-calc(100% - 160px);width: calc(100% - 160px);background: #f8f8f8;cursor: pointer;}

.form_control_wrap {display: inline-block;vertical-align: top;}
.contact_row_mail .form_control_wrap {width: 159px;}
.contact_row_tel .form_control_wrap {width: 100px;}
.contact_row_350 .form_control_wrap {width: 350px;}
.contact_row_400 .form_control_wrap {width: 400px;}
.contact_row_all .form_control_wrap {width: 100% !important;}

/* input block */
.form_block_field {display: block;}

/* input block + width:100% */
.form_full_field {display: block; width: 100%;}

ul.horizontal_form {display: table;width: 100%;position: relative;}
ul.horizontal_form:before {content: '';display: block;width: 100%;height: 5px;position: absolute;top: -5px;left: 0;background: url(../images/sub/line.png) no-repeat center center;}
ul.horizontal_form > li {display: table-row; width: 100%; border:1px solid #000;}
ul.horizontal_form > li > div {display: table-cell;vertical-align: top;border-bottom: 1px solid #ddd;}
ul.horizontal_form > li > div:first-child {width: 10%;padding: 36px 0 0 29px;}
ul.horizontal_form > li > div:first-child + div {width: 90%;padding: 10px 30px;}

.horizontal_select_wrap {display: inline-block;width: 177px;margin-left: 10px;vertical-align: top;}
.horizontal_select_wrap .wpcf7-form-control-wrap {width: 100%;}
.horizontal_select_wrap .selectric {width: 100%;}
.form_button {display: inline-block;width: 150px;height: 40px;margin-left: 10px;padding: 0;vertical-align: top; font-family: 'NotoSansKR', sans-serif;font-weight: 400;text-align: center;color: #fff;outline: none;border: none;background: #aaa;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;}
.form_button:hover,
.form_button:focus {background-color:#222;}


.form_button.sm {width: 50px;}
.explain {display: block;margin-top: 10px;padding-left: 12px;position: relative;font-size: 14px;color: #666;}
.explain:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;background: #ff1282;}
.mail_desinence {display: inline-block;padding: 0 10px;vertical-align: middle; font-weight: 400;line-height: 35px; color: #222;text-align: center;}
.tel_desinence {display: inline-block;width: 25px;height: 40px;vertical-align: middle;position: relative;}
.tel_desinence:after {content: '';display: block;width: 10px;height: 1px;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -0.5px;background: #222;}

/* board_write / formbox_wrap */
.horizontal_form2 {display: table; width: 100%;position: relative; border-top: 3px solid #4d5265}
/*.horizontal_form2:before {content: '';display: block;width: 100%;height: 5px;position: absolute;top: -5px;left: 0; background: url(../images/sub/line.png) no-repeat center center;}*/

.horizontal_form2 { background:  #fff; padding: 0;}

.horizontal_form2 .title_wrap { clear: both;margin-bottom: 20px; position: relative;margin-top: 30px; z-index: 0;}
.horizontal_form2 .title_wrap:after {  width: 100%; height: 1px;  background: #0067b3; display: block;  position: absolute; top: 50%; right: 0; content: ""; z-index: -1;}
.horizontal_form2 .title_wrap h3 { color: #0067b3;  margin-top: 29px; font-weight: 700; background: #fff;  padding-right:15px; font-size: 1.2rem;  padding-left: 16px;  position:  relative;display:  inline-block;  margin: 0;  z-index: 0;}
.horizontal_form2 .title_wrap h3:after { content:  ""; display:  block; width: 7px; height: 7px; background: #0067b3; position:  absolute;  left:  0; top: 9px;}
.horizontal_form2 .text_box{ clear:both; margin-bottom:15px;}

.horizontal_form2 > li.form-group {display:table; position:relative; width: 100%; clear: both; min-height:60px; }
.horizontal_form2 > li.form-group > div {display:table-cell; vertical-align: top; vertical-align:middle; border-bottom: 1px solid #ddd;}
.horizontal_form2 > li.form-group > div:first-child {text-align:center; padding: 10px; line-height:1;  width:150px; background-color: #f8f8f8; height:100%;}
.horizontal_form2 > li.form-group > div:first-child + div {padding: 10px 30px 10px 20px;}
.horizontal_form2 > li.form-group > div:first-child + div p{line-height:20px; vertical-align:middle}
.horizontal_form2 > li.form-group.left_wrap { float: left; width: 50%; clear: both; }
.horizontal_form2 > li.form-group.right_wrap {float: right; width: 50%; clear: none;}
.horizontal_form2 > li.form-group .file_inline_input {display: inline; width: -webkit-calc(100% - 200px);width: calc(100% - 200px);background: #f8f8f8;cursor: pointer;}

.horizontal_form2 .form-group.file_box{padding:0;}
.horizontal_form2 .form-group.file_box .file_label{ position:static; display:inline-block; width:37%;}
.horizontal_form2 .form-group.file_box input{display:inline-block; width:50%;}
.horizontal_form2 .form-group.file_box input.hidden {display:none;}
.horizontal_form2 .form-group.file_box .btn{vertical-align:top;}

.horizontal_form2 .form-group .form_sub1 { width:  30%; float: left;}
.horizontal_form2 .form-group .line { width: 5%; float: left; text-align:  center; padding-top: 6px;}
.horizontal_form2 .form-group .form_sub_01 { width: 30%; float: left;}
.horizontal_form2 .form-group .mail_con { width: 9%; text-align:  center; float: left; padding-top: 6px;}
.horizontal_form2 .form-group .form_sub_02 { width: 30%; float: left; margin-left: 1%;}
.horizontal_form2:after { content:  ""; display:  block; clear:  both;}

.horizontal_form3 {display: table;width: 100%;position: relative;}
.horizontal_form3:before {content: '';display: block;width: 100%;height: 5px;position: absolute;top: -5px;left: 0;background: url(../images/sub/line.png) no-repeat center center;}
.horizontal_form3 { background:  #fff; padding: 0 0 40px;}
.horizontal_form3 > li.form-group {position:relative; width: 100%; clear: both; min-height:60px; border-bottom: 1px solid #ddd;}
.horizontal_form3 > li.form-group > div {padding: 10px;}

.write_text_box { border-top: 1px solid #ddd; padding-top: 50px; margin-top:50px;text-align:center;}
.write_text_box .text_scroll {line-height: 1.8; border:1px solid #ddd; padding:0 42px 15px; text-align:left; margin-bottom:0; max-height:284px; overflow:auto;}
.write_text_box .text_scroll > *:first-child{margin-top:35px;}
.write_text_box .link_wrap {border:1px solid #ddd ; border-top:0 none; padding:15px 42px;  }
.write_text_box .link_wrap > p { text-align:center; color:#0067b3; font-weight: 500;}
.write_text_box .link_wrap > input[type="radio"]{ vertical-align:middle}
.write_text_box .link_wrap > label{ vertical-align:middle; padding:0 5px; font-weight: 500;}

.signature-pad{width:100%;}
.signature-pad dl{position:relative; padding-left:120px; background:#fff; border:1px solid #ddd;}
.signature-pad dt,
.signature-pad dd{font-weight:500;text-align:center}
.signature-pad dt{position:absolute;top:0;left:0; width:120px; height:200px;padding:23px 0;background:#f8f8f8; border-right:1px solid #ddd;}
.signature-pad dd{background-color:#fff; height:200px;}

/* 팝업 레이어 */
.modal { will-change: visibility, opacity; display: flex; align-items: center;  justify-content: center; position: fixed;top: 0;left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; z-index: 1000; visibility: hidden; opacity: 0; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: $modal-delay;}
.modal--active {visibility: visible; opacity: 1;}
.modal--align-top {align-items: flex-start;}
.modal__bg {background: rgba(0,0,0,0.5);}
.modal__dialog {min-width: 1000px; padding:8rem 1.2rem;}
.modal__content {will-change: transform, opacity;position: relative;padding: 2.4rem; background: #fff;background-clip: padding-box; box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);opacity: 0; transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);max-height:640px; overflow-x:auto; border:1px solid #eee}
.modal__content--active {opacity: 1;}
.modal__close {z-index: 1100;cursor: pointer;}
.modal__trigger {position: relative; display: inline-block; padding: 1.2rem 2.4rem; color: rgba(0,0,0,0.7); line-height: 1; cursor: pointer; background: #fff;
  /*
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);*/}
.modal__trigger--active {z-index: 10;}
.modal__trigger:hover { background: #085cad;}
#modal__temp {will-change: transform, opacity; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: #fff;*/ -webkit-transform: none; transform: none; opacity: 1; transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);}

.demo-close {position: absolute;top: 0; right: 0; margin: 1.2rem; padding: 0.6rem; background: rgba(0,0,0,0.3); border-radius: 50%; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
.demo-close svg {width: 24px; fill: #fff; pointer-events: none; vertical-align: top;}
.demo-close:hover {background: rgba(0,0,0,0.6);}

/* 바디에 스크롤 막는 방법 */
.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}
.not_scroll .sub_con {position: relative; top: 0;}

/* 자원분양 > 배양체 상세페이지 */
.detailcon {width:100%; margin-top: 50px;color: #333;position: relative;overflow:hidden; min-height:200px; margin-bottom:50px;}
.detailcon .imgArea{display: inline-block; vertical-align: middle; width:200px; height:auto;}
.detailcon .imgArea .img{width:200px; height:200px; overflow:hidden; background-color:#fff; border:1px solid #ddd;}
.detailcon .imgArea .img.al{background-image:url(../images/main/icon_cm01.png); background-size:60%; background-position:center 50%; background-repeat:no-repeat;}
.detailcon .imgArea .img.fg{background-image:url(../images/main/icon_cm02.png); background-size:60%; background-position:center 50%; background-repeat:no-repeat;}
.detailcon .imgArea .img.pc{background-image:url(../images/main/icon_cm03.png); background-size:60%; background-position:center 50%; background-repeat:no-repeat;}
.detailcon .imgArea .img.ex{background-image:url(../images/main/icon_cm04.png); background-size:60%; background-position:center 50%; background-repeat:no-repeat;}
.detailcon .imgArea .img a.al_over img{width:100%; height:100%; margin:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.detailcon .imgArea .img a.al_over{border:1px solid #ddd; position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.detailcon .imgArea .img a.al_over:hover,
.detailcon .imgArea .img a.al_over:focus{border:2px solid #222;}

.detailcon .commBox{padding-left: 60px; display: inline-block; vertical-align: middle; width: calc(100% - 210px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detailcon .commBox .tlt{font-size: 30px; font-weight: 400; line-height:1.2; letter-spacing:-1.2px;}
.detailcon .commBox > ul{border-top: 1px solid #ddd; margin-top: 20px;}
.detailcon .commBox > ul > li{float:left; width:100%;  font-size:18px; border-bottom:1px solid #ddd; height:72px; line-height:72px; padding:0 0;}
.detailcon .commBox > ul > li > div{float:left; width:85%;}
.detailcon .commBox > ul > li > div.sTlt{width:15%; color:#777;}
.detailcon .commBox > ul > li > div > em{font-size:20px;}
.detailcon .commBox .filter{color:#333; min-height:40px; line-height:40px;}
.detailcon .commBox > ul > li > div p{padding-bottom:10px;}
.detailcon .commBox .director > span{display:inline-block; padding-right:20px;}
/*.detailcon .commBox > ul > li:last-child{border-bottom:0 none;}*/
.skyBtn {display: inline-block; background-color: #e7edfc;  padding: 0 20px; border-radius: 100px; color: #333;}


/* 배지정보 - 모달 */
#badge_info .modal__content{position: relative; max-width:1024px;}
.experience-info {display:inline-block; float:left; border: 1px solid #ddd; background-color: #f8f8f8; padding:25px; max-width:31.333333%; width:31.333333%; margin-left:3%; margin-bottom:20px;}	
.experience-info:nth-child(3n+1){margin-left:0; clear:both;}

.experience-info dt.tit {position: relative; display:table;}
.experience-info dt.tit div{display:table-cell; line-height:18px; font-size:15px; padding-left:10px;}
.experience-info dt.tit div:first-child{padding-left:0;}
.experience-info dt.tit div:first-child span{display: block; font-size: 13px;width: 70px;padding: 3px 0;  background-color: #f26b22;color:#fff;border-radius: 3px;text-align: center;}
.experience-info dd {margin-top: 12px; padding-top:10px; overflow: hidden; border-top:1px dashed #ddd}	
.experience-info dd span {display: block;overflow: hidden; font-size:15px;}
.experience-info dd span:first-child {display: block;float: left;font-size: 13px;width: 70px;margin-right: 10px;padding: 3px 0;background-color: #464646;border-radius: 3px;text-align: center;color:#fff;}	

/* 장바구니 */
.represent { border: 5px solid #ddd; background: #f8f8f8; padding: 17px 40px; margin:20px 0 0 0;  overflow: hidden;}
.represent ul{margin:0; padding:0;}
.represent ul li{display:inline-block; margin-right:20px;min-height: 22px; font-size:24px;}  
.represent ul li strong{margin-right:5px; padding-left:26px; color:#fc8200;}
.represent ul li.date{float:right;}

/* location */
.location .address {position: relative; display:block; }
.location .address h2 { font-size: 2.5rem; margin-top:23px; margin-bottom:15px;}
.location .address p {font-size: 1.125rem;}
.location .address ul { padding: 0; margin-top: 35px;margin-bottom: 35px;}
.location .address ul li strong {width: 41px; display:  inline-block;}
.location .address ul li {line-height: 1.6em;}
.location .address .btn{position: absolute; right:0; top:60px; padding: 7px 11px;}
.location .info_box .tit_h3 i{width:30px; height:30px; margin-right:8px; display:inline-block; vertical-align:middle; border:1px solid #888; border-radius:50px; text-align:center; line-height:27px;}
.location .info_box .tit_h3 i{ont-size: 1.15rem;}
.location .location_map{width:100%;}

.location .info_box { position:relative; clear: both; border: 1px solid #ddd; border-bottom:0; width:100%}
.location .info_box table{width:100%}
.location .info_box table th {background: #f6f6f6; vertical-align:top; font-size: 1.3rem; font-weight: 100; padding: 30px 40px; width: 25%; margin: 0; text-align:left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.location .info_box table td {width: 75%; background: #fff; padding: 30px 40px; text-align:left; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.location .root_daum_roughmap .wrap_map {position: relative;height:450px;}
.location .root_daum_roughmap {position: relative; margin: 0 auto; height:450px; padding: 0; border: 0 solid #dfdfdf;  border-color: hsla(0,0%,59%,0);  border-radius: 0; background-color: #fff;}
.location .root_daum_roughmap .border1,
.location .root_daum_roughmap .border2{border:0;}
.location .root_daum_roughmap .border3,
.location .root_daum_roughmap .border4{width:0}

/* 인사말 */
.greeting{position: relative; width:100%; padding:0 0 100px 0;}
.ceo_typo {}
.ceo_typo strong {margin-left: 0.1em;letter-spacing: 0.1em; font-size: 45px;font-weight: 200;line-height: 1.25;letter-spacing: 0.1em;color: #222;}

.middle_grid {display: table;width: 100%;}
.middle_grid_img, .middle_grid_content {display: table-cell;}
.middle_grid_img {width: 49%;vertical-align: top;}
.middle_grid_img img {display: block;max-width: 100%;height: auto;}
.middle_grid_content {width: 51%;vertical-align: middle;}
.middle_grid_content > h2 {font-size: 45px;font-weight: 200;line-height: 1.22;color: #222;}
.middle_grid_content > h2[lang="en"] {font-size: 70px;line-height: 1;}
.middle_grid_content > p {padding-top: 30px;font-size: 16px;line-height: 1.75;color: #666;}
.middle_grid_content > p + p {padding-top: 15px;}
.middle_grid_content > span {display: block;padding-bottom: 13px;font-size: 30px;font-weight: 200;line-height: 1.22;letter-spacing: -0.025em;color: #222;}
.middle_grid_controler {margin-top: 35px;font-size: 0;line-height: 1;}
.middle_grid_controler .jt_btn {margin-right: 20px;}
.middle_grid_controler .jt_btn:last-child {margin-right: 0;}
.middle_grid.primary .middle_grid_content {padding-left: 100px;}
.middle_grid.secondary .middle_grid_content {padding-right: 75px;}


/* 2020년 3월 수정 */
/* 인사말 B */
.intro_b{position:relative; min-height:700px; padding:0 0 0 574px;}
.intro_b:before{display:inline-block;position:absolute;left:0;/*top:-55px;width:437px;height:539px;*/top: 0;width: 534px;height: 600px;background:url(../images/contents/intro_img01.png) no-repeat;content:'';}
.intro_b .tit{display:tabel;}
.intro_b .tit span{display : table-cell; margin-bottom:20px; font-size:26px; line-height:40px; font-weight:400; min-height:40px; padding-right:10px;letter-spacing:-1px;}
.intro_b .tit span.logo{display : table-cell; width:90px; height:40px;background:url(../images/contents/intro_img03.png) no-repeat 0 center; content:'';}
.intro_b .tit span img{}
.intro_b .txt{margin-top:40px;}
.intro_b .txt p{padding:30px 0; font-size:20px; line-height:30px !important;}
.intro_b .txt p strong{ font-size: 22px;font-weight: 400;  }
.jb-table-row { display: table-row;}
.intro_b.research:before{top: 30px; }
.intro_b.greet:before{display:inline-block;position:absolute;left:0;top: 0;width: 534px;height: 600px;background:url(../images/contents/intro_img01_n.png) no-repeat;content:''; }

@media only screen and (max-width:1300px){
	.intro_b{padding:0px 0 0 35%;}
	.intro_b:before{width:32%; height:560px; background-size:100%; content:'';}	
	.intro_b .tit span{font-size:26px;}
	.intro_b .txt p{margin:40px 0; font-size:20px; line-height:30px !important;}
    .intro_b.greet {min-height:auto;padding:0;}
    .intro_b.greet:before {display:none;}
}

@media only screen and (max-width:1024px){
    .intro_b{min-height:auto;padding:0;}
    .intro_b:before  {display:none;}
    .intro_b .tit{display:block;}
    .jb-table-row {display:block;}
    .intro_b .tit span{font-size:24px; display:block; text-align:center; width:100%; height:auto; min-height:auto; padding-right:0; margin-bottom:0px;}
    .intro_b .tit span.logo{display:block; width:100% !important; background:url(../images/contents/intro_img03.png) no-repeat center center; content:'';}
    /*.intro_b .tit span em.br{display:block;} */	
    .intro_b .txt p{text-align:center;}
}

/* 2020년 6월 수정 */
/* 자원은행 소개 > 보유자원 */
.info_resource_mobile{display:none}
.flexslider {width:1200px !important; height:620px; border:0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;margin:20px;overflow:hidden;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;background:url(../images/contents/info_resource_bg.png) no-repeat 50% top;padding-top:88px;}
.flexslider .slides > li {position: relative; display: none; -webkit-backface-visibility: hidden; width:500px !important; height:500px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li img {width: 100%; display: block; border-radius:400px;}

.flexslider .slides > li .circle{ margin: 0 auto; overflow: hidden; text-align:center; }
.flexslider .slides > li .circle .resource-text{position: absolute; left:0; top:0; margin-left: 0; width:500px; height:500px; padding: 17% 25px 0; }
.flexslider .slides > li .circle .resource-text img{width:auto; height:auto; border-radius:0; padding:0; margin:0 auto;}
.flexslider .slides > li .circle span{font-size:18px; width:120px; display:block; text-align:center; color:#fff; border:1px solid #fff; padding:10px 20px; border-radius:30px; margin:10px auto 20px;}
.flexslider .slides > li .circle p {font-size:65px;color: #fff;letter-spacing: 0; line-height: 1 !important; margin:0; padding:0;}

.flex-pauseplay span {text-transform: capitalize;}

.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;z-index:0;}
.flex-direction-nav {height:90px;width: 100%;position: absolute;top:50%;left:0;margin: -50px 0 0; z-index:0;}
.flex-direction-nav li {overflow:visible;}
.flex-direction-nav a  {overflow:visible;width: 0; height: 0; margin: 0; opacity: 1;  top:0;color: rgba(0,0,0,0.8); text-indent:-9999em;text-shadow: none; -webkit-transition:  all 0.3s ease-out; -moz-transition:  all 0.3s ease-out; transition:  all 0.3s ease-out; background-color: rgba(0,0,0,0.5) ;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;	}
.flex-direction-nav .flex-prev { left:0px; }
.flex-direction-nav .flex-next { right:0px; text-align: left;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background-position:5px -95px; background-color: #fff;}
.flexslider:hover .flex-next:hover .arrow { right:0; background-position: -75px -95px ;opacity:1;  background-color: #fff;}

.flexslider .flex-prev:hover .preview .alt,
.flexslider .flex-prev:focus .preview .alt,
.flexslider .flex-next:hover .preview .alt, 
.flexslider .flex-next:focus .preview .alt{background-color:#222; color:#fff }


.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {background-color: #fff;opacity:1; }

.preview {width: 250px;height:130px;position: absolute;top:0;left:0;z-index:0;-webkit-transition:  all 0.3s ease-out; -moz-transition:  all 0.3s ease-out; transition:  all 0.3s ease-out; 	border-radius:130px;}
.preview img {position: absolute;left:0;top:0;width: 130px;}

.preview .alt {position: absolute;left:140px;top:45px;width: 120px;height:40px;color:#000;text-indent:0;text-transform: uppercase;text-align:center;line-height:40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; font-size:16px; background-color:#e2e2e2; border-radius:130px;}

/* prev button */
.flex-prev .preview{top:25px;}

/* next button */			
.flex-next .preview {right:0;left:auto;	top:25px;}
.flex-next .preview img {position: absolute;left:120px;top:0;}
.flex-next .preview .alt {left:-10px;}

/* hover style */		
.flex-prev:hover .preview {left:0;opacity:1;}
.flex-next:hover .preview {right:0;opacity:1;}
.flex-control-nav{display:none}

/*은행대민 20210726추가*/ 
.tab_taxawrap {overflow:hidden; margin: 20px 0;} 
.tab_taxawrap ul {margin: 0 -1.25%;overflow: hidden;box-sizing: border-box;}
.tab_taxawrap ul li { float:left; width:calc(14.285% - 2.5%); height:190px;margin:0 1.25%; text-align:center; box-sizing: border-box;}     
.tab_taxawrap ul li a  {  display: block;height: 100%;border:1px solid #e6e6e6; transition: .3s; }
.tab_taxawrap ul li a:hover {border:3px solid #0083cb;}
.tab_taxawrap ul li.active a  {border:3px solid #0083cb;}
.tab_taxawrap ul li a i { display:block;width:100%;height:121px;background-repeat:no-repeat;background-position:center center;margin:15px auto;background-size:auto auto; transition: .3s;}
.tab_taxawrap ul li a:hover i {margin-top: 12px;}
.tab_taxawrap ul li.active a:hover i {margin-top: 15px;}
.tab_taxawrap ul.list_6 li { float:left; width:calc(16.66666% - 2.5%); }   
.tab_taxawrap ul.list_5 li { float:left; width:calc(20% - 2.5%);  }   
.tab_taxawrap ul.list_4 li { float:left; width:calc(25% - 2.5%);  }   
.tab_taxawrap ul.list_3 li { float:left; width:calc(33.33333% - 2.5%);  }   
.tab_taxawrap ul.list_2 li { float:left; width:calc(33.33333% - 2.5%);  }  
.tab_taxawrap ul.list_1 li { float:left; width:calc(33.33333% - 2.5%);  }  
.tab_taxawrap ul li a i.jong01 {background-image:url(../images/contents/KTaxon_Animalia.png);} 
.tab_taxawrap ul li a i.jong02 {background-image:url(../images/contents/KTaxon_Plantae.png);} 
.tab_taxawrap ul li a i.jong03 {background-image:url(../images/contents/KTaxon_Chromista.png);} 
.tab_taxawrap ul li a i.jong04 {background-image:url(../images/contents/KTaxon_Fungi.png);} 
.tab_taxawrap ul li a i.jong05 {background-image:url(../images/contents/KTaxon_Protista.png);} 
.tab_taxawrap ul li a i.jong06 {background-image:url(../images/contents/KTaxon_Bacteria.png);} 
.tab_taxawrap ul li a i.jong_Animalia {background-image:url(../images/contents/KTaxon_Animalia.png);} 
.tab_taxawrap ul li a i.jong_Plantae {background-image:url(../images/contents/KTaxon_Plantae.png);} 
.tab_taxawrap ul li a i.jong_Chromista {background-image:url(../images/contents/KTaxon_Chromista.png);} 
.tab_taxawrap ul li a i.jong_Fungi {background-image:url(../images/contents/KTaxon_Fungi.png);} 
.tab_taxawrap ul li a i.jong_Protista {background-image:url(../images/contents/KTaxon_Protista.png);} 
.tab_taxawrap ul li a i.jong_Bacteria {background-image:url(../images/contents/KTaxon_Bacteria.png);} 
.tab_taxawrap ul li a i.jong_Archaea {background-image:url(../images/contents/KTaxon_Archaea.png);} 

.tab_taxawrap ul li a span {font-size:19px;color:#000;text-align:center; }
.tablist_cate {overflow: hidden;margin-bottom: 20px;}
.tablist_cate li {float: left;width:13.5%; text-align: center;box-sizing: border-box;margin-right: 11px;margin-bottom: 9px;}
.tablist_cate li:nth-child(7n) {margin-right: 0;}
.tablist_cate li a {display: block;height: 44px;padding: 10px 0;color: #000;font-size: 16px;background: #f9f9f9;border: 1px solid #d8d8d8;transition: .3s;}
.tablist_cate li a:hover  {color: #fff; background: #0083cb;border: 1px solid #0083cb;}
.tablist_cate li.on a {color: #fff; background: #0083cb;border: 1px solid #0083cb;}
#taxacont01, #taxacont02, #taxacont03, 
#taxacont04, #taxacont05, #taxacont06{display:none;}
.active#taxacont01, .active#taxacont02, .active#taxacont03, 
.active#taxacont04, .active#taxacont05, .active#taxacont06 {display:block;} 
#taxacont_Animalia, #taxacont_Plantae, #taxacont_Chromista, 
#taxacont_Fungi, #taxacont_Protista, #taxacont_Bacteria, #taxacont_Archaea{display:none;}
.active#taxacont_Animalia, .active#taxacont_Plantae, .active#taxacont_Chromista, 
.active#taxacont_Fungi, .active#taxacont_Protista, .active#taxacont_Bacteria, .active#taxacont_Archaea {display:block;} 
.sectwrap2 {overflow: hidden;}
.sectwrap2 .flt_left {float: left;margin-top: 40px;}
.sectwrap2 .flt_right {float: right;}
/*Popup*/
.popuplayer {margin: 0;padding: 10px 10px;border: 1px solid #8c88a7;background: #eae9ec;display: none; width: 800px;height: 580px;border-radius: 5px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.popuplayer .poptit {background: #41397d;height:45px;border-radius: 5px;overflow: hidden;} 
.popuplayer .poptit .fltleft {float: left;}
.popuplayer .poptit .fltright {float: right;}
.popuplayer .poptit h1 {font-size: 20px;line-height: 45px;margin: 0;color: #fff;padding: 0 0 15px 15px;}
.popuplayer .poptit .btn2 {text-align: right;padding:7px 15px 0; }
.popuplayer .poptit .btn2 a {display: block;height: 100%;width: 35px; }
.popuplayer .popconts {background: #fff;margin-top:8px;border-radius: 5px; width: 100%;padding: 10px 10px;text-align: left; height:calc(100% - 50px);}
.popuplayer .scroll {height:100%;overflow-y: auto;} 
.popuplayer .scroll table {width:100%; border-top:#4c4c4c solid 1px; margin-bottom:10px;font-size: 14px;}
.popuplayer .scroll table td {padding:7px 7px; border-bottom:1px solid #dfdfdf;border-left:0; word-break: break-all;}
.popuplayer .scroll table th {padding:7px 7px;text-align:center; background-color:#f2f2f2;border-bottom:1px solid #dfdfdf; }
 
@media (max-width: 1024px) {
    .tab_taxawrap ul {margin: 0 -1%;}
    .tab_taxawrap ul li {width:calc(33.3333333% - 2%);margin:0 1% 10px 1%;}	
	.tab_taxawrap ul.list_6 li {width:calc(33.3333333% - 2%);margin:0 1% 10px 1%;}
	.tab_taxawrap ul.list_5 li {width:calc(33.3333333% - 2%);margin:0 1% 10px 1%;}
	.tab_taxawrap ul.list_4 li {width:calc(33.3333333% - 2%);margin:0 1% 10px 1%;}  
	.sectwrap2 {margin-bottom: 10px;}
    .sectwrap2 .flt_left {float: none;width: 100%;margin-top: 0px;}
    .sectwrap2 .flt_right {float: none;width: 100%;margin-top: 0px;}
}
@media (max-width:480px) {
    .tab_taxawrap ul li {width:calc(46% - 2%); }
	.tab_taxawrap ul.list_6 li {width:calc(46% - 2%);} 
	.tab_taxawrap ul.list_5 li {width:calc(46% - 2%);} 
	.tab_taxawrap ul.list_4 li {width:calc(46% - 2%);} 
}

.conbg {/*background: #fafafa;margin:40px 0;*/padding:0 0 30px 0;}
.inner2 {width: 1200px;margin: 0 auto;position: relative;}
.intro_head1 {color: #313131;font-size: 30px;text-align: center;line-height: 48px;margin-bottom:90px;} 
.intro_head1  strong {font-size: 36px;font-family: 'Noto Serif KR', serif;font-weight: 400;}
.intro_head2 {color: #313131;font-size: 22px;text-align: right;font-family: 'Noto Serif KR', serif;} 
.intro_head2  strong {font-family: 'Noto Serif KR', serif;font-weight: 400;}
.bizgoal {margin: 40px 0;}
.bizgoal .vision, .bizgoal .goal {overflow: hidden; }
.bizgoal .vision .heading, .bizgoal .goal .heading {float: left;position: relative;height:158px;width: 158px;color: #fff;text-align: center;line-height: 158px;font-size: 30px; }
.bizgoal .vision .heading:before, .bizgoal .goal .heading:before {content: '';z-index: -1; position: absolute;top: 0;left: 0; width: 158px;height: 158px;border-radius: 50%;background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e9ebed 1px, #e9ebed  4px);}
.bizgoal .vision .heading:after, .bizgoal .goal .heading:after {content: '';z-index: -1;position: absolute;top:20px;left:20px;width: 115px;height: 115px;border-radius: 50%; background: #4d57b9; } 
.bizgoal .vision .desc {float: left;margin-left: 80px;position: relative;width: 760px;height:58px;font-size: 21px;color: #000;text-align: center; font-weight: 400; margin-top: 40px;line-height: 58px;}
.bizgoal .vision .desc:before {content: '';width: 100%;height:100%;border: 3px solid #d4d9e1;border-radius: 30px;position: absolute;left:0; top: 0%;  } 
.bizgoal .goal {padding-top:70px;position: relative;}
.bizgoal .goal:before {content: '';position: absolute;top:  0px;left: 50%; background: url(../images/contents/icon_stragedy.png) no-repeat;width: 354px;height: 70px;transform: translateX(-50%);}
.bizgoal .goal .desc {float: left;margin-left: 80px; background: #d4d9e1;padding: 4px 4px;width: 760px;height: 92px;border-radius: 47px;}
.bizgoal .goal .desc ul li {float: left;width: 246px; background: #fff;height: 84px;border-radius: 40px;margin:0 2px;font-size: 21px;line-height: 26px;color: #000;text-align: center;padding-top: 15px;}
.strategy  {overflow: hidden; padding-top:70px;position: relative;}
.strategy:before {content: '';position: absolute;top:  0px;left: 50%; background: url(../images/contents/icon_stragedy.png) no-repeat;width: 354px;height: 70px;transform: translateX(-50%);}
.strategy .heading {float: left;position: relative;height:210px;width: 210px;color: #fff;text-align: center; font-size: 30px;padding-top: 43px; }
.strategy .heading:before  {content: '';z-index: -1; position: absolute;top: 0;left: 0; width: 210px;height: 210px;border-radius: 50%;background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e9ebed 1px, #e9ebed  4px);}
.strategy .heading:after  {content: '';z-index: -1;position: absolute;top:20px;left:20px;width: 170px;height: 170px;border-radius: 50%; background: #1783c6; } 
.strategy .desc {float: left;margin-left: 40px;  width: 760px;  }
.strategy .desc .items {border: 1px solid #e3e3e3;border-radius: 30px;width: 100%;min-height: 170px;margin-bottom: 5px;padding: 5px 8px;}
.strategy .desc .items dt {height: 55px;background: #9ea6b2;color: #fff;border-radius: 27px;font-size: 23px;text-align: center;line-height: 55px;margin-bottom: 10px;}
.strategy .desc .items dd {padding: 5px 0 0 40px;font-size: 17px;color: #313131;} 
.benefit {min-height: 600px; position: relative;margin-left: 90px;padding:50px 0;}
.benefit:before {content: '';background: url(../images/contents/intro_effect01.png) no-repeat;width: 588px;height: 560px;position: absolute;top: 0;left: 0;}
.benefit .items01 {position: absolute;left: 340px;top: 0px;}
.benefit .items02 {position: absolute;left: 435px;top: 205px;}
.benefit .items03 {position: absolute;left: 340px;top: 410px;}
.benefit dl dt {float: left;color: #fff;font-size: 23px;width: 150px;height: 150px;line-height: 150px;text-align: center;}
.benefit dl dd {float: right;color: #5f5f5f;font-size: 19px;width: 600px;padding-left: 50px;padding-top: 50px; box-sizing: border-box;}
.benefit .items02 dl dd {width: 500px;} 
.force {max-width: 1170px;width: 100%;min-height:814px;height:100%; position: relative; margin: 50px auto;}
.force:before {content: '';background-image: url(../images/contents/force_bg01.png);background-repeat: no-repeat;background-size: 100% auto; width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;}
.force .flt_left {float: left;width: 50%;position: relative;}
.force .flt_right {float: right;width: 50%;position: relative;}
.force .flt_left .heading01 {position: absolute;top:375px;right: 40px;color: #fff;font-size: 19px;}
.force .flt_right .heading02 {position: absolute;top:405px;left:  0px;color: #fff;font-size: 19px;}
.force .items dt {color: #000;font-size: 21px;font-weight: 400;margin-bottom: 15px;}
.force .items dd {color: #5f5f5f;font-size:17px;position: relative;padding-left: 10px;}
.force .items dd:before {content: '';width: 4px;height: 1px;background: #5f5f5f;position: absolute;top: 12px;left: 0;}
.force .flt_left .list01 {position: absolute;left:60px;top: 130px;}
.force .flt_left .list02 {position: absolute;left:20px;top:390px;}
.force .flt_left .list03 {position: absolute;left:80px;top:600px;}
.force .flt_right .list04 {position: absolute;left:60px;top:20px;}
.force .flt_right .list05 {position: absolute;left:270px;top:250px;}
.force .flt_right .list06 {position: absolute;left:270px;top:500px;}
.force .flt_right .list07 {position: absolute;left:100px;top:710px;}
.organ_wrap {margin: 50px 0; text-align: center; position: relative; } 
.organ_wrap .org01 {position: relative;height:210px;width: 210px;text-align: center;margin: 0 auto; padding-top: 55px;z-index: 1;}
.organ_wrap .org01:before {content: '';z-index: -1; position: absolute;top: 0;left: 0; width: 210px;height: 210px;border-radius: 50%;background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #e9ebed 1px, #e9ebed  4px);}
.organ_wrap .org01:after{content: '';z-index: -1;position: absolute;top:20px;left:20px;width: 170px;height: 170px;border-radius: 50%; background: #1783c6;}
.organ_wrap .org01 span {height: 100%; font-size: 30px;color: #fff;padding-top: 35px; display:block }
.organ_wrap .org02 {position: relative;overflow: hidden;padding: 80px 0;}
.organ_wrap .org02:before {content:'';position: absolute;left: 50%;bottom: 0;width: 1px;height: 100%;background: #dcdcdc;}
.organ_wrap .org02 .part01 {float: left;position: relative;width: 50%;text-align: left;}
.organ_wrap .org02 .part01:before {content:'';position: absolute;right: 0;top: 50%;width:50%;height: 1px;background: #dcdcdc;z-index: -1;} 
.organ_wrap .org02 .part01 span {display:  inline-block; height: 64px;width: 20%;min-width: 250px; border: 1px solid #d8d8d8;border-radius:7px;padding: 7px;margin-left: 70px;}
.organ_wrap .org02 .part01 span>strong {display:  inline-block;width: 100%;height: 100%; text-align: center;font-size:21px; background: #5148a9;color: #fff;border-radius:6px;line-height: 48px;}
.organ_wrap .org02 .part02 {float: right;position: relative;width:50%;text-align: right; }
.organ_wrap .org02 .part02:before {content:'';position: absolute;left: 0;top: 50%;width:50%;height: 1px;background: #dcdcdc;z-index: -1;} 
.organ_wrap .org02 .part02 span {display: inline-block; height: 64px;width: 20%;min-width: 250px; border: 1px solid #d8d8d8;border-radius:7px;padding: 7px; margin-right: 70px;}
.organ_wrap .org02 .part02 span>strong {display:  inline-block;width: 100%;height: 100%; text-align: center;font-size:21px; background: #456cb7;color: #fff;border-radius:6px;line-height: 48px;}
.organ_wrap .org03 {position: relative;overflow: hidden; padding-bottom: 30px;}
.organ_wrap .org03:before {content:'';position: absolute;left: 50%;bottom: 0;width: 1px;height: 100%;background: #dcdcdc;}
.organ_wrap .org03 .research01 {position: relative;float: left;width: 33.33%;margin-left: 33.33%;  }
.organ_wrap .org03 .research02 {position: relative;float: right;width: 300px; margin-top: 10px;height: 125px;}
.organ_wrap .org03 .research02:before {content:'';position: absolute;left: -300px;top: 50%;width:100%;height: 1px;background: #d8d8d8;z-index: -1;} 
.organ_wrap .orgbox {border: 1px solid #d8d8d8;border-radius:7px;padding: 7px;background: #fff;max-width: 380px;width: 100%; min-height: 150px;}
.organ_wrap .orgbox dt {display:  inline-block;width: 100%;height: 100%; text-align: center;font-size:21px; background: #244075;color: #fff;border-radius:6px;line-height: 48px;margin-bottom: 10px;}
.organ_wrap .orgbox dd {font-size: 18px;color: #313131;padding: 3px 0;line-height: 30px;}
.organ_wrap .orgbox dd strong {color:#3b5990;font-weight:500;}
.organ_wrap .orgbox2 {border: 1px dotted #d8d8d8;border-radius:7px;padding: 7px;background: #fff;min-width: 300px;width: 100%;}
.organ_wrap .orgbox2 dt {display:  inline-block;width: 100%;height: 100%; text-align: center;font-size:18px; background: #8e9ab1;color: #fff;border-radius:6px;padding: 10px 0; margin-bottom: 10px;}
.organ_wrap .orgbox2 dd {font-size: 18px;color: #313131;padding: 3px 0;}
.organ_wrap .orgbox2 dd strong {color:#3b5990;font-weight:500;}
.organ_wrap .org04 {position: relative;overflow: hidden; margin: 0 -1%; }
.organ_wrap .org04:before {content:'';position: absolute;left:16.777%;top:0;width: 66.555%;height: 1px;background: #d8d8d8;z-index: -1; }
.organ_wrap .org04> div {float: left;width: 31.333333%;margin: 0 1%; position: relative;padding: 50px 0; } 
.organ_wrap .org04>div:before {content:'';position: absolute;left: 50%;bottom: 0;width: 1px;height: 100%;background: #d8d8d8;z-index: -1;}
.organ_wrap .org05 {position: relative; border: 1px dotted #d8d8d8;border-radius:7px;padding: 7px 0;background: #fff;  height: 145px; } 
.organ_wrap .org05 .items {float: left;width: 31.333333%;margin:0 1%;padding-bottom: 20px; position: relative;height: 150px;} 
.organ_wrap .org05 .items dl dt {display:  inline-block;width: 100%; text-align: center;font-size:18px; background: #8e9ab1;color: #fff;border-radius:6px; margin-bottom: 10px; height: 67px;line-height: 22px;padding-top: 10px;}
.organ_wrap .org05 .items dl dd {font-size: 18px;color: #313131;padding: 3px 0;}
.organ_wrap .org05 .items dl dd strong {color:#3b5990;font-weight:500;} 
.organ_wrap .sidebtn {position: absolute;bottom: 0px;right:0; display: inline-block; border: 1px solid #b1b1b1;border-radius: 14px;height: 30px;line-height: 30px;font-size: 14px;padding: 0 10px; background: #f1f1f1;}
.organ_wrap .sidebtn.busan {bottom: -20px;}

@media (max-width: 1220px) {
    .force:before {display: none;}
    .force .flt_left {float: none;width:100%; }
    .force .flt_right {float: none;width: 100%; }
    .force .flt_left .heading01 {position: relative;top:0;right: 0px;color: #fff;font-size:21px;background:linear-gradient(to right, #096bd0,#71bbdd);height: 60px;line-height: 60px;text-align: center;border-radius: 6px;margin: 10px 0;}  
    .force .flt_right .heading02 {position: relative;top:0;right: 0px;color: #fff;font-size:21px;background:linear-gradient(to right, #2f367a,#696bc7);height: 60px;line-height: 60px;text-align: center;border-radius: 6px;margin: 10px 0;}    
    .force .flt_left .heading01 br,   .force .flt_right .heading02 br {display: none;}
    .force .flt_left .list01 {position: relative;left:0px;top: 0px;}
    .force .flt_left .list02 {position: relative;left:0px;top:0px;}
    .force .flt_left .list03 {position: relative;left:0px;top:0px;}
    .force .flt_right .list04 {position: relative;left:0px;top:0px;}
    .force .flt_right .list05 {position: relative;left:0px;top:0px;}
    .force .flt_right .list06 {position: relative;left:0px;top:0px;}
    .force .flt_right .list07 {position: relative;left:0px;top:0px;}
    .force .items {border: 1px solid #dfdfdf;border-radius: 6px;margin-bottom: 10px;padding: 20px 20px;}
    .benefit {margin-left:  0px;}
    .benefit dl dd, .benefit .items02 dl dd  {width: calc(100% - 160px);padding-left: 0;}
    .organ_wrap .orgbox dt, .organ_wrap .orgbox2 dt {font-size: 20px;}
    .organ_wrap .orgbox dd, .organ_wrap .orgbox2 dd {font-size: 17px;}
    .organ_wrap .orgbox {min-height: 170px;}
    .organ_wrap .org05 .items dl dt, .organ_wrap .org05 .items dl dd {font-size: 17px;letter-spacing: -1px;}
    .organ_wrap .org03 .research02 {width: auto;}
    .organ_wrap .orgbox2 {min-width:250px}
    .organ_wrap .org03 .research02:before {left: -200px;}
}
@media (max-width: 1056px) {
    .bizgoal .vision .desc, .bizgoal .goal .desc, .strategy .desc  {width: calc(100% - 250px);}
    .bizgoal .goal .desc ul li {width: 32.7%;}
}
@media (max-width: 1024px) { 
    .benefit:before {display: none;}
    .benefit .items01, .benefit .items02, .benefit .items03 {position: relative;left: 0px;top: 0px;overflow: hidden;margin-bottom:25px;} 
    .benefit dl dt {position: relative;text-align: center; font-size: 20px;line-height: 128px;width:128px;height: 128px;}
    .benefit dl dt:before {content: ''; width: 112px;height: 112px;border-radius: 50%;border: 3px solid #fff;position: absolute;top:8px;left:8px;z-index: -1;}
    .benefit dl dt:after {content: '';width:128px;height: 128px;border:3px solid #d3d9e4;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;}
    .benefit .items01 dl dt:before {background: #244075;}
    .benefit .items02 dl dt:before {background: #706ec5;}
    .benefit .items03 dl dt:before {background: #0fa8d3;color:#244075;}
    .benefit dl dd {padding-top: 0;}
    .organ_wrap .orgbox dt, .organ_wrap .orgbox2 dt {font-size: 18px;letter-spacing: -1px;}
    .organ_wrap .orgbox dd, .organ_wrap .orgbox2 dd {font-size: 15px;display: block;}
    .organ_wrap .org05 .items dl dt, .organ_wrap .org05 .items dl dd {font-size: 15px;display: block;}  
	.force .items dd {display:block;}
	.force .items dd br {display:none;}
}
@media (max-width:960px){
    .bizgoal .vision .heading, .bizgoal .goal .heading, .strategy .heading {float: none;margin: auto;}
    .bizgoal .vision .desc, .bizgoal .goal .desc, .strategy .desc{width: 100%;float: none;margin-left: 0;margin-top: 10px;}
    .bizgoal .goal .desc {background: transparent;border-radius:0;height: auto;}
    .bizgoal .goal .desc ul li {width: 100%;border: 3px solid #d4d9e1; border-radius: 30px;height: 58px;margin-bottom: 5px;}
    .bizgoal .goal .desc ul li br {display: none;}
    .strategy .desc .items dl dd {width: 100%;display: block;}
}
@media (max-width:768px){
    .organ_wrap .org02 .part01 span, .organ_wrap .org02 .part02 span {min-width: 150px}
    .organ_wrap .org02 .part01 span {margin-left: 0;}
    .organ_wrap .org02 .part02 span {margin-right: 0;}
    .organ_wrap .org03 .research01 {float: none; margin:0 auto;width: 50%;}
    .organ_wrap .orgbox {max-width: 100%;}
    .organ_wrap .orgbox2 {min-width: auto;}
    .organ_wrap .org04 {margin: 0;border: 1px solid #d8d8d8; border-radius: 7px; padding: 0px; background: #fff;}
    .organ_wrap .org04> div {float: none;width: 100%;padding: 7px 7px 7px 0;}
    .organ_wrap .org04 .orgbox {border: none;width: 100%;max-width:calc(100% - 7px);height: auto;min-height:auto;padding: 0;}
    .organ_wrap .orgbox dt {display: block;}
    .organ_wrap .org05 {height: auto;padding: 7px;margin-top: 10px;}
    .organ_wrap .org05 .items {float: none;width: 100%;margin:0;padding-bottom: 0px; height: auto;}
    .organ_wrap .org05 .items dl dt {height: auto;padding: 10px 0;}
    .organ_wrap .org05 .items dl dt br {display: none;}
    .organ_wrap .org03 .research02 {float: none;width: 45%;margin-left:55%;}
    .organ_wrap .org03 .research02:before {top: -50px;left: -25%;width: 100%;}
    .organ_wrap .org03 .research02:after {content: '';position: absolute;left: 75%;top: -50px;width: 1px;height: 100%;background: #d8d8d8;z-index: -1;}
}