@charset "utf-8";

/*기존 css 리셋*/
.contents{padding-top:50px;}

/*높이, 간격 등*/
.vh_100{min-height:calc(100vh - 100px);}
.box_space{margin-bottom:32px;}

/*박스*/
.comp_box{padding:16px 16px 24px;background:#fff;border-radius:4px;}

/*font*/
.tit_h1{margin-bottom:24px;font-size:20px;color:#000;font-weight:bold;}
.tit_h2{margin-bottom:10px;font-size:15px;color:#111;font-weight:bold;}
.txt_link{display:inline-block;font-size:12px;font-weight:bold;color:#0071EB;text-decoration:underline;}

/*공통으로 쓰는 요소*/
.wrap_style{background:#f5f5f5;padding:24px 16px 32px;}
.comp_contain{padding:24px 16px 32px;}
.comp_contain_box{padding:24px 16px;background:#fff;}

/*버튼형태의 리스트*/
.list_box ul > li{position:relative;margin-bottom:12px;}
.list_box .btn_list{display:block;padding:14px 16px;width:100%;font-size:14px;font-weight:400;color:#111;text-align:left;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(183,183,183,0.15)}

/*tab*/
.tab_boxIn{display:table;width:100%;margin-bottom:24px;border-bottom:1px solid #eee;}
.tab_boxIn li{display:table-cell;width:50%;margin-right:12px;text-align:center;vertical-align:middle;}
.tab_boxIn li.on{color:#111;border-bottom:2px solid #111;font-weight:bold;}
.tab_boxIn li.on a{color:#111;}
.tab_boxIn li a{display:inline-block;padding:0 8px 4px 8px;font-size:13px;line-height:16px;color:#777;}
.tab_content{display:none;}
.tab_content.on{display:block;}

/*btn*/
.btn_l{display:inline-block;padding:2px 4px;font-size:10px;background:#f5f5f5;border-radius:2px;vertical-align:middle;}
.btn_m{display:inline-block;padding:2px 4px;font-size:10px;background:#f5f5f5;border-radius:2px;vertical-align:middle;}
.btn_ss_black{display:inline-block;padding:2px 4px;font-size:10px;background:#111;border-radius:2px;vertical-align:middle;color:#fff;}

/*AUCMOB-256*/
.contain_htb .right_ico{position:absolute;top:50%;right:16px;display:inline-block;margin-top:-10px;width:20px;height:20px;text-align:right;}
.contain_htb .cs_linkBox{text-align:center;}
.contain_htb .cs_linkBox p{font-size:12px;color:#999;}
.contain_htb .list_hidden .btn_list h4{position:relative;}
.contain_htb .list_hidden .box_hidden{display:none;position:relative;padding-bottom:24px;}
.contain_htb .list_hidden .btn_list{padding:0 16px;}
.contain_htb .list_hidden h4{padding:16px 0;color:#333;font-weight:500;}
.contain_htb .list_hidden .box_tit{padding-top:16px;font-size:13px;line-height:1.6;color:#333;}
.contain_htb .list_hidden .box_tit span{display:block;margin-bottom:8px;font-size:12px;color:#555;}
.contain_htb .list_hidden .box_tit span strong{display:block;font-size:12px;line-height:1.3;}
.contain_htb .list_hidden .txt_link{margin-top:12px;}
.contain_htb .list_hidden .right_ico{right:0;width:16px;height:16px;transform:rotate(45deg);transition:0.3s;}
.contain_htb .list_hidden li .box_hidden:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#eee;}
.contain_htb .list_hidden li.on .box_hidden{display:block;}
.contain_htb .list_hidden li.on .right_ico{transform:rotate(0deg);}

.contain_htb .cs_box{padding:16px;background:#fff;text-align:left;border-radius:4px;}
.contain_htb .cs_box li{display:table;width:100%;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f1f1;}
.contain_htb .cs_box li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.contain_htb .cs_box .info_box{display:table-cell;vertical-align:middle;}
.contain_htb .cs_box .info_box dd{color:#999;}
.contain_htb .cs_box .btn_box{display:table-cell;text-align:right;font-size:0;}
.contain_htb .cs_box .btn_box a{display:inline-block;width:48px;height:48px;margin-left:16px;background-color:#f5f5f5;background-repeat:no-repeat;background-size:48px;background-position:center;border-radius:50%;text-indent:-9999px;}
.contain_htb .cs_box .btn_box .mail{background-image:url('../images/common/ico_mail.svg')}
.contain_htb .cs_box .btn_box .whatsapp{background-image:url('../images/common/ico_whatsapp.svg')}

.contain_htb .location dl{display:table;width:100%;margin-top:12px;}
.contain_htb .location dt{display:table-cell;width:24%;font-weight:400;color:#999;letter-spacing:-.2px;}
.contain_htb .location dd{display:table-cell;width:76%;text-align:right;vertical-align:middle;letter-spacing:-.5px;}

.contain_htb .box_tit table{width:100%;margin-top:24px;border-top:2px solid #111;text-align:center;}
.contain_htb .box_tit table th{padding:8px 4px;font-weight:500;color:#111;background:#f5f5f5;border-bottom:1px solid #eee;text-align:center;}
.contain_htb .box_tit table td{padding:8px 4px;border-bottom:1px solid #eee;}

/*아랍어 우측 정렬*/
.ar .tit_h1,
.ar .tit_h2,
.ar .list_box .btn_list,
.ar .contain_htb .list_hidden .btn_list h4,
.ar .contain_htb .list_hidden .box_tit{text-align:right;}
.ar .contain_htb .list_hidden li .right_ico{right:auto;left:0;}

.ar .htb_index .list_box .btn_list{padding-right:42px;}

/*AUCMOB-279*/
.contain_htb.notice .list_hidden li .right_ico{top:50%;margin-top:-15px;width:30px;height:30px;background:url(../images/common/ico_back_black.svg) no-repeat center;transform:rotate(-90deg);}
.contain_htb.notice .list_hidden li.on .right_ico{transform:rotate(90deg);}
.contain_htb.notice .wrap_style{padding:0;}
.contain_htb.notice .list_hidden h4{padding:12px 40px 12px 0;line-height:20px;}
.ar .contain_htb.notice .list_hidden h4{padding:12px 0 12px 40px;line-height:20px;}
.contain_htb.notice .list_hidden .space{margin-top:20px;}
.contain_htb.notice .list_hidden .space strong{display:block;margin-bottom:6px;font-weight:500;color:#111;}
.contain_htb.notice .list_hidden dl{margin-bottom:10px;}
.contain_htb.notice .list_hidden dt{position:relative;padding-left:8px;font-weight:500;}
.contain_htb.notice .list_hidden dt:after{content:'';position:absolute;top:8px;left:0;display:block;width:4px;height:4px;background:#ccc;border-radius:50%;}
.ar .contain_htb.notice .list_hidden dt:after{display:none;}
.contain_htb.notice .list_hidden .right_ico{top:18px;margin-top:0;}
.contain_htb.notice .list_box ul > li{margin-bottom:0;}
.contain_htb.notice .list_box .new_noti ul > li{margin-bottom:16px;}
.contain_htb.notice .list_box .btn_list{border-radius:0;}

/*AUCWEB-359*/
.contain_htb.notice .new_noti .contentZone h4 a{width:90%;}
.ar .contain_htb.notice .new_noti .contentZone h4 a{width:100%;}
.contain_htb.notice .new_noti h5.tit{font-weight:500;margin-bottom:8px;font-size:15px;}
.contain_htb.notice .new_noti .txt_box{margin-bottom:40px;}
.contain_htb.notice .new_noti .txt_box strong{display:inline-block;position:relative;padding-left:12px;font-weight:500;color:#111;}
.contain_htb.notice .new_noti .txt_box strong:after{content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:4px;background:#ccc;}
.ar .contain_htb.notice .new_noti .txt_box strong:after{display:none;}
.new_noti .noti{display:block;font-size:12px;color:#e00001;line-height:1.4;margin-top:4px;}
.new_noti .day.on .date{color:#fff !important;z-index:100;;width:20px;height:20px;line-height:20px;background:#e00001;border-radius:50%;margin:0 auto;}
.new_noti .txt_red{color:#e0000c;}
.contain_htb.notice .new_noti .txt_box strong{font-weight:400;color:#555;}
.contain_htb.notice .new_noti .list li{position:relative;padding-left:8px;margin-bottom:6px;line-height:1.3;}
.contain_htb.notice .new_noti .list li:after{content:'';position:absolute;top:6px;left:0;display:block;width:4px;height:4px;background:#ccc;border-radius:50%;}
.ar .contain_htb.notice .new_noti .list li:after{display:none;}
.new_noti .days_step em{display:inline-block;width:30px;height:30px;background:#e0000c;border-radius:50%;text-align:center;color:#fff;line-height:30px;margin-right:8px;}
.new_noti .days_step ul{position:relative;z-index:10;}
.new_noti .days_step ul:after{content:'';display:block;position:absolute;top:0;left:14px;height:98%;border:1px dashed #ddd;z-index:-1;}
.list_box{border-top:1px solid #eee;}
.bg_green{background:#26bf00 !important;}
.bg_blue{background:#217aff !important;}
.bg_black{background:#111 !important;}
.bg_gray{background:#8c8c8c !important;}

#calendar{width: 100%;margin:0 0 10px;border-bottom:1px solid #eee;}
#calendar a{color: #8e352e;text-decoration: none;}
#calendar ul{list-style: none;padding: 0;margin: 0;width: 100%;}
#calendar li{display: block;float: left;width:14.342%;padding: 5px;box-sizing:border-box;margin-right: -1px;margin-bottom: -1px;}
#calendar ul.weekdays li {text-align: center;padding:8px 0;border: none;font-weight:500;color: #111;font-size: 12px;border-top:2px solid #111;background:#f5f5f5;}
#calendar .days li{height: 42px;}
#calendar .date{position:relative;margin-top:5px;text-align: center;color: #999;font-size:12px;z-index:10;}
#calendar .event {clear: both;display: block;font-size: 14px;color: #111;font-weight:500;line-height:18px;}
#calendar .event-desc {color: #666;margin: 3px 0 7px 0;text-decoration: none;}
#calendar .other-month {background: #f5f5f5;color: #666;}

.new_noti{border-bottom:1px solid #eee;}