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

/*초기셋팅*/
body{
    font-weight: 400;
    font-size:13px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    background-color: #f0f2f5;
    font-family: 'Roboto', 'Noto Sans', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialised;
    color:#000000;
    margin: 0px;
    padding: 0px;
}

ul,li{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

button{
    border: none;
}

a{
    color: #181818;
    text-decoration: none;
}
.underline_bt:hover{
    text-decoration: underline;    
}

.bt{
    cursor: pointer;
}
.Vspace5{
    padding-top: 5px;
}
.Vspace10{
    padding-top: 10px;
}
.Vspace20{
    padding-top: 20px;
}
.Vspace50{
    padding-top: 50px;
}
/*flex/////////////////////////////////////////*/

.flex_column{
    display:flex; 
    flex-direction: column;
    align-items:center;
}

.flex_between{
    display:flex; 
    justify-content: space-between;
    align-items:center;
}

.flex_center{
    display:flex; 
    justify-content:center; 
    align-items:center;
}

.flex_left{
    display:flex; 
    justify-content:left; 
    align-items:center;
}
/*flex/////////////////////////////////////////*/

.box_spot{    
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.w80{  
    width: 80px;  
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}
.box_spot.w100{  
    width: 100px;  
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}
.box_spot.w110{  
    width: 110px;  
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

/*///////////////////////////////////////////*/

.box_spot.grey{    
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.darkgrey{    
    background-color: #828b9a;  
    border: 1px solid #77808e;
    color: #fff;
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.green{    
    background-color: #1f8565;  
    border: 1px solid #186a50;
    color: #fff;
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.yellow{    
    background-color: #feda08;  
    border: 1px solid #ebc807;    
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.black{    
    background-color: #3d3d3d;  
    border: 1px solid #252525;
    color: #fff;  
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.LiteRed{    
    background-color: #fa7373;  
    border: 1px solid #db6666;
    color: #fff;  
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.darkRed{    
    background-color: #d51635;  
    border: 1px solid #bd1531;
    color: #fff;  
    padding: 5px 10px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}



.box_spot.grey.w80{  
    width: 80px;  
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}
.box_spot.grey.w100{  
    width: 100px;  
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}

.box_spot.grey.w110{  
    width: 110px;  
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;    
}
/*///////////////////////////////////////////*/

.box_spot_left{
    width: 100%;
    display:flex; 
    justify-content:left; 
    align-items:center;
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    padding: 10px;    
    box-sizing: border-box;    
}

.box_spot.whiteBG_left{
    width: 100%;
    display:flex; 
    justify-content:left; 
    align-items:center;
    background-color: #ffffff;  
    border: 1px solid #e8e8e8;  
    padding: 10px;    
    box-sizing: border-box;
    text-align: center;     
}

.box_spot.greyBG_left{
    width: 100%;
    display:flex; 
    justify-content:left; 
    align-items:center;
    background-color: #fafafa;  
    border: 1px solid #e8e8e8;  
    padding: 10px;    
    box-sizing: border-box;
    text-align: center;     
}


.box_spot.whiteBG_center{
    width: 100%;
    display:flex; 
    justify-content:center; 
    align-items:center;
    background-color: #ffffff;  
    border: 0px solid #e8e8e8;  
    padding: 5px;    
    box-sizing: border-box;
     
}

.box_spot.whiteBG_center_column{
    width: 100%;    
    background-color: #ffffff;  
    border: 0px solid #e8e8e8;  
    padding: 5px;    
    box-sizing: border-box;
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;  
}

.box_spot.grey_center{
    width: 100%;
    display:flex; 
    justify-content:center; 
    align-items:center;
    background-color: #fafafa;  
    border: 1px solid #e8e8e8;  
    padding: 5px;    
    box-sizing: border-box;     
}

.box_spot.greenBG_center{
    width: 100%;
    display:flex; 
    justify-content:center; 
    align-items:center;
    background-color: #1f8565;
    border: 1px solid #186a50;
    padding: 5px;    
    box-sizing: border-box;
    
    color:#FFFFFF;
}
.box_spot.greenBG.bt{
    width: 100%;
    display:flex; 
    justify-content:center; 
    align-items:center;
    background-color: #1f8565;
    border: 1px solid #186a50;
    padding: 10px 0px;    
    box-sizing: border-box;    
    color:#FFFFFF;
    cursor: pointer;
    transition-duration: 0.3s;
}
.box_spot.greenBG.bt:hover{
    background-color: #5b79fe;
    color: #FFFFFF;
}

.box_spot.whiteBG.bt{
    width: 100%;
    display:flex; 
    justify-content:center; 
    align-items:center;
    background-color: #FFFFFF;  
    border: 1px solid #d9d9d9;  
    padding: 10px 0px;    
    box-sizing: border-box;
    cursor: pointer;
    transition-duration: 0.3s;
    font-size: 15px;
    font-weight: 900;
}
.box_spot.whiteBG.bt:hover{
    background-color: #5b79fe;
    color: #FFFFFF;
}

/*초기셋팅*/

/*/////////white_bg////////////////////////////*/
#white_bg{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255,255,255,0.92); */
    background-color: #FFFFFF;
    display:flex; 
    justify-content:center; 
    align-items:center;
    z-index:500; 
}

/*//////////////////레이어 팝업/////////////////////////*/

/*서브레이어팝업/////////////////*/
#Main_divpop{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;    
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;
    z-index:400; 
    background-color: rgba(0,0,0,0.6);    
}

#Main_divpop .layerContent{
    position: relative;
}
#Main_divpop .layerContent .item_top{     
    display:flex; 
    justify-content: space-between;
    align-items:center;
}
#Main_divpop .layerContent .item_top .close_desc{   
    font-weight: 700;
    color: #FFFFFF;
}
#Main_divpop .layerContent .item_top .close_desc input{
    accent-color: green;
    vertical-align:-2px;
    margin-right: 7px;
}

#Main_divpop .layerContent .item_top .close_bt img{    
    width:35px;
    transition-duration: 0.2s;
}

#Main_divpop .layerContent .item_top .close_bt:hover img{
    transform: rotate( 720deg );
    filter: invert(90%) sepia(91%) saturate(6564%) hue-rotate(360deg) brightness(105%) contrast(102%);
}
#Main_divpop .layerContent .item_bottom{
    margin-top: 10px;
    background-color: #FFFFFF;
    padding: 20px;
    border: 5px solid #feda08;
}

#Main_divpop .layerContent .item_bottom_imgBN{
    margin-top: 10px;
    background-color: #b279ff;
}
#Main_divpop .layerContent .item_bottom_imgBN img{
    display: block;
}

/*서브레이어팝업//////////////////////////////////////*/
#divpop{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;    
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;
    z-index:400; 
    background-color: rgba(0,0,0,0.6);    
}

#divpop .layerContent{
    position: relative;
}
#divpop .layerContent .item_top{     
    display:flex; 
    justify-content: space-between;
    align-items:center;
}
#divpop .layerContent .item_top .close_desc{   
    font-weight: 700;
    color: #FFFFFF;
}
#divpop .layerContent .item_top .close_desc input{
    accent-color: green;
    vertical-align:-2px;
    margin-right: 7px;
}

#divpop .layerContent .item_top .close_bt img{    
    width:35px;
    transition-duration: 0.2s;
}

#divpop .layerContent .item_top .close_bt:hover img{
    transform: rotate( 720deg );
    filter: invert(90%) sepia(91%) saturate(6564%) hue-rotate(360deg) brightness(105%) contrast(102%);
}
#divpop .layerContent .item_bottom{
    margin-top: 10px;
    background-color: #FFFFFF;
    padding: 20px;
    border: 5px solid #b279ff;
}

#divpop .layerContent .item_bottom_imgBN{
    margin-top: 10px;
    background-color: #b279ff;
}
#divpop .layerContent .item_bottom_imgBN img{
    display: block;
}

/*2번쨰 레이어팝업*/
#divpop2{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;    
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;
    z-index:400; 
    background-color: rgba(0,0,0,0.6);    
}

#divpop2 .layerContent{
    position: relative;
}
#divpop2 .layerContent .item_top{     
    display:flex; 
    justify-content: space-between;
    align-items:center;
}
#divpop2 .layerContent .item_top .close_desc{   
    font-weight: 700;
    color: #FFFFFF;
}
#divpop2 .layerContent .item_top .close_desc input{
    accent-color: green;
    vertical-align:-2px;
    margin-right: 7px;
}

#divpop2 .layerContent .item_top .close_bt img{    
    width:35px;
    transition-duration: 0.2s;
}

#divpop2 .layerContent .item_top .close_bt:hover img{
    transform: rotate( 720deg );
    filter: invert(90%) sepia(91%) saturate(6564%) hue-rotate(360deg) brightness(105%) contrast(102%);
}
#divpop2 .layerContent .item_bottom{
    margin-top: 10px;
    background-color: #FFFFFF;
    padding: 20px;
    border: 5px solid #b279ff;
}

/*//////////////////레이어 팝업/////////////////////////*/


/*agePass step - start*/
.memberCheck_wrap{
    display:flex; 
    justify-content:center; 
    align-items:center;    
    flex-direction: column;    
}
.memberCheck_wrap .author_wrap{
    background-color: #FFFFFF;
    padding: 30px;  
    border-radius: 30px;
}
.memberCheck_wrap .memberCheck_top{
    display:flex;
    position: relative;
    width: 100%;    
}


.memberCheck_wrap .memberCheck_top .item.left img{
    width: 150px;
}
.memberCheck_wrap .memberCheck_top .item.right{
    margin-left: 70px;
}
.memberCheck_wrap .memberCheck_top .item.right .item_bt{
    margin-top: 7px;
}


.memberCheck_wrap .memberCheck_bottom{
    display:flex; 
    justify-content: space-between;
    align-items:center;
    position: relative;
    width: 100%;
    margin-top: 30px;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
}
.memberCheck_wrap .memberCheck_bottom .item{
    width: 50%;    
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.memberCheck_wrap .memberCheck_bottom .item .item_tittle{
    font-size: 16px;
    font-weight: 700;      
    text-align: center;
    margin: 10px 0px;
}
.memberCheck_wrap .memberCheck_bottom .item .item_content{
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;    
    box-sizing: border-box;
    display:flex;
    justify-content:center; 
    align-items:center;
    height: 120px;
    margin-bottom: 40px;
}
.memberCheck_wrap .memberCheck_bottom .item .item_content .item_bt.first{
    margin-right: 10px;
}


.memberCheck_wrap .memberCheck_bottom .item .item_content .login_group{    
    display: flex;
    width: 100%;
    position: relative;
    
}

.memberCheck_wrap .memberCheck_bottom .item .item_content .login_group .login_input input {
    width: 133px;
    height: 25px;
    padding: 10px 10px;     
    box-sizing: border-box;
    border:1px solid #ddd;
    background-color: #fff;
    
}
.memberCheck_wrap .memberCheck_bottom .item .item_content .login_group .login_input .login_input_item.area{
    margin-bottom: 7px;
}
.memberCheck_wrap .memberCheck_bottom .item .item_content .login_group .login_bt{
    padding: 0px 27px;
    background-color: #d51635;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 900;
    font-size: 15px;
    line-height: 57px;
    margin-left: 8px;
    border: 0px;
    color: #FFFFFF;
}

.memberCheck_wrap .memberCheck_bottom .item .item_content .login_etc_bt_top{
    display: flex;
    margin-top: 5px;
    color: #696969;
}
.memberCheck_wrap .memberCheck_bottom .item .item_content .login_etc_bt_top .login_etc_bt_item{
    margin-right: 20px;
    font-size: 12px;
}
.memberCheck_wrap .memberCheck_bottom .item .item_content .login_etc_bt_top .login_etc_bt_item input{
    accent-color: green;
    vertical-align:-2px;
    margin-right: 7px;
}

.memberCheck_wrap .memberCheck_bottom .item .member_guideDesc{
    position: absolute;
    bottom:10px;
    left:-5px;
}

.memberCheck_wrap .agePass_URL{
    margin-top: 20px;
    text-align: center;
}

/*agePass step - end*/

/*메인페이지 최상단배너*/
.MainBanner_wrap{
    
    background-color: #feda08; 
    display:flex; 
    justify-content:center; 
    align-items:center;    
    
}
.MainBanner_wrap .MainBanner{
    /*border: 1px solid #181818;*/
    position: relative;
    min-width: 1150px;    
    text-align: center;    
    height: 50px; 
}
.MainBanner_wrap .MainBanner .MainBanner_content{
    font-size: 20px;
    font-weight: 700;    
}
.MainBanner_wrap .MainBanner .MainBanner_close_bt{
    position: absolute;
    top:10px;
    right: 10px;
    font-size: 14px;
    font-weight: 700;
    color:#000;
}
/*메인페이지 최상단배너*/

/*ETC메뉴*/
.etcmenu_wrap{
    background-color: #fafafa;
    border-bottom: 1px solid #eaeaea;
    display:flex; 
    justify-content:center; 
    align-items:center;
}
.etcmenu_wrap .etcmenu{    
    position: relative;
    min-width: 1150px;    
    display:flex;
    height: 31px;    
}

/*ETC 메뉴 A/////////////////////////////////////*/
.etcmenu_wrap .etcmenu .etcmenu_areaA{
    display:flex;
    margin-top: 5px;
    margin-right: 20px;    
    /*border: 1px solid #000;*/
}
.etcmenu_wrap .etcmenu .etcmenu_areaA .front_svg img{
    width:22px;
}
.etcmenu_wrap .etcmenu .etcmenu_areaA .back_svg img{
    width:20px;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}
.etcmenu_wrap .etcmenu .etcmenu_areaA .ggkeyword{
    width: 62px;
    height: 21px;
    margin: 0px 7px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    text-align: center; 
    padding-top: 2px;
    box-sizing: border-box;    
}
/*ETC 메뉴 A/////////////////////////////////////*/

/*ETC 메뉴 B/////////////////////////////////////*/
.etcmenu_wrap .etcmenu .etcmenu_areaB{
    margin-top: 7px;
    height: 20px;
    display:flex;    
}
.etcmenu_wrap .etcmenu .etcmenu_areaB .item{
    border-left: 1px solid #dddddd;
    padding: 0px 10px;
    box-sizing: border-box;

}
.etcmenu_wrap .etcmenu .etcmenu_areaB .item a{
    color: inherit;    
}
.etcmenu_wrap .etcmenu .etcmenu_areaB img{
    width:20px;
    vertical-align: middle;
    margin-right: 5px;
}

/*ETC 메뉴 B/////////////////////////////////////*/

/*ETC 메뉴 C/////////////////////////////////////*/
.etcmenu_wrap .etcmenu .etcmenu_areaC{
    display:flex;    
    position: absolute;
    right: 0px;
    margin-top: 8px;
    margin-right: 0px;    
}
.etcmenu_wrap .etcmenu .etcmenu_areaC .item{
    border-left: 1px solid #dddddd;
    padding: 0px 10px;
}
.etcmenu_wrap .etcmenu .etcmenu_areaC .item.end{
    padding: 0px 0px 0px 10px;
}
.etcmenu_wrap .etcmenu .etcmenu_areaC .item a{
    color: inherit;    
}
/*ETC 메뉴 C/////////////////////////////////////*/
/*ETC메뉴*/


/*헤더*/
.header_wrap{
    background-color: #ffffff;
    display:flex; 
    justify-content:center; 
    align-items:center;
    height: 100px;
}
.header_wrap .header{
    /*border: 1px solid #181818;*/
    min-width: 1150px;
    text-align: center;
    display:flex; 
    justify-content:center; 
    align-items:center;
    height: 100%;
}

/*로고////////////////////////////////////*/
.header_wrap .header .box_item{
    width: 33%;
    height: 100%;
    /*border: 1px solid #181818;*/
    height: 100%;
    box-sizing: border-box;
}
.header_wrap .header .box_item.logo_section{
    position: relative;
    
}

.header_wrap .header .box_item.logo_section .logo_bt img{
    width: 180px;
}
.header_wrap .header .box_item.logo_section .logo_bt{
    position: absolute;
    top:28px;
    left: 0px;
    z-index: 2;
}
.header_wrap .header .box_item.logo_section .logo_bg{
    position: absolute;
    top:0px;
    left: 120px;
    width:200px;  
    height: 100px;
    overflow: hidden;
    /*background-image: url('../img2/logoBG5.png');*/
    background-position: center center;
    background-repeat: no-repeat;
    
}
/*로고////////////////////////////////////*/

/*검색////////////////////////////////////*/
.header_wrap .header .box_item.search_section{
    position: relative;
    width: 400px;
    height: 50px;
    background-color: #ffffff;
    border: 3px solid #b279ff;
    text-align: left;    
}
.header_wrap .header .box_item.search_section input{
    border: none;
    width: 340px; 
    height: 44px;
    background-color: transparent;
    padding-left: 15px;
    font-size: 17px;
    box-sizing: border-box;
    
}
.header_wrap .header .box_item.search_section .search_bt{
    /*border: 1px solid #181818;*/
    position: absolute;
    top:-2px;
    right: -2px;    
    background-color: #b279ff;
    width: 50px;
    height: 48px;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;    
    box-sizing: border-box;
}
.header_wrap .header .box_item.search_section .search_bt img{
    filter: invert(100%) sepia(0%) saturate(7446%) hue-rotate(124deg) brightness(116%) contrast(116%);
    position: absolute;
    width: 20px;    
    top:14px;
    left: 17px;
    margin: 0px;
    padding: 0px;
}

.header_wrap .header .box_item.notice_BN{    
    position: relative;        
}
.header_wrap .header .box_item.notice_BN .BN_img{
    position: absolute;
    top:0px;
    right: -70px;
}
.header_wrap .header .box_item.notice_BN .BN_img img{    
    max-width: 100%;
}

.header_wrap .header .box_item.guzik_info{    
    text-align: right;
    position: relative;
    overflow: hidden;
}
/*검색////////////////////////////////////*/

/*헤더*/

/*왼쪽날개*/
#left_fixBN{
    position:absolute; 
    top:67px; 
    left:50%;    
    width:60px;     
    z-index: 100;
    margin-left:-652px;    
    text-align: center;
    display: block;    
}
#left_fixBN .fixBN_item{
    background-color: #d5b1ff;
    padding: 10px 0px;
    cursor: pointer;
}
#left_fixBN .top_bt{    
    margin-top: 10px;
    cursor: pointer;
}
/*오른쪽날개*/
#right_fixBN{
    position:absolute; 
    top:67px; 
    left:50%;    
    width:60px;     
    z-index: 100;
    margin-left:591px;    
    text-align: center;
    display: block;    
}
#right_fixBN .fixBN_item{
    background-color: #d5b1ff;
    padding: 10px 0px;
    cursor: pointer;
}
#right_fixBN .top_bt{    
    margin-top: 10px;
    cursor: pointer;
}

/* 마이 퀵메뉴 버튼 시작*/
#quick_bt{   
    position:absolute; 
    top:10px; 
    left:50%;    
    width:60px;     
    z-index: 100;
    margin-left:591px;    
    text-align: center;
    display: block;  
    cursor: pointer;  
}
#quick_bt img{ 
    width: 35px;
}
/* 마이 퀵메뉴 버튼 끝*/
#favorite_ic{   
    position:absolute; 
    top:12px; 
    left:50%;    
    width:30px;   
    height: 30px;  
    z-index: 100;
    margin-left:645px;    
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;    
    cursor: pointer; 
    background-image: url('../img2/icon_favorite_on.svg'); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}


/*글로벌메뉴*/
.globalmenu_wrap{
    background-color: #ffffff;
    display:flex; 
    justify-content:center; 
    align-items:center;
    height: 54px;
    border-top: 1px solid #eaeaea;
    border-bottom: 3px solid #b279ff;
    position: relative;
}
.globalmenu_wrap .globalmenu{
    font-size: 18px;
    line-height: 54px;
    font-weight: 700;    
    min-width: 1150px;
    text-align: center;
    display:flex; 
    justify-content: space-between;
    box-sizing: border-box;
    
}
.globalmenu_wrap .globalmenu .globalmenu_left{
    display:flex;
    justify-content:center; 
    align-items:center;
}
.globalmenu_wrap .globalmenu .globalmenu_left .menu_item{
    padding: 0px 32px;    
    cursor: pointer;   
    transition-duration: 0.3s;
}

.globalmenu_wrap .globalmenu .globalmenu_left .menu_item:hover{
    background-color: #b279ff;
    color: #FFFFFF;
}

.globalmenu_wrap .globalmenu .globalmenu_right{
    display:flex;
    justify-content:center; 
    align-items:center;
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item{
    display:flex;
    justify-content:center; 
    align-items:center;
    margin-left: 40px;
    cursor: pointer;
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item .search_bt{
    margin-right: 10px;   
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item .search_bt{
    background-color: #d5b1ff;
    border-radius: 5px;
    padding: 5px;    
    line-height:12px;
    
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item .search_bt img{
    width: 30px;
    vertical-align: middle;
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item.guin:hover .search_bt{
    background-color: #10a382;
}
.globalmenu_wrap .globalmenu .globalmenu_right .menu_item.guzik:hover .search_bt{
    background-color: #ff3d74;
}
/*글로벌메뉴*/
#HeaderMenuWrap {z-index:200;position:relative;width:100%;}
body.scroll #HeaderMenuWrap {z-index:300;position:fixed;top:0;left:0}
/*글로벌메뉴*/

/*컨텐츠 시작*/
.content_wrap{    
    display:flex; 
    justify-content:center; 
    align-items:center;
}
.content_wrap .content{
    /*border: 1px solid #181818;*/
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;
    margin: 10px 0px;
}
.content_wrap .content .main_top{
    min-width: 1150px;
    text-align: center;    
    display:flex; 
    justify-content:center; 
}

.content_wrap .content .main_top .Group_A{
    width: 874px;
    margin-right: 12px;
}
.content_wrap .content .main_top .Group_B{
    flex:1;    
    box-sizing: border-box;
}

.content_wrap .content .main_top .Group_A .Group_A_top{
    display:flex; 
    justify-content:center;     
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_left{
    /*border: 1px solid #181818;*/
    width: 575px; 
    cursor: pointer;   
}

/*플래쉬배너/////////////////////////////////////////////////////////////*/
/*임시용///////////////////////////////////////////////*/
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_left img{
    width: 287px;
    height: 113px;
    display: block;
}
/*임시용///////////////////////////////////////////////*/
/*플래쉬배너/////////////////////////////////////////////////////////////*/
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right{
    flex:1;
    margin-left: 12px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    text-align: left;
    padding: 12px;
    position: relative;
    box-sizing: border-box;
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_title{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;   
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_contents ul li{
    margin-top: 15px;    
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_contents .notice_date{
    margin-right: 10px;
    color: #5900ff;
}

.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_contents ul li:first-child{
    margin-top: 0px; 
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_more{
    position: absolute;
    top:16px;
    right: 15px;
    cursor: pointer;
}
.content_wrap .content .main_top .Group_A .Group_A_top .Group_A_top_right .notice_more img{
    width: 8px;
}
/*메인하단 구인선택별///////////////////////////////////////////////////////*/
.content_wrap .content .main_top .Group_A .Group_A_bottom{
    display:flex; 
    justify-content:center;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    margin-top: 12px;
    
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area{
    width: 33%;
    padding: 11px;    
    border-right: 1px solid #dddddd;
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area.end{
    border-right: 0px solid #dddddd;
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area .select_title{
    font-size: 18px;
    font-weight: 700;
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area .select_contents{
    margin-top: 11px;
    display: flex;    
    flex-wrap: wrap;
    justify-content:left;    
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area .select_contents.first .item{   
    width: 50px;
    margin-bottom: 10px;
    /* font-weight: 600; */
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area .select_contents.middle .item{   
    width: 82px;
    margin-bottom: 10px;    
    text-align: left;        
    box-sizing: border-box;
    /* font-weight: 600; */
    padding-left: 12px;
}
.content_wrap .content .main_top .Group_A .Group_A_bottom .Group_A_bottom_area .select_contents.end .item{   
    width: 82px;
    margin-bottom: 10px; 
    text-align: left;
    box-sizing: border-box;
    /* font-weight: 600; */
    padding-left: 15px;
}




/*로그인영역///////////////////////////////////////////////////////*/
.content_wrap .content .main_top .Group_B .Group_B_top{
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    padding: 12px;
    height: 196px;
    box-sizing: border-box;
}

.login_select {
    margin-bottom: 10px;    
}
.login_select input[type=radio]{
    display: none;  
}
.login_select input[type=radio]+label{
    display: inline-block;
    cursor: pointer;    
    width: 117px;
    border: 1px solid #dddddd;
    line-height: 24px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
}
.login_select input[type=radio]+label{
    background-color: #fff;
    
}
.login_select input[type=radio]:checked+label{
    background-color: #333;
    color: #fff;
}


/*회원가입 유형*/
.join_select {
    margin-bottom: 10px;    
}
.join_select input[type=radio]{
    display: none;  
}
.join_select input[type=radio]+label{
    display: inline-block;
    cursor: pointer;    
    width: 161px;
    border: 1px solid #dddddd;
    line-height: 40px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
}
.join_select input[type=radio]+label{
    background-color: #fff;
    
}
.join_select input[type=radio]:checked+label{
    background-color: #333;
    color: #fff;
}


.content_wrap .content .main_top .Group_B .Group_B_top .login_group{    
    display: flex;
    width: 100%;
    position: relative;    
}

.content_wrap .content .main_top .Group_B .Group_B_top .login_group .login_input input {
    width: 133px;
    height: 25px;
    padding: 10px 10px;     
    box-sizing: border-box;
    border:1px solid #ddd;
    background-color: #fff;
    
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_group .login_input .login_input_item.area{
    margin-bottom: 7px;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_group .login_bt{
    padding: 0px 27px;
    background-color: #b279ff;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 900;
    font-size: 15px;
    line-height: 57px;
    margin-left: 8px;
    border: 0px;
}

.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_top{
    display: flex;
    margin: 5px 0px;
    color: #696969;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_top .login_etc_bt_item{
    margin-right: 20px;
    font-size: 12px;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_top .login_etc_bt_item input{
    accent-color: green;
    vertical-align:-2px;
    margin-right: 7px;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_bottom{
    display: flex;    
    position: relative;
    margin-top: 10px;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_bottom .login_etc_bt_item{
    width: 50%;
    padding: 5px 0px;
    background-color: #eeeeee;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_etc_bt_bottom .login_etc_bt_item.first{
    border-right:1px solid #e5e5e5;
}

/*로그인한 상태 버튼-회원구분 시작*/
.content_wrap .content .main_top .Group_B .Group_B_top .member_cate{   
    background-color: #f3f3f3;
    text-align: center;
    box-sizing: border-box;    
    font-size: 12px;
    line-height: 22px;    
    width: 100%;
    height: 20px;
    color: #333;
}
.content_wrap .content .main_top .Group_B .Group_B_top .member_user{
    margin-top: 10px;     
    text-align: center;
    box-sizing: border-box;    
    font-weight: 700;
    font-size: 17px;    
    width: 100%;
    line-height: 25px;
}
/*로그인한 상태 버튼-회원구분 끝*/

/*로그인한 상태 버튼-로그아웃/ 회원정보변경 시작*/
.content_wrap .content .main_top .Group_B .Group_B_top .login_after_bt_bottom{
    display: flex;    
    position: relative;
    margin-top: 10px;
    cursor: pointer;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_after_bt_bottom .login_etc_bt_item{
    width: 50%;
    padding: 5px 0px;
    background-color: #FFFFFF;
    border: 1px solid #dfdfdf;
    font-size: 12px;
}
.content_wrap .content .main_top .Group_B .Group_B_top .login_after_bt_bottom .login_etc_bt_item.first{
    border-right:1px solid #e5e5e5;
}
/*로그인한 상태 버튼-로그아웃/ 회원정보변경 끝*/

/*마이페이지 버튼*/
.content_wrap .content .main_top .Group_B .Group_B_top .mypage_bt{    
    margin-top: 10px; 
    background-color: #b279ff;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 29px;    
    width: 100%;
    height: 29px;    
}

/*///////////////////// 메인 이벤트 정보///////////////////*/
.content_wrap .content .main_top .Group_B .Group_B_bottom{
    margin-top: 12px;    
    background-color: #35aa98;
}
.content_wrap .content .main_top .Group_B .Group_B_bottom .select_contents{
    height: 75px;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}


/*구직정보 롤링 시작*/
.content_wrap .content .main_middle .Group_GUZIK{
    width: 100%;    
}
.content_wrap .content .main_middle .Group_GUZIK .Group_title{
    display:flex; 
    justify-content: space-between;
    letter-spacing: -2px;
    
}
.content_wrap .content .main_middle .Group_GUZIK .Group_title .Group_title_left{
    font-size: 20px;
    font-weight: 700;
    
}
.content_wrap .content .main_middle .Group_GUZIK .Group_title .Group_title_right{
    line-height: 20px;
}
.content_wrap .content .main_middle .Group_GUZIK .Group_title .Group_title_right .Group_title_right_bt{
    margin-left: 10px;    
    box-sizing: border-box;
    padding: 6px 10px;
    
}
.content_wrap .content .main_middle .Group_GUZIK .Group_title .Group_title_right .Group_title_right_bt.regist{
    background-color: #828b9a;  
    border: 1px solid #77808e;
    color: #fff;
    cursor: pointer;
}


#GuzikRoll {
    width: 1150px;
    position: relative;
    margin-top: 10px;     
    text-align: center;     
}


#GuzikRoll .swiper-button-prev{
    scale: 50%;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
    position: absolute;
    left:0px
}
#GuzikRoll .swiper-button-next{
    scale: 50%;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
    position: absolute;
    right: 0px;
}



#Guzik_info {
    display: flex;    
    position: relative;
    border: 1px solid #e5e5e5;   
    background-color: #ffffff; 
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
}
#Guzik_info .item_right{    
    margin-left: 20px;

    box-sizing: border-box;
    text-align: left;
}
#Guzik_info .item_right .item_info span{
    margin-right: 20px;
    display: inline-block;
    
}
#Guzik_info .item_right .item_info .item_job{
    font-weight: 700;
}
#Guzik_info .item_right .item_user{
    margin-top: 7px;
}
#Guzik_info .item_right .item_title{
    width: 205px;
    margin-top: 7px;
    color: #696969;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;        
}

#Guzik_info .item_top{
    position: absolute;
    top:20px;
    right: 20px;
}

#Guzik_info .item_top .item_tel img{
    width: 28px;
}
#Guzik_info .item_logo img{
    width: 80px;
    height: 60px;
    display: block;
}

#Guzik_info:hover{
    border: 1px solid #fa7373;
}


/*서브롤링/////////////////////////////////////////////////////*/

/* 서브롤링영역 시작/////////////////////////////////////////////////////*/
.content_wrap .content .main_top .Group_A .sub_Roll_area{
    border: 0px solid #000000;
    box-sizing: border-box;
    margin-top: 12px;
    position: relative;
}
/* 서브롤링영역 끝//////////////////////////////////////////////////////*/


#subRoll {
    width: 100%;   
    text-align: center;     
}

#subRoll .swiper-wrapper .swiper-slide{
    
    
}
#subRoll .swiper-button-prev{
    scale: 50%;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
    position: absolute;
    left:0px
}
#subRoll .swiper-button-next{
    scale: 50%;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
    position: absolute;
    right: 0px;
}

/*서블롤링-구인정보인 경우*/
#subRoll_Guin {
    display: flex;    
    position: relative;
    border: 1px solid #e5e5e5;   
    background-color: #ffffff;     
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
}
#subRoll_Guin .item_logo{
    
    width: 65px;
    height: 57px;
    display:flex; 
    justify-content:center; 
    align-items:center;
    font-weight: 700;    
}

#subRoll_Guin .item_logo img{
    width: 60px;
    height: 32px;
    display: block;
}

#subRoll_Guin .item_logo_BN{
    
    width: 65px;
    height: 57px;
    display:flex; 
    justify-content:center; 
    align-items:center;
    font-weight: 700;    
}

#subRoll_Guin .item_logo_BN img{
    
    width: 60px;
    height: 32px;
    display: block;
}

#subRoll_Guin .item_right{    
    margin-left: 10px;

    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
}

#subRoll_Guin .item_right .item_info{
    display: flex;
    justify-content:left; 
    align-items:center;
    
}
#subRoll_Guin .item_right .item_info span{
    margin-right: 15px;
    display: inline-block;
    line-height: 17px;
    
}
#subRoll_Guin .item_right .item_info .item_job{
    font-size: 13px;
    font-weight: 600;
}
#subRoll_Guin .item_right .item_user{
    margin-top: 3px;
}
#subRoll_Guin .item_right .item_title{
    width: 190px;
    margin-top: 3px;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;        
}

#subRoll_Guin:hover{
    border: 1px solid #10a382;
}

/*서브롤링-구직정보인 경우*/
#subRoll_Guzik {
    display: flex;    
    position: relative;
    border: 1px solid #e5e5e5;   
    background-color: #ffffff;     
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
}
#subRoll_Guzik .item_right{    
    margin-left: 10px;

    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
}
#subRoll_Guzik .item_right .item_info span{
    margin-right: 20px;
    display: inline-block;
    
}
#subRoll_Guzik .item_right .item_info .item_job{
    font-weight: 700;
}
#subRoll_Guzik .item_right .item_user{
    margin-top: 5px;
}
#subRoll_Guzik .item_right .item_title{
    width: 190px;
    margin-top: 5px;
    color: #696969;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;        
}

#subRoll_Guzik .item_logo img{
    width: 65px;
    height: 55px;
    display: block;
}

#subRoll_Guzik:hover{
    border: 1px solid #fa7373;
}
/*/////////////////////////////////////////////////////*/


/*구직정보 롤링 끝*/
/*구인광고 영역 시작*/
.content_wrap .content .main_bottom{
    
    display:flex; 
    justify-content:center; 
    align-items:center;
    flex-direction: column;
    min-width: 1150px;
    
}
.content_wrap .content .main_bottom .Group_GUIN{
    width: 100%;
    margin-top: 15px;
    
    
}
.content_wrap .content .main_bottom .Group_GUIN .Group_title{
    display:flex; 
    justify-content: space-between;
    align-items:center;
    letter-spacing: -2px;
    
}
.content_wrap .content .main_bottom .Group_GUIN .Group_title .Group_title_left{
    font-size: 20px;
    font-weight: 700;
    
}

/*
.content_wrap .content .main_bottom .Group_GUIN .Group_title .Group_title_right{
    line-height: 20px;
}
*/
.content_wrap .content .main_bottom .Group_GUIN .Group_title .Group_title_right .Group_title_right_bt{
    margin-left: 10px;    
    box-sizing: border-box;
    padding: 6px 10px;
    background-color: #fff;    
    border: 1px solid #dfdfdf;
    cursor: pointer;
    height: 20px;
}
.content_wrap .content .main_bottom .Group_GUIN .Group_title .Group_title_right .Group_title_right_bt.regist{
    background-color: #575e67;  
    border: 1px solid #4e555d;
    color: #fff;
    cursor: pointer;
}

.content_wrap .content .main_bottom .Group_GUIN .Group_bottom{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;    
    width: 1150px;
}

/*////배너구인///////////////////////////////////////////*/
#Guin_BN{
    background-color: #fff;
    border:2px solid #e1c8ff;
    width: 24.7%;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 4px;    
    cursor: pointer;
}
#Guin_BN .item_logo{ 
    
}
#Guin_BN .item_logo img{
    margin: auto;
    display: block;
    width: 105px;
    height: 45px;
}
#Guin_BN .item_job{
    font-weight: 700;
    margin-top: 7px;
}
#Guin_BN .item_title{    
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}
#Guin_BN .item_footer{
    margin-top: 10px;
    display:flex;
    justify-content: space-between;
}
#Guin_BN .item_footer .item_job{
    font-weight: 600;
}
#Guin_BN .item_footer .item_pay{
    display:flex;
}
#Guin_BN .item_footer .item_pay .item_pay_icon{
    margin-right: 7px;
}
#Guin_BN .item_footer .item_pay img{
    display: block;
    vertical-align: middle;
}
#Guin_BN .item_favorite{
    position: absolute;
    top:0px;
    right:0px;
    cursor: pointer;
}
#Guin_BN .item_favorite img{
    width: 20px;
    transition-duration: 0.2s;
}

#Guin_BN:hover{
    border: 2px solid #10a382;
}
#Guin_BN:hover .item_favorite img{
    transform: rotate( 720deg );
}
#Guin_BN .button_area{
    position: absolute;
    top:0px;
    left: 0px;
    cursor: pointer;
    width: 94%;
    height: 100%;
    background-color:transparent;
}

/*배너광고 공란*/

#Guin_BN_empty{
    background-color: #fff;
    border:2px solid #e5e5e5;
    width: 24.7%;
    height: 139px;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 4px;
    color: #666666;
    cursor: pointer;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
#Guin_BN_empty .item_top{
    margin-bottom: 10px;
}
#Guin_BN_empty .item_bottom{
    background-color: #f2f2f2;
    width: 100%;
    text-align: center;
    line-height: 25px;
    color: #393939;
}
#Guin_BN_empty .item_top img{
    width:150px;
    opacity: 0.5;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}

/*스페셜구인///////////////////////////////////////////////*/
#Guin_SN{
    background-color: #fff;    
    border:1px solid #e5e5e5;    
    border-top:1px solid #e1c8ff;
    width: 24.65%;
    position: relative;
    box-sizing: border-box;    
    padding: 10px;
    margin-bottom: 4px;
    cursor: pointer;
}
#Guin_SN .item_top{    
    display: flex;   
}
#Guin_SN .item_top .item_logo img{   
    display: block;
    width: 85%;
}
#Guin_SN .item_top .item_right{
    margin-left: 0px;
}
#Guin_SN .item_top .item_right .item_job{    
    margin-bottom: 6px;
    font-weight: 600;
}
#Guin_SN .item_title{    
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
}
#Guin_SN .item_footer{
    margin-top: 10px;
    display:flex;
    justify-content: space-between;
}
#Guin_SN .item_footer .item_pay{
    display:flex;
}
#Guin_SN .item_footer .item_pay .item_pay_icon{
    margin-right: 7px;
}
#Guin_SN .item_footer .item_pay img{
    display: block;
    vertical-align: middle;
}

#Guin_SN .item_favorite{
    position: absolute;
    top:0px;
    right:0px;
    cursor: pointer;
}
#Guin_SN .item_favorite img{
    width: 20px;
    transition-duration: 0.2s;
}

#Guin_SN:hover{
    border: 1px solid #10a382;
}
#Guin_SN:hover .item_favorite img{
    transform: rotate( 720deg );
}
#Guin_SN .button_area{
    position: absolute;
    top:0px;
    left: 0px;
    cursor: pointer;
    width: 94%;
    height: 100%;
    background-color:transparent;
    opacity: 0.3;
}


/*스페셜광고 공란*/

#Guin_SN_empty{
    background-color: #fff;
    border:1px solid #e5e5e5;
    width: 24.65%;
    height: 108px;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 4px;
    color: #666666;
    cursor: pointer;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
#Guin_SN_empty .item_top{
    margin-bottom: 10px;
}
#Guin_SN_empty .item_bottom{
    background-color: #f2f2f2;
    width: 100%;
    text-align: center;
    line-height: 25px;
    color: #393939;
}
#Guin_SN_empty .item_top img{
    width:150px;
    opacity: 0.5;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}


/*힌즐구인////////////////////////////////////////////////*/
#Guin_LN{
    background-color: #fff;
    border:1px solid #d6d6d6;
    box-sizing: border-box;
    width: 571px;
    height: 62px;
    position: relative;
    box-sizing: border-box;    
    padding: 10px;
    margin-bottom: 1px;
    display: flex;
    cursor: pointer;
    
}
#Guin_LN .item_left{
    width:20%;    
}
#Guin_LN .item_right{
    width:80%;
    padding-left: 15px;    
    box-sizing: border-box;
}

#Guin_LN .item_left .item_logo{   
    width: 100%;
    height: 42px;
    overflow: hidden;
    padding: 5px;    
    box-sizing: border-box;
    text-align: center;
    display:flex; 
    justify-content:center; 
    align-items:center;
    font-weight: 900;
    font-size: 13px;
    letter-spacing: -1px;
}
#Guin_LN .item_right{
}
#Guin_LN .item_right .item_top{
    display:flex;     
}

#Guin_LN .item_right .item_top .item_pay{
    display:flex; 
}

#Guin_LN .item_right .item_top .item_pay img{
    display: block;
    vertical-align: middle;
}

#Guin_LN .item_right .item_top .item_position{
    margin: 0px 20px;
}
#Guin_LN .item_right .item_top .item_pay .item_pay_icon{
    margin-right: 7px;   
}
#Guin_LN .item_right .item_bottom{    
    width: 95%;
    
}
#Guin_LN .item_right .item_bottom .item_title{
    color: #222222;
    font-weight: 400;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}


#Guin_LN .item_favorite img{
    width: 20px;
    transition-duration: 0.2s;
}
#Guin_LN .item_favorite{
    position: absolute;
    top:0px;
    right:0px;
    cursor: pointer;
}

#Guin_LN:hover{
    border: 1px solid #10a382;
}
#Guin_LN:hover .item_favorite img{
    transform: rotate( 720deg );
}
#Guin_LN .button_area{
    position: absolute;
    top:0px;
    left: 0px;
    cursor: pointer;
    width: 97%;
    height: 100%;
    background-color:transparent;
    opacity: 0.3;
}



#Guin_LN_empty{
    background-color: #fff;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    width: 571px;   
    box-sizing: border-box;    
    padding: 10px;    
    display:flex; 
    justify-content:center; 
    align-items:center;
    cursor: pointer;
    height: 64px;
    position: relative;
}
#Guin_LN_empty .item_top{
    width: 20%;
}
#Guin_LN_empty .item_bottom{
    background-color: #f2f2f2;    
    text-align: center;    
    color: #393939;    
    padding: 5px 20px;
    width: 75%;
    box-sizing: border-box;
}
#Guin_LN_empty .item_top img{
    width:100px;
    opacity: 0.5;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}

/*구인광고 영역 끝*/

/*컨텐츠 끝*/



/*서브컨텐츠 시작*/

.sub_content_wrap{   
    display:flex; 
    justify-content:center; 
    align-items:center;
}
.sub_content_wrap .content{
    position: relative;
    min-width: 1150px;    
    display:flex;
    justify-content: space-between;   
}
.sub_content_wrap .content .content_left{
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    width: 874px;
    min-height: 594px;
    display:flex;    
    box-sizing: border-box;
    position: relative;
}
.sub_content_wrap .content .content_left .content_left_item{
    text-align: left;
    
}
.sub_content_wrap .content .content_right{    
    width: 263px;    
    box-sizing: border-box;
    position: absolute;
    right: 0px;

}
.sub_content_wrap .content .content_right .content_right_item{
    text-align: left;
    
}

/*서브메뉴 리스트 시작////////////////////////////////*/

#sub_menu_wrap .sub_menu{     
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative;
    width: 265px;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
#sub_menu_wrap .sub_menu .sub_menu_area{
    margin-bottom: 20px;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_title{    
    font-weight: 900;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    border-bottom: 2px solid #d5b1ff;
    text-align: center;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents{
    display: flex;
    flex-wrap: wrap;     
}

#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.first .item{
    line-height: 27px;
    width: 42.5px;
    /*font-family: 'NanumSquare';*/
    color: #666666;
}

#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.middle .item{
    line-height: 27px;
    width: 111px;    
    text-align: left;
    padding-left: 5px;
    box-sizing: border-box;
    /*font-family: 'NanumSquare';*/
    color: #666666;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.end .item{
    line-height: 27px;
    width: 111px;    
    text-align: left;
    padding-left: 5px;
    box-sizing: border-box;
    /*font-family: 'NanumSquare';*/
    color: #666666;
}

/*커뮤니티 서브메뉴////////////////////////////////////////////////////*/
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.Community{
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.Community .item{    
    width: 100%;    
    text-align: left;    
    box-sizing: border-box;    
    transition-duration: 0.3s;
    cursor: pointer;    
    border-bottom: 1px solid #e5e5e5;    
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.Community .item img{
    display: block;
}
/*
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.Community .item:hover{
    background-color: #feda08;
    color: #000000;
}
*/

/*일반 서브메뉴////////////////////////////////////////////////////*/
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.common .item{    
    width: 100%;    
    text-align: left;
    padding:10px 0px 10px 20px;
    box-sizing: border-box;    
    
    color: #666666;
    transition-duration: 0.3s;
    cursor: pointer;
    /*font-family: 'NanumSquare';*/
    font-weight: 700;
    font-size: 14px;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents.common .item:hover{
    background-color: #d5b1ff;
    color: #000000;
}

/* 서브페이지 이동 버튼 리스트*/
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents .item.btn{
    transition-duration: 0.3s;
}
#sub_menu_wrap .sub_menu .sub_menu_area .select_contents .item.btn:hover{
    background-color: #d5b1ff;
}

/*//////////////////////////////////////////////////////////////*/
#sub_menu_wrap .sub_csinfo{
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative;
    width: 265px;
    background-color: #FFF;
    border: 1px solid #e5e5e5;    
}
#sub_menu_wrap .sub_csinfo .sub_menu_area{
    margin-bottom: 20px;
}
#sub_menu_wrap .sub_csinfo .sub_menu_area .select_title{    
    font-weight: 900;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    border-bottom: 2px solid #d5b1ff;
    text-align: center;
}
#sub_menu_wrap .sub_csinfo .sub_menu_area .select_contents .item{
    line-height: 20px;
    margin: 5px 0px;    
    font-weight: 500;
    color: #666666;

}
#sub_menu_wrap .sub_csinfo .sub_menu_area .select_contents .item_title{    
    border: 1px solid #e5e5e5;
    background-color: #fff;
    display: inline-block;
    width: 70px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    color: #666666;
}
#sub_menu_wrap .sub_csinfo .sub_menu_area .select_contents .item_content{ 
    font-weight: 500;
    font-size: 14px;
    color: #393939;
}
#sub_menu_wrap .sub_csinfo .sub_menu_area .select_contents .item_title.end{  
    border: inherit;
}

/*서브메뉴 리스트 종료////////////////////////////////*/



/*서브컨텐츠 끝*/





/*풋터*/
.footer_wrap{ 
    clear: both;
    background-color: #ffffff;  
    display:flex; 
    justify-content:center; 
    align-items:center;
    border-top: 1px solid #eeeeee;
    margin-top: 30px;
}
.footer_wrap .footer{
    /*border: 1px solid #181818;*/
    margin-top: 30px;    
    min-width: 1150px;
    
}
/*/////////////////////Group_A///////////////////////*/
.footer_wrap .footer .Group_a{
    display:flex; 
    justify-content:left;
}

.footer_wrap .footer .Group_a .Group_a_item1{
    width: 33%;
    position: relative;
}
.footer_wrap .footer .Group_a .Group_a_item1 .info_title{
    font-size: 16px;
    font-weight: 700;
    color: #696969;
}
.footer_wrap .footer .Group_a .Group_a_item1 .info_content{
    font-size: 30px;
    font-weight: 700;
}


.footer_wrap .footer .Group_a .Group_a_item2{
    border-left: 1px solid #dddddd;   
    display: inline-block;
    padding: 0px 50px;
    width: 33%;
    position: relative;
    
}
.footer_wrap .footer .Group_a .Group_a_item2 .info_section{
    line-height: 20px;    
}
.footer_wrap .footer .Group_a .Group_a_item2 .info_section .info_title{
    font-size: 14px;
      
    width: 50px;
    display: inline-block;
}
.footer_wrap .footer .Group_a .Group_a_item2 .info_section .info_content{
    font-size: 14px;   
}

.footer_wrap .footer .Group_a .Group_a_item3{
    border-left: 1px solid #dddddd;       
    padding: 0px 50px;
    width: 33%;      
    display:inline-block;
    position: relative;
}

.footer_wrap .footer .Group_a .Group_a_item3 .info_title{
    font-size: 16px;
    font-weight: 700;
    color: #696969;
    display: inline-block;
    margin-bottom: 8px;
}
.footer_wrap .footer .Group_a .Group_a_item3 .info_title .info_desc{
    font-size: 25px;   
    color: #000000;
    
}
.footer_wrap .footer .Group_a .Group_a_item3 .info_title img{
    width: 55px;
    vertical-align: middle;
    margin-right: 10px;
}

.footer_wrap .footer .Group_a .Group_a_item1 .info_img{
    position: absolute;
    top:0px;
    right: 20px;    
}
.footer_wrap .footer .Group_a .Group_a_item2 .info_img{
    position: absolute;
    top:0px;
    right: 20px;     
}
.footer_wrap .footer .Group_a .Group_a_item3 .info_img{
    position: absolute;
    top:0px;
    right: 20px;    
}
.footer_wrap .footer .Group_a .Group_a_item1 .info_img img{
    width: 50px;
    vertical-align: middle;    
    border-radius: 8px;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}
.footer_wrap .footer .Group_a .Group_a_item2 .info_img img{
    width: 50px;
    vertical-align: middle;    
    border-radius: 8px;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}
.footer_wrap .footer .Group_a .Group_a_item3 .info_img img{
    width: 50px;
    vertical-align: middle;    
    border-radius: 8px;
    filter: invert(94%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(92%) contrast(86%);
}

/*/////////////////////Group_A///////////////////////*/


/*/////////////////////Group_B///////////////////////*/

.footer_wrap .footer .Group_b{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-top: 15px;
    padding: 20px 0px;
    
}
.footer_wrap .footer .Group_b ul li{
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-right: 50px;
}

/*/////////////////////Group_B///////////////////////*/

/*/////////////////////Group_C///////////////////////*/
.footer_wrap .footer .Group_c{
    margin: 20px 0px;
    position: relative;  
}
.footer_wrap .footer .Group_c .info_content{
    margin-left: 20px;
    padding-left: 25px;
    border-left: 1px solid #dddddd;
    
    display: inline-block;
    line-height: 20px;
}
.footer_wrap .footer .Group_c .info_title img{
    width: 150px;
    vertical-align: top;
}
.footer_wrap .footer .Group_c .info_img{
   position: absolute;
   top:0px;
   right:0px;
}
/*/////////////////////Group_C///////////////////////*/
/*풋터*/