@charset "utf-8";

/** design style **/
.underline_txt{text-decoration:underline;}

/** 블릿 리스트 **/
[class*='bul_type'] li{position:relative;}
[class*='bul_type'] li:before{content:'';display:block;position:absolute;}
.bul_type01 li{margin:5px 0 0;padding-left:10px;}
.bul_type01 li:before{top:8px;left:0;width:5px;height:1px;background:#555;}
.bul_type01 li:first-child{margin-top:0;}
p.bul_type02{margin-top:5px;margin-bottom:6px;padding-left:9px;color:#545454;background:url(../images/contents/bul_title-type4.png) no-repeat left 9px;font-size:15px;font-weight:400;line-height:21px;}

/** tab fixed : inside_tab **/
.base-tab.fixed.inside_tab ul{margin-bottom:10px;}
.base-tab.fixed.inside_tab li{min-width:251.6px}

/** font color **/
.cl_blue{color:#096dc7 !important;}
.cl_red{color:#cb0005 !important;}

/** button **/
.btn_rdc{display:inline-block;margin-left:10px;min-width:33px;height:18px;line-height:18px;color:#fff;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;border-radius:25px;background-color:#27a4bc;}
.btn_rdc span{position:relative;}
.btn-mini{height:22px;line-height:20px;font-size:12px;}
.btn-mini span{padding:0 10px;}

table .del-btn{padding:3px 5px;}

/** title style **/
[class*='con_tit_']{margin-bottom:15px;font-size:17px;font-weight:bold;background-repeat:no-repeat;background-position:0 0;}
.con_tit_type1{padding-top:15px;font-size:21px;color:#111;background-image:url(../images/contents/bul_title-type1.png)}
.con_tit_type2{padding-left:19px;color:#222;background-image:url(../images/contents/bul_title-type2.png);background-position-y:50%;}
.con_tit_type3{margin-top:15px;padding-left:15px;color:#333;background-image:url(../images/contents/bul_title-type3.png);background-position:2px 7px;}
.con_tit_other,.con_tit_dot{padding-left:9px;color:#444;background-image:url(../images/contents/bul_title-type4.png);background-position-y:50%;}
.con_tit_other{font-family:'NanumGothicB';}
.con_tit_dot{font-family:'NanumSquareB';}

/** tr data view **/
.wrap_box{padding:20px;border:1px dashed #c8c8c8;background:#fdfdfd;}
.wrap_info a{text-decoration:underline;}
.wrap_info > table > * > tr > *{border-right:1px solid #c1c1c1;}
.wrap_info > table > * > tr > *:last-child{border-right-width:0;}
.wrap_info .wrap_area{display:none;}
.wrap_info .wrap_area > td{padding:20px;background:#f7f7f7;}
.wrap_info .wrap_click td{background:#e6f5f8;}

.wrap_info .wrap_view th{color:#fff;background:#63676d;}
.wrap_info .wrap_view > * > tr > *{padding:5px;font-size:14px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.wrap_info .wrap_view > * > tr > *:last-child{border-right-width:0;}

.wrap_info .svitlist .table-area tbody td{padding:12px 0 11px;font-size:13px;text-align:center;}

/** menu_icon **/
.menu_icon{overflow:hidden;padding:28px;background:#f7f7f7;}
.menu_icon ul{margin-top:-18px;margin-left:-15px;}
.menu_icon ul li,.menu_icon ul li a{box-sizing:border-box;}
.menu_icon ul li{overflow:hidden;height:auto;margin-top:15px !important;margin-left:15px !important;}
.menu_icon ul li a{display:flex;justify-content:center;align-items:center;position:relative;height:105px;padding-top:65px;padding-bottom:10px;line-height:20px;font-size:14px;border-left:1px solid #ddd;border-radius:5px;}
.menu_icon ul li a i{font-style:normal}
.menu_icon.base-tab.grid7 li{left:0 !important;width:calc(100%/7 - 15.1px) !important;border-left-width:0 !important;}
	[class*='ico_m']:before{content:'';display:block;position:absolute;top:10px;left:calc(50% - 30px);width:60px;height:60px;background-repeat:no-repeat;background-position:0 0;}
	[class*='ico_m']:hover:before,
	.active [class*='ico_m']:before{transition:all 1s ease;background-position-y:-60px;}	
	.ico_m1:before{background-image:url(../images/ico/ico_menu01.png)}
	.ico_m2:before{background-image:url(../images/ico/ico_menu02.png)}
	.ico_m3:before{background-image:url(../images/ico/ico_menu03.png)}
	.ico_m4:before{background-image:url(../images/ico/ico_menu04.png)}
	.ico_m5:before{background-image:url(../images/ico/ico_menu05.png)}
	.ico_m6:before{background-image:url(../images/ico/ico_menu06.png)}
	.ico_m7:before{background-image:url(../images/ico/ico_menu07.png)}
	.ico_m8:before{background-image:url(../images/ico/ico_menu08.png)}
	.ico_m9:before{background-image:url(../images/ico/ico_menu09.png)}
	.ico_m10:before{background-image:url(../images/ico/ico_menu10.png)}
	.ico_m11:before{background-image:url(../images/ico/ico_menu11.png)}
	.ico_m12:before{background-image:url(../images/ico/ico_menu12.png)}
	.ico_m13:before{background-image:url(../images/ico/ico_menu13.png)}
	.ico_m14:before{background-image:url(../images/ico/ico_menu14.png)}
	.ico_m15:before{background-image:url(../images/ico/ico_menu15.png)}
	.ico_m16:before{background-image:url(../images/ico/ico_menu16.png)}
	.ico_m17:before{background-image:url(../images/ico/ico_menu17.png)}
	.ico_m18:before{background-image:url(../images/ico/ico_menu18.png)}
	.ico_m19:before{background-image:url(../images/ico/ico_menu19.png)}
	.ico_m20:before{background-image:url(../images/ico/ico_menu20.png)}
	.ico_m21:before{background-image:url(../images/ico/ico_menu21.png)}

/** 다운로드 서비스 **/
.wrap_tit.dlexplan-header h3{line-height:65px;}
.wrap_tit.dlexplan-header .location{top:50%;right:15px;transform:translateY(-50%)}
.wrap_tit.dlexplan-header .location li{float:none}
.wrap_flex,.wrap_flex .wrap_btn,.wrap_flex .wrap_btn a,.wrap_flex .wrap_lst{display:flex;justify-content:space-between;}
.wrap_flex{overflow:visible !important;height:139px !important;padding:20px;}
.wrap_flex .wrap_btn{flex-direction:column;width:170px;}
.wrap_flex .wrap_btn a{align-items:center;height:44px;}
.wrap_flex .wrap_lst{width:calc(100% - 380px);margin:0 20px;}
.wrap_flex .wrap_lst > div{width:calc(50% - 10px);border:1px solid #26a4ba;background:#fff;}
.wrap_lst_tit{display:block;padding:6px 20px;color:#fff;background:#26a4ba;}
.wrap_lst_scroll{overflow:hidden;overflow-y:auto;height:59px;padding:0 20px;box-sizing:border-box;}
.wrap_lst_scroll li{margin-top:5px;}
.wrap_lst_scroll li *{overflow:hidden;display:block;height:23px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;}

/** 모달팝업 **/
.wrap_layer_box .bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:9999}
.wrap_layer_box .open{z-index:1}
.wrap_layer_box .open i{z-index:-1}
.wrap_layer_box .layer_box{display:none;overflow:hidden;position:fixed;top:50%;left:50%;width:calc(100% - 40px);max-width:800px;max-height:calc(100vh - 40px);padding:0 30px;transform:translate(-50%,-50%);background:#fff;z-index:9999;}
.wrap_layer_box .layer_box .layer_title{display:block;position:relative;margin:0;padding:20px 50px 10px 0;line-height:28px;color:#222;font-size:20px;font-weight:500;text-align:left;background-color:#fff;}
.wrap_layer_box .layer_box .layer_content{overflow:auto;position:relative;height:auto;max-height:calc(100vh - 94px);padding:25px 0 30px;background:#fff;}
.wrap_layer_box .layer_box .layer_content:before{content:'';display:block;position:absolute;top:1px;left:0;width:100%;height:1px;background:#dfdfdf;}
.wrap_layer_box .layer_box .close{display:block;position:absolute;top:17px;right:25px;width:32px;height:32px;font-size:0;text-indent:-9999px;background:transparent;;z-index:10;}
.wrap_layer_box .layer_box .close:before,.layer_box .close:after{content:'';display:block;position:absolute;top:calc(50% - 14px);left:50%;width:1px;height:28px;transform:rotate(45deg);background:#858b98;}
.wrap_layer_box .layer_box .close:after{transform:rotate(-45deg)}

.layer_tbl{border-top:1px solid #777;}
.layer_tbl table{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;border-bottom:1px solid #e0e0e0;word-break:break-all}
.layer_tbl table > * > tr{border-top:1px solid #e0e0e0}
.layer_tbl table > thead > tr:first-child{border-top:0}
.layer_tbl table > * > tr > *{padding:10px 15px;line-height:18px;color:#000;letter-spacing:-0.03em;text-align:center;border-right:1px solid #e0e0e0;vertical-align:middle;background:#fff}
.layer_tbl table > * > tr > *:last-child{border-right-width:0}
.layer_tbl table > * > tr > *[scope]{padding-right:5px;padding-left:5px;color:#222;font-weight:500;background:#f5f5f5}
.layer_tbl.tr_hover table > tbody > tr.active > *,.layer_tbl.tr_hover table > tbody > tr:hover > *{background:#eef3f8;}
.layer_tbl span.file{min-height:23px;height:auto;}
.layer_content .info_total{display:block;padding:10px;line-height:17px;text-align:left;border-bottom:1px solid #e0e0e0;}

.layer_info_path{display:inline-block;font-size:15px;letter-spacing:-1px;}
.layer_info_path > i{display:inline-block;position:relative;padding-right:5px;padding-left:10px;color:#555;font-style:normal}
.layer_info_path > i:before{content:'>';display:block;position:absolute;left:0;font-size:10px;}
.layer_info_path > i:last-child{padding-right:0;}
.layer_info_path > i:first-child:before{display:none;}