@charset "utf-8";
/* CSS Document */
.sub_container{/* overflow: hidden; */clear: both;min-height: 800px;/* width:100%; */width: 1240px;margin: 0 auto;background: #fff;border-top:solid 3px #9a6dff;padding: 0 40px;box-sizing: border-box;}
/* 서브네비 */
.navi_box_01{width: 100%; height: 120px; background: url("../images/sub/navi_bg01.png") no-repeat right 0; padding-top: 50px; position: relative; margin-top: 20px;}
.navi_box_02{width: 100%; height: 120px; background: url("../images/sub/navi_bg02.png") no-repeat right 0; padding-top: 50px; position: relative; margin-top: 20px;}
.navi_tit{font-size:1.667rem; font-weight: 600; color: #2d2d2d;}
.navi_tit:before {content: ""; position: absolute; top: 23px; left: 0; width: 80px; height: 3px; background: #9a6dff;}
.navi_text{font-size:0.9rem; font-weight: 600; color: #434343; margin-top: 13px;}

/* 페이탭 탭영역 데이터(노드) 추가 될때마다 자동으로 늘어납니다_최대8개 */
.page_tab_box_wrap {width:100%;}
.page_tab_box { width:100%; text-align: center; border-left:1px solid #E3DFF0; overflow: hidden;}
.page_tab_box ul {}
.page_tab_box ul li {float: left;}
.page_tab_box ul li a {display: block; background: #ffffff; padding:11px 0px; color:#b2b1b1; border:1px solid #cecece;}
.page_tab_box ul li a.on {background: #9379e2; color:#fff;}
.page_tab_box ul li a.on:hover {background: #9379e2; color:#fff;}
.page_tab_box ul li a:hover {background: #F3F0FC; color:#9379e2; border:1px solid #E3DFF0;}
.page_tab_box ul li a:last-child {border-left:none;}
.page_tab_box li:only-child { width: 100%; }                       /* 노드가 하나일 때 선택 */
.page_tab_box li:first-child:nth-last-child(2),                       
.page_tab_box li:first-child:nth-last-child(2)+li {width:50%;}     /* 노드가 둘 일 때, 2번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(3),                       
.page_tab_box li:first-child:nth-last-child(3)~li {width:33.33%;}  /* 노드가 둘 일 때, 3번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(4),                       
.page_tab_box li:first-child:nth-last-child(4)~li {width:25%;}     /* 노드가 둘 일 때, 4번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(5),                       
.page_tab_box li:first-child:nth-last-child(5)~li {width:20%;}     /* 노드가 둘 일 때, 5번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(6),                       
.page_tab_box li:first-child:nth-last-child(6)~li {width:16.66%;}  /* 노드가 둘 일 때, 6번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(7),                    
.page_tab_box li:first-child:nth-last-child(7)~li {width:14.28%;}  /* 노드가 둘 일 때, 7번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(8),                    
.page_tab_box li:first-child:nth-last-child(8)~li {width:12.50%;}  /* 노드가 둘 일 때, 8번 노드 선택 */


/* view */
.view {
  border-top: 3px solid #494b50;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
}

.view .subject {
  font-size:1.5rem;
  color: #31343f;
  padding: 25px 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #494b50;
}

.view .subject + dl > * {
  border-top: none;

}

.view > div > dl,
.view > dl {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.view > dl.tbl2 {
  margin-bottom:10px;
}

.view > div > dl > dt,
.view > div > dl > dd,
.view > dl > dt,
.view > dl > dd {
  display: table-cell;
  padding: 13px 0;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.view > div > dl > dt label,
.view > dl > dt label {
  font-weight:400;
}

.view > dl:first-child > * {
  border-top: none;
}

.view > div > dl > dt,
.view > dl > dt {
  width: 8%;
  text-align: center;
  background-color: #fff;
  color: #333;
  vertical-align: middle;
  font-weight: 600;
  font-size:0.90rem;
}

.view > div > dl > dt:first-child,
.view > dl > dt:first-child {
  border-left: none;
}

.view > div > dl > dd,
.view > dl > dd {
  color: #4a4d4e;
  font-size:0.90rem;
  letter-spacing: -1px;
  vertical-align: middle;
}

.view > div > dl > dd:last-child,
.view > dl > dd:last-child {
  border-right: none;
}

.view > dl.w > dt,
.view > dl.w > dd {
  display: block;
  width: 100%;
}

.view > dl.w > dt {
  border-right: 1px solid #dddddd;
}

.view > dl + .dbData {
  padding: 20px;
    min-height: 300px;
    border-top:1px solid #cecece;
}

.view > dl + .dbData iframe {
	max-width:100% !important;
}

.view-type2 > dl > dd:last-child {
  width: 190px;
  text-align: center;
} 


.btnSet {
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.btnSet .on {color:#361d81; border:1px solid #9379e2;}
.b-list{width: 30%; border: solid 1px #858585; display: inline-block; padding: 12px 0; font-size:1.167rem;}
.b-list:hover{background: #9379e2; color: #fff;}


/* 비회원접수 */
.reception_history{width: 100%; min-height:255px; background: url("../images/sub/gloves_bg.png") no-repeat 50px 50px #f9fbff; border: solid 1px #dadada; box-sizing: border-box; padding: 20px 50px 20px 300px;}
.reception_tit{font-size:0.9167rem; color: #434343; font-weight: 500; margin-bottom: 15px;}
.reception_cnt{width: 100%; border: solid 1px #d8e0f0; background: #fff; border-radius: 3px 3px; padding: 25px; box-sizing: border-box;}
.reception_cnt li{line-height: 40px;}
.reception_cnt>ul li:before {
    content: '';
    width: 3px;
    height: 3px;
    background: #555555;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.reception_th{width: 13%; display: inline-block;}
.reception_cnt input{   
	margin: 0 5px 0 0;
    padding: 6px;
    border: 1px solid #c5c5c5;
    line-height: 18px;
    background-color: #fff;
    box-sizing: border-box;}
.reception_cnt select{   
	margin: 0 5px 0 0;
    padding: 6px;
    border: 1px solid #c5c5c5;
    line-height: 18px;
    background-color: #fff;
    box-sizing: border-box;}


.outside_text_box textarea {height: 150px; padding:20px; background: #f9fbff; box-sizing: border-box; line-height: 25px;}
.outside_text_box p {text-align: right; border-bottom:1px solid #cecece; padding:10px 0px 15px 0px;}

/* 기본 타이틀 영역 */
.base_title_wrap {width:100%;}
.base_title {width:100%; overflow:hidden; padding:10px 0px;}
.base_title h3 {font-size:1.2rem; color:#494949; font-weight: 600; background: url(../images/sub/base_dot_icon.png) 0% 50% no-repeat; display: inline; padding-left:25px;}
.base_title span {padding-left:10px;}
.start {font-size:1.2rem; vertical-align: middle; color:#ff8010; padding:0px 3px; margin-top:3px; display: inline-block;}


/* 기본 글쓰기 */
.base_writing table {width:100%; border-top:2px solid #a48dec;}
.base_writing table th {background: #eff4ff; padding:10px 0px; text-align: left; color:#3d3d3d; padding-left:30px; border-bottom:1px solid #dcdcdc;}
.base_writing table td {padding-left:20px; border-bottom:1px solid #f0f0f0;}
                              
.reactive_br {float:left; margin:0px 5px;}


/* 혼합 테이블 */
.mix_table_c {width:100%;}
.mix_table_c table {width:100%; border-top:2px solid #a48dec; font-size: 0.875rem;}
.mix_table_c table tr th {background: #f9fbff; padding:10px 0px; text-align: center; color:#3d3d3d; border-left:1px solid #dcdcdc; transition: all 0.3s ease-in-out;}
.mix_table_c table tr th:first-child {border-left:none;}
.mix_table_c table tr th:last-child {border-right:none;}
.mix_table_c table tr td {text-align: center; padding:5px 0px; border-bottom:1px solid #f0f0f0; color:#3f3f3f; transition: all 0.3s ease-in-out;}
.mix_table_c table tr td:first-child {border-left:none;}
.mix_table_c table tr td:last-child {border-right:none;}
.mix_table_c table td a:hover {color:#8e7dd9;}
.mix_table_c table tr td.c_title {text-align: left; padding-left:20px;}

/* 페이징 영역 */
.pager{overflow:hidden;overflow-x:auto; text-align:center;white-space:nowrap; padding:20px 0px;} /* 20191210 */
.pager a {display:inline-block; overflow:hidden;position:relative;width:36px;height:36px;color:#666;text-align:center;line-height:38px;vertical-align:top;border-radius:50%;font-size:.9rem;}
.pager .active{border:1px solid #333333;color:#fff;background:#333333; border-radius: 50%;width:40px;height:40px; display: inline-block; line-height: 38px;}
.pager .arr{position:relative;margin:0 0.1rem;border:1px solid #dfdfdf;background:#fff;}
.pager .prev {background:url(../images/location_arrow.png) 54% 50% no-repeat !important; transform: rotate(180deg)}
.pager .next {background:url(../images/location_arrow.png) 54% 44% no-repeat !important}

.search_sub_wrap {position: relative; border:1px solid #cecece; background: #9379e2; padding:15px 0px; border-radius: 100px;}
.search_sub_box {padding:0px 40px;}
.search_sub_box ul li {display: inline;}
.search_sub_box span {color:#fff; font-weight: 600; padding:0px 20px; font-size:1rem;}
.search_sub_box input {padding:3px 5px;}
.search_sub_box a {margin-left:5px; padding:5px 30px;}

.search_sub_wrap .page_navi {position: absolute; right:15px; top:20px;}
.search_sub_wrap .page_navi p {float:left; padding:0px 10px; color:#fff; font-weight: 600;}
.search_sub_wrap .page_navi p span {color:#fff; font-weight: 600; padding:0px 3px;}