/* reset */
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,th,td,form,fieldset,legend,label,input,select,textarea,ul,li,ol,dt,dd,img,a {
    margin: 0; 
    padding: 0; 
    outline: none;
    /* border: 0; */
	font-family: 'Nanum Gothic', sans-serif;
}

button
{
   border: none; 
}

body,h1,h2,h3,h4,h5,h6 {
    font-size: 12px;
}
a 
{
    text-decoration: none; 
    color: #4e4e4e;
}
ul,ol,li 
{
    list-style: none;
}
img,fieldset 
{
    border: none;
}
strong,em,address 
{
    font-weight: normal; 
    font-style: normal;
}
table 
{
    border-collapse: collapse;
}

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");


@font-face { /* 나눔고딕 Regular */
  font-family: 'Noto Sans KR', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot");
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2") format('woff2'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff") format('woff'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf") format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot");
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2") format('woff2'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff") format('woff'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf") format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot");
  src: url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2") format('woff2'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff") format('woff'),
       url("http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf") format('truetype');
}


article, aside, hgroup, header, footer, figure, figcaption, nav, section, time, mark, canvas, video, audio, details, summary{display:block;}

/* common */
.clfix::after {  
	content: "";
	clear: both;
	display: block; 
	height:0px; 
	visibility:hidden; 
	zoom:1;
}
html
{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}/*웹과 모바일에서 폰트를 동일하게 보여줌*/
html, body 
{
    font-family: 'Nanum Gothic', sans-serif;
	letter-spacing:-0.3px;
	min-width:1170px;
}

body
{
    margin:0 auto;  
    /*background:#fff;*/
}
input::-webkit-input-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
}
textarea:-ms-input-placeholder {
  color: #aaa;
}
.wrap
{
    width:100%; 
    min-width:1200px; margin:0 auto; 
    text-align:center; 
    box-sizing:border-box; 
    position:relative; 
}


/* -----------------header (모든 페이지 공통)---------------- */

.header-wrap-header
{
    width:100%; 
    min-width:1200px; 
    height:100px; 
    position:fixed; 
    top:0; 
    z-index:1; 
    background:#fff; 
    margin:0 auto; 
    box-sizing:border-box;
}

/* 로고 */
.header
{
    width:1200px; 
    height:100px; 
    margin:0 auto;
}
.header div
{
    float:left;
}
.header div.logo
{
    width:38%; 
    margin-right:1%; 
    text-align:left;
}
.header div.logo h1
{
    padding-top:17px;
}

/* 검색 */
.disp
{
    width:30%; 
    height:50px; 
    margin-right:3%;
}
.search
{
    display:none; 
    width:100%; 
    height:100%; 
    box-sizing:border-box; 
    border:solid 2px #000080; 
    border-radius:5px; 
    margin-top:25px;
}
.search input
{
    width:83%; 
    height:100%; 
    line-height:50px; 
    color:navy; 
    font-size:16px;
}
.search span
{
    display:inline-block; 
    width:10%;
}
.search span button
{
    text-indent:-99999px; 
    width:50px; 
    height:46px; 
    cursor:pointer; 
    background:url(../img/btn_main_search.png) center no-repeat;
}

/* 언어선택 */
.lang
{
    width:10%; 
    height:50px; 
    margin-right:10px; 
    box-sizing:border-box; 
    border: solid 1px #82c1e6; 
    border-radius:5px; 
    margin-top:25px;
}
.lang select
{
    width:95%; 
    height:50%; 
    margin-top:11%; 
    color:#444; 
    font-size:14px; 
    background:#fff; 
    border:none;
    cursor:pointer;
}
.lang select option
{
    color:navy;
}

/* 로그인 */
.btn_log
{
    width:9%; 
    height:50px; 
    margin-top:25px; 
    margin-right:10px;
}
.btn_log button
{
    width:100%; 
    height:50px; 
    cursor:pointer; 
    background:none; 
    color:#444; 
    font-size:14px; 
    box-sizing:border-box; 
    border:solid 1px #82c1e6; 
    border-radius:5px; 
    padding:10px;
}
.btn_log button:hover
{
    color:#011341; 
    background:#eee;
}

/* 온라인오피스 링크 */
.header div.io-wgca
{
    width:75px;
    float:right;
    position:relative;
}
.header div.io-wgca h2
{
    text-align:right; 
    margin-top:25px;
}
.header div.io-wgca h2 a img
{
    opacity:0.8;
}
.header div.io-wgca h2 a:hover img
{
    opacity:1;
}

/* 메인 네비게이션 */
.header-wrap-navg
{
    width:100%; 
    min-width:1200px; 
    height:40px; 
    position:fixed; 
    top:100px; 
    z-index:1; 
    background:#fff; 
    margin:0 auto; 
    box-sizing:border-box;
}

.navg
{
    width:1200px; 
    height:40px; 
    margin:0 auto; 
    background:#011341;
}
.navg .navg-wid
{
    width:1200px; 
    margin:0 auto;
    position:relative;
}

/* 메인 네비게이션-left */
.navg ul.menu
{
    float:left; 
    /*display:table;*/
    width:auto; 
    max-width:850px;
    height:40px; 
    text-align:left; 
    margin:0 auto;
}
.navg ul.menu li
{
    display:table-cell; 
    vertical-align:middle;
    padding:0; 
    height:40px;
    position:relative;
}
.navg ul.menu li a
{
    display:table-cell;
    vertical-align:middle;
    height:40px;
    color:#fff; 
    font-size:13px; 
    padding:0 2px 0 6px;
}
.navg ul.menu li a.on
{
    background:#efefef; 
    color:#011341;
}
.navg ul.menu li a:hover
{
    background:#efefef; 
    color:#011341 !important;
}

/* 메인 네비게이션-right */
.navg ul.menu-right
{
    float:right; 
    /*display:table;*/
    width:auto;
    height:auto; 
    text-align:left; 
    margin:0 auto;
}
.navg ul.menu-right li
{
    display:table-cell;
    vertical-align:middle;
    height:40px;
    padding:0; 
    float:right; 
    /*margin-left:3px;*/
}
.navg ul.menu-right li a
{
    display:table-cell;
    vertical-align:middle;
    height:40px;
    color:#fff; 
    font-size:13px; 
    padding:0 4px;
}
.navg ul.menu-right li a.on
{
    background:#efefef; 
    color:#011341;
}
.navg ul.menu-right li a:hover
{
    background:#efefef; 
    color:#011341 !important;
}

/* 서브 네비게이션 */
.navg ul li .menu_sub
{
    display:block; 
    width:160px; 
    height:auto;
    max-height:500px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0; 
    position:absolute; 
    top:40px; 
    left:0; 
    z-index:1; 
    background:#fff; 
    text-align:left; 
    border:solid 1px #efefef; 
    color:#011341;
}
.navg ul li .menu_sub::-webkit-scrollbar{width:6px;}
.navg ul li .menu_sub::-webkit-scrollbar-thumb{background:#bbb;}
.navg ul li .menu_sub::-webkit-scrollbar-track{background:#e7e7e7;}

.navg ul li .menu_sub li
{
    display:table; 
    width:160px; 
    height:auto; 
    color:navy; 
    border-bottom:solid 1px #efefef;
}
.navg ul li .menu_sub li:hover
{
    background:#efefef;
}
.navg ul li .menu_sub li a
{
    display:table-cell;
    vertical-align:middle;
    box-sizing:border-box; 
    width:160px; 
    color:#011341;
}

.navg ul.menu-right li .menu_sub
{
    display:block; 
    width:160px; 
    height:auto; 
    padding:0; 
    position:absolute; 
    top:40px; 
    left:1038px; 
    z-index:1; 
    background:#fff; 
    text-align:left; 
    border:solid 1px #efefef; 
    color:#011341;
}
.navg ul.menu-right li .menu_sub li
{
    display:table;
    width:160px; 
    height:auto; 
    color:navy; 
    border-bottom:solid 1px #efefef;
}
.navg ul.menu-right li .menu_sub li:hover
{
    background:#efefef;
}
.navg ul.menu-right li .menu_sub li a
{
    display:table-cell;
    vertical-align:middle; 
    box-sizing:border-box; 
    width:160px; 
    color:#011341;
}

/* -----------------header end---------------- */

/* --------------메인페이지 컨텐츠----------------- */

/* container */

.con-main-img-wrap
{
    width:100%; 
    margin:0 auto;
}
.con-main-con-wrap
{
    width:100%; 
    margin:0 auto;
}

/* 메인 페이지 메인 이미지 .m-img */
.m-img
{
    width:1200px; 
    height:auto; 
    margin:0 auto; 
    position:relative;
}


/* 메인 페이지 텍스트 .main-txt */
.main-txt
{
    width:1200px; 
    margin:0 auto; 
    height:auto; 
    /*margin-top:40px;*/
}
.main-txt div
{
    float:left; 
    height:366px; 
    width:590px; 
    box-sizing:border-box; 
    text-align:left;
}

/* 메인 페이지 텍스트 공지사항 .main-cn */
.main-cn
{
    padding:20px; 
    background:#f9f7f7; 
    margin-right:10px;
}


/* 메인 페이지 텍스트 NEW LETTER .main-cl */
.main-cl
{
    padding:20px; 
    background:#f9f7f7; 
    margin-left:10px;
}

/* h3, p */
h3.m_tit
{
    font-size:34px; 
    color:#000080; 
    /*padding-bottom:10px; */
    text-align:left;
}
p.m_exp
{
    font-size:22px; 
    color:#444; 
    padding-bottom:10px; 
    text-align:left; 
    border-bottom:2px solid #000080; 
    margin-bottom:15px;
}

/* 메인 페이지 공지사항, 뉴레터 테이블 */
table.m_tbl
{
    width:100%; 
    box-sizing:border-box;
}
table.m_tbl thead tr
{
    height:50px; 
    border-top:2px solid #000080; 
    border-bottom:1px solid #ccc; 
    font-size:16px;
}
table.m_tbl thead tr td
{
    padding:0 10px;
}
table.m_tbl tbody tr
{
    height:45px; 
    border-bottom:1px solid #efefef; 
    font-size:16px;
}
table.m_tbl tbody tr td
{
    padding:0 10px;
}
table.m_tbl tbody tr td span
{
    display:inline-block; 
    width:360px; 
    height:35px; 
    line-height:41px; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal; 
    cursor:pointer;
}

/* Main Registration .main-regist */
.main-regist
{
    width:1200px; 
    margin:0 auto; 
    height:auto; 
    margin-top:40px;
}
table.mr_tbl
{
    width:100%; 
    box-sizing:border-box; 
    border-collapse:separate;
    table-layout:fixed;
}
table.mr_tbl tbody tr
{
    height:auto;
}
/*table.mr_tbl tbody tr td
{
    padding:10px; 
    border:25px solid #ddd; 
    background:#555;
}*/
table.mr_tbl tbody tr td:nth-child(2), table.mr_tbl tbody tr td:nth-child(4)
{
    border:none; 
    background:none;
}

/* Main Links .main-link */
.main-link
{
    width:1200px; 
    margin:0 auto; 
    height:auto; 
    margin-top:40px;
}
table.ml_tbl
{
    width:100%; 
    box-sizing:border-box; 
    border-collapse:separate;
    table-layout:fixed;
}
table.ml_tbl tbody tr
{
    height:100px; 
    border:none;
}
table.ml_tbl tbody tr.ml_tbl_none
{
    height:15px;
}
table.ml_tbl tbody tr td.ml_tbl_bd
{
    box-sizing:border-box; 
    border:1px solid #ccc;
}

/* --------------메인페이지 컨텐츠 끝----------------- */



/* ---------------FOOTER (모든 페이지 공통)----------------- */

.footer-wrap
{
    width:100%; 
    min-width:1200px; 
    background:#e1b882; 
    clear:both;
}
.footer-wrap .footer
{
    width:1200px; 
    height:175px; 
    margin:0 auto; 
    text-align:left; 
    box-sizing:border-box; 
    padding:20px 0;
}
.footer-wrap .footer div
{
    float:left;
}

.footer-wrap .footer .f_logo_left
{
    width:110px; 
    height:110px;
    margin-top:15px;
}

.footer-wrap .footer .f_info
{
    width:930px; 
    padding-left:50px;
}
.footer-wrap .footer .f_info h2
{
    font-size:18px; 
    font-weight:bold; 
    font-family:sans-serif; 
    color:#444;
}
.footer-wrap .footer .f_info h3
{
    font-size:15px; 
    font-weight:normal; 
    font-family:sans-serif; 
    color:#000; 
    line-height:20px;
}
.footer-wrap .footer .f_info p
{
    font-size:15px; 
    font-weight:normal; 
    font-family:sans-serif; 
    color:#000;
}
.footer-wrap .footer .f_info p.pp
{
    cursor:pointer;
    width:fit-content;
}
.footer-wrap .footer .f_info p.pp:hover
{
    font-weight:bold;
    text-decoration:underline;
}
.footer-wrap .footer .f_logo_right
{
    width:110px; 
    height:110px;
    margin-top:15px;
}

/* ---------------FOOTER 끝----------------- */



/* ----------------sub page 공통------------------- */
.con-sub-wrap
{
    width:1200px; 
    margin:0 auto;
}

.s-img
{
    width:100%; 
    height:auto; 
    margin-bottom:40px; 
    position:relative;
}/* TOP IMAGE */
.s-img_txt
{
    width:100%; 
    position:absolute; 
    top:235px;
}
.s-img p
{
    text-align:center; 
    font-size:36px; 
    color:#edbf9f;
}

h3.s_tit
{
    font-size:34px; 
    color:#000080; 
    padding-bottom:20px; 
    text-align:left; 
    margin-top:40px;
}
p.s_exp
{
    font-size:22px; 
    color:#444; 
    padding-bottom:10px; 
    line-height:40px; 
    text-align:left; 
    border-bottom:2px solid #000080; 
    margin-bottom:15px;
    white-space:pre-wrap;
}

/* ----------------sub page 공통 끝------------------- */

/* --------------------------------------서브 페이지------------------------------------------------ */

/* Contact Us */
h3.cont_us
{
    border-bottom:2px solid #000080; 
    margin-bottom:15px;
}
div.cont_us_tbl
{
    border-bottom:1px solid #ccc; 
    padding-bottom:20px; 
    margin-bottom:15px;
}
table.t_cont
{
    width:100%;
}
table.t_cont tr
{
    height:40px;
}
table.t_cont tr td:first-child
{
    text-align:right; 
    font-size:20px; 
    color:#000080; 
    font-weight:bold; 
    padding:5px 15px;
}
table.t_cont tr td:last-child
{
    text-align:left; 
    font-size:18px; 
    color:#555; 
    font-weight:normal; 
    padding:5px 15px;
}
div.cover_map
{
    width:100%; 
    height:600px; 
    background:#efefef;
}
div.add_info
{
    width:100%; 
    height:auto;
}
p.s_add
{
    font-size:18px; 
    color:#555; 
    padding:10px 0; 
    line-height:40px; 
    text-align:left;
}


/* About us, 사용자 정의 페이지(Define Page by User */
div.def
{
    width:100%; 
    height:auto; 
    text-align:center;
}
div.def p.def_img_txt
{
    font-size:18px; 
    color:#555; 
    padding:10px; 
    line-height:35px;
    text-align:left;
}

/* 게시판 */
/* 게시판 제목 공통 */
.s_title
{
    width:100%; 
    height:auto; 
    margin:0 auto; 
    position:relative;
}
.s_title .s_tit
{
    width:96%;
}
.s_title button.bb_btn_set
{
    position:absolute; 
    bottom:21px; 
    right:130px; 
    width:auto; 
    height:30px; 
    cursor:pointer; 
    background:none; 
    color:#666; 
    font-size:14px; 
    box-sizing:border-box; 
    border:solid 1px #ccc; 
    border-radius:5px;
}
.s_title button.bb_btn_save
{
    position:absolute; 
    bottom:21px; 
    right:45px; 
    width:80px; 
    height:30px; 
    padding:0 20px;
    cursor:pointer; 
    background:none; 
    color:#666; 
    font-size:14px; 
    box-sizing:border-box; 
    border:solid 1px #ccc; 
    border-radius:5px;
}
.s_title button.bb_btn_plus
{
    position:absolute; 
    bottom:21px; 
    right:10px; 
    width:30px; 
    height:30px; 
    cursor:pointer; 
    background:none; 
    color:#666; 
    font-size:20px; 
    box-sizing:border-box; 
    border:solid 1px #ccc; 
    border-radius:5px;
}
.s_title button:hover
{
    color:#011341;
    background:#eee;
}

/* 게시판 table 공통 */
.con-sub-wrap .con-text .list
{
    box-sizing:border-box; 
    text-align:left;
}

.con-sub-wrap .con-text .list table
{
    width:100%; 
    border-top:2px solid #2B3990; 
    color:#777;
    table-layout:fixed;
}
.con-sub-wrap .con-text .list table thead tr
{
    height:70px; 
    font-size:20px; 
    text-align:left; 
    border-bottom:1px solid #2B3990;
}
.con-sub-wrap .con-text .list table thead tr td
{
    padding:0 5px; 
    color:#2B3990; 
    font-weight:bold; 
    font-style:italic; 
    text-align:center;
}
.con-sub-wrap .con-text .list table tbody tr
{
    height:60px; 
    font-size:16px; 
    text-align:left; 
    border-bottom:1px solid #ddd;
}
.con-sub-wrap .con-text .list table tbody tr td
{
    padding:0 5px; 
    color:#777;
}
.con-sub-wrap .con-text .list table tbody tr td a
{
    color:#777;
}
.con-sub-wrap .con-text .list table tbody tr td a:hover
{
    color:#2B3990; 
    font-style:italic;
}

/* 공지사항(Notification) 게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_not tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_not tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_not tbody tr td:nth-child(3){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_not tbody tr td:nth-child(4){text-align:center;}
.con-sub-wrap .con-text .list table.t_not tbody tr td:nth-child(5){text-align:center;}
.con-sub-wrap .con-text .list table.t_not tbody tr td:last-child{text-align:center;}

/* 뉴스(News)게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_url tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_url tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_url tbody tr td:nth-child(3){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_url tbody tr td:nth-child(4){text-align:right;}
.con-sub-wrap .con-text .list table.t_url tbody tr td:nth-child(5){text-align:center;}
.con-sub-wrap .con-text .list table.t_url tbody tr td:last-child{text-align:center;}

/* 문서(Doc)게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_doc tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_doc tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_doc tbody tr td:nth-child(3){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_doc tbody tr td:nth-child(4){text-align:right;}
.con-sub-wrap .con-text .list table.t_doc tbody tr td:nth-child(5){text-align:center;}
.con-sub-wrap .con-text .list table.t_doc tbody tr td:last-child{text-align:center;}

/* 동영상(video)게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_vid tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_vid tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_vid tbody tr td:nth-child(3){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_vid tbody tr td:nth-child(4){text-align:right;}
.con-sub-wrap .con-text .list table.t_vid tbody tr td:nth-child(5){text-align:center;}
.con-sub-wrap .con-text .list table.t_vid tbody tr td:last-child{text-align:center;}

/* 혼용(Mixed)게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_mix tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(3){text-align:center;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(4){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(5){text-align:right;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(6){text-align:center;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:nth-child(7){text-align:center;}
.con-sub-wrap .con-text .list table.t_mix tbody tr td:last-child{text-align:center;}

/* FAQ 게시판 td 정렬 */
.con-sub-wrap .con-text .list table.t_faq tbody tr td:first-child{text-align:center;}
.con-sub-wrap .con-text .list table.t_faq tbody tr td:nth-child(2){text-align:center;}
.con-sub-wrap .con-text .list table.t_faq tbody tr td:nth-child(3){text-align:center;}
.con-sub-wrap .con-text .list table.t_faq tbody tr td:nth-child(4){text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.con-sub-wrap .con-text .list table.t_faq tbody tr td:nth-child(5){text-align:center;}
.con-sub-wrap .con-text .list table.t_faq tbody tr td:last-child{text-align:center;}


/* 게시판 paging 공통*/
.con-sub-wrap .con-text .paging
{
    width:100%; 
    margin:0 auto;
}
.con-sub-wrap .con-text .paging ul
{
    width:100%; 
    text-align:center; 
    margin:0 auto; 
    padding-top:20px; 
    padding-bottom:10px;
}
.con-sub-wrap .con-text .paging ul li
{
    display:inline-block; 
    padding:25px 0;
}
.con-sub-wrap .con-text .paging ul li a
{
    display:inline-block; 
    height:40px; 
    line-height:25px; 
    color:#262262; 
    font-size:15px; 
    box-sizing:border-box; 
    padding:6px 18px; 
    border:1px solid #ddd;
}
.con-sub-wrap .con-text .paging ul li a.on
{
    color:#1C75BC; 
    border:1px solid #a8a8a8;
}
.con-sub-wrap .con-text .paging ul li a:hover
{
    color:#1C75BC; 
    border:1px solid #a8a8a8;
}
.con-sub-wrap .con-text .paging ul li a.dis
{
    color:#cecece; 
    border:1px solid #cecece; 
    cursor:default;
}

/* --------------------------------------서브 페이지 끝------------------------------------------------ */



/* 회원(subscriber) 가입완료 */
.line_01
{
    border-bottom:2px solid #000080; 
    margin-bottom:15px;
}
.line_02
{
    height:1px; 
    border-bottom:1px solid #ccc; 
    margin:30px 0;
}
.subsc
{
    width:80%; 
    height:auto; 
    margin:0 auto; 
    box-sizing:border-box; 
    margin-top:40px;
}
.subsc button
{
    width:40%; 
    box-sizing:border-box; 
    padding:15px 24px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.subsc button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:none;
}
.subsc ul
{
    width:100%; 
    height:auto; 
    text-align:left; 
    margin-top:30px; 
    margin-left:30px;
}
.subsc ul li
{
    width:100%; 
    height:25px; 
    font-size:14px; 
    list-style:square; 
    color:#666;
}
.subsc_join
{
    width:100%; 
    height:auto; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:10%; 
    background:#efefef; 
    border-radius:15px;
}
.subsc_join h4
{
    font-size:24px; 
    color:#000080; 
    padding-bottom:30px;
}
.subsc_join p
{
    font-size:18px; 
    color:#444; 
    padding-bottom:50px;
}
.subsc_join p span
{
    font-weight:bold; 
    color:#000080;
}
.subsc_join button
{
    font-size:24px; 
    padding:15px 100px; 
    background:#5555cc; 
    color:#fff; 
    cursor:pointer; 
    border:none;
}
.subsc_join button:hover
{
    background:#000080;
}


/* ----------------Join as Subscriber / change info subscriber--------------- */

div.jas_resist
{
    width:100%;
}
div.jas_resist .jas_tit
{
    width:100%; 
    height:auto; 
    margin:0 auto;
}
div.jas_resist .jas_tit h3
{
    width:100%; 
    line-height:90px; 
    font-size:36px; 
    color:#555; 
    text-align:left;
}

div.jas_resist div.jas_table
{
    width:100%; 
    height:auto; 
    margin:0 auto;
}
div.jas_resist table.jas_tbl
{
    width:100%; border:1px solid #ccc;
}
div.jas_resist table.jas_tbl tbody tr
{
    height:60px;
}
div.jas_resist table.jas_tbl tbody tr td
{
    padding:10px 10px 10px; 
    border-bottom:1px solid #ccc;
}
div.jas_resist table.jas_tbl tbody tr td:first-child
{
    text-align:right; 
    font-size:20px; 
    color:#000080; 
    background:#e7efff; 
    border-right:1px solid #ccc;
}
div.jas_resist table.jas_tbl tbody tr td:last-child
{
    text-align:left; 
    font-size:26px;
}
div.jas_resist table.jas_tbl tbody tr td input
{
    width:100%; 
    height:40px; 
    box-sizing:border-box;
    border:1px solid #efefef; 
    font-size:18px; 
    color:#444;
    padding-left:10px;
	padding-right:10px;
}
div.jas_resist table.jas_tbl tbody tr td input.ip_dis
{
    width:30%;
}
div.jas_resist table.jas_tbl tbody tr td input.ip_txt
{
    width:68%; 
    border:none; 
    background:transparent;
}
div.jas_resist table.jas_tbl tbody tr td span.s_ip_txt
{
	font-size:16px;
	color:#666;
}
div.jas_resist table.jas_tbl tbody tr td input.req
{
    background:#ffffe0;
}
div.jas_resist table.jas_tbl tbody tr td input[type=checkbox]
{
    width:20px; 
    height:20px;
}
div.jas_resist table.jas_tbl tbody tr td.jas_tbl_btn input
{
    width:70%;
}
div.jas_resist table.jas_tbl tbody tr td.jas_tbl_btn input.jas_tbl_ipw
{	
	width:100px;
}
div.jas_resist table.jas_tbl tbody tr td.jas_tbl_btn span
{
	color:#999;
}
div.jas_resist table.jas_tbl tbody tr td.jas_tbl_btn button
{
    height:40px; 
    box-sizing:border-box; 
    padding:0 20px; 
    background:#fff; 
    border:1px solid #ccc; 
    font-size:14px; 
    color:#000; 
    cursor:pointer;
}
div.jas_resist table.jas_tbl tbody tr td.jas_tbl_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}

div.jas_resist table.tbl_bg tbody tr td:first-child
{
    background:#fef4e7;
}
p.jas_s_tit
{
    font-size:24px; 
    color:#444; 
    padding-bottom:10px; 
    text-align:left; 
    margin-top:20px;
}

.jas_btn
{
    width:100%; 
    height:100px; 
    text-align:center; 
    margin-top:20px;
}
.jas_btn button
{
    padding:15px 30px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.jas_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}

/* 2021-10-29 개인정보제공동의 추가*/
.jas .privacy
{
    width:100%; 
    height:80px; 
    text-align:center;
    box-sizing:border-box; 
    position:relative;
}
.jas .privacy label
{
    box-sizing:border-box; 
    line-height:100px; 
    font-size:16px;
}
.jas .privacy label input
{
    width:20px; 
    height:20px; 
    border:1px solid #ddd; 
    margin-top:24px; 
    position:absolute; 
    top:15px;
}
.jas .privacy label span
{
    color:#555;
}
.jas .privacy label button
{
    cursor:pointer; 
    box-sizing:border-box; 
    border:1px solid #efefef;
    background:#efefef;
    color:#666;
    padding:5px 10px; 
    margin-left:10px;
}
.jas .privacy label button:hover
{
    border:1px solid #000080;
    background:#fff;
    color:#000080;
}
/* 2021-10-29 개인정보제공동의 추가 끝*/


/* ----------------------------------팝업-------------------------------- */

/* 팝업 Title */
.pop_title
{
    width:100%; 
    height:60px; 
    background:#000080; 
    margin-bottom:40px; 
    position:relative;
}
.pop_title h3
{
    width:85%; 
    margin-left:30px; 
    line-height:60px; 
    text-align:left; 
    font-size:24px; 
    color:#fff;
}
.pop_title button
{
    height:30px; 
    background:transparent; 
    position:absolute; 
    top:15px; 
    right:20px; 
    cursor:pointer;
}

/* 로그인 팝업 */
.login_wrap
{
    width:30%; 
    min-width:600px; 
    height:auto; 
    min-height:300px; 
    position:absolute; 
    top:300px; 
    border:1px solid #ccc; 
    background:#fff;
}

.login_tbl
{
    width:90%; 
    height:auto; 
    margin:0 auto;
}
.login_tbl tr
{
    height:60px;
}
.login_tbl tr td
{
    padding:10px 30px; 
    border:1px solid #ddd;
}
.login_tbl tr td:first-child
{
    text-align:right; 
    font-size:18px; 
    background:#fafbfc; 
    color:#000080; 
}
.login_tbl tr td input
{
    width:100%; 
    height:40px; 
    font-size:18px; 
    color:#444; 
    border:none;
}
.login_tbl tr td.tbl_btn
{
    padding:0;
}
.login_tbl tr td button
{
    width:100%; 
    height:122px; 
    background:#5555cc; 
    color:#fff; 
    cursor:pointer; 
    font-size:24px;
}
.login_tbl tr td button:hover
{
    background:#000080;
}
.login_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    text-align:center;
}
.login_btn button
{
    margin-top:40px; 
    margin-bottom:40px; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    border:1px solid #ccc;
}
.login_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}


/* ID 찾기, 이메일로 찾기, 전화번호로 찾기, ID 찾기 결과 팝업 */
.login_f_wrap
{
    width:35%;
    min-width:650px; 
    height:auto;
    min-height:250px; 
    border:1px solid #ccc; 
    background:#fff;
}

.login_f_txt
{
    width:80%; 
    height:auto; 
    margin:0 auto;
}
.login_f_txt p
{
    text-align:center; 
    font-size:20px; 
    color:#555; 
    margin-bottom:40px;
}

.login_f_tbl
{
    width:80%; 
    height:auto; 
    margin:0 auto; 
    margin-bottom:30px;
}
.login_f_tbl tr
{
    height:60px;
}
.login_f_tbl tr td
{
    padding:10px 30px; 
    border:1px solid #ddd;
}
.login_f_tbl tr td:first-child
{
    text-align:right; 
    font-size:18px; 
    background:#fafbfc; 
    color:#000080; 
}
.login_f_tbl tr td input
{
    width:100%; 
    height:40px; 
    font-size:18px; 
    color:#444; 
    border:none; 
    background:transparent;
}
.login_f_tbl tr td input[disabled]
{
    background:#fff;
}

.login_f_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0;
    text-align:center;
}
.login_f_btn button
{
    width:44%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0; border:1px solid #ccc;
}
.login_f_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}
.login_f_btn.btn_find
{
    margin-bottom:-10px;
}
.btn_find button.on
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}


/* Password 재설정 팝업 */
.pw_wrap
{
    width:30%; 
    min-width:650px; 
    height:auto; 
    min-height:300px; 
    border:1px solid #ccc; 
    background:#fff;
}

.pw_txt
{
    width:80%; 
    height:auto; 
    margin:0 auto;
}
.pw_txt p
{
    text-align:center; 
    font-size:20px; 
    color:#555; 
    margin-bottom:40px; 
    line-height:30px;
}

.pw_tbl
{
    width:80%; 
    height:auto; 
    margin:0 auto; 
    margin-bottom:40px;
}
.pw_tbl tr
{
    height:60px;
}
.pw_tbl tr td
{
    padding:10px 30px; 
    border:1px solid #ddd;
}
.pw_tbl tr td:first-child
{
    text-align:right; 
    font-size:18px; 
    background:#fafbfc; 
    color:#000080; 
}
.pw_tbl tr td input
{
    width:100%; 
    height:40px; 
    font-size:18px; 
    color:#444; 
    border:none;
}

.pw_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0; 
    text-align:center;
}
.pw_btn button
{
    width:40%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.pw_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}



/* 게시판 게시사항 입력 팝업 Create New Posting */
.cp_wrap
{
    width:50%; 
    min-width:900px; 
    height:auto; 
    min-height:550px; 
    border:1px solid #ccc; 
    background:#fff;
}

.cp_txt
{
    width:80%; 
    height:auto; 
    margin:0 auto;
}
.cp_txt p
{
    text-align:center; 
    font-size:20px; 
    color:#555; 
    margin-bottom:40px; 
    line-height:30px;
}

.cp_tbl
{
    width:95%; 
    height:auto; 
    margin:0 auto; 
    margin-bottom:40px;
    table-layout:fixed;
}
.cp_tbl tr
{
    height:50px;
}
.cp_tbl tr td
{
    padding:5px 10px; 
    border:1px solid #ddd; 
    text-align:left; 
    font-size:16px;
}
.cp_tbl tr td:first-child
{
    text-align:right; 
    font-size:16px; 
    background:#fafbfc; 
    color:#000080;
}
.cp_tbl tr td input
{
    width:100%; 
    height:40px; 
    box-sizing:border-box; 
    border:1px solid #efefef; 
    font-size:16px; color:#444;
    padding:0 5px;
}
.cp_tbl tr td select
{
    width:30%; 
    height:40px; 
    box-sizing:border-box; 
    border:1px solid #efefef; 
    font-size:16px; 
    cursor:pointer;
}
.cp_tbl tr td.cp_att input
{
    width:80%;
}
.cp_tbl tr td.cp_att input[disabled]
{
    background:#fff;
}
.cp_tbl tr td.cp_att button
{
    height:40px; 
    box-sizing:border-box; 
    padding:0 8px; 
    background:#fff; 
    border:1px solid #ccc; 
    font-size:14px; 
    color:#000080; 
    cursor:pointer;
}
.cp_tbl tr td.cp_att button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}

.cp_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0; 
    text-align:center;
}
.cp_btn button
{
    width:20%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.cp_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}


/* 게시판 게시 내용 팝업 보기 View Posting */
.vp_wrap
{
    width:50%; 
    min-width:900px; 
    height:auto; 
    min-height:550px; 
    border:1px solid #ccc; 
    background:#fff;
}

.vp_txt
{
    width:80%; 
    height:auto; 
    margin:0 auto;
}
.vp_txt p
{
    text-align:center; 
    font-size:20px; 
    color:#555; 
    margin-bottom:40px; 
    line-height:30px;
}

.vp_tbl
{
    width:95%; 
    height:auto; 
    margin:0 auto; 
    margin-bottom:40px; 
    border-top:2px solid #000080;
    table-layout:fixed;
}
.vp_tbl tr
{
    height:50px;
}
.vp_tbl tr td
{
    padding:5px 10px; 
    border-bottom:1px solid #efefef; 
    text-align:left; 
    font-size:16px;
}
.vp_tbl tr td.vp_tbl_top
{
    border-bottom:1px solid #000080;
}
.vp_tbl tr td.vp_tbl_top input[disabled]
{
    color:#000080; 
    font-size:18px;
}
.vp_tbl tr td.vp_tbl_tit
{
    font-size:16px; 
    background:#fafbfc; 
    color:#000080; 
    text-align:center;
}
.vp_tbl tr td input
{
    width:100%; 
    height:40px; 
    box-sizing:border-box; 
    font-size:16px; 
    color:#444; 
    border:none;
}
.vp_tbl tr td input[disabled]
{
    background:#fff;
}
.vp_tbl tr td select
{
    width:30%; 
    height:40px; 
    box-sizing:border-box; 
    border:1px solid #efefef; 
    font-size:16px; 
    cursor:pointer;
}
.vp_tbl tr td textarea
{
    width:100%; 
    height:400px; 
    box-sizing:border-box; 
    font-size:16px; 
    color:#444; 
    font-family:inherit; 
    padding:10px;
}
.vp_tbl tr td textarea[disabled]
{
    background:#fff;
}
.vp_tbl tr td article
{
    height:250px; 
    font-size:16px; 
    color:#444; 
    font-family:inherit; 
    padding:10px; 
    overflow-y:auto; 
}
.vp_tbl tr td.vp_att input
{
    width:100%; 
    text-decoration:underline; 
    cursor:pointer;
}
.vp_tbl tr td.vp_att input:hover
{
    font-style:italic;
}

.vp_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0; 
    text-align: center;
}
.vp_btn button
{
    width:20%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.vp_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}


/* 게시판 업로드 팝업 */
.bu_wrap
{
    width:42%; 
    min-width:800px; 
    height:auto; 
    border:1px solid #ccc; 
    background:#fff;
}

.bu_txt
{
    width:80%; 
    height:auto; 
    margin:0 auto;
}
.bu_txt p
{
    text-align:center;
    font-size:20px; 
    color:#555; 
    margin-bottom:40px; 
    line-height:30px;
}

.bu_tbl
{
    width:95%; 
    height:auto; 
    margin:0 auto; 
    margin-bottom:40px;
}
.bu_tbl tr
{
    height:50px;
}
.bu_tbl tr td
{
    padding:5px 10px; 
    border:1px solid #ddd; 
    text-align:left; 
    font-size:16px;
}
.bu_tbl tr td:first-child
{
    text-align:right; 
    font-size:16px; 
    background:#fafbfc; 
    color:#000080;
}
.bu_tbl tr td input
{
    width:100%; 
    height:40px; 
    box-sizing:border-box; 
    border:1px solid #efefef; 
    font-size:16px; 
    color:#444;
    padding:0 5px;
}
.bu_tbl tr td select
{
    width:40%; 
    height:40px; 
    box-sizing:border-box; 
    border:1px solid #efefef; 
    font-size:16px; 
    cursor:pointer;
}
.bu_tbl tr td.bu_url input
{
    width:100%; 
    background:#ffffe0;
}
.bu_tbl tr td.bu_att input
{
    width:88%; 
    background:#ffffe0;
}
.bu_tbl tr td.bu_att button
{
    height:40px; 
    box-sizing:border-box; 
    padding:0 8px; 
    background:#fff; 
    border:1px solid #ccc; 
    font-size:14px; 
    color:#000080; 
    cursor:pointer;
}
.bu_tbl tr td.bu_att button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}

.bu_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0; 
    text-align:center;
}
.bu_btn button
{
    width:20%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.bu_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}



/* 필수 동의서 팝업 */
.rc_wrap
{
    width:50%; 
    min-width:900px; 
    height:auto; 
    border:1px solid #ccc; 
    background:#fff;
}

.rc_txt
{
    width:94%; 
    height:700px; 
    margin:0 auto; 
    overflow:hidden; 
    overflow-y:scroll; 
    margin:3%; 
    border:1px solid #ddd;
}
.rc_txt p
{
    text-align:left; 
    font-size:20px; 
    color:#555; 
    line-height:30px; 
    padding:15px;
}

.rc_btn
{
    width:90%; 
    margin:0 auto; 
    box-sizing:border-box; 
    padding:0 0 40px 0;
}
.rc_btn button
{
    width:20%; 
    padding:15px 20px; 
    font-size:18px; 
    color:#000080; 
    cursor:pointer; 
    background:#fff; 
    margin:0 5px; 
    border:1px solid #ccc;
}
.cp_btn button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}

/* ----------------------------------//팝업-------------------------------- */





/* -----------------Page Setting - Define Page by User----------------- */

.psdef_wrap
{
    width:950px; 
    height:auto; 
    box-sizing:border-box; 
    border:none; 
    background:#fff;
}

.psdef_wrap .dvs
{
    width:100%; 
    height:auto; 
    box-sizing:border-box; 
    border-top:2px solid #ccc; 
    /*border-bottom:2px solid #ccc; */
    padding-top:12px; 
    padding-bottom:7px;
}

.psdef_wrap .ods_btn_top
{
    width:950px; 
    height:42px; 
    background:#fff; 
    text-align:left; 
    box-sizing:border-box; 
    padding:5px 5px 7px 4px;
}
.psdef_wrap .ods_btn_top button
{
    width:70px; 
    min-width:70px; 
    height:30px; 
    margin-right:2px; 
    background-color:#011341; 
    color:#fff; 
    cursor:pointer; 
    font-size:13px;
}
.psdef_wrap .ods_btn_top button:hover
{
    background-color:#18306e;
}
.psdef_wrap .ods_btn_top button:disabled
{
    background-color:#c6c3c6; 
    cursor:default;
}



.psdef_wrap .ods_input_table
{
    width:948px; 
    height:auto; 
    box-sizing:border-box; 
    border:1px solid #d8d8d8; 
    margin-bottom:12px;
}
.psdef_wrap .ods_input_table tbody tr
{
    height:44px;
}
.psdef_wrap .ods_input_table tbody tr.bd_bot
{
    border-bottom:1px solid #d8d8d8;
}
.psdef_wrap .ods_input_table tbody tr th
{
    font-size:14px; 
    color:#011341; 
    text-align:left; 
    box-sizing:border-box; 
    padding:0 9px; 
    background-color:#f4f4f4;
}

.psdef_wrap .ods_input_table tbody tr td
{
    box-sizing:border-box; 
    padding:8px 9px; 
    font-size:12px; 
    color:#777; 
    text-align:left;
}
.psdef_wrap .ods_input_table tbody tr td.pdr_0
{
    padding-right:0;
}
.psdef_wrap .ods_input_table tbody tr td.vt_agn_top
{
    vertical-align:top;
}

.psdef_wrap .ods_input_table tbody tr td input
{
    width:100%; 
    height:28px; 
    box-sizing:border-box; 
    padding:0px 10px; 
    border:1px solid #d9d9d9;
}
.psdef_wrap .ods_input_table tbody tr td input[type='checkbox']
{
    width:20px; 
    height:13px; 
    margin-left:2px;
}
input.req
{
    background:#ffffe0;
}
.psdef_wrap .ods_input_table tbody tr td select
{
    width:100%; 
    height:28px; 
    box-sizing:border-box; 
    padding:0 0 0 10px; 
    border:1px solid #d9d9d9;
}

.psdef_wrap .ods_input_table tbody tr td textarea
{
    width:100%; 
    box-sizing:border-box; 
    padding:7px; 
    border:1px solid #d9d9d9;
}

.psdef_wrap .ods_input_table tbody tr td button
{
    width:122px; 
    height:28px; 
    box-sizing:border-box; 
    font-size: 12px; 
    background-color:#011341; 
    color:#fff; 
    margin-left:-5px;
}
.psdef_wrap .ods_input_table tbody tr td button:hover
{
    background-color:#18306e;
}
.psdef_wrap .ods_input_table tbody tr td button:disabled
{
    background-color:#c6c3c6; 
    cursor:default;
}
.mt_3
{
    margin-top:3px;
}

.psdef_wrap .ods_input_table.ods_m_bot
{
    margin-bottom:30px;
}

.psdef_wrap .ods_input_table.ods_c_bot
{
    margin-bottom:0;
}

.ods_btn_grid
{
    width:100%; 
    margin-bottom:5px; 
    text-align:right; 
    position:relative;
}

.ods_btn_grid h4
{
    display:inline-block; 
    font-size:14px; 
    color:#011341; 
    position:absolute; 
    left:4px; 
    top:10px;
}
.ods_btn_grid button
{
    width:70px; 
    min-width:70px; 
    height:30px; 
    padding:0 4px; 
    margin-right:2px;
    background-color:#011341; 
    color:#fff; 
    cursor:pointer; 
    font-size:13px;
}
.ods_btn_grid button:hover
{
    background-color:#18306e;
}
.ods_btn_grid button:disabled
{
    background-color:#c6c3c6; 
    cursor:default;
}

.ods_img_up_tbl
{
    width:100%; 
    height:280px; 
    overflow:hidden; 
    overflow-y:scroll; 
    border-bottom:1px solid #dfdfdf;
}

.ods_img_up_tbl table
{
    width:100%;
}
.ods_img_up_tbl table thead tr
{
    height:39px; 
    border-top:1px solid #2b3990; 
    border-bottom:1px solid #2b3990;
}
.ods_img_up_tbl table thead tr td
{
    font-size:14px; 
    color:#2b3990; 
    text-align:center;
}

.ods_img_up_tbl table tbody tr
{
    height:36px; 
    border-bottom:1px solid #dfdfdf;
}
/*.ods_img_up_tbl table tbody tr:hover
{
    background:#efefef;
}*/
.ods_img_up_tbl table tbody tr td
{
    box-sizing:border-box; 
    padding:5px;
}

.ods_img_up_tbl table tbody tr td:first-child
{
    text-align:center;
}
.ods_img_up_tbl table tbody tr td:nth-child(2)
{
    text-align:left; 
    line-height:35px; 
    display:inline-block; 
    width:300px;
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal;
    height:45px;
}
.ods_img_up_tbl table tbody tr td:nth-child(3)
{
    text-align:center;
}
/*.ods_img_up_tbl table tbody tr td:nth-child(4)
{
    text-align:center;
}*/
.ods_img_up_tbl table tbody tr td:nth-child(4)
{
    text-align:left; 
    background:#ffffe0; 
    line-height:35px; 
    display:inline-block; 
    width:275px;
    text-overflow:ellipsis;
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal;
}
.ods_img_up_tbl table tbody tr td:nth-child(5)
{
    text-align:center;
}
.ods_img_up_tbl table tbody tr td:nth-child(6)
{
    text-align:center;
}
.ods_img_up_tbl table tbody tr td:nth-child(7)
{
    text-align:center;
}
.ods_img_up_tbl table tbody tr td:last-child
{
    text-align:center;
}

.ods_img_up_tbl table tbody tr td button
{
    background:transparent;
}
.ods_img_up_tbl table tbody tr td button.t_btn
{
    min-width:60px; 
    height:30px; 
    box-sizing:border-box; 
    border:1px solid #ddd; 
    background:#f2f2f2; 
    padding:0 10px;
}
.ods_img_up_tbl table tbody tr td button.t_btn:hover
{
    border:1px solid #444;
}

.dvs_add
{
    width:100%; 
    height:40px; 
    box-sizing:border-box; 
    padding:5px; 
    text-align:left; 
    position:relative;
}
.dvs_add button
{
    height:30px; 
    font-size:14px; 
    color:#000080; 
    background:#fff; 
    box-sizing:border-box; 
    padding:0 15px; 
    border:1px solid #000080; 
    cursor:pointer;
}
.dvs_add button:hover
{
    color:#fff; 
    background:#5555cc; 
    border:1px solid #5555cc;
}
.dvs_add button:last-child
{
    position:absolute; 
    right:5px;
	/*padding:0;
	border:none;*/
}
/*.dvs_add button:last-child a
{
	display:inline-block;
	line-height:28px;
	box-sizing:border-box; 
	padding:0 15px;
	width:100%;
	height:100%;
	border:1px solid #000080; 
	color:#000080;
}
.dvs_add button:last-child a:hover
{
	color:#fff;
	border:1px solid #5555cc;
}*/

/* -----------------//Page Setting - Define Page by User----------------- */


/* 화면 시작 시 나오는 공지사항 팝업 */

.mnl_pop_wrap
{
    width:500px; 
    height:500px; 
    background:#fff; 
    box-sizing:border-box; 
    border:1px solid #777;
}
.mnl_pop_wrap .mnl_pop_tit
{
    width:100%; 
    height:50px; 
    background:#c0504d;
}
.mnl_pop_wrap .mnl_pop_tit p
{
    width:480px; 
    height:inherit; 
    line-height:50px; 
    text-align:center; 
    padding:0 10px; 
    color:#fff; 
    font-size:18px; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    word-wrap:normal;
}

.mnl_pop_wrap .mnl_pop_con
{
    width:100%; 
    height:403px; 
    margin:0 auto; 
    text-align:center;
}
.mnl_pop_wrap .mnl_pop_con article
{
    width:490px;
    height:320px; 
    font-size:14px; 
    color:#444; 
    font-family:inherit; 
    padding:5px; 
    margin:5px 5px 20px; 
    text-align:left; 
    overflow-x:hidden; 
    overflow-y:auto;
}

.mnl_pop_wrap .mnl_pop_con button
{
    cursor:pointer; 
    width:50%; 
    height:40px; 
    border:1px solid #ccc; 
    background:#fff; 
    font-size:16px; 
    color:#444;
}
.mnl_pop_wrap .mnl_pop_con button:hover
{
    background:#ccc; 
    color:#444; 
    font-weight:bold;
}

.mnl_pop_wrap .mnl_pop_cls
{
    width:100%; 
    height:40px; 
    box-sizing:border-box; 
    background:#efefef; 
    position:relative;
}
.mnl_pop_wrap .mnl_pop_cls label
{
    box-sizing:border-box; 
    line-height:40px; 
    padding-left:10px; 
    font-size:16px;
}
.mnl_pop_wrap .mnl_pop_cls label input
{
    width:20px; 
    height:20px; 
    border:1px solid #ddd; 
    margin-top:-5px; 
    position:absolute; 
    top:15px;
}
.mnl_pop_wrap .mnl_pop_cls label span
{
    color:#555;
}
.mnl_pop_wrap .mnl_pop_cls button
{
    padding:5px 15px; 
    position:absolute; 
    top:5px; 
    right:10px; 
    cursor:pointer; 
    border:1px solid #ccc; 
    border-radius:5px; 
    font-size:16px;
}
.mnl_pop_wrap .mnl_pop_cls button:hover
{
    border:1px solid #777;
}

/* 공지사항 레이어 팝업 end */


/*----------------------------------멤버/검인증/IGC 등록/관리 좌측 메뉴--------------------------------*/

.left_wrap
{
    float:left; 
    width:220px; 
    height:auto; 
    margin-top:15px;
    position: fixed;
}
.left_wrap ul
{
    width:100%; 
    height:auto;
}
.left_wrap ul li
{
    display:table; 
    width:100%; 
    height:100px; 
    box-sizing:border-box; 
    margin-bottom:10px; 
    border-radius:5px;
}
.left_wrap ul li a
{
    display:table-cell; 
    vertical-align:middle; 
    width:100%; 
    height:100%; 
    font-size:16px; 
    color:#011341; 
    box-sizing:border-box; 
    border:1px solid #011341; 
    border-radius:5px; 
    line-height:24px;
}
.left_wrap ul li a:hover
{
    color:#fff;
}
.left_wrap ul li a.on
{
    color:#fff;
}
.left_wrap ul li:first-child a:hover
{
    background:#e72d45; 
    border:1px solid #e72d45;
}
.left_wrap ul li:first-child a.on
{
    background:#e72d45; 
    border:1px solid #e72d45;
}
.left_wrap ul li:nth-child(2) a:hover
{
    background:#009d86;
    border:1px solid #009d86;
}
.left_wrap ul li:nth-child(2) a.on
{
    background:#009d86;
    border:1px solid #009d86;
}
.left_wrap ul li:last-child a:hover
{
    background:#0075c1; 
    border:1px solid #0075c1;
}
.left_wrap ul li:last-child a.on
{
    background:#0075c1; 
    border:1px solid #0075c1;
}

.right_wrap
{
    float:right; 
    width:950px; 
    height:auto; 
    text-align:left;
}

/*----------------------------------멤버/검인증/IGC 등록/관리 좌측 메뉴 끝--------------------------------*/


iframe {
    border: none;
}








#ods_GRP_g_thema_top_1
{
    z-index: 200;
    background-color: rgba(82,135,182,90%);
}

#ods_GRP_g_thema_top_1 p
{
    color: White;
    font-weight: bold;
    cursor: pointer;
    
}
#ods_LBL_g_thema_title_1
{
    text-align: center;
    font-size: 13pt;
    cursor: default !important;
}


#ods_LBL_g_thema_title_1
{
    text-align: center;
    font-size: 13pt;
    cursor: default !important;
}

#ods_GRP_g_thema_top_1 ods_LBL_1
{
    text-align: left;
    padding-left: 40px;
}

#ods_GRP_g_thema_top_1 ods_LBL_3
{
    text-align: right;
    padding-right: 50px;
}
#ods_GRP_g_thema_top_1 #ods_BTN_10
{
    background: url(../odshtml_images/user_upload/OUT100E/ic_replay_white_24dp.png);
    background-size: 24px 24px;
    border: none;
    
}
/* ---------------------------------------- */
#ods_GRP_g_thema_left_1
{
    background: rgba(255,255,255,0.9);
    border-radius: 10px;
    border: 1px solid #919191;
    z-index: 99;
}

#ods_GRP_g_thema_left_1 .tool_btn_small
{

    font-size: 11pt;
}

#ods_GRP_g_thema_left_1 #ods_BTN_1
{
    color: #1D82FF;
    font-weight: 600;
    background: white;
}

    
    
#ods_GRP_g_thema_left_1 #ods_BTN_2
{
    color: white;
    background: #1D82FF;
    font-weight: 600;
}
#ods_GRP_g_thema_left_1 #ods_BTN_5
{
    color: white;
    font-size: 9pt;
    background: #1D82FF;
    font-weight: 600;
}

    
    
#ods_GRP_g_thema_left_1 #ods_LBL_2
{
    text-align: left;
    font-size: 11pt;
    font-weight: 600;
}
#ods_GRP_g_thema_left_1 #ods_LBL_4
, #ods_GRP_g_thema_left_1 #ods_LBL_5
, #ods_GRP_g_thema_left_1 #ods_LBL_6

{
    
text-align: left;
    font-size: 9pt;
    font-weight: 600;
}

#ods_GRP_g_thema_left_1 #ods_BTN_3
{
    border: none;
    background: transparent;
    color: #888;
}

#ods_GRP_g_thema_left_1 #ods_BTN_4
{
    
    border: none;
    background: url(../odshtml_images/user_upload/OUT100E/ic_search_36pt_blue.png);
        background-size: 25px 25px !important;
    border: none;
}

/* ---------------------------------------- */

#ods_GRP_g_thema_bottom_1
{
    z-index: 300;
    background: rgba(255,255,255,0.8);
    left: 30% !IMPORTANT;
    border-radius: 50px;
}

#ods_GRP_g_thema_bottom_1 .tool_btn_small
{
    background-size: 40px 40px !important;
    border: none;
}

#ods_GRP_g_thema_bottom_1 #ods_BTN_6
{
background: url(../odshtml_images/user_upload/OUT100E/ic_list_3x.png);
}
#ods_GRP_g_thema_bottom_1 #ods_BTN_7
{
background: url(../odshtml_images/user_upload/OUT100E/ic_perm_identity_36pt_2x.png);
}
#ods_GRP_g_thema_bottom_1 #ods_BTN_8
{
background: url(../odshtml_images/user_upload/OUT200E/ic_room_3x.png);
}
#ods_GRP_g_thema_bottom_1 #ods_BTN_9
{
background: url(../odshtml_images/user_upload/OUT100E/ic_help_outline_black_24dp.png);
}
#ods_GRP_g_thema_bottom_1 p
{
    text-align: center;
    font-size: 10pt;
    vertical-align: top;
    color: black;
    font-weight: 600;
    cursor: pointer;
}

#ods_GRP_g_thema_pop_1
{
    background: rgba(251, 177, 10, 1);
    /*background: rgba(251,108,10,0.8)*/
    border-radius: 20px;
}

#ods_GRP_g_thema_pop_1 #ods_LBL_11
{
 
    color: white;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
}

#ods_GRP_g_thema_pop_1 #ods_BTN_11
{
 
    color: #fff;
    background: transparent;
    border: none;
}


#ods_GRP_g_thema_map_1 #map
{
    border: none;
}

#ods_GRP_g_thema_back_1
{
    background: black;
    border-radius: 20px;
}



/* --------------------  OUT200E 디자인화면 002  ----------------- */

#ods_WMD_g_thema_1 #ods_GRP_1
,#ods_WMD_g_thema_1 #ods_GRP_2
,#ods_WMD_g_thema_1 #ods_GRP_3
{
    opacity: 0.7;
    border-radius: 3px;
}

#ods_WMD_g_thema_1 #ods_GRP_1
{
    background: red;
}

#ods_WMD_g_thema_1 #ods_GRP_2
{
    background: blue;
}

#ods_WMD_g_thema_1 #ods_GRP_3
{
    background: green;
}


#ods_WMD_g_thema_1 .header_value
{
    color: White;
    font-size: 17pt;
}

#ods_WMD_g_thema_1 .header_title
{
    color: White;
    font-size: 15pt;
    text-align: left;
}
#ods_WMD_g_thema_1 .header_sub
{
    color: White;
    font-size: 14pt;
    text-align: left;
}

#ods_WMD_g_thema_1 #ods_GRP_1
{
    background-image: url(../odshtml_images/user_upload/OUT200E/test3.png);
    background-repeat: no-repeat;
    background-position: 49% 30%;
    background-size: 50% 70px;
}
#ods_WMD_g_thema_1 #ods_GRP_2
{
    background-image: url(../odshtml_images/user_upload/OUT200E/test3.png);
    background-repeat: no-repeat;
    background-position: 49% 30%;
    background-size: 50% 70px;
}
#ods_WMD_g_thema_1 #ods_GRP_3
{
    background-image: url(../odshtml_images/user_upload/OUT200E/test3.png);
    background-repeat: no-repeat;
    background-position: 49% 30%;
    background-size: 50% 70px;
}


#ods_WMD_g_thema_1 .main_title
{
    color: #555;
    font-size: 15pt;
    text-align: left;
}

#ods_WMD_g_thema_1 .main_icon
{
    
    background-size: 30px 30px !important;
    background: url(../odshtml_images/user_upload/OUT200E/ic_help_outline_black_24dp.png);
    border: none;

}
#ods_WMD_g_thema_1 .main_sub
{
    
        color: #555;
    font-size: 10pt;
    text-align: left;
    padding-left: 20px;
}
#ods_WMD_g_thema_1 .main_group
{
    border: 1px solid #ddd;
    background: white;
}

#ods_WMD_g_thema_1 .header_icon
{
        background-size: 45px 45px !important;
    background: url(../odshtml_images/user_upload/OUT200E/ic_rank.png);
    border: none;
}

#ods_WMD_g_thema_1 #ods_LBL_21
{
    background-size: 45px 45px !important;
    background: url(../odshtml_images/user_upload/OUT200E/ic_flight_takeoff_white_18dp.png);

}

#ods_WMD_g_thema_1 #ods_LBL_22
{
    background-size: 45px 45px !important;
    background: url(../odshtml_images/user_upload/OUT200E/ic_rank.png);

}

#ods_WMD_g_thema_1 #ods_LBL_23
{

    background: url(../odshtml_images/user_upload/OUT200E/ic_card_travel_white_48pt_2x.png);

}

#ods_WMD_g_thema_1 #ods_LBL_10
{

    background: url(../odshtml_images/user_upload/OUT200E/ic_stars_black_18dp.png);
	line-height: 30px;
    width: 30px;
    height: 30px;

}
#ods_WMD_g_thema_1 #ods_LBL_13
{

    background: url(../odshtml_images/user_upload/OUT200E/ic_trending_up_2x.png);
	line-height: 30px;
    width: 30px;
    height: 30px;

}

#ods_WMD_g_thema_1 #ods_LBL_16
{

    background: url(../odshtml_images/user_upload/OUT200E/ic_perm_contact_calendar_48pt.png);
	line-height: 30px;
    width: 30px;
    height: 30px;

}

#ods_WMD_g_thema_1 #ods_LBL_19
{

    background: url(../odshtml_images/user_upload/OUT200E/ic_turned_in_not_2x.png);
	line-height: 30px;
    width: 30px;
    height: 30px;

}



.ods_widget_toolbar {
    width:100%;
    height:100%;
    
    
}

.ods_widget_toolbar div {
    position: absolute;
    top: 2px;
    left: 2px;
}

.ods_widget_toolbar_btn_default
{
    margin: 0px;
    top: 7px;
    font-family: "Malgun Gothic",Malgun Gothic, Arial, Helvetica, sans-serif;
    right: auto;
    border: none;
    border-radius: 0;
    color: white;
    cursor: pointer;
    background-color: rgb(0,158,232);
    font-size: 13px;
    padding: 0 20px;
    min-width: 90px;
    min-height: 30px;
	max-height: 30px;
}

.combo_popup tr > td:nth-child(1) {
    width: 25px;
    padding-left: 5px;
    padding-right: 5px !important;
}

.combo_popup tr > td:nth-child(4) {
    display: none;
}

/* 그리드 타이틀 css */

.label_title {
    margin-top: 10px;
}

.label_title label {
    color: #011341;
    font-size: 14px;
    font-weight: 800;
}

.ods_fileupload_dlg_frame div iframe {
    height: 130px;
    margin-top: 30px;
	background-color: transparent !important;
}