@charset "UTF-8";

/*템플릿*/
.slideMenu {
    z-index: 100;
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #2d323c;
    display: none;
    overflow: auto;
}
.dep1 li > a {
    position: relative;
    border-top: 1px solid #575b63;
    color: #FFF;
    padding: 12px 15px;
    background: #2d323c;
    display: block;
    font-size: 16px;
}
.slideMenu .selected {
    color: #ff0000 !important;
}
.dep2 {
    display: none;
    background: #20252d;
}
.dep2 li > a {
    border-top: 1px solid #575b63;
    color: #FFF;
    padding: 12px 15px 12px 30px;
    display: block;
    font-size: 15px;
    background: #20252d url(/_res/m/img/comm/bl_sub.png) no-repeat 15px center;
    background-size: 5px auto;
}
.dep3 {
    display: none;
    background: #1a1c23;
}
.dep3 li > a {
    border-top: 1px solid #373b42;
    color: #FFF;
    padding: 10px 15px 9px 45px;
    display: block;
    font-size: 14px;
    background: #1a1c23 url(/_res/m/img/comm/bl_sub.png) no-repeat 30px center;
    background-size: 5px auto;
}
.main_wrap{width:100%;}
.head_wrap{width:100%;}
.main_con_wrap{border-bottom:1px solid #cdcdcd;width:100%;background:url(/_res/jiniworks/img/common/main_gnb_bg.png) repeat-x;}
.main_content{width:100%;}
#content{width:100%;}
.sub_vi_wrap{width:100%;border-bottom:1px solid #cdcdcd;}
.nav_resize{margin: 0 auto;width: 1000px;}
.aside_wrap{float:left;background-color:#f5f5f5;width:100%;padding:20px 0 10px 0;}
.foot_wrap{float: left;width:100%;background-color:#000;}

body{font-family:'nanumgothic','nanumgothicextrabold';color:#111111;font-size:14px;}
a{color:#111111;}
.tit_p{padding:0 0 10px 0;font-size:22px;line-height:28px;}
.con_p{line-height:24px;}
.foot_p{color:#fff;}
.foot_p a{color:#fff;font-weight:bold;}

/*메인메뉴*/
.main_mnu_bg{position:absolute;top:105px;height:266px;width:100%;display: none;z-index:9;border-bottom:2px solid #21a9db;background-color:#fff;}
.main_gnb li{font-size:16px;font-weight:normal;color:#2f2f2f}
.main_gnb li ul li{font-size:14px;font-weight:normal;color:#2f2f2f}
.gnb_ul{border-right: 1px solid #dfdfe1;padding: 15px 0 10px;z-index: 9998;}

.top_a_ul{background-color:#21a9db}
.top_a_ul a{font-weight:bold;color:#fff;padding:5px 0px;text-align:center; }
.top_a_ul a._col{background-color:#dedede}
._btn{position:absolute;left:auto !important;right:20px;top:20px}
.main_con_ul ._li{background-color: #fff;}

/*서브메뉴*/
.sub_mn_title{font-weight:normal;color:#fff;background-color:#4ca4b7;text-align:center;padding:40px 0 ;}
.sub_mn {border-top: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.sub_mn li._li{border-bottom: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;}
.sub_mn li .a01.jw_selected {background:url(/_res/jiniworks/img/common/sub_bg_bar.gif) repeat-y scroll 0 0;color: #45474a;}
.sub_mn li .a01 {font-size: 14px;padding: 15px 0 15px 20px;}
.sub_mn_ul{padding:10px 0 10px 0;border-top: 1px solid #e2e2e2;}
.sub_mn_ul li{border-bottom:none;border-left:none;}
.sub_mn_ul li a{padding: 5px 0 5px 25px;background:url(/_res/jiniworks/img/common/bg_dot01.gif) no-repeat 18px 12px;}
.sub_mn_ul li a:hover{text-decoration:underline;}
.sub_mn_ul li a.jw_selected{text-decoration:underline;}

.sub_tab_ul{border-left:1px solid #cdcdcd;}
.sub_tab_ul li{float:left;border-right:1px solid #cdcdcd;border-top:1px solid #cdcdcd;}
.sub_tab_ul li a{text-align:center;padding:10px 0 ;}

/*모바일 메뉴*/
.mo_mn_bg{background-color:#0699b9;}
.h3_tit02{color:#fff;font-size:20px;padding:5px 0 0 0;}
.sub_title{font-weight:normal;width:100%;position:relative}
.sub_title .h3_tit02{font-weight:normal;}
.btn_prev{position:absolute;left:10px;top:0;}
.btn_next{position:absolute;right:10px;left:auto !important;top:0;}

/*푸터*/
.foot_link{overflow:hidden;}

/*메인비쥬얼
#visual { z-index: 1; position: relative; width: 1600px; height: 771px; margin-left:-800px; left:50%;}

.bg_visual{overflow:hidden;}

ul.visual_ul > li:first-child { z-index: 1;  }

.vindicator { top:-230px; text-align: center; z-index: 2; }
.vindicator ul { display: inline-block !important; moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; opacity: .8; background-color:black; overflow: hidden; padding: 6px 4px; line-height:0;}
.vindicator ul > li > a { margin: 0 4px; display: inline-block; }

.vindicator ul > li > a img { vertical-align: baseline; }
.vindicator ul > li > a.play, .vindicator ul > li > a.pause { width:11px; height:11px; }
.vindicator ul > li > a.play { width:14px; background: url(/_res/kr/img/index/btn_pop_play.png) center center no-repeat;}
.vindicator ul > li > a.pause { background: url(/_res/kr/img/index/btn_pop_stop.png) center 0 no-repeat;}

.vindicator ul > li > a.guide { width: 11px;  height: 11px;  moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color:gray; }
.vindicator ul > li > a.guide.active { width: 80px; background-color:white; }
*/
/*상단팝업*/
#mainpopup {
    position: relative;
    width: 100%;
    height: 58px;
    overflow: visible;
    background-color:#efefef;
    z-index: 3;
}

.mainpopupZone {
    position: relative;
    width: 1000px;
    height: 0px;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto;
}
.mainpopup1 {
    position: relative;
    top: 1px;
    bottom: 1px;
    float: left;
     width: 865px;
    overflow: hidden;
}

.mainpopuptext {
    float: right;
    height: 45px;
    letter-spacing: -1px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 20px;
    width: 134px;
}
.mainpopuptext a{padding:0 0 0 10px
   
}
.mainpopuptext input[type="checkbox"] {
    margin-top: -2px;
}


/*테이블*/
.manual_table {
    border-bottom: 1px solid #0076ff;
    border-collapse: collapse;
    border-top: 2px solid #00418d;
    color: #555555;
    font-size: 14px;
    table-layout: fixed;
    width:100%
}
.manual_table tbody th {
    background-color: #e0eeff;
    border-bottom: 1px solid #d2d5d6;
    border-right: 1px solid #d2d5d6;
    color: #013571;
    font-weight: bold;
    line-height: 18px;
    padding: 15px 0px;
}

.manual_table tbody td {
    border-bottom: 1px solid #d2d5d6;
    border-left: 1px solid #d2d5d6;
    border-right: 1px solid #d2d5d6;
    padding: 15px;
    text-align: center;
}
.td_left {
    text-align: left !important;
    padding:15px;
}

.no_right {
    border-right: 0 none !important;
}
/*관련사이트*/
.f_link01{padding:10px 20px; float:left;}
.f_link01 > ul {display:none;}
.f_link01 > a{display:block;padding:10px 70px 10px 10px;border:1px solid #cdcdcd;background:url(/_res/jiniworks/img/common/foot-arrow-down.png) no-repeat 100% 0;}
.f_link01 > a.selected{background:url(/_res/jiniworks/img/common/foot-arrow-up.png) no-repeat 100% 0;}
.f_link02{padding:10px 20px; float:left;}
.f_link02 > ul {display:none;}
.f_link02 > a{display:block;padding:10px 70px 10px 10px;border:1px solid #cdcdcd;background:url(/_res/jiniworks/img/common/foot-arrow-down.png) no-repeat 100% 0;}
.f_link02 > a.selected{background:url(/_res/jiniworks/img/common/foot-arrow-up.png) no-repeat 100% 0;}
.f_link03{padding:10px 20px; float:left;}
.f_link03 > ul {display:none;}
.f_link03 > a{display:block;padding:10px 70px 10px 10px;border:1px solid #cdcdcd;background:url(/_res/jiniworks/img/common/foot-arrow-down.png) no-repeat 100% 0;}
.f_link03 > a.selected{background:url(/_res/jiniworks/img/common/foot-arrow-up.png) no-repeat 100% 0;}