/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */
.wrap{width: 100%;min-width: 1200px;}
.center{width: 1200px;margin: 0 auto;}
.sup_center{width: 900px;margin: 0 auto;}
.alert{position: absolute;top: -28px;width: 100%;font-size: 14px;font-weight: bold;color: #f44381;text-align: center;}
.alert:before{content: "";display: inline-block;width: 18px;height: 11px;background: url(../images/common/icon_alert.png) no-repeat left bottom;}
.pc_br{display:block;}

/* 버튼 */
/* 버튼 공통 클래스는 정리가 필요함(지우) */
/* 설정 버튼 */
.btn_full{width: 220px;height: 28px;border: 1px solid #e7e7e7;border-radius: 5px;background: linear-gradient(#fff, #f9f9f9);;font-size: 13px;color: #aaa;}
/* 바로가기 버튼 */
.btn_more{position: absolute;top:30px;right: 30px;padding-right: 10px;background: url(../images/common/more_arrow.png) no-repeat center right;font-size: 13px;color: #28aacf;letter-spacing: -1px;}
/* 화살표 그라데이션 버튼 */
.btn_grd{display: block;width: 170px;height: 44px;margin-top: 20px;padding: 12px 15px;background: url(../images/bg/bg_btn_more.jpg);color: white;text-align: left;}
/* 칼라 버튼(기본) */
.btn{display: block;width: 200px;height: auto;margin: 0 auto;padding: 15px;background:rgb(68,65,154);font-size: 14px;color: white;text-align: center;line-height:1;}
.btn:hover{background:rgb(95,92,198);}
/* 취소 버튼 */
.btn_cancel{background: #aaa;}
/* input 관련 버튼 */
.btn_input{display: block;width: 100px;height: 28px;padding: 7px;background: #555;font-size: 13px;color: white;text-align: center;cursor: pointer;}
/* 선택 버튼 */
.choice_btn{font-size: 15px; font-weight: bold; text-align: center; display: inline-block; background-color: #28aacf; color: #fff; border-radius: 4px; padding: 5px 10px;}


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus{outline: 1px solid #28aacf}
/* input placeholder */
input::placeholder, textarea::placeholder{color:#aaa;}
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family:Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#f9f9f9 !important;}



/****** 헤더 영역 ******/
.background_box{ width: 100%; height: 100%; position: fixed; z-index: 10; background: rgba(0,0,0,0.5); display:none; }

html,body{ overflow-x: hidden; }
#header{ width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; }
.nav_sub{ width: 100%; height: auto; border-bottom: 1px solid rgb(204,204,204); }
.nav{ width: 100%; height: 35px; max-width: 1200px; padding: 0 20px; margin: auto; display: flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; }
.nav_area{ width: 100%; height: 100%; position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.logo_area{ width: 100%; height: 110px; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.logo_pc{ width: 100%; max-width: 320px; min-width: 260px; height: auto; transition: all 0.2s ease-in-out; cursor: pointer; }
.nav a{ color: rgb(153,153,153); font-size: 14px; cursor: pointer; }
.bar_line{ width: 1px; height: 15px; margin: 0 8px; background-color: rgb(153,153,153); transition: all 0.2s ease-in-out; }
.menu_sub{ width: 100%; height: auto; background-color: rgb(0,90,171); color: rgb(255,255,255); }
#menu_area>p{ display: none; }
#menu_area>ul>h4{ display: none; }
.menu{ width: 100%; height: 50px; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
.menu li{ width:100%; position: relative; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.menu>li:nth-of-type(1){ width: 120%; }
.menu>li:nth-of-type(6){ width: 120%; }
.menu li p{ width: auto; font-size: 18px; font-weight: bold; cursor: pointer; display: inline; text-align: center; }
.menu li p .space{ display: inline; }
.menu li p .line_feed{ display: none; }
.menu_hamburger{ display: none; transition: all 0.2s ease-in-out; }



.dday_area{ width: calc(100% - 40px); max-width: 1160px; height: 0; margin: auto; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; position: absolute; top: 51px; right: 0; left: 0; transition: all 0.2s ease-in-out; }
.dday_area>div{ width: 163px; height: auto; cursor: pointer; transition: all 0.2s ease-in-out; }
.dday_area>div>img{ width: 100%; height: auto; }
.dday_area>p{ padding-left: 10px; font-size: 30px; font-family: 'RixPremiumM', 'Noto Sans KR', sans-serif; color: rgb(85,85,85); text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; }
.dday_area>p>span{ font-family: inherit; color: rgb(0,90,171); }

.dday_area2{ width: calc(100% - 40px); max-width: 1160px; height: 0; margin: auto; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; position: absolute; top: 51px; right: 0; left: 0; transition: all 0.2s ease-in-out; }
.dday_area2>div{ width: 137px; height: auto; cursor: pointer; transition: all 0.2s ease-in-out; }
.dday_area2>div>img{ width: 100%; height: auto; }
.dday_area2>p{ padding-left: 10px; font-size: 30px; font-family: 'RixPremiumM', 'Noto Sans KR', sans-serif; color: rgb(85,85,85); text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; }
.dday_area2>p>span{ font-family: inherit; color: rgb(0,90,171); }

@media(max-width:1100px){

    .dday_area{ flex-flow: column nowrap; align-items: flex-end; top: 100px; }
    .dday_area>p{ width: 163px; margin-top: 6px; padding-left: 0; font-size: 24px; }

    .dday_area2{ flex-flow: column nowrap; align-items: flex-end; top: 100px; }
    .dday_area2>p{ width: 137px; margin-top: 6px; padding-left: 0; font-size: 24px; }

}
@media(max-width:960px){

    .dday_area{ width: 100%; height: auto; margin: 0 0 20px; padding: 0 20px; flex-flow: row nowrap; align-items: center; position: static; }
    .dday_area>p{ width: auto; margin-top: 0; padding-left: 10px; }

    .dday_area2{ width: 100%; height: auto; margin: 0 0 20px; padding: 0 20px; flex-flow: row nowrap; align-items: center; position: static; }
    .dday_area2>p{ width: auto; margin-top: 0; padding-left: 10px; }

}
@media(max-width:480px){

    .dday_area>div{ width: 130px; }
    .dday_area>p{ font-size: 20px; }

    .dday_area2>div{ width: 130px; }
    .dday_area2>p{ font-size: 20px; }

}


/* 단일 서브 메뉴 */
.sub_menu{ display: none; width: 120px; position: absolute; top:49px; left:0; z-index: 1000; background-color: rgb(255,255,255); box-shadow: 1px 1px 3px 1px rgb(255, 255, 255); }
.sub_menu li{ margin: 0px 10px 0px 0px; padding: 5px 0 5px 10px; border-left: 5px solid rgb(255,255,255); font-weight: normal; transition: all 0.2s ease-in-out; font-size: 16px; display: inline-block; align-items: center; cursor: pointer; }
.sub_menu li:hover{ font-weight: bold; border-left: 5px solid rgb(14,118,214); }

/* 전체 서브 메뉴 */
.sub_menu{ display: none; }
.all_sub_menu_area_sub{ width: 100%; position: relative; margin: auto; }
.all_sub_menu_area_sub>div{ width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(51,51,51,0.95); z-index: 10; }
.all_sub_menu_area{ width: 100%; max-width: 1200px; height: auto; margin: auto; padding: 10px 20px 20px; display: none; flex-flow: row nowrap; justify-content: space-around; align-items: flex-start; }
.all_sub_menu{ width:100%; height: auto; }
.all_sub_menu:nth-of-type(1){ width: 120%; }
.all_sub_menu:nth-of-type(6){ width: 120%; }
.all_sub_menu li{ width: 100%; height: 40px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; cursor: pointer; color: rgb(255,255,255); transition: all 0.12s ease-in-out; }
.all_sub_menu li:hover{ background-color: rgb(220,220,220); color: rgb(34,34,34); }


@media all and (max-width:1050px){
    .menu li p .space{ display: none; }
    .menu li p .line_feed{ display: inline; }
}

@media all and (max-width:960px){

    #header{ padding: 0; }

    .nav{ padding-right: 20px; }
    .nav_area{ display: flex; justify-content: flex-end; flex-flow: row wrap; }
    .logo_area{ width: 100%; height: 90px; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
    .logo_pc{ max-width: 208px; min-width: 0; }
    .menu_hamburger{ width: 40px; height: 35px; border: 6px solid transparent; border-bottom-width: 9px; cursor: pointer; display: block; background-color:transparent; position: relative; }
    .menu_hamburger div{ width: 28px; height: 3px; background: rgb(0,90,171); position: absolute; left: 0; transition: all 0.3s ease-in-out; }
    .menu_hamburger div:nth-of-type(1){ top: 0; }
    .menu_hamburger div:nth-of-type(2){ top: 50%; right:0; left: 0; margin: auto; }
    .menu_hamburger div:nth-of-type(3){ top: 100%; }

    #menu_area{ width: 250px; margin: auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; position: fixed; top: 0px; right: -250px; z-index: 100; transition: all 0.5s ease-in-out; overflow: auto; background-color: rgb(255,255,255); }
    #menu_area>p{ margin: 30px 0 10px; padding: 0 10px 0 20px; display: block; color: rgb(0,90,171); font-size: 18px;
    font-weight: bold; }
    #menu_area>ul>h4{ width: 100%; height: 40px; margin: 20px; display: block; background-color: rgb(102,102,102); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; cursor: pointer; }
    .menu{ width: 250px; height: auto; border-top: 1px solid rgb(221,221,221); position: absolute; top: 80px; left: 0; z-index: 10; transition: all 0.5s ease-in-out; flex-flow: row wrap; padding: 0; }
    .menu>li{ width: 100% !important; padding: 0; border-bottom: 1px solid rgb(221,221,221); font-size: 16px; background: rgb(255,255,255); cursor: pointer; color: rgb(51,51,51); flex-flow: row wrap; }
    .menu>li p{ width: 100%; padding: 16px 10px 16px 20px; text-align: left; }


    .sub_menu{ display: none; width: 100%; padding: 10px 0; position: static; top:49px; left:0; z-index: 1100; background-color: transparent; box-shadow: 1px 1px 3px 1px transparent; background: rgb(245,245,245); }
    .sub_menu li{ margin: 0; padding: 5px 10px 5px 20px; border-left: 0 solid; font-weight: normal; color: rgb(102,102,102); justify-content: flex-start; }
    .sub_menu li:hover{ font-weight: normal; border-left: 0px solid; }
	
	.dt_menu {display: none; width: 100%; padding: 10px 0;position: relative; z-index: 1000; background-color: transparent; box-shadow: 1px 1px 3px 1px transparent; background: rgb(245,245,245);}
	.dt_menu li{ height: 40px; margin: 0; padding: 5px 10px 5px 20px; border-left: 0 solid; font-weight: normal; color: rgb(102,102,102);border-bottom:1px solid #cccccc; }
    .dt_menu li:hover{ font-weight: normal; border-left: 0px solid; }
}
@media all and (max-width:380px){



}


/****** 서브 페이지 공통 ******/
.sub_title_area{ width: 100%; height: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: rgb(218,237,255); transition: all 0.2s ease-in-out; }

.content_title{ width: 100%; max-width: 1200px; height: auto; margin: 0 auto 40px; padding: 50px 20px 40px; border-bottom: 1px solid rgb(204,204,204); transition: all 0.2s ease-in-out; }
.content_title>dt{ text-align: center; font-size: 36px; font-weight: bold; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.content_title>dd{ display: flex; flex-flow: row wrap; justify-content: center; text-align: center; font-size: 16px; color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.content_title>dd>span{ margin: 0 2px; transition: all 0.2s ease-in-out; }

.product_sub{ width: 100%; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 16px; transition: all 0.2s ease-in-out; }
.product_sub>a{ width: auto; padding: 5px 0; text-align: center; transition: all 0.2s ease-in-out; }
.product_sub>div.detail_menu_bar{ width: 1px; height: 25px; margin: 0 20px; background-color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.product_sub>div.detail_menu_bar:last-of-type{ display: none; }

.detail_lf{ display: none; }

/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; }


@media (max-width:960px){

    /****** 서브 페이지 공통 ******/
    .sub_title_area{ height: 200px; }
    .sub_nav{ width: 100%; height: auto; margin-top: 20px; top: 0; flex-flow: row wrap; }
    .sub_nav>a{ width: 50%; height: 50px; border: 0; border-right: 1px solid rgb(225,225,225); border-bottom: 1px solid rgb(225,225,225); font-size: 16px; }
    .sub_nav>a:first-of-type{ display: none; }
    .sub_nav>a:nth-of-type(2), .sub_nav>a:nth-of-type(3){ border-top: 1px solid rgb(225,225,225); }
    .sub_nav>a:nth-of-type(2n){ border-left: 1px solid rgb(225,225,225); }
    .content_title{ padding: 30px 15px 20px; }
    .content_title>dt{ font-size: 30px; }
    .content_title>dd{ font-size: 14px; }
    .content_title>dd>span{ width: 100%; margin: 0; }

    .product_sub{ margin-top: 20px; font-size: 14px; }
    .product_sub>a{ padding: 2px 0; }
    .product_sub>div.detail_menu_bar{ height: 15px; margin: 0 10px; }

    .detail_lf{ display: inline; }
}


@media (max-width:480px){
    /****** 서브 페이지 공통 ******/
    .sub_title_area_m{ height: 140px; }
    .sub_nav>a{ font-size: 14px; }
    .sub_nav>a>span>span.pc_view{ display: inline; }
    .content_title{ padding: 20px 10px 15px; }
    .content_title>dt{ font-size: 24px; }
    .content_title>dd{ font-size: 12px; }

    .product_sub{ flex-flow: column nowrap; }
    .product_sub>div.detail_menu_bar{ display: none; }

    .detail_lf{ display: none; }

}



.subpage_content{ width: 100%; max-width: 1200px; margin: 50px auto 0; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.subpage_content>.pc_aside{ width: 210px; min-width: 210px; margin-right: 60px; overflow: hidden; transition: all 0.2s ease-in-out; }
.subpage_content>.pc_aside>dl{ width: 210px; height: auto; }
.subpage_content>.pc_aside>dl>dt{ width: 100%; height: 85px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-weight: bold; font-size: 22px; color: rgb(51,51,51); }
.subpage_content>.pc_aside>dl>dd{ width: 100%; height: 50px; padding-left: 20px; border-bottom: 1px solid rgb(221,221,221); display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; color: rgb(102,102,102); font-size: 16px; position: relative; }
.subpage_content>.pc_aside>dl>dd:first-of-type{ border-top: 1px solid rgb(221,221,221); }
.subpage_content>.pc_aside>dl>dd>i{ height: 100%; position: absolute; top:0; right: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.subpage_content>.pc_aside>dl>dd.product_sub{ height: auto; padding: 10px 20px; background-color: rgb(248,248,248); font-size: 14px; color: rgb(102,102,102); flex-flow: row wrap; cursor: auto; }
.subpage_content>.pc_aside>dl>dd.product_sub>h5{ width: 100%; margin: 25px 0 10px; font-size: 15px; font-weight: bold; color: rgb(50,171,102); }
.subpage_content>.pc_aside>dl>dd.product_sub>h5:first-of-type{ margin-top: 5px; }
.subpage_content>.pc_aside>dl>dd.product_sub>p{ width: 100%; margin: 3px 0; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; font-size: 13px; cursor: pointer; }
.content_area{ width: 100%; height: auto; }
.content_area>.content_title_area{ width: 100%; margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; }
.content_area>.content_title_area>dt{ font-size: 26px; color: rgb(51,51,51); font-weight: bold; display: flex; flex-flow: row nowrap; align-items: baseline; }
.content_area>.content_title_area>dd{ font-size: 12px; color: rgb(102,102,102); }
.content_area>.content_title_area>dd>span{ cursor: pointer; }
.content_area>.content_title_area>dd>span:last-of-type{ color: rgb(0,90,171); }
.content_area>.content_title_area>dd>span:hover{ font-weight: bold; }
.content_area>.content_title_area>dd>i{ margin: 0 3px; }

.product_sub_m{ width: 90%; margin: 50px auto 20px; display: flex; flex-flow: row wrap; border-top: 1px solid rgb(204,204,204); border-left: 1px solid rgb(204,204,204); }
.product_sub_m>li{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.product_sub_m>li>p{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); cursor: pointer; }

@media all and (max-width:960px){
    .subpage_content{ margin-top: 0; }
    .subpage_content>.pc_aside{ width: 0; min-width: 0; margin-right: 0; }

    .content_area>.content_title_area{ flex-flow: row wrap; }
    .content_area>.content_title_area>dt{ width: 100%;}
    .content_area>.content_title_area>dd{ width: 100%;}
}

@media all and (max-width:480px){

}



/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; }



/* 푸터 영역 */
.footer_sub{ width: 100%; min-height: 130px; margin-top: 100px; color: rgb(184,184,184); background-color: rgb(62,62,62); font-size: 14px; transition: all 0.12s ease-in-out; }
.footer_sub>aside{ width: 100%; height: 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(84,84,84); transition: all 0.12s ease-in-out; }
.footer_sub>aside .bar_line{ margin: 0 15px; background-color: rgb(102,102,102); }
.footer_sub>aside>a{ transition: all 0.12s ease-in-out; }
.footer_sub>aside>a:hover{ color: rgb(255,255,255); }
.footer{ width: 100%; height: 100%; min-height: 130px; margin: auto; padding: 20px; max-width: 1200px; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap; }
.footer>div{ width: 100%; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }
.footer div:nth-of-type(2){ margin-top: 5px; }
.footer div:nth-of-type(2)>h4{ margin: 0 10px; display: flex; flex-flow: row nowrap; justify-content: center; font-weight: normal; }
.footer div:nth-of-type(2)>h4>p{ display: flex; flex-flow: row wrap; }
.footer div:nth-of-type(3){ margin-bottom: 5px;}
.footer div:nth-of-type(3)>h4{ margin: 0 10px; display: flex; flex-flow: row nowrap; justify-content: center; font-weight: normal; }
.footer div:nth-of-type(3)>h4>p{ display: flex; flex-flow: row wrap; }
.footer>div:nth-of-type(4){ color: rgb(136,136,136); flex-flow: row nowrap; }

/* 20230616풋터 영역 컨텐츠 추가중 스타일 지정 다시함 */
.footer {text-align: center;}
.footer address {margin: 5px 0; }
.footer address div{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.footer address div p {font-style: normal; margin-left: 8px; margin-right: 8px;}
.footer .copy {color: rgb(136,136,136);}


@media all and (max-width:960px){

    .footer_sub{ margin-top: 60px; font-size: 13px; }
    .footer_sub>aside{ height: 40px; }
    .footer_sub>aside .bar_line{ margin: 0 8px; background-color: rgb(102,102,102); }
    /* .footer div:nth-of-type(2) h4{ width: 100%; }
    .footer div:nth-of-type(3) h4{ width: 100%; }
    .footer .bar_line{ display: none; } */

}
@media (max-width:480px){
     .footer_sub{ margin-top: 30px; }
    .footer{ justify-content: flex-start; flex-flow: row wrap; }
   /* .footer>div{ justify-content: flex-start; flex-flow: row wrap; }
    .footer div:nth-of-type(2) h4{ width: 100%; margin: 0; justify-content: flex-start; }
    .footer div:nth-of-type(2) h4>span:nth-of-type(2){ display: none; }
    .footer div:nth-of-type(3) h4{ width: 100%; margin: 0; justify-content: flex-start; }

    .block{display: block;}
    .footer .bar_line{ display: none; }
    .footer div:nth-of-type(4) p{ display: flex; flex-flow: row wrap; }
    .footer_title{ min-width: 45px; } */
}





.util{height: 47px;padding-top: 17px;}
.util_ul{float: right;}
.util_ul > li{position: relative; float: left;padding: 0 8px;font-size: 12px;color: #555; z-index: 9999;}
.util_ul > li:before{content: "";display: block;position: absolute;left: 0;top: 2px;width: 1px; height: 12px;background: #ccc;}
.util_ul > li:first-child:before, .util_ul > li:last-child:before{display: none;}
.util_ul > li.equipment{padding: 1px 8px;}
.util_ul > li a{display: block;padding: 1px 0;}
.util_ul > li.message a{padding-left: 21px;background: url(../images/icon/icon_message_mini.png) no-repeat left 40%;}
.util_ul > li.member_class a{padding-left: 21px;background-repeat: no-repeat;background-position: left top;}
.util_ul > li.fullmember a{background-image: url(../images/icon/icon_fullmember.png);}
.util_ul > li.associate a{background-image: url(../images/icon/icon_associate.png);}
.util_ul > li em{color: #28aacf}

/* 다국어 셀렉트 */
.language_selector{width: 86px;padding: 0 11px 3px 0px; border:none;border-bottom: 1px solid #e7e7e7;background: url(../images/common/select_arrow.png) no-repeat; background-position: right 2px top 50%;font-size: 12px;letter-spacing: -1px;text-align: left;}
.language_selector img{vertical-align:bottom;margin:0 5px;}
.languages {display: none;position: absolute; margin: 0;}
.languages > li {width: 86px;padding:5px;background: white;cursor: pointer;}
.languages > li:hover {background: #aaa;}
.languages > li img{vertical-align:bottom;margin-right: 5px;}

/* GNB 메뉴 */
/* .nav{position: relative;z-index: 500;width: 100%;height: 32px;} */
.nav h1{float: left;}
.nav h1 a{display: block;}
.gnb{float: right;padding-top: 9px;}
.gnb > li{float: left;position: relative;width: 134px;text-align: center;}
.gnb > li > a{padding-bottom: 19px;font-weight: 600;}
.gnb_depth2{display: none;position: absolute;top: 36px;left:7px;z-index: 100;width: 100%;height: 230px;padding: 15px 0 0;border-left: 1px solid #e7e7e7;}
.gnb > li:first-child .gnb_depth2{border-left: none;}
.gnb_depth2:hover{background: #f6fcfe;}
.gnb_depth2 li{width:130px;}
.gnb_depth2 li a{display: block;padding: 10px 0 9px;font-size: 13px;color: #333}
.gnb_depth2 li a:hover{color: #28aacf}
.gnb_bg{display: none;position: absolute;right: 0;top: 45px;z-index: 99;width: 800px;height: 230px;background: white;}

/* 화이트 헤더(비회원) */
.main_white .gnb>li>a, .main_white .language_selector, .main_white .util_ul>li>a{color:#fff;}

/* 로그인 팝업 */
.popup{position: absolute;top: 55px;z-index: 1000;width: 100%;}
.pop_cont{float: right;width: 490px;padding: 38px 43px 30px 40px;background: white;}
.pop_cont h4{margin-bottom: 30px;font-size: 17px;color: #555;}
.log_box{position:relative;}
.log_box ul{float: left;color: #555;}
.log_box ul li{margin-top: 10px;}
.log_box ul li:first-child{margin-top: 0;}
.log_box ul li label{display: block;float: left;width: 73px;padding: 9px 0;font-size: 13px;font-weight: bold;}
.log_box ul li input{display: block;float: right;width: 250px;height: 32px;padding: 8px;border: 1px solid #e7e7e7;background: #f9f9f9;font-size: 14px;}
.log_box .btn{float: right;width: 74px;height: 74px;}
.log_box .alert{display: none;top: -22px;left: 73px;text-align: left;}
.log_plus{margin-top: 30px;}
.log_plus > span{display: block;float: right;width: 176px;font-size: 13px;font-weight: bold;color: #555;}
.log_plus > span:first-child{float: left;text-align: right;}
.log_plus > span a{display: block;float: left;position: relative;margin-left:20px;}
.log_plus > span a:first-child{margin-left: 0;}
.log_plus > span a:first-child:after{content: "";display: block;position: absolute;top: 1px;right: -10px;width: 1px;height: 12px;background: #aaa;}