/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */
.wrap{width: 100%;min-width: 1200px;}
.center{width: 1260px;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;}
.head_red { color: #d02828; }
.head_org { color: #ff4200; }
input[type=submit] {-webkit-appearance:none;}


/* 버튼 */
/* 설정 버튼 */
.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:100%; height: 35px; max-width: 200px; margin: 0 auto; 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;}


/* layout */
/* 공통 */
#container_wr { width: 100%; }

/* header */
.background_box { width: 100%; height: 100%; position: fixed; z-index: 10; background: rgba(0,0,0,0.5); display:none; }
#header { width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; background-color: #fff; transition: all 0.2s ease-in-out; }
.nav_area { width: 100%; max-width: 1260px; height: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.logo_area { width: 27%; height: 105px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; transition: all 0.2s ease-in-out; }
.logo { width: 100%; max-width: 144px; min-width: 144px; height: auto; transition: all 0.2s ease-in-out; cursor: pointer; }
.logo_m { display: none; }
.nav a { color: rgb(153,153,153); font-size: 14px; cursor: pointer; }
.bar_line { min-width: 1px; height: 15px; margin: 0 5px; background-color: rgb(218,218,218); transition: all 0.2s ease-in-out; }
.menu_sub { width: 53%; height: 105px; display: flex; flex-flow: row nowrap; justify-content: flex-end; }
#menu_area { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
#menu_area > p { display: none; }
#menu_area > ul > h4 { display: none; }
.language_menu_pc { min-width: 130px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-weight: normal; font-size: 16px; color: rgb(218,218,218); }
.language_menu_m { display: none; }
[class^="language_menu_"] > .current_lang { font-weight: bold; color: rgb(118,204,243); }
.menu { width: 100%; height: 110px; display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; }
.menu li { width: auto; height: 100%; position: relative; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.menu li p { letter-spacing: -1px; width: auto; font-size: 20px; font-weight: 400; color: #000000; 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; }
.header_log { position: relative; width: 100%; height: 40px; background: #263c24; }
.header_log > ul { padding: ; margin: auto; width: 100%; max-width: 1270px; height: 40px; display: flex; justify-content: flex-end; align-items: center;  }
.header_log > ul > li { padding: 0 5px; font-size: 12px; font-weight: 300; color: #ffffff; }


/* 단일 서브 메뉴 */
.sub_menu { display: none; width: 150px; padding: 10px 0; position: absolute; top: 105px; left: calc(50% - 75px); z-index: 1000; background-color: rgba(0,0,0,0.7); }
.sub_menu a { height: auto; margin: 0; padding: 8px 0; transition: all 0.2s ease-in-out; font-size: 14px; font-weight: 400; display: block; color: #f5f5f5; text-align: center; cursor: pointer; }
.sub_menu a:hover { color:  ;  }
.common_lf{ display: none; }


/* 서브 */
.sub_title_area { width: 100%; height: 245px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; transition: all 0.2s ease-in-out; }
.sub_title_area>div{ display: flex; align-items: center; justify-content: center; height: 100%; }
.sub_title_area>div>div>p{ color: rgb(255,255,255); font-size: 20px; font-weight: 300; letter-spacing: -1px }
.sub_title_area>div>div>h4{ font-weight: 600; color: rgb(255,255,255); font-size: 42px; letter-spacing: -1px; text-align: center; transition: all 0.2s ease-in-out; }
.sub_title_area>canvas{ position: absolute; top: 0; left: 0; z-index: 1; }
.sub_title_area > div > div > ul { display: flex; justify-content: flex-start; }
.sub_title_area > div > div > ul > li { color: rgba(297,297,297,0.8); font-size: 15px; font-weight: 300; display: flex }
.sub_title_area > div > div > ul > li::after { display: block; content: '>'; color: rgba(297,297,297,0.8); margin: 0 5px; }
.sub_title_area > div > div > ul > li:last-child::after { display: none; }
.sub_mid_title { position: relative; width: 100%; max-width: 1260px; border-bottom: 1px solid #cccccc; margin: auto;  padding: 50px 20px ; }
.sub_mid_title > p { font-size: 40px; font-weight: 600; letter-spacing: -2px; text-align: center; }
.sub_mid_title > span { display: block; font-size: 18px; font-weight: 300; letter-spacing: -1px; color: #cccccc; text-align: center; }
.sub_mid_title1 { position: relative; width: 100%; max-width: 1260px; border-bottom: 1px solid #cccccc; margin: auto;  padding: 50px 20px ; }
.sub_mid_title1 > p { position: relative; font-size: 40px; font-weight: 600; letter-spacing: -2px; text-align: center; }
.sub_mid_title1 > span { display: block; font-size: 20px; font-weight: 400; letter-spacing: -1px;  color: #2a894a;  text-align: center; }
.sub_mid_title1 > p > img { position: absolute; top: 0; left: 26%; }

.sub_h_menu{ position: absolute; bottom: 0; width: 100%; display: none; justify-content: center; flex-flow: row nowrap; z-index: 10; }
.sub_h_menu>a{ height: auto; padding: 25px 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: rgba(38,60,36,0.85); color: #ffffff; cursor: pointer; }
.sub_h_menu>a.current { color: #000000; background: rgba(297,297,297,0.85); }
.sub_h_menu>a>p{ width: 100%; word-break: keep-all; text-align: center; font-size: 20px; font-weight: 400; }
.sub_nav{ width: 100%; height: auto; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.sub_nav ul{ width: 100%; height: 50px; margin: auto; max-width: 1260px; display: flex; align-items: center; justify-content: flex-start; flex-flow: row nowrap; }
.sub_nav ul li{ 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 #cccccc; border-right: 1px solid #cccccc; color: rgb(81,81,81); }
.sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3){ width: 250px; height: 100%; border-right: 1px solid #cccccc; position: relative; }
.sub_nav ul li:nth-of-type(2) i, .sub_nav ul li:nth-of-type(3) i{ margin-bottom: 5px; }
.sub_nav .menu_name, .sub_nav .sub_menu_name{ width: 200px; text-align: left; margin-right: 10px; font-size: 17px; color: rgb(81,81,81);  }
.sub_nav .menu_select, .sub_nav .sub_menu_select{ width: 251px; position: absolute; top: 50px; left: -1px; z-index: 100; border: 1px solid #333333; background-color: rgb(255,255,255); display: none; }
.sub_nav i{ color: rgb(81,81,81); }
.sub_nav .menu_select a, .sub_nav .sub_menu_select a{ padding: 0 15px; height: 40px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 16px; color: rgb(81,81,81); }
.sub_nav .menu_select a:hover, .sub_nav .sub_menu_select a:hover{ background-color: #dddddd; color: #333333; }
.content_title{ width: 100%; max-width: 1245px; height: auto; margin: auto; padding: 65px 0 80px; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.content_title dt{ text-align: center; font-size: 36px; font-weight: bold; overflow: hidden; transition: all 0.2s ease-in-out; }
.content_title dd{ width: 100%; height: 1px; margin-top: 40px; background-color: rgb(244,244,244); transition: all 0.2s ease-in-out; }
.sub_nav .menu_hide{ display: none; }

/* footer */
/* 공통 */
.footer { width: 100%; height: auto; padding: 30px 0; background: #bdbdbd; color: #676767; transition: all 0.2s ease-in-out; }
.footer > ol { width: 100%; max-width: 1260px; margin: auto; }
.footer > ol > li { line-height: 25px; display: flex; justify-content: center; flex-flow: row wrap; align-items: center }
.footer > ol > li > h4 { margin-right: 20px; font-size: 15.5px; font-weight: 400; }
.footer > ol > li > a { font-size: 13.5px; font-weight: 500; color: #000000; }

/* top버튼 */
#top_btn { width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 17px; border-radius: 4px; display: none; background-color: rgba(0,0,0,0.6); color: #ffffff; text-align: center; position: fixed; right: 20px; bottom: 20px; z-index: 100; }
#top_btn:hover { cursor: pointer; background-color: #000000; }



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

/* 회원가입, 로그인 */
.mbskin { width: 100% !important; max-width: 400px; margin: 140px auto 100px  !important; }
#login_info { display: none; }
.mbskin:before, .mbskin:after, .mbskin h1 { display: none; }
#login_password_lost, .mbskin { border: none; }
#mb_login #login_info { background: #ffffff; margin: 23px 0 0; }
#mb_login #login_info a { font-size: 15px; font-weight: 500; }
#mb_login #login_fs .frm_input { font-size: 14px; }
.btn_submit { height: 40px !important; background: linear-gradient(to top, #c12121, #f05f18); font-size: 16px !important; font-weight: 500 !important; }
.btn_submit:hover { background: linear-gradient(to top, #c12121, #f05f18); }
#fregister { width: 100%; max-width: 1579px; padding: 0 20px; margin: 100px auto; }
#fregister p { color: #c12121; border: 1px solid #c12121; font-weight: 500; word-break: keep-all; }
#fregister textarea { font-size: 14px; word-break: keep-all; color: #777777; }
#fregister_private table th { background: #5d5d5d; border: 1px solid #5d5d5d; font-weight: 400; }
#fregister_private table td { font-size: 14px; word-break: keep-all; color: #777777; }
#fregister h2 { letter-spacing: -1px; font-weight: 500; font-size: 19px; background: #efefef; }
.fregister_agree > label { font-size: 14px; font-weight: 500; letter-spacing: -1px; }
#register_form { width: 100%; max-width: 1579px; margin: auto; padding: 70px 20px 0; }
#fregisterform .btn_confirm .btn_cancel { line-height: 40px; height: 40px; font-weight: 400; font-size: 16px; }
.form_01 h2 { font-size: 19px; letter-spacing: -1px; font-weight: 500; }
#register_form input { font-size: 15px; }
#fregisterform .frm_info { margin: 10px 0 30px; }
.form_01 li { word-break: keep-all; }
#fregisterform .btn_confirm { margin-bottom: 70px; }
#reg_result { margin: 70px 0; padding: 0 20px; }
#reg_result h2 { color: #333333; letter-spacing: -2px }
#reg_result h2 strong { color: #4e724a; }
#reg_result p { font-size: 16px; font-weight: 500; letter-spacing: -1px; word-break: keep-all; color: #777777; }
#reg_result .reg_result_p strong { color: #8ba388; }


@media (max-width: 1412px){
  body { width: 1412px; }
}