@import url("default.css?ver=4");

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24
}

.material-symbols-outlined.bold{
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}
.material-symbols-outlined.fill{
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}
.div_icon_align{display:inline-flex;align-items:center;}
.wrap{position:relative}
.wrap p{margin-bottom:0px;}

.box_width{position:relative;width:1600px;margin:0 auto}
#headerArea{position:fixed;left:0px;top:0px;width:100%;background:#fff;z-index:1009}
#headerArea a{text-decoration:none}


#float_quick{position:fixed;left:50%;margin-left:840px;bottom:50px;z-index:1000}
#float_quick ul.quick_area{}
#float_quick ul.quick_area li{margin-top:9px;}
#float_quick ul.quick_area li a{display:flex;align-items: center;justify-content:center;align-content:center;flex-direction:column;width:60px;height:60px;border-radius:30px;background:#fff;border:1px solid #bdbdbd;text-align:center;}
#float_quick ul.quick_area li a p{display:block;}
#float_quick ul.quick_area li.btn_reg a{background:#ed1c24;border:1px solid #ed1c24;color:#fff;font-size:14px;line-height:130%;}
#float_quick ul.quick_area li.btn_share a{}
#float_quick ul.quick_area li.btn_top a{background:#e9e9e9;font-size:30px;}
#float_quick ul.quick_area li.btn_top a span{font-size:30px;}

#headerArea .header_box{}
body.scroll #headerArea .header_box{display:none}
#headerArea .header_sub_box{height:40px;position:relative;background:#2d2d2d}
#headerArea .header_sub_box .topBanner{position:absolute;left:0px;height:40px;overflow:hidden;width:350px;top:0px;}
#headerArea .header_sub_box .topBanner ul{}
#headerArea .header_sub_box .topBanner li {height: 40px;line-height: 40px;box-sizing: border-box;}
#headerArea .header_sub_box .topBanner li a{color:#fff;height: 40px;line-height: 40px;display:block;}
#headerArea .header_sub_box .topBanner li a i{padding-top:10px;}
            
#headerArea .header_box .topHeader{position:absolute;right:0px;top:0px;background:#040404}
#headerArea .header_box .topHeader .box{}
#headerArea .header_box .topHeader .t_button{}
#headerArea .header_box .topHeader .t_button ul{padding-left:10px;}
#headerArea .header_box .topHeader .t_button li{margin-right:25px;padding-left:25px;float:left;}
#headerArea .header_box .topHeader .t_button li a{display:block;color:#fff;height:40px;line-height:40px;font-size:15px;vertical-align: middle;}
#headerArea .header_box .topHeader .t_button li a span{vertical-align: middle;font-size:19px;}
    

#headerArea .headerTop{position:relative}
#headerArea .headerTop .box{height:150px;}
#headerArea .headerTop .box a.logo{position:absolute;left:6px;top:24px;width:251px;height:102px;overflow:hidden;z-index:11}
#headerArea .headerTop .box a.logo span.text{width:226px;height:69px;margin-left:25px;margin-top:0px;display:block;background:url('../images/logo.png?ver=1') no-repeat;z-index:10}
#headerArea .headerTop .box a.logo span.animation1{position:absolute;left:-30px;top:30px;width:28px;height:36px;background:url('../images/logo_obj1.png?ver=1') no-repeat 0px 0px;;z-index:4}
#headerArea .headerTop .box a.logo span.animation2{position:absolute;left:-200px;top:62px;width:246px;height:24px;background:url('../images/logo_obj2.png?ver=2') no-repeat 0px 0px;;z-index:4}
#headerArea .headerTop .box a.logo span.animation3{position:absolute;left:60px;bottom:-58px;width:130px;height:15px;background:url('../images/logo_obj3.png?ver=1') no-repeat 0px 0px;;z-index:4}
#headerArea .headerTop .box a.logo.on span.animation1{left:0px;}
#headerArea .headerTop .box a.logo.on span.animation2{left:8px;}
#headerArea .headerTop .box a.logo.on span.animation3{bottom:0px;}
#headerArea .headerTop .box a.logo span.animation1{
  transition: all 500ms ease-in-out;transition-delay:300ms
}
#headerArea .headerTop .box a.logo span.animation2{
  transition: all 500ms ease-in-out;
}
#headerArea .headerTop .box a.logo span.animation3{
  transition: all 700ms ease-in-out;transition-delay:600ms
}

.topSearchArea{position:absolute;width:600px;left:50%;margin-left:-300px;top:45px;z-index:100}
.topSearchArea form{display:block;border:2px solid #d2171e;box-sizing: border-box;background:#fff;height:60px;border-radius:30px;}
.topSearchArea form .f_region{position:absolute;left:22px;width:96px;height:31px;top:15px;}
.topSearchArea form .f_region a{display:block;font-size:17px;color:#444444;line-height:29px;height:29px;}
.topSearchArea form .f_region a p{padding-right:10px;}
.topSearchArea form .f_region a span{position:absolute;right:0px;top:3px;}
.topSearchArea form .f_region a span.down{display:none;vertical-align:middle}
.topSearchArea form .fbox{padding-left:140px;padding-top:10px;padding-right:53px;line-height:36px;}
.topSearchArea form button{position:absolute;right:17px;top:50%;margin-top:-17px;border:0px;width:30px;height:30px;background:#fff;cursor:pointer}
.topSearchArea form button span{font-size:36px;}
.topSearchArea form input{border:0px;display:block;line-height:36px;color:#333;font-size:16px;outline-style: none; }

.topSearchArea #t_search_result{position:relative;display:none}
.topSearchArea #t_search_result .t_search_box{position:absolute;top: 8px;box-sizing: border-box;box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .1019607843);border: 1px solid #cfd3da;border-radius: 4px;background-color: #fff;width:340px;height: auto;padding:0px 16px}
.topSearchArea #t_search_result .t_search_box ul.search_region{padding: 20px 0px 20px 0px;}
.topSearchArea #t_search_result .t_search_box ul.search_region li{position: relative;height: 20px;margin-bottom: 9px;cursor: pointer;box-sizing: border-box;;float:left;width:50%;}
.topSearchArea #t_search_result .t_search_box ul.search_region li input{position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.topSearchArea #t_search_result .t_search_box ul.search_region li label{display: block;height: 20px;padding-left: 28px;background: url(../images/ico_chk.svg) no-repeat 0 -56px / 20px;font-size: 14px;    font-weight: 500;color: #1d1d1e;line-height: 20px;}
.topSearchArea #t_search_result .t_search_box ul li input:checked+label{background-position: 0 0;}
.topSearchArea #t_search_result .t_search_btn{position:relative;clear:both;padding-top:5px;padding-bottom:3px;}
.topSearchArea #t_search_result .t_search_btn ul{border-top:1px solid #eee;  display: flex;  justify-content: center; /* °¡·Î(¼öÆò) °¡¿îµ¥ Á¤·Ä */  align-items: center;    /* ¼¼·Î(¼öÁ÷) °¡¿îµ¥ Á¤·Ä */  list-style: none;       /* ±âº» ul Á¡ Á¦°Å */  padding: 0;             /* ul ±âº» ¿©¹é Á¦°Å */}
.topSearchArea #t_search_result .t_search_btn ul li{text-align:center;margin:15px 5px;}
.topSearchArea #t_search_result .t_search_btn ul li button.btn-init-search{line-height:26px;border-radius:3px;border:1px solid #9ca3af;box-sizing: border-box;padding:0px 6px;display:inline-block;color:#151515;}
.topSearchArea #t_search_result .t_search_btn ul li button.btn-init-search:hover{background:#ededed}

.topSearchArea #t_search_result .t_search_btn ul li button.btn-select-search{line-height:26px;border-radius:3px;border:1px solid #ef4444;box-sizing: border-box;padding:0px 6px;display:inline-block;color:#fff;background:#dc2626;}
.topSearchArea #t_search_result .t_search_btn ul li button.btn-select-search:hover{background:#f84242}


.headerTop .naviArea{position:absolute;right:0px;top:54px;z-index:100}
.headerTop .naviArea li{float:left;margin-left:7px;}
.headerTop .naviArea li a{display: inline-flex;align-items: center; gap: 4px;font-size:15px;}
.headerTop .naviArea li.login a span{font-size:20px;margin-right:3px;}
.headerTop .naviArea li a.btn-navi-login{line-height:34px;border:2px solid #ef4444;background:#fff;padding:0px 16px;text-align:center;border-radius:18px;box-sizing: border-box;font-weight:700}
.headerTop .naviArea li a.btn-navi-login:hover{border:2px solid #ef4444;background:#ef4444;color:#fff;}
.headerTop .naviArea li a.btn-navi-info{line-height:34px;border:2px solid #ef4444;background:#ef4444;color:#fff;padding:0px 16px;text-align:center;border-radius:18px;box-sizing: border-box;font-weight:700}
.headerTop .naviArea li a.btn-navi-info:hover{border:2px solid #ef4444;background:#d02626;}
.headerTop .naviArea li a.btn-navi-reg{line-height:34px;border:2px solid #000;background:#1f2937;color:#fff;padding:0px 16px;text-align:center;border-radius:18px;box-sizing: border-box;font-weight:700}
.headerTop .naviArea li a.btn-navi-reg:hover{border:2px solid #000;background:#000;}

body.scroll #headerArea .headerTop .box a.logo{display:none}
body.scroll #headerArea .headerTop .box{height:auto;}
body.scroll .headerTop .naviArea{top:12px;}
body.scroll .topSearchArea{width:350px;left:auto;right:50%;margin-right:-320px;margin-left:0px;top:8px;}
body.scroll .topSearchArea form{height:44px;}
body.scroll .topSearchArea form .f_region{top:8px;}
body.scroll .topSearchArea form .fbox{padding-left:130px;padding-top:3px;}
body.scroll .topSearchArea form input{width:100%;}




.headerBottom{border-top:1px solid #e9e9e9;background:#fff;}
.headerBottom .box{border-bottom:3px solid #ed1c24;position:relative;}
.headerBottom .box:before{content:'';position:absolute;bottom:0px;left:0px;right:0px;top:0px;background:#ff;z-index:4;}
.headerBottom .box:after{content:'';position:absolute;bottom:0px;left:0px;right:0px;height:1px;box-shadow:0px 5px 10px 1px rgba(0, 0, 0, 0.5);z-index:3}
.headerBottom .box .tmenu_main{text-align:center;display:flex;align-items: center;flex-wrap:nowwap;justify-content:center;align-content:center;position:relative;z-index:10}
.headerBottom .box .tmenu_main li{margin-right:0px;margin-left:0px;}
.headerBottom .box .tmenu_main li a{padding-left:65px;padding-right:65px;letter-spacing:-1px;font-size:20px;color:#333333;line-height:59px;display:inline-block;}
.headerBottom .box .tmenu_main li:hover {}
.headerBottom .box .tmenu_main li:hover a,.headerBottom .box .tmenu_main li.active a{background:#ed1c24;color:#fff;}


body.scroll .headerBottom .box .tmenu_main{text-align:center;display:block;align-items: center;flex-wrap:nowwap;justify-content:center;align-content:center;position:relative;z-index:10;width:1600px;margin:0 auto;}
body.scroll .headerBottom .box .tmenu_main li{float:left;}
body.scroll  .headerBottom .box .tmenu_main li a{padding-left:30px;padding-right:30px;}

.footerArea{background:#ececec;padding-bottom:50px;clear:both}
.footerArea .f_top{height:50px;position:relative;background:url('../images/footer_bg.jpg') repeat left center;}
.footerArea .f_top .menu{display:flex;align-items: center;flex-wrap:nowwap;justify-content:center;align-content:center;position:relative;}
.footerArea .f_top .menu li{padding:0px 20px;}
.footerArea .f_top .menu li a{color:#dbdbdb;font-size:14px;display:block;line-height:50px;font-weight:700;text-decoration:none}
.footerArea .f_top .menu li a.strong{color:#e47276}

.footerArea .f_bottom{}
.footerArea .f_bottom .box{position:relative;}
.footerArea .f_bottom .box:before{content:'';position:absolute;background:url('../images/footer_logo.jpg') no-repeat;left:28px;top:68px;width:283px;height:88px;}
.footerArea .f_bottom .box .f_info{padding-left:346px;padding-top:50px;padding-bottom:0px;}
.footerArea .f_bottom .box .f_info .company{font-weight:700;font-size:18px;color:#333333;}
.footerArea .f_bottom .box .f_info .txt{font-weight:300;font-size:13px;color:#666666;margin-top:8px;padding-bottom:4px;}
.footerArea .f_bottom .box .f_info .copyright{font-size:11px;color:#666666;margin-top:8px;}
.footerArea .f_bottom .box .f_info .copyright p{font-weight:300;font-size:11px;color:#666666;margin-top:3px;}
.footerArea .f_bottom .box .f_info .fbtn{position:absolute;right:0px;bottom:0px;}


body .select2-container--default .select2-selection--single{border-radius:5px;border:1px solid #ddd;}
body .select2-container .select2-selection--single{height:50px}
body .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px;}
body .select2-container--default .select2-selection--single .select2-selection__rendered{color:#4b4b4b;font-weight:400;line-height:50px;font-size:18px;}
body .select2-dropdown{border:1px solid #ddd;border-radius:0px;}
body .select2-container--open{z-index:99999}
body .select2-results{font-size:16px;}
body .select2-search--dropdown{display:none}

.footerArea .f_bottom .footerbtn{background:#fff;cursor:pointer;display:inline-block;border:1px solid #cccccc;padding:0px 32px 0px 11px;text-align:left;vertical-align:middle;margin-right:13px;position:relative;line-height:26px;}
.footerArea .f_bottom .footerbtn span{position:absolute;right:4px;top:3px;}

#body_wrap{padding-top:253px;position:relative;}
body.scroll #body_wrap{padding-top:163px;}
#body_content{padding-bottom:150px;position:relative}

.body_area{position:relative;width:1280px;margin:0 auto;padding-top:60px;}
.body_area .sub_title{font-family: 'Gmarket Sans';font-size:32px;font-weight:700;margin-bottom:40px;}
.body_area .sub_title.text-center{text-align:center;}
.body_area .sub_tab{margin-bottom:40px;}
.body_area .sub_tab ul{margin-bottom:40px;display:flex;align-items: center;flex-wrap:nowwap;justify-content:center;align-content:center;position:relative;border-left:1px solid #cccccc;}
.body_area .sub_tab ul li{box-sizing: border-box;text-align:center;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.body_area .sub_tab ul.five li{width:20%;}
.body_area .sub_tab ul.two li{width:50%;}
.body_area .sub_tab ul.three li{width:33%;}
.body_area .sub_tab ul.three li:last-child{width:34%;}
.body_area .sub_tab ul li a{box-sizing: border-box;border-right:1px solid #cccccc;display:block;font-size:18px;color:#959595;line-height:50px;background:#f6f6f6;font-weight:700}
.body_area .sub_tab ul li.active a{border-left:2px solid #e1424e;display:block;font-size:18px;color:#4a4a4a;line-height:50px;background:#fff;border-right:2px solid #e1424e;}
.body_area .sub_tab ul li.active {border-bottom:1px solid #fff;border-top:2px solid #e1424e;}


#body_wrap .nbtn span{
	color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding: 0px;
    font-weight: 700;
    height: 50px;
    box-sizing: border-box;
    display: block;
}

#body_wrap .nbtn {
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    background-color: #676767;
    border-radius: 7px;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 150px;
    text-align: center;
}

#sns_share_area{position:absolute;right:80px;top:0px;z-index:9999;display:none;opacity:0;transition: all 500ms ease-in-out;background:#fff;border-radius:10px;}
#sns_share_area.open{opacity:1;transition: all 500ms ease-in-out;top:-70px;display:block}
#sns_share_area fieldset{border:2px solid #ededed;background:#fff;border-radius:10px;box-sizing: border-box;box-shadow: 4px 4px 16px 0 rgba(0, 0, 0,.1019607843);padding:20px;}
#sns_share_area fieldset .snsbox{width:350px;position:relative}
#sns_share_area fieldset .snsbox a.sclose{position:absolute;right:0px;top:0px;}
#sns_share_area fieldset .snsbox a.sclose span{background:url('../images/sns_close.png') no-repeat center center;width:30px;height:30px;display:block;;}
#sns_share_area fieldset .snsbox .snsTitle{font-size:24px;color:#444444;font-weight:700}
#sns_share_area fieldset .snsbox .snsUrl{margin-top:15px;position:relative;padding-right:90px;display:none}
#sns_share_area fieldset .snsbox .snsUrl input{border:1px solid #dddddd;border-radius:6px;display:block;line-height:34px;background:#fff;padding:0px 10px;box-sizing: border-box;width:100%;font-size:14px;color:#666;}
#sns_share_area fieldset .snsbox .snsUrl button{border:1px solid #666666;border-radius:6px;line-height:34px;box-sizing: border-box;color:#fff;padding:0px 10px;position:absolute;right:5px;top:0px;background:#666666;color:#fff;font-size:14px;}
#sns_share_area fieldset .snsbox .snsSms{margin-top:15px;position:relative;padding-right:90px;}
#sns_share_area fieldset .snsbox .snsSms input{border:1px solid #dddddd;border-radius:6px;display:block;line-height:34px;background:#fff;padding:0px 10px;box-sizing: border-box;width:100%;font-size:14px;color:#666;}
#sns_share_area fieldset .snsbox .snsSms button{border:1px solid #666666;border-radius:6px;line-height:34px;box-sizing: border-box;color:#fff;padding:0px 10px;position:absolute;right:5px;top:0px;background:#666666;color:#fff;font-size:14px;}

#sns_share_area fieldset .snsbox .sbox{padding-top:20px;padding-bottom:20px;}
#sns_share_area fieldset .snsbox .sbox ul{text-align:center;}
#sns_share_area fieldset .snsbox .sbox ul li{display:inline-block;margin:0px 4px;}
#sns_share_area fieldset .snsbox .sbox ul li a{display:inline-block;width:32px;height:33px;background:url('../images/icon_sns.png?ver=1') no-repeat 0px center;}
#sns_share_area fieldset .snsbox .sbox ul li.kakao a{background-position:0px center;}
#sns_share_area fieldset .snsbox .sbox ul li.facebook a{background-position:-64px center;}
#sns_share_area fieldset .snsbox .sbox ul li.twitter a{background-position:-96px center;}
#sns_share_area fieldset .snsbox .sbox ul li.line a{background-position:-32px center;}
#sns_share_area fieldset .snsbox .sbox ul li.copy a{background-position:-160px center;width:33px;}