/****** 공통 영역 ******/
br { font-family: dotum !important; }
.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: 10px;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;}



/****** 헤더 영역 ******/

html,body{ overflow-x: hidden; }
#header{ position: fixed; top: 20px; z-index: 11; padding: 0 90px; width:100%; transition: top 290ms, padding 350ms; margin: auto; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; flex-flow: row wrap;}
.header_on { top: 0 !important; transition: top 350ms, padding 350ms !important; padding: 0 !important; }
.sub_on { margin-top: 90px !important; padding: 0 !important; }
.sub_cr_on { margin-top: 110px; }
.nav_on { transform: matrix(1,0,0,1,0,-90); opacity: 0; transition: opacity 350ms, transform 350ms }
.nav_sub{ width: 100%; height: auto; border-bottom: 1px solid rgb(204,204,204); }
.nav{ width: 100%; height: 35px; max-width: 1225px; padding: 0 20px; margin: auto; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; }
.nav_area{ position: static; transform: matrix: (1,0,0,1,0,0); opacity: 1; transition: opacity 350ms, transform 350ms; width: 100%; height: 90px; background: #fff; z-index: 1; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.logo_area{ width: 18%;  display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; }
.logo_pc{ width: 100%; max-width: 181px; height: auto; transition: all 0.2s ease-in-out; cursor: pointer; }
.menu_search { width: 25%; min-width: 400px;  }
.menu_search > ul { width: 100%; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end; padding: 0 8% 0 0; }
.menu_search > ul > li > a { padding: 0 5px; font-size: 14px; color: #666; }
.nav a{ color: rgb(153,153,153); font-size: 14px; cursor: pointer; font-weight: bold}
.nav .active { color: red; }
.bar_line{ width: 1px; height: 15px; margin: 0 15px; background-color: lightgray; transition: all 0.2s ease-in-out; }
.menu_sub{ width: 57%; height: auto; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: flex-end }
.menu_sub > figure { width: 100%; max-width: 800px }
#menu_area{ width: 100%; display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; justify-content: flex-end; }
#menu_area>p{ display: none; }
#menu_area>ul>h4{ display: none; }
.menu{ width: 100%;  height: 90px; max-width: 800px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
.menu li{ width:100%; position: relative; display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.menu li p { width: auto; font-size: 18px; font-weight: 500; cursor: pointer; letter-spacing: -1px; color: #333 !important; text-align: center;}
.menu li p .space{ display: inline; }
.menu li p .line_feed{ display: none; }
.menu li button { width: 100%; height: 38px; background: #666666; color: white; border: none; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif;}
.menu_hamburger{ display: none; transition: all 0.2s ease-in-out; }
.background_bk { position: fixed; top: 0; left: 0; z-index: 13; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none;}


/* 단일 서브 메뉴 */
.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{ height: 40px; 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: flex; 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_empty{ width: 100%; }
.all_sub_menu_area_sub{ width: 100%; padding: 0 90px; position: fixed; top: 0 ; margin-top:110px; left: 0; z-index: 1000; display: flex; flex-flow: row nowrap; justify-content: center; }
.all_sub_menu_area_sub > div { display: flex; flex-flow: row nowrap; justify-content: flex-end; background-color: rgba(0,0,0,0.7); }
.all_sub_menu_area_sub > .sub_section01 { width: 18%; }
.all_sub_menu_area_sub > .sub_section02 { width: 57%; }
.all_sub_menu_area_sub > .sub_section03 { width: 25%; min-width: 410px; }
.all_sub_menu_area{ width: 100%; max-width: 800px; height: auto; padding: 10px 0 20px 0; display: flex; flex-flow: row nowrap; /*justify-content: space-around;*/ align-items: flex-start; opacity: 0; }
.all_sub_menu { width:100%; height: auto; }
.all_sub_menu:nth-of-type(1){ width: 100%; }
.all_sub_menu:nth-of-type(6){ width: 100%; }
.all_sub_menu li{ width: 100%; padding: 10px 0; word-break: keep-all; text-align: center; display: flex; flex-flow: row nowrap; justify-content: center; /*align-items: center;*/ cursor: pointer; color: rgb(255,255,255); transition: all 0.2s ease-in-out; }
.all_sub_menu li:hover{ background-color: rgb(220,220,220); color: rgb(34,34,34); }

/* 모바일용 메뉴 (최종) */
#mobile_menu { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; z-index: 15; background: #fff; }
#mobile_menu > p { padding: 20px ; color: #73c014; font-weight: bold; border-bottom: 1px solid #ddd; }
#mobile_menu > ol > li { font-size: 17px; border-bottom: 1px solid #ddd;}
#mobile_menu > ol > li:hover { cursor: pointer; }
#mobile_menu > ol > li > p { padding: 10px 20px; }
#mobile_menu > ol > .m_c_btn > button { width: 100%; background: #666; color: #fff; padding: 12px 0; letter-spacing: -2px; font-weight: 500; font-size: 14px; }

@media all and (max-width:1050px){
    .menu li p .space{ display: none; }
    .menu li p .line_feed{ display: inline; }
}
@media all and (min-width: 960px){
    #mobile_menu { display: none; }
    .background_bk { display: none !important; }
}
@media all and (max-width:960px){
    #header{ padding: 0; top: 0;}

    .nav{ padding-right: 20px; }
    .nav_area{ display: flex; justify-content: flex-end; flex-flow: row wrap; height: 65px;}
    .logo_area{ width: 100%; height: 65px; 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{ margin-left: 0; max-width: 135px; min-width: 135px; }
    .menu_hamburger{ width: 40px; height: 35px; border: 6px solid transparent; border-bottom-width: 9px; cursor: pointer; display: block; position: relative; }
    .menu_hamburger div{ width: 28px; height: 3px; background: #555 !important; 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_sub > figure { display: none; }

    #menu_area{ width: 300px; height: 100%; justify-content: flex-start; align-items: flex-start; 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 { width: 100%; margin: 20px 0 10px; padding: 0 10px 0 20px; display: block; color: #73c014; font-size: 16px;
    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; color: rgb(255,255,255); cursor: pointer; }
    .menu{ 

     }
    .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: 8px 10px 8px 20px; text-align: left; color: #515151;}


    .sub_menu{ display: none; width: 100%; padding: 10px 0; position: static; top:49px; left:0; z-index: 1000; background-color: transparent; box-shadow: 1px 1px 3px 1px transparent; background: rgb(245,245,245); }
    .sub_menu li{ height: 40px; margin: 0; padding: 5px 10px 5px 37px; 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; }


}


/****** 서브 페이지 공통 ******/
.sub_title_area { width: 100%; height: 430px; background-position: center; background-repeat: no-repeat; background-size:cover; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #000; transition: all 0.2s ease-in-out; }
.sub_title_area > .menu_title { font-size: 40px; color: white; margin-top: 208px; /*text-transform: uppercase;*/}
.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: 285px; }
    .sub_nav{ width: 100%; height: auto; 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% }
.pc_aside{ width: 100%; max-width: 1200px; margin: 102px auto 0; height: 60px; overflow: hidden; transition: all 0.2s ease-in-out; background: rgba(297,297,297,0.7); }
.pc_aside > dl { width: 100%; height: auto; margin: auto; display: flex; }
.pc_aside > dl > dt { width: 25%; display: none; flex-flow: row nowrap; justify-content: center; align-items: center; font-weight: bold; font-size: 22px; color: rgb(51,51,51); background-color: rgb(239,239,239); }
.pc_aside > dl > dd { width: 25%; height: 60px; line-height: 60px; text-align: center; cursor: pointer; color: rgb(102,102,102); font-size: 18px; position: relative; }

.sub_nav{ width: 100%; height: auto; display: none; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.sub_nav ul{ width: 100%; height: 50px; margin: auto; max-width: 1200px; display: flex; align-items: center; justify-content: flex-start; flex-flow: row nowrap; }
.sub_nav ul li{ padding: 0 10px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; }
.sub_nav ul li:nth-of-type(1){ width: 80px; height: 100%; border-left: 1px solid #dcdcdc;; border-right: 1px solid #dcdcdc; }
.sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3){ width: 50%; height: 100%; position: relative; }
.sub_nav ul li:nth-of-type(2) { border-right: 1px solid #dcdcdc; }
.sub_nav .menu_name, .sub_nav .sub_menu_name{ width: 100% !important; text-align: left; margin-right: 10px; font-size: 14px; transition: all 0.2s ease-in-out; }
.sub_nav .menu_select, .sub_nav .sub_menu_select{ width: 100% !important; position: absolute; top: 50px; left: -1px; z-index: 8; border: 1px solid #dcdcdc;; background-color: rgb(255,255,255); display: none; }
.sub_nav i{ color: #333; transition: all 0.2s ease-in-out; }
.sub_nav .menu_select p, .sub_nav .sub_menu_select p{ height: 48px; padding: 0 0 0 10px; display: flex; flex-flow: row wrap;  align-items: center; font-size: 14px; }
.sub_nav .menu_select p:hover, .sub_nav .sub_menu_select p:hover{ background-color: #f2f2f2; }
.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); }
.content_title dt{ text-align: center; font-size: 36px; font-weight: bold; color: rgb(51,51,51); }
.content_title dd{ text-align: center; font-size: 16px; color: rgb(204,204,204); }

.sub_nav .menu_hide{ display: none; }


.content_area { width: 100%; height: auto;}
.content_area > .content_title_area { width: 100%; height: 208px;  padding: 70px 0; }
.content_area > .content_title_area > p { font-size: 50px; margin: auto; text-align: center; font-weight: 500; letter-spacing: -2px; }
.content_area > .content_title_area > span { display: block; width: 40px; border: 2px solid #555; margin: 10px auto; }

.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; }

.m_c_btn { display: none !important; }


@media (max-width: 1200px){
    .subpage_content > .pc_aside > dl { width: 100%; }
    .subpage_content > .pc_aside > dl > dd:last-child { border-right: none; }
    .subpage_content > .pc_aside > dl > dd:nth-child(2) { border-left: none; }
}

@media all and (max-width:960px){
    .subpage_content{ margin-top: 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%;}

    .sub_title_area > .menu_title {  margin-top: 60px;}
    .pc_aside { display: none; }
    .subpage_content > .sub_nav { display: block; }

    .m_c_btn { display: block !important; }

}

@media (max-width: 760px){
    .content_area > .content_title_area { height: 110px; padding: 0; }
    .content_area > .content_title_area > p { padding: 30px 0 0 0 ; font-size: 29px; }
    .sub_title_area > .menu_title { font-size: 29px; }
    .sub_nav ul li:nth-of-type(1) { display: none; }
}

@media (max-width: 480px){
        
    .sub_nav ul{ padding: 0; }
    .sub_nav ul li{ font-size: 18px; }
    .sub_nav ul li:nth-of-type(1){ display: none; }
    .sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3){ width: 50%; }
    .sub_nav .menu_name, .sub_nav .sub_menu_name{ width: 150px; font-size: 14px }
    .sub_nav .menu_select p, .sub_nav .sub_menu_select p{ font-size: 14px;  }
}



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


/* 푸터 영역 */
.footer_sub{ clear: both; width: 100%; min-height: 250px; color: rgba(279,279,279,0.5); background-color: #333; font-size: 16px; transition: all 0.2s ease-in-out; }
.footer { width: 100%; height: 100%;  max-width: 1200px;margin: auto; padding: 40px 10px;  display: flex; justify-content: space-between; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.footer > .privacy { width: 70%; margin-bottom: 30px;}
.footer > .privacy > ul { display: flex; justify-content: flex-start; }
.footer > .privacy > ul > li { padding: 0 5px; }
.footer > .privacy > ul > li > .color_b { color: #1f80c4; }
.footer > .search { display: flex;  width: 30%; justify-content: flex-end; padding: 10px; }
.footer > .search > select { margin-top: -20px; font-size: 13px; background: url('../../../img/search_icon.png') no-repeat 93% 50%; color: #888; width: 220px;  height: 33px; border: 1px solid #c2c2c2; padding: 5px; }
.footer > .text { width: 100%; margin-bottom: 30px; }
.footer > .text > ul { margin: 5px 0; display: flex; justify-content: flex-start; flex-flow: row }
.footer > .text > ul > li { padding: 0 5px; display: inline-block;}
.footer > .copyright > p { padding: 0 5px; font-size: 14px; letter-spacing: 0 } 


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

    .footer_sub{  font-size: 14px; }
    .footer div:nth-of-type(1) h4>span:nth-of-type(2){ display: none; }
    .footer .bar_line{ display: none; }
    .footer div:nth-of-type(2) p{ display: flex; flex-flow: row wrap; }
    .footer_title{ min-width: 45px; }
    .nav_area { margin-top: 0 !important; }

    .footer > .search { display: none; }
    .footer > .privacy { width: 100%; }
    .footer > .privacy { margin-bottom: 18px; }
    .footer > .text { margin-bottom: 18px; }
    .footer > .text > ul { display: inline-block; margin: 0;}
    .footer > .text > ul > li { font-size: 13px; }
    .footer > .copyright > p { font-size: 13px; }
}
@media (max-width: 790px){

}
@media (max-width:480px){
    .footer_sub{ font-size: 11px; }
    .footer > div > h4 { font-size: 11.3px; }
}


.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;}

/* 검색기능 */
#sch_result { width: 100%; max-width: 1200px; margin: auto; padding: 0 20px; }
#sch_res_board { border: none; border-bottom: 1px solid #ddd; background: #fff !important; }
#sch_res_board .sch_on { background: #f5f5f5; color: #333; font-weight: 600; box-shadow: none; border-bottom-color: #fff; }
#bo_v { width: 100%; max-width: 1200px; margin: auto; }


@media (max-width: 1300px){
    .menu_search { display: none; }
    .logo_area { width: 25%; }
    .menu_sub { width: 75%; }
    .all_sub_menu_area_sub > .sub_section03 { display: none; }
    .all_sub_menu_area_sub > .sub_section02 { width: 75%; }
    .all_sub_menu_area_sub > .sub_section01 { width: 25%; }
}

@media(max-width: 1725px){
    .all_sub_menu_area_sub { margin-left: 0; left: 0;}
}

@media (max-width: 960px){
    .logo_area { width: 100%; }
}

@media (max-width: 640px){
    #top_btn { bottom: 20px !important; right: 20px !important; }
}