@charset "utf-8";

/*=================================================================================
* 2차 고도화
=================================================================================*/

#wrap {position:relative; width:100%; overflow:hidden; min-width:1200px; overflow:hidden}
#wrap .body{padding-top:122px}
#wrap.active{overflow:visible}


/*=================================================================================
* header
=================================================================================*/
/* header */
.header{position:absolute; top:0; left:0; right:0; height:121px; background:#fff; box-shadow:0 6px 6px 0 rgba(0,0,0,0.2); z-index:999}
.header:before{content:""; position:absolute; top:0; left:0; width:100%; height:45px; border-top:5px solid #215da4; border-bottom:1px solid #dadada; z-index:-1}
.header .header_top{position:relative; width:1200px; margin:0 auto; transition:all .30s ease}

.header .logo{position:absolute; top:51px; left:0; height:70px; padding:13px 0 0; box-sizing:border-box; z-index:9}
.header .logo a{display:block; width:210px; height:45px; background:url('../../lib/images/common/logo.png') no-repeat 50% 50%; background-size:210px 45px}


/* fnb */
.header .fnb{position:relative; height:50px}
.header .fnb_service{position:absolute; top:5px; right:0}
.header .fnb_service:after{content:''; display:block; clear:both}
.header .service_sign{float:left}
.header .service_sign:after{content:''; display:block; clear:both}
.header .service_sign li{position:relative; float:left; line-height:45px}
.header .service_sign li:before{content:''; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#dadada}
.header .service_sign li:last-child:before{display:none}
.header .service_sign a{display:inline-block; padding:0 12px; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.8px}
.header .service_sign .user_name{color:#1fa2dc; padding-right:12px}
.header .service_sign .user_name strong{font-weight:normal; color:#145281}
.header .service_sign li.change:before{display:none}
.header .service_sign li.change{padding-right:12px}
.header .service_sign li.change strong{color:#1fa2dc; font-weight:normal}



/* control_zoom */
.header .control_zoom{padding-left:12px}
.header .control_zoom:after{content:''; display:block; clear:both}
.header .control_zoom .zoom_tit{display:inline-block; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.8px; vertical-align:middle}
.header .control_zoom .zoom_btn{display:inline-block; position:relative; margin-left:5px; padding:0 23px; border:1px solid #ebebeb; vertical-align:middle; border-radius:1px; overflow:hidden; box-sizing:border-box}
.header .control_zoom .zoom_btn .zoom_in,
.header .control_zoom .zoom_btn .zoom_ou{display:block; position:absolute; top:0; width:22px; height:100%; background:#f5f5f5; margin:0; padding:0; border:0; border-radius:0; cursor:pointer}
.header .control_zoom .zoom_btn .zoom_in{left:0}
.header .control_zoom .zoom_btn .zoom_in:before,
.header .control_zoom .zoom_btn .zoom_in:after{content:''; position:absolute; top:50%; left:50%; background:#808080}
.header .control_zoom .zoom_btn .zoom_in:before{margin-top:-1px; margin-left:-5px; width:10px; height:2px}
.header .control_zoom .zoom_btn .zoom_in:after{margin-top:-5px; margin-left:-1px; width:2px; height:10px}
.header .control_zoom .zoom_btn .zoom_ou{right:0}
.header .control_zoom .zoom_btn .zoom_ou:after{content:''; position:absolute; top:50%; left:50%; width:10px; height:2px; margin-top:-1px; margin-left:-5px; background:#808080}
.header .control_zoom .zoom_btn .zoom_re{display:block; padding:5px 8px; line-height:150%; font-size:13px; letter-spacing:normal; color:#505050; background:none; margin:0; border:0; border-radius:0; box-sizing:border-box; cursor:pointer}


/* fnb_global */
.header .fnb_global{position:absolute; top:5px; left:0}
.header .fnb_global .global_list{float:left}
.header .fnb_global .global_list:after{content:''; display:block; clear:both}
.header .fnb_global .global_list li{position:relative; float:left; padding:0 10px; line-height:45px}
.header .fnb_global .global_list li:first-child{padding-left:0}
.header .fnb_global .global_list li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:16px; margin-top:-8px; background:#dadada}
.header .fnb_global .global_list li:last-child:before{display:none}
.header .fnb_global .global_list a{display:inline-block; position:relative; padding-left:22px; color:#505050; font-size:13px; font-family:mst; font-weight:normal; letter-spacing:-0.5px}
.header .fnb_global .global_list a:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../../lib/images/common/fnb_global.png') no-repeat 50% 50%; background-size:18px 18px}



/* gnb */
.header .gnb{position:relative; width:1200px; margin:0 auto}
.header .gnb_nav {padding-left:210px; padding-right:131px}
.header .gnb_nav:after{content:''; display:block; clear:both}
.header .gnb_nav > li {position:relative; float:left; width:16.6666666%; margin:0; box-sizing:border-box}
.header .gnb_nav.col5 > li {width:20%}
.header .gnb_nav.col4 > li {width:25%}
.header .gnb_nav.col2 > li {width:50%}
.header .gnb_nav > li:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#dadada}

.header .gnb_nav > li > a {display:block; position:relative; color:#303030; font-size:20px; letter-spacing:-1.5px; line-height:72px; text-align:center; font-weight:600; transition:all .30s ease}
.header .gnb_nav > li:hover > a{color:#215da4}
.header .gnb_nav > li.active > a{color:#215da4}

.header .gnb_nav > li > a.library{width:100%; height:71px; background:#f0f3f8 url("../../lib/images/common/library_gnb.png") no-repeat 50% 50%}
.header .gnb_nav > li > a.library:before{content:''; position:absolute; top:0; left:0; height:1px; width:100%; background:#dadada}

.header .gnb_nav_sub{display:none; position:absolute; left:0; top:100%; width:100%; margin-top:-1px; background:#fff; border-bottom:4px solid #215da4; box-sizing:border-box; z-index:9}
.header .gnb_nav_sub ul{position:relative; padding:18px 0; border:1px solid #dadada; border-bottom:none}
.header .gnb_nav_sub li{padding:0 10px; text-align:left}
.header .gnb_nav_sub a{display:inline-block; padding:6px 0; font-size:13.3px; color:#505050; line-height:130%;  letter-spacing:-0.5px; font-weight:normal}
.header .gnb_nav_sub a:hover{color:#215da4}


/* allsch */
.header .allsch{position:absolute; top:50px; right:50%; margin-right:-600px; z-index:9}
.header .allsch .allsch_toggle{display:block; position:relative; width:67px; height:72px; background:#fff url("../../lib/images/common/allsch_open.png") no-repeat 50% 50%; background-size:29px 28px; border:1px solid #dadada; transition:all .30s ease; box-sizing:border-box}

.header #allsch_layer{display:none; position:absolute; top:72px; right:0; z-index:9}
.header #allsch_layer .search{width:303px; border:1px solid #215da4}
.header #allsch_layer .search .search_area{position:relative}
.header #allsch_layer .search .search_area .search_int
{
    display:block; width:100%; height:55px; line-height:55px; margin:0; padding:0 80px 0 15px; border:0; text-align:left; font-size:17px; letter-spacing:-0.2px; color:#303030;
    background:#fff; font-weight:300; border-radius:0; box-sizing:border-box; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)
}
.header #allsch_layer .search .search_area .search_int::-webkit-input-placeholder{color:#bfc1c8; font-weight:normal}
.header #allsch_layer .search .search_area .search_int::-moz-placeholder{color:#bfc1c8; font-weight:normal}
.header #allsch_layer .search .search_area .search_int:-ms-input-placeholder{color:#bfc1c8; font-weight:normal}

.header #allsch_layer .search .search_area .search_btn{position:absolute; top:0; right:0}
.header #allsch_layer .search .search_area .search_btn button
{
    display:block; width:66px; height:55px; border:0; margin:0; padding:0; cursor:pointer; border-radius:0;
    background:#215da4 url("../../lib/images/common/allsch_btn.png") no-repeat 50% 50%; background-size:22px 22px;
}
.header #allsch_layer .search .search_area .allsch_close{display:block; position:absolute; top:-73px; right:-1px; width:65px; height:71px; border:1px solid #215da4; background:#fff}
.header #allsch_layer .search .search_area .allsch_close:before, #allsch_layer .search .allsch_close:after{content:''; position:absolute; left:50%; width:30px; height:4px; margin-left:-15px; background:#215da4; transition:all .30s ease}
.header #allsch_layer .search .search_area .allsch_close:before{top:33px; transform:rotate(45deg)}
.header #allsch_layer .search .search_area .allsch_close:after{bottom:33px; transform:rotate(-45deg)}
.header #allsch_layer .search .search_area .allsch_close:hover:before{transform:rotate(135deg)}
.header #allsch_layer .search .search_area .allsch_close:hover:after{transform:rotate(45deg)}


/* allmenu */
.header .allmenu{position:absolute; top:50px; right:50%; margin-right:-534px; z-index:9}
.header .allmenu .allmenu_toggle{display:block; position:relative; width:67px; height:72px; background:#fff; border:1px solid #dadada; box-sizing:border-box}
.header .allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after{content:''; position:absolute; left:50%; width:27px; height:4px; background:#215da4; margin-left:-13.5px; transition:all .30s ease}
.header .allmenu .allmenu_toggle:before{top:20px}
.header .allmenu .allmenu_toggle:after{bottom:20px}
.header .allmenu .allmenu_toggle strong{display:block; position:absolute; top:33px; left:50%; width:20px; height:4px; margin-left:-13.5px; background:#215da4; transition:all .30s ease}
.header .allmenu .allmenu_toggle:hover:before, .allmenu .allmenu_toggle:hover:after{width:14px}
.header .allmenu .allmenu_toggle:hover strong{width:27px}

.header #allmenu_layer{display:none; position:absolute; top:0; left:0; width:100%; z-index:99999}
.header #allmenu_layer:before{content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#215da4}

.header #allmenu_layer .allmenu_top{position:relative; width:100%; height:121px; background:#fff; box-sizing:border-box}
.header #allmenu_layer .allmenu_top .allmenu_logo{position:relative; width:210px; height:45px; margin:0 auto; padding-top:59px}
.header #allmenu_layer .allmenu_top .allmenu_logo strong{display:block; width:210px; height:45px; background:url("../../lib/images/common/logo.png") no-repeat 50% 50%; background-size:210px 45px}
.header #allmenu_layer .allmenu_inner{position:relative; width:1200px; margin:0 auto; padding:20px 0 60px}

.header #allmenu_layer .user_info{position:relative; margin-bottom:5px; padding:8px 5px; text-align:left}
.header #allmenu_layer .user_name, .header #allmenu_layer .user_depart{display:inline-block; font-weight:normal; font-size:14px}
.header #allmenu_layer .user_name{color:#fff}
.header #allmenu_layer .user_depart{color:rgba(255,255,255,.7)}

.header #allmenu_layer .util{display:none; position:relative; margin-bottom:45px}
.header #allmenu_layer .util ul:after{content:''; display:block; clear:both}
.header #allmenu_layer .util ul li{position:relative; float:left; box-sizing:border-box}
.header #allmenu_layer .util ul li a{display:block; font-size:13px; letter-spacing:-0.2px; text-align:center; font-weight:normal; box-sizing:border-box}
.header #allmenu_layer .util .memb{margin-left:-5px; margin-top:-5px}
.header #allmenu_layer .util .memb.col1 li{width:100%}
.header #allmenu_layer .util .memb.col2 li{width:50%}
.header #allmenu_layer .util .memb li.last{width:100%}
.header #allmenu_layer .util .memb li a{margin-left:5px; margin-top:5px; padding:0 8px; line-height:44px; color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:2px}

.header #allmenu_layer .util .memb li a.global{padding:0 15px; letter-spacing:normal}
.header #allmenu_layer .util .memb li a.global span{display:inline-block; padding-left:25px; background:url("../images/common/util_global.png") no-repeat left 50%; background-size:18px 18px}

.header #allmenu_layer .util .link{margin-top:10px}
.header #allmenu_layer .util .link li{width:100%}
.header #allmenu_layer .util .link li a
{
    height:46px; padding:0 15px; line-height:46px; color:#fff;
    background:#5e749e; background:-webkit-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:-moz-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99);
}

.header #allmenu_layer .inner_list.target_nm{}
.header #allmenu_layer .inner_list.target_mm{display:none}
.header #allmenu_layer .inner_list > li{position:relative; padding-left:300px; margin-top:45px; min-height:91px;}
.header #allmenu_layer .inner_list > li:first-child{margin-top:0}
.header #allmenu_layer .inner_list > li .tit{display:block; position:absolute; top:19px; left:0; width:200px; padding-top:26px; line-height:135%; color:#fff; font-size:22px; font-weight:600; letter-spacing:-1.5px}
.header #allmenu_layer .inner_list > li .tit:after{content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:#fff}

.header #allmenu_layer .depth2{position:relative}
.header #allmenu_layer .depth2 > ul{margin-left:-50px; overflow:hidden}
.header #allmenu_layer .depth2 > ul > li{float:left; width:33.33333%}
.header #allmenu_layer .depth2 > ul > li > .in_box{margin-left:50px}
.header #allmenu_layer .depth2 > ul > li > .in_box > a{display:block; position:relative; padding:15px 0; color:#fff; line-height:135%; font-size:15px; font-weight:normal; letter-spacing:-0.3px;}
.header #allmenu_layer .depth2 > ul > li > .in_box > a:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255,255,255,.2)}
.header #allmenu_layer .depth2 > ul > li > .in_box > a:after{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.header #allmenu_layer .depth2 > ul > li > .in_box:hover > a:after{width:100%}
.header #allmenu_layer .depth2 > ul > li > .in_box > a span{display:block; position:relative; padding:0 12px}
.header #allmenu_layer .depth2 > ul > li > .in_box > a span:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.4); transition:all .30s ease}
.header #allmenu_layer .depth2 > ul > li > .in_box:hover > a span:before{background:rgba(255,255,255,1)}

.header #allmenu_layer .depth3{padding:10px}
.header #allmenu_layer .depth3 li a{display:block; padding:3px 0; color:rgba(255,255,255,.5); line-height:145%; font-size:13px; font-weight:normal; letter-spacing:-0.4px; transition:all .30s ease}
.header #allmenu_layer .depth3 li a:hover{color:rgba(255,255,255,1)}

.header #allmenu_layer .allmenu_close{display:block; position:absolute; right:0; top:-62px; width:42px; height:42px; background:#fff; border:1px solid #dadada}
.header #allmenu_layer .allmenu_close:before, .header #allmenu_layer .allmenu_close:after{content:''; position:absolute; left:50%; width:22px; height:2px; margin-left:-11px; background:#215da4; transition:all .30s ease}
.header #allmenu_layer .allmenu_close:before{top:20px; transform:rotate(45deg)}
.header #allmenu_layer .allmenu_close:after{bottom:20px; transform:rotate(-45deg)}
.header #allmenu_layer .allmenu_close:hover:before{transform:rotate(135deg)}
.header #allmenu_layer .allmenu_close:hover:after{transform:rotate(45deg)}



/*=================================================================================
* footer
=================================================================================*/
.footer{position:relative; padding-bottom:30px;}
.footer .footer_link{position:relative; height:50px; background:#215da4; margin-bottom:20px;}
.footer .footer_link .link_inner{position:relative; width:1200px; margin:0 auto; padding-right:475px; box-sizing:border-box}
.footer .footer_link .link_inner:after{content:''; display:block; clear:both;}

.footer .policy_area {position:relative;  overflow:hidden; width:1200px; margin:0 auto; border-bottom:1px solid #ebebeb; padding-bottom:10px;}
.footer .list_policy {overflow:hidden;}
.footer .list_policy li {float:left; margin-left:20px;}
.footer .list_policy li:first-child{margin-left:0;}
.footer .list_policy li a{color:#606060; font-size:13px; line-height:135%;}
.footer .list_policy li.adm a{color:#ddf0ff;}
.footer .list_policy li a i{display:inline-block; margin-right:2px; font-size:13px; vertical-align:middle;}
.footer .list_policy li a strong{color:#1fa2dc; vertical-align:middle;}
.footer .list_policy li a span{vertical-align:middle;}

.footer .cscenter{position:relative;}
.footer .cscenter:after{content:''; display:block; clear:both;}
.footer .cscenter li{position:relative; float:left; width:33.3333%; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box}
.footer .cscenter li:first-child{border-left:1px solid rgba(255,255,255,.2)}
.footer .cscenter li a{display:block; position:relative; color:#fff; height:50px; padding:0 15px; padding-left:20px}
.footer .cscenter li a span, .cscenter li a strong{display:inline-block; font-size:13px; font-weight:300; line-height:50px; letter-spacing:-0.2px;}
.footer .cscenter li a strong{color:#fff5a3;}
.footer .cscenter li a:after{content:"\f054"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:14px; position:absolute; top:50%; right:15px; margin-top:-9px; color:rgba(255,255,255,.5);}

.footer .footer_link .link_right{position:absolute; right:0; top:8px;}
.footer .footer_link .link_right .jumpsite{float:left; position:relative}
.footer .footer_link .link_right .jumpsite:first-child{margin-right:8px;}
.footer .footer_link .link_right .jumpsite .jumpsite_toggle{display:block; position:relative; width:229px; height:34px; margin:0; padding-right:40px; text-align:left; cursor:pointer; border:0; background:#3770b4; box-sizing:border-box;}
.footer .footer_link .link_right .jumpsite .jumpsite_toggle .txt{display:inline-block; margin-left:15px; color:#fff; font-size:13px; line-height:34px;}
.footer .footer_link .link_right .jumpsite .jumpsite_toggle:after{content:"\f077"; position:absolute; right:15px; top:7px; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:14px; color:rgba(255,255,255,.5); transform:rotate(0deg); transition:all .30s ease;}
.footer .footer_link .link_right .jumpsite .jumpsite_list{display:none; position:absolute; left:0; bottom:34px; width:100%; max-height:200px; padding:10px 0; overflow-y:auto; background:#3770b4; z-index:11; border-bottom:1px solid #215da4}
.footer .footer_link .link_right .jumpsite .jumpsite_list li{padding:3px 15px;}
.footer .footer_link .link_right .jumpsite .jumpsite_list li strong{color:#fff;}
.footer .footer_link .link_right .jumpsite .jumpsite_list a{display:inline-block; font-size:13px; color:#fff;}
.footer .footer_link .link_right .jumpsite .jumpsite_list a:hover{color:#fff;}
.footer .footer_link .link_right .jumpsite.open .jumpsite_list{display:block;}
.footer .footer_link .link_right .jumpsite.open .jumpsite_toggle:after{transform:rotate(-180deg);}


.footer .footer_address{position:relative; padding-top:15px}
.footer .footer_address .address_inner{position:relative; width:1200px; margin:0 auto; padding-left:295px; box-sizing:border-box}
.footer .footer_address .logo{position:absolute; left:0; top:20px; width:200px; height:56px; background:url('../../lib/images/common/tipa_logo.png') no-repeat 50% 50%; background-size:200px 56px}

.footer .footer_address .address_inner .flogo{display:block; position:absolute;}
.footer .footer_address .address_inner .flogo.mss{top:20px; left:0; width:136px; height:27px; background:url("../../lib/images/common/flogo_mss.png") 50% 50% no-repeat; background-size:136px 27px}
.footer .footer_address .address_inner .flogo.tipa{top:9px; left:151px; width:115px; height:49px; background:url("../images/common/flogo_kosmo.png") 50% 50% no-repeat; background-size:115px 49px}

.footer .footer_address .address{padding-top:12px; font-size:13px; line-height:155%; box-sizing:border-box; margin-bottom:5px;}
.footer .footer_address .address strong {font-weight:300; color:#303030;}
.footer .footer_address .copyright{line-height:135%; font-size:12px; color:#909090;}
.footer .footer_address .admin_login{display:block; position:absolute; right:0; top:-49px; width:34px; height:24px; line-height:24px; text-align:center; background:#f8f8f8; border-radius:50px;}
.footer .footer_address .admin_login:after{content:"\f013"; font-family:"Font Awesome 5 Pro"; font-weight:600; font-size:13px; color:#aeaeae; position:absolute; top:0; left:50%; margin-left:-6.5px;}

.footer .fsns{position:absolute; right:0; top:12px; z-index:1}
.footer .fsns:after{content:''; display:block; clear:both}
.footer .fsns li{float:left; margin-left:-4px}
.footer .fsns li a{display:block; width:44px; height:44px; border-radius:50%; mix-blend-mode:multiply; transition:all .30s ease}
.footer .fsns li a.f_fb{background-color:rgba(24,119,242,1); background-image:url("../../lib/images/common/fsns_fb.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:10px 17px}
.footer .fsns li a.f_nb{background-color:rgba(0,199,60,1); background-image:url("../../lib/images/common/fsns_nb.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:13px 17px}
.footer .fsns li a.f_yt{background-color:rgba(228,3,46,1); background-image:url("../../lib/images/common/fsns_yt.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 17px}



/*=================================================================================
* main
=================================================================================*/
#mcontainer{position:relative; min-height:500px; box-sizing:border-box}

/* 자주찾는 서비스 */
.mpersonal{position:relative; background:#215da4}
.mpersonal .mpersonal_inner{position:relative; width:1200px; height:205px; margin:0 auto; padding:0 138px 0 218px; box-sizing:border-box}
.mpersonal .sec_tit{position:absolute; left:0; top:60px}
.mpersonal .sec_tit .tit{display:block; color:#fff; font-weight:600; font-size:40px; letter-spacing:-1.5px; line-height:110%; text-align:left}

.mpersonal .mpersonal_ty1 .menu_list{padding-top:28px}
.mpersonal .mpersonal_ty1 .menu_list:after{content:''; display:block; clear:both}
.mpersonal .mpersonal_ty1 .menu_list li{float:left; width:20%}
.mpersonal .mpersonal_ty1 .menu_box{display:block; position:relative; padding-top:132px; text-align:center}
.mpersonal .mpersonal_ty1 .menu_box .tit{display:inline-block; color:#fff; font-size:17px; letter-spacing:-0.7px; line-height:135%}

.mpersonal .mpersonal_ty1 .menu_box:before{content:''; position:absolute; left:50%; top:0; width:120px; height:120px; margin-left:-60px; background:rgba(255,255,255,.2); border-radius:50%; transition:all .30s ease}
.mpersonal .mpersonal_ty1 .menu_box:hover:before{top:-10px}

.mpersonal .mpersonal_ty1 .menu_box.menu_ico1:before{background:rgba(255,255,255,.1) url("../images/main/mpersonal_ico1.png") 50% 50% no-repeat; background-size:59px 79px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico2:before{background:rgba(255,255,255,.1) url("../images/main/mpersonal_ico2.png") 50% 50% no-repeat; background-size:76px 71px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico3:before{background:rgba(255,255,255,.1) url("../images/main/mpersonal_ico3.png") 50% 50% no-repeat; background-size:79px 67px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico4:before{background:rgba(255,255,255,.1) url("../images/main/mpersonal_ico4.png") 50% 50% no-repeat; background-size:64px 74px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico5:before{background:rgba(255,255,255,.1) url("../images/main/mpersonal_ico5.png") 50% 50% no-repeat; background-size:70px 76px}

.mpersonal .mpersonal_ty1 .menu_box.menu_ico1:hover:before{background:rgba(255,255,255,.2) url("../images/main/mpersonal_ico1.png") 50% 50% no-repeat; background-size:59px 79px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico2:hover:before{background:rgba(255,255,255,.2) url("../images/main/mpersonal_ico2.png") 50% 50% no-repeat; background-size:76px 71px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico3:hover:before{background:rgba(255,255,255,.2) url("../images/main/mpersonal_ico3.png") 50% 50% no-repeat; background-size:79px 67px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico4:hover:before{background:rgba(255,255,255,.2) url("../images/main/mpersonal_ico4.png") 50% 50% no-repeat; background-size:64px 74px}
.mpersonal .mpersonal_ty1 .menu_box.menu_ico5:hover:before{background:rgba(255,255,255,.2) url("../images/main/mpersonal_ico5.png") 50% 50% no-repeat; background-size:70px 76px}

.mpersonal .mpersonal_ty2{position:absolute; right:0; top:0; width:133px; height:100%}
.mpersonal .mpersonal_ty2 .menu_list{height:100%; margin-top:-1px}
.mpersonal .mpersonal_ty2 .menu_list li{height:33.333333%}
.mpersonal .mpersonal_ty2 .menu_list li .menu_box{display:block; height:100%; margin-top:1px; padding-top:24px; color:#fff; font-size:17px; letter-spacing:-0.7px; line-height:135%; text-align:center; background:rgba(255,255,255,.1); transition:all .30s ease; box-sizing:border-box}
.mpersonal .mpersonal_ty2 .menu_list li .menu_box:hover{background:rgba(255,255,255,.2)}


/* 사업공고 */
.mbnsnews{position:relative; padding:0 0 20px; background:url("../images/main/mbnsnews_bg.jpg") 50% 50% no-repeat; background-size:2000px 800px}
.mbnsnews .sec_tit{text-align:center; margin-bottom:27px; display:none}
.mbnsnews .sec_tit .tit{display:inline-block; line-height:150%; letter-spacing:-2px; color:#303030; font-size:40px; font-weight:600}

.mbnsnews .carousel_wrap{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.mbnsnews .carousel_wrap:after{content:''; display:block; clear:both}
.mbnsnews .inner_l{position:relative; min-height:700px; padding:65px 0 0; box-sizing:border-box}
.mbnsnews .inner_r{position:relative; float:left; width:320px; min-height:676px; padding:25px 25px 0; background:#ebebf0; box-sizing:border-box}
.mbnsnews .inner_tit{position:relative; margin-bottom:10px; text-align:center}
.mbnsnews .inner_tit .tit{display:inline-block; line-height:150%; letter-spacing:-2px; color:#303030; font-size:32px; font-weight:600}

.mbnsnews .no_data{position:relative; margin-top:25px; padding:30px 0; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.mbnsnews .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}

.mbnsnews .carousel_l .owl-stage-outer,
.mbnsnews .carousel_r .owl-stage-outer{padding:15px 0 25px}
.mbnsnews .carousel_l .carousel_box,
.mbnsnews .carousel_r .carousel_box{position:relative; height:290px; margin-left:15px; margin-top:15px; padding:20px; background:#fff; opacity:.4; border-radius:0;box-sizing:border-box; transition:all .30s ease}
.mbnsnews .carousel_l .owl-item.active .carousel_box,
.mbnsnews .carousel_r .owl-item.active .carousel_box{opacity:1}

.mbnsnews .box_grid > ul{margin-left:-15px; margin-top:-15px}
.mbnsnews .box_grid > ul > li{float:left}
.mbnsnews .box_grid > ul.col4 > li{width:25%}
.mbnsnews .box_grid > ul.col3 > li{width:33.33333%}
.mbnsnews .box_grid > ul.col1 > li{width:100%}

.mbnsnews .carousel_box .sta_area{position:relative; height:47px; margin-bottom:10px}
.mbnsnews .carousel_box .sta_area .label{position:relative; width:47px; height:47px; line-height:47px; background:#f19149; text-align:center; color:#fff; font-weight:300; font-size:14px; letter-spacing:-0.5px; border-radius:2px}
.mbnsnews .carousel_box .sta_area .dday{position:absolute; bottom:-4px; right:0; line-height:135%; font-size:17px; font-weight:300; letter-spacing:-0.5px}
.mbnsnews .carousel_box .sta_area .user{position:absolute; top:-3px; right:0; padding:0; line-height:135%; font-weight:300; color:#215da4; font-size:14px; letter-spacing:-0.5px}

.mbnsnews .carousel_box .tit_area{position:relative; height:95px; padding:15px 0; border-top:1px solid #dadada; box-sizing:border-box}
.mbnsnews .carousel_box .tit_area .tit{display:box;  display:-webkit-box; display:-ms-flexbox; height:54px; line-height:135%; font-size:20px; color:#303030; letter-spacing:-1px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden;  -webkit-line-clamp:2; -webkit-box-orient:vertical}
.mbnsnews .carousel_box .tit_area .tit strong{font-weight:600}

.mbnsnews .carousel_box .dat_area:after{content:''; display:block; clear:both}
.mbnsnews .carousel_box .dat_area dt, .mbnsnews .carousel_box .dat_area dd{letter-spacing:-0.5px; line-height:135%}
.mbnsnews .carousel_box .dat_area dt{float:none; font-weight:300; color:#303030; margin-bottom:3px; font-size:16px}
.mbnsnews .carousel_box .dat_area dd{float:left; font-weight:normal; color:#808080; font-size:13px}

.mbnsnews .carousel_box .app_area{position:absolute; left:20px; right:20px; bottom:20px}
.mbnsnews .carousel_box .app_area .app_ty1{display:block; height:44px; line-height:44px; font-weight:300; background:#f19149; color:#fff; text-align:center; font-size:17px; letter-spacing:-1.2px; border-radius:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.mbnsnews .carousel_box.off .sta_area .label{background:#505050}
.mbnsnews .carousel_box.off .app_area .app_ty1{background:#505050}

.mbnsnews .carousel_util{position:absolute; right:0; top:35px; font-size:0}
.mbnsnews .carousel_util .nav_prev_l,
.mbnsnews .carousel_util .nav_prev_r,
.mbnsnews .carousel_util .nav_next_l,
.mbnsnews .carousel_util .nav_next_r{display:inline-block; position:relative; width:40px; height:30px; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,.5); margin:0; margin-left:3px; padding:0; vertical-align:middle; border-radius:0; cursor:pointer; transition:all .30s ease}
.mbnsnews .carousel_util .nav_prev_l,
.mbnsnews .carousel_util .nav_prev_r{background:rgba(0,0,0,0) url("../images/main/mbnsnews_prev.png") 50% 50% no-repeat; background-size:11px 18px}
.mbnsnews .carousel_util .nav_prev_l:hover,
.mbnsnews .carousel_util .nav_prev_r:hover{background:rgba(0,0,0,.3) url("../images/main/mbnsnews_prev.png") 50% 50% no-repeat; background-size:11px 18px}
.mbnsnews .carousel_util .nav_next_l,
.mbnsnews .carousel_util .nav_next_r{background:rgba(0,0,0,0) url("../images/main/mbnsnews_next.png") 50% 50% no-repeat; background-size:11px 18px}
.mbnsnews .carousel_util .nav_next_l:hover,
.mbnsnews .carousel_util .nav_next_r:hover{background:rgba(0,0,0,.3) url("../images/main/mbnsnews_next.png") 50% 50% no-repeat; background-size:11px 18px}
.mbnsnews .carousel_util .more{display:inline-block; height:30px; padding:0 15px; background:rgba(0,0,0,.2); line-height:30px; border:1px solid rgba(255,255,255,.5); color:#fff; font-size:15px; font-weight:300; vertical-align:middle; transition:all .30s ease; box-sizing:border-box}
.mbnsnews .carousel_util .more:hover{background:rgba(0,0,0,.3)}


/* 성과 및 견학신청 */
.msfresult{position:relative; padding:20px 0; background:#e6eef8}
.msfresult .msfresult_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.msfresult .msfresult_inner .inner_list{margin-left:-15px; overflow:hidden}
.msfresult .msfresult_inner .inner_list li{float:left; width:33.33333%}
.msfresult .chart_ty{position:relative; height:355px; margin-left:15px; padding:25px; padding-top:60px; border:1px solid #c8d6e8; background:#fff url("../images/main/msfresult_chart_bg.png") 50% 50% repeat; box-sizing:border-box}
.msfresult .chart_ty:after{content:''; position:absolute; left:0; top:60px; width:100%; height:20px; background:#fff url("../images/main/msfresult_chart_bg.png") 50% 50% repeat; z-index:1}
.msfresult .chart_ty .tit_area{position:absolute; left:0; top:0; width:100%; padding:25px 25px 0; box-sizing:border-box; z-index:2}
.msfresult .chart_ty .tit_area .tit01,
.msfresult .chart_ty .tit_area .tit02{display:block; line-height:135%; text-align:left}
.msfresult .chart_ty .tit_area .tit01{font-size:17px; color:#25cfde; font-weight:300; letter-spacing:-0.2px; margin-bottom:3px}
.msfresult .chart_ty .tit_area .tit02{font-size:24px; color:#215da4; font-weight:600; letter-spacing:-1.2px}

.msfresult .baner_ty{display:block; position:relative; height:355px; margin-left:15px; border:1px solid #c8d6e8; background:url("../images/main/msfresult_bg.png") 50% 50% no-repeat; box-sizing:border-box}
.msfresult .baner_ty .baner_box{position:absolute; top:20px; left:20px; right:20px; bottom:20px; padding-top:60px; text-align:center; box-sizing:border-box}
.msfresult .baner_ty .baner_box .tit_area strong{display:block; font-size:28px; letter-spacing:-3px; color:#505050; font-weight:600; line-height:125%}
.msfresult .baner_ty .baner_box .more
{
    display:inline-block; height:72px; margin-top:45px; padding:0 45px; border-radius:120px; transition:all .30s ease;
    background:#000; background:-webkit-linear-gradient(-90deg, #a28fff, #fa6756); background:-moz-linear-gradient(-90deg, #a28fff, #fa6756); background:linear-gradient(-90deg, #a28fff, #fa6756);
}
.msfresult .baner_ty .baner_box .more span
{
    font-size:20px; color:#fff; line-height:72px; letter-spacing:-1px; font-weight:300; padding-right:25px;
    background:url("../images/main/msfresult_more.png") right 50% no-repeat; background-size:11px 18px
}

.msfresult .baner_ty .baner_box .fx_border{position:absolute}
.msfresult .baner_ty .baner_box .fx_border.fx_t
{
    top:0; left:0; width:100%; height:3px;
    background:#000; background:-webkit-linear-gradient(0deg, #a28fff, #fa6756); background:-moz-linear-gradient(0deg, #a28fff, #fa6756); background:linear-gradient(90deg, #a28fff, #fa6756);
}
.msfresult .baner_ty .baner_box .fx_border.fx_r
{
    top:0; right:0;  width:3px; height:100%;
    background:#000; background:-webkit-linear-gradient(0deg, #fa6756, #fa6756); background:-moz-linear-gradient(0deg, #fa6756, #fa6756); background:linear-gradient(-180deg, #fa6756, #fa6756);
}
.msfresult .baner_ty .baner_box .fx_border.fx_b
{
    bottom:0; left:0; width:100%; height:3px;
    background:#000; background:-webkit-linear-gradient(0deg, #a28fff, #fa6756); background:-moz-linear-gradient(0deg, #a28fff, #fa6756); background:linear-gradient(90deg, #a28fff, #fa6756);
}
.msfresult .baner_ty .baner_box .fx_border.fx_l
{
    top:0; left:0;  width:3px; height:100%;
    background:#000; background:-webkit-linear-gradient(0deg, #a28fff, #a28fff); background:-moz-linear-gradient(0deg, #a28fff, #a28fff); background:linear-gradient(-180deg, #a28fff, #a28fff);
}







/* 스마트공장 뉴스 */
.msfvideo{position:relative; padding:40px 0 55px; background:#e6eef8}
.msfvideo .sec_tit{text-align:center; margin-bottom:27px}
.msfvideo .sec_tit .tit{display:inline-block; line-height:150%; letter-spacing:-2px; color:#215da4; font-size:32px; font-weight:600}

.msfvideo .msfvideo_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}

.msfvideo .videolist_ty1{position:relative; margin-top:-1px; padding:10px 0 30px}
.msfvideo .videolist_ty1 .videolist{margin-left:-25px; margin-top:-25px}
.msfvideo .videolist_ty1 .videolist:after{content:''; display:block; clear:both}
.msfvideo .videolist_ty1 .videolist > li{position:relative; float:left; width:33.333333%; box-sizing:border-box}

.msfvideo .videolist_ty1 .videolist_box{display:block; position:relative; height:328px; margin-left:25px; margin-top:25px; padding-top:214px; background:#fff; border:1px solid #c8d6e8; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.msfvideo .videolist_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; height:215px; overflow:hidden}
.msfvideo .videolist_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); border-bottom:none}
.msfvideo .videolist_ty1 .thum_area iframe
{
    display:inline-block; position:relative; left:50%; width:100%; height:100%; background:#505050; transition:all .30s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.msfvideo .videolist_ty1 .thum_area object
{
    display:inline-block; position:relative; left:50%; width:100%; height:100%; background:#505050; transition:all .30s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.msfvideo .videolist_ty1 .tit_area{display:block; padding:20px; padding-bottom:10px; box-sizing:border-box}
.msfvideo .videolist_ty1 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:44px; color:#303030; font-size:17px; line-height:135%; letter-spacing:-0.8px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all .30s ease}

.msfvideo .videolist_ty1 a.tit_area:hover .tit{color:#215da4}

.msfvideo .videolist_ty1 .info_area{padding:0 20px 0 20px}
.msfvideo .videolist_ty1 .info_area:after{content:''; display:block; clear:both}
.msfvideo .videolist_ty1 .info_area span{display:inline-block; position:relative; margin-left:10px; color:#808080; letter-spacing:-0.5px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.msfvideo .videolist_ty1 .info_area span.date{float:left; margin-left:0}

.msfvideo .more_box{display:block; padding:18px 20px; border-top:1px solid #c8d6e8; border-bottom:1px solid #c8d6e8; color:#5e749e; text-align:center; font-size:15px; font-weight:300; letter-spacing:-0.5px}
.msfvideo .more_box i{margin-left:5px}










/* 우수구축사례 */
.mbestcase{position:relative; background:#215da4}
.mbestcase .sec_tit{position:relative; height:130px; padding:55px 40px 0 0; text-align:right; box-sizing:border-box}
.mbestcase .sec_tit .tit{display:inline-block; line-height:135%; color:#fff; font-size:32px; font-weight:600}
.mbestcase .slo_tit{position:relative; box-sizing:border-box; margin-bottom:27px}
.mbestcase .slo_tit .tit{display:inline-block; color:#215da4; font-size:24px; line-height:135%; font-weight:300}

.mbestcase .mbestcase_flex{position:relative; background:#fff}
.mbestcase .mbestcase_flex:before{content:''; position:absolute; left:0; height:100%; width:50%; background:#215da4}
.mbestcase .mbestcase_fix{position:relative; width:1200px; min-height:747px; padding-left:300px; background:#fff; margin:0 auto; box-sizing:border-box}

.mbestcase .yer_sec{position:absolute; left:0; top:0; width:270px; height:100%; background:#215da4}
.mbestcase .yer_sec:before{content:''; position:absolute; left:-350px; bottom:-20px; width:486px; height:521px; background:url("../images/main/mbestcase_robot.png") 50% 50% no-repeat; background-size:486px 521px}
.mbestcase .con_sec{position:relative; padding-top:62px; padding-bottom:30px}
.mbestcase .tabcontent{position:relative}

.mbestcase .tab_yer{position:relative; margin-bottom:20px}
.mbestcase .tab_yer ul:after{content:''; display:block; clear:both}
.mbestcase .tab_yer ul li{margin-bottom:2px; box-sizing:border-box}
.mbestcase .tab_yer ul li:last-child{margin-bottom:0}
.mbestcase .tab_yer ul li .tab_box{display:block; position:relative; width:100%; height:86px; margin-bottom:0; padding-right:40px; line-height:92px; text-align:right; font-family:ctl; font-size:30px; font-weight:300; letter-spacing:-1.5px; background:#2c67ac; color:#acbdd8; border:none; outline:none; border-radius:0; box-sizing:border-box; cursor:pointer; transition:all .30s ease}
.mbestcase .tab_yer ul li .tab_box.active{background:#fff; color:#215da4}
.mbestcase .tab_yer ul li .tab_box.active:after{content:''; position:absolute; right:0; top:50%; width:11px; height:18px; margin-top:-9px; background:url("../images/main/mbestcase_next.png") 50% 50% no-repeat; background-size:11px 18px}
.mbestcase .tab_yer ul li .tab_box:hover{background:#4078ba; color:#fff}
.mbestcase .tab_yer ul li .tab_box.active:hover{background:#fff; color:#215da4}

.mbestcase .more_ty1{text-align:right; padding-right:40px}
.mbestcase .more_ty1 .more{display:inline-block; position:relative; padding-right:25px; color:#fff !important; font-size:17px; font-weight:normal; line-height:155%; letter-spacing:-0.8px; transition:all .30s ease}
.mbestcase .more_ty1 .more:hover{color:#fff !important}
.mbestcase .more_ty1 .more span:before, .mbestcase .more_ty1 span:after{content:''; position:absolute; top:50%; background:#fff; transition:all .30s ease}
.mbestcase .more_ty1 .more span:before{right:0; width:16px; height:2px; margin-left:-8px; margin-top:-1px}
.mbestcase .more_ty1 .more span:after{right:7px; width:2px; height:16px; margin-left:-1px; margin-top:-8px}
.mbestcase .more_ty1 .more:hover span:before{transform:rotate(-180deg)}
.mbestcase .more_ty1 .more:hover span:after{transform:rotate(-180deg)}

.mbestcase .tab_stand{position:relative; margin-bottom:12px}
.mbestcase .tab_stand ul{margin-left:-15px}
.mbestcase .tab_stand ul:after{content:''; display:block; clear:both}
.mbestcase .tab_stand ul li{float:left; width:33.33333%; box-sizing:border-box}
.mbestcase .tab_stand ul li .tab_box{display:block; position:relative; height:68px; line-height:68px; margin-left:15px; margin-bottom:15px; background:none; text-align:center; font-family:'mst','nsr'; font-size:30px; font-weight:normal; letter-spacing:-0.8px; color:#d5d5d4; border-radius:0; box-sizing:border-box; cursor:pointer; transition:all .30s ease}
.mbestcase .tab_stand ul li .tab_box.active{color:#215da4}
.mbestcase .tab_stand ul li .tab_box:before,
.mbestcase .tab_stand ul li .tab_box:after
{
    content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#d5d5d4
}
.mbestcase .tab_stand ul li .tab_box:after{width:0;  background:#215da4; transition:all .30s ease}
.mbestcase .tab_stand ul li .tab_box.active:after{width:100%; background:#215da4}
.mbestcase .tab_stand ul li .tab_box:hover:after{width:100%}

.mbestcase .tab_stand.col4 ul li{width:25%}


.mbestcase .caselist_ty1{position:relative; margin-top:-1px; padding:0}
.mbestcase .caselist_ty1 .caselist{margin-left:-15px; margin-top:-15px}
.mbestcase .caselist_ty1 .caselist:after{content:''; display:block; clear:both}
.mbestcase .caselist_ty1 .caselist > li{position:relative; float:left; width:33.333333%; box-sizing:border-box}
.mbestcase .caselist_ty1 .caselist_box{display:block; position:relative; margin-left:15px; margin-top:15px; padding-top:195px; background:#fff; border:1px solid #dadada; box-sizing:border-box}

.mbestcase .caselist_ty1 .cop_area{position:absolute; left:0; top:0; width:100%; height:45px}
.mbestcase .caselist_ty1 .cop_area .cop{display:block; padding-top:10px; text-align:center; line-height:135%; font-size:20px; font-weight:300; color:#303030; letter-spacing:-0.8px}

.mbestcase .caselist_ty1 .thum_area{position:absolute; top:45px; right:-1px; left:-1px; height:150px; overflow:hidden}
.mbestcase .caselist_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); border-bottom:none}
.mbestcase .caselist_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:100%; background:#505050; transition:all .30s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mbestcase .caselist_ty1 .info_area{position:relative; padding-left:60px; border-top:1px solid #dadada}
.mbestcase .caselist_ty1 .info_area .txt01,
.mbestcase .caselist_ty1 .info_area .txt02{display:block; padding:14px 0; line-height:135%; letter-spacing:-0.2px; font-size:13px; font-weight:normal}
.mbestcase .caselist_ty1 .info_area .txt01{position:absolute; color:#505050; left:0; top:0; width:50px; height:100%; border-right:1px solid #dadada; text-align:center; box-sizing:border-box}
.mbestcase .caselist_ty1 .info_area .txt02{position:relative; color:#505050; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis}



/* 중소기업 정보서비스 */
.msbinfo{position:relative; background:url("../images/main/msbinfo_bg.jpg") 50% 50% no-repeat; background-size:cover}
.msbinfo .msbinfo_inner{position:relative; width:1200px; margin:0 auto; padding:60px 0 60px 240px; box-sizing:border-box}
.msbinfo .sec_tit{position:absolute; top:77px; left:0}
.msbinfo .sec_tit .tit{display:inline-block; line-height:150%; letter-spacing:-2.2px; color:#fff; font-size:25px; font-weight:600}

.msbinfo .sbinfo_list{margin-left:-10px; margin-top:-10px}
.msbinfo .sbinfo_list:after{content:''; display:block; clear:both}
.msbinfo .sbinfo_list > li{float:left; width:33.33333%}
.msbinfo .sbinfo_box{position:relative; margin-left:10px; margin-top:10px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); transition:all .30s ease}
.msbinfo .sbinfo_box a{display:block; position:relative; height:68px; padding:23px 45px 0 75px; line-height:135%; font-size:17px; color:#fff; font-weight:300; letter-spacing:-0.8px; box-sizing:border-box}
.msbinfo .sbinfo_box a:before{content:''; position:absolute; left:15px; top:50%; width:47px; height:47px; margin-top:-23.5px; border-radius:50%}
.msbinfo .sbinfo_box.ico1 a:before{background:#fff url("../images/main/msbinfo_ico1.png") 50% 50% no-repeat; background-size:27px 33px}
.msbinfo .sbinfo_box a:after{content:''; position:absolute; top:0; right:20px; width:14px; height:100%; background:url("../images/main/msbinfo_blank.png") 50% 50% no-repeat; background-size:14px 14px}
.msbinfo .sbinfo_box:hover{background:rgba(255,255,255,0.2)}








/*=================================================================================
* 레이아웃 - 사용자
=================================================================================*/

/* body */
body.mgnb_open{height:100%; overflow:hidden;}
body.mgnb_open:before{content:""; display:block; position: fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.5); z-index:20;}

.header .logo_economy {position:absolute; left:155px; top:65px; z-index: 1000;}
.header .logo_economy a {display:block; line-height:0;}


#mgnb_all{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; box-shadow: 0 -20px 60px 8px #000; z-index:999; -webkit-overflow-scrolling:touch;}
#mgnb_all .allmenu_close{display:block; position:absolute; right:10px; top:10px; width:46px; height:46px;}
#mgnb_all .allmenu_close:before, #mgnb_all .allmenu_close:after{content:''; position:absolute; left:50%; width:22px; height:2px; margin-left:-11px; background:#fff; transition:all .30s ease}
#mgnb_all .allmenu_close:before{top:22px; transform:rotate(45deg);}
#mgnb_all .allmenu_close:after{bottom:22px; transform:rotate(-45deg);}

.mgnb_header{position:relative; padding:14px 20px 20px; background:#145281;}
.mgnb_header .mgnb_logo{margin-bottom:15px;}
.mgnb_header .mgnb_logo a{display:block; width:182px; height:39px; background:url('../../lib/images/common/mgnb_logo.png') no-repeat 50% 50%; background-size:182px 39px;}

.mgnb_header .mfnb_ty1 a{display:block; padding:8px 5px; border:1px solid rgba(255,255,255,.1); color:#fff; font-size:13px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mgnb_header .mfnb_ty1 a i{display:inline-block; margin-right:5px; font-size:16px; vertical-align:middle; color:rgba(255,255,255,.6);}

.mgnb_header .mfnb_ty2{margin-left:-2px; overflow:hidden;}
.mgnb_header .mfnb_ty2 li{float:left; width:50%;}
.mgnb_header .mfnb_ty2 li:last-child{width:100%; margin-top:2px;}
.mgnb_header .mfnb_ty2 a{display:block; padding:8px 5px; border:1px solid rgba(255,255,255,.1); color:#fff; font-size:13px; margin-left:2px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mgnb_header .mfnb_ty2 a i{display:inline-block; margin-right:5px; font-size:16px; vertical-align:middle; color:rgba(255,255,255,.6);}

.mgnb_header .user_info{position:relative; margin-bottom:5px; padding:8px 5px; text-align:center; background:#104770; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mgnb_header .user_name, .mgnb_header .user_depart{display:inline-block; font-weight:normal; font-size:13px;}
.mgnb_header .user_name{color:#fff;}
.mgnb_header .user_depart{color:rgba(255,255,255,.7);}






.mgnb_normal .gnb_list{position:relative;}
.mgnb_normal .gnb_list .dep_1 > a{display:block; position:relative; height:60px; line-height:60px; font-size:16px; color:#404040; padding:0 20px; border-bottom:1px solid #ddd; letter-spacing:-0.5px; font-weight:300; cursor:pointer; transition:all .30s ease;}
.mgnb_normal .gnb_list .dep_1.active > a{}
.mgnb_normal .gnb_list .dep_1 > a > span{display:block; padding-right:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mgnb_normal .gnb_list .dep_1.dep-sub > a > span:after{content:"\f077"; font-weight:300; position:absolute; right:20px; top:0; font-size:16px; color:#808080; font-family:"Font Awesome 5 Pro"; transform:rotate(-180deg); transition:all .30s ease;}
.mgnb_normal .gnb_list .dep_1.dep-sub.active > a > span:after{transform:rotate(0deg);}

.mgnb_normal .gnb_list .dep_2{display:none; background:#f2f2f2;}
.mgnb_normal .gnb_list .dep_2 > li{position:relative;}
.mgnb_normal .gnb_list .dep_2 > li:first-child{padding-top:10px;}
.mgnb_normal .gnb_list .dep_2 > li:last-child{padding-bottom:10px; border-bottom:1px solid #ddd;}
.mgnb_normal .gnb_list .dep_2 > li > a{display:block; position:relative; height:36px; line-height:36px; font-size:14px; color:#606060; padding:0 20px; padding-left:35px; letter-spacing:-0.5px; font-weight:normal; transition:all .30s ease;}
.mgnb_normal .gnb_list .dep_2 > li > a > i{position:absolute; left:20px; top:9px; color:#b1b1b1; font-size:18px; transition:all .30s ease;}
.mgnb_normal .gnb_list .dep_2 > li > a > span{display:block; padding-right:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



/* gnb all */
.header .gnb_all {display:none; float:left; width:95px; height:100%; margin-left:55px}
.header .gnb_all_link {position:relative; display:block; width:95px; height:95px; text-indent:-999em; overflow:hidden; background:url('/lib/images/allmenu/btn_menu.png') 0 0 no-repeat;}
.header .gnb_all_menu {display:none; position:absolute; left:0; top:94px; z-index:1000; width:1098px; border:1px solid #08509d; background:#fff;}
.header .gnb_all_menu .btn_close {position:absolute;right:-1px; top:-95px; display:block; width:95px; height:95px; text-indent:-999em; overflow:hidden; background:url('/lib/images/allmenu/btn_close.png') 0 0 no-repeat;}
.header .gnb_all_menu .menu_group {float:left; width:218px; height:277px; border-left:1px solid #e0e6ee;}
.header .gnb_all_menu .menu_inner {padding:45px 0 0 50px;}
.header .gnb_all_menu .menu_group1 {width:219px; border-left:0 none;}
.header .gnb_all_menu .menu_group2 {}
.header .gnb_all_menu .menu_depth1 {}
.header .gnb_all_menu .menu_depth1 > li {position:relative;}
.header .gnb_all_menu .menu_depth1 > li > a {color:#0374bb; font-weight:bold; font-size:18px;}
.header .gnb_all_menu .menu_depth2 {margin-top:16px;}
.header .gnb_all_menu .menu_depth2 > li {padding:4px 0 3px; line-height:1.1;}
.header .gnb_all_menu .menu_depth2 > li > a {color:#444; font-weight:bold; font-size:14px;}
.header .gnb_all_menu .menu_depth2 > li > a:hover {text-decoration:underline;}

/* search_form */
.search_form {display:none; position:absolute; top:50px; right:0}
.search_form .search_box {position:relative; height:40px; border:1px solid #1fa2dc; background:#fff; box-sizing:border-box; overflow:hidden}
.search_form .search_box .search_word{display:block; width:220px; height:38px; line-height:38px; margin:0; padding:0 38px 0 15px; border:0; font-size:13px; background:none; letter-spacing:-0.5px; box-sizing:border-box; transition:all .30s ease}
.search_form .search_box .search_word:hover, .search_form .search_box .search_word:focus{width:240px}
.search_form .search_box .search_word::-webkit-input-placeholder{color:#909090}
.search_form .search_box .search_word::-moz-placeholder{color:#909090}
.search_form .search_box .search_word:-ms-input-placeholder{color:#909090}

.search_form .search_box .btn_search {display:block; position:absolute; right:0; top:0; width:38px; height:38px; border:0; cursor:pointer; background:#fff; border-left:1px solid #1fa2dc;}
.search_form .search_box .btn_search:after{content:"\f002"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:18px; color:#1fa2dc; position:absolute; top:6px; left:10px}


/* container */
.container {width:1200px; margin:0 auto;}
.container {*zoom:1;}
.container:after {display:block; clear:both; content:'';}
.container .aside {position:relative; float:left; width:200px; padding-top:0}
.container .content {position:relative; margin-left:230px; padding-top:23px}
.container .content_wide {position:relative;}


/* top 팝업 (알림div팝업)  */
.toppop_wrap {width:100%;background:#0062ad;overflow:hidden; display:none;}
.toppop_wrap .toppop_inner{width:930px;height:116px;margin:0 auto;position:relative;padding-top:15px;padding-left:170px;}
.toppop_wrap .toppop_inner .visual_icon{position:absolute;left:0;top:30px;background:url("/lib/images/common/img_toppop01.png") no-repeat;width:132px;height:72px;}
.toppop_wrap .toppop_inner .txtype01{width:400px;height:90px;text-align:left;color:#fff;font-family:"nanumB";font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:22px;display:table-cell;vertical-align:middle;border-right:1px solid #2c88ce;padding-right:50px;}
.toppop_wrap .toppop_inner .txtype02{position:absolute;left:635px;top:18px;text-align:left;width:315px; color:#fff;font-size:14px;letter-spacing:-1px;line-height:20px;}
.toppop_wrap .toppop_inner .btn_close{position:absolute;right:10px;top:102px;text-align:left;width:47px;height:22px;background:url("/lib/images/common/btn_topop_close.png") no-repeat;display:block;text-indent:-999999px;font-size:0;}


/*=================================================================================
* 레이아웃 스타일 : 수정 2015-10-06
=================================================================================*/

.container {padding-bottom:50px;}

/*=================================================================================
* 서브페이지 레이아웃
=================================================================================*/

/* 현재위치 */
.location{position:absolute; top:39px; right:0; z-index:1}
.location ul{overflow:hidden}
.location ul li{position:relative; float:left; margin-right:8px; padding-right:13px;}
.location ul li:last-child{margin-right:0; padding-right:0}
.location ul li i{vertical-align:middle; font-size:13px; color:#909090}
.location ul li a, .location ul li strong{display:inline-block; line-height:150%; letter-spacing:-0.2px; vertical-align:middle}
.location ul li a{cursor:pointer; color:#606060}
.location ul li strong{color:#303030; font-weight:300}
.location li:after{content:"\f054"; font-family:"Font Awesome 5 Pro"; font-weight:300; position:absolute; right:0; top:0; color:#b8b8b8; font-size:13px}
.location li:last-child:after{display:none}

/* aside */
.aside .lnb_tit{position:relative; height:81px; margin-bottom:2px; padding-top:25px; background:#515b75; box-sizing:border-box;}
.aside .lnb_tit .tit{display:block; text-align:center; color:#fff; font-size:24px; line-height:135%; letter-spacing:-0.8px; font-weight:normal; font-weight:600}

.aside .lnb {padding:0;}
.aside .lnb_nav a{display:inline-block; font-size:15px; color:#444; letter-spacing:-0.8px; line-height:135%}
.aside .lnb_nav li{position:relative; padding:19px 25px 18px 15px; margin-top:-1px; transition:all .30s ease}
.aside .lnb_nav li:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd}
.aside .lnb_nav li.on {background:#215da4}
.aside .lnb_nav li.on:before{background:#215da4}
.aside .lnb_nav li.on:after{content:"\f054"; font-family:"Font Awesome 5 Pro"; font-weight:300; position:absolute; right:15px; top:16px; font-size:16px; color:rgba(255,255,255,.5)}
.aside .lnb_nav li.on a {color:#fff; font-weight:300}

/* 페이지 타이틀 */
.page_title {position:relative; margin-bottom:35px; padding-bottom:17px; border-bottom:1px solid #ebebeb}
.page_title .title{display:inline-block; margin-right:2px; line-height:150%; letter-spacing:-1px; color:#303030; font-weight:300; font-size:26px; vertical-align:middle}
.page_title .page_help {display:inline-block; position:relative; margin-top:-1px; vertical-align:middle}
.page_title .page_help button {display:block; width:22px; height:22px; text-indent:-999em; border:0; overflow:hidden; background:url('/lib/images/btn/btn_help.png') 0 0 no-repeat; cursor: pointer;}


/*=================================================================================
* 메인
=================================================================================*/

/*** 메인 : 공통 ***/
.main_section {margin-top:40px; *zoom:1;}
.main_section:after {display:block; clear:both; content:'';}

/*** 메인 : 스팟 영역 ***/
.main_spot {display:none; height:650px; background:url('/lib/images/main/bg_visual.jpg') center top no-repeat;}
.main_spot_inner {position:relative; width:1100px; margin:0 auto;}

.main_spot_inner .main_lft_box{width:404px; float:left; padding-left:72px;}
.main_spot_inner .main_lft_box .tit_main{font-size:27px; font-weight:bold; text-align:center; line-height:36px; color:#fff; padding:61px 0 26px 0;}
.main_spot_inner .main_lft_box ul li{float:left; padding:5px}
.main_spot_inner .main_lft_box ul li a {display:block; height:192px; overflow:hidden;}
.main_spot_inner .main_lft_box ul li a:hover img {margin-top:-192px;}

.main_spot_inner .main_rgt_box{float:right; width:552px; padding-top:31px; background:url('/lib/images/main/bg_visual_box.gif') 0 bottom no-repeat;}
.main_spot .search_form {overflow:hidden; margin-bottom:10px;}
.main_spot .search_form .search_box {position:relative; display:inline-block; width:218px; height:50px; padding:0 50px 0 22px; vertical-align:top; background-color:#fff; float:left;}
.main_spot .search_form .search_box .search_word {width:100%; padding:0; margin-top:17px; font-size:14px; line-height:1; border:none;}
.main_spot .search_form .search_box .btn_search {position:absolute; right:20px; top:18px; display:block; width:15px; height:15px; overflow:hidden; text-indent: -100em; border:none; cursor:pointer; background:url('/lib/images/common/bg_icon.png') -111px -30px no-repeat;}
.main_spot .search_form a{float:left; margin-left:1px; display:inline;}

/* 전화경 - 여기부터 */
.main_rgt_box .tit_visual{font-size:18px; font-weight:bold; color:#000; line-height:22px; padding-top:26px;}
.main_rgt_box .tit_visual a {color:#000;}
.main_rgt_box .more{position:absolute;  top:32px; right:26px; width:11px; height:11px;}
.main_rgt_box .more a {width:11px; height:11px; display:inline-block;}
.main_rgt_box .more a img{display:inline-block;}
.main_rgt_box .ntc_box{width:297px; height:160px; padding:0 20px; float:left; margin-bottom:1px; position:relative;}
.main_rgt_box .ntc_box ul {padding:13px 0 12px 0;}
.main_rgt_box .ntc_box ul li{position:relative; margin-bottom:4px; font-size:13px; line-height:1.7; }
.main_rgt_box .ntc_box ul li a .txt{display:inline-block; max-width:210px; padding-right:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; color:#444; font-weight:bold;}
.main_rgt_box .ntc_box ul li a .date{display:block; position:absolute; right:0; top:0; color:#656565;}
.main_rgt_box .ntc_box ul li a:hover .txt,
.main_rgt_box .ntc_box ul li a:hover .date{text-decoration:underline;}
.main_rgt_box .ntc_box ul li a img{vertical-align:top; margin:1px 0 0 0;}

.main_rgt_box .bns_box{width:174px; height:160px; padding:0 20px; float:right; margin-bottom:1px; position:relative; background:url('/lib/images/main/bg_spot_center2.jpg') 0 0 no-repeat; background-position: inherit;}
.main_rgt_box .bns_box .txt{font-size:13px; color:#444; line-height:16px; padding:15px 0 9px 0;}

.main_rgt_box .rfc_box{width:214px; height:160px; float:right; margin-bottom:1px; background:url('/lib/images/main/img_rfc.jpg') 0 0 no-repeat;}
.main_rgt_box .rfc_box .tit_visual{padding:0;}
.main_rgt_box .rfc_box a{color:#000; display:inline-block; padding:26px 19px 0 19px; height:132px; width:174px; margin:1px; }

/* 질답 */
.main_rgt_box .qa_box{width:297px; height:168px; padding:0 20px; float:left; position:relative; font-size:13px;}
.main_rgt_box .qa_box dt{color:#444; font-weight:bold; padding:12px 0 10px 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url('/lib/images/main/ico_q.gif') 0 14px no-repeat;}
.main_rgt_box .qa_box dd{color:#656565; height:40px; line-height:20px; padding-left:30px; background:url('/lib/images/main/ico_a.gif') 0 1px no-repeat;}
.main_rgt_box .qa_box .bx-controls {position:absolute; right:53px; top:29px;}

/* 팝업존 */
.main_rgt_box .popup_box{width:174px; height:168px; padding:0 20px; float:right; position:relative;}
.main_rgt_box .popup_box .popup_list{width:174px; height:85px; margin-top:15px;}
.main_rgt_box .popup_box .bx-controls {position:absolute; right:20px; top:29px;}

/* 슬라이더 */
.main_rgt_box .bx-controls-direction {float:right;}
.main_rgt_box .bx-controls-auto {float:left; margin-right:5px;}
.main_rgt_box .bx-controls-auto-item {float:left;}
.main_rgt_box .bx-controls .active{display:none !important;}
.main_rgt_box .bx-controls .bx-start {display: block; float:left; height:18px; width:18px; margin-top:1px; overflow: hidden; text-indent: -9999em; cursor: pointer; background:url('/lib/images/main/ico_start.gif') 0 0 no-repeat;}
.main_rgt_box .bx-controls .bx-stop {display: block; float:left; height:18px; width:18px; margin-top:1px; overflow: hidden; text-indent: -9999em; cursor: pointer; background:url('/lib/images/main/ico_stop.gif') 0 0 no-repeat;}
.main_rgt_box .bx-controls .bx-prev {display: block; float:left; height:18px; width:18px; overflow: hidden; text-indent: -9999em; cursor: pointer; border:solid 1px #bdc2c8; background:url('/lib/images/main/ico_prev.gif') 0 0 no-repeat;}
.main_rgt_box .bx-controls .bx-next {display: block; float:left; height:18px; width:18px; margin-left:-1px; overflow: hidden; text-indent: -9999em; cursor: pointer; border:solid 1px #bdc2c8; background:url('/lib/images/main/ico_next.gif') 0 0 no-repeat;}


/* 메인 공지사항 */
.mnotice{display:none; position:relative;}
.mnotice .notice_box
{
	position:relative; padding:20px 20px 20px;
	background:#fff;
	/* background:-webkit-linear-gradient(-50deg, #0095da, #34c29f);
	background:-moz-linear-gradient(-50deg, #0095da, #34c29f);
	background:linear-gradient(-50deg, #0095da, #34c29f); */
}
.mnotice .tit{display:none; position:relative; padding-bottom:5px; text-align:left;}
.mnotice .tit a{display:inline-block; position:relative; color:#145281; font-size:20px; font-weight:normal; line-height:130%; letter-spacing:-0.8px;}
.mnotice .notice_list{margin-bottom:10px;}
.mnotice .notice_list li{border-bottom:1px solid #d2e0eb;}
.mnotice .notice_list li:last-child{border-bottom:none;}
.mnotice .notice_list li a{display:block; position:relative; padding:9px 0 7px 8px;}
.mnotice .notice_list li a:after{content:""; position:absolute; left:0; top:18px; width:3px; height:3px; background:#808080; border-radius:50%;}
.mnotice .notice_list li a strong{display:block; line-height:150%; letter-spacing:normal; font-size:15px; font-weight:normal; color:#303030; overflow:hidden; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; transition:all .30s ease;}
.mnotice .notice_list li a span{display:none; line-height:150%; letter-spacing:normal; font-size:13px; color:#909090; font-weight:normal;}

.mnotice .more{display:block; padding:9px 20px 7px; text-align:center; color:#1fa2dc; font-size:13px; letter-spacing:-0.2px; line-height:135%; font-weight:normal; border:1px solid #1fa2dc; background:rgba(255,255,255,.5);}
.mnotice .more span, .mnotice .more i{vertical-align:middle;}
.mnotice .more i{margin-left:2px; margin-top:-1px; font-size:14px; color:#1fa2dc;}


.mside_banner{position:fixed; right:50%; top:201px; z-index:999; margin-right:-702px; display:none;}
.mside_banner .banner_list li{margin-top:10px; padding:5px; border:1px solid rgba(255,255,255,.3);}
.mside_banner .banner_list li:first-child{margin-top:0;}
.mside_banner .banner_box{display:block; text-align:center; box-sizing:border-box;}
.mside_banner .banner_box strong{color:#fff; letter-spacing:-0.2px; font-size:13px; line-height:150%; font-weight:300;}
.mside_banner .banner_box.kosf{width:75px; height:216px; padding:83px 5px 32px; background:url('/lib/images/main/mbanner_kosf.png') 50% 50% no-repeat; background-size:75px 216px;}


/*=================================================================================
* 서브페이지
=================================================================================*/

/*** 서브페이지 : 공통 ***/

/** 약관스타일 **/
.terms_wrap {padding:25px 30px; overflow-y:auto; border:1px solid #dbdbdb;}
.terms_wrap .term_tit {margin-bottom:30px; color:#333; font-weight: bold; font-size:16px;}
.terms_wrap .term_tit2 {font-weight:bold; font-size:13px; color:#333;}
.terms_wrap .term_cont {margin-bottom:30px;}
.terms_wrap .term_txt {margin-top:5px; margin-left:20px; font-size:13px; color:#333;}
.terms_wrap ul {margin:5px 0 0 20px;}
.terms_wrap ul ul {margin-left:0;}
.terms_check {margin-top:20px;}

/* 서브페이지 : 스팟 */
.sub_spot {margin-bottom:30px; height:110px; background:url('/lib/images/common/bg_sub_spot.png') 0 0 no-repeat;}
.sub_spot_inner {position:relative; width:1100px; margin:0 auto;}
.sub_spot h2 {position:absolute; left:0; top:40px; line-height:1; color:#fff; font-size:27px; font-weight:bold;}


/*** 서브페이지 : 계정 ***/

/* 로그인 - 전화경 */
.user_visual{padding:48px 0 64px 177px;}
.user_visual.type_login{background:url('/lib/images/account/img_login.jpg') 8px 35px no-repeat;}
.user_visual.type_id{background:url('/lib/images/account/img_id.jpg') 8px 35px no-repeat;}
.user_visual strong{font-size:21px; color:#333; letter-spacing:-1px}
.user_visual strong span{color:#1463a8;}
.user_visual p{font-size:13px; color:#555; line-height:18px; padding-top:8px;}

.tit_login{font-size:18px; color:#444; font-weight:bold; margin-bottom:12px}
.tit_login span{color:#1463a8;}

.user_box{border:solid 1px #c6c7c7; position:relative;}
.user_box .txt_user{font-size:13px; color:#555; line-height:18px;}
.user_box .txt_user strong{color:#010101;}

.user_box dl {overflow:hidden;}
.user_box dl dt{float:left; line-height:24px; height:24px; margin-top:7px; font-size:13px; color:#444; font-weight:bold;}
.user_box dl dd{margin-top:7px; height:24px;  }
.user_box dl dd input{height:22px; line-height:22px; padding:0 10px; border:solid 1px #dbdbdb}

.user_box.user_login{background:url('/lib/images/account/img_id02.jpg') 153px 30px no-repeat;}
.user_box.user_login .txt_user{padding:23px 0 0 340px;}
.user_box.user_login dl {width:248px; margin:23px 0 0 340px;}
.user_box.user_login dl dt{width:70px;}
.user_box.user_login dl dd {margin-left:70px;}
.user_box.user_login dl dd input{width:156px;}
.user_box .btn_login{position:absolute; top:89px; right:155px; width:95px; height:55px;}
.user_box .btn_login img{vertical-align:top;}
.user_box .type_btn{border-top:solid 2px #787e81; overflow:hidden; margin-top:30px;}
.user_box .type_btn li{float:left; font-weight:bold; font-size:13px; height:35px; line-height:35px; background:#f4f6f8; width:282px; border-right:solid 1px #e1e7ef; text-align:center;}
.user_box .type_btn li.last{border:none;}
.user_box .type_btn li a{color:#444;}
.user_box .type_btn li a:hover{color:#1463a8;}

/* 아이디,비밀번호찾기 - 전화경 */
.user_con{width:100%; overflow:hidden;}
.user_con .user_lft{width:460px; float:left;}
.user_con .user_lft .txt_user{margin:25px 0 0 44px;}
.user_con .user_lft dl{margin:22px 0 30px 44px}
.user_con .user_lft dl dt{width:65px;}
.user_con .user_lft dl dd {margin-left:65px;}
.user_con .user_lft dl dd input{width:180px;}
.user_con .btn_ok{position:absolute; top:90px; right:45px}
.user_con img{vertical-align:top;}

.user_con .user_rgt{width:460px; float:right}
.user_con .user_rgt .txt_user{margin:25px 0 0 44px;}
.user_con .user_rgt dl{width:171px; margin:22px 0 7px 44px}
.user_con .user_rgt dl dt{width:54px;}
.user_con .user_rgt dl dd input{width:95px;}
.user_con .btn_ok{position:absolute; top:90px; right:45px}
.user_con img{vertical-align:top;}
.user_con .btn_ipin{padding:0 0 27px 44px}
.user_con .btn_ipin li{margin-bottom:3px;}

.user_con .type_ipin01{background:url('/lib/images/account/img_ipin.jpg') 281px 64px no-repeat;}
.user_con .type_ipin02{background:url('/lib/images/account/img_ipin.jpg') 281px 42px no-repeat;}
.user_con .type_ipin02 .btn_ipin{padding-top:29px}

/* 아이디, 비밀번호 찾기결과 */
.account_find_result {margin-bottom:30px;}
.account_find_result .tit {font-size: 18px; color: #444; font-weight: bold; margin-bottom: 12px;}
.account_find_result .u {text-decoration: underline;}
.account_find_result .em {color:#e11f6d;}
.account_find_result .result_cont {padding:30px; text-align:center; border:1px solid #c6c7c7;}
.account_find_result .result_cont .txt1 {margin-bottom:30px; color:#333; font-size:18px;}
.account_find_result .result_cont .txt2 {font-size:13px;}

/* 회원가입 - 전화경 */
.join_list{border-top:solid 2px #787e81;}
.join_list dl{overflow:hidden; border-bottom:solid 1px #e1e7ef; height:64px;}
.join_list dl.last{border-bottom:solid 1px #c6c7c7}
.join_list dl dt{background:url('/lib/images/account/ico_join_list.gif') 20px 27px no-repeat; line-height:64px; font-size:14px; color:#555; font-weight:bold; padding-left:33px; float:left; width:107px;}
.join_list dl dd{font-size:13px; color:#555; line-height:18px; float:right; width:820px; display:table; height:64px;}
.join_list dl dd span{display:table-cell; vertical-align:middle;}

.join_link{border:solid 1px #c6c7c7; width:100%; overflow:hidden; margin:33px 0 26px; display:inline-block;}
.join_link div{width:50%; height:153px; border-left:solid 1px #c6c7c7; float:left; position:relative; background:url('/lib/images/account/img_join02.jpg') 44px 41px no-repeat; box-sizing:border-box;}
.join_link div.first{width:50%; border-left:none; background:url('/lib/images/account/img_join01.jpg') 39px 37px no-repeat;}
.join_link div strong{font-size:18px; color:#444; font-weight:bold; padding:65px 0 0 127px; display:block;}
.join_link div.first strong{padding-left:135px;}
.join_link div p{position:absolute; top:58px; right:47px}
.join_link div p img{vertical-align:top}

/* 가입완료 - 전화경 */
.join_step,
.join_step ul{overflow:hidden; height:79px;}
.join_step ul{background:url('/lib/images/account/bg_join_step.gif') 0 0 no-repeat;}
.join_step ul.step01{background-position:0 0;}
.join_step ul.step02{background-position:0 -80px;}
.join_step ul.step03{background-position:0 -160px;}
.join_step ul.step04{background-position:0 -240px;}

/* 회원가입 - 전문가 */
.join_step2 {margin-bottom:30px;}
.join_step2,
.join_step2 ul{overflow:hidden; height:79px;}
.join_step2 ul{background:url('/lib/images/account/bg_join_step2.gif') 0 0 no-repeat;}
.join_step2 ul.step01{background-position:0 0;}
.join_step2 ul.step02{background-position:0 -79px;}
.join_step2 ul.step03{background-position:0 -158px;}
.join_step2 ul.step04{background-position:0 -237px;}

.user_visual.type_join{background:url('/lib/images/account/img_join.jpg') 8px 43px no-repeat; padding-left:216px; margin-top:42px;}
.user_visual.type_join .btn{display:block; padding-top:19px;}
.user_visual.type_join .btn img{vertical-align:top}


/* 통합검색 - 전화경 */
.src_section .title_box {overflow:hidden; margin-bottom:10px;}
.src_section .title_box .tit2 {padding-bottom:0; color:#333; font-size:14px; display:inline-block;}
.src_section .title_box .txt_no {color:#333; font-size:14px; display:inline-block; font-weight:bold; padding-left:5px;}
.src_section .title_box .txt_no em{color:#498ac1;}
.src_section .section_btn{top:-31px;}
.src_section .btn{padding:3px 12px 5px;}

.src_section .src_con{border:solid 1px #e1e7ef; padding:14px 20px 16px;}
.src_section .src_con h6{font-size:13px; font-weight:bold; padding:11px 0 12px 0; color:#444;}
.src_section .src_con h6 a{color:#444;}
.src_section .src_con p{font-size:13px; color:#555; line-height:18px; padding:0 0 12px 0}
.src_section .src_con p.src_no{padding-top:11px; text-align:center;}

/* 사업관리 - 전화경 */
.txt_type{font-size:13px; color:#505050; line-height:155%;}
.txt_type li{position: relative; margin-bottom:2px;}
.txt_type li:last-child{margin-bottom:0;}

ol.txt_type li{margin-top:0px;}
.txt_type li li{font-size:13px; color:#767676; line-height:19px; margin-top:0px;}
.txt_type li li span{font-size:13px; color:#d5115f;}

.tit3{font-size:14px; color:#333; font-weight:bold; margin-bottom:13px;}

/* .rcmd_step{width:100%; height:315px; position:relative;} */
.rcmd_step{width:100%; height:490px; position:relative;}
.rcmd_step li{float:left; padding-right:46px; background:url('/lib/images/introduce/ico_rcmd_step.gif') 183px 54px no-repeat;}
.rcmd_step li.step01{}
.rcmd_step li.step02{background-position: 203px 54px;}
.rcmd_step li.step04{padding:0 0 49px 0; background-position:-51px 146px;}
.rcmd_step li.step05{padding:0 0 0 46px; position:absolute; bottom:180px; right:0; background-position:-238px 54px;}
.rcmd_step li.step06{padding:0 0 0 46px; position:absolute; bottom:180px; right:219px; background-position:-238px 54px;}
.rcmd_step li.step07{padding:0 0 0 46px; position:absolute; bottom:180px; left:173px; background-position:-238px 54px;}
.rcmd_step li.step08{padding:0 0 49px 0; position:absolute; bottom:131px; left:0; background-position:-51px 146px;}

.rcmd_step li.step09{padding:0 46px 0 0 ; position:absolute; bottom:0; left:0;}
.rcmd_step li.step10{padding:0 46px 0 0 ; position:absolute; bottom:0; left:219px; background-position: 200px 54px;}
/* .rcmd_step li.step11{padding:0 46px 0 0 ; position:absolute; bottom:0; right:173px;} */
.rcmd_step li.step11{padding:0 0 0 0 ; position:absolute; bottom:0; right:219px;}
.rcmd_step li.step12{padding:0 0 0 0; position:absolute; bottom:0; right:0; }


.rcmd_step li p{border-radius:5px; border:solid 1px #d5e0e1; text-align:center; width:171px; background:#fff;}
.rcmd_step li p strong{display:block; font-size:15px; color:#4d595a; font-weight:bold; background:#d5e0e1; height:64px; line-height:64px;}
.rcmd_step li p span{display:block; font-size:15px; color:#555; height:67px; line-height:67px;}


/*** 서브페이지 : 정책 ***/

/* 이용약관 - 전화경 */
.con_policy h4{font-size:15px; color:#08509d; font-weight:bold;}
.con_policy h5{font-size:13px; color:#08509d; font-weight:bold; padding:11px 0 1px 20px;}
.con_policy p{font-size:13px; color:#8d8d8d; line-height:22px; margin-left:20px; letter-spacing:-1px;}
.con_policy p strong{color:#333;}
.con_policy ol li{font-size:13px; color:#8d8d8d; line-height:22px; text-indent:-13px; padding-left:45px; letter-spacing:-1px;}
.con_policy ol li li{padding-left:10px;}
.con_policy .email_box{width:814px; height:164px; margin:37px 0; padding-left:34px; border-radius:5px; border:solid 1px #d5e0e1; background:url('/lib/images/policy/img_email.gif') 716px 39px no-repeat;}
.con_policy .email_box dt{font-size:18px; color:#333; padding-left:33px; background:url('/lib/images/policy/ico_email.gif') 0 5px no-repeat; margin:29px 0;}
.con_policy .email_box dd{font-size:13px; color:#8d8d8d; line-height:21px;}
.con_policy .email_box dd span{color:#cc3300;}
.con_policy .info_list li{font-size:13px; color:#333; font-weight:bold; line-height:21px; text-indent:0; padding-left:20px; padding-bottom:10px;}
.con_policy .info_list li p{color:#8d8d8d; font-weight:normal; margin:0}
.con_policy .info_list li li{color:#8d8d8d; font-weight:normal; line-height:22px; padding:0}
.con_policy .hyphen_list li{text-indent:-6px; padding-left:6px; color:#8d8d8d; font-weight:normal; line-height:22px;}
.con_policy .info_list .etc_mgl118{margin-left:118px; display:block;}




/*=================================================================================
* 사업신청
=================================================================================*/

/** 과제협약 **/

.wagreement {margin-left:-40px; overflow:hidden;}
.wagree_box {float:left; width:33.33%; background:url('/lib/images/admin/page/agrem/bu_wag_arrow.png') 12px 170px no-repeat;}
.wagree_box.first {background:none;}
.wagree_box .wagree_cont {min-height:312px; margin-left:40px; padding:35px 0; border:1px solid #e1e7ef;}
.wagree_box .wagree_cont .cont_inner {width:80%; margin:0 auto;}
.wagree_box .wagree_check {margin-bottom:15px;}
.wagree_box .wagree_person {margin-bottom:15px;}
.wagree_box .wagree_tit {margin-bottom:30px; text-align:center;}
.wagree_box .wagree_form {text-align:center;}
.wagree_box .wagree_form p {margin-bottom:5px;}
.wagree_box .wagree_form .text {width:90%; margin-bottom:5px;}

.wagree_half .wagree_box {width:50%;}
.wagree_half .wagree_box:first-child {background:none;}

.wagree_sum{background:#f8f8f8; padding:10px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align:center;}
.wagree_sum .wagree_box {float:none; width:350px; margin:0 auto;}
.wagree_sum .wagree_box:first-child {background:none;}
.wagree_sum .wagree_cont {margin-left:0; background:#fff;}
.wagree_sum .wagree_tit{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.wagree_sum .wagree_tit img{margin-left:5px;}
.wagree_sum .wagree_tit .tit{display:block; margin-top:5px; font-size:18px; font-weight:300; color:#303030; letter-spacing:-0.5px; line-height:135%;}


/*=================================================================================
* 기타 - 문자보내기
=================================================================================*/
.sms_wrap {margin-bottom:30px; overflow: hidden;}
.sms_wrap .sms_form {position:relative; float:left; width:360px; height:385px; padding:20px; border:1px solid #e1e7ef;}
.sms_wrap .sms_form:after {content:''; display:block; position:absolute; right:-40px; top:50%; width:16px; height:27px; margin-top:-18px; background:url('/lib/images/admin/sms/bu_arrow.png') 0 0 no-repeat;}
.sms_wrap .sms_form .form_group {margin-top:25px;}
.sms_wrap .sms_form .form_group:first-child {margin-top:0;}
.sms_wrap .sms_form .form_group h2 {margin-bottom:15px; line-height:1; color:#555; font-size:15px;}
.sms_wrap .sms_form .form_group.group_message .sample_sms {margin-bottom:5px; height:72px; overflow-y: auto;}
.sms_wrap .sms_form .form_group.group_message .item_text {padding:5px; border:1px solid #dbdbdb;}
.sms_wrap .sms_form .form_group.group_message .item_text img{display:inline-block; vertical-align:middle; margin:1px}
.sms_wrap .sms_form .form_group.group_message .item_text textarea {width:100%; height:90px; border:0 none; resize:none;}
.sms_wrap .sms_form .form_group.group_message .btn_pack .btn{margin:1px 0;}

.sms_wrap .sms_form .form_group.group_reciver {}
.sms_wrap .sms_form .form_group.group_reciver .text {width:294px;}
.sms_wrap .sms_form .form_group.group_reciver .btn {width:50px;}
.sms_wrap .sms_form .form_group.group_sender {}
.sms_wrap .sms_form .form_group.group_sender .text {width:348px;}
.sms_wrap .sms_preview {float:right; width:362px; height:362px; padding:65px 19px 0 19px; background:url('/lib/images/admin/sms/bg_preview.png') 0 0 no-repeat;}
.sms_wrap .sms_preview .number_list {overflow:hidden;}
.sms_wrap .sms_preview .number_list li {float:left; margin-right:5px;}
.sms_wrap .sms_preview .preview_cont {height: 313px; padding:0 20px; overflow-y:auto;}
.sms_wrap .sms_preview .preview_group {padding:20px 0; border-bottom:1px solid #e1e7ef;}
.sms_wrap .sms_preview .preview_group h2 {margin-bottom:15px; line-height:1; color:#555; font-size:15px;}


/*=================================================================================
* 평가위원
=================================================================================*/
/** 평가등록 **/
.ea_place{position:relative; padding:25px; overflow:hidden; border:1px solid #ebebeb}
.ea_place .place_inner{position:relative; padding:0 120px}
.ea_place .place_area{position:relative; margin-left:-5px}
.ea_place .place_area:after {content:''; display:block; clear:both}
.ea_place .place_area li{position:relative; float:left; width:25%}
.ea_place .place_area li:nth-child(n+1):nth-child(-n+4) .ea_box_g2:first-child{margin-bottom:5px}

.ea_place .ea_box_g1{position:absolute; top:0; width:115px; height:100%; padding-top:22px; text-align:center; box-sizing:border-box}
.ea_place .ea_box_g1.ty1{left:0; background:#0084cb; border-radius:4px 0 0 4px}
.ea_place .ea_box_g1.ty2{right:0; background:#ff7875; border-radius:0 4px 4px 0}
.ea_place .ea_box_g1 i{display:block; font-size:22px; margin-bottom:6px; color:rgba(255,255,255,.8)}
.ea_place .ea_box_g1 > .box_tit{display:inline-block; font-size:13px; font-weight:300; color:#fff; letter-spacing:-0.5px; line-height:130%;}

.ea_place .ea_box_g2{position:relative; margin-left:5px; padding:12px 5px; background:#c6dbe8; color:#396681; text-align:center; border-radius:4px; box-sizing:border-box}
.ea_place .ea_box_g2 > .box_tit{display:inline-block; font-size:13px; font-weight:300; letter-spacing:-0.5px; line-height:130%}

.ea_place .place_area li:nth-child(1) .ea_box_g2{border-radius:0 4px 4px 0}
.ea_place .place_area li:nth-child(4) .ea_box_g2{border-radius:4px 0 0 4px}


/** 평가로그인 **/
.ea_login{position:relative; width:500px; margin:0 auto; padding:60px 60px 50px; border:1px solid #ddd; box-sizing:border-box}
.ea_login .login_tit{position:relative; margin-bottom:20px; text-align:center}
.ea_login .login_tit i{position:relative; display:inline-block; font-size:32px; color:#396681; margin-bottom:10px; width:60px; height:60px; line-height:60px; border-radius:50%; background:#edf2f5}
.ea_login .login_tit i:after{content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:16px; position:absolute; right:-10px; top:-10px; width:30px; height:30px; line-height:30px; color:#fff; border-radius:50%; background:#0084cb}
.ea_login .login_tit .tit_info{line-height:150%; color:#707070; text-align:center; font-size:14px; letter-spacing:normal; font-weight:300}

.ea_login .login_form .inputxt_real{display:block; position:relative; height:42px; border:1px solid #ddd; vertical-align:middle; border-radius:3px 3px 0 0}
.ea_login .login_form .inputxt_real input{width:100%; height:40px; line-height:40px; margin:0; border:0; padding:1px 0; text-align:center; font-size:16px; color:#303030; font-weight:300; background:#fff; text-indent:10px; border-radius:3px 3px 0 0}
.ea_login .confirm{display:block; position:relative; border:0; padding:0; margin:0; margin-top:-1px; width:100%; height:44px; line-height:44px; font-weight:normal; font-size:13px; letter-spacing:-0.8px; text-align:center; color:#fff; cursor:pointer; border-radius:0 0 3px 3px; box-sizing:border-box; background:#0084cb}
.ea_login .confirm i{display:inline-block; margin-right:2px; font-size:15px; vertical-align:middle}
.ea_login .confirm span{vertical-align:middle}

/** 평가 가상키보드 **/
#keyboard_box {position:fixed; bottom:0; right:0; left:0; background:#515b75;}
.keyboardbg {width:1240px; height:289px; margin:0 auto; padding:30px 50px 0; box-sizing:border-box;}
.key_box{float:left}
.key_box .key li{padding:0 0 4px 0; overflow:hidden;}
.key_box .key li .tab,
.key_box .key li .del,
.key_box .key li .alt,
.key_box .key li .ctrl,
.key_box .key li .space,
.key_box .key li .enter,
.key_box .key li .capslock,
.key_box .key li .shift{display:inline-block; float:left; height:56px; line-height:56px; margin:0 4px 0 0; text-align:center; color:#fff; font-size:14px; font-weight:normal; border-radius:2px; border:2px solid #202a42; background-color:#202a42; box-sizing:border-box; vertical-align:top; cursor:pointer}
.key_box .key li .touch {display:inline-block; float:left;  width:57px; height:56px; line-height:56px; margin:0px 4px 0 0; text-align:center; font-weight:normal;  background:#3d4864; color:#fff; font-size:14px; border-radius:2px; box-sizing:border-box; vertical-align:top; cursor:pointer}
.key_box .key li .tab {width:75px;}
.key_box .key li .del {width:83px;}
.key_box .key li .alt {width:75px;}
.key_box .key li .ctrl {width:75px;}
.key_box .key li .space {width:517px;}
.key_box .key li .enter {width:110px;}
.key_box .key li .capslock {width:110px;}
.key_box .key li .shift {width:140px;}

.keynum_box{float:right}
.keynum_box .key_num li{padding:0 0 4px 0; overflow:hidden;}
.keynum_box .key_num li .touch {display:inline-block; float:left; width:57px; height:56px; line-height:56px; margin:0px 4px 0 0; text-align:center; font-weight:normal;  background:#3d4864; color:#fff; font-size:14px; border-radius:2px; box-sizing:border-box; vertical-align:top; cursor:pointer}
.keynum_box .key_num li .touch.empty_key {opacity:0;}


/*=================================================================================
* 섭외정보
=================================================================================*/
/** 참석 불참석 버튼 **/
.ac_confirm{display:inline-block; position:relative; border:0; padding:0; margin:0; width:120px; height:46px; line-height:46px; font-weight:300; font-size:15px; letter-spacing:-0.8px; text-align:center; color:#fff; cursor:pointer; border-radius:3px; box-sizing:border-box}
.ac_confirm.info{background:#0084cb}
.ac_confirm.danger{background:#ff7875}
.ac_confirm i{display:inline-block; margin-right:2px; font-size:18px; vertical-align:middle}
.ac_confirm span{vertical-align:middle}


/* 메모장 */
.memo_wap{background:#edf2f5; border:1px solid #515b75; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.18); box-sizing:border-box; z-index:99999999}
.memo_area{position:relative; background:url('/lib/images/common/memo_line.png') 0 0 repeat; border-top:5px solid #515b75}
.memo_area:before{content:""; position:absolute; left:20px; top:0; height:100%; width:1px; background:#f6b5b5}
.memo_area textarea{display:block; border:0; padding:20px 25px; background:none; color:#303030; font-size:13px; line-height:135%; outline:none; border-radius:0; box-sizing:border-box; resize:none}
.memo_close{display:inline-block; position:absolute; right:-1px; top:-29px; width:27px; height:27px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer; text-align:center; background:rgba(81,91,117,1)}
.memo_close i{font-size:16px; color:#fff; line-height:28px}


/* 노데이터 영역 컨텐츠 */
.cont_blank{position:relative; padding:50px 60px 45px; border-top:2px solid #787e81; border-bottom:1px solid #ebebeb; box-sizing:border-box}
.cont_blank .blank_tit{position:relative;  text-align:center}
.cont_blank .blank_tit i{position:relative; display:inline-block; font-size:42px; color:#396681; margin-bottom:10px; width:80px; height:80px; line-height:80px; border-radius:50%; background:#edf2f5}
.cont_blank .blank_tit i:after{content:"\f002"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:20px; position:absolute; right:-10px; top:-10px; width:40px; height:40px; line-height:40px; color:#fff; border-radius:50%; background:#0084cb}
.cont_blank .blank_tit .tit_info{line-height:150%; color:#606060; text-align:center; font-size:18px; letter-spacing:-1px; font-weight:normal}


/* 섹션 토글 그룹핑 */
 .section_group{position:relative; margin-bottom:30px;}
 .section_group .section_tg{display:none;}
.section_group .section_tg .section{margin-bottom:0;}
 .section_group .tgbtn_open
{
	display:inline-block; margin:0; margin-left:2px; padding:0; color:#416f8a; text-align:center; vertical-align:middle; background:none; border:1px solid #c6dbe8;
	width:24px; height:22px; line-height:22px; letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .30s ease; font-size:14px; box-sizing:border-box;
}
 .section_group .tgbtn_open i{line-height:20px; vertical-align:top; transform: rotate(0deg); transition: all .30s ease;}
 .section_group .tgbtn_open.active i{transform: rotate(-180deg);}
 .section_group .tgbtn_close
{
	display:inline-block; position:absolute; left:10px; bottom:-1px; margin:0; padding:0; color:#416f8a; text-align:center; vertical-align:middle; background:#c6dbe8; border:1px solid #c6dbe8; border-bottom:1px solid #9bbfd4;
	width:24px; height:22px; line-height:22px; letter-spacing:-0.5px; border-radius:2px 2px 0 0; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .30s ease; font-size:14px; box-sizing:border-box;
}
 .section_group .tgbtn_close i{line-height:20px; vertical-align:top; transform: rotate(-180deg);}


  /* 섹션 토글 그룹핑 Mobile */
 .msection_group{position:relative; margin-bottom:30px;}
 .msection_group .msection_tg{display:block;}
 .msection_group .msection_tg .section{margin-bottom:0;}
 .msection_group .mtgbtn_open
{
	display:none; margin:0; margin-left:2px; padding:0; color:#416f8a; text-align:center; vertical-align:middle; background:none; border:1px solid #c6dbe8;
	width:24px; height:22px; line-height:22px; letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .30s ease; font-size:14px; box-sizing:border-box;
}
 .msection_group .mtgbtn_open i{line-height:20px; vertical-align:top; transform: rotate(0deg); transition: all .30s ease;}
 .msection_group .mtgbtn_open.active i{transform: rotate(-180deg);}


 /* 로그인 */
.sf_login{position:relative; border:1px solid #ebebeb; background:#f8f8f8}
.sf_login .login_top{position:relative; padding-top:55px; padding-bottom:55px; text-align:center; box-sizing:border-box}
.sf_login .top_inner{position:relative; padding-left:342px; display:inline-block;}
.sf_login .top_inner:after{content:""; position:absolute; left:0; top:-10px; width:292px; height:169px; background:url('/lib/images/common/login_bg.png') 50% 50% no-repeat;}

.sf_login .login_form .inputxt_real{display:block; position:relative; height:42px; border:1px solid #ddd; vertical-align:middle; border-radius:0; border-radius:2px;}
.sf_login .login_form .inputxt_real label{position:absolute; left:0; top:0; width:41px; height:100%; border-right:1px solid #ebebeb; text-align:center; font-size:16px; color:#909090; box-sizing:border-box; padding-top:11px;}
.sf_login .login_form .inputxt_real input{width:310px; height:40px; line-height:40px; margin:0; border:0; padding:1px 0; text-align:left; font-size:13px; color:#303030; font-weight:normal; background:#fff; text-indent:55px;}
.sf_login .login_form .inputxt_real input::-webkit-input-placeholder{color:#a4a4a4;}
.sf_login .login_form .inputxt_real input:-ms-input-placeholder{color:#a4a4a4;}
.sf_login .login_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.sf_login .login_form .inputxt_real input::-moz-placeholder{color:#a4a4a4;}
.sf_login .login_form .inputxt_real input[disabled]{background:#f2f4f5;}
.sf_login .login_form .inputxt_real input[readonly]{background:#f2f4f5;}
.sf_login .login_form .inputxt_real.id{margin-bottom:2px;}
.sf_login .login_form .inputxt_real.password{margin-bottom:5px;}

.sf_login .top_inner .confirm{display:block; background:#0095da; border:0; padding:0; margin:0; height:43px; line-height:43px; font-weight:300; font-size:14px; letter-spacing:-1px; text-align:center; border-radius:2px; color:#fff; cursor:pointer; box-sizing:border-box; transition:all .45s ease;}
.sf_login .top_inner .confirm i{display:inline-block; margin-right:3px; font-size:16px; vertical-align:middle;}
.sf_login .top_inner .confirm span{vertical-align:middle;}
.sf_login .top_inner .confirm:hover{box-shadow:0 4px 20px 0 rgba(0,149,218,0.8);}

.sf_login .top_inner .confirm.admin{margin-top:2px; background:#74a0c5}
.sf_login .top_inner .confirm.admin:hover{box-shadow:0 4px 20px 0 rgba(116,160,197,0.8);}

.sf_login .login_link{position:relative; border-top:1px solid #ebebeb; background:#fff;}
.sf_login .login_link:after{content:''; display:block; clear:both;}
.sf_login .link_list li{float:left; width:33.333333%; padding:20px 50px; text-align:center; box-sizing:border-box}
.sf_login .link_list li .link_info{display:inline-block; margin-bottom:11px; line-height:150%; color:#808080; font-size:13px;}
.sf_login .link_list li a{display:block; padding:9px 0; line-height:150%; color:#606060; font-size:13px; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd; letter-spacing:-0.2px; border-radius:2px; font-weight:normal;}


 /* 멤버관련 타이틀 메세지 */
.mber_msg{position:relative; text-align:center; margin-bottom:45px;}
.mber_msg .msg_tit{display:inline-block;  margin-bottom:12px; font-size:22px; line-height:150%; letter-spacing:-0.5px; font-weight:300; color:#404040;}
.mber_msg .msg_tit span{color:#24a0db;}
.mber_msg .msg_detail{font-size:13px; line-height:150%; font-weight:normal; color:#707070;}


 /* 추진단 스마트공장 교육 사업 */
.edu_box{position:relative; background: url('/lib/images/contents/education_top_img_bg.gif') 50% 50% no-repeat; padding-bottom:15px; margin-bottom:15px; border:1px solid #ebebeb; height:310px;}
.edu_box p{position:absolute; top:120px; right:20px; width:630px; box-sizing:border-box; text-align:left !important;  word-break: keep-all; background:#f9f9f9; border:1px solid #d2d2d2; padding:25px 26px; font-size:15px; line-height:26px; color:#4d4d4d;}
.edu_box p span{color:#f44336;}


 /* 탭 컨트롤 */
.selected_cont .selected_inner{display:none;}
.selected_cont .selected_inner.on{display:block;}


/* 통계 탭 */
.statis_tab{position:relative; border-bottom:1px solid #ddd;}
.statis_tab ul{position:relative; margin-bottom:-1px; margin-left:-2px; overflow:hidden;}
.statis_tab ul li{float:left;}
.statis_tab ul li .inner{margin-left:2px}
.statis_tab ul li button{display:block; position:relative; width:100%; padding:10px 15px 7px; background:#f8f8f8; border:1px solid #ddd; border-radius:2px 2px 0 0; color:#808080; text-align:center; font-size:12px; letter-spacing:-0.2px; line-height:140%; font-weight:normal; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  cursor:pointer; transition:all .30s ease; box-sizing:border-box;}
.statis_tab ul li button:hover, .statis_tab ul li button.active{background:#fff; border:1px solid #b4b4b4;}
.statis_tab ul li button.active{border-bottom:1px solid #fff; color:#202020; font-weight:300;}

.statis_tab ul li a{display:block; position:relative; width:100%; padding:10px 15px 7px; background:#f8f8f8; border:1px solid #ddd; border-radius:2px 2px 0 0; color:#808080; text-align:center; font-size:12px; letter-spacing:-0.2px; line-height:140%; font-weight:normal; cursor:pointer; transition:all .30s ease; box-sizing:border-box;}
.statis_tab ul li a:hover, .statis_tab ul li a.active{background:#fff; border:1px solid #b4b4b4;}
.statis_tab ul li a.active{border-bottom:1px solid #fff; color:#202020; font-weight:300;}


/* 통계 뷰타입 */
.statis_view{display:inline-block; vertical-align:middle;}
.statis_view:after{content:''; display:block; clear:both;}
.statis_view > li{position:relative; float:left; margin-left:-1px;}
.statis_view > li:first-child{margin-left:0;}
.statis_view > li.active, .statis_view > li:hover{z-index:1;}
.statis_view .view_btn
{
    display:inline-block; margin:0; padding:0;
    color:#666; text-align:center; vertical-align:middle; background:#f4f6f8; border:1px solid #c6c7c7; width:30px; height:30px; line-height:30px;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:0; font-size:16px;
	box-sizing:border-box;
}
.statis_view .view_btn.small{font-size:14px; width:22px; height:22px;}
.statis_view .view_btn.small i{line-height:20px;}
.statis_view > li .view_btn.active, .statis_view > li .view_btn:hover{background:#0084cb; border:1px solid #0084cb; color:#fff;}


/* 통계 테이블  */
.statis_table_wrap{position:relative; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.table_statis {width:100%; table-layout:fixed; border-collapse:collapse;}
.table_statis img{vertical-align:middle;}
.table_statis th,
.table_statis td {text-align:center; word-break:break-all}
.table_statis thead th {border-left:1px solid #d2e0eb; background-color:#f1f5f8; color:#404040;}
.table_statis tbody th {background-color:#f1f5f8;}
.table_statis tbody td {border-left:1px solid #d2e0eb; font-size:13px}
.table_statis th {border-bottom:solid 1px #d2e0eb; background:#f1f5f8; color:#202020; font-size: 13px; font-weight:300; padding:9px 10px; height: 21px;}
.table_statis td {border-bottom:solid 1px #d2e0eb; background:#fff; color:#606060; padding:8px 10px; height: 21px;}
.table_statis tr:hover td {background-color:#f1f5f8;}
.table_statis tr a {text-decoration:underline;}
.table_statis .attach {display:inline-block; padding-left:25px; background:url('/lib/images/icon/ico_file.gif') 0 0 no-repeat}
.table_statis .keypointTd {background-color:#f1f5f8;}
.table_statis .keypointTd {background-color:#f1f5f8;}




/* 마이페이지 테이블 개별 컨트롤 */
.mmy_ctrl0101{display:none}
.mmy_ctrl0102{display:block}
.mmy_ctrl0201{display:block}
.mmy_ctrl0202{display:none}
.mmy_ctrl0301{display:block}
.mmy_ctrl0302{display:none}
.mmy_ctrl0401{display:block}
.mmy_ctrl0402{display:none}
.mmy_ctrl0501{display:block}
.mmy_ctrl0502{display:none}
.mmy_ctrl0601{display:block}
.mmy_ctrl0602{display:none}
.mmy_ctrl0701{display:block}
.mmy_ctrl0702{display:none}
.mmy_ctrl0801{display:block}
.mmy_ctrl0802{display:none}


/* info_box */
.info_box01{position:relative; padding:15px; background:#f1f5f8}
.info_box01:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#74a0c5;}
.info_box01.bright:before{left:auto; right:0}


/* tab_target */
.tab_target_ty1{position:relative; padding:15px; border:1px solid #d2e0eb;  background:#f1f5f8;}
.tab_target_ty1 ul{margin-left:-20px; margin-top:-3px; overflow:hidden;}
.tab_target_ty1 ul li{position:relative; float:left; width:33.3333%; margin-top:3px;}
.tab_target_ty1 ul li a{display:block; position:relative; color:#606060; letter-spacing:-0.2px; padding:11px 18px 10px; line-height:140%; font-size:13px; border:1px solid #d2e0eb; margin-left:20px; background:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tab_target_ty1 ul li a:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; margin-top:-1px; background:#808080;}
.tab_target_ty1 ul li.active a{color:#547086; border:1px solid #547086; background:#fff;}


/* screen_loading */
.screen_loading {position:fixed; margin:auto; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:99999;}
.screen_loading:before {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.4);}

.screen_loader_wrap{position:absolute; left:50%; top:50%; width:120px; height:120px; margin-left:-60px; margin-top:-60px; border-radius:50%; background:rgba(81,91,117,.7);}
.screen_loader_wrap:before{content:''; position:absolute; width:120px; height:120px; top:0; left:0; background:url('../images/common/loader_emblem.png') 32px 32px no-repeat; background-size:60px 56px;}
.screen_loading .loader_circle
{
	border:4px solid #fff; border-top:4px solid #0f9ee0; border-radius:50%; width:100px; height:100px; animation:spin 1s linear infinite; position:absolute; left:50%; top:50%; margin-top:-50px; margin-left:-50px; box-sizing:border-box;}
@keyframes spin{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}

.screen_loader_wrap:before
{
    -webkit-animation: loader_symbol alternate-reverse ease .4s infinite forwards;
    -moz-animation: loader_symbol alternate-reverse ease .4s infinite forwards;
    -o-animation: loader_symbol alternate-reverse ease .4s infinite forwards;
    animation: loader_symbol alternate-reverse ease .4s infinite forwards;
}
@-webkit-keyframes loader_symbol{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes loader_symbol{0%{ opacity:0;} 100%{opacity:1;}}
@-o-keyframes loader_symbol{0%{opacity:0;} 100%{opacity:1;}}
@keyframes loader_symbol{0%{opacity:0;} 100%{opacity:1;}}








/* 구축우수사례 */
.bestpractices_list .tabs{display:flex; flex-wrap:wrap; width:100%;}
.bestpractices_list .tabs label{position:relative; width:16.6666%; order:1; display:block; padding:8px 0; text-align:center; letter-spacing:-0.8px; cursor:pointer;  background:#fff; font-size:15px; font-weight:300; box-sizing: border-box; color:#707070; margin-bottom:30px;}

.bestpractices_list .tabs .tab {order:99; flex-grow:1; width:100%;  display: none;}
.bestpractices_list .tabs input[type="radio"] {display: none;}

.bestpractices_list .tabs input[type="radio"]:checked + label{color:#1fa2dc; display: block;  border-bottom:2px solid #1fa2dc; box-sizing:border-box;}
.bestpractices_list .tabs input[type="radio"]:checked + label:after{content:""; width:0px; height:0; position:absolute; left:50%; bottom:-10px; margin-left:-5px; border-top:10px solid #1fa2dc; border-bottom:10px solid none; border-right: 10px solid transparent; border-left: 10px solid  transparent;}
.bestpractices_list .tabs input[type="radio"]:checked + label + .tab{ display: block; }

.bestpractices_list .tab-content{display: none; padding: 15px 0; box-sizing: border-box; width:100%;}
.bestpractices_list .tab-content.on{display: inherit;}

.bestpractices_list .tabinnertit {display:inline-block; position:relative; margin-bottom:15px;  line-height:1; color:#25a1db; font-size:18px; padding-left:12px; letter-spacing:-1px; vertical-align:middle; font-weight:normal}
.bestpractices_list .tabinnertit:before{content:""; position:absolute; left:0; top:-1px; width:3px; height:18px; background:#1fa2dc}

.bestpractices_list .list_wrap{position:relative;}
.bestpractices_list .list_wrap ul{overflow:hidden; margin-left:-20px; margin-top:-20px;}
.bestpractices_list .list_wrap ul li{float:left; width:33.33333%}

.bestpractices_list .list_wrap ul li .list_box{display:block; margin-left:20px; padding:20px; margin-top:20px; border:1px solid #ebebeb; box-sizing:border-box;}
.bestpractices_list .list_wrap .thmb{overflow:hidden;}
.bestpractices_list .list_wrap .thmb img{width:100%; height:auto; transition:all 4s ease}
.bestpractices_list .list_wrap ul li .list_box:hover .thmb img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.bestpractices_list .list_wrap .galtxtwrap{margin-top:15px;}
.bestpractices_list .list_wrap .galtxtwrap strong{display:block; line-height:135%; color:#202020; font-size:16px; font-weight:300; letter-spacing:-0.2px; margin-bottom:10px;}
.bestpractices_list .list_wrap .galtxtwrap p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height:135%; color:#707070; font-size:14px; letter-spacing:-0.2px; height:38px;  overflow: hidden;  text-overflow: ellipsis;}
.bestpractices_list .tabs{display:flex; flex-wrap:wrap; width:100%;}

.bestpractices_detail{display:none; border-bottom:1px solid #ddd; margin-bottom:20px;}
.bestpractices .tabinnertit-tit { font-size: 28px; font-weight: 300; color: #303030; margin-bottom: 10px;}
.bestpractices .bp-text {font-size: 24px; color: #444; font-weight: 500; margin-bottom: 10px;}
.bestpractices table tr th {background-color: #e4ebf2;border-bottom: 1px solid #bfbfbf; font-size: 16px; font-weight: 300; padding: 15px; box-sizing: border-box;}
.bestpractices table tr td { border-bottom: 1px solid #bfbfbf; font-size: 16px; padding: 15px; box-sizing: border-box;}
.bestpractices table  {border-collapse:collapse; width: 100%; border-top: 3px solid #74a0c5; margin-bottom: 30px;}

.bestpractices .infobox {text-align:center;}
.bestpractices .infobox > li {width: 120px; display: inline-block; border: 1px solid #0e273d;border-collapse:collapse; height: 140px; vertical-align: top; text-align: center; margin-right: 15px; margin-bottom: 30px;}
.bestpractices .infobox > li:last-child {margin-right: 0;}
.bestpractices .infobox > li > ul > li:first-child {color: #fff; background-color: #0e273d; font-style: normal; font-size: 16px; font-weight: 300; padding: 15px;}
.bestpractices .infobox > li > ul > li:last-child {padding: 5px; font-size: 16px; font-weight: 300; color: #444; box-sizing: border-box; }
.bestpractices .infobox > li > ul > li:last-child span {font-size: 13px; color: #777;}
.bestpractices .bp-text-center {text-align: center; font-size: 24px; font-weight:600; color: #333; margin:10px 0;}
.bestpractices .bp-text-center img{margin-right:10px; margin-bottom:-7px;}
.bestpractices .textframe {color:#ff6600; width:90%; margin-top:-25px; margin-bottom:40px; margin-left:auto; margin-right:auto; text-align:center;}
.bestpractices .textframe p{font-size: 20px; border-bottom: solid 1px #ffc299; padding-bottom: 3px; display: inline; line-height:1.7; text-align:justify;}
.bestpractices .textframe.st2{margin-top:40px;}
.bestpractices p {font-size: 18px; font-weight: 500; line-height: 26px;}
.bestpractices p img { float: left; margin-right: 30px;}
.bestpractices .img {text-align: center; margin-bottom: 15px;}
.bestpractices .imgbox {text-align:center; margin-bottom: 20px;}
.bestpractices p:after {content: ""; clear: both; display: block;}
.bestpractices div .left {float: left; margin-right: 30px;}
.bestpractices div .right div {color: #333;}
.bestpractices div .right .smartinterview {font-size: 16px; font-weight: 500; margin-top: 30px;}
.bestpractices div .right .interview span {font-size: 24px; font-weight: 600; }
.bestpractices div .right .interview {font-size:18px; font-weight: 500;}
.bestpractices div {margin-bottom: 60px;}
.bestpractices p { margin-bottom: 50px}
.bestpractices .bp-text2 { text-align: left; font-size: 20px;font-weight: 500; margin-bottom: 0px;}
.bestpractices .thmb {margin-bottom: 0;}
.bestpractices .textboxblue, .bestpractices .textboxpeach, .bestpractices .textboxgreen {margin-bottom: 50px;}
.bestpractices .textboxblue p, .textboxpeach p, .textboxgreen p{margin-bottom: 0;}
.bestpractices .textboxblue div, .bestpractices .textboxpeach div, .bestpractices .textboxgreen div {margin-bottom: 0;}
.textboxblue:after {content: '';display: block;width: 30px;height: 90px;background:#c4e4ff;position: absolute;top: -45px; right: 90px;}
.textboxpeach:after {content: '';display: block;width: 30px;height: 90px;background:#ffceaa;position: absolute;top: -45px; right: 90px;}
.textboxgreen:after {content: '';display: block;width: 30px;height: 90px;background:#80d6bd;position: absolute;top: -45px; right: 90px;}

.bestpractices .textboxblue { background-color: rgba(228,235,242,0.5); padding: 20px 65px; box-sizing: border-box; height: 100%; position: relative; margin-top: 90px;}
.bestpractices .textboxpeach { background-color: rgba(242,234,228,0.5); padding: 20px 65px; box-sizing: border-box; height: 100%; margin-bottom: 80px; position: relative;}
.bestpractices .textboxgreen { background-color: rgba(228,242,238,0.5); padding: 20px 65px; box-sizing: border-box; height: 100% ; margin-bottom: 80px; position: relative;}
.bestpractices .textboxblue .right .interview {background: url(../images/bestpractices/facebar2.png)left 410px bottom no-repeat; margin-bottom: 10px ; padding-bottom: 10px;}
.bestpractices div .right p {font-size: 16px; }
.bestpractices .textboxpeach .right .interview {background: url(../images/bestpractices/facebar2-1.png)left 410px bottom no-repeat; margin-bottom: 10px ; padding-bottom: 10px;}
.bestpractices .textboxgreen .right .interview {background: url(../images/bestpractices/facebar2-2.png)left 410px bottom no-repeat; margin-bottom: 10px ; padding-bottom: 10px;}

.bestpractices .smartsecret {text-align:center; background-color: #fff7dd; overflow:hidden;}
.bestpractices .smartsecret .smartsecrettop {background-color: #0e273d; color: #fff;  font-size: 28px; font-weight: 600; padding:10px 0;}
.bestpractices .smartsecret .sec{padding:0 80px;}
.bestpractices .smartsecret .sec span {width:100%; color: #0e273d; font-size: 28px; font-weight: 600; padding:0 20px; text-align:left; display:block; padding-bottom:20px;}
.bestpractices .smartsecret .sec .img_wrap {width:100%; overflow:hidden;}
.bestpractices .smartsecret .sec .img_wrap img{width:100%;}

.bestpractices .ceotalk,.bestpractices .ceotalk2 {margin-bottom: 20px; text-align: center; font-weight: 300; font-size: 17px;}
.bestpractices .ceotalk2 {font-size: 30px; font-weight: 600; color:#74a0c5}
.bestpractices .qna_a, .bestpractices .qna_q {margin-bottom: 20px;  font-size: 18px;}
.bestpractices .qna_q {font-weight: 600;}
.bestpractices .q_form, .bestpractices .a_form{font-size:20px; color:#498bc2; font-weight: 700;}

.bestpractices .tagbox {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.bestpractices .tagbox span {font-weight: 500; font-size: 16px; display: inline-block; margin-left: 20px;}
.bestpractices div.box2017 p {margin-bottom: 0px;}
.bestpractices div.box2017 div {margin-bottom: 0;}
.bestpractices div.box2017 .right {padding-top: 70px; }

.bestpractices div.box2017 .right h3 {font-size: 28px; font-weight: 500;}
.bestpractices div.box2017 .right p {font-size: 36px; font-weight: 600; margin: 20px 0;}


.bestpractices .interview2 div, .bestpractices .interview2 p {margin-bottom: 0;}
.bestpractices .interview2 .interviewimg {float: right;}
.bestpractices .interview2:after {content: ""; clear: both; display: block;}
.bestpractices .interview2 .face_basic {background: url(../images/bestpractices/2017inner/17_icon02.png)left no-repeat; padding: 30px 0; padding-left: 90px; font-size: 18px; font-weight: 600; color: #777;}
.bestpractices .interview2 .cmt {font-size: 20px; font-weight: 600; color: #0e273d;}
.bestpractices .interview2 .cmt2 {font-size: 16px; font-weight: 400; }

/*.bestpractices.ver2*/
.bestpractices.ver2 div{margin-bottom: auto;}
.bestpractices.ver2 .infobox > li{width: 228px;}
.bestpractices.ver2 .bp-text-center{margin: 10px 0 30px;}
.bestpractices.ver2 .bp-text-center-2 {text-align: center; font-size: 20px; font-weight:600; margin:10px 0;}
.bestpractices.ver2 .t-blue{color: #498bc2;}
.bestpractices.ver2 .textframe {margin:20px auto 40px;}
.bestpractices.ver2 .textframe:before{content: ''; display: block; margin: 0 auto 20px; width: 50px; height: 50px; border-radius: 50%; background: url('../images/bestpractices/2018inner/18_icon01.png') no-repeat center center;}
.bestpractices.ver2 .textframe p{border-bottom: none; line-height:1.4;color: #498bc2; font-weight: 600;}
.bestpractices.ver2 .textframe.st2{margin-top:40px;}

.bestpractices.ver2 .center_tit{text-align: center; font-size: 24px; margin-bottom: 20px;}
.bestpractices.ver2 .center_img{width: 100%; height: 480px; background: #fff; border: 1px solid #aaa;font-size: 14px; text-align: center;}
.bestpractices.ver2 .center_img > b{margin-top: 20px;}
.bestpractices.ver2 .center_text{font-size: 14px; margin-bottom: 20px;}
.bestpractices.ver2 .t_center{text-align: center; font-size: 20px; color: #aaa; font-weight: 600; border-bottom: 1px solid #eee; display: inline-block; margin: 20px auto;}

.bestpractices.ver2 .tab-2{margin: 20px 0; overflow: hidden;}
.bestpractices.ver2 .tab-2_tit{margin-bottom: 10px; position: relative; overflow: hidden; padding-left: 20px; font-size: 14px; font-weight: 300;}
.bestpractices.ver2 .tab-2_tit:before{content: ''; display: inline-block; width: 10px; height: 10px ;background: #aaa; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top:-5px}
.bestpractices.ver2 .tab-2 .imgbox{width: 80%; margin: 0 auto 40px;}

.bestpractices.ver2 .interview2 > div{width: 48%; float: left; padding: 0 1%;}
.bestpractices.ver2 .fl-2{width: 48%; float: left; padding: 0 1%;}
.bestpractices.ver2 .clearfix:after{content: ''; display: block; clear: both;}
.bestpractices.ver2 .imgbox{margin: 20px 0;}
.bestpractices.ver2 .imgbox > img{width: 100%; height: auto;}

.bestpractices.ver2 .qna_q{color: #498bc2; margin-top: 10px; margin-bottom: 10px;}
.bestpractices.ver2 .qna_a{margin-bottom: 10px;}
.bestpractices.ver2 .qna_a > b{color: #498bc2;}
.bestpractices.ver2 .layout-2 .fl-2 img{float: left; width:35%;}
.bestpractices.ver2 .layout-2 .fl-2 div{float: left; width:65%;}
.bestpractices.ver2 .layout-2 .fl-2 div p{font-weight: 300; font-size: 1.2em; margin-bottom: 20px;}
.bestpractices.ver2 .layout-2 .fl-2 div ul li{font-size: 1em;}
.bestpractices.ver2 .layout-2 .fl-2 div ul li:before{content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-right: 5px; background: #333; vertical-align: middle;}

.bestpractices.ver2 .miniInt{position: relative; border-bottom: 2px solid #aaa;}
.bestpractices.ver2 .miniInt:before{content: ''; display: inline-block; width: 50px; height: 50px; margin-right: 10px; background: url('../images/bestpractices/2018inner/18_icon02.png') no-repeat center center;}
.bestpractices.ver2 .ceotalk.miniInt{text-align: left;}

.bestpractices.ver2 .tab-3{margin: 20px 0;}
.bestpractices.ver2 .tab-3 .interviewimg{float: none; margin-bottom: 20px;}
.bestpractices.ver2 .tab-3 .face_basic{display: inline-block; padding-left: 0;}

/*JUMP_UP*/
.bestpractices.ver2.JUMP_UP .t-blue{color: #db5c1e;}
.bestpractices.ver2.JUMP_UP .qna_q{color: #db5c1e; }
.bestpractices.ver2.JUMP_UP .qna_a > b{color: #db5c1e;}
.bestpractices.ver2.JUMP_UP .textframe p{color: #db5c1e; }
.bestpractices.ver2.JUMP_UP .textframe:before{ background: url('../images/bestpractices/2018inner/18_icon03.png') no-repeat center center;}
.bestpractices.ver2.JUMP_UP .miniInt:before{background: url('../images/bestpractices/2018inner/18_icon04.png') no-repeat center center;}

/*PAIR_UP*/
.bestpractices.ver2.PAIR_UP .t-blue{color: #e03c86;}
.bestpractices.ver2.PAIR_UP .qna_q{color: #e03c86; }
.bestpractices.ver2.PAIR_UP .qna_a > b{color: #e03c86;}
.bestpractices.ver2.PAIR_UP .textframe p{color: #e03c86; }
.bestpractices.ver2.PAIR_UP .textframe:before{ background: url('../images/bestpractices/2018inner/18_icon05.png') no-repeat center center;}
.bestpractices.ver2.PAIR_UP .miniInt:before{background: url('../images/bestpractices/2018inner/18_icon06.png') no-repeat center center;}


.button_area{width: 90px; height: 40px; display: block; background: url(../images/btn/S_btn_list.png) no-repeat center center; text-indent: -9999px; margin:0 auto;}




/* 기관소개 - 스마트제조혁신추진단소개 */
.intro_pteam{position:relative;}
.intro_pteam .pteam_head{position:relative;  overflow:hidden; margin-left:-20px; margin-top:-20px; margin-bottom:40px;}
.intro_pteam .pteam_head .flex_box{float:left;}
.intro_pteam .pteam_head .flex_box.sum{width:35%;}
.intro_pteam .pteam_head .flex_box.info{width:65%;}
.intro_pteam .pteam_head .box_ty1{position:relative; min-height:168px; background:#fff; margin-left:20px; margin-top:20px; padding:25px 10px; padding-left:30px; border:1px solid #d2e0eb;  border-radius:4px; box-sizing:border-box;}
.intro_pteam .pteam_head .box_ty2{position:relative; background:#f1f5f8; margin-left:20px; margin-top:20px; padding:28px 15px; padding-left:60px;  border-radius:4px; box-sizing:border-box;}

.intro_pteam .pteam_head .box_ty2.cont1:before, .intro_pteam .pteam_head .box_ty2.cont2:before{font-family:"Font Awesome 5 Pro"; font-weight:300; position:absolute; left:15px; top:20px; width:34px; height:34px; line-height:34px; color:#fff; font-size:18px; text-align:center;  border-radius:4px;}
.intro_pteam .pteam_head .box_ty2.cont1:before{content:"\f4d3"; background:#0f9ee0;}
.intro_pteam .pteam_head .box_ty2.cont2:before{content:"\f3c5"; background:#ffba00;}

.intro_pteam .box_ty1 .tit{margin-bottom:32px;}
.intro_pteam .box_ty1 .tit h4{display:inline-block; position:relative; line-height:135%; color:#25a1db; font-size:20px; letter-spacing:-0.5px; vertical-align:middle; font-weight:300}
.intro_pteam .box_ty1 .detail{position:relative; padding-left:60px;}
.intro_pteam .box_ty1 .detail dt, .intro_pteam .box_ty1 .detail dd{line-height:135%; font-size:14px;}
.intro_pteam .box_ty1 .detail dt{position:absolute; left:0; font-weight:300; color:#303030; font-weight:normal;}
.intro_pteam .box_ty1 .detail dd{margin-bottom:10px; font-weight:normal; color:#707070;}
.intro_pteam .box_ty1 .detail dd:last-child{margin-bottom:0;}

.intro_pteam .box_ty2 .detail{position:relative; padding-left:85px;}
.intro_pteam .box_ty2 .detail dt, .intro_pteam .box_ty2 .detail dd{line-height:135%; font-size:14px;}
.intro_pteam .box_ty2 .detail dt{position:absolute; left:0; font-weight:300; color:#303030; font-weight:normal;}
.intro_pteam .box_ty2 .detail dd{margin-bottom:5px; font-weight:normal; color:#707070;}
.intro_pteam .box_ty2 .detail dd:last-child{margin-bottom:0;}


.intro_pteam .pteam_body{position:relative}
.intro_pteam .pteam_body .body_tit {position:relative; margin-bottom:15px}
.intro_pteam .pteam_body .body_tit strong {display:inline-block; position:relative; line-height:135%; color:#303030; font-size:18px; padding-left:10px; letter-spacing:-0.8px; vertical-align:middle; font-weight:300}
.intro_pteam .pteam_body .body_tit strong:before{content:""; position:absolute; left:0; top:3px; width:2px; height:18px; background:#498ac1}

.intro_pteam .pteam_body .state_list ul{margin-left:-5px; margin-top:-5px}
.intro_pteam .pteam_body .state_list ul:after{content:''; display:block; clear:both;}
.intro_pteam .pteam_body .state_list ul li{float:left; width:50%;}
.intro_pteam .pteam_body .state_list ul li .inner{position:relative; margin-left:5px; margin-top:5px; padding:16px 15px; padding-left:60px; border:1px solid #ebebeb; font-weight:normal; letter-spacing:-0.4px; font-size:14px; color:#707070; border-radius:4px;}
.intro_pteam .pteam_body .state_list ul li .num{position:absolute; left:15px; top:10px; width:34px; height:34px; line-height:34px; color:#707070; font-size:13px; font-weight:300; text-align:center; background:#edeef1; border-radius:50%;}


/* 기관소개 - 조직도 */
.organization_map{position:relative;  padding: 45px 45px;  border:1px solid #dadada; box-sizing:border-box}
.organization_map .map_area{position:relative; height:390px;  margin:0 auto; }
.organization_map .map_area .level01{position:absolute; top:0; left:50%; width:220px; height:62px; margin-left:-110px; text-align:center; background:#0f9ee0;  z-index:3; transition:all .30s ease;background:#215da4;}
.organization_map .map_area .level01 strong{display:inline-block; line-height:62px; font-weight:300; font-size:20px; color:#fff; letter-spacing:-0.8px;}

.organization_map .map_area .level02{position:absolute; width:220px; height:62px; text-align:center; z-index:3; transition:all .30s ease; background:#0691af;}
.organization_map .map_area .level02.part1{top:122px; left:50%; margin-left:-110px;}
.organization_map .map_area .level02 strong{display:inline-block; line-height:62px; font-weight:300; font-size:18px; color:#fff; letter-spacing:-0.8px;}

.organization_map .map_area .level03{position:absolute; text-align:center; z-index:3; display:block; background:#fff; transition:all .30s ease; box-sizing:border-box}
.organization_map .map_area .level03.part1{top:290px; left:50%; width:120px; margin-left:-438px}
.organization_map .map_area .level03.part2{top:290px; left:50%; width:120px; margin-left:-141px}
.organization_map .map_area .level03.part3{top:290px; right:50%; width:120px; margin-right:-141px;}
.organization_map .map_area .level03.part4{top:290px; right:50%; width:120px; margin-right:-438px}
.organization_map .map_area .level03 strong{display:block; padding:10px 5px ; line-height:125%; color:#145281; font-weight:normal; background:#fff; border:2px solid #145281; text-align:center; font-size:15px;  letter-spacing:-0.5px;}

.organization_map .map_area .level04{position:absolute; text-align:center; z-index:3; display:block; background:#fff; transition:all .30s ease; box-sizing:border-box}
.organization_map .map_area .level04.part1{top:330px; left:50%; width:120px; margin-left:-310px}
.organization_map .map_area .level04.part2{top:330px; right:50%; width:120px; margin-right:-269px}
.organization_map .map_area .level04 strong{display:block; padding:10px 5px ; line-height:125%; color:#707070; font-weight:normal; background:#fff; border:1px solid #dfdfdf; text-align:center; font-size:15px;  letter-spacing:-0.5px;}



.organization_map .map_area .line01{position:absolute; top:75px; left:50%; width:1px; height:161px; background:#dfdfdf; z-index:2;}
.organization_map .map_area .line01:before{display:block; content:""; position:absolute; left:50%; top:-8px; width:9px; height:9px; background:#dfdfdf; border-radius:50%; margin-left:-4.5px;}
.organization_map .map_area .line02{display:block; position:absolute; top:236px; left:50%; width:758px; height:1px; background:#dfdfdf; margin-left:-379px}
.organization_map .map_area .line02:before{content:''; display:block; position:absolute; top:0; left:0; width:1px; height:55px; background:#dfdfdf;}
.organization_map .map_area .line02:after{content:''; display:block; position:absolute; top:0; right:0; width:1px; height:55px; background:#dfdfdf; }
.organization_map .map_area .line03{display:block; position:absolute; top:236px; left:50%; width:1px; height:55px; background:#dfdfdf; margin-left:-82px}
.organization_map .map_area .line04{display:block; position:absolute; top:236px; right:50%; width:1px; height:55px; background:#dfdfdf; margin-right:-82px}

.organization_map .map_area .line05{display:block; position:absolute; top:304px; left:50%; width:70px; height:1px; background:#dfdfdf; margin-left:-318px}
.organization_map .map_area .line05:after{content:'';  display:block; position:absolute; top:0; right:0; width:1px; height:55px; background:#dfdfdf}

.organization_map .map_area .line06{display:block; position:absolute; top:304px; right:50%; width:70px; height:1px; background:#dfdfdf; margin-right:-209px}
.organization_map .map_area .line06:after{content:'';  display:block; position:absolute; top:0; right:0; width:1px; height:55px; background:#dfdfdf}




/* 기관소개 - 찾아오시는길 */
.bus_info{position:relative; border-top:2px solid #74a0c5; border-bottom:1px solid #ebebeb;}
.bus_info .info_list > li{position:relative; padding:25px; padding-left:130px; border-bottom:1px solid #ebebeb;}
.bus_info .info_list > li:last-child{border-bottom:none;}

.bus_num{position: absolute; left:23px; top:36px;}
.bus_num .burst {background:#ff9610; width:50px; height:50px; position:relative; transform:rotate(20deg); border-radius:4px;}
.bus_num .burst:before{content:""; position:absolute; top:0; left:0; height:50px; width:50px; background:#ff9610; transform:rotate(135deg); border-radius:4px;}
.bus_num span{position:absolute; top:0; left:0; height:100%; width:100%; color:#fff; line-height:50px; text-align:center; font-weight:300; font-size:13px;}

.bus_num .burst.col_ty1, .bus_num .burst.col_ty1:before{background: #ff9610;}
.bus_num .burst.col_ty2, .bus_num .burst.col_ty2:before{background: #64ba26;}
.bus_num .burst.col_ty3, .bus_num .burst.col_ty3:before{background: #7c5bdc;}
.bus_num .burst.col_ty4, .bus_num .burst.col_ty4:before{background: #166fb8;}


.bus_info .linter_detail{position:relative; padding-left:100px}
.bus_info .linter_detail dt{position:absolute; left:0; font-weight:300; font-size:13px; letter-spacing:-0.5px; line-height:165%; color:#303030}
.bus_info .linter_detail dd{margin-bottom:10px; font-weight:normal; font-size:13px; line-height:165%; color:#606060; letter-spacing:-0.2px}
.bus_info .linter_detail dd:last-child{margin-bottom:0}


/* 오픈전 랜딩(임시) */
.open_landing{position:fixed; top:0; right:0; bottom:0; left:0; background:url('../images/landing/open_landing_bg.jpg') 50% 50% no-repeat; background-size:cover; z-index:99999999999;}
.open_landing:after{content:''; position:absolute; bottom:0; left:50%; background:url('../images/landing/open_landing_visual.png') 50% 50% no-repeat; width:408px; height:217px; margin-left:-204px;}
.open_landing .landing_cont{position:absolute; top:50%; left:50%; width:612px; height:405px; margin-left:-306px; margin-top:-330px; background:url('../images/landing/open_landing_cont.png') 50% 50% no-repeat; background-size:612px 405px;}


/* 메인 팝업(임시) */
.main_popup{display:none; position:fixed; left:20px; top:20px; background:#515b75; z-index:999;}
.main_popup .cover_area{display:block;  padding:2px;}
.main_popup .cover_area img{display:block; width:440px; height:420px;}
.main_popup .popup_bottom{position:relative; overflow:hidden; padding:10px 15px;}
.main_popup .popup_bottom a{display:inline-block; color:#fff; line-height:150%; letter-spacing:normal; font-size:12px; font-weight:300;}
.main_popup .popup_bottom a i{font-size:16px; vertical-align:middle; margin-top:-1px; margin-right:2px;}


/* mlayerpop */
.mlayerpop{display:none; position:fixed; background:#515b75; z-index:999;}
.mlayerpop .pop_top{position:relative; padding:10px 15px; overflow:hidden;}
.mlayerpop .pop_top a{display:inline-block; color:#fff; line-height:150%; letter-spacing:normal; font-size:12px; font-weight:300;}
.mlayerpop .pop_top a i{font-size:16px; vertical-align:middle; margin-top:-1px; margin-right:2px;}
.mlayerpop .cover_area{display:block;  padding:2px; padding-top:0;}
.mlayerpop .cover_area img{display:block;}


/* mlayerpop_slider */
.mlayerpop_slider{display:none; position:fixed; width:449px; background:#515b75; z-index:999;}
.mlayerpop_slider .pop_top{position:relative; padding:10px 15px; overflow:hidden;}
.mlayerpop_slider .pop_top a{display:inline-block; color:#fff; line-height:150%; letter-spacing:normal; font-size:12px; font-weight:300;}
.mlayerpop_slider .pop_top a i{font-size:16px; vertical-align:middle; margin-top:-1px; margin-right:2px;}
.mlayerpop_slider .cover_area{float:left;}
.mlayerpop_slider .cover_area img{display:block;}

.mlayerpop_slider .pop_slider{position:relative; border:2px solid #515b75; border-top:none;}
.mlayerpop_slider .pop_slider .slick-arrow{display:block; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; padding:0; border:none; font-size:0; cursor:pointer; border-radius:30px; z-index:2; transition:all .30s ease}
.mlayerpop_slider .pop_slider .slick-prev{left:10px; background:rgba(81,91,117,.6)}
.mlayerpop_slider .pop_slider .slick-prev:after{content:"\f053"; font-family:"Font Awesome 5 Pro"; position:absolute; top:2px; left:9px; font-weight:300; font-size:18px; color:#fff}
.mlayerpop_slider .pop_slider .slick-next{right:10px; background:rgba(81,91,117,.6)}
.mlayerpop_slider .pop_slider .slick-next:after{content:"\f054"; font-family:"Font Awesome 5 Pro"; position:absolute; top:2px; right:9px; font-weight:300; font-size:18px; color:#fff}
.mlayerpop_slider .pop_slider .slick-prev:hover{background:rgba(81,91,117,.9)}
.mlayerpop_slider .pop_slider .slick-prev:hover:after{color:#fff}
.mlayerpop_slider .pop_slider .slick-next:hover{background:rgba(81,91,117,.9)}
.mlayerpop_slider .pop_slider .slick-next:hover:after{color:#fff}
.mlayerpop_slider .pop_slider .slick-prev.slick-disabled{display:none !important}
.mlayerpop_slider .pop_slider .slick-next.slick-disabled{display:none !important}

.mlayerpop_slider .pop_slider .slick-dots{display:block; position:absolute; top:-33px; right:70px;}
.mlayerpop_slider .pop_slider .slick-dots li{position:relative; display:inline-block; margin:0 3px;}
.mlayerpop_slider .pop_slider .slick-dots li button{display:block; width:8px; height:8px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(255,255,255,.2); cursor:pointer; border:0; outline:none; border-radius:50%}
.mlayerpop_slider .pop_slider .slick-dots li button:hover, .slick-dots li button:focus{outline:none}
.mlayerpop_slider .pop_slider .slick-dots li.slick-active button{background:rgba(255,255,255,.8)}


/* 기관소개 - 인사말 */
.greeting .greeting_top{position:relative; background:#ecf9fe; height:300px; padding:78px 70px; overflow:hidden; box-sizing:border-box}
.greeting .greeting_top:after{content:''; position:absolute; right:90px; bottom:0; width:358px; height:326px; background:url('../images/contents/greeting_img3.png') 50% 50% no-repeat; background-size:358px 326px; transition:all .30s ease}

.greeting .greeting_top .message{position:relative}
.greeting .greeting_top .message strong{display:block; font-size:36px; font-weight:600; letter-spacing:-2px; line-height:135%; color:#00527f; word-break:keep-all}
.greeting .greeting_top .message strong .point{color:#0fa5df}
.greeting .greeting_top .message:before{content:''; position:absolute; left:0; top:-20px; width:22px; height:15px; background:url('../images/contents/greeting_img1.png') 50% 50% no-repeat; background-size:22px 15px; transition:all .30s ease}

.greeting .greeting_body{position:relative; padding-top:55px; padding:50px 0 0 60px}
.greeting .greeting_body p{line-height:190%; font-size:16px; letter-spacing:-0.8px; color:#505050; word-break:keep-all}
.greeting .greeting_body p.space{margin-bottom:35px}
.greeting .greeting_body:after{content:''; position:absolute; left:0; top:58px; width:14px; height:162px; background:url('../images/contents/greeting_img2.png') 50% 50% no-repeat; background-size:14px 162px}


/* CI소개 */
.cintro_symbol{position:relative; min-height:285px; padding-left:50%; background:#f8f8f8; border:1px solid #dadada; box-sizing:border-box}
.cintro_symbol .symbol_box{position:absolute; left:0; top:0; width:50%; height:100%; background:#fff url('../images/contents/ci_intro_m01.png') 50% 50% no-repeat; background-size:280px 54px}
.cintro_symbol .symbol_info{position:relative; padding:45px 30px; box-sizing:border-box}
.cintro_symbol .symbol_info .info_txt01{display:block; margin-bottom:24px; line-height:135%; color:#004a91; font-size:18px; font-weight:300; text-align:center; letter-spacing:1px}
.cintro_symbol .symbol_info .info_txt02{line-height:160%; color:#606060; font-size:13px; letter-spacing:-0.2px; text-align:justify}

.cintro_down{position:relative}
.cintro_down .ci_down{position:relative; margin-left:-40px; margin-top:-45px; overflow:hidden}
.cintro_down .ci_down li{float:left; width:50%; box-sizing:border-box}
.cintro_down .ci_down li .cidown_box{margin-left:40px; margin-top:45px; text-align:center}
.cintro_down .ci_down li .cidown_box .box_inner{height:238px; margin-bottom:20px; border:1px solid #dadada}
.cintro_down .ci_down li .cidown_box.s01 .box_inner{background:url('../images/contents/ci_intro_s01.png') 50% 50% no-repeat; background-size:382px 29px}
.cintro_down .ci_down li .cidown_box.s02 .box_inner{background:url('../images/contents/ci_intro_s02.png') 50% 50% no-repeat; background-size:349px 28px}
.cintro_down .ci_down li .cidown_box.s03 .box_inner{background:url('../images/contents/ci_intro_s03.png') 50% 50% no-repeat; background-size:177px 64px}
.cintro_down .ci_down li .cidown_box.s04 .box_inner{background:url('../images/contents/ci_intro_s04.png') 50% 50% no-repeat; background-size:177px 76px}
.cintro_down .ci_down li .cidown_box.s05 .box_inner{background:url('../images/contents/ci_intro_s05.png') 50% 50% no-repeat; background-size:176px 72px}
.cintro_down .ci_down li .cidown_box.s06 .box_inner{background:url('../images/contents/ci_intro_s06.png') 50% 50% no-repeat; background-size:175px 34px}

.cintro_down .ci_down li .cidown_box .cidown_btn a
{
	display:inline-block; width:120px; height:40px; line-height:40px; color:#707070; background:#fff; border:1px solid #dadada;
    letter-spacing:-0.5px; font-weight:normal; letter-spacing:-0.5px; border-radius:2px; vertical-align:middle; box-sizing:border-box; transition:all .30s ease
}
.cintro_down .ci_down li .cidown_box .cidown_btn a:hover{border:1px solid #909090}


/* 비전 및 목표 */
.vision{position:relative}
.vision .vision_g1 .g_tit,
.vision .vision_g2 .g_tit,
.vision .vision_g3 .g_tit{position:absolute; left:0; top:0; padding-top:13px; font-size:16px; line-height:135%; color:#505050; letter-spacing:-0.8px; font-weight:normal}
.vision .vision_g1 .g_tit:before,
.vision .vision_g2 .g_tit:before,
.vision .vision_g3 .g_tit:before{content:''; position:absolute; left:0; top:0; width:115px; height:1px; background:#dadada}


.vision .vision_g1{position:relative; margin-bottom:85px; padding-left:150px}

.vision .vision_g1 .vc_info{position:relative; padding:20px; border:1px solid #99d9f1; border-radius:300px}
.vision .vision_g1 .vc_info .inner{padding:35px 55px; background:#009fdd; text-align:center; border-radius:100px}
.vision .vision_g1 .vc_info .inner strong{display:block; line-height:135%; color:#fff; font-size:30px; font-weight:normal; letter-spacing:-2px}

.vision .vision_g2{position:relative; margin-bottom:85px; padding-left:150px}
.vision .vision_g2 .vc_info{position:relative; padding:20px; border:1px solid #d8d8d8; border-radius:300px}
.vision .vision_g2 .vc_info:before{content:''; position:absolute; left:50%; top:-80px; width:309px; height:203px; margin-left:-154.5px;  background:url('../images/contents/vision_arrow01.png') 50% 50% no-repeat; background-size:309px 203px}

.vision .vision_g2 .vc_info .info_list{overflow:hidden}
.vision .vision_g2 .vc_info .info_list li{float:left; width:33.33333%; position:relative}
.vision .vision_g2 .vc_info .info_list li:nth-child(1){text-align:left}
.vision .vision_g2 .vc_info .info_list li:nth-child(2){text-align:center}
.vision .vision_g2 .vc_info .info_list li:nth-child(3){text-align:right}
.vision .vision_g2 .vc_info .info_list li:nth-child(1) .list_box{background:#ffba31; padding-top:66px}
.vision .vision_g2 .vc_info .info_list li:nth-child(2) .list_box{background:#00b7ba; padding-top:46px}
.vision .vision_g2 .vc_info .info_list li:nth-child(3) .list_box{background:#5ec175; padding-top:66px;}

.vision .vision_g2 .vc_info .info_list li .list_box{display:inline-block; position:relative; width:183px; height:183px; border-radius:50%; text-align:center; box-sizing:border-box; z-index:1}
.vision .vision_g2 .vc_info .info_list li .list_box strong{display:block; line-height:135%; color:#fff; font-size:20px; font-weight:normal; letter-spacing:-1.2px}
.vision .vision_g2 .vc_info .info_list li .list_box span{display:inline-block; margin-top:2px; line-height:135%; color:#fff; font-size:14px; font-weight:normal; letter-spacing:-0.8px}

.vision .vision_g2 .vc_info .info_list li .deco{position:absolute; top:50%; width:140px; height:140px; margin-top:-70px; background:#f6f6f6; border-radius:50%}
.vision .vision_g2 .vc_info .info_list li .deco:after{content:''; position:absolute; top:50%; left:50%; width:15px; height:15px; margin-top:-7.5px; margin-left:-7.5px; border:4px solid #dadada; border-radius:50%; box-sizing:border-box}
.vision .vision_g2 .vc_info .info_list li:first-child .deco{right:-51px}
.vision .vision_g2 .vc_info .info_list li:last-child .deco{left:-51px}







.vision .vision_g3{position:relative; padding-left:150px}
.vision .vision_g3 .vc_info{position:relative}
.vision .vision_g3 .vc_info:before{content:''; position:absolute; left:50%; top:-60px; width:180px; height:119px; margin-left:-90px;  background:url('../images/contents/vision_arrow02.png') 50% 50% no-repeat; background-size:180px 119px}
.vision .vision_g3 .vc_info .info_list{overflow:hidden; margin-left:-55px}
.vision .vision_g3 .vc_info .info_list > li{float:left; width:33.33333%}

.vision .vision_g3 .list_box{position:relative; margin-left:55px; padding-top:120px;}
.vision .vision_g3 .list_box .box_head{position:absolute; left:0; top:0; width:100%; height:120px; padding:20px 20px 0; background:#e6eef8; text-align:center; border-radius:10px 10px 0 0; box-sizing:border-box}
.vision .vision_g3 .list_box .box_head strong{display:block; font-size:18px; line-height:135%; color:#5e749e; font-weight:normal; letter-spacing:-1px}
.vision .vision_g3 .list_box .box_head span{display:inline-block; position:relative; margin-top:10px; padding:0 20px; font-size:16px; line-height:135%; color:#5e749e; font-weight:normal; letter-spacing:-0.8px}
.vision .vision_g3 .list_box .box_head span:before,
.vision .vision_g3 .list_box .box_head span:after{content:''; position:absolute; top:50%; width:11px; height:11px; margin-top:-5.5px; border:2px solid #5e749e; border-radius:50%; box-sizing:border-box}
.vision .vision_g3 .list_box .box_head span:before{left:0}
.vision .vision_g3 .list_box .box_head span:after{right:0}

.vision .vision_g3 .list_box .box_body{padding:15px 20px; border:1px solid #dadada; border:1px solid #dadada; border-top:none; border-radius:0 0 10px 10px}
.vision .vision_g3 .list_box .list_cont li{position:relative; padding-left:10px; line-height:165%; color:#707070; letter-spacing:-0.8px; margin-bottom:2px; font-size:13px}
.vision .vision_g3 .list_box .list_cont li:last-child{margin-bottom:0}
.vision .vision_g3 .list_box .list_cont li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#a7a7a7}


/* progress_state */
.progress_state_ty1{position:relative; padding:5px 0; overflow:hidden}
.progress_state_ty1 .state_list{margin-left:-5px; margin-top:-20px; padding-right:17px}
.progress_state_ty1 .state_list:after{content:''; display:block; clear:both}
.progress_state_ty1 .state_list > li{float:left; width:20%}
.progress_state_ty1 .state_list.col6 > li{width:16.66666%}
.progress_state_ty1 .state_list.col5 > li{width:20%}
.progress_state_ty1 .state_list.col4 > li{width:25%}
.progress_state_ty1 .state_list.col3 > li{width:33.33333%}

.progress_state_ty1 .state_box{margin-left:5px; margin-top:20px}
.progress_state_ty1 .state_box .tit_area{position:relative; padding:10px 0; background:#e6eef8; text-align:center; border-radius:2px}
.progress_state_ty1 .state_box .tit_area .tit{display:inline-block; position:relative; letter-spacing:-0.8px; line-height:135%; color:#5e749e; font-weight:300; font-size:15px; z-index:5}

.progress_state_ty1 .state_box .info_area{position:relative; padding:10px; border-top:none; text-align:center}
.progress_state_ty1 .state_box .info_area .info{display:inline-block; line-height:155%; letter-spacing:-0.2px; color:#505050; font-size:13px; font-weight:normal}

.progress_state_ty1 .state_box .tit_area:after,
.progress_state_ty1 .state_box .tit_area:before{content:''; position:absolute; top:6px; width:28px; height:28px; transform:rotate(45deg)}
.progress_state_ty1 .state_box .tit_area:after{right:-13px; background:#e6eef8; border-radius:3px 5px 3px 5px; z-index:2}
.progress_state_ty1 .state_box .tit_area:before{left:-15px; background:#fff; border-radius:3px 5px 3px 5px; z-index:1}

.progress_state_ty1 .state_list li:first-child .tit_area:before{display:none}
.progress_state_ty1 .state_list li:last-child .tit_area:after{display:none}


/* 지원사업 소개 추진체계 */
.bnsmap .bnsmap_inner{width:740px; position:relative; margin:0 auto}
.bnsmap .txt01{display:block; height:40px; line-height:40px; margin-bottom:5px; color:#145281; font-weight:300; background:#fff; border:2px solid #145281; font-size:15px; letter-spacing:-0.5px}
.bnsmap .txt02{height:40px; margin-bottom:5px; line-height:40px; color:#505050; font-weight:normal; background:#fff; border:1px solid #dadada; font-size:15px; letter-spacing:-0.5px}
.bnsmap .txt03{height:80px; line-height:40px; color:#505050; font-weight:normal; background:#fff; border:1px solid #dadada; font-size:15px; letter-spacing:-0.5px}

.bnsmap_g1 .bnsmap_inner{width:740px; height:546px; position:relative; margin:0 auto}
.bnsmap_g2 .bnsmap_inner{width:490px; height:414px; position:relative; margin:0 auto}
.bnsmap_g3 .bnsmap_inner{width:490px; height:546px; position:relative; margin:0 auto}
.bnsmap_g5 .bnsmap_inner{width:480px; height:368px; position:relative; margin:0 auto}
.bnsmap_g6 .bnsmap_inner{width:490px; height:415px; position:relative; margin:0 auto}
.bnsmap_g7 .bnsmap_inner{width:490px; height:495px; position:relative; margin:0 auto}
.bnsmap_g8 .bnsmap_inner{width:490px; height:365px; position:relative; margin:0 auto}

.bnsmap .level_line{position:absolute; background:#dadada}

.bnsmap_g1{position:relative; height:546px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g1 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g1 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g1 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g1 .level01.part3{top:292px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g1 .level01.part4{top:423px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g1 .level01.part5{top:292px; left:50%; width:200px; margin-left:-350px}

.bnsmap_g1 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g1 .level02.part1{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g1 .level02.part2{top:220px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g1 .level02.part3{top:261px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g1 .level02.part4{top:302px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g1 .level02.part5{top:343px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g1 .l01{left:50%; top:30px; width:1px; height:484px; margin-left:-0.5px}
.bnsmap_g1 .l02{left:50%; top:51px; width:150px; height:1px; margin-left:-250px}
.bnsmap_g1 .l03{left:50%; top:51px; width:1px; height:241px; margin-left:-250px}
.bnsmap_g1 .l04{left:50%; top:313px; width:150px; height:1px; margin-left:-250px}
.bnsmap_g1 .l05{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g1 .l06{right:50%; top:183px; width:1px; height:99px; margin-right:-126px}
.bnsmap_g1 .l07{right:50%; top:281px; width:25px; height:1px; margin-right:-150px}


.bnsmap_g2{position:relative; height:414px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g2 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g2 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g2 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g2 .level01.part3{top:292px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g2 .level01.part4{top:292px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g2 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g2 .level02.part1{top:115px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g2 .level02.part2{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g2 .level02.part3{top:208px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g2 .l01{left:50%; top:30px; width:1px; height:353px; margin-left:-0.5px}
.bnsmap_g2 .l02{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g2 .l03{right:50%; top:136px; width:1px; height:92px; margin-right:-126px}
.bnsmap_g2 .l04{right:50%; top:136px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g2 .l05{right:50%; top:228px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g2 .l06{right:50%; top:313px; width:150px; height:1px; margin-right:-250px}


.bnsmap_g3{position:relative; height:546px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g3 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g3 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g3 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g3 .level01.part3{top:280px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g3 .level01.part4{top:400px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g3 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g3 .level02.part1{top:115px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g3 .level02.part2{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g3 .level02.part3{top:208px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g3 .l01{left:50%; top:30px; width:1px; height:400px; margin-left:-0.5px}
.bnsmap_g3 .l02{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g3 .l03{right:50%; top:136px; width:1px; height:92px; margin-right:-126px}
.bnsmap_g3 .l04{right:50%; top:136px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g3 .l05{right:50%; top:228px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g3 .l06{right:50%; top:313px; width:1px; height:1px; margin-right:-250px}


.bnsmap_g4{position:relative; height:414px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g4 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g4 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g4 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g4 .level01.part3{top:292px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g4 .level01.part4{top:292px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g4 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g4 .level02.part1{top:115px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g4 .level02.part2{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g4 .level02.part3{top:208px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g4 .l01{left:50%; top:30px; width:1px; height:353px; margin-left:-0.5px}
.bnsmap_g4 .l02{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g4 .l03{right:50%; top:136px; width:1px; height:92px; margin-right:-126px}
.bnsmap_g4 .l04{right:50%; top:136px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g4 .l05{right:50%; top:228px; width:150px; height:1px; margin-right:-275px}
.bnsmap_g4 .l06{right:50%; top:313px; width:150px; height:1px; margin-right:-250px}


.bnsmap_g5{position:relative; height:368px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g5 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g5 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g5 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g5 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g5 .level02.part1{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g5 .level02.part2{top:292px; left:50%; width:200px; margin-left:-220px}
.bnsmap_g5 .level02.part3{top:292px; right:50%; width:200px; margin-right:-220px}

.bnsmap_g5 .l01{left:50%; top:30px; width:1px; height:242px; margin-left:-0.5px}
.bnsmap_g5 .l02{left:50%; top:271px; width:240px; height:1px; margin-left:-120px}
.bnsmap_g5 .l03{left:50%; top:272px; width:1px; height:45px; margin-left:-120px}
.bnsmap_g5 .l04{right:50%; top:272px; width:1px; height:45px; margin-right:-120px}
.bnsmap_g5 .l05{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}


.bnsmap_g6{position:relative; height:415px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g6 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g6 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g6 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g6 .level01.part3{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g6 .level01.part4{top:292px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g6 .l01{left:50%; top:30px; width:1px; height:353px; margin-left:-0.5px}
.bnsmap_g6 .l02{right:50%; top:271px; width:250px; height:1px; margin-right:-250px}
.bnsmap_g6 .l03{right:50%; top:222px; width:1px; height:50px; margin-right:-250px}


.bnsmap_g7{position:relative; height:495px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g7 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g7 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g7 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g7 .level01.part3{top:292px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g7 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g7 .level02.part1{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g7 .level02.part2{top:292px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g7 .level02.part3{top:423px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g7 .l01{left:50%; top:30px; width:1px; height:424px; margin-left:-0.5px}
.bnsmap_g7 .l02{right:50%; top:183px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g7 .l03{left:50%; top:30px; width:1px; height:424px; margin-left:-0.5px}


.bnsmap_g8{position:relative; height:365px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.bnsmap_g8 .level01{position:absolute; text-align:center; z-index:1}
.bnsmap_g8 .level01.part1{top:30px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g8 .level01.part2{top:161px; left:50%; width:200px; margin-left:-100px}
.bnsmap_g8 .level01.part3{top:161px; right:50%; width:200px; margin-right:-350px}

.bnsmap_g8 .level02{position:absolute; text-align:center; z-index:1}
.bnsmap_g8 .level02.part1{top:161px; right:50%; width:200px; margin-right:-350px}
.bnsmap_g8 .level02.part2{top:292px; left:50%; width:200px; margin-left:-100px}

.bnsmap_g8 .l01{left:50%; top:30px; width:1px; height:304px; margin-left:-0.5px}
.bnsmap_g8 .l02{right:50%; top:230px; width:150px; height:1px; margin-right:-250px}
.bnsmap_g8 .l03{right:50%; top:230px; width:1px; height:48px; margin-right:-125px}
.bnsmap_g8 .l04{right:50%; top:277px; width:150px; height:1px; margin-right:-275px}


/* 제조혁신센터 소개 */
.tpmting_wrap{position:relative; min-height:700px; padding-left:550px; overflow:hidden; box-sizing:border-box}
.tpmting_map{position:absolute; left:25px; top:0; width:500px; height:100%; background:url('../../lib/images/contents/mgcmap_bg.png') 50% 20px no-repeat; background-size:384px 660px}
.tpmting_map .map_pt{position:absolute}
.tpmting_map .map_pt .pt_circle{display:block; position:relative; width:20px; height:20px; border-radius:50%; background:#215da4; box-shadow:5px 5px 5px 0 rgba(0,0,0,0.1); transition:all .20s ease}
.tpmting_map .map_pt .pt_circle:after{content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; margin-left:-3px; margin-top:-3px; background:rgba(255,255,255,1); border-radius:50%}
.tpmting_map .map_pt .pt_circle:before{content:''; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-15px; margin-top:-15px; border-radius:50%}

.tpmting_map .map_pt .pt_label{display:block; position:absolute; white-space:nowrap; padding:6px 12px; color:#5e749e; font-size:12px; line-height:135%; letter-spacing:-0.2px; border-radius:120px; border:1px solid #fff; background:#fff; box-shadow:5px 5px 5px 0 rgba(0,0,0,0.1); transition:all .20s ease}
.tpmting_map .map_pt .pt_label:after{content:''; position:absolute; width:0; height:0}
.tpmting_map .map_pt .pt_label.label_l{right:28px; top:50%; margin-top:-15.5px}
.tpmting_map .map_pt .pt_label.label_l:after{top:50%; right:-8px; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#215da4; z-index:2}

.tpmting_map .map_pt .pt_label.label_r{left:28px; top:50%; margin-top:-15.5px}
.tpmting_map .map_pt .pt_label.label_r:after{top:50%; left:-8px; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#215da4; z-index:2}

.tpmting_map .map_pt .pt_label.label_b{left:-7px; bottom:-39px}
.tpmting_map .map_pt .pt_label.label_b:after{top:-8px; left:13px; width:4px; height:4px; border-radius:50%; background:#215da4; z-index:2}

.tpmting_map .map_pt .pt_box:hover .pt_circle{background:#009fe3}
.tpmting_map .map_pt .pt_box:hover .pt_label{border:1px solid #009fe3; background:#009fe3; color:#fff}
.tpmting_map .map_pt .pt_box:hover .pt_label.label_l:after,
.tpmting_map .map_pt .pt_box:hover .pt_label.label_r:after,
.tpmting_map .map_pt .pt_box:hover .pt_label.label_b:after{background:#009fe3}

.tpmting_map .map_pt.on .pt_circle{background:#009fe3; box-shadow:10px 10px 10px 0 rgba(0,0,0,0.4)}
.tpmting_map .map_pt.on .pt_label{color:#fff; line-height:135%; letter-spacing:-0.2px; border-radius:120px; border:1px solid #009fe3; background:#009fe3; box-shadow:10px 10px 10px 0 rgba(0,0,0,0.4)}
.tpmting_map .map_pt.on .pt_label.label_l:after,
.tpmting_map .map_pt.on .pt_label.label_r:after,
.tpmting_map .map_pt.on .pt_label.label_b:after{background:#009fe3}

.tpmting_map .map_pt.on .pt_circle:before
{
    background:rgba(31,162,220,0.6);
    -webkit-animation:pt-bounce 2s infinite ease-in-out;
    -moz-animation:pt-bounce 2s infinite ease-in-out;
    -o-animation:pt-bounce 2s infinite ease-in-out;
    animation:pt-bounce 2s infinite ease-in-out;
}
@keyframes pt-bounce{0%, 100%{transform:scale(0); -webkit-transform: scale(0)} 50%{transform: scale(3); -webkit-transform: scale(3)}}
.tpmting_map .map_pt.on .pt_label{display:block}

.tpmting_map .map_pt .pt_box:hover .pt_circle:before
{
    background:rgba(31,162,220,0.6);
    -webkit-animation:pt-bounce 2s infinite ease-in-out;
    -moz-animation:pt-bounce 2s infinite ease-in-out;
    -o-animation:pt-bounce 2s infinite ease-in-out;
    animation:pt-bounce 2s infinite ease-in-out;
}
@keyframes pt-bounce{0%, 100%{transform:scale(0); -webkit-transform: scale(0)} 50%{transform: scale(3); -webkit-transform: scale(3)}}
.tpmting_map .map_pt .pt_box:hover .pt_label{display:block}


.mgcmap_tar{position:relative}
.mgcmap_tar .tar_detail{padding-top:59px}
.mgcmap_tar .tar_detail .tit_area{position:absolute; left:0; top:-1px; right:-1px; height:60px; background:#1fa2dc; box-sizing:border-box}
.mgcmap_tar .tar_detail .tit_area .tit{display:block; width:50%; line-height:60px; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.5px; text-align:center}
.mgcmap_tar .tar_detail .tit_area .ci{position:absolute; right:0; top:0; width:50%; height:60px; line-height:60px; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; text-align:center; overflow:hidden}
.mgcmap_tar .tar_detail .tit_area .ci img{display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; height:auto}

.mgcmap_tar .tar_detail .photo_area{margin-right:-1px; background:#f8f8f8; height:320px}
.mgcmap_tar .tar_detail .photo_area img{display:block; width:100%; height:auto}
.mgcmap_tar .tar_detail .info_area{padding:0 0 0}
.mgcmap_tar .tar_detail .detail_wrap .detail_list{border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li{position:relative; padding-left:140px; border-bottom:1px solid #dadada}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li:last-child{border-bottom:none}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_tit{position:absolute; top:50%; left:0; width:140px; margin-top:-11px}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_tit .tit{display:inline-block; padding-left:22px; line-height:150%; font-size:14px; letter-spacing:-0.5px; color:#303030; font-weight:300}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_area{padding:15px 0; min-height:51px;  box-sizing:border-box}
.mgcmap_tar .tar_detail .detail_wrap .detail_list > li .cont_area .cont_txt{display:inline-block; font-weight:normal; font-size:14px; letter-spacing:-0.8px; line-height:150%; color:#505050; vertical-align:middle}



/* 메인 주요서비스 */
.mresearch{position:relative}
.mresearch .research_inner{width:1200px; margin:0 auto; box-sizing:border-box;}
.mresearch .research_list{overflow:hidden}
.mresearch .research_list li{position:relative; float:left; width:25%;}
.mresearch .research_list li a{display:block; position:relative; height:200px; padding:135px 60px 0; text-align:center; box-sizing:border-box; transition:all .25s ease}
.mresearch .research_list li a:hover{background-color:#f8f8f8; background-position:50% 35px;}

.mresearch .research_list li.research01 a{background-image:url('/lib/images/main/mresearch_cont01_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:72px 69px;}
.mresearch .research_list li.research01 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research011{display:none;}
.mresearch .research_list li.research011 a{background-image:url('/lib/images/main/mresearch_cont010_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:72px 69px;}
.mresearch .research_list li.research011 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research02 a{background-image:url('/lib/images/main/mresearch_cont02_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:61px 69px;}
.mresearch .research_list li.research02 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research03 a{background-image:url('/lib/images/main/mresearch_cont03_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:82px 69px;}
.mresearch .research_list li.research03 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research04 a{background-image:url('/lib/images/main/mresearch_cont04_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:66px 69px;}
.mresearch .research_list li.research04 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research05 a{background-image:url('/lib/images/main/mresearch_cont05_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:69px 69px;}
.mresearch .research_list li.research05 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research06 a{background-image:url('/lib/images/main/mresearch_cont06_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:81px 69px;}
.mresearch .research_list li.research06 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research07 a{background-image:url('/lib/images/main/mresearch_cont07_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:76px 69px;}
.mresearch .research_list li.research07 a:hover{background-position:50% 35px;}

.mresearch .research_list li.research08 a{background-image:url('/lib/images/main/mresearch_cont08_or.png'); background-repeat:no-repeat; background-position:50% 45px; background-size:73px 69px;}
.mresearch .research_list li.research08 a:hover{background-position:50% 35px;}

.mresearch .research_list li .tit{display:block; line-height:155%; font-size:18px; letter-spacing:normal; color:#606060; font-weight:normal; letter-spacing:-0.5px;}


/* 위원회 소개 */
.stcintro .intro_head{position:relative; margin-bottom:45px}
.stcintro .intro_head .intro_info{position:relative; margin-bottom:35px; padding-left:90px; font-size:20px; font-weight:600; color:#303030; line-height:145%; letter-spacing:-0.6px}
.stcintro .intro_head .intro_info:before{content:''; position:absolute; left:0; top:3px; width:69px; height:64px; background:url('../../lib/images/contents/stcintro_head01.png') left 50% no-repeat; background-size:69px 64px}
.stcintro .intro_head .intro_info span{display:block}


.stcintro .intro_head .intro_detail ul{margin-top:-5px}
.stcintro .intro_head .intro_detail ul li{}
.stcintro .intro_head .intro_detail ul li .list_box{position:relative; margin-top:5px; padding:15px 10px; padding-left:55px; border:1px solid #ebebeb; font-weight:normal; letter-spacing:-0.5px; font-size:15px; color:#505050; line-height:155%; border-radius:2px}
.stcintro .intro_head .intro_detail ul li .num{position:absolute; left:10px; top:10px; width:34px; height:34px; line-height:34px; color:#707070; font-size:14px; font-family:mst; font-weight:normal; text-align:center; background:#edeef1; border-radius:50%}


.stcintro .intro_map{padding:25px 0}
.stcintro .intro_map .map_inner{position:relative; width:900px; height:447px; margin:0 auto}

.stcintro .intro_map .list01{position:relative; min-height:75px;  padding:15px 10px; background:#fff; border:1px solid #dadada; text-align:left; box-sizing:border-box}
.stcintro .intro_map .list01 li{line-height:140%; color:#505050; font-weight:normal; font-size:15px; letter-spacing:-0.2px; margin-bottom:10px;  word-break: keep-all}
.stcintro .intro_map .list01 li:last-child{margin-bottom:0}

.stcintro .intro_map .level_line{position:absolute; background:#dadada}

.stcintro .intro_map{position:relative; margin:0 auto; border:1px solid #dadada; box-sizing:border-box}
.stcintro .intro_map .level01{position:absolute; text-align:center; z-index:1}
.stcintro .intro_map .level01.part1{top:30px; left:50%; width:300px; margin-left:-150px}
.stcintro .intro_map .level01 .txt01{display:block; height:125px; padding-top:80px; line-height:155%; margin-bottom:5px; color:#fff; font-weight:600; font-size:20px; letter-spacing:-0.5px; background:#215da4 url('../../lib/images/contents/stcintro_map01.png') 50% 15px no-repeat; background-size:60px 57px; box-sizing:border-box}

.stcintro .intro_map .level02{position:absolute; text-align:center; z-index:1}
.stcintro .intro_map .level02.part1{top:185px; right:50%; width:300px; margin-right:-340px}
.stcintro .intro_map .level02 .txt01{display:block; height:50px; line-height:50px; margin-bottom:5px; color:#fff; font-weight:300; background:#0691af; font-size:15px; letter-spacing:-0.5px}
.stcintro .intro_map .level02 .txt02{line-height:150%; color:#707070; font-weight:normal; background:#fff; font-size:13px; letter-spacing:-0.1px}

.stcintro .intro_map .level03{position:absolute; text-align:center; z-index:1}
.stcintro .intro_map .level03.part1{top:295px; left:50%; width:220px; margin-left:-450px}
.stcintro .intro_map .level03.part2{top:295px; left:50%; width:220px; margin-left:-223px}
.stcintro .intro_map .level03.part3{top:295px; right:50%; width:220px; margin-right:-223px}
.stcintro .intro_map .level03.part4{top:295px; right:50%; width:220px; margin-right:-450px}
.stcintro .intro_map .level03 .txt01{display:block; height:40px; line-height:40px; margin-bottom:5px; border:2px solid #145281; color:#145281; font-weight:300; background:#fff; font-size:15px; letter-spacing:-0.5px}

.stcintro .intro_map .l01{left:50%; top:30px; width:1px; height:225px; margin-left:-0.5px}
.stcintro .intro_map .l02{left:50%; top:255px; width:680px; height:1px; margin-left:-340px}
.stcintro .intro_map .l03{left:50%; top:255px; width:1px; height:40px; margin-left:-340px}
.stcintro .intro_map .l04{left:50%; top:255px; width:1px; height:40px; margin-left:-113px}
.stcintro .intro_map .l05{right:50%; top:255px; width:1px; height:40px; margin-right:-340px}
.stcintro .intro_map .l06{right:50%; top:255px; width:1px; height:40px; margin-right:-113px}
.stcintro .intro_map .l07{right:50%; top:210px; width:50px; height:1px; margin-right:-50px}


/* 위원장 인사말 */
.stcgreeting{position:relative; padding-left:420px}
.stcgreeting:before{content:''; position:absolute; left:50px; top:85px; width:321px; height:558px; background:url('../../lib/images/contents/stcgreeting01.png') 50% 50% no-repeat; background-size:321px 558px}
.stcgreeting .greeting_head{position:relative; margin-bottom:33px}
.stcgreeting .greeting_head strong{display:block; font-weight:600; font-size:30px; color:#303030; line-height:135%; letter-spacing:-1.2px}
.stcgreeting .greeting_head strong > span{color:#0fa5df}
.stcgreeting .greeting_message{position:relative}
.stcgreeting .greeting_message > p{margin-bottom:22px; line-height:180%; font-size:15px; letter-spacing:-0.8px; color:#505050; text-align:justify; word-break:keep-all}
.stcgreeting .greeting_message > p:last-child{margin-bottom:0}


/* 위원소개 */
.stccommit .commit_panel{margin-bottom:45px; overflow:hidden}
.stccommit .commit_panel:last-child{margin-bottom:0}
.stccommit .commit_panel > ul{margin-top:-20px; margin-left:-20px}
.stccommit .commit_panel > ul > li{float:left; width:50%}
.stccommit .commit_panel .panel_box{position:relative; margin-top:20px; margin-left:20px; border:2px solid #ebebeb; box-sizing:border-box}

.stccommit .commit_panel .panel_base{position:relative; min-height:205px; padding:25px 25px 25px 115px; box-sizing:border-box}
.stccommit .commit_panel .panel_base .photo_area{position:absolute; left:25px; top:25px; width:88px; height:99px; background:#f8f8f8; z-index:2; transition:all .20s ease}
.stccommit .commit_panel .panel_base .photo_area img{display:block; position:relative; width:88px; height:99px; z-index:1}
.stccommit .commit_panel .panel_base .photo_area:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; z-index:1}

.stccommit .commit_panel .panel_base .tit_area{position:relative; margin-bottom:25px; padding-left:30px}
.stccommit .commit_panel .panel_base .tit_area:before{content:''; position:absolute; left:15px; top:0; width:2px; height:100%; background:#000}
.stccommit .commit_panel .panel_base .tit_area .tit01{display:block; margin-bottom:5px; line-height:155%; letter-spacing:-0.2px; color:#303030; font-size:17px; font-weight:300}
.stccommit .commit_panel .panel_base .tit_area .tit02{display:inline-block; line-height:135%; letter-spacing:-0.2px; color:#707070; font-size:15px}

.stccommit .commit_panel .panel_base .info_area{position:relative; padding-left:15px}
.stccommit .commit_panel .panel_base .info_area dl{position:relative}
.stccommit .commit_panel .panel_base .info_area dl dt{position:absolute; left:0; padding-left:13px; line-height:150%; letter-spacing:-0.5px; color:#202020; font-size:16px; font-weight:normal}
.stccommit .commit_panel .panel_base .info_area dl dd{position:relative; margin-bottom:5px; padding-left:13px; line-height:150%; color:#707070; letter-spacing:-0.2px; font-size:14px; font-weight:normal}
.stccommit .commit_panel .panel_base .info_area dl dd:before{content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#202020}
.stccommit .commit_panel .panel_base .info_area dl dd:last-child{margin-bottom:0}

.stccommit .commit_panel .panel_box.l1 .panel_base{min-height:148px}
.stccommit .commit_panel .panel_box.l2 .panel_base{min-height:175px}
.stccommit .commit_panel .panel_box.l3 .panel_base{min-height:200px}
.stccommit .commit_panel .panel_box.l4 .panel_base{min-height:226px}


/* 위원회 활동 */
.tl_wrap{position:relative}
.tl_wrap:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; margin-left:-0.5px; background:#dadada}
.tl_wrap .top_year{position:relative; margin-bottom:35px}
.tl_wrap .top_year .year{display:block; width:120px; height:55px; line-height:60px; margin:0 auto; color:#fff; background:#0691af; text-align:center; font-family:ctl; font-weight:normal; font-size:22px; letter-spacing:1px; border-radius:200px; overflow:hidden}

.tl_wrap .tl_list:after{content:''; display:block; clear:both}
.tl_wrap .tl_list > li{position:relative; width:50%; box-sizing:border-box}
.tl_wrap .tl_list > li.tl_l{float:left; padding-right:25px}
.tl_wrap .tl_list > li.tl_r{float:right; padding-left:25px}
.tl_wrap .tl_list > li:before{content:''; position:absolute; top:15px; width:25px; height:25px; background:rgba(25,179,182,0.2); border-radius:50%}
.tl_wrap .tl_list > li:after{content:''; position:absolute; top:23px; width:9px; height:9px; background:rgba(25,179,182,1); border-radius:50%}
.tl_wrap .tl_list > li.tl_l:before{right:-13px}
.tl_wrap .tl_list > li.tl_r:before{left:-13px}
.tl_wrap .tl_list > li.tl_l:after{right:-5px}
.tl_wrap .tl_list > li.tl_r:after{left:-5px}

.tl_wrap .tl_box{position:relative; padding:25px 20px; border:1px solid #dadada; border-radius:4px; box-sizing:border-box}
.tl_wrap .tl_box .date{display:inline-block; margin-bottom:8px; color:#25a1db; font-family:mst; font-size:14px; font-weight:normal; letter-spacing:-0.2px; line-height:135%}
.tl_wrap .tl_box .info_detail dt{margin-bottom:18px; font-size:20px; font-weight:600; color:#303030; line-height:135%; letter-spacing:-1.2px; word-break:keep-all}
.tl_wrap .tl_box .info_detail dd{margin-bottom:5px; font-size:14px; font-weight:normal; color:#707070; line-height:135%; letter-spacing:-0.2px}
.tl_wrap .tl_box .info_detail dd:last-child{margin-bottom:0}


.tl_wrap .tl_list > li.tl_l .tl_box:before
{
	content:''; position:absolute; top:14px; right:-12px;
	border-top:12px solid transparent;
	border-left:12px solid #dadada;
    border-right:0 solid #dadada;
    border-bottom:12px solid transparent
}
.tl_wrap .tl_list > li.tl_l .tl_box:after
{
	content:''; position:absolute; top:15px; right:-11px;
    border-top: 11px solid transparent;
    border-left: 11px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 11px solid transparent;
}
.tl_wrap .tl_list > li.tl_r .tl_box:before
{
	content:''; position:absolute; top:14px; left:-12px;
	border-top:12px solid transparent;
	border-right:12px solid #dadada;
    border-left:0 solid #dadada;
    border-bottom:12px solid transparent
}
.tl_wrap .tl_list > li.tl_r .tl_box:after
{
	content:''; position:absolute; top:15px; left:-11px;
    border-top:11px solid transparent;
    border-right:11px solid #ffffff;
    border-left:0 solid #ffffff;
    border-bottom:11px solid transparent;
}

/* tbd_privacy */
.tbd_privacy{position:relative;border-top:2px solid #74a0c5; box-sizing:border-box}
.tbd_privacy .tbd01{width:100%; table-layout:fixed; border-collapse:collapse}
.tbd_privacy .tbd01 img {vertical-align:middle;}
.tbd_privacy .tbd01 th,
.tbd_privacy .tbd01 td {text-align:center; word-break: break-all;}
.tbd_privacy .tbd01 thead th {border-left:1px solid #d2e0eb; background:#f1f5f8; color:#404040;}
.tbd_privacy .tbd01 tbody th {background:#f1f5f8;}
.tbd_privacy .tbd01 th {border-bottom:solid 1px #d2e0eb; background:#f1f5f8; color:#202020; font-weight:300; padding:9px 10px; height:21px;}
.tbd_privacy .tbd01 td {border-bottom:solid 1px #d2e0eb; border-left:1px solid #d2e0eb; background: #fff; color: #606060; padding: 8px 10px; height: 21px;}

.tbd_privacy{position:relative;border-top:2px solid #74a0c5; box-sizing:border-box}
.tbd_privacy .tbd02{width:100%; table-layout:fixed; border-collapse:collapse}
.tbd_privacy .tbd02 img {vertical-align:middle;}
.tbd_privacy .tbd02 th ,
.tbd_privacy .tbd02 td {text-align:center; word-break: break-all;}
.tbd_privacy .tbd02 thead th {border-left:1px solid #d2e0eb; background:#f1f5f8; color:#404040;}
.tbd_privacy .tbd02 tbody th {background:#f1f5f8;}
.tbd_privacy .tbd02 th {border-bottom:solid 1px #d2e0eb; background:#f1f5f8; color:#202020; font-weight:300; padding:9px 10px; height:21px;}
.tbd_privacy .tbd02 td {border-bottom:solid 1px #d2e0eb; border-left:1px solid #d2e0eb; background: #fff; color: #606060; padding: 8px 10px; height: 21px;}
.tbd_privacy .tbd02 .left th{text-align:left;}

.tbd_privacy{position:relative;border-top:2px solid #74a0c5; box-sizing:border-box}
.tbd_privacy .tbd03{width:100%; table-layout:fixed; border-collapse:collapse}
.tbd_privacy .tbd03 thead th {border-left:1px solid #d2e0eb; background:#f1f5f8; color:#404040;}
.tbd_privacy .tbd03 th {border-bottom:solid 1px #d2e0eb; background:#f1f5f8; color:#202020; font-weight:300; padding:9px 10px; height:21px;}
.tbd_privacy .tbd03 td {border-bottom:solid 1px #d2e0eb; border-left:1px solid #d2e0eb; background: #fff; color: #606060; padding: 8px 10px; height: 21px;}
.tbd_privacy .tbd03 .tct {text-align:center;}

/* wing_down */
.wing_down{position:fixed; right:0; top:0; width:10px; height:10px; z-index:999}
.wing_down .page_down{display:block; width:8px; height:8px; background:none; margin:0; padding:0; cursor:pointer}

/* 모바일 디바이스 대상 컨텐츠 감추기&보이기 */
.mcont_hidden{display:inline-block}
.mtarget .mcont_hidden{display:none}
.mcont_block{display:none}
.mtarget .mcont_block{display:inline-block}