@charset "utf-8";

/*포인트 컬러*/
.red{ color: #e71c51; }
.blue{ color: #4b58e7; }

/* 헤딩태그 */
p.text { margin-bottom: 10px; }
.point-red{  display: block; font-size: 0.85rem; color:#a61e2e;}
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
/* 헤딩태그 */

/* 리스트 */
.list_bar { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_bar > li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; padding-left: 23px; color: #555; line-height: 1.4;}
.list_bar > li:before { position: absolute; top: 9px; left: 9px; content: ""; display: inline-block; width: 7px; height: 1px; background-color: #555; color: #555; line-height: 1.2;}
.list_dot > li { position: relative; display: inline-block; width: 100%; margin-bottom: 1rem; padding-left: 1.4rem; color: #555; line-height: 1.4;}
.list_dot > li:last-child{margin-bottom: 0;}
/*.list_dot:last-of-type{margin-bottom: 0;}*/

.list_dot { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left; font-weight: 400;}
.list_dot > li:before { position: absolute; top: .9rem; left: .6rem; content: ""; display: inline-block; width: .4rem; height: .4rem; border-radius: 50%; background-color: #999; color: #999; line-height: 1.2;}
.list_number { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_number > li { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; padding-left: 75px; color: #555; line-height: 1.4; }
.list_number > li .num { position: absolute; top: 0px; left: 9px; display: inline-block; width: 55px; height: 24px; background-color: #f0f1f3; border-radius: 25px; text-align: center; line-height: 24px; }
/* 리스트 */

/* 텍스트 */
.text_box { margin-bottom: 30px; padding: 1.5rem 2rem 1.5rem; border-radius: 5px; text-align: left;}
.text_box--border { text-align: left; border: 1px solid #ddd;}
.text_box--ref { position: relative; padding: 35px 30px; margin-bottom: 30px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.text_box--ref i.xi-info-o{ margin-right: 5px; color: #a61e2e; }
.text_box i.location{ display: inline-block; width: 19px; height: 26px;  vertical-align: middle; margin-right: 10px;}
/* 텍스트 */

/* 탭메뉴 */
.tab_menu { position: relative; margin-top: 2rem; margin-bottom: 1.5rem; display: table; width: 100%; table-layout: fixed;}
.tab_menu li { display: table-cell;}
.tab_menu--row li { display: inline-block; width: 25%;}
.tab_menu--row li:nth-child(n+5) a { border-top: none}
.tab_menu li a { position:relative; display: block;padding: .7rem 0;color: #323232;border: 1px solid #ddd; font-size: .95rem;text-align: center; transition: 0.3s;-webkit-transition: 0.3s; border-left: 0;}
.tab_menu li:first-child a { border-left: 1px solid #ddd; }
.tab_menu li a:hover,
.tab_menu li a:active,
.tab_menu li a:focus { border: 2px solid #4b58e7; color: #4b58e7;}
.tab_menu li.on a {background: #fff;color: #4b58e7; font-weight: 400; border: 2px solid #4b58e7;}
.tab_menu li a i{ display: none; position: absolute; top:16px; right: 20px; color:#4b58e7; font-size: 1.4rem; }
.tab_menu li.on a i{ display: inline-block; }
.tab_menu li .hidden { display: none;}
.tab_menu li.on .hidden { display: inline-block;}

@media (max-width:767px) {
    .tab_menu li, .tab_menu--row li { display: inline-block; width: 50%; }
    .tab_menu li:nth-child(n+3) a { border-top: none; }
    .tab_menu li:nth-child(2n+1) a{ border-left: 1px solid #ddd; }
    .tab_menu li.on:nth-child(2n+1) a,
    .tab_menu li.on:nth-child(n+3) a,
    .tab_menu li:nth-child(n+3):hover a,
    .tab_menu li:nth-child(n+3):focus a { border: 2px solid #4b58e7; }
}

#depth4_menu_ul { position: relative; margin-top: 2rem; margin-bottom: 1rem; display: table; width: 100%;}
#depth4_menu_ul li { display: inline-block; vertical-align: middle; margin-left: 10px;}
#depth4_menu_ul li:first-child{ margin-left: 0; }
#depth4_menu_ul.tab-col-4 li { float: left; width: 25%;}
#depth4_menu_ul li a { display: block; padding: .7rem 7rem; color: #323232; border: 1px solid #ddd; font-size: .95rem; text-align: center; margin-left: -1px; transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50px;}
#depth4_menu_ul.tab-col-4 li:nth-child(n+5) a{border-top:none;}
#depth4_menu_ul li a:hover, 
#depth4_menu_ul li a:active, 
#depth4_menu_ul li a:focus { background: #4b58e7; color:#fff;}
#depth4_menu_ul li.active a { background: #4b58e7; color: #fff;}
#depth4_menu_ul li .hidden{ display: none; }
#depth4_menu_ul li.active a .hidden{ display: inline-block; }

@media (max-width:767px) {
    #depth4_menu_ul li a{ padding: .7rem 3rem; }
}

.cont_tab{ position:relative; margin-top: 2rem;}
.cont_tab .tab-ul:after{display:block;clear:both;overflow:hidden;content:'';}
.cont_tab .tab-ul{ display: block; width: 100%; height: auto; margin: 0 0 50px 0;  padding-top:65px;}
.cont_tab .tab-ul > li{ height: auto; vertical-align: middle; text-align:center; margin:0;}
.cont_tab .tab-ul > li:first-child > a{ border-left: 1px solid #d6d6d6; }
.cont_tab .tab-ul > li > a{ position: absolute; top:0; z-index: 1; height:65px; border:1px solid #d6d6d6; border-left: 0; line-height: 65px; background-color:#fff; letter-spacing:-1px; font-weight:500; color:#555; font-size:0.95rem; transition: 0.2s;-webkit-transition: 0.2s;}
.cont_tab.col2 .tab-ul > li > a{ width:50%;}
.cont_tab.col3 .tab-ul > li > a{ width:33.33%;}
.cont_tab.col4 .tab-ul > li > a{ width:25%;}
.cont_tab.col5 .tab-ul > li > a{ width:20%;}
.cont_tab.col6 .tab-ul > li > a{ width:16.66%;}
.cont_tab .tab-ul > li.t1 > a{ left:0; }
.cont_tab .tab-ul > li.t2 > a{ left:50%; }
.cont_tab.col3 .tab-ul > li.t2 > a{ left:33.33%; }
.cont_tab.col3 .tab-ul > li.t3 > a{ left:66.66%; }
.cont_tab.col4 .tab-ul > li.t2 > a{ left:25%; }
.cont_tab.col4 .tab-ul > li.t4 > a{ left:75%; }
.cont_tab.col5 .tab-ul > li.t2 > a{ left:20%; }
.cont_tab.col5 .tab-ul > li.t3 > a{ left:40%; }
.cont_tab.col5 .tab-ul > li.t4 > a{ left:60%; }
.cont_tab.col5 .tab-ul > li.t5 > a{ left:80%; }

.cont_tab .tab-ul > li .tab_con{ position: relative; width: 100%;} 
.cont_tab .tab-ul > li .tab_obj{ display: none; width: 100%; text-align: center;}
.cont_tab .tab-ul > li.on .tab_obj{display:inline-block;}
.cont_tab .tab-ul > li > a .hidden{ display: none; }
.cont_tab .tab-ul > li.on > a .hidden{ display: block; }
.cont_tab .tab-ul > li.on > a,
.cont_tab .tab-ul > li > a:hover,
.cont_tab .tab-ul > li > a:focus{ border:2px solid #313959; border-bottom:0; background-color:transparent;}
.cont_tab .tab-ul > li > a > i{ display: none; position: absolute; top:16px; right: 20px; color:#a61e2e; font-size: 1.4rem; }
.cont_tab .tab-ul > li.on > a i{ display: inline-block; }

/* 탭메뉴 */

/* 버튼 */

.BtnArea { position: relative; text-align: center; margin-bottom: 1.5rem; }
.BtnArea button { min-width: 5rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem 0; margin: 0 2px; font-family: 'nsk';}
.BtnArea button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_list, .BtnArea .btn_submit { background: #333; color: #fff; border-color: #333; }
.BtnArea .btn_blue{ background-color: #4b58e7; color: #fff; border-color: #4b58e7; }
.BtnArea .btn_list:hover, 
.BtnArea .btn_submit:hover,
.BtnArea .btn_blue:hover { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_md { min-width: 4.4rem; padding: .75rem 2.25rem; font-size: .8rem; font-weight: 500; }
.BtnArea .btn_sm { min-width: 3.7rem; padding: .4rem 1.2rem; font-size: .8rem; font-weight: 500; }
.btn_file{ display: inline-block; background-color: #333; color: #fff; min-width: 3.7rem; padding: .4rem .5rem; font-weight: 300; border: 0; line-height: 1.4; }
.btn_file i{ font-size: .75rem; margin-left: 5px; margin-top: 1px; vertical-align: top; }
.btn_dupl{ background-color: #4b58e7; color: #fff; padding: .4rem 1rem; border-radius: 3px; border: none; font-size: .8rem; }

.btn_basic,
.BtnArea .btn_basic{ min-width: auto; padding: .6rem 2rem; font-size: .9rem; cursor: pointer;}
.btn_basic.btn_submit,
.BtnArea .btn_basic.btn_submit{ background-color:#404765; border: 1px solid #404765;}
.btn_basic.btn_submit:hover,
.btn_basic.btn_submit:focus,
.BtnArea .btn_basic.btn_submit:hover,
.BtnArea .btn_basic.btn_submit:focus {background: #fff;color: #555;border: 1px solid #ddd;}
.btn_basic.lt1,
.BtnArea .btn_basic.lt1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #404765; background-color: #404765; color: #fff; font-size: .75rem; padding: 0 1rem; width: 7.75rem; text-align: left; position: relative; }
.btn_basic.lt1:before,
.BtnArea .btn_basic.lt1:before { content: ''; width: 1rem; line-height: 2.2rem; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: 1rem; position: absolute; }
.btn_basic.lt1:hover,
.BtnArea .btn_basic.lt1:hover { background-color: #fff; color: #404765; }
.btn_basic.lt1:hover:before, 
.BtnArea .btn_basic.lt1:hover:before{ color: #404765 }
.BtnArea .f_right{ position: absolute; right: 0; min-width: 0; padding: .75rem 1.5rem; }

@media (max-width:767px) {
    .BtnArea .f_right{ position: static; }
}

/* 버튼 */

/* 탑박스 */
.bodo_box { position: relative; margin-bottom: 50px; padding: 50px 90px; overflow: hidden; border: 1px solid #ddd; text-align: left; }
.bodo_box--bg { border: none;  background-size: cover; color: #fff; }
.bodo_box--icon { padding: 50px 90px 50px 230px; background-color: #fff;  }
.bodo_box--image {padding: 55px 400px 65px 75px; border: 5px solid #fff; }
.bodo_box_icon_wrap { position: absolute; top: 65px; left: 80px; display: inline-block; }
.bodo_box_image_wrap { position: absolute; top: 50px; right: 50px; display: inline-block; width: 403px; height:235px; top: 25px;  overflow: hidden; }
.bodo_box_image { width: 100%; height: auto; min-height: 100%; }
.bodo_box_icon_wrap--circle { width: 129px; height: 129px; background-color:#4b58e7; border-radius: 50%; }
.bodo_box_icon { display: inline-block; width: 90px; height: 90px;  }
.bodo_box_icon--icon1 { background-position: 0 0; }
.bodo_box_icon2 { display: inline-block; width: 96px; height: 111px; }
.bodo_box_icon3 { display: inline-block; width: 84px; height: 84px;  }
.bodo_box_tit { display: block; margin-bottom: .75rem; font-size: 1rem; font-weight: 500; word-break: keep-all; color: #000; }
.bodo_box_txt { font-size: 0.85rem; line-height: 1.4rem; word-break: keep-all; }
.bodo_box_txt .small_txt{ display: block; margin-top: 10px; font-size: .8rem; }
.bodo_box--col2 .bodo_box {float: left; width: 49%; margin-left: 2%;}
.bodo_box--col2 .bodo_box:first-child{ margin-left: 0; }
.bodo_box--col2 .bodo_box_tit {font-size: 1.05rem; font-weight: 500; margin-bottom: 15px;}
.bodo_box--col2 .bodo_box--icon { padding: 50px 20px 50px 160px;}
.bodo_box--col2 .bodo_box_icon_wrap { top: 45px; left: 40px; }

.bodo_box.center{ text-align: center; border-left: 0; border-right: 0; border-top: 1px solid #000; }
.bodo_box--icon.center{ padding: 50px 20px; }
.bodo_box.center .bodo_box_icon_wrap{ position: static; margin: 0 auto 20px;}

@media (max-width:1279px) {
    .bodo_box--col2 .bodo_box{ height: 230px;}
}

@media (max-width:1023px) {
    .bodo_box,
    .bodo_box--icon,
    .bodo_box--image { padding: 30px; text-align: center;}
    .bodo_box_icon_wrap,.bodo_box_image_wrap { position: static; margin: 0 auto 20px;}
    .bodo_box_image_wrap { width: auto; height: auto;}
    .bodo_box_txt { text-align: center;}
    .bodo_box--col2 .bodo_box{ float: none; width: 100%; height: auto; margin-left: 0; padding: 30px;}
}
/* 탑박스 */

/* 테이블 */
.table_box { position: relative; margin-bottom: 30px;}
.table_box::after { content: ''; width: 100%; height: 1px; background: #9ca7b2; position: absolute; bottom: 0; left: 0; }
.table.left th,
.table.left td { text-align: left; padding: 1rem .5rem; }
.table { display: table; width: 100%; border-top: 1px solid #9da7b1; border-bottom: 1px solid #9ca7b2; border-collapse: collapse; letter-spacing: 0; }
.table th { padding: 15px 10px; line-height: 1; border-left: 1px solid transparent; border-bottom: 1px solid transparent; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all; color: #2d2d2d;}
.table td { padding: 15px 10px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center; font-weight: 400; }
.table th { background: #f8f9fa }
.table.white { border-top: 2px solid #1e2572; }
.table.white th{ background-color: transparent; }
.table th:first-child,
.table td:first-child { border-left: 0; color: #000; }
.table tbody th,
.table thead th { vertical-align: middle; }
.table tbody th { text-align: center; }
.table tfoot th,
.table tfoot td { background-color: #f8f9fa; border-bottom: 0 }
.table tbody th { color: #323232; font-weight: 400; line-height: 1.2 }
.table thead th { color: #323232; font-weight: 400; line-height: 1.2; text-align: center; }
.table th.left,
.table td.left { text-align: left; }
.table th.center,
.table td.center { text-align: center; }
.table td.gray{ background-color: #f0f0f0; }
.table td b{ display: inline-block; font-weight: 500; margin-right: 45px; }
.table td .add_file{ display: inline-block; font-weight: 300; }
.table td .add_file img{ vertical-align: middle; }
.table td .add_file .fileSize{ font-size:.6rem; color: #999; }
.table th:last-child,
.table td:last-child { border-right: 0 }
.table th { border-left-color: #ddd; border-bottom-color: #ddd }
.table td { border-left-color: #ddd; border-bottom: 1px solid #ddd; color: #555; }
.table th.fir-th{ background-color: #eff3f7; }
.table.row th,
.table.row td{ border-left: 0; } 
.table th.row_fir{ border-right: 1px solid #ddd; }
.table td p + ul { margin-top: 10px; }
.table td input[type="text"] + input[type="checkbox"]{ display: inline-block; margin-left: 30px; }
.table td .point-red{ display: inline-block; }
.table td .complete{ display: inline-block; background-color: #333333; color: #fff; padding: 4px 6px; font-size: .65rem; }
.table td.lock i{ margin-right: 5px; }
.table td.table-tit{ font-size: 1rem; border-top:2px solid #555; }
.table td.table-info b{ margin-right: 10px; vertical-align: top; }
.table td.table-info b:before{ content:""; display: inline-block; width: 1px; height: 12px; background-color: #ddd; margin: 0 10px; }
.table td.table-info b:first-child:before{ display: none; }
.table_scroll_icon { display: none; text-align: left; margin-bottom: 10px; color: #666;}
.table_scroll_icon i { font-size: 1.25rem; color: #333; }
.table_box--scroll { border-top: none; }
.table td a:hover,
.table td a:focus { text-decoration: underline; }
.table td.file img:nth-child(n+2) { margin-left: 5px; }
.list-box-border+.table_box { margin-top: 70px; }
.table p { margin-bottom: 0; }
.table input.full{ width: 100%; }
.table button + p{ margin-top: 5px; }

.content_body .table input[type="text"]{ padding: .4rem; margin-bottom: 5px; vertical-align: middle; border-top: 1px solid #d3d8dc; border-left: 1px solid #d3d8dc; border-right: 1px solid #f0f3f5; border-bottom: 1px solid #f0f3f5; font-size: .8rem; line-height: 17px; margin-right: 5px;}
.content_body .table input[type="button"]{ vertical-align: top; padding: .35rem .8rem; background-color: #444; border-radius: 0; color: #fff;}
.table select{ width: 200px; padding: .2rem; border: 1px solid #ddd; vertical-align: top; font-size: .8rem; font-family: 'nsk'; font-weight: 300; }

@media(max-width: 767px) {
    .table_box--scroll { width: 100%; overflow-x: scroll;}
    .table_scroll_icon { display: block;}
    .table_box--scroll .table{ width: 767px;}
    .table td.file img:nth-child(n+2) { margin-left: 0;}
    .table .red,
    .table .blue{ display: block; }
}
/* 테이블 */

/* 절차도 시작 */
.step_list{ border-bottom: 1px solid #ddd; }
.step_list .step{ position: relative; float: left; width: 25%; padding: 15px 0 40px 97px; }
.step_list--col3 .step{ width: 31.33%;}
.step_list .step:before{ position: absolute; top: 25px; left: -2.5rem; content: "\e94a"; font-family: 'xeicon'; font-size: 1.8rem; color: #d9d9d9; }
.step_list .step.step1:before{ display: none; }
.step_list .step_num{ display: block; font-weight: 600; color: #b1bac2; font-size: .8rem; }
.step_list .step_list_icon{ position: absolute; top:0; left: 0; display: inline-block; width: 85px; height: 85px; background-color:#b1bac2; border-radius:50%; margin: 0 auto 30px;}
.step_list .step_tit{ display: block; font-size: .8rem; font-weight: 500; color:#666; word-break: keep-all;}
.step_list .step.on .step_list_icon{ background-color: #404765; }
.step_list .step.on .step_num{ color: #404765; }
.step_list .step.on .step_tit{ color: #000; }
.step_list .step_icon{ display: inline-block; width: 100%; height: 100%;  vertical-align: middle; }
.step_list .step_icon--icon1{ background-position: 0 0; }
.step_list .step_icon--icon2{ background-position: -85px 0; }
.step_list .step_icon--icon3{ background-position: -170px 0; }
.step_list .step_icon--icon4{ background-position: -255px 0; }
.step_list .step_icon--icon5{ background-position: -340px 0; }
.step_list .step_icon--icon6{ background-position: -425px 0; }
.step_list .step_icon--icon7{ background-position: -510px 0; }

@media(max-width: 1023px){
    .step_list .step{ width: 49%; margin-left: 2%; padding: 20px 0;}
    .step_list--col3 .step{ width: 100%; height: auto; margin-left: 0; }
    .step_list .step:nth-child(2n+1){ margin-left: 0; }
    .step_list .step:nth-child(2n+1):before{ display: none; }
    .step_list--col3 .step:before{ display: none; }
    .sub0402 .step_list .step{ width: 25%; margin-left: 0; text-align: center; }
    .sub0402 .step_list .step_list_icon{ position: static; display: block; margin: 0 auto 10px; }
    .sub0402 .step_list .step:nth-child(3):before{ display: inline-block; }
    .sub0402 .step_list .step:before{ top: 45px; left: -1rem; }
}

@media(max-width: 767px){
    .step_list .step:before { top: 5.3rem; left: -.9rem; font-size: 1.5rem;}
    .sub0402 .step_list .step:before,
    .sub0402 .step_list .step:nth-child(3):before{ display: none; }
    .sub0402 .step_list .step_list_icon{ display: none; }
}

/* 절차도 끝 */

/* 게시판 시작 */
#content .request .bbs_user{ width: 100%; }
#content .request .bbs_user tbody td a{ text-align: center; }
#content .request .bbs_user tbody td.left a{ text-align: left; }
#content .board_info fieldset{ border: none; min-height: 42px;}
#content .plani-board-lists th .sort{ display: none; }

/* 게시판 끝 */

/* 달력 */
.ui-datepicker{ background-color: #fff; border: 1px solid #ddd; }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{ font-size: 0; }
.ui-datepicker-trigger { border: 0; vertical-align: middle; font-size: 1rem; background: transparent; }
.ui-datepicker td span, 
.ui-datepicker td a{ text-align: center; }
.ui-datepicker .ui-datepicker-prev:before{ content: "\e93c"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color: #000; }
.ui-datepicker .ui-datepicker-next:before{ content: "\e93f"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color: #000; }
.ui-datepicker .ui-datepicker-prev-hover{ top: 5px; left: 2px;}
.ui-datepicker .ui-datepicker-next-hover{ top: 5px; right: 2px;  }
.ui-datepicker .ui-datepicker-title{ margin: 0 1em 0 1em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ top: 10px; width: 1rem; height: 1rem; }
/* 달력 */

/* margin-bottom */
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mb90{ margin-bottom: 90px; }
.mb100{ margin-bottom: 100px; }
/* margin */

/* 인포 링크 박스 */
.info_box{}
.info_box_list{ position: relative; float: left; width: 48%; margin-left: 4%; border: 1px solid #ddd; border-top-color: #404765; background-color: #f8f8f8; padding: 60px 75px 40px; text-align: center;}
.info_box_list:first-child{ margin-left: 0; }
.info_box_icon{ display: block; width: 56px; height: 56px;  vertical-align: middle; margin: 0 auto 25px;}
.info_box_list.list2 .info_box_icon{ background-position: -56px 0;}
.info_box_tit{ display: block; font-size: 1rem; color: #000; margin-bottom: 15px;}
.info_box_tit:before{ content: ""; display: block; width: 40px; height: 1px; background-color: #b1b2ba; margin: 0 auto 15px;}
.info_box_txt{ font-size: .9rem; color: #555; margin-bottom: 40px; }
.info_box_more{ display: block; background-color: #bd9b61; padding: 10px; color: #fff; font-size: 1rem;}
.info_box_list.list1 .info_box_more{background-color: #404765;}

@media(max-width: 767px){
    .info_box_list{ float: none; width: 100%; padding: 30px; margin: 0 auto 20px;}
}

/* 인포 링크 박스 */

.gray_box{ position: relative; padding: 70px; background-color: #f6f8fa; text-align: center;}
.gray_box_icon{ display: block; width: 80px; height: 80px;  vertical-align: middle; margin: 0 auto 30px;}
.gray_box_tit{ display: block; font-weight: 400; font-size: 1.25rem; color: #000; margin-bottom: 20px;}
.gray_box_txt{ font-size: 0.8rem; color: #555; line-height: 1.5;}

/* 약관 동의 시작 */
.terms{ margin-bottom: 70px; }
.terms .textarea{ border:1px solid #ddd; text-align: left; padding: 30px 30px 30px;}
.terms .textarea dl dt,
.terms .textarea dl dd{ line-height: 1.4; }
.terms .textarea dl dt{ margin-bottom: 5px; font-size: 0.8rem; color: #000; font-weight: 400;}
.terms .textarea dl dd{ margin-bottom: 20px; color: #555;}
.terms .check{ display: inline-block; padding: 15px 0 10px 0; line-height: 1.2; background-color: #f8f8f8; border: 1px solid #ddd; border-top: none; text-align: center;}
.terms .check p{ display: inline-block; }
/* 약관 동의 끝 */

/* 아코디언 시작 */

#accordion > ul{ overflow: hidden; border-top: 2px solid #000;}
#accordion .item{ display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 1em; cursor: pointer;}
#accordion .item::after{  float: right; font-family: 'xeicon'; content: "\e943"; font-size: 1rem; transition: all .35s; -webkit-transition: all .35s; margin-top: 10px;}
#accordion .inner{ position: relative; padding: 2rem;  background: #fafafa; transition: all .35s; line-height: 1.5; }
#accordion .inner b{ position: absolute; top: .8rem; left: 3.3rem; width: 36px; height: 36px; line-height: 36px; background-color: #fff; border-radius: 50%; text-align: center;}
#accordion .inner b:before{ position: absolute; left: -1.5rem; top:0; content: "\e981"; display: inline-block; font-family: 'xeicon'; font-size: 1.2rem; color:#999;}

#accordion .item.ov::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#accordion .item.ov  ~ #accordion .inner {
    display: block;
}

@media(max-width: 767px){
    #accordion .inner p br{ display: none; }

}

/* 아코디언 끝 */

/* 체크박스 시작 */

.check_wrap{ margin-bottom: 25px; }
.check_wrap label{ display: inline-block; margin-right: 25px; }
.check_wrap input{ position: absolute; opacity: 0; width: 25px; height: 25px; z-index:1; cursor: pointer;}
.check_wrap input ~ span:before{ content: ""; display: inline-block; background-color: #fff; z-index: -1; vertical-align: middle; margin-top: -2px; margin-right: 5px; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box;}
.check_wrap input:checked ~ span:before{ border: 5px solid #055bb2; }

/* 체크박스 끝 */