@charset "utf-8";



/* 부트스트랩 */
.bg_w {background-color: #fff ;}
.pagebox {text-align: center;}
.list_total_count {padding-bottom:10px}
.list_total_count strong {color: #2185d0;}

/* .btn-primary {background-color: border-color:} 
.btn-primary:hover {background-color: #ff8f27; border-color:#ff902a}
.btn-primary:focus {background-color: #ff8f27 !important; border-color:#ff902a}*/
.btn-group-md>.btn, .btn-md {padding: 10px 15px; /* font-size: 1.0rem; */font-weight:600; line-height: 1.3333333; border-radius: 4px;}
.btn-group-md2>.btn, .btn-md2 {padding: 10px 17px; /* font-size: 0.95rem; */font-weight:600; line-height: 1.3333333; border-radius: 4px;}
.btn-t {padding: 10px 17px; font-size: 1.0rem;font-weight:600; line-height: 1.3333333; border-radius: 4px;}
.btn-gray {background-color: #8a9fb6;color: #fff;}
.btn-gray:hover {background-color: #6f8297;color: #fff;}
.btn-black {background-color:#061F4D; color:#fff}

.btn-default.wgray {color:#444444; background:none;border: 1px solid #444444;text-align:center}
.btn-default.wgray .glyphicon {opacity: 0.7;}
.button_set {padding-bottom:15px}
.button_set.topborder {border-top:1px solid rgba(34,36,38,.15);margin-top:20px;padding-top:20px}
.button_set .right {float: right; text-align:right}
.button_set .left {float: left;}
.button_set .center {text-align: center;}

table th, table td {/* font-size:1.1rem */}
table .t_th {background: #f9fafb; font-weight: 600;}
.basic.table {border-top: 2px solid #222222;}
.basic.table>tbody>tr>td, .basic.table>tbody>tr>th, .basic.table>tfoot>tr>td, .basic.table>tfoot>tr>th, .basic.table>thead>tr>td, .basic.table>thead>tr>th {padding: .98571429em .98571429em ; vertical-align: middle;}

table .form-control {height: 42px; border: 1px solid rgba(34,36,38,.15);box-shadow:none}
textarea.form-control {height:auto}

.table.board {border-bottom: 1px solid #b7bbc0;}
.table.board thead th { border-bottom: 1px solid #222222;/* font-size: 1.05rem; */}

.table.board a {/*font-weight: 600;*/color:#333}
.table .center {text-align: center;}
.table .right {text-align: right;}
.table .left {text-align: left;}

/* 공지사항 중요공지 글씨 굵게 */
.notice_yn > a {font-weight:600;}

.table.board.table-bordered {border-right: none;border-left: none;}
.table.board.table-bordered th:last-child, .table.board.table-bordered td:last-child {border-right: none;}
.table.board.table-bordered th:first-child, .table.board.table-bordered td:first-child {border-left: none;}

.contents table th, .contents table td {word-break: keep-all;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #f7f7f7}
.essential {color:#537aff}
.info_table {font-size:1rem;margin-bottom:10px;}

.table_overflow_x {overflow-x: scroll;width: 100%;}
.table_overflow_x table th,.table_overflow_x table td {white-space: nowrap;}
.th_center th {text-align: center;}
.thtd_center th, .thtd_center td {text-align: center;}

.th_w th {background-color: #fff;}
.th_w tr:last-child th, .th_bord tr:last-child th {border-bottom: 1px solid #ff9736} {border-bottom: 1px solid #ff9736}

.h3_title {font-size:22px; line-height:120%; font-weight:600; background: url("../img/contents/blit_h3.png") 3px 4px no-repeat;padding-left:33px;margin:10px 0 15px 0}

/* [가이드라인 다운로드] 추가 2024-07-15 */
.h2_subtitle {font-size:18px; line-height:100%; font-weight:450; background: url("../img/contents/download_img_100_1.png") 3px 0px no-repeat;padding-left:33px;margin:10px 0 15px 0; float: right; }
.h2_subtitle:hover { color : tomato;}

.admin .h3_title {background: url("../img/contents/blit_h3_admin.gif") 3px 4px no-repeat;}
.h4_title {font-size:1.2rem; font-weight:600; padding-left:10px;margin:5px 0 10px 0}
.h4_title.blit {background: url("../img/contents/blit_h4.gif") 10px 3px no-repeat;padding-left:25px}
.h5_title {font-size:1.1rem; font-weight:600; padding-left:10px;margin:5px 0 10px 0}
.basic_img {text-align: center;}
.basic_p {font-size: 1.1rem;line-height: 160%;}
.p_box {border:1px solid #e6eaed; padding:20px 20px}
.p_box_gray {border:1px solid #dfe6eb; padding:20px 20px; background-color:#fbfbfb ;}
.p_gray, .f_gray {color:#888}
.txt_c {text-align: center;}
.txt_l {text-align: left;}
.txt_r {text-align: right;}
.f_small {font-size: 0.9rem;}
.f_red {color:red}
.f_blue {color:#0081ee}

.fl_r {float: right;}
.fl_l {float: left;}
.btn_row button {display: block;margin-bottom:4px}
.btn_row button:last-child {margin-bottom:0}
.inline {display: inline-block;}

.table_info {display: table; width: 100%; margin-top: -1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; table-layout: fixed;margin-bottom:30px}
.table_info li {display: table-cell; position: relative; padding: 13px; font-size: 1rem; text-align: center;}
.table_info li + li::before {position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd; content: '';}
.table_info strong {margin-right: 0.5rem; color: #666;}

.info_inline {width: 100%; margin-top: -1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; table-layout: fixed;margin-bottom:30px}
.info_inline li {display: inline-block; padding: 13px; font-size: 1rem; text-align: center;background: url("../img/contents/blit_basic.gif") 8px center no-repeat;padding-left:17px}
.info_inline strong {margin-right: 0.5rem; color: #666;}

/* 게시판 */
.text_in{display: inline-block; width: 1px; height: 1px; margin: 1px; text-indent: -9999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px;}
.icon_lcok {color: #0c99fd;padding-left:5px}
.round_ing {background-color:#1c9bff ; border-radius: 15px; color:#fff;font-size: 1.0rem; font-weight: 600; padding:4px 10px 4px 10px;width:70px; display: inline-block;}
.round_end {background-color:#6693b9 ; border-radius: 15px; color:#fff;font-size: 1.0rem; font-weight: 600;padding:4px 10px 4px 10px;width:70px; display: inline-block}

/* FAQ */
.wrap_faq {margin-bottom:10px}
.wrap_faq .panel-default {border: 1px solid #ddd;margin-bottom:5px}
.wrap_faq .panel-heading { background-color:#fff; padding: 10px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.wrap_faq .panel-title {margin-bottom:0}
.wrap_faq .panel-title a {font-size:1.1rem;color:#333; font-weight: 600;width:100%;display: block;padding:8px 15px 8px 0; background: url("../img/contents/arrow_faq_up.gif") right center no-repeat;}
.wrap_faq .panel-title a.collapsed {background: url("../img/contents/arrow_faq_down.gif") right center no-repeat;}
.wrap_faq .panel-body {background-color:#f4f8f9 ;min-height: 100px;padding: 15px;}
.faq_buttonset {text-align: right; padding-top:15px;}

/* 포토게시판 */
.wrap_list .item {position:relative;display:block; width:calc(25% - 20px);margin-right:26.6px; margin-bottom:35px; float:left;}
.wrap_list .item:nth-child(4n) {margin-right:0}
/* .wrap_list .item .imgbox {width:100%;border-radius:4px;overflow:hidden;background:#f7f7f9 url(../images/contents/bg_thumbnail_img.gif) center center no-repeat;background-size:130px;border:1px solid #e4e4e4} */
.wrap_list .item .imgbox img {width:100%;}
.wrap_list .item .title {width:100%; font-weight:600; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#41444c; margin-top:10px; }
.wrap_list .item .infobox { display:flex;justify-content: space-between;width:100%; padding:2px 0; color:#848c9c;font-size:0.9rem}
.wrap_list .item .infobox .writer {}
.wrap_list .item .infobox .date {}

.wrap_tap {width:100%; display:flex; justify-content: center; margin-bottom:50px;overflow: hidden;}
.wrap_tap a {color:#666;font-size:19px;font-weight:500; border: 1px solid #CECFD5; background-color: #f5f5f5; width:200px;text-align:center;height:60px; line-height:60px;margin:0 5px}
/* .wrap_tap a.on {background-color:#68a9e5; color:#fff; font-weight:600} */
/* .wrap_tap a.on {background-color:#2A7BBD; color:#fff; font-weight:600} */
.wrap_tap a.on {background-color:#1F3FAA; color:#fff; font-weight:600; border-color: #1F3FAA; font-weight: 700; border-bottom-width: 1px; -webkit-box-shadow: 0 0.6rem 1rem rgba(31, 64, 170, 0.5); box-shadow: 0 0.6rem 1rem rgba(31, 64, 170, 0.5);}
.wrap_tap_mobile {display:none;margin-bottom:10px;}
/* .wrap_tap_mobile select {height:40px;line-height:40px;border: 2px solid #68a9e5; color:#333; font-weight:600} */
.wrap_tap_mobile select {height:40px;line-height:40px;border: 2px solid #2A7BBD; color:#333; font-weight:600}



/****** 950px Device ******/
@media screen and (min-width:950px) {

}


/* 뉴스게시판 */
.wrap_news {border-top:1px solid #e1e1e1; padding-top:20px}
.wrap_news .item {position:relative;display:block; width:100%;margin-right:26.6px; margin-bottom:20px; float:left; border-bottom:1px solid #e1e1e1; padding-bottom:20px}
.wrap_news .item .imgbox {float:right; width:270px;border-radius:4px;overflow:hidden;border:1px solid #e4e4e4}
.wrap_news .item .imgbox img {width:100%;}
.wrap_news .item .wrap_text {float:left; width:calc(100% - 300px);}
.wrap_news .item.noimg .wrap_text {width:100%}
.wrap_news .item .title {width:100%; font-size:1.5rem; font-weight:600;letter-spacing:-1px;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#000; margin-bottom:10px;margin-top:5px }
.wrap_news .item .body {color:#333; line-height:160%; max-height:120px; overflow:hidden; }
.wrap_news .item .infobox { display:flex;justify-content: space-between;width:100%; padding:2px 0; color:#848c9c;font-size:0.9rem}
.wrap_news .item .infobox .writer {}
.wrap_news .item .infobox .date {}

/* 행사안내 */
.wrap_ceremony {border-top:1px solid #e1e1e1; padding-top:20px}
.wrap_ceremony .item {position:relative;display:block; width:100%;margin-right:26.6px; margin-bottom:20px; float:left; border-bottom:1px solid #e1e1e1; padding-bottom:20px}
.wrap_ceremony .item .imgbox {float:left; width:750px;border-radius:10px;overflow:hidden;border:1px solid #e4e4e4}
.wrap_ceremony .item .imgbox img {width:100%;}
.wrap_ceremony .item .wrap_text {float:right; width:calc(100% - 830px); padding-top: 30px;}
.wrap_ceremony .item.noimg .wrap_text {width:100%}
.wrap_ceremony .item .title {width:100%; font-size:1.5rem; font-weight:800;letter-spacing:-1px;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#000; margin-bottom:10px;margin-top:5px; }
.wrap_ceremony .item .category {font-size:1.2rem; font-weight:400;letter-spacing:-1px;  white-space: nowrap; color:#848c9c; margin-bottom:10px;margin-top:5px;    text-overflow: ellipsis; display: block; overflow: hidden; }
.wrap_ceremony .item .category .text {font-weight:700; font-size:1.2rem;  white-space: nowrap;  color:#000; margin-bottom:10px;margin-top:5px }
.wrap_ceremony .item .body {color:#333; line-height:160%; max-height:120px; overflow:hidden; }
.wrap_ceremony .item .infobox { display:flex;justify-content: space-between;width:100%; padding:5px 0; color:#848c9c;font-size:0.9rem}
.wrap_ceremony .item .infobox .writer {}
.wrap_ceremony .item .infobox .date {}



/* 리스트 */
.basic_ul {margin-bottom:0}
.basic_ul li {background:url("../img/contents/blit_basic.gif") left 10px no-repeat; padding-left: 8px; padding-bottom:2px}
.basic_ul.bt10 > li {padding-bottom:10px}
.basic_ul li:last-child {padding-bottom: 0;}

.basic_ul.noblit li {background: none;}
li.noblit {background: none;}

/* 포토리스 */
.display_list li {display:inline-block; width:calc(24.5% - 30px); margin:15px; text-align:center;vertical-align:top}
.display_list li .imgbox {width:100%;}
.display_list li .imgbox img {width:100%;}
.display_list li .title {margin:18px 0;font-size:15px }

.display_list2 li {display:inline-block; width:calc(49.5% - 30px); margin:15px; text-align:center;vertical-align:top}
.display_list2 li .imgbox {width:100%;}
.display_list2 li .imgbox img {width:100%;}
.display_list2 li .title {margin:20px 0;font-size:15px }
.graytext {color:#999;}

/* 페이지네이션 */
.pagination-md>li>a, .pagination-md>li>span {padding: 8px 16px; font-size: 1rem; line-height: 1.3333333;}
.pagination {margin: 5px 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #ff9e44; border-color: #f68b28;}


/* 팝업 */
.wrap_popup {width:100%;padding-top:55px}
.wrap_popup .topbox {position:fixed;top:0;width:100%;height:55px;border-bottom:1px solid #c0c0c0;background:#fff;}
.wrap_popup .topbox .title {font-size:1.5rem; font-weight:600;line-height:55px;padding-left:20px}
.wrap_popup .topbox .btn_close {position:absolute; right:17px; top:20px; width:15px}
.wrap_popup .topbox .btn_close img {width:100%}

/* 팝업내용 */
.pop_cont {padding:20px;width:100%;font-size:13px; line-height:160%}
.pop_cont .title {font-size:15px; font-weight:600;padding-bottom:5px}
.pop_cont p {padding:0 0 10px 0}
.curpoint {cursor: pointer;}

/* 검색영역 */
.wrap_search {border:5px solid #65a1e5; border-radius: 10px; overflow:hidden;margin-bottom: 30px;padding:20px}
.wrap_search .table>tbody>tr>td, .wrap_search .table>tbody>tr>th, .wrap_search .table>tfoot>tr>td, .wrap_search .table>tfoot>tr>th, .wrap_search .table>thead>tr>td, .wrap_search .table>thead>tr>th {border:none;/* font-size: 1.08rem; */vertical-align: middle;}
.form-control.calendar {background: url("../img/sub/bg_calendar.gif") right center no-repeat;}
.p_blue {color:#2185d0;font-weight:600;padding-left:2px}
.wrap_search .btn_box {text-align: center;border-top:1px solid #d5d5d6;padding-top:18px}

/* 로그인 */
.wrap_login {width:100%;height:100vh;vertical-align: middle;display: flex;}
.login_box {width:380px; margin:0 auto;align-self: center;}
/* .admin .login_box {background: url("../img/contents/img_login_admin.jpg") center top no-repeat;} */
.admin .login_box {background:center top no-repeat;}
.login_box .title {text-align:center;padding-bottom:50px; }
.login_box .title span {font-size:2.5rem; font-weight:600; color:#222222; letter-spacing:-2px;}
.login_box .title::after {content:"";width:90px; height:6px; display:block; background-color:#2288E3; margin:0 auto;margin-top:15px}
.login_box .extext {font-size:1.2rem; font-weight:400; color:#222222; letter-spacing:0px; text-align:center;margin-bottom:20px}
.login_box input {height:43px; line-height: 43px; margin-bottom:7px ;background-color:#fff !important;border:none ; color: #666 ;font-weight: 600;border-radius:0;border:1px solid #d2d2d2}
.login_box input::placeholder, .login_box input::-webkit-input-placeholder, .login_box input:-ms-input-placeholder {color:#666 ;font-weight: 600 !important}
.login_box .login_btn {background-color: #0081ee; color:#fff;font-size:1.1rem; border-radius:0;height:50px;line-height:50px;padding:0}
.login_box .bottombox .left {float:left}
.login_box .bottombox .right {float:right}
.login_box .bottombox a {color:#666666;margin:15px 0;display:inline-block; line-height:100%}
.login_box .bottombox .right a:first-child {border-right:1px solid #CBCBCB; margin-right:8px;padding-right:8px}

/* 베이직컨텐츠 */
.basic_img {text-align:center; padding:10px;display: block;}
.basic_img img {max-width: 100%;}
.img_w100 img {width:100%}
.border {border:1px solid #e6e6e6}
.basic_txt_g {font-size:14px; text-align: center; color:#666}
.clearbox {clear: both;}

.title_orange {text-align: center; font-size: 2.4rem; color:#fe7b00; font-weight: 600;margin-bottom:10px}
.title_black {text-align: center; font-size: 2.4rem; color:#333; font-weight: 600;margin-bottom:10px}

.img_mobile {display: none;}
.img_pc {display: block;}



/* 관리자페이지 */
.admin .btn-primary {background-color: #12cdaa; border-color: #10c1a0;}
.admin .btn-primary:hover { background-color: #12cdaa; border-color: #10c1a0;}
.admin .basic.table {border-top: 2px solid rgb(18 205 170);}
.admin .pagination>.active>a, .admin .pagination>.active>a:focus, .admin .pagination>.active>a:hover, .admin .pagination>.active>span, .admin .pagination>.active>span:focus, .admin .pagination>.active>span:hover { background-color: #12cdaa; border-color: #10c1a0;}

/* 이메일수집 */
.cont_email {padding-top:260px;padding-bottom:0px;}
.cont_email {text-align: center;font-size: 1.2rem;line-height:35px;}
.cont_email {background: url("../img/contents/e-mail.png") center 60px no-repeat;}

/* 회원가입 */
.scrollbox {width:100%; padding:20px; height:350px; border:1px solid #ddd; overflow-y: scroll;box-sizing:border-box}
.checkbox {text-align: right;font-size: 1.2rem;margin:20px;}
.checkbox a {color:#666}
.checkbox a.checked {color:#007bff;font-weight:600}
.checkbox i {font-size: 1.1rem}

.wrap_graybox {width:100%; background-color:#FAFAFA; border:1px solid #D9D9D9;}
.wrap_graybox.join_cp {text-align:center;padding:60px 20px}
.join_cp .icon {margin-bottom:30px}
.join_cp .big_text {font-size:1.4rem; font-weight:500; color:#222222; letter-spacing:-1px; margin-bottom:10px}
.join_cp .big_text span {font-size:1.6rem; font-weight:600}
.join_cp .sm_text {font-size:1.2rem; font-weight:400; color:#555555;}
.join_btn_box {text-align:center; padding-top:40px}



.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    background-color: #f2f2fd;
    border: 1px solid #cdd2de;
    margin-bottom: 50px;
}
.step .active {
    background-color: #476ccd;
}
.step li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height:80px;
    line-height:80px;
    font-size:19px
}
.step .active .stit {
    color: #ffffff;
}
.step .stit {
    color: #333;
}
.step li::after, .step li::before {
    box-sizing: inherit;
}
.step li::after {
    content: "";
    display: block;
    width: 57px;
    height: 57px;
    background-color: #f2f2fd;
    border-top: 1px solid #cdd2de;
    border-right: 1px solid #cdd2de;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
}
.step .active::after {
    border: 0;
    background-color: #476ccd;
}
.step li:last-child::after {display:none}
.step li i {padding-right:10px}


 
/* 연혁 */
.history_con .year {font-size:2.4rem; float:left; font-weight: 700;}
.history_con ul.year_list {margin-bottom:80px;background: url("../img/contents/history_line.gif") 50px top repeat-y;overflow:hidden}
.history_con ul.year_list > li {float:left; width:calc(100% - 50px);margin-left:50px;font-size:1rem;letter-spacing:-1px;padding-bottom:20px}
.history_con ul.year_list > li .dot{left:-7px}
.history_con ul.year_list > li span {display:block}
.history_con ul.year_list > li span.month {font-weight:800;color:#666}
.history_con ul.year_list > li span.point {font-weight:600; color:#0083ff}
.history_con ul.year_list > li > div {position:relative;    padding: 0 40px 0 30px;}

.history_con ul.year_list .basic_ul {/* float:left; */}
.history_con ul.year_list .onebox {float:left; width:100%; margin-bottom:20px}
.history_con ul.year_list .f_bold {font-weight:600}

.history_con .month {float:left; font-size:1.8rem;line-height:36px;color:#2288E3;letter-spacing:-2px;font-weight:600;margin-top:5px;margin-bottom:20px;margin-left:50px;}
.history_con .txt {margin-left:15px; float:left; padding-bottom: 20px;width: calc(100% - 160px);}
.history_con .dot{position:absolute;top:15px;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background: #ffffff; border: 4px solid #2288E3;}

.history_con ul.year_list > li.left ul li {background: url(../img/contents/blit_basic.gif) right 8px no-repeat;padding-right:10px}
.history_con ul.year_list .noblit {background: none; font-weight:400; font-size:0.9rem}
.history_con .h3_title {background:none; padding-left:0}
.history_con ul li a {color:#898989}

/* 주파수 신청절차 */
.req_process {width:100%;}
.req_process a {float:left; width:calc(50% - 10px);margin-left:20px; text-align: center; overflow: hidden;transition:all .3s;}
.req_process a:first-child {margin-left:0}
.req_process a:hover {transform:scale(1.01)}

/* 주파수 신청절차 절차표 */
.wrap_progress01 .wrap_rowbox {position:relative;padding-bottom:26px}
.wrap_progress01 .wrap_rowbox::before {content:""; width: 23px; height:27px; background: url(../img/contents/arrow_down_blue.png) left top no-repeat; position: absolute; left: 50px; bottom: 0;}
.wrap_progress01 .wrap_rowbox:last-child::before {display: none;}
.wrap_progress01 .rowbox { width:100%; border-radius: 15px;box-shadow: 2px 2px 3px 1px #f3f2f2;background-color: #007bff;  overflow: hidden;}
.wrap_progress01 .rowbox .head {float:left; width:120px;color: #1b0909; font-size:1.5rem; font-weight: 600;padding-top:20px; text-align: center;}
.wrap_progress01 .rowbox .head span { font-size:1rem; display: block; letter-spacing: -2px;}
.wrap_progress01 .rowbox .body {float:left; width: calc(100% - 120px);border: 1px solid #e9e9e9;  padding:0 30px 30px 30px;background-color: #fff;word-break: break-all;}
.wrap_progress01 .rowbox .body a {color:#333}
.wrap_progress01 .rowbox .body a:hover {text-decoration: underline;}
.wrap_progress01 .rowbox .body a .down {color:#00a0dd;font-weight:600;font-size:0.95rem}
.wrap_progress01 .rowbox .colbox {float: left;margin-right:50px}
.wrap_progress01 .rowbox .h4_title {margin-bottom:5px; margin-top:30px}
.wrap_progress01 .rowbox .h5_title {margin-bottom:5px;margin-top:8px}
.wrap_progress01 .wrap_rowbox:nth-child(2) .rowbox {background-color: #14acde;}
.wrap_progress01 .wrap_rowbox:nth-child(3) .rowbox {background-color: #0dc9b1;}
.wrap_progress01 .wrap_rowbox:nth-child(4) .rowbox {background-color: #35dd74;}
.wrap_progress01 .wrap_rowbox:nth-child(5) .rowbox {background-color: #e8d612;}

/* 회원가입 */
.jointitle {text-align: center;font-size: 1.3rem;}
.joingroup {width:100%; height:200px; margin-top:30px}
.joingroup ul {width:1050px; margin:0 auto; display: flex; justify-content: center;}
.joingroup ul li {float:left;margin:0 10px }
.joingroup ul li a {display:block;width:290px;height:280px;border-radius:10px;text-align:center; border:1px solid #d6c4c4;background: url("../img/contents/icon_join01.png") center 40px no-repeat;transition:all .2s;}
.joingroup ul li:nth-child(2) a {background: url("../img/contents/icon_join02.png") center 45px no-repeat;}
.joingroup ul li:nth-child(3) a {background: url("../img/contents/icon_join03.png") center 45px no-repeat;}
.joingroup ul li a:hover {border: 2px solid #4895ff; transform:scale(1.02)}
.joingroup ul li a .title {font-size:1.4rem; color:#333; font-weight:600; padding-top:160px;padding-bottom:7px;letter-spacing: -1px;}
.joingroup ul li a .subtext {color:#666; padding:0 25px;}

.midaltbox {width:600px; border:1px solid #c8c8c8; padding:50px; border-radius:15px;margin:0 auto;line-height:180%}
.midaltbox .title {font-size:1.5rem; font-weight:600; letter-spacing:-1.5px; margin-bottom:20px;}
.midaltbox .imgbox {text-align:center;margin-bottom:20px}


/*오시는길*/
.wrap_direction {width:100%; border:1px solid #e6e6e6;padding:20px}
.wrap_direction .infobox {float:left; width:340px; background: #f7f7f9; padding: 30px 30px; }
.wrap_direction .infobox li {position:relative; padding:2px 0 2px 105px;}
.wrap_direction .infobox li .title {position:absolute; left: 30px; width:80px; font-weight:600; color:#0074ff}
.wrap_direction .infobox li .bodytxt {}
.int_addr{background: url("../img/contents/address.png") 3px 4px no-repeat;}
.int_phon{background: url("../img/contents/phone.png") 3px 4px no-repeat;}
.int_mail{background: url("../img/contents/email.png") 3px 4px no-repeat}
.int_time{background: url("../img/contents/time.png") 3px 4px no-repeat;}
.int_cale{background: url("../img/contents/calendar.png") 3px 4px no-repeat}
.int_bus{background: url("../img/contents/bus-solid.png") 3px 4px no-repeat}
.int_car{background: url("../img/contents/car-solid.png") 3px 4px no-repeat}

.wrap_direction .mapbox {float:right;width:calc(100% - 360px); height:400px; }
.dir_cours {border:1px solid #e6e6e6; padding:30px;margin-top:20px}
.dir_cours .title {font-size:1.2rem;font-weight:600; margin-bottom:5px}
.dir_cours.icon_car {padding-left:160px; background: url("../img/contents/icon_car.png") 40px center no-repeat;}
.dir_cours.icon_bus {padding-left:160px; background: url("../img/contents/icon_bus.png") 40px center no-repeat;}


/*통합검색*/
.total_search_out_line {width:100%; border-top:2px solid #58626e; margin:10px 0;}
.total_search_out_text_blue { font-size: 1.05rem; font-weight: 600; color: #303F9F; padding-top: 10px; }
.wrap_total_search {display: flex;flex-wrap: nowrap;flex-direction: column; padding:50px 0}
.wrap_total_search .title { font-size: 3.2rem;font-weight:450;line-height:100px;letter-spacing:-2px;padding-right:15px;white-space:nowrap;text-align:center;margin-top: -30px;margin-bottom: 20px;}
.wrap_total_search .input {background-color: #f0f2f8;width: 100%;height: 80px;display: flex;flex-wrap: nowrap;padding: 5px;flex-direction: row;}
.wrap_total_search .text {border:none;text-indent:10px;margin: 10px 30px 30px 30px;height: 40px;}
.wrap_total_search .btn {background-color:#121A4C; color:#fff; font-weight:600;height:40px;line-height:40px;border-radius:0;padding:0 30px;margin: 10px 30px 30px -20px;}
/* .wrap_search_result {color:#555;font-size:0.9rem} */
.wrap_search_result {color:#555; font-size:1.3rem;}
.wrap_search_result .result_num {margin-bottom:10px}
.wrap_search_result .result_num span {font-weight:600}
/* .wrap_search_result .line {width:100%; border-top:1px solid #DDDDDD;margin:10px 0 } */
.wrap_search_result .line {width:100%; border-top:1px solid #58626e; margin:20px 0 }
.wrap_search_result .line2 {width:100%; border-top:1px solid #DDDDDD; margin:5px 0 }
.wrap_search_result .link_menu {margin:10px 0;}
.wrap_search_result .list {margin-bottom:7px}
.wrap_search_result .point_txt {padding-top:5px}
.wrap_search_result .point_txt .bold {font-weight:700;color:#222}
.wrap_search_result .list a {text-decoration:underline; color:#303F9F}
.wrap_search_result .list .arrow {color:#C9D0D8}
.wrap_search_result .search_result { margin-top: 30px; }
.wrap_search_result .search_result .box {padding-bottom:10px;display:inline-block}
.wrap_search_result .search_result .title {font-size:1.05rem; font-weight:600; color:#303F9F;padding-top:10px}
.wrap_search_result .search_result .bodytxt {font-size:0.9rem; color:#555555;line-height:160%;padding-top:5px;
/* 한 줄 자르기 */
    display: inline-block;
    width: 100%;   
    overflow: hidden;
    text-overflow: ellipsis;
    
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;    
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.wrap_search_result .search_result .date {font-size:0.8rem; color:#AAAAAA;padding-top:10px}
.wrap_search_result .search_result .link {font-size:0.8rem; color:#419F48;}
.flex_row {display: flex;flex-wrap: nowrap;flex-direction: row; justify-content: space-between;}
.wrap_search_result .search_result .more{color:#0B74DD;font-size:0.9rem;padding-top:5px}

.radio_select {line-height:100%;font-size:0.8rem}
.radio_select label {margin-bottom:0;padding-left:15px}
.radio_select input {margin-bottom:3px;}
.radio_select select {margin-left:10px; border:1px solid #CCCCCC}

/*검색 및 페이지*/
.board_top {display: flex;flex-wrap: nowrap;flex-direction: row; justify-content: space-between;align-items: flex-end;margin-bottom:10px}
.board_top .page {/* font-size:0.9rem; */color:#777777; letter-spacing:0.5px; }
.board_top .page .point {color:#003A83; font-weight:600}
.board_top .searchbox .text {width:250px; height:35px;line-height:35px;border:1px solid #CCCCCC;font-size:0.8rem;  text-indent:10px}
.board_top .searchbox .btn {border:1px solid #061F4D; color:#061F4D;font-size:0.9rem;font-weight:600; height:35px;line-height:35px; padding:0 25px;border-radius:0}
/*만족도조사*/
.wrap_satisfaction {border:1px solid #DDDDDD; padding:20px 40px;margin-top: 60px;margin-bottom: 20px;}
.wrap_satisfaction .top {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-end;margin-bottom:10px}
.wrap_satisfaction .top .title {font-size:1.2rem; font-weight:600; color:#222;letter-spacing:-2px; padding-right:25px}
.wrap_satisfaction .top .body {font-size:0.9rem; color:#555555; font-weight:400; padding-left:15px}
.wrap_satisfaction .radiobox {font-size:0.9rem;}
.wrap_satisfaction .radiobox label {padding-right:10px;margin-bottom:0}
.wrap_satisfaction .radiobox input {margin-right: 5px; margin-bottom: 5px;}
.wrap_satisfaction .bottom .txterea {width:calc(100% - 110px); border:1px solid #CCCCCC; height:40px;padding:8px 15px ;font-size:0.9rem;}
.wrap_satisfaction .bottom .btn {border:1px solid #061F4D; color:#061F4D;font-size:0.9rem;font-weight:600; height:40px;line-height:40px; padding:0 25px;border-radius:0;float:right}

/*고객센터*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-md-6 .title22 {
    display: block;
    width: 20rem;
    font-size: 1.20rem;
    /* font-weight: 500; */
    background-color: #2288e3;
    color: #fff;
    padding: 0.75rem 2rem;
    position: relative;
    height: 3rem;
}
.wrap_direction22 {
    width: 100%;
    padding: 20px 15px;
    font-size:1.1rem;
}
.wrap_direction22 .infobox22 {
    padding: 45px 30px;
    border: 1px solid #cdd0d8;
    margin-top: -1.5rem;
    min-height: 18rem;
}
.list_dot {
    height: calc(100% - 2.5rem);
    min-height: 10rem;
    padding: 4.5rem 3rem 3rem;
    border: 1px solid #cdd0d8;
    margin-top: -3.5rem;
}
.wrap_direction22 .numbericon {font-size:1.8rem;font-weight:700;background: url("../img/contents/icon_callperson.png") 10px top no-repeat;padding-left:82px;padding-top:22px; background-size: 60px; line-height: 110%; color: #098bdd;margin-bottom:10px}







/****** 1200px Device ******/
@media screen and (max-width:1200px) {
/* 행사안내 */
.wrap_ceremony .item {width:100%}
.wrap_ceremony .item .imgbox {width:100%}
.wrap_ceremony .item .wrap_text {width:100%}
.wrap_ceremony .item .title {white-space: normal;}
	

}

/****** 1150px Device ******/
@media screen and (max-width:1150px) {
	/* 주파수 신청절차 */
	.req_process a img {width:100%}
	

}

/****** 950px Device ******/
@media screen and (max-width:950px) {
/* 포토리스 */
.display_list li {width:calc(50% - 22px); margin:10px;}

/* 포토게시판 */
.wrap_list .item {width:calc(33.3% - 16px);margin-right:24px;}
.wrap_list .item:nth-child(4n) {margin-right:24px}
.wrap_list .item:nth-child(3n) {margin-right:0}

/* 행사안내 */
.wrap_ceremony .item {width:100%}
.wrap_ceremony .item .imgbox {width:100%}
.wrap_ceremony .item .wrap_text {width:100%}
.wrap_ceremony .item .title {white-space: normal;}

/*오시는길*/
.wrap_direction .infobox { width:100%;;margin-bottom:20px}
.wrap_direction .mapbox {width:100%; }

.col-md-6 { flex: 0 0 100%; max-width: 100%;}
.wrap_direction22 .infobox22 { min-height: auto;}
	/*통합검색*/
	.wrap_total_search {padding-top:100px;padding-bottom:40px;}	
	.wrap_total_search .input {width:100%}
	.wrap_total_search .btn {width:15%}
}

/****** 750px Device ******/
@media screen and (max-width:750px) {
	.basic.table>tbody>tr>td, .basic.table>tbody>tr>th, .basic.table>tfoot>tr>td, .basic.table>tfoot>tr>th, .basic.table>thead>tr>td, .basic.table>thead>tr>th {padding: .7em .8em}
	.button_set .btn {margin-bottom:5px}

	.wrap_bt_search .form-control {width:80px}
	.wrap_bt_search .form-group {margin-bottom: 0;}
	.wrap_bt_search .form-group .form-control {width:180px}

	.img_mobile {display: block;}
	.img_pc {display: none;}
	
	
	/*통합검색*/
	.wrap_total_search {padding-top:100px;padding-bottom:40px;}	
	.wrap_total_search .input {width:100%}
	.wrap_total_search .btn {width:30%}
		 
	/*검색 및 페이지*/
	.board_top {flex-direction:column;justify-content:flex-start}
	.board_top .page {margin-bottom:5px}
	.board_top .searchbox {width:100%}
	.board_top .searchbox .text {width:calc(100% - 84px)}
	
	/*만족도조사*/
	.wrap_satisfaction {padding:15px 20px;}
	.wrap_satisfaction .top {flex-direction:column;align-items: baseline;}
	
	/* 로그인 */
	.login_box {width:80%; }
	
	/* 연혁 */	
	.history_con .month {margin:0}
	.history_con .txt {width:100%; margin-left:0;}
	.history_con .year {float:none; margin-bottom:0; padding-bottom:0;padding-bottom:15px}
	.history_con .year br {display:none}
	.history_con ul.year_list .year span {display:inline-block; margin-left:10px}
	.history_con ul.year_list > li {margin-left:25px}
	.history_con ul.year_list {background: url(../img/contents/history_line.gif) 25px top repeat-y;}

	/* 주파수 신청절차 */
	.req_process a {width:100%; margin:20px 0 0 0}
	.req_process a:first-child {margin:0}

	/* 주파수 신청절차 절차표 */
	.wrap_progress01 .rowbox .head {width:100%;padding:10px;font-size:1.4rem}
	.wrap_progress01 .rowbox .body {width:100%;padding: 0 10px 30px 10px;}
	.wrap_progress01 .rowbox .head span {display: inline-block;font-size:1.1rem}
	.wrap_progress01 .wrap_rowbox::before {left:calc(50% - 11px)}
	.wrap_progress01 .rowbox .colbox {margin-right:0}

	/* 포토리스 */
	.display_list li {width:100%; margin:10px 0 ;}

	/* 포토게시판 */
	.wrap_list .item {width:100%; margin-right:0;}
	.wrap_list .item:nth-child(4n) {margin-right:0}

	.wrap_tap {display:none}
	.wrap_tap_mobile {display:block}

	/* 뉴스게시판 */
	.wrap_news .item .imgbox {width:100%}
	.wrap_news .item .wrap_text {width:100%}
	.wrap_news .item .title {white-space: normal;}
	
		/* 행사안내 */
	.wrap_ceremony .item {width:100%}
	.wrap_ceremony .item .imgbox {width:100%}
	.wrap_ceremony .item .wrap_text {width:100%}
	.wrap_ceremony .item .title {white-space: normal;}
	/* 회원가입 */
	.midaltbox {width:100%; padding:20px}
	.midaltbox br {display:none}
	.midaltbox .imgbox {width:80%;margin:0 auto;margin-bottom:20px}
	.midaltbox .imgbox img {width:100%}

	/*오시는길*/
	.wrap_direction {padding:10px}
	.wrap_direction .infobox { margin-bottom:10px; padding:10px}
	.dir_cours .title{text-align:center;margin-bottom:13px}
	.dir_cours.icon_car {padding:140px 10px 10px 10px; background: url("../img/contents/icon_car.png") center 40px no-repeat;}
	.dir_cours.icon_bus {padding:140px 10px 10px 10px; background: url("../img/contents/icon_bus.png") center 40px no-repeat;}

}

/* 페이징 */
.paging {position: relative; margin-top: 2rem; text-align: center; white-space: nowrap;}
.paging a {color:#888888;display: inline-block; overflow: hidden; position: relative; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; vertical-align: top;}
.paging a::after {position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #003A83; content:'';}
.paging a.active {font-weight:600; color:#222222}
.paging .arr {color: #222222;font-size:1.2rem}
.paging .arr i {display: block; line-height: inherit;}
.paging .first i,
.paging .last i {float: left; width: 50%; text-indent: 0.7rem;}
.paging .first i + i,
.paging .last i + i {text-indent: -1.3rem;}
.paging .active::after {width: 50%; margin-left: -25%;}
.paging .count {position: absolute; left: 0; bottom: 2.5rem;}

/* paging count */
.paging_count{position: absolute; left: 0; bottom: 2.5rem;font-size:0.8rem}
.paging_count strong{color: #C15806;}