@charset "utf-8";
/* CSS Document */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html,body{height:100%;}
*{margin:0; padding:0; box-sizing:border-box;}
li{list-style:none;}
a{text-decoration:none; color:inherit; cursor:pointer;}
img{image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor;}
input, textarea, select{outline:none; border:0; font-family:'Noto Sans KR', sans-serif; font-size:14px;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}
iframe{border:0;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body{font-family:'Noto Sans KR', sans-serif; line-height:1; overflow-x:hidden;  font-size:14px; color:#000;}
.body_bg{background-color:#f7f7f7;}

body::-webkit-scrollbar{width:6px;}
body::-webkit-scrollbar-track{background-color:#eafcfe;}
body::-webkit-scrollbar-thumb{border-radius:10px; background-color:#00351f;}
body::-webkit-scrollbar-button{width:0; height:0;}

.flex_left{display:flex; align-items:center; flex-wrap:wrap;}
.flex_end{display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;}
.flex_between{display:flex; justify-content:space-between; flex-wrap:wrap;}
.flex_center{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}

.flex_left.multi label{margin:10px 40px 10px 0;}

.fix_bottom{position:fixed; left:0; bottom:0; width:100%; background-color:rgba(255,255,255,0.9);}

/** 버튼 관련 **/
.button_1{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid #e6e6e6; border-radius:40px; transition:0.2s; padding-bottom:1px; background-color:#fff; height:32px;}
.button_1:hover{background-color:#22a5b1; border:1px solid #22a5b1; color:#fff;}
.button_1.off{opacity:0.5;}
.button_1.off:hover{background-color:#fff; border:1px solid #e6e6e6; color:#000;}
.button_1.center{margin:0 auto;}
.button_1.small{width:60px;}
.button_1.mid{width:90px;}
.button_1.big{width:120px;}

.button_2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:2px; background-color:#22a5b1; color:#fff; width:140px; height:42px; font-size:17px; font-weight:500;}
.button_2:hover{background-color:#00351f;}

.button_3{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:2px; background-color:#00351f; color:#fff; width:140px; height:42px; font-size:17px; font-weight:500;}
.button_3:hover{background-color:#22a5b1;}

.button_5{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:2px; background-color:#bfbc91; color:#fff; width:140px; height:42px; font-size:17px; font-weight:500;}
.button_5:hover{background-color:#22a5b1;}

.button_4{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:1px; background-color:#999; color:#fff; height:32px;}
.button_4:hover{background-color:#22a5b1;}
.button_4.off{opacity:0.4;}
.button_4.off:hover{background-color:#999;}
.button_4.center{margin:0 auto;}
.button_4.small{width:60px;}
.button_4.mid{width:90px;}
.button_4.big{width:120px;}

.button_6{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:40px; transition:0.2s; padding-bottom:1px; background-color:#22a5b1; color:#fff;  height:36px;}
.button_6:hover{background-color:#00351f; color:#fff;}
.button_6.off{opacity:0.5;}
.button_6.off:hover{background-color:#00351f; color:#fff;}
.button_6.center{margin:0 auto;}
.button_6.small{width:60px;}
.button_6.mid{width:90px;}
.button_6.big{width:120px;}

.btn_download{display:flex; justify-content:center; align-items:center; background-color:#00351f; color:#fff; width:160px; height:36px; border-radius:2px;}

/* goonglee */
input[type=text], input[type=password], select {height:35px;border:1px solid #cccccc;border-radius:4px;padding-left:5px;padding-right:5px;}
input[type=radio], input[type=checkbox] {margin-left:5px;margin-right:5px;}
input[type=submit], input[type=button]{margin-left:5px;height:33px;width:50px;background-color:#999999;color:#ffffff;border-radius:4px;}
/* goonglee */



@media all and (min-width:1680px){    
    input, textarea, select, body{font-size:16px;}
    
    .button_1{height:36px;}
    .button_1.small{width:66px;}
    .button_1.mid{width:100px;}
    .button_1.big{width:140px;}
    
    .button_4{ height:36px;}
    .button_4.small{width:66px;}
    .button_4.mid{width:100px;}
    .button_4.big{width:140px;}
    
    .button_6{height:40px;}
    .button_6.small{width:66px;}
    .button_6.mid{width:100px;}
    .button_6.big{width:140px;}  
}

/** 체크박스 **/
.check_input{display:none;}
.check_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.check_label .check_bullet{width:20px; height:20px; border-radius:30%; margin-right:8px; background-color:#fff; border:1px solid #ddd;}
.check_input:checked + .check_bullet{background-image:url(../images/check_1.png); background-size:100%;}
.check_bullet.none{border:0;}

/** 라디오박스 **/
.radio_input{display:none;}
.radio_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.radio_label .radio_bullet{width:20px; height:20px; border-radius:50%; background-color:#fff; border:1px solid #ddd; margin-right:8px;}
.radio_input:checked + .radio_bullet{background-image:url(../images/radio_1.png); background-repeat:no-repeat; background-position:center; background-size:100%;}

/** 로그인 **/
.login_bg{background-color:#2E5783;background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.login_bg:after{content:''; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.35); z-index:10;}

.login_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; position:relative; z-index:20;}
.login_area{border-radius:30px; background-color:rgba(255,255,255,0.95); position:relative; display:flex; justify-content:center; align-items:center; width:530px; padding:40px 0;}
.login_box{width:330px;}
.login_logo{width:58%; max-width:316px; margin:0 auto 30px auto; display:block;}

.login_input{width:100%; height:54px; display:block; text-align:center; margin-bottom:15px; font-size:18px; border-radius:40px; background-color:#e6e6e6;}
.login_input::placeholder{color:#555;}
.check_label.login{margin-bottom:15px; padding-left:5px;}
.check_label.login .check_bullet{}

.login_btn{display:block; width:100%; height:54px; line-height:50px; text-align:center; font-size:22px; background-color:#22a5b1; color:#fff; border-radius:30px; font-weight:600; transition:0.2s;}
.login_btn:hover{background-color:#333;}

@media all and (min-width:1440px){

}
@media all and (min-width:1680px){
    .login_area{width:560px; padding:45px 0;}
    .login_box{width:360px;}
}

/* 레이아웃 */

.left_nav_title {text-align:center;background-color:#999999;color:#ffffff;font-size:20px;height:40px;line-height:40px;}


header{position:fixed; background-color:#fff; width:100%; height:60px; box-shadow:0 1px 6px 2px rgba(0,0,0,0.01); display:flex; align-items:center; justify-content:space-between; padding:0 3%; font-size:16px; color:#111; border-radius:0 0 30px 30px;}
.top_nav_wrap{display:flex; align-items:center;}
.top_nav{margin-right:35px; padding:10px 28px 11px 28px; border-radius:30px; transition:0.2s;}
.top_nav:last-child{margin:0;}
.top_nav:hover{background-color:#22a5b1; color:#fff; opacity:0.9;}
.top_nav.active{background-color:#22a5b1; color:#fff;}

.top_logout_wrap{display:flex; align-items:center;}
.top_logout{width:38px; height:38px; background:url(../images/logout.png) no-repeat; border-radius:50%; background-color:#22a5b1; transition:0.2s; margin-left:15px;}
.top_logout.msg{background-image:url(../images/msg.png);}
.top_logout.home{background-image:url(../images/home.png);}
.top_logout:hover{background-color:#00351f;}

.left_wrap{position:fixed; left:0; top:70px; bottom:0; width:220px; font-size:16px; color:#111;}
.left_logo_wrap{padding:40px; background-color:#fff; border-radius:0 30px 30px 0; box-shadow:0 1px 6px 2px rgba(0,0,0,0.01); margin-bottom:10px;}
.left_logo{display:block; width:100%;}

.left_nav_wrap{padding:25px 30px; background-color:#fff; color:#111; border-radius:0 30px 30px 0; box-shadow:0 1px 6px 2px rgba(0,0,0,0.01); height:100%; overflow:auto;}
.left_nav{display:flex; align-items:center; padding:10px 0 11px 0; padding-left:18px; margin:4px 0; border-radius:30px; transition:0.2s;}
.left_nav:before{content:''; width:4px; height:4px; background-color:#888; border-radius:50%; margin:0 10px -1px 0;}
.left_nav:hover{background-color:#22a5b1; color:#fff;  opacity:0.9;}
.left_nav:hover:before{background-color:#fff;}
.left_nav.active{background-color:#22a5b1; color:#fff;}
.left_nav.active:before{background-color:#fff;}

.left_nav_wrap::-webkit-scrollbar{width:3px;}
.left_nav_wrap::-webkit-scrollbar-track{background-color:#eee;}
.left_nav_wrap::-webkit-scrollbar-thumb{border-radius:10px; background-color:#ddd;}
.left_nav_wrap::-webkit-scrollbar-button{width:0; height:0;}

hr{border-width:1px 0 0 0; border-style:dashed; border-color:#ccc; margin:6px 0;}

footer{position:absolute; bottom:20px; left:20px; color:#999; font-size:14px; line-height:1.5; font-weight:300;}

.right_wrap{position:fixed; left:230px; right:0; top:80px; bottom:0; color:#111; border-radius:30px 0 0 0; padding:10px 35px 30px 35px; overflow:auto;}

.right_wrap::-webkit-scrollbar{width:6px;}
.right_wrap::-webkit-scrollbar-track{background-color:#eafcfe;}
.right_wrap::-webkit-scrollbar-thumb{border-radius:10px; background-color:#00351f;}
.right_wrap::-webkit-scrollbar-button{width:0; height:0;}

.title_h2{font-size:28px; display:flex; align-items:center; margin-bottom:35px;}
.title_bar{width:2px; height:22px; background-color:#444; margin:0 14px -3px 0;}

@media all and (min-width:1680px){
    header{height:70px;}
    header{font-size:17px;}
    .left_wrap{font-size:15px;}
    .left_wrap{top:90px; width:270px;}
    .left_logo_wrap{margin-bottom:20px;}
    .right_wrap{left:290px; top:100px; padding:15px 50px 35px 50px;}
    
    .title_h2{font-size:30px; margin-bottom:40px;}
    .title_bar{height:24px;}
    
    footer{bottom:25px; left:35px; font-size:15px;}
}

/* 메인 */
.main_title{font-size:21px; display:flex; align-items:center; margin-bottom:20px; font-weight:500; margin-left:25px;}
.main_title:before{content:''; width:2px; height:18px; border-radius:2px; background-color:#333; margin:0 10px -1px 0;}

.main_row{display:flex; flex-wrap:wrap; background-color:rgba(255,255,255,0.9); padding:20px 25px; border-radius:20px; margin-bottom:40px;}
.main_row_inner{width:100%; display:flex;}
.main_row_inner:first-child{margin-bottom:30px;}
.main_caption{font-size:16px; font-weight:500; margin-bottom:10px; display:flex;justify-content:space-between; align-items:center; height:24px;}
.main_more{display:flex; align-items:center; justify-content:center; font-weight:400; font-size:12px; width:58px; height:24px; border-radius:20px; background-color:#444; color:#fff; padding-bottom:1px; transition:0.2s;}
.main_row section{width:420px;}
.main_row section:first-child{margin-right:60px;}
.main_table{border-collapse:collapse; font-size:15px; width:100%; border-top:1px solid #333;}
.main_table th{font-weight:500; background-color:#fafafa; text-align:right; padding-right:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.main_table td{height:36px; border-bottom:1px solid #ddd; padding-left:15px;}
.main_table a:hover{text-decoration:underline;}

.main_detail{display:flex; align-items:center; justify-content:center; font-weight:400; font-size:13px; width:124px; height:24px; border-radius:20px; padding-bottom:2px; background-color:#444; color:#fff; transition:0.2s;}

@media all and (min-width:1680px){
    .main_row section{width:440px;}
    .main_row section:first-child{margin-right:100px;}
}

/* 검색 / 탭메뉴 */
.search_wrap{display:flex; align-items:center; margin-bottom:25px;}
.tab_nav_wrap{display:flex;}
.tab_nav{display:flex; justify-content:center; align-items:center; height:36px; border-radius:30px; padding:0 15px 1px 15px; border:1px solid #e6e6e6; margin-right:5px; transition:0.2s; background-color:#fff;}
.tab_nav:hover{background-color:#22a5b1; border:1px solid #22a5b1; color:#fff; opacity:0.9;}
.tab_nav.active{background-color:#22a5b1; border:1px solid #22a5b1; color:#fff;}

.search_area{display:flex;}

/* 폼 관련 */
.select_1{background-color:#fff; border:1px solid #e6e6e6; width:120px; height:36px; padding-left:12px; border-radius:30px;}
.input_1{background-color:#fff; border:1px solid #e6e6e6; width:170px; height:36px; padding:0 12px; border-radius:30px;}
.select_2{background-color:#fff; border:1px solid #e6e6e6; width:140px; height:36px; padding-left:15px; border-radius:30px;}
.input_2{background-color:#fff; border:1px solid #e6e6e6; width:200px; height:36px; padding:0 15px; border-radius:30px;padding:0 25px;}
.textarea_1{background-color:#fff; border:1px solid #e6e6e6; display:block; width:100%; padding:10px 15px; border-radius:10px;}
.search_btn{width:36px; height:36px; border-radius:40%; background:url(../images/search.png) no-repeat 50%; background-size:60%; background-color:#22a5b1; transition:0.2s;}
.search_btn:hover{background-color:#22a5b1;}

.input_2.full{width:100%; display:block;}

.select_4{background-color:#fff; border:1px solid #e6e6e6; width:210px; height:36px; padding-left:12px; border-radius:30px;}

@media all and (min-width:1680px){
    .tab_nav{height:40px; padding:0 20px 1px 20px; margin-right:10px;}
    
    .select_1{width:150px; height:40px; padding-left:20px;}
    .input_1{width:200px; height:40px; padding:0 20px;}
    .search_btn{width:40px; height:40px;}
    
    .select_2{width:170px; height:40px; padding-left:20px;}
    .input_2{width:220px; height:40px; padding:0 20px;}
    
    .select_4{width:260px; height:40px; padding-left:20px;}
}

/* 일반 테이블 - 리스트 */
.table_1{width:100%; border-collapse:collapse;}
.table_1 th{background-color:#22a5b1; color:#fff; font-weight:500; padding:18px 0;}
th.first{border-radius:30px 0 0 30px;}
th.last{border-radius:0 30px 30px 0;}
.table_1 td{text-align:center; padding:15px 0; border-bottom:1px solid #ddd;}
.table_1_link{text-decoration:underline; transition:0.2s;}
.table_1_link:hover{color:#22a5b1;}

.img_1{height:80px; border-radius:10px;}

.input_wrap{width:23%; margin-bottom:3%;}
.input_img{display:block; width:100%; border-radius:10px; margin-bottom:5px;}
.table_2{width:100%;}
.select_3{display:block; width:100%; height:42px; text-align:center; font-size:16px; margin:5px 0; background-color:#eee; color:#000; font-weight:500; border:0; padding:0;}

/* 순서변경가능 테이블 */
.list_wrap{width:210px; background-color:#fff; padding:25px 15px; border-radius:30px; box-shadow:0 0 6px 2px rgba(0,0,0,0.04);}
.list_title{font-weight:500; margin-bottom:20px; font-size:22px; padding-left:10px; text-align:center; display:flex; align-items:center;}
/*
.list_title:before{content:'●'; font-size:7px; margin-right:8px; color:#555;}
*/
.list_nav{display:block; line-height:1.4; padding-left:5px; transition:0.2s; margin:5px 0;}
.list_nav:hover{color:#22a5b1;}
.list_nav.active{color:#22a5b1;}
.table_wrap{width:calc(100% - 220px);}

.table_header, .table_content{display:flex; justify-content:space-between; align-items:center; width:100%; text-align:center;}

.table_header{background-color:#22a5b1; color:#fff; padding:15px 0; border-radius:30px; margin-bottom:4px;}

.table_content{flex-wrap:wrap;}
.table_content_row{display:flex; width:100%; justify-content:space-between; align-items:center; margin:4px 0; padding:14px 0; border-radius:40px; background-color:#fff;}
/*a.content{text-decoration:underline;}*/
.content.left{text-align:left;}
.table_content_row.no{text-align:center; padding:20px 0; display:block;}

@media all and (min-width:1680px){
    .list_wrap{width:260px; border-radius:40px; padding:30px 25px;}
    
    .table_wrap{width:calc(100% - 280px);}
}

/* 쓰기 테이블 */
.table_write{width:100%; border-spacing:6px;}
.table_write th{background-color:#ccc; border-radius:20px; box-shadow:0 0 6px 2px rgba(0,0,0,0.04);}
.table_write td{background-color:#fff; border-radius:20px; box-shadow:0 0 6px 2px rgba(0,0,0,0.04);}
.table_write th{font-weight:500; width:190px;}
.table_write td{padding:15px 25px;}
.audio{height:40px;}
.accent{font-weight:500; color:#ff4874;}
.accent2{font-weight:500; color:#014E9D;}

.img_wrap{display:flex; flex-wrap:wrap;}
.img_area{margin:5px 30px 5px 0;}
.img_2{border-radius:10px; border:1px solid #eee; height:180px;}

@media all and (min-width:1680px){
    .table_write{border-spacing:10px;}
    .table_write th, .table_write td{border-radius:20px;}
    .table_write th{width:220px;}
    .table_write td{padding:20px 40px;}
    .img_area{margin:10px 40px 10px 0;}
}

/* goonglee */
/* 쓰기 테이블 inner */
.table_write_inner{width:100%; border-collapse: collapse;}
.table_write_inner th{background-color:#cccccc; border-radius:0px; text-align:center; box-shadow:0 0 0 0;border: 1px solid #f1f1f1;padding:10px 10px; }
.table_write_inner td{background-color:#fffff;  border-radius:0px; text-align:center; box-shadow:0 0 0 0;border: 1px solid #cccccc;padding:10px 10px; }
/* goonglee */


/* 읽기 테이블 */
.table_read{width:100%; border-spacing:6px;}
.table_read th, .table_read td{background-color:#fff; border-radius:20px; box-shadow:0 0 6px 2px rgba(0,0,0,0.04);}
.table_read th{font-weight:500; width:190px;}
.table_read td{padding:10px 25px; line-height:1.8;}

.file_1{margin-left:15px;}

@media all and (min-width:1680px){
    .table_read{border-spacing:10px;}
    .table_read th, .table_read td{border-radius:20px;}
    .table_read th{width:220px;}
    .table_read td{padding:15px 40px;}
    .img_area{margin:10px 40px 10px 0;}
}

/** 이미지 업로드 **/
.file_add_area{width:350px; position:relative;}
.file_add_input{width:290px; height:50px; background-color:#f7f7f7; border-radius:12px; border:0; padding:0 15px; font-size:16px;}
.file_add_hidden{position:absolute; left:300px; top:0; width:52px; height:50px; opacity:0; cursor:pointer; z-index:20;}
.file_add_btn{position:absolute; right:0; top:0; width:52px; height:50px; border-radius:12px; background:url(../images/file_add.png) no-repeat 50%; background-size:30px; background-color:#22a5b1; z-index:10; transition:0.2s;}

/* 페이지 번호 */
.bbs_page{display:flex; justify-content:center; align-items:center; padding-top:35px;}
.bbs_page img{display:block;}
.bbs_page img.prev{margin-right:15px;}
.bbs_page img.next{margin-left:15px;}
.bbs_page a, .bbs_page span{display:block; margin:0 10px;}
.bbs_num{text-align:center; transition:0.2s; background-color:#fff; width:30px; height:30px; line-height:29px; border-radius:50%;}
.bbs_num:hover{background-color:#22a5b1; color:#fff; opacity:0.9;}
.bbs_num.active{background-color:#22a5b1; color:#fff; font-weight:500;}

@media all and (min-width:1680px){
    .bbs_page{padding-top:45px;}
    .bbs_num{width:36px; height:36px; line-height:35px;}
}

/* 팝업 */
.pop_wrap{padding:40px 50px; font-size:16px;}
.v_center{display:flex; justify-content:center; align-items:center; height:100%;}
.pop_title{font-size:28px; text-align:center; font-weight:500; margin-bottom:50px; position:relative;}
.pop_title:after{content:''; position:absolute; width:30px; height:2px; background-color:#333; bottom:-20px; left:calc(50% - 15px);}

/* 팝업 - 미리보기 */
.preview_wrap{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:9000; display:none;}
.preview_area{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.preview_box{position:relative; width:100%; height:100%;}
.preview_close{position:absolute; top:12px; right:12px; z-index:10000; cursor:pointer; transition:0.2s;}
.preview_close:hover{transform:rotate(180deg);}
.preview_iframe{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}


/* 팝업 - 콘텐트 목록 */
.content_list_wrap{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:8000; display:none;}
.content_list_area{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.content_list_box{position:relative; width:100%; height:100%;}
.content_list_close{position:absolute; top:12px; right:12px; z-index:10000; cursor:pointer; transition:0.2s;}
.content_list_close:hover{transform:rotate(180deg);}
.content_list_iframe{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}


/* 팝업 - 콘텐트 폼 */
.content_form_wrap{background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:8500; display:none;}
.content_form_area{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.content_form_box{position:relative; width:100%; height:100%;}
.content_form_close{position:absolute; top:12px; right:12px; z-index:10000; cursor:pointer; transition:0.2s;}
.content_form_close:hover{transform:rotate(180deg);}
.content_form_iframe{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}


@media all and (min-width:1680px){
    .preview_close{top:0; right:-62px;}
    .content_list_close{top:0; right:-62px;}
}

/* 테이블 - 라인 */
.table_line{width:100%; border-collapse:collapse;}
.table_line th, .table_line td{text-align:center; border:1px solid #ddd;}
.table_line th{height:40px; background-color:#00351f; color:#fff; font-weight:500; border-bottom:4px double #fff; position:sticky; top:0;}
.table_line td{height:40px; background-color:#fff;}

/* 탭모음 */
.tabs_wrap{border:1px solid #ddd; border-radius:20px; margin-bottom:25px; padding:0.6%; background-color:#fff; position:relative;}
.tabs_caption{position:absolute; width:100px; height:30px; left:1.4%; top:-15px; display:flex; justify-content:center; align-items:center; font-size:15px; background-color:#333; color:#fff; font-weight:500; border-radius:30px;}

.tabs_area{padding-top:10px; display:flex; flex-wrap:wrap;}
.tabs_btn{margin:0.5% 1%; font-size:14px;}
.tabs_btn:hover{color:#22a5b1; text-decoration:underline; opacity:0.9;}
.tabs_btn.active{color:#22a5b1; text-decoration:underline;}

.overflow_result{height:calc(100% - 155px); overflow:auto;}

.overflow_result::-webkit-scrollbar{width:4px;}
.overflow_result::-webkit-scrollbar-track{background-color:#eafcfe;}
.overflow_result::-webkit-scrollbar-thumb{border-radius:10px; background-color:#00351f;}
.overflow_result::-webkit-scrollbar-button{width:0; height:0;}

@media all and (min-width:1440px){
    .overflow_result{height:calc(100% - 155px);}
}
@media all and (min-width:1680px){
    .overflow_result{height:400px;}
    .overflow_result{height:calc(100% - 165px);}
}



/* goonglee */
.paging_1{
	color:#ff0000;
	font-weight:bold;
	font-size:12pt;
}
.paging_2{
	font-size:12pt;
}

.divSelected{
	background-color:#0A246A;
	border:1px solid dotted;
	border-color:#545454;
	color:#FFFFFF;
	cursor:hand;
	width:100%;
}
.divUnSelected{
	background-color:#FFFFFF;
	border:0px;
	color: #545454;
	cursor:hand;
	width:100%;
}


#DivSearchPhoneNum {
	position:absolute;
	width:750px;
	height:130px;
	z-index:1;
	left: 205px;
	top: 200px;
	border:2px solid #CCCCCC;
	background-color:#d5e9ab;
	padding:5px;
	overflow-y:auto;
}
/* goonglee */