@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:30px 0;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}



.blackTxt{color:#000000}
.redTxt{color:#d10000 !important}
.blTxt{color:#1a42b2 !important}
.blgrTxt{color:#345468}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#fbca4d}

.lDot{padding-left:30px; position:relative}
.lDot:before{content:''; width:20px; height:2px; position:absolute; left:0; top:0px; bottom:0; margin:auto; background:#323232}


.fsb{font-size:1.1em}
.bgGray{background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{box-shadow:0 -0.7em 0 rgba(252,242,84,0.7) inset;}
.redTxt{color:#d10000}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{padding-left:7px; margin-bottom:3px; position:relative}
.dot_li li:before{content:''; width:2px; height:2px; background:#dcdcdc; position:absolute; left:0; top:10px;}
.dot_li.w_dot li{background:url("../img/dot_w_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:700; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:700; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#1a303e; font-size:1.3em; font-weight:700; letter-spacing:-0.065em; padding-left:25px; background:url(../img/tit_dot.png) no-repeat left center; background-size:15px !important}

.tit_line{color:#1a303e; font-weight:700; font-size:1.3em; margin-bottom:20px; padding-bottom:10px; position:relative; text-align:center}
.tit_line:after{content:''; display:block; width:50px; height:1px; background:#1a303e; left:0; right:0; bottom:0; margin:auto; position:absolute;}

.ic_blank{color:#f49c1b;}
.ic_blank:after{color:#f49c1b; font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}

.provisionBox h5{font-size:1.1em; font-weight:700}

@media all and (min-width:768px) {
.bgbox{padding:50px 0;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.4em; }
.tit_dot{ font-size:1.4em; background-size:20px !Important; padding-left:28px}
.tit_line{font-size:1.4em; margin-bottom:30px; padding-bottom:20px;}

.lDot{padding-left:50px; position:relative}
.lDot:before{width:35px;  }

.dot_li li{padding-left:10px}
.dot_li li:before{width:3px; height:3px}
}

@media all and (min-width:1200px) {
.bgbox{padding:80px 0;}
.pdbox{padding:40px 25px;}
.tEnter{display:inline;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_line{font-size:1.5em; margin-bottom:40px; padding-bottom:30px; }

.tit_nm{font-size:1.7em; }
.tit_dot{ font-size:1.7em; }
.fsb{font-size:1.2em}
}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
.tablist {text-align:left}
.tablist.list04 li{width:25%}
.tablist li{line-height:50px;}
}


.move_table{overflow-y:scroll}
.move_table table{min-width:1024px}
colgroup.col03 col{width:33.33%}
colgroup.col04 col{width:25%}
colgroup.col05 col{width:20%}
colgroup.col06 col{width:16.66%}
colgroup.col07 col{width:14.25%}

.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.9em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:600; background:#f8f8f8; color:#000000}
.comm_table td.bgc{background:#f9f9f9; font-weight:600; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}

.bd_table th,
.bd_table td{border-right:1px solid #dcdcdc;}
.bd_table{border-left:1px solid #dcdcdc;}

@media all and (min-width:768px) {
.comm_table{font-size:0.95em;}
.comm_table th, .comm_table td{padding:20px 7px}
}

@media all and (min-width:1024px) {
.move_table{overflow-y:hidden}
.move_table table{min-width:100%}
}

@media all and (min-width:1200px) {
.comm_table th{padding:25px 12px}
.comm_table td{padding:23px 12px}
}

@media all and (min-width:1400px) {
.comm_table th{padding:25px 20px}
.comm_table td{padding:23px 20px}
}


.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #2448a9; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}
.bgtxt{display:inline-block; padding:3px 5px; line-height:100%; color:#ffffff; background:#1a42b2; font-size:0.9em; border-radius:5px;}
.bgorg{background:#ff992c}

@media all and (min-width:768px) {
.conh4{font-size:2.3em;}

}

/*공통*/


.pointbox{padding:20px 10px; border:5px solid #f9fafc;}
.pointbox2{padding:20px 10px; background:#f9fafc; border-top:1px solid #9ba5b0; border-bottom:1px solid #f0f0f0}

.half_common{position:relative}
.half_common .half_box{position:relative; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:5px solid #f9fafc}
.half_common .half_box:first-child{padding-top:30px; border-top:5px solid #f9fafc}


.half_common2{position:relative}
.half_common2 .half_box{position:relative; overflow:hidden;}

.titTy1{padding-bottom:5px; border-bottom:5px solid #f8f8fa; position:relative}
.titTy1:before{content:''; position:absolute; left:0; bottom:-5px; width:60px; height:5px; background:#6eb92b; background:linear-gradient(120deg, #6eb92b 40% , #0972b9 100%);}


.bbTxt{ padding:20px 30px; border:5px solid #f8f8fa; border-radius:500px;}
.img_li{position:relative; text-align:center;}
.img_li ul:after{clear:both; content:''; display:block;}
.img_li ul li img{display:block; width:100px; margin:0 auto; margin-bottom:10px;}
.img_li ul li{float:left; width:48%; margin:0 1% 15px; }
.img_li ul li span{display:block;}


.comm_btn_list{position:relative; overflow:hidden}
.comm_btn_list li{float:left; width:49%; margin-right:2%; text-align:center}
.comm_btn_list.list03 li{width:32%}
.comm_btn_list.list01 li{width:100%}
.comm_btn_list li:last-child{margin-right:0%;}
.comm_btn_list li a{line-height:40px; background:#6a7880; display:block; font-size:0.95em; font-weight:600; color:#ffffff; position:relative; z-index:1;}
.comm_btn_list li.btn_line a{background:none; color:#6a7880}
.comm_btn_list li.btn_line{background:#ffffff; border:1px solid #6a7880; color:#6a7880; position:relative}
.comm_btn_list li.btn_line:before{content:''; display:block; position:absolute; z-index:0;  top:0;  left:0; width:100%; height:100%; background:#6a7880; transform: scaleX(0); transform-origin: top; transition: .1s ease-in; z-index:0;}
.comm_btn_list li.btn_line:hover:before{transform:scaleX(1); transition: .3s ease-out;}
.comm_btn_list li.btn_line:hover a{color:#ffffff}



.plus_btn{display:inline-block; line-height:40px; padding:0px 20px; background:#004c98; background:linear-gradient(120deg, #004c98 0% , #1092d4 100%);color:#ffffff; font-weight:500; position:relative; border-radius:500px;  webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);}
.plus_btn i{position:relative; display:inline-block; margin-left:10px; vertical-align:middle; width:14px; height:14px;}
.plus_btn i:before,
.plus_btn i:after{content:''; display:block; width:100%; height:2px; background:#ffffff; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.plus_btn i:after{width:2px; height:100%; }

.img_box ul:after{content:''; clear:both; display:block;}
.img_box ul li{margin-bottom:20px;}
.img_box ul li:last-child{margin-bottom:0px;}
.img_box ul li img{width:100%;}
.img_box ul li span{display:block}

.li_col02:after{content:''; clear:both; display:block}

@media all and (min-width:768px) {
.pointbox,
.pointbox2{padding:20px 20px;}

.half_common .half_box{position:relative; margin-bottom:45px; padding-bottom:45px}
.half_common .half_box:first-child{padding-top:45px; }
.half_common .half_box .half_left{float:left; width:30%; padding-right:30px}
.half_common .half_box .half_right{float:left; width:70%}

.half_common .half60 .half_left{float:left; width:40%}
.half_common .half60 .half_right{float:left; width:60%}

.half_common2 .half_box{position:relative;}
.half_common2 .half_box .half_left{float:left; width:30%; padding-right:30px}
.half_common2 .half_box .half_right{float:left; width:70%}

.half_common .half_box:after{content:''; display:block; clear:both;}

.img_li ul li{width:24%; margin:0 0.5%;}

.comm_btn_list li a{line-height:50px}

.img_box ul{display:flex;  flex-wrap:wrap}
.img_box ul.list02 li{width:48%; margin:0 1% 20px}
.img_box ul.list03 li{width:31.33%; margin:0 1% 20px}

.li_col02 li{width:47%; float:left; margin:0 1.5% 3px}
.li_col03 li{width:30.33%; float:left; margin: 0 1.5% 3px}
}

@media all and (min-width:1200px) {
.half_common .half_box{padding-bottom:60px; margin-bottom:60px}
.half_common .half_box:first-child{padding-top:60px;}

.half_common .half_box .half_left,
.half_common2 .half_box .half_left{width:25%;}
.half_common .half_box .half_right,
.half_common2 .half_box .half_right{width:75%}


.pointbox{padding:30px 20px;}

.img_li ul li img{width:150px;}

.plus_btn{line-height:50px}
}

/*배경디자인 공통*/
.comm_bg{position:relative; background:#f8f8f8; padding:30px 0px;  background-size:cover !important;}
.comm_bg:after{content:''; position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:#505d6c; opacity:0.6}


@media all and (min-width:768px) {
.comm_bg{padding:60px 0px}
}


@media all and (min-width:1200px) {
.comm_bg{padding:100px 0px}

}

/*회사소개*/

.information{position:relative; padding-left:20px; border-left:5px solid #f8f8f8; word-break:keep-all;}
.information:before{content:''; width:5px; height:80px; background:#f49c1b; position:absolute; left:-5px; top:0; z-index:1}
.information.gr p{color:#808080; font-weight:500 }

.information .tit{font-size:1.4em; font-weight:700 !important; color:#000000 !important}
.information p.sign{color:#323232; text-align:right}
.information p.sign b{font-size:1.2em; color:#000000; font-weight:700; display:block;}



@media all and (min-width:768px) {
.information{padding-left:5%; padding-right:5%}
.information p{font-size:1.05em; line-height:1.4}

}



@media all and (min-width:1200px) {
.information .tit{font-size:2em;}

}


/*경영제품인증*/
.chart_tap {position:relative; border-bottom:1px solid #e6e6e6}
/*
.chart_tap:before{content:''; width:100%; height:1px; background:#f0f0f0; position:absolute; left:0; right:0; bottom:0; margin:auto}*/
.chart_tap ul:after{content:''; clear:both; display:block;}
.chart_tap ul li{float:left; width:25%; text-align:center;color:#808080; font-size:0.8em; font-weight:600; border-bottom:3px solid #ffffff; position:relative;}
.chart_tap ul li a{display:block;  padding:10px 0px; }
.chart_tap ul li.active{background:#131c3c;  color:#ffffff; border-bottom:3px solid #f49c1b}
.chart_tap ul li img{max-width:40px; margin:0 auto;}
.chart_tap ul li span{display:block; }
.chart_tap.img_tap ul li span{display:none; }
.chart_tap ul.list04 li{width:25%;}
.chart_tap ul.list05 li{width:20%;}

@media all and (min-width:360px) {

.chart_tap.img_tap ul li span{display:block; }


}

@media all and (min-width:768px) {
.chart_tap.img_tap ul li {border-radius:0;}
.chart_tap.img_tap ul li img{display:inline-block; vertical-align:middle;}
.chart_tap.img_tap ul li span{display:inline-block; line-height:40px; margin-left:5px}
}

@media all and (min-width:1200px) {
.chart_tap.img_tap ul li{font-size:0.95em}
.chart_tap ul li a{display:block;  padding:15px 0px; }
.chart_tap ul li:hover{background:#f8f8f8; border-color:#f8f8f8; color:#323232}
.chart_tap ul li.active:after{content:''; position:absolute; bottom:-24px; border-width:12px; margin-left:-12px; left:50%; border-style:solid; border-color:#131c3c transparent  transparent  transparent }

.chart_tap ul li.active:hover{background:#131c3c; color:#ffffff}
}
/*
@media all and (min-width:1700px) {
.certification_info .chart_tap ul li{float:none; width:100%; text-align:left;}
.certification_info .chart_tap ul li.active:after{content:''; position:absolute; right:-24px; border-width:12px; margin-top:-12px; top:50%; border-style:solid; border-color:transparent  transparent  transparent #131c3c}
.certification_info .chart_tap ul li a{padding:15px;}
.certification_info .chart_tap{width:160px; position:absolute;}

.certification_info:after{content:''; clear:both; display:block;}
}

*/

.information .mark{background:#131c3c; width:70px; height:70px; border-radius:500px; padding:10px; float:right;}
.information .info{clear:both; }


@media all and (min-width:768px) {
.information .mark{width:150px; height:150px; margin-right:50px; padding:20px; float:left;}
.information .info{clear:none; float:left; width:calc(100% - 200px)}
.information:after{content:''; clear:both; display:block}
}


/*멘토링*/
.cover_img{position:relative;}
.cover_img ul{display:flex; flex-wrap:wrap}
.cover_img ul li{width:48%; margin:0 1% 10px; position:relative; overflow:hidden; border-radius:10px;}
.cover_img ul li:hover img{-webkit-animation: kenburns-top 0.5s ease-out both;
	        animation: kenburns-top 0.5s ease-out both;}
.cover_img ul li img{width:100%; transition:0.3s}
.cover_img ul li span{display:block; color:#ffffff; font-weight:600; position:absolute; padding:20px; width:100%; bottom:0; font-size:1.2em}

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


@media all and (min-width:640px) {
.cover_img ul li{width:31.33%;}

}

@media all and (min-width:768px) {
.cover_img ul li{width:23%;}

}

@media all and (min-width:1200px) {
.cover_img ul li{width:13.28%; margin:0 0.5%}
.cover_img ul li{margin-bottom:20px; border-radius:30px}

}


.mentoring_form .form_box li .btn_change .radio_label{font-size:0.9em}
.mentoring_form .form_box{background:#ffffff; padding:10px 5%}
.mentoring_form .form_box ul,
.mentoring_form .form_box li{border:0 !important}
.mentoring_form .write_agree{font-size:0.9em}

.mentoring_form .form_box li .fm_txt input{line-height:45px; height:45px}
.mentoring_form .form_box li .btn_change .radio_label{line-height:45px; height:45px}
.mentoring_form .filebox label.file_label{line-height:45px; height:45px;}

@media all and (min-width:768px) {
.mentoring_form .form_box{padding:30px 5%}
}

@media all and (min-width:1200px) {
.mentoring_form .form_box{padding:30px 7%}
.mentoring_form .form_box li .fm_list{line-height:50px; max-width:100%; width:20%}
.mentoring_form .form_box li .fm_txt {width:80%}
.mentoring_form .form_box li .fm_txt input{line-height:50px; height:50px}
.mentoring_form .form_box li .btn_change .radio_label{line-height:50px; height:50px; min-width:80px}
.mentoring_form .filebox label.file_label{line-height:50px; height:50px;}
.mentoring_form .form_box textarea.medium{height:20em}
.mentoring_form .form_box li .fm_txt select{line-height:50px; height:50px;}
}


/*판로지원*/
.road_map ul li{width:100%; margin:0  0 10px; position:relative; overflow:hidden; border-radius:10px;}
.road_map ul li span{font-size:1.05em; word-break:keep-all}
.road_map ul li em{display:block}
@media all and (min-width:520px) {
.road_map ul li{width:48%; margin:0 1% 15px}
}

@media all and (min-width:768px) {
.road_map ul li{width:30.33%; margin:0 1.5% 20px}


}

@media all and (min-width:1200px) {
.road_map ul li{width:30.33%; margin:0 1.5% 50px}
.road_map ul li span{background:rgba(0,0,0,0.5); font-size:1.1em}
}




/*인사말*/

.greeting{position:relative}
.greeting h4{font-weight:600; margin-bottom:20px; font-size:1.2em; letter-spacing:-1px;  color:#77899c}
.greeting .tit{font-weight:700 !important; font-size:1.4em; line-height:1.4; color:#0c3764;}

.greeting .photo{padding:30px; position:relative; max-width:500px; margin:0 auto; margin-bottom:30px;}
.greeting .photo img{position:relative; z-index:1}
.greeting .photo:before{content:''; width:40%; height:50%; background:#0c3764; z-index:0; position:absolute; left:-0px; bottom:-0px;  }
.greeting .photo:after{content:''; width:40%; height:50%; background:#f9a607; z-index:0; position:absolute; right:-0px; top:-0px; }

.greeting p.sign_txt{font-weight:600; position:relative; z-index:1; text-align:right; margin-top:40px}
.greeting p.sign_txt b{font-size:1.15em; font-weight:600; color:#0c3764; margin-left:20px}
.greeting p.sign_txt img{max-width:80px; margin:0 5px}


@media all and (min-width:768px) {
.greeting h4{font-size:1.4em;}
.greeting .tit{font-size:1.6em}
.greeting .txt{float:left; width:46%; }
.greeting .photo{float:left; width:47%; margin-right:7%; position:relative}
.greeting:after{content:''; clear:both; display:block;}

.greeting p.sign_txt img{max-width:130px; margin:0 10px}

}

@media all and (min-width:1200px) {
.greeting .photo{max-width:100%}
.greeting p{font-size:1.1em; line-height:1.6}
.greeting .tit{font-size:1.8em;  letter-spacing:-2px; }
.greeting .txt{padding-top:40px}

.greeting .txt{float:left; width:43%; }
.greeting .photo{float:left; width:50%; margin-right:7%; position:relative}
.greeting p.sign_txt img{max-width:200px;}





}




.comm_dl{position:relative;}
.comm_dl dl{padding:20px; margin-bottom:20px; background:#f9fafc; border-top:1px solid #e6e6e6}
.comm_dl dl:last-child{margin-bottom:0px;}
.comm_dl dl dt{font-size:1.2em; font-weight:600; margin-bottom:10px; color:#1a303e}
.comm_dl dl dd{margin-bottom:5px;}
.comm_dl dl dd:last-child{margin-bottom:0px;}
.comm_dl dl dd.sm{font-size:0.9em}


/*도형내용*/
.chart_box{position:relative; overflow:hidden}
.chart_box .box{position:relative; margin-bottom:20px}
.chart_box .box h5{background:#f49c1b; color:#ffffff; padding:10px 20px; border-radius:500px; font-weight:600}
.chart_box .box ul{padding:10px 0px}
.chart_box .box ul li{overflow:hidden; padding:5px 20px; border:5px solid #f8f8f8; border-radius:500px; margin-bottom:10px}
.chart_box .box ul li:last-child{margin-bottom:0px}
.chart_box .box ul li span{float:left;}
.chart_box .box ul li b{float:right}

@media all and (min-width:640px) {
.chart_box .box{width:50%; float:left; padding:0 10px}
.chart_box .box:nth-child(3n){clear:both;}

}

@media all and (min-width:768px) {
.chart_box .box{width:33.33%; }
.chart_box .box:nth-child(3n){clear:none;}

}

@media all and (min-width:1200px) {
.chart_box .box h5{padding:15px 20px}
.chart_box .box{padding:0 20px}

}

/*공통플로우*/
.common_flow{position:relative; padding-left:20px}
.common_flow:before{content:''; width:5px; height:100%; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto}
/*.flow_process ul:before,
.flow_process ul:after{content:''; width:20px; height:5px; background:#e6e6e6; position:absolute; left:0; top:10%; }
.flow_process ul:after{top:auto;  bottom:10%; }*/


.common_flow ul li{position:relative; border:1px solid #f9fafc; background:#ffffff; border-top:1px solid #f49c1b; padding:15px; margin-bottom:10px;}
.common_flow ul li:before{content:''; width:20px; height:5px; background:#e6e6e6; position:absolute; left:-20px; top:0; bottom:0; margin:auto }

.common_flow ul li .fpbox{position:relative}
.common_flow ul li .fpbox dt{font-weight:600; font-size:1.05em; color:#000000; margin-bottom:5px}
.common_flow ul li .fpbox dt span{font-weight:600; color:#f49c1b; border-bottom:1px solid #f49c1b; margin-right:5px;}
.common_flow ul li .fpbox dd{font-size:0.95em; color:#808080}


.common_flow{position:relative; padding-left:20px}
.common_flow:before{content:''; width:5px; height:100%; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto}

.common_flow ul li{position:relative; border:1px solid #e6e6e6; background:#ffffff; border-top:1px solid #f49c1b; padding:15px; margin-bottom:10px;}
.common_flow ul li:before{content:''; width:20px; height:5px; background:#e6e6e6; position:absolute; left:-20px; top:0; bottom:0; margin:auto }
.common_flow ul li{font-weight:500; font-size:1.05em; color:#000000; margin-bottom:5px}
.common_flow ul li span.num{font-weight:600; color:#f49c1b; border-bottom:1px solid #f49c1b; margin-right:5px;}

.common_flow ul.list01 li{width:100%;}

.common_flow.none{padding-left:0}
.common_flow.none:before{display:none;}
.common_flow.none ul li:before{display:none}

.common_flow ul.checkup{overflow:hidden}
.common_flow ul.checkup li{width:48%; margin-right:2%; float:left; padding:15px 0px; text-align:center; border:5px solid #fff7ea; border-radius:500px; position:relative;}
.common_flow ul.checkup li:after{content:''; position:absolute; right:-25px; border-width:12px; margin-top:-12px; top:50%; border-style:solid; border-color:transparent  transparent  transparent #fff7ea}
.common_flow ul.checkup li:last-child{border-color:#f0f4fb}
.common_flow ul.checkup li:last-child:after{display:none}
.common_flow ul.checkup li span.txt{font-size:0.9em;}

.rnd_flow ul{display:flex; flex-wrap:wrap}
.rnd_flow ul li{width:48%;  margin:0 1% 10px}

@media all and (min-width:768px) {
.common_flow ul{display:flex; flex-wrap:wrap}
.common_flow ul.checkup.list03 li{margin:0; margin-right:2%; margin-bottom:20px; width:31.33%; padding:20px 5px}

.common_flow ul li:before{display:none;}
.common_flow ul:after{content:''; display:block;}

.common_flow ul li .fpbox dt{margin-bottom:10px}

.common_flow ul.list02 li{width:49%}
.common_flow ul.list03 li{width:32.33%}



.common_flow{padding:0; overflow:hidden}
.common_flow:before{width:90%; height:5px; bottom:0; top:0; right:0; margin:auto}

.common_flow ul li{width:24%; float:left; margin:0 0.5% 20px; text-align:center; padding:20px 10px}
.common_flow ul li:before{display:none;}
.common_flow ul:after{content:''; display:block;}

.common_flow.none:after{display:none;}

.common_flow ul.list05 li{width:19%}


.rnd_flow ul li{width:31.33%; }



}


@media all and (min-width:1200px) {
.common_flow ul li .fpbox dt{font-size:1.1em}
.common_flow ul li{padding:30px 10px}



.common_flow ul.checkup li span.txt{font-size:1.05em;}

.rnd_flow ul li{width:18%}

}




/*그래프연혁*/
.hisGrap{position:relative;}
.hisGrap h4{text-align:center; position:relative; padding-bottom:60px; color:#000000; font-weight:500; font-size:1.2em}
.hisGrap h4 b{font-size:2em; color:#000000}
.hisGrap h4:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:20px; height:20px; border:4px solid #2450ce; border-radius:500px}
.hisGrap h4 span{display:block; position:relative;}

.hisGrap ul{position:relative; padding:20px 0px; text-align:center;}
.hisGrap ul li{background:#ffffff; margin-bottom:10px; position:relative; padding:10px 0px;}
.hisGrap ul li span.date{display:block; font-weight:600;}
.hisGrap ul li span{display:block}
.hisGrap ul li span.txt{margin-bottom:20px; font-family:'Noto Sans KR',sans-serif; color:#505050}
.hisGrap ul li span.txt:last-child{margin-bottom:0px}
.hisGrap ul li span.photo img{max-width:200px;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
} 

.hisGrap ul:before{content:''; display:block; width:1px; height:100%; background:#dcdcdc; position:absolute; top:0;  left:0; right:0; margin:auto}
.hisGrap ul:after{content:''; display:block; width:10px; height:10px; background:#2450ce;  position:absolute; bottom:0; left:0; right:0; margin:auto; border-radius:500px}

.hisGrap.his02 h4:before{background:#2450ce}
.hisGrap.his02 ul:after{background:#2450ce}

.hisGrap.his03 h4:before{background:#777e8f}
.hisGrap.his03 ul:after{background:#777e8f}


@media all and (min-width:768px) {
.hisGrap h4{position:relative; padding-bottom:70px; font-size:1.8em}
.hisGrap ul li{background:none; margin-bottom:0;}
.hisGrap ul li span{position:relative; display:block; padding-right:10%}
.hisGrap ul li span.date{padding-top:10px;}
.hisGrap ul li span.date:before{content:''; width:10%; height:1px; background:#dcdcdc; position:absolute; right:0;top:0;}
.hisGrap ul li span.date:after{content:''; width:7px; height:7px; border:3px solid #2450ce; background:#ffffff;  position:absolute; top:-4px; right:10%; border-radius:500px;}


.hisGrap ul .left{text-align:right; margin-right:50%;}
.hisGrap ul .right{text-align:left;}

.hisGrap ul .right{margin-left:50%; }
.hisGrap ul li.right span{padding-right:0; padding-left:10%}
.hisGrap ul li.right span.date:before{right:auto; left:0;}
.hisGrap ul li.right span.date:after{right:auto; left:10%}

.hisGrap.his02 ul li span.date:after{background:#b0cf01}
.hisGrap.his03 ul li span.date:after{background:#777e8f}

.hisGrap ul li span.photo img{max-width:300px;}
}

@media all and (min-width:1200px) {
.hisGrap h4 { font-size:2.3em}

}


/*조직도*/
.organization{text-align:center; position:relative;}
.organization:before{content:''; width:1px; height:275px; left:0; right:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc}
.organization .ordep{position:relative; margin-bottom:30px;}
.organization .ordep.or03{margin-bottom:50px}
.organization .ordep .orhd{display:block; padding:15px 10px; background:#808080; color:#ffffff; position:relative;  font-weight:600; border-radius:50px}
.organization .ordep:after{content:''; display:block; clear:both;}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#004ea2; background:linear-gradient(45deg, #004ea2 0%, #49458c 100%); padding:15px 30px; font-size:1.2em; width:180px; left:50%; margin-left:-90px}
.organization .or02 .orhd{background:#f39800; background:linear-gradient(120deg, #f39800 60% , #ef7d00 100%);}
.organization .or03 .orhd{background:#b964a4; background:linear-gradient(45deg, #b964a4 0% , #4a569d 100%); }
.organization .or04 .orhd{background:#6a7880; /*border-radius:30px 30px 0 0*/; font-size:0.9em}

.organization .ordep .orhd:before{position: absolute; top: -9px; left: 50%; margin-left: -9px; display: block; content: ''; width: 7px; height: 7px; background-color: #3d71c7; border: 5px solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%;}
.organization .or01 .orhd:before{display:none}
.organization .or02 .orhd:before{background:#f39800; left:0; top:50%; margin-top:-9px}
.organization .or03 .orhd:before{background:#b964a4}
.organization .or04 .orhd:before{background:#6a7880;}

.organization .or01 .orhd,
.organization .or02 .orhd,
.organization .or03 .orhd{webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);}


.organization .or02{position:relative; max-width:800px; margin:0 auto; margin-bottom:30px}
.organization .or02:before{content:''; width:50%; height:1px; right:0%; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#dcdcdc; max-width:500px}
.organization .or02 .orhd{width:30%;  max-width:180px}
.organization .or02 .orhd.right{margin:0; margin-left:70%; float:right}

.organization .or03 .orhd{padding:15px 30px; width:100%; width:180px; left:50%; margin-left:-90px; font-size:1.2em}
.organization .or04 .orhd{width:100%; padding:12px 0px; }

.organization .or04{overflow:hidden;}
.organization .or04{text-align:center; padding-top:50px; position:relative; font-size:0.9em}
.organization .or04:before{content:''; width:75%; height:1px; background:#dcdcdc; top:0px; left:0; right:0; margin:auto; display:block; position:absolute; }


.organization .ordep .ortree{ margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul{text-align:left; margin-top:10px}
.organization .ordep .ortree ul li{background:#f9f9fa; padding:10px 0px; text-align:center; border-radius:500px;  margin-top:10px; font-size:0.9em; border:1px solid #e6e6e6}

.organization .ordep .ortree{width:23%; margin: 0 1%; float:left; vertical-align:top; position:relative;}
.organization .ordep .ortree:before{content:''; display:block; width:1px; height:60px; background:#dcdcdc;  left:0; top:-60px; right:0; margin:auto; position:absolute;}

@media all and (min-width:768px) {

.organization:before{height:350px}
.organization .ordep .orhd{padding:20px 20px !important; font-size: 1.2em}
.organization .or01 .orhd,
.organization .or03 .orhd{font-size:1.4em; width:250px;  margin-left:-125px}
.organization .ordep.or03{margin-bottom:80px}
.organization .or04{padding-top:80px; margin:0 auto; font-size:1em}
.organization .ordep .ortree ul{text-align:left;}
.organization .ordep .ortree ul li{font-size:1em}
.organization .ordep .ortree:before{height:80px; top:-80px}


}

@media all and (min-width:1200px) {
.organization:before{height:355px}
.organization .ordep .ortree ul{}
}

/*세부조직*/

.chart_org{position:relative; clear:both; overflow:hidden}
.chart_org:after{content:''; clear:both;}
.chart_org h4{text-align:center; font-weight:700; font-size:1.6em;  margin-bottom:40px}
.chart_org .right{position:relative;}
.chart_org .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.chart_org .total:after{content:''; position:absolute; border-top:10px solid #cd1212; border-left:10px solid rgba(0, 0, 0, 0); border-right:10px solid rgba(0, 0, 0, 0); bottom:-8px; margin-left:-5px; left:50%;}

.chart_org dl.team{border-top:1px solid #e6e6e6; padding:40px 0px; overflow:hidden;}
.chart_org dl.team dt{font-weight:700; margin-bottom:20px; font-size:1.2em}
.chart_org dl.team dd b{margin-right:5px}
.chart_org dl.team dd:last-child{margin-bottom:0px}
.chart_org dl.team:last-child{border-bottom:1px solid #e6e6e6}



@media all and (min-width:768px) {
.chart_org{margin-bottom:0 !important}

.chart_org h4{margin-bottom:60px; font-size:1.8em}
.chart_org dl.team{padding:50px 0}
.chart_org dl.team dt{float:left; clear:both; width:25%; font-weight:700; color:#323232; margin-bottom:0;}
.chart_org dl.team dd{float:right; width:75%; margin-bottom:5px}
.chart_org dl.team dd b{margin-right:10px}
.chart_org dl.team dd:last-child{margin-bottom:0px}

.chart_org dl.team dt{font-size:1.4em}
.chart_org .total{padding:15px 20px; top:-60px;}
.chart_org .right dl:nth-last-child(2){border-bottom:0px}
.chart_org:after{content:''; display:block; clear:both}
}



@media all and (min-width:1200px) {

.chart_org h4{text-align:left; float:left; width:20%; clear:both;}
.chart_org .right{float:right; width:75%; }

}




/*오시는길*/
.mapbox{position:relative;}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

.address_info{background:#112765; color:#ffffff; padding:30px 20px;}
.address_info h4{font-size:1.4em; font-weight:600; margin-bottom:10px}
.address_info p{margin-bottom:5px; color:#ffffff}


@media all and (min-width:768px) {
.address_info{position:absolute; left:20px; top:20px; z-index:10; text-align:left; padding:40px 30px}
}

/*오시는길*/
.map_info{position:relative}

.map_info .plus_btn{text-align:center; margin-top:10px; display:block}
.icon_list{position:relative; overflow:hidden}
.icon_list li{margin-bottom:10px;}
.icon_list li:last-child{margin-bottom:0px;}

.icon_list li span.icon{display:inline-block; vertical-align:middle; padding:5px 15px; min-width:70px; text-align:center; font-size:0.8em; background:#6a7880; border-radius:20px; margin-right:10px; color:#ffffff; font-weight:600;}
.icon_list li span.icon:before{content:'';  font-family:'FontAwesome'; display:inline-block; vertical-align:middle;  font-weight:normal; margin-right:6px; font-size:0.9em}
.icon_list li span.ic_add:before{content:'\f279'; }
.icon_list li span.ic_call:before{content:'\f095';}
.icon_list li span.ic_fax:before{content:'\f1ac';}
.icon_list li span.txt{display:block; margin-top:5px; font-size:1.1em; font-weight:500}

@media all and (min-width:540px) {
.map_info .plus_btn{display:inline-block; position:absolute; right:0; bottom:0; padding:0px 40px; }
}

@media all and (min-width:768px) {
.icon_list li span.txt{display:inline-block; margin-top:0px; vertical-align:middle;}
.map_info .left{width:30%; float:left; padding-right:5%}
.map_info .right{width:70%; float:left; }
.map_info .right .icon_list li span.txt{font-size:1.2em}
.map_info:after{content:''; clear:both; display:block;}

}




/*팝업레이어*/
.popinfo{background:#ffffff;}
.popinfo h1{background:#f39800; color:#ffffff; font-size:1.2em; padding:15px; letter-spacing:-2px; text-align:center; font-weight:600}

.popinfo .popcon{padding:20px;}

@media only screen and (min-width: 768px) {
.popinfo h1{font-size:1.4em;}
.popinfo .popcon{padding:30px;}
}

@media only screen and (min-width: 1200px) {
.popinfo h1{padding:20px;}
.popinfo .popcon{padding:40px;}

}