@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body
{
    margin				: 0px ;
    padding				: 0px ;
    overflow-x			: hidden ;
    background			: #f2f5fa;

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}



.container
{
    padding				: 0px 35px;

}

.container2
{
    position			: relative;
    padding				: 20px 52px;
}


/*-----------------------------------------------------------------

 테이블 틀

-----------------------------------------------------------------*/


/* header */
header
{
    position			: fixed;
    z-index				: 10;
    width				: 100%;
    height				: 55px;
    background			: #fff;
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 13px;
    color				: #1d1d1d;
    font-weight			: 400;
    border-bottom		: 1px solid #dbdde2;
}

header a.a1
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #1d1d1d;
    font-weight			: 400;
}

.alerts
{
    position			: relative;
}
.alerts .numbert1
{
    position		: absolute;
    top				: -7px;
    left			: 17px;
    background		: #f21b1b;
    border-radius 	: 50px;
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 11px;
    color				: #fff;
    padding			: 0px 5px 1px 5px;
    letter-spacing	:	-0.8px
}


/* section 내용 */
section
{
    position			: relative;
    z-index				: 1;
    margin-left			: 255px;
    top					: 56px;
}









/* 좌측메뉴 */
.aside_btn
{
    position			: absolute;
    background			: url('../img/menu/aside_btn1.png') center top no-repeat;
    display				: inline-block;
    width				: 25px;
    height				: 80px;
    top					: 0px;
    right				: -25px;


}

.aside_btn_cur
{
    background			: url('../img/menu/aside_btn2.png') left top no-repeat;

}

.aside_bn
{
    position			: absolute;
    left				: 0px;
    bottom				: 59px;

}

aside
{
    position			: fixed;
    z-index				: 2;
    background			: #fff;
    width				: 255px;
    left				: 0;
    top					: 56px;
    bottom				: 0px;

}



.aside_bar
{
    height				: 100%;
    overflow-y			: scroll;
}

.aside_bar::-webkit-scrollbar
{
    display			: none;
}

/*소메뉴1*/
#right_mn .kimmoonhark > li
{
    clear				: both;
}

#right_mn .kimmoonhark>li>a
{
    text-decoration		: none;
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #0e0e0e;
    font-weight			: 400;
    padding-left		: 33px;
    line-height			: 50px;
    height				: 50px;
    display				: block;
}

#right_mn .kimmoonhark>li>a>span
{
    display				: inline-block;
    float: right;
    width: 40px;
    height: 50px;
    margin-right: 20px;
    background			: url('../img/menu/aside_s_bu2.png') center no-repeat;
}

#right_mn .kimmoonhark>li>a.cur,
#right_mn .kimmoonhark>li>a:hover
{
    color				: #fff;
    background			: url('../img/menu/aside_bg1.png') left top no-repeat;
    animation	: Opacity1 0.8s 0s backwards;
}

#right_mn .kimmoonhark>li>a.cur img,
#right_mn .kimmoonhark>li>a:hover img
{
    filter: brightness(0) invert(1);
}


#right_mn .kimmoonhark>li>a.cur span,
#right_mn .kimmoonhark>li>a:hover>span
{
    background			: url('../img/menu/aside_s_bu1.png') center no-repeat;
}
@keyframes Opacity1 { 0% {opacity:0; margin-left:-8px;} 100% {opacity:1; margin-left:0px;} }


/*소메뉴2*/
.s_menu
{
    padding				: 5px 0 10px 0;
    display				: none1;
}

#right_mn .kimmoonhark>li>ul>li>a
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #8f8f8f;
    font-weight			: 400;
    padding-left		: 48px;
    line-height			: 35px;
    display				: block;
    background			: url('../img/menu/aside_s_bu3.png') 33px center no-repeat;
}


#right_mn .kimmoonhark>li>ul>li>a.cur,
#right_mn .kimmoonhark>li>ul>li>a:hover
{
    color				: #f06f1b;
    background			: url('../img/menu/aside_s_bu4.png') 33px center no-repeat;
}






/*-----index2 --23-11-7-----------*/
#header
{
    position			: fixed;
    z-index				: 10;
    width				: 100%;
    height				: 69px;
    background			: #fff;
    border-bottom		: 1px solid #d6e1f2;
}




/*소메뉴1*/
#right_mn .kimmoonhark2 > li
{
    background			: #fff;
    clear				: both;
}

#right_mn .kimmoonhark2 > li > a b
{
    /*
    position			: absolute;
    right				: 14px;
    top					: 10px;
    */
    display				: inline;
    text-align			: left;
    float				: left;
    width				: 30px;
}

#right_mn .kimmoonhark2 > li > a b img
{
    margin-top			: 13px;
}


#right_mn .kimmoonhark2>li>a
{
    text-decoration		: none;
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #001230;
    font-weight			: 500;
    padding-left		: 30px;
    line-height			: 45px;
    height				: 45px;
    background			: #fff;
    display				: block;
    margin				:0 15px 0 10px;
}

#right_mn .kimmoonhark2>li>a.cur
{
    color				: #fff;
    font-weight			: 600;

    background			: #2253b1;
    border-radius		: 8px;
}

#right_mn .kimmoonhark2>li>a>span
{
    display				: inline-block;
    float: right;
    width: 50px;
    height: 45px;
    background			: url('../img/menu/aside_s_bu1.png') center no-repeat;;
}

#right_mn .kimmoonhark2>li>a.cur span
{
    background			: url('../img/menu/aside_s_bu2.png') center no-repeat;;
}


#right_mn .kimmoonhark2>li>a:hover
{
    color				: #fff;
    font-weight			: 600;
    background			: #2253b1;
    border-radius		: 8px;
}



/*소메뉴2*/
.s_menu2
{
    padding				: 5px 0 10px 0;
    display				: none1;
    background			: #fff;
    border				: 1px solid #e1e8f4;
    border-radius		: 0 0 8px 8px;
    margin				: -3px 15px 0 10px;
}

#right_mn .kimmoonhark2>li>ul>li>a
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #666666;
    font-weight			: 600;
    padding-left		: 45px;
    line-height			: 35px;
    height				: 35px;
    display				: block;
}


#right_mn .kimmoonhark2>li>ul>li>a:hover
{
    font-size			: 14px;
    color				: #0076e3;
    font-weight			: 600;
    /*	background			: url('../img/menu/aside_s_bu2.png')180px no-repeat;*/

}

#right_mn .kimmoonhark2>li>ul>li>a.cur1
{
    font-size			: 14px;
    color				: #0076e3;
    /*	background			: url('../img/menu/aside_s_bu2.png')180px no-repeat;*/

}





/*-----------------------------------------------------------------

// 테이블 틀

-----------------------------------------------------------------*/







form , p , h1 , h2 , h3 , h4 , h5 , h6
{
    margin				:	0px ;
    border				:	0px ;
    padding				:	0px ;
}

dl , dd , dt
{
    margin				:	0px ;
    border				:	0px ;
    padding				:	0px ;
}

img
{
    border				:	none ;
    vertical-align		:	top;
}

ul
{
    list-style-type	:	none ;
    margin					:	0px ;
    border					:	0px ;
    padding					:	0px ;
}

table
{
    border-collapse	:	collapse ;
    width						:	100% ;
}

tr , td
{
    padding				:	0px;
    margin				:	0px;
}

input , select , label ,button
{
    vertical-align	:	middle ;
    margin					:	0px ;
}

input , button , select , textarea
{ /*  Google Chrome  인풋트  라인제거  */
    outline		:	none ;
    padding		:	0px ;
}

button
{
    cursor				:	pointer;
}

textarea
{
    resize				:	none ;
}

.hide ,caption
{
    display			:	none ;
}

ul.noline li
{
    font				:	0/0 arial ;
}

ul.ufl li
{
    float				:	left ;
}

a,
a:hover
{
    text-decoration	:	none ;
    color				:	#636363;
}




/*-----------------------------------------------------------------

정렬 스타일

-----------------------------------------------------------------*/

.al
{
    text-align			:	left!important ;
}

.ac
{
    text-align			:	center!important ;
}

.ar
{
    text-align			:	right!important ;
}

.vt
{
    vertical-align		: top!important ;
}

.vm
{
    vertical-align		: middle!important ;
}

.vb
{
    vertical-align		: bottom!important ;
}

.fl
{
    float				:	left ;
}

.fr
{
    float				:	right!important ;
}

.cb
{
    clear				:	both ;
}

.txt_ls
{
    letter-spacing	:	-1px !important
}

/*-----------------------------------------------------------------

padding 스타일

-----------------------------------------------------------------*/

.l01
{
    padding-left		:	1px ;
}
.l03
{
    padding-left		:	3px ;
}

.l05
{
    padding-left		:	5px ;
}

.l06
{
    padding-left		:	6px ;
}

.l08
{
    padding-left		:	8px ;
}

.l10
{
    padding-left		:	10px!important ;
}

.l14
{
    padding-left		:	14px!important ;
}

.l15
{
    padding-left		:	15px!important ;
}

.l16
{
    padding-left		:	16px!important ;
}

.l20
{
    padding-left		:	20px ;
}
.l22
{
    padding-left		:	22px ;
}
.l24
{
    padding-left		:	24px ;
}

.l25
{
    padding-left		:	25px ;
}

.lm20
{
    margin-left		:	20px ;
}

.l30
{
    padding-left		:	30px ;
}

.l33
{
    padding-left		:	33px ;
}

.l40
{
    padding-left		:	40px ;
}

.l45
{
    padding-left		:	45px ;
}
.ml02
{
    margin-left		:	2px ;
}
.ml16
{
    margin-left		:	16px ;
}
.ml25
{
    margin-left		:	25px ;
}


.l50
{
    padding-left		:	50px ;
}

.l70
{
    padding-left		:	70px ;
}

.l75
{
    padding-left		:	75px ;
}

.l100
{
    padding-left		:	100px ;
}

.l150
{
    padding-left		:	150px ;
}
.t01
{
    padding-top		:	1px ;
}
.t03
{
    padding-top		:	3px ;
}
.t04
{
    padding-top		:	4px ;
}

.t05
{
    padding-top		:	5px ;
}

.t06
{
    padding-top		:	6px ;
}

.t07
{
    padding-top		:	7px ;
}

.t08
{
    padding-top		:	8px ;
}

.t10
{
    padding-top		:	10px ;
}

.t12
{
    padding-top		:	12px ;
}

.t13
{
    padding-top		:	13px ;
}

.mt10
{
    margin-top		:	10px ;
}
.mt13
{
    margin-top		:	13px ;
}

.mt20
{
    margin-top		:	20px ;
}
.mt25
{
    margin-top		:	25px ;
}

.mt30
{
    margin-top		:	30px ;
}
.t15
{
    padding-top		:	15px ;
}

.t17
{
    padding-top		:	17px ;
}

.t20
{
    padding-top		:	20px ;
}

.t25
{
    padding-top		:	25px ;
}

.t30
{
    padding-top		:	30px ;
}

.t35
{
    padding-top		:	35px ;
}

.t40
{
    padding-top		:	40px ;
}

.t45
{
    padding-top		:	45px ;
}

.t50
{
    padding-top		:	50px ;
}

.t60
{
    padding-top		:	60px ;
}

.t70
{
    padding-top		:	70px ;
}

.t80
{
    padding-top		:	80px ;
}

.t90
{
    padding-top		:	90px ;
}
.t100
{
    padding-top		:	100px ;
}

.b05
{
    padding-bottom	:	5px ;
}

.b10
{
    padding-bottom	:	10px ;
}

.b20
{
    padding-bottom	:	20px ;
}

.b50
{
    padding-bottom	:	50px ;
}
.b155
{
    padding-bottom	:	155px ;
}

.r01
{
    padding-right		:	1px ;
}

.r03
{
    padding-right		:	3px ;
}

.r05
{
    padding-right		:	5px ;
}

.r07
{
    padding-right		:	7px ;
}

.r08
{
    padding-right		:	8px ;
}

.r10
{
    padding-right		:	10px ;
}

.r13
{
    padding-right		:	13px ;
}

.r15
{
    padding-right		:	15px ;
}

.r20
{
    padding-right		:	20px ;
}

.r25
{
    padding-right		:	25px ;
}

.r30
{
    padding-right		:	30px ;
}

.r40
{
    padding-right		:	40px ;
}

.r50
{
    padding-right		:	50px ;
}
.mr05
{
    margin-right		:	5px ;
}
.mt15
{
    margin-top			:	15px ;
}
.mr20
{
    margin-right		:	20px ;
}
.mr40
{
    margin-right		:	40px ;
}
.mr50
{
    margin-right		:	50px ;
}
.ml10
{
    margin-left		:	10px ;
}
.ml20
{
    margin-left		:	20px ;
}


.ml30
{
    margin-left		:	30px ;
}












/*  스타일 */

.red1
{
    color				: red!important;
}

.color01
{
    color				: #f33543;
}

.color02
{
    color				: #1e1e1e;
}

.color03
{
    color				: #eb6400;
}

.b, strong
{
    font-weight			: 600!important;
}


.line1
{
    border-top			: 1px solid #e0e0e0;
}

.line2
{
    border-top			: 1px solid #d6e1f2;
}

.line3
{
    border-top			: 1px solid #3d3d3d;
}

.line4
{
    border-bottom		: 1px solid #e0e0e0;
}

.brd1
{
    border				: 1px solid #e0e0e0;
}

.radius1
{
    border-radius		: 15px;
    background			: #f6f6fc;
    padding				: 14px 0 20px 0;
    margin				: 0 20px;
}

.radius2
{
    border-radius		: 15px;
    border				: 1px solid #dddddd;
}
.span1
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 12px;
    color				: #0070c0;
    font-weight			: 600;
    border				: 1px solid #0070c0;
    background			: #fff;
    padding				: 4px 10px;
    display				: inline-block;
}


.span2
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #fff;
    font-weight			: 400;
    background			: #2683d0;
    padding				: 2px 10px;
    display				: inline-block;
    border-radius		: 3px;
}

.cont_tit0
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 16px;
    color				: #474747;
}

.cont_tit1
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 18px;
    color				: #474747;
    letter-spacing: -0.6px;
}

.cont_tit1 span
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 16px;
    color				: #eb6400;
}

.cont_tit2
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 16px;
    color				: #222;
}
.cont_tit3
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #f44b8c;
    font-weight			: 400;
}

.cont_tit4
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 16px;
    color				: #252525;
    font-weight			: 800;
}

.cont_text1
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 12px;
    color				: #8c8c8c;
}

.cont_text2
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 14px;
    color				: #4d4c4c;
    line-height			: 25px;
}


.cont_text3
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 24px;
    color				: #262626;
    line-height			: 32px;
}
.cont_text4 a
{
    font-family			: 'NanumGothic','AppleGothic', 'sans-serif';
    font-size			: 12px;
    color				: #14305f;
    border-radius		: 10px;
    padding				: 5px 10px;
    line-height			: 24px;
    font-weight			: 600;
}

.cont_text4 a.cur
{
    font-family			: 'NanumGothic','AppleGothic', 'sans-serif';
    font-size			: 12px;
    color				: #14305f;
    border-radius		: 10px;
    background			: #fff;
    padding				: 5px 10px;
    line-height			: 24px;
    font-weight			: 600;
}
.tit1
{
    font-family			: 'Noto Sans KR', 'Noto Sans hk', '노토산스', 'AppleGothic', 'sans-serif';
    font-size			: 22px;
    color				: #000;
    line-height			: 42px;
    font-weight			: 600;
    border-bottom		: 1px solid #d6e1f2;
    background: url('../img/index2/line1.png') bottom left no-repeat;
}
.tit2
{
    font-family			: 'Nanum Gothic','AppleGothic', 'sans-serif';
    font-size			: 16px;
    color				: #0e0e0e;
    line-height			: 20px;
    font-weight			: 600;
    display				: inline-block;
    background: url('../img/njob/line1.png') bottom left repeat-x;
}