@charset "utf-8";

/*로그인*/
.kipf_login .login_top {background-image:url(/images/skin/login_bg02.jpg);}

/* 조직/연혁 - about_Group_2019 ~ 2013 */
.about_Group_2019 .center_history {background:none; margin:140px 0 75px;}
.about_Group_2019 .center_history .row_box .con_wrap {display:inline-block;}
.about_Group_2019 .year_wrap {position: relative; top:-75px;}
.about_Group_2019 .center_history .row_box .year {width:50%; }
.about_Group_2019 .center_history .row_box .year_con {width:50%;}
.about_Group_2019 .center_history .row_box .con_wrap .con {width:100%; display:inline-block;}
.about_Group_2019 .center_history .row_box .con_wrap .con>div {display:inline-block; width:50%; margin:1% 0;}
.about_Group_2019 .center_history .row_box .con_wrap .con .yy {position: static; width:50%; float:left; margin:1% 0;}
.about_Group_2019 .center_history .row_box .con_wrap .con span {word-break: inherit;}
.about_Group_2019 .center_history .row_box.row_right {margin-left:0;}
.about_Group_2019 .center_history .row_box.row_left{margin-right:0;}
.about_Group_2019 .center_history .row_box.row_right .year {float: left; position: static; }
.about_Group_2019  .center_history .row_box .year span{line-height:1.6;}
.about_Group_2019 .center_history .row_box.row_right .year span {float:right; width:80%; padding-right:40px; text-align: right; }
.about_Group_2019 .center_history .row_box.row_right .year_con {float:left; padding: 5px 0 0 40px; }
.about_Group_2019 .center_history .row_box.row_right .con_wrap .con .yy {left:-100%; padding-right:40px;}
.about_Group_2019 .center_history .row_box.row_right .con_wrap .con>div {padding-left:40px; float:left;}
.about_Group_2019 .center_history .row_box.row_left .year {position: static; float:right;}
.about_Group_2019 .center_history .row_box.row_left .year span {width:80%; text-align: left;}
.about_Group_2019 .center_history .row_box.row_left .year_con {float:right; padding: 5px 40px 0 0;  text-align: right;}
.about_Group_2019 .center_history .row_box.row_left .con_wrap .con .yy {right:-100%; float:right; padding:0 0 0 40px;}
.about_Group_2019 .center_history .row_box.row_left .con_wrap .con>div {padding-right:40px;}
.about_Group_2019 .center_history .row_box.row_left .con_wrap .con span {text-align: right;}
.about_Group_2019 .about_Group_2013 .row_box {margin:65px 0 75px;}

@media screen and (max-width:768px){
    .about_Group_2019 .year_wrap {position: static;}
    .about_Group_2019 .center_history .row_box .year span:after,
    .about_Group_2019 .center_history .row_box.row_right .year span:before,
    .about_Group_2019 .center_history .row_box.row_left .year span:before {display:none;}
    .about_Group_2019 .center_history .row_box .year_con {width: 100%; display: inline-block; padding-bottom: 30px;}
    .about_Group_2019 .center_history .row_box.row_left .year,
    .about_Group_2019 .center_history .row_box.row_right .year,
    .about_Group_2019 .center_history .row_box.row_left .year_con,
    .about_Group_2019 .center_history .row_box.row_right .year_con {float:none; width:100%; padding:0; text-align: center; color:#1d2088;}
    .about_Group_2019 .center_history .row_box .year span {color:#1d2088;}
    .about_Group_2019 .center_history .row_box .year span{margin:0;}
    .about_Group_2019 .center_history .row_box .year_con {margin-bottom:20px;}
    .about_Group_2019 .center_history .row_box .con_wrap .con>div {min-height:auto;}
    .about_Group_2019 .center_history .row_box.row_left .con_wrap .con>div,
    .about_Group_2019 .center_history .row_box.row_right .con_wrap .con>div {float:none; width:100%; padding:0;}
    .about_Group_2019 .center_history .row_box.row_right .year span,
    .about_Group_2019 .center_history .row_box.row_left .year span {width:100%; float:none; text-align: center; font-size:20px; padding:0;}
    .about_Group_2019 .center_history .row_box.row_right .con_wrap .con .yy,
    .about_Group_2019 .center_history .row_box.row_left .con_wrap .con .yy {float: none; width:100%; padding:2% 0; font-size:17px;}
    .about_Group_2019 .center_history .row_box.row_left .con_wrap .con span,
    .about_Group_2019 .center_history .row_box.row_right .con_wrap .con span {text-align: center;}
}
@media screen and (max-width:540px){
    .about_Group_2019 .center_history .row_box .year {width:90%;}
}

/* 네트워크소개 - about_Intro */
.about_Intro p {word-break: break-all;}
.about_Intro .top_wrap {position:relative; margin-bottom:10%;}
.about_Intro .top_wrap .top_box {width:94%;height: 370px;background:url(/images/kipfnetwork/about/about_Intro_img_02.jpg)no-repeat;}
.about_Intro .top_wrap .tite_box {position:absolute;top: 175px;right: 0;width: 400px;text-align: center;padding: 10px;background:url(/images/kipfnetwork/about/about_Intro_img03.jpg);}
.about_Intro .top_wrap .bord_box {padding: 65px 20px 30px; border: 1px solid rgba(255,255,255,0.2);}
.about_Intro .top_wrap .tite_box h2 {position: relative;  font-size:25px; color:#fff; font-weight:600;}
.about_Intro .top_wrap .tite_box h2:after {position:absolute;content:"";top: -40px;left:50%;margin-left: -15px;width:30px;height:30px;background:url(/images/kipfnetwork/about/about_Intro_img_04.png)no-repeat;}
.about_Intro .top_wrap .tite_box p:before {position:absolute;content:"";top: 12px;left:50%;margin-left:-15px;width:30px;height: 2px;background:#fff;}
.about_Intro .top_wrap .tite_box p {padding: 30px 17px 0;color: #fff;position: relative;}
@media (max-width:640px) {
    .about_Intro .top_wrap .top_box {display:none;}
    .about_Intro .top_wrap .tite_box {position:static; width:100%;}
}


/* 찾아오시는 길 - about_location  */
.about_location .map_wrap {width:100%; height:345px; }
.about_location .map_txt {position:relative; background:#3d4151; }
.about_location .map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.about_location .map_txt .txt {float:left; padding:30px 10px 40px 40px;}
.about_location .map_txt .txt1 {width:50%;}
.about_location .map_txt .txt2 {width:50%;}
.about_location .map_txt .txt p {font-size:15px;color:#fff;}
.about_location .map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.about_location .map_txt .txt .tit + p {position: relative; padding-left:40px;line-height:27px;}
.about_location .map_txt .txt .tit + p:before {content:""; position: absolute; left:0;  width:30px; height:30px; background:url(/images/kipfnetwork/about/About_Location_img01.png)no-repeat; vertical-align:middle;}
.about_location .map_txt .txt .tit + p.address:before {background-position:0 0;}
.about_location .map_txt .txt .tit + p.tel:before {background-position:-30px 0;}
.about_location .map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.about_location .map_txt a {position: relative; display:block; width:120px; height:40px; padding-left:20px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.about_location .map_txt a:before {content:""; position: absolute; left:20px; top:10px; width:16px; height:18px;margin-right:5px; background:url(/images/kipfnetwork/about/About_Location_img01.png)no-repeat -70px 0; vertical-align:middle;}
.about_location #map_tab_content .con {display:none;padding-top:40px;}
.about_location #map_tab_content .con.active { display:block; }
.about_location #map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
.about_location #map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
.about_location #map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 190px; border-bottom:1px dashed #ccc;}
.about_location #map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
.about_location #map_tab_content .con .list_wrap .row_list .icon span {display:block;width:125px; height:125px; margin-bottom:3px;background:url(/images/kipfnetwork/about/About_Location_img01.png)no-repeat}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-126px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-252px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
.about_location #txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
.about_location #map_tab_content .con.content2 img,
.about_location #map_tab_content .con.content3 img{border:1px solid #ddd;}
.about_location .txt-tip-red {position:relative; padding-left:20px; color:#888;}
.about_location .txt-tip-red:before {top:4px; left:0; content:""; width:16px; height:16px; background:url(/images/kipfnetwork/about/About_Location_img01.png) 0 -264px no-repeat; display:block; position:absolute; overflow:hidden}

@media(max-width:850px){
    .about_location .map_txt .txt {float:none;}
    .about_location .map_txt .txt.txt1 {width:100%; padding:20px 25px 0;}
    .about_location .map_txt .txt.txt2 {width:100%; padding:10px 25px 20px;}
    .about_location .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}

@media(max-width:580px){
    .about_location .map_txt .txt.txt2 { padding:10px 25px 70px;}
    .about_location .map_txt .a_btn {bottom:20px;}
    .about_location #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
    .about_location #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
    .about_location #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}