@charset "utf-8";
select {height: 31px!important; vertical-align: top; border:1px solid #ccc; outline:none;}
.btn-sm {vertical-align: top;}


/* skip_nav */
#skip_nav a { position:absolute; left:-3000%; }
#skip_nav a:focus,
#skip_nav a:hover,
#skip_nav a:active { display:block; left:0; top:0; width:100%; height:30px; line-height:30px; color:#fff; text-align:center; background-color: #00519f; z-index:10000000000; }

/* common */
*{box-sizing: border-box; margin: 0; padding: 0;}
body { background: #fff; }
.wrap { margin: 0 auto; /*height:100vh;*/ /*width: 100%;*/ min-width:1200px; background: #fff; *zoom: 1; overflow-x:hidden;}
.wrap:after { content: ""; display: block; clear: both; }

.title_2 { margin-bottom: 12px; height: 14px; line-height: 14px; font-size: 12px; }
.title_2 img { vertical-align: top; }
.title_3 { line-height: 22px; font-size: 35px;font-weight: normal; color:#fff;text-align:center; text-shadow: 0 0 8px rgba(28, 31, 44, 0.4);}
.title_3 img { vertical-align: top; }
.title_4 { padding: 0 18px; height: 26px; color: #fff; line-height: 26px; font-size: 12px; letter-spacing: -1px; background: url("/images/user/bg/bg_tab3_on.png") repeat-x 0 0; }
.title_5 { padding: 0 35px; height: 32px; color: #fff; line-height: 32px; font-size: 14px; font-weight: 600; }
.title_6 { padding: 3px 15px 6px 15px; color: #57a5b9; line-height: 20px; font-size: 18px; font-weight: bold; background: url("/images/user/blit_12.gif") repeat-x 0 bottom; }

.block { display: block; }
.txt_point { color: #656565; line-height: 20px; font-size: 11px; }
.txt_red { color: #f00; }
.txt_red_2 { color: #ee352a; font-weight: 600; }
.txt_red_3 { color: #cf1003; font-weight: 600; }
.txt_blue { color: #00f; }
.txt_blue_2 { color: #00519f; }
.list_st { position: relative; padding-left: 5px; }
.list_st > .lst { position: absolute; top: 0; left: 0; }


.red_back { background: #f3d5d5; }
.red_back > * { color: #a50202 !important; }
.gray_back{ background-color: #f6f6f6;}



/* bullet */
.blt_1 { padding-left: 8px; background: url('/images/user/blt_1.png') no-repeat 0 8px; }
.blit_redarw { padding-left: 14px; height: 22px; color: #2f3032; line-height: 16px; font-size: 14px; font-weight: bold; background: url('/images/user/blit_14.png') no-repeat 3px 3px; }



/* button */
.btn_plus { position: absolute; top: 8px; right: 36px; }
.btn_plus img { vertical-align: top; }


/* content */
.content_wrap { position: relative; /*padding-top:130px;*/ *zoom: 1; }
.content_wrap:after { content: ""; display: block; clear: both; }
.content_wrap.main { padding: 0; }


.content { position: relative; width: 1200px; padding-bottom: 100px; margin:0px auto 0; }
.content.result_con{width:100%; max-width:1200px;}

/* header */
#header_wrap {position:fixed; top:0; left:0; width: 100%; min-width:1200px; z-index:100;}

#header_wrap.on #header{background-color:#fff;}
#header_wrap.on #header a{color:#383838;font-weight: 400;}

#header_wrap.on .logo_b{display:block;}
#header_wrap.on #header #gnb li.depth1.on > a {
    font-weight:600; 
    color: #277FF9;
}

#header_wrap #header .inner h1 a img.logo_b{display:block; max-width: 150px; height: auto;}

#header {
    background-color:#fff;
    position: relative;
    height:85px;
    line-height:85px;
    border-bottom:1px solid #d9e5f1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    -o-transition:background 0.5s;
    transition:background 0.5s;   
}
#header h1 {display: inline-block;}
#header h1 a { display: block; }


#header .inner2{display: none;}


#header .inner{ position: relative; width: 1200px; margin: 0 auto;height:100%; display: flex; align-items: center; justify-content: space-between;}
#header .inner #menu-icon{
    width: 30px;
    height: 30px;
    background: url(/images/icon/hamburger_01.png) center no-repeat;
    background-size: contain;
    display: none;
}

#gnb{
    height: 100%;
    width: 89%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:6%;
}
/* #gnb{
    height: 100%;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25%;
    
} */

#gnb ul.depth1_wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#gnb ul.depth1_wrap li.depth1{
    width: 130px;
    height: 100%;
    position: relative;
}

/* #gnb ul.depth1_wrap li.depth1{
    width: 150px;
    height: 100%;
    position: relative;
} */
#gnb ul.depth1_wrap li.depth1 a.top_link{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #383838;
   
}

#gnb ul.depth1_wrap li.depth1 a.top_link img{display: none;}

#gnb ul.depth1_wrap li.depth1 a.top_link:hover{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #277FF9;
    font-weight: 600;
}
#gnb ul.depth1_wrap li.depth1 ul.depth2{
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}
#gnb ul.depth1_wrap li.depth1:hover ul.depth2{
    display: block;
}
#gnb ul.depth1_wrap li.depth1 ul.depth2 li{
    width: 100%;
    height: 60px;
}
#gnb ul.depth1_wrap li.depth1 ul.depth2 li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #383838;
}
#gnb ul.depth1_wrap li.depth1 ul.depth2 li a span{
    position: relative;
}
#gnb ul.depth1_wrap li.depth1 ul.depth2 li a span::after{
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background: #277FF9;
    position: absolute;
    bottom: -5px;
    left: 0px;
    transition: all 0.5s ease-in-out; 
}
#gnb ul.depth1_wrap li.depth1:hover ul.depth2 li a:hover span{
    color: #277FF9;
}
#gnb ul.depth1_wrap li.depth1:hover ul.depth2 li a:hover span::after{
     width: 100%; 
}


/* #header_wrap #header .inner #gnb .depth1 a{color:#383838;font-weight: 600;}
 */

    /* 로그인 로그아웃 회원가입 내 설정 메뉴 */
#header .inner div.etc_set{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px; 
}    
#header .inner div.etc_set>ul{ 
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 20px;
}
#header_wrap.header2 #header .inner div.etc_set ul a{
    font-size: .9rem;
    font-weight:400;
    color: #666;
}



 /* search */
 /* ai 바우처 관리 페이지 제외 한 나머지 페이지의 공통 search area css */
.location{width:100%; max-width:1200px; padding: 20px 0; margin:0 auto;}
.location li{display:inline-block; /* vertical-align:middle;*/}
.location li:not(:last-child):not(.popup):after{content:'>'; margin: 0 5px;}
.location li:last-child h2{font-size:18px; font-weight:800; color:#333;}

.search_area{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; padding: 20px 30px; border-top: 2px solid #277FF9; border-bottom: 2px solid #277FF9; position: relative;}
.search_area .filter{display:flex; flex-wrap:wrap; gap:10px 30px; width:calc(100% - 80px);}
.search_area .btn_wrap{text-align:right;}
.search_area .btn_wrap a{display: block; width: 80px;}
.search_area .btn_wrap a img{height: 25px;}
.search_area .filter .item-tit,
.search_area .filter .item-con {display: inline-block; vertical-align: middle;}
.search_area .filter .item-tit{font-family: "Malgum Gotic";font-size: 13px;}
.search_area input::placeholder{font-size: 14px;}
.ledger div.filter div.item{
    display: flex;
    align-items: center;   
    justify-content:center;
    width: 30%;
}
.ledger div.filter div.item div.item-tit{width: 50%; font-family: "Malgum Gotic"; font-size: 13px;}
.ledger div.filter div.item div.item-con{width: 100%;}
.ledger div.filter div.item div.item-con select,
.ledger div.filter div.item div.item-con input{width: 220px;}
.ledger .btn_wrap{height: 113px; display: flex; align-items: center; justify-content: center;}
.ledger .btn_wrap a{display: flex; height: 100%; align-items: center; justify-content: center;}

/* ai 바우처 관리 서브 페이지 공통 검색 영역 css */

.search_layout{
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    border: 2px solid #277FF9;
    border-radius: 30px;
    padding: 5px 30px;
    background: #fff;
    margin-top: 30px;
}
.search_layout select#searchDiv,
.search_layout .search_input{border: none;}
.search_layout .search_input{position: relative;}
.search_layout .search_input::before{
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    top: 50%;
    right: 20px;
    position: absolute;
    background: #999;
    transform: translateY(-50%);
}
.search_layout .search_input input#searchKey{border: none;}
.search_layout .search_input,
.search_layout .search_input input#searchKey{width: 100%; height: 100%;}
.search_layout .search_input input#searchKey{padding-left: 20px;}
input#searchKey:focus{
    outline: none;
}
.btn_search{
    background: url(/images/icon/search2.png) center center no-repeat;
    background-size: 20px;
    width: 36px;
    height: 36px;
}


/* #search input {width: 92%; width: calc( 100% - 75px ); height: 100%; vertical-align: top; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#search input:focus {outline: none;}
#search .inner{ 
	position:absolute; 
	left:50%; 
	bottom:-24px;
	padding: 10px 0 10px 28px;
	width: 1200px;
    height: 56px;
    line-height:50px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition:all 0.3s;transition:all 0.3s;
    -moz-transition:all 0.3s;    
    transition:all 0.3s;
    background-color: #fff;
    overflow: hidden;
    z-index:10;
}
#search .inner.active {
	width: 1300px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}
#search .btnSearch { float: right;width: 75px; font-size:0; background: url('/images/user/button/btn_search.png') no-repeat center; background-size:30%;} */


/* footer */
#footer_wrap{width:100%; background:#1f2a3a;}
#footer{min-width:1200px; margin: 0 auto; padding: 32px 0 25px;color:#f9f9f9;}
/* #footer .inner{display: flex; flex-direction: column;} */
#footer .inner .address_inner .terms_link{display:flex; align-items:center; justify-content:flex-start; gap:20px; margin-bottom:20px;}
#footer .inner .address_inner .terms_link a{display:block; color:#fff; font-size:.9em; font-weight:400;}
#footer .inner .terms_link a:hover{ color:#D3D3D3;}
#footer .inner .address_inner{display:flex; align-items: center; justify-content:space-between;}
#footer .inner .address_inner .logo{width:190px; height:100%;}
#footer .inner .address_inner .logo img{width:100%}
#footer .inner .address_inner address p,
#footer .inner .address_inner .num_info{font-size:.9rem}
#footer .inner .address_inner .num_info{display: flex; align-items: center; gap: 30px;}
#footer .inner .address_inner address .copyright{font-size:.8rem; color: #999; margin-top:10px;}
.address_inner address ul li{margin-bottom: 4px;}


/************** 
      main
 **************/
/* main banner */
.main .visual_area{
    width: 100%;
    min-width: 1200px;
    height: auto;
    padding: 40px 0;
    background: #f2f2f2;
}
.main .visual_area .inner{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main .visual_area .inner .banner{
    width: 45%;
    margin: 0;
    position: relative;
}
.main .visual_area .inner .banner h3.title{
    margin-bottom: 15px;
}
.main .visual_area .inner .banner h3.title,
.main .visual_area .inner .notice_wrap h3.title{margin-left: 20px;}
.main .visual_area .inner .banner .swiper{border-radius: 20px;}
.main .visual_area .inner .swiper .swiper-wrapper{}
.main .visual_area .inner .swiper .swiper-wrapper .swiper-slide{}
.main .visual_area .inner .swiper .swiper-wrapper .swiper-slide img{width: 100%; height: 200px;}

.main .visual_area .inner .swiper-button-next,
.main .visual_area .inner .swiper-button-prev{
    color: #f2f2f2;
}
.main .visual_area .inner .swiper-button-next:after,
.main .visual_area .inner .swiper-button-prev:after{font-size: 23px;}
.main .visual_area .inner .swiper-pagination-bullet-active{background: #277FF9;}

.main .visual_area .inner .notice_wrap{
    width: 45%;
    display: flex;
    flex-direction: column;
}
.main .visual_area .inner .notice_wrap .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.main .visual_area .inner .notice_wrap .top a.btn_view{
    display: flex;
    align-items: center;
    gap: 5px;
}
.main .visual_area .inner .notice_wrap .top a.btn_view span{
    color: #383838;
}
.main .visual_area .inner .notice_wrap .top a.btn_view img{width: 22px; height: auto;} 
.main .visual_area .inner .notice_wrap .notice{
    flex-grow: 1;
    height: 200px; 
    overflow-y: auto; 
    padding: 30px 20px;
    background: #fff;
    border-radius: 20px;
}
.main .visual_area .inner .notice_wrap .notice ul.notice-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main .visual_area .inner .notice_wrap .notice ul.notice-list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main .visual_area .inner .notice_wrap .notice ul.notice-list li .title{
    color: #333;
    width: 300px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.main .visual_area .inner .notice_wrap .notice ul.notice-list li .title:hover{
    color: #FF3333;
}
.main .visual_area .inner .notice_wrap .notice ul.notice-list li p.date{
    color: #999;
    font-size: .9em;
    font-weight: 400;
}


/************** 
      濡쒓렇�씤�럹�씠吏�
 **************/
.login_area{margin-top:10px; /*margin-bottom:150px;*/ border:1px solid #dcdcdc; border-top:0 none; /*background: url('/images/user/info_bg.png') no-repeat right bottom;*/}
.login_area .top {padding: 30px 0;text-align: center; background-color: #277FF9;}
.login_area .top img { vertical-align: top; max-width: 190px; height: auto;}

.login_area .bottom {margin: 0 auto;padding: 60px 0; width: 400px;text-align: center;}
.login_area .bottom .text {margin-bottom: 38px; font-size:20px;}
.login_area .bottom .text span{display:block; margin-bottom:5px; font-size:25px;color:#1a334c;}
.login_area .bottom .login_left {
    width: 100%;
    text-align: left;
}
.login_area .bottom .btn_area {
    width: 100%;
    margin-bottom: 10px;
}

.login_area .btn_area .btn-primary {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	border-radius: 5px;
	box-sizing: border-box;
    background-color: #277FF9;
}
#container .bottom .input_area .ckeck_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin:  0 0 10px;
    font-size: 14px;
    color: #999;
}

#container .bottom .input_area .ckeck_box input{
    width: 15px;
    height: 15px;
    margin: 0;
}

.btn_area .btn-primary {margin: 0 auto;}

.input100p {width: 100%;}
.login_input {display: block; margin-bottom: 10px;}
.login_input input{
    padding-left: 17px;
    height: 50px;
    border: 1px solid #1D75EF;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #1D75EF;
    /* #f44336 */
}
.login_input input::placeholder{
    color: #1D75EF;
    /* font-size: 14px; */
}
.login_input input:focus,
#container .bottom .input_area .ckeck_box input{
    outline: none;
}

.member_info {font-size: 0; text-align: left;}
.member_info span {
    display: block;
    font-size: 16px;
    padding: 0;
    height: 55px;
    line-height: 57px;
}
.member_info > div {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 0;
}
.member_info > div:first-child {margin-left: 0;}
.member_info > div > a {display: inline-block; margin-bottom: 5px; width: 217px;}
.member_info > div:last-child > a {margin-left: 5px;}

/* tab */
.tab_1 { margin-bottom: 15px; }
.tab_1 ul { background: url("/images/user/bg/bg_white.png") repeat-x 0 0; *zoom: 1; }
.tab_1 ul:after { content: ""; display: block; clear: both; }
.tab_1 li { width: 124px; background: url("/images/user/bg/bg_white.png") repeat-x 0 0; text-align: center; float: left; }
.tab_1 li:first-child a,
.tab_1 .on a,
.tab_1 .on + li a { border: 0 none; }
.tab_1 a { display: block; height: 26px; line-height: 25px; color: #cac9c9; font-weight: bold; letter-spacing: -1px; border-left: 1px solid #5d5e61; }
.tab_1 .on { padding-bottom: 5px;}
.tab_1 .on a { color: #fff; 
	background: #bd2b29; /* Old browsers */
	background: -moz-linear-gradient(top,  #bd2b29 0%, #bd0402 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd2b29), color-stop(100%,#bd0402)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bd2b29 0%,#bd0402 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bd2b29 0%,#bd0402 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bd2b29 0%,#bd0402 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bd2b29 0%,#bd0402 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd2b29', endColorstr='#bd0402',GradientType=0 ); /* IE6-9 */
}

.tab_2 { position: relative; margin-bottom: 15px; }
.tab_2 ul:after { content: ""; display: block; clear: both; }
.tab_2 li { width: 78px;  text-align: center; float: left;  background: url('/images/user/bg/bg_tab2_line.png') repeat-y left 0; }
.tab_2 li:first-child { background-image: none; }
.tab_2 li.on + li  { background-image: none; }
.tab_2 li:first-child a { border: 0 none; }
.tab_2 a { display: block; height: 26px; line-height: 25px; color: #1c1d1e; font-weight: bold; letter-spacing: -1px; }
.tab_2 li.on, .tab_2 li.on:first-child { padding-bottom: 5px;}
.tab_2 li.on a { color: #fff; 
	background: #bd2b29;
}

.tab_3 { border-bottom: 1px solid #252525; background: url("/images/user/bg/bg_tab2.png") repeat-x 0 0; *zoom: 1; }
.tab_3:after { content: ""; display: block; clear: both; }
.tab_3 ul { border-right: 1px solid #aeaeaf; float: left; *zoom: 1; }
.tab_3 ul:after { content: ""; display: block; clear: both; }
.tab_3 li { width: 80px; float: left; }
.tab_3 a { display: block; height: 26px; color: #5b5b5b; line-height: 25px; font-weight: bold; letter-spacing: -1px; border-left: 1px solid #aeaeaf; text-align: center; }
.tab_3 .on a { color: #fff; border-left: 0 none; background: url("/images/user/bg/bg_tab3_on.png") repeat-x 0 0; }
.tab_3 .on + li a { border-left: 0 none; }

.tab_4 { margin-bottom: 7px; background: url("/images/user/bg/bg_tab2.png") repeat-x 0 0; *zoom: 1; }
.tab_4:after { content: ""; display: block; clear: both; }
.tab_4 ul { float: left; *zoom: 1; }
.tab_4 ul:after { content: ""; display: block; clear: both; }
.tab_4 li { width: 80px; background: url("/images/user/blit_11.gif") no-repeat right; float: left; }
.tab_4 a { display: block; height: 26px; color: #5b5b5b; line-height: 25px; font-weight: bold; letter-spacing: -1px; text-align: center; }
.tab_4 .on a { color: #fff; background: #57a5b9; }

.tab_5 { background: url("/images/user/bg/bg_tab2.png") repeat-x 0 0; }
.tab_5 ul { *zoom: 1; }
.tab_5 ul:after { content: ""; display: block; clear: both; }
.tab_5 li { width: 132px; background: url("/images/user/blit_11.gif") no-repeat right; float: left; }
.tab_5 a { display: block; height: 26px; color: #1c1d1e; line-height: 25px; font-weight: bold; text-align: center; }
.tab_5 .on a { color: #fff; background: #e53c66; }

.tab_6 { margin-bottom: 7px; background: url("/images/user/bg/bg_tab2.png") repeat-x 0 0; *zoom: 1; }
.tab_6:after { content: ""; display: block; clear: both; }
.tab_6 ul { float: left; *zoom: 1; }
.tab_6 ul:after { content: ""; display: block; clear: both; }
.tab_6 li { width: 80px; background: url("/images/user/blit_11.gif") no-repeat right; float: left; }
.tab_6 a { display: block; height: 26px; color: #5b5b5b; line-height: 25px; font-weight: bold; letter-spacing: -1px; text-align: center; }
.tab_6 .on a { color: #fff; background: #6ea0d5; }
.tab_7 {
  margin-bottom: 50px;
  width: 100%;
  font-size: 0;
  border-radius: 50px;
  overflow: hidden;
  background-color: #ddd;
}
.tab_7 li {
  position: relative;
  display: inline-block;
  width: 33.3333333%;
  border-radius: 50px;
  overflow: hidden;
}
.tab_7 li a {
  display: block;
  line-height: 65px;
  height: 65px;
  font-size: 18px;
  text-align: center;
  background-color: #dddddd;
}
.tab_7 li.on a{color:#fff;background-color:#00519f;} 

.tab_8 {
  margin-bottom: 50px;
  width: 100%;
  height: 65px;
  border-radius: 50px;
  overflow: hidden;
  background-color: #ddd;
  position: relative;
}
.tab_8 li {
  display: inline-block;
  width: 33.333%;
  height: 100%;
  float: left;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.tab_8 li p {
  display: block;
  width: 100%;
  line-height: 65px;
  height: 65px;
  font-size: 18px;
  text-align: center;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.tab_8 li.on p{color:#fff; transition: 0.3s;} 
.on_back {
  width: 33.333%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #00519f;
  display: block;
  position: absolute;
  border-radius: 50px;
  transition: 0.6s;
}


/* table */
table caption.hidden { position: static; }

table .td_thum { padding: 0 !important; text-align: center; }
table .thum_wrap { display: inline-block; width: 105px; vertical-align: middle; *display: inline; *zoom: 1; }
table .thum { display: inline-block; margin-bottom: 2px; width: 103px; height: 115px; border: 1px solid #182c4e; background: #fff url("/images/user/no_img.gif") no-repeat 0 0; vertical-align: middle; *display: inline; *zoom: 1; }
table .thum img { width: 103px; height: 115px; vertical-align: top; }
table .btn_thum_slt {display: inline-block; /*width:100%;*/ padding: 0 20px;height: 30px; color: #fff;line-height: 30px;font-weight: 400;border: 1px solid #d4d4d3;background-color: #00519f;text-align: center;vertical-align: middle;box-sizing: border-box;transition: all 0.3s; *zoom: 1;}
table .btn_thum_slt span {color:#fff;}
table .btn_thum_slt:hover{color:#00519f;border-color:#00519f;background-color:#fff;}
table .btn_thum_slt:hover span{color:#00519f;border-color:#00519f;}

table tr > .bg_white { background: #fff; }
table tr > .td_left,
table tr > .td_left_2 { text-align: left; padding-left: 20px;}
table tr > .td_left a,
table tr > .td_left_2 a { display: inline-block; max-width: 100%; color: #2f3032; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s;}

table .content{height:320px;}

table .attachmentfile img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
table .attachmentfile a {width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
table .attachmentfile a:hover {color: #00519f; text-decoration: underline;}

.lecturelist table tr > .td_left a, .lecturelist table tr > .td_left_2 a {border-bottom:1px solid white;}
.lecturelist table tr > .td_left a:hover, .lecturelist table tr > .td_left_2 a:hover {color:#00519f; border-bottom:1px solid #00519f;}

.txt_impt th,
.txt_impt td { background: #00519f12; }
.txt_impt .td_left { font-weight: 600; }


.table_wrap{margin-top:15px;}
.table_wrap.view{margin-top:50px;}
.table_wrap > .tit {display: inline-block; margin-bottom: 10px; padding-left: 19px; font-size: 17px; font-weight: 600; letter-spacing: -0.7px; background: url('/images/admin/bullet4.png') no-repeat left center;}
.table_wrap > .tit .count{display:inline-block; margin:0 15px; font-size:16px; color:#333;}

.table_wrap > .required {text-align: right; color: #f00000; float: right;}

.btn_wrap + .table_wrap{margin-top:10px;}
.table_wrap .btnadd{width: 100px; padding: 5px 0 !important; border: 1px solid #ccc; padding: 3px 10px;   margin-bottom: 5px; background: #f6f6f6; color: #383838;}

/* 파일 다운로드 버튼 호버 했을시 색상 변경 */
/* .table_wrap .btnadd:hover{background: #1348B3; color: #fff;} */
.table_wrap .btn_layout{float: right;}


.table_wrap .down_layout{float: right;}
.table_wrap .down_layout button.down_btn{
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.table_wrap .down_layout button.down_btn img{width: 12px; height: 12px;}
.table_wrap .down_layout button.down_btn:hover{
    background: #277FF9;
    color: #fff;
}
.table_wrap .down_layout button.down_btn:hover img{
    content: url('/images/icon/download_w.png');
}
.table_wrap .down_layout{
    display: flex;
    /* width: 250px; */
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
}
.table_wrap .down_layout button.down_btn{
    width: 100px;
    padding: 0;
    margin-bottom: 5px;
}
/* .table_wrap .down_layout button.btn2{
    margin-right: 20px;
} */
.ledger .btn_wrap{height:72px;}






.tbl_1 { margin-bottom: 15px; width: 100%; border-bottom: 2px solid #9f9e9e; }
.tbl_1 thead {
	background: #9f9e9e;
	height: 40px;
}
.tbl_1 th { padding: 7px 0; color: #fff; letter-spacing: -1px;  }
.tbl_1 td { padding: 10px 15px; color: #2f3032; line-height: 16px; border-top: 1px solid #cfcece; text-align: center; }
/* .tbl_1 tbody tr:first-child td { border-top: 0 none; } */
.tbl_1 img { vertical-align: middle; }
.tbl_1 .td_left a { display: inline-block; max-width: 98%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; *display: inline; *zoom: 1; }
.tbl_1 .td_left_2 { padding: 11px 25px 10px 25px; }
.tbl_1 .td_left_2 a { display: inline-block; max-width: 98%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; *display: inline; *zoom: 1; }
.tbl_1 tfoot td { text-align: right; }
.tbl_1 tfoot td dl { display: inline-block; *display: inline; *zoom: 1; }
.tbl_1 tfoot td dt { display: inline-block; margin-right: 3px; *display: inline; *zoom: 1; }
.tbl_1 tfoot td dd { display: inline-block; *display: inline; *zoom: 1; }
.tbl_1 tfoot td .dl_1 { margin-right: 15px; }
.tbl_1 tfoot td .dl_2 { margin-right: 5px; line-height: 16px; font-size: 14px; }
.tbl_1 tfoot td .dl_3 { line-height: 16px; font-size: 14px; }
.tbl_1 .reply_1 .td_left a { padding-left: 15px; max-width: 94%; background: url("/images/user/bg/bg_reply.png") no-repeat 0px 1px; }
.tbl_1 .reply_2 .td_left a { padding-left: 30px; max-width: 90%; background: url("/images/user/bg/bg_reply.png") no-repeat 15px 1px; }
.tbl_1 .reply_3 .td_left a { padding-left: 45px; max-width: 86%; background: url("/images/user/bg/bg_reply.png") no-repeat 30px 1px; }
.tbl_1 .reply_4 .td_left a { padding-left: 60px; max-width: 83%; background: url("/images/user/bg/bg_reply.png") no-repeat 45px 1px; }
.tbl_1 .reply_5 .td_left a { padding-left: 75px; max-width: 80%; background: url("/images/user/bg/bg_reply.png") no-repeat 60px 1px; }
.tbl_1 td a { color: #2f3032; }

/*tbl_1add*/
.tbl_1add {border-bottom:1px solid #cfcece;}
.tbl_1add thead {border-top:2px solid #277FF9; border-bottom:1px solid #767676; background-color:#f3f3f3;}
.tbl_1add th {color:#333; height:40px; font-size:14px; font-weight:500; padding:0; }
.tbl_1add th, .tbl_1add td {border-right:1px solid #d7d7d7; }
.tbl_1add th:last-child, .tbl_1add td:last-child {border-right:none;}
.tbl_1add th:last-child{border-bottom: 1px solid #d7d7d7;}
.tbl_1add td {
    font-size:13px; 
    padding:2px 5px; 
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
 }

.tbl_1add .new_bg {background-color:#00519f; border:1px solid #00519f; color:#fff;}
.tbl_1add tbody tr td a.check_btn{width: 65px; height: 25px; margin: 0 auto; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; color: #383838; background: #f6f6f6; gap: 3px;}
.tbl_1add tbody tr td a.check_btn img{width: 12px; height: auto;}

.tbl_1add tbody td a.search_detail{display: flex; align-items: center; justify-content: center; gap: 5px;}
.tbl_1add tbody td a.search_detail img{width: 20px; height: 20px;}

.tbl_3 { margin-bottom: 40px; width: 100%; border-top: 2px solid #bfbfbf; }
.tbl_3 th { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #dadada; background: #f3f3f3;}
.tbl_3 td { padding: 10px 15px; line-height: 20px; border-bottom: 1px solid #dadada; 
    border-right: 1px solid #dadada;
}
.tbl_3 td:last-child{border-right: none;}

.tbl_3_green { margin-bottom: 15px; width: 100%; border-top: 2px solid #8ecbc8; }
.tbl_3_green th { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; background: #e0f2f1; text-align: left; }
.tbl_3_green td { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; }

.tbl_3_violet { margin-bottom: 15px; width: 100%; border-top: 2px solid #9b92c7; }
.tbl_3_violet th { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; background: #ebe8f7; text-align: left; }
.tbl_3_violet td { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; }

/* .tbl_3_blue { margin-bottom: 15px; width: 100%; border-top: 2px solid #6ea0d5; }
.tbl_3_blue th { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; background: #d5e9fe; text-align: left; }
.tbl_3_blue td { padding: 5px 15px; line-height: 20px; border-bottom: 1px solid #a8a8a8; } */

/*tbl_3add*/
.tbl_3add {border-top: 2px solid #277FF9;}
.tbl_3add td,.tbl_3add th {font-size:14px;}
.tbl_3add .blt_1 {background:none;}
.tbl_3add th {background-color:#f3f3f3; text-align:center; padding:10px; border-right:1px solid #ddd;
    border-left:1px solid #ddd;}
.tbl_3add .answer th {padding:50px;}

.tbl_3add .qnatitle th {padding:10px;}
.tbl_3add tr button.down_btn{width: 120px; height: 30px; background: #277FF9; color: #fff; border-radius: 5px;} 
.tbl_3add tr.textArea td{text-align: center; width: 100%;}
.tbl_3add tbody td a.search_detail{display: flex; align-items: center; justify-content: flex-start; gap: 5px;}
.tbl_3add tbody td a.search_detail.icon{justify-content: center;}
.tbl_3add tbody td a.search_detail img{width: 20px; height: 20px;}
.tbl_3add tbody tr td a.check_btn{width: 60px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 5px; color: #383838; background: #f6f6f6; gap: 3px; padding: 2px 4px;}
.tbl_3add tbody tr td a.check_btn img{width: 12px; height: auto;}

/* 호버효과 추가 */
/* .tbl_3add tbody tr td a.check_btn:hover{border: 1px solid #0C85FF; color: #fff; background: #0C85FF;} */



.tbl_4_wrap { margin-bottom: 15px; border: 1px solid #c5ecea; border-radius: 5px; box-shadow: 3px 5px 5px #ccc; overflow:hidden; }
.tbl_4 { width: 100%; }
.tbl_4 tbody tr:first-child td { border-top: 0 none; }
.tbl_4 th { padding: 8px 0; color: #fff; line-height: 16px; font-size: 16px; letter-spacing: -1px; background: #044d94; text-align:center;}
.tbl_4 td { padding: 7px 0; color: #484747; border-top: 1px dotted #9ad1ce; text-align: center; }
.tbl_4 td a { color: #484747; }
.tbl_4 .reply { display: none; }
.tbl_4 .reply.on { display: table-row; *display: block; }
.tbl_4 .reply .td_left { padding: 0; }
.tbl_4 .reply .td_left div { padding: 10px 90px; background: #ebfaf9; }
.tbl_4 .reply .td_left dfn { display: block; font-weight: bold; }

.tbl_5_wrap { 
	margin-bottom: 50px; 
	/*border: 1px solid #f2c2c2;*/
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;  
	border-radius: 5px; 
	/* box-shadow: 3px 5px 5px #cccccc70; */
	-webkit-box-shadow: 3px 5px 5px rgba(204,204,204,0.4);
	-moz-box-shadow: 3px 5px 5px rgba(204,204,204,0.4);
	box-shadow: 3px 5px 5px rgba(204,204,204,0.4); 
	overflow:hidden;
	width: 1200px; 
}
.tbl_5 { width: 100%; }
.tbl_5.head_long th { padding: 5px 0; }
.tbl_5 tbody tr:first-child td { border-top: 0 none; }
.tbl_5 th { padding: 8px 0; color: #fff; line-height: 16px; font-size: 13px; letter-spacing: -1px; background: #e75e5e; }
.tbl_5 td { padding: 5px 0; color: #484747; border-top: 1px dotted #ed8484; text-align: center; }
.tbl_5 td a { color: #484747; }
.tbl_5 td select { vertical-align: middle; }
.tbl_5 td em,
.tbl_5 td strong { color: #f7485c; font-weight: bold; }
.tbl_5 .btn_16 { vertical-align: middle; }
.tbl_5 .td_left { padding-left: 15px; padding-right: 15px; }

/*add*/
.tbl_5add th {background-color:#f3f3f3; color:inherit; font-size:17px; padding:20px 0; border-right:1px solid #d7d7d7;}
.tbl_5add td {border-right:1px solid #d7d7d7; padding:13px; border-bottom:1px solid #d7d7d7; font-size:17px; word-break: keep-all;}
.tbl_5add th:last-child,.tbl_5add td:last-child {border-right:none;}
.tbl_5add tr:last-child>td {border-bottom:none;}
.tbl_5add .bar_wrap {margin-left:25px;}
.tbl_5add .study_time {float:left; margin-left:25px; margin-top:10px;}
.tbl_5add .study_result {font-size:20px; font-weight:600; }
.tbl_5add .study_result span {color:#00519f;}

.tbl_6_wrap { margin-bottom: 15px; border: 1px solid #c9bfef; border-radius: 5px; box-shadow: 3px 5px 5px #ccc; overflow:hidden; }
.tbl_6 { width: 100%; }
.tbl_6 tbody tr:first-child td { border-top: 0 none; }
.tbl_6 th { padding: 8px 0; color: #fff; line-height: 16px; font-size: 13px; letter-spacing: -1px; background: #9b92c7; }
.tbl_6 td { padding: 5px 0; color: #484747; border-top: 1px dotted #ccc4f0; text-align: center; }
.tbl_6 td a { color: #484747; }
.tbl_6 td select { vertical-align: middle; }
.tbl_6 td em,
.tbl_6 td strong { color: #f7485c; font-weight: bold; }
.tbl_6 .td_left { padding: 0 10px; }

.tbl_7 { margin-bottom: 30px; width: 100%; border: 1px solid #d1d1d1; border-top: 2px solid #00519f; }
.tbl_7 tr { border-top: 1px solid #d1d1d1;}
.tbl_7 tr:first-child {border-top: 0 none;}
.tbl_7 th { padding: 15px 0; font-size:17px; font-weight:normal; background-color: #f7f7f7; }
.tbl_7 td { padding: 15px 0; font-size:16px; text-align: center;  font-size:17px;}
.tbl_7 .td_left { padding-left: 20px; padding-right: 20px;}
.tbl_7 .td_left_2 { padding-left: 10px; padding-right: 10px; }
.tbl_7 tfoot th { background: none; }

.tbl_8 { margin-bottom: 13px; width: 100%; border-top: 1px solid #f1534a; }
.tbl_8 th { padding: 8px 18px; color: #656565; border: 1px solid #e0e0dd; border-top: 0 none; background: #fcf5f6; text-align: left; }
.tbl_8 td { padding: 8px 13px; color: #656565; border-bottom: 1px solid #e0e0dd; }
.tbl_8 .bg_white { border-left: 0 none; text-align: center; }
.tbl_8 .line th,
.tbl_8 .line td { border-bottom: 1px solid #f1534a; }

.tbl_9 { margin-bottom: 25px; width: 100%; }
.tbl_9 caption { height: 23px; color: #000; font-weight: 600; letter-spacing: -1px; }
.tbl_9 th { color: #000; line-height: 13px; font-size: 11px; font-weight: normal; letter-spacing: -1px; }
.tbl_9 td { color: #000; line-height: 13px; font-size: 11px; letter-spacing: -1px; text-align: center; }
.tbl_9 thead th:first-child { border-left: 0 none; }
.tbl_9 thead th { padding: 3px 0; border-left: 1px solid #424751; }
.tbl_9 tbody td { padding: 3px 0; border-left: 1px solid #424751; border-top: 1px solid #424751; background: #f4f2f2; }
.tbl_9 tbody th { padding: 3px 0; border-top: 1px solid #424751; background: #f4f2f2; }

.tbl_10 { margin-top: 20px; width: 100%; }
.tbl_10 caption { height:0; font-size:0; }
.tbl_10 thead th{padding:15px 0;font-size:20px;color: #fff;border-left: 1px solid #d7d7d7;/*height: 66px;*/line-height:110%;font-weight:400;background-color:#00519f;;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.tbl_10 thead th:first-child{border-left:0 none;}
.tbl_10 td{padding: 10px;height: 47px;text-align:center;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;/*line-height:47px;*/-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-size:17px;}
.tbl_10 td:first-child{border-left:0 none;}

/***************************
	�씠�쟾肄붾뱶
***************************/

/*dashboard  */
.banner p:first-child { margin: 0; }
.banner img { vertical-align: middle; }

label input[type="radio"],
label input[type="checkbox"] { margin-right: 5px; vertical-align: -2px; *vertical-align: 1px; }
input[type="file"] { width: 50%; height: 27px; border: 1px solid #cecece; background: #fff; float: left; margin-right: 15px; }

.inp_0 { display: inline-block;vertical-align: middle; *display: inline; *zoom: 1; }
/*.inp_0 span,.inp_0 label { display: inline-block;}*/
.inp_0 input { width: 200px; height: 31px; border: 1px solid #ccc; color: #333;vertical-align: bottom; line-height: 18px; font-size: 17px; outline:none; padding:5px 10px; box-sizing:border-box;}
.login_input label {
	display: none;
}

.inp_login { height: 17px; }
.inp_login span,
.inp_login label { display: block; padding: 2px 10px; height: 13px; line-height: 13px; background: #fff url("/images/user/bg/bg_login_input.png") no-repeat 0 0; }
.inp_login input { width: 100%; height: 13px; color: #acacac; line-height: 14px; font-size: 12px; font-weight: bold; letter-spacing: -1px; border: 0 none; background: #fff; vertical-align: bottom; *height: 12px; }

.slt_0 { padding: 1px; height: 20px; color: #333; line-height: 20px; font-size: 12px; border: 1px solid #cecece; background: #fff; vertical-align: top; }
.slt_1 { /*width: 62px;*/ outline:none; height:40px !important; padding:0 5px;}
.slt_2 { width: 92px; }
.slt_3 { width: 146px; }

.btn_calendar { display: inline-block; padding-top: 2px; *display: inline; *zoom: 1; }
.btn_calendar img { vertical-align: middle; }
.gol { display: inline-block; padding: 0 3px; height: 20px; color: #2f3032; line-height: 20px; *display: inline; *zoom: 1; }
.dasi { display: inline-block; padding: 0 4px; height: 20px; color: #2f3032; line-height: 20px; *display: inline; *zoom: 1; }
.textarea_wrap { padding: 0px; border: 0px solid #cecece; }
.textarea_wrap textarea { width: 100%; border: 0 none; background: #fff; }
.textarea_wrap_bd { padding: 0px; border: 1px solid #cecece; }
.textarea_wrap_bd textarea { width: 100%; border: 0 none; background: #fff; }


/* dl_inp_area */
.dl_inp_area { border-top: 1px solid #f1534a; }
.dl_inp_area dl { position: relative; padding: 5px 0 5px 114px; border-bottom: 1px solid #e0e0dd; }
.dl_inp_area dt { position: absolute; top: 5px; left: 0; padding: 0 20px; width: 74px; color: #656565; line-height: 20px; font-weight: bold; letter-spacing: -1px; }
.dl_inp_area .normal dd { height: 20px; line-height: 20px; }
.price_area { padding: 5px 32px; line-height: 32px; border-bottom: 1px solid #e0e0dd; background: #fcf5f6; text-align: right; }
.price_area span { display: inline-block; font-weight: bold; vertical-align: top; *display: inline; *zoom: 1; }
.price_area dfn { color: #656565; font-weight: normal; }
.price_area strong { margin-left: 10px; font-size: 20px; color: #ff0000; }
.price_area .price_2 { color: #ff0000; }
.price_area .price_3 { padding: 0 12px; height: 30px; line-height: 30px; font-size: 13px; border: 1px solid #f1534a; background: #fff; }
.price_area .price_3 dfn { font-weight: bold; }
.equal { width: 50px; text-align: center; }

.process { padding: 5px 0; *zoom: 1; }
.process:after { content: ""; display: block; clear: both; }
.process .visual { margin-right: 15px; float: left; }
.process .visual img { vertical-align: top; }
.process .txt_box { float: left; }
.process dfn { display: block; margin-bottom: 4px; }
.process .txt { display: block; margin-bottom: 5px; line-height: 16px; }
.process .btn_1 { display: inline-block; max-width: 100%; overflow: visible; }


/* paging */
.paging { text-align: center; }
.paging > div { display: inline-block; padding: 1px 14px; height: 14px; line-height: 14px; vertical-align: top; *display: inline; *zoom: 1; }
.paging > div > a { padding: 0 8px; height: 14px; color: #000; line-height: 14px; font-size: 17px; background: url("/images/user/blit_pg.gif") no-repeat 0 4px; }
.paging > div > strong { padding: 0 8px; height: 14px; /*color: #f7485c;*/ color:#00519f; line-height: 14px; font-size: 17px; background: url("/images/user/blit_pg.gif") no-repeat 0 4px; }
.paging > div a:first-child,
.paging > div strong:first-child { background: none; }
.paging a,
.paging strong { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.paging img { vertical-align: top; }

.paging_2 { text-align: center; }
.paging_2 * { vertical-align: top; }
.paging_2 > div { display: inline-block; padding: 0 12px; *display: inline; *zoom: 1; }
.paging_2 > div > a { padding: 0 6px; color: #2f3032; }
.paging_2 > div > strong { display: inline-block; padding: 0 6px; *display: inline; *zoom: 1; }
.paging_2 a { display: inline-block; *display: inline; *zoom: 1; }
.paging_2 img { padding: 2px 0; }


/* view_txt */
.view_txt { margin-bottom: 6px; border-top: 2px solid #9f9e9e; border-bottom: 2px solid #9f9e9e; }
.v_dl_box { padding: 0 20px; border-bottom: 1px solid #cfcece; *zoom: 1; }
.v_dl_box:after { content: ""; display: block; clear: both; }
.v_dl_box .f_left { float: left; }
.v_dl_box .f_right { float: right; }
.v_dl_box dl { height: 24px; color: #717275; line-height: 24px; }
.v_dl_box dt { display: inline-block; margin-right: 3px; *display: inline; *zoom: 1; }
.v_dl_box dd { display: inline-block; *display: inline; *zoom: 1; }
.v_txt { padding: 15px 20px; line-height: 20px; }
.v_txt span { font-size:17px !important; }
.v_img { padding: 15px 0; line-height: 20px; text-align: center; }
.v_txt div {
	font-family:"NanumSquare", "Malgun Gothic", "돋움", "Dotum", Arial, Sans-serif !important; 
	font-size:17px;
	margin-bottom: 20px;
    line-height: 25px;
}


/* 占쎌돳占쎄텢 */
.sec_eng_3 h1 { margin-bottom: 35px; line-height: 34px; font-size: 32px; font-weight: 600; letter-spacing: -2px; text-align: center; }

.list01 { margin-bottom: 25px; }
.list01 li { padding-left: 6px; line-height: 20px; letter-spacing: -1px; background: url("/images/user/blit_16.gif") no-repeat 0 10px; }

.worldmap { background: url("/images/user/bg/bg_worldmap.png") no-repeat center 325px; }
.txt_korean_eng_time { margin-bottom: 30px; }
.txt_korean_eng_time img { vertical-align: top; }

.sec_business_eng h1 { margin-bottom: 20px; padding: 0 20px; line-height: 34px; font-size: 32px; font-weight: 600; letter-spacing: -2px; }
.red_circle { padding: 78px 0 56px 0; width: 305px; background: url("/images/user/bg/bg_red_circle_2.png") no-repeat 0 0; }
.red_circle p:first-child { margin: 0; }
.red_circle p { margin-top: 20px; line-height: 22px; font-size: 20px; font-weight: 600; letter-spacing: -2px; text-align: center; }

.flt_wrap .red_circle { margin-right: 65px; float: left; }
.flt_wrap .list01 { padding-top: 80px; float: left; }


/* calendar */
.paging_calendar { margin-bottom: 20px; text-align: center; }
.paging_calendar a { display: inline-block; padding: 8px 4px; height: 19px; line-height: 19px; vertical-align: top; *display: inline; *zoom: 1; *padding: 10px 4px 6px 4px; }
.paging_calendar strong { display: inline-block; padding: 0 20px; color: #5c5b5b; line-height: 35px; font-size: 33px; letter-spacing: -1px; vertical-align: top; *display: inline; *zoom: 1; }
.paging_calendar strong span { color: #e75e5e; }
.paging_calendar img { vertical-align: middle; }

.tbl_calendar_wrap { background: url("/images/user/bg/bg_calendar.png") no-repeat center 0; }
.tbl_calendar { width: 100%; border-bottom: 4px solid #cecece; }
.tbl_calendar th { color: #fff; height: 33px; line-height: 33px; font-size: 15px; }
.tbl_calendar td { padding: 8px; height: 82px; font-weight: bold; border: 1px solid #d4d4d4; vertical-align: top; }
.tbl_calendar tbody tr:first-child td { border-top: 0 none; }
.tbl_calendar .sun { color: #ff0042; border-left: 0 none; }
.tbl_calendar .sat { color: #003cff; border-right: 0 none; }
.tbl_calendar .icon_check { display: block; margin-top: 7px; }
.tbl_calendar .icon_check img { vertical-align: top; }



.point_guide dd { border-top: 1px solid #e53c66; background: #fcf5f6; }
.point_guide ul { padding: 5px 17px; }
.point_guide li { color: #656565; line-height: 20px; }


/* form */
.board_form { margin-bottom: 10px;}
/* .board_form fieldset { *zoom: 1; } */
.board_form fieldset:after { content: ""; display: block; clear: both; }
.board_form fieldset > label { margin-right: 4px; float: left; }
.board_form fieldset > .inp_0 { margin-right: 4px; float: left; }
.board_form dl { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
.board_form dl:after { content: ""; display: block; clear: both; }
.board_form dt {color: #393939; font-size: 15px; float: left; padding-top: 10px; }
.board_form dt label { display: block; margin-right: 4px; }
.board_form dd { float: left; }



/* .join_member_form { padding: 0 156px; } */
.join_member_form dl { position: relative; margin-top: 12px; padding-left: 130px; }
.join_member_form dt { position: absolute; top: 0; left: 0; padding-left: 15px; width: 128px; height: 20px; color: #5a5b5c; line-height: 37px; font-weight: bold; }
.join_member_form dt .red_star { position: absolute; top: 0; left: 0; }
.join_member_form dt label { vertical-align: middle; }

.join_member_form .dl_intro { position: static; margin: 0; padding: 0 0 25px 0; border-bottom: 1px solid #cecece; *zoom: 1; }
.join_member_form .dl_intro:after { content: ""; display: block; clear: both; }
.join_member_form .dl_intro dt { position: static; margin-right: 10px; padding: 0; width: auto; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; float: left; }
.join_member_form .dl_intro dd { float: left; }
.join_member_form .dl_intro img { vertical-align: top; }

/* popup */
.pop_body_wrap { padding: 17px 22px; background: #fff; *zoom: 1; }
.pop_body_wrap:after { content: ""; display: block; clear: both; }
.title_popup { padding: 12px 24px; height: 17px; line-height: 17px; font-size: 15px; background: #2c2d2f; }
.title_popup img { vertical-align: top; }
.title_popup_2 { margin-bottom: 10px; color: #2f3032; line-height: 16px; font-size: 14px; letter-spacing: -1px; }

.bd_box_1 { margin-bottom: 15px; padding: 13px 20px; width: 248px; height: auto; border:1px solid lightgray; border-radius: 10px;}
.bd_box_1 p { color: #990d04; text-align: right; }
.bd_box_1 dl { margin-bottom: 12px; *zoom: 1; }
.bd_box_1 dl:after { content: ""; display: block; clear: both; }
.bd_box_1 dt { float: left; }
.bd_box_1 dd { float: left; }
.bd_box_1 dt img { vertical-align: middle; }
.bd_box_1 dt label { display: block; padding-top: 20px; width: 100px; height: 0; overflow: hidden; }
.bd_box_1 .dl_1 dt label { background: url("/images/user/txt_pw_1.png") no-repeat 0 4px; }
.bd_box_1 .dl_2 dt label { background: url("/images/user/txt_pw_2.png") no-repeat 0 4px; }
.bd_box_1 .dl_3 dt label { background: url("/images/user/txt_pw_3.png") no-repeat 0 4px; }

.bd_box_2 { margin-bottom: 15px; padding: 13px 20px; width: px; height: 90px; background: url("/images/user/bg/bg_bd_box_2.png") no-repeat 0 0; }
.bd_box_2 dl { margin-top: 12px; *zoom: 1; }
.bd_box_2 dl:first-child { margin: 0; }
.bd_box_2 dl:after { content: ""; display: block; clear: both; }
.bd_box_2 dt { padding: 3px 0 5px 0; width: 83px; height: 12px; line-height: 12px; font-size: 10px; float: left; }
.bd_box_2 dt label { display: block; padding-top: 12px; height: 0; overflow: hidden; }
.bd_box_2 .dl_1 dt label { background: url("/images/user/txt_name.png") no-repeat 0 0; }
.bd_box_2 dd { float: left; }
.bd_box_2 dt img { vertical-align: middle; }

/*.bd_box_2add*/
.id_search_formadd .bd_box_2 {
    width: 450px;
    height:130px;
    background:none;
    border: 1px solid lightgray;
    border-radius: 10px;
}
.id_search_formadd .inp_0 input {width:130px;}
.id_search_formadd .btn {padding:10px 24px;}
.id_search_formadd .btn.btn-default {padding:9px 24px;}

.pw_change_form { /* width: 335px; */width:100%; background: #fff; }
.pw_change_form .bd_box_1{width:100%; max-width:420px; margin:0 auto 15px;}
.pw_change_form .inp_0 input{width:310px;}
.id_search_form { /*width: 468px;*/ width:550px; background: #fff; }
.id_search_form p { margin-bottom: 15px; }
.id_search_form p img { vertical-align: middle; }



.id_confirm_form { width: 468px; background: #fff; }
.id_confirm_form .inp_box { margin-bottom: 10px; padding: 12px 26px; border:1px solid #cdcdcd; border-radius: 7px; }
.id_confirm_form .inp_0 { display: inline-block; margin-right: 12px; vertical-align: middle; *display: inline; *zoom: 1; }
.id_confirm_form .btn_area { display: inline-block; width: 146px; vertical-align: middle; *display: inline; *zoom: 1; }
.id_confirm_form .btn_area .btn_2 { margin-right: 4px; }


.pop_library_preview { width: 522px; }
.pop_library_preview .pop_body_wrap { padding: 20px; }
.pop_library_preview .pic { float: left; }
.pop_library_preview .pic img { width: 240px; height: 320px; vertical-align: top; }
.pop_library_preview dl { width: 218px; float: right; }
.pop_library_preview dt { margin-bottom: 15px; padding-bottom: 3px; color: #2f3032; line-height: 16px; font-size: 14px; font-weight: bold; letter-spacing: -1px; border-bottom: 1px solid #dadada; }
.pop_library_preview dl .price { margin-bottom: 13px; color: #2f3032; font-weight: bold; text-align: right; }
.pop_library_preview dl .price span { color: #c91003; }
.pop_library_preview dl .price dfn { font-weight: bold; }
.pop_library_preview dl .txt { margin-bottom: 15px; padding: 7px 12px; min-height: 68px; letter-spacing: -1px; background: #fdf6e4; }
.pop_library_preview dl .btn_area { text-align: center; }


.pop_library_lecture { width: 600px; }
.pop_library_lecture .pop_body_wrap { padding: 22px; }
.pop_library_lecture .right { position: relative; }
.pop_library_lecture .right .btn_3 { position: absolute; bottom: 0; left: 0; margin: 0; }
.pop_library_lecture .right a { margin-left: 5px; }
.pop_library_lecture .tbl_1 a { color: #2f3032; }


.pop_lecture_set_form { width: 468px; }
.pop_lecture_set_form legend { width: 420px; }
.pop_lecture_set_form .pop_body_wrap { padding: 12px 24px 20px 24px; }
.pop_lecture_set_form .dl_box { padding: 13px 33px; background: url("/images/user/bg/bg_bd_box_7.png") no-repeat 0 0; }
.pop_lecture_set_form .dl_box dl:first-child { margin-bottom: 14px; }
.pop_lecture_set_form .dl_box dl { *zoom: 1; }
.pop_lecture_set_form .dl_box dl:after { content: ""; display: block; clear: both; }
.pop_lecture_set_form .dl_box dt { width: 63px; height: 20px; color: #2f3032; line-height: 20px; letter-spacing: -1px; float: left; }
.pop_lecture_set_form .dl_box dt label { display: block; }
.pop_lecture_set_form .dl_box dd { float: left; }
.pop_lecture_set_form .dl_box dl .inp_0 { margin-right: 3px; width: 166px; }
.pop_lecture_set_form .dl_box dl .slt_0 { width: 256px; }
.pop_lecture_set_form .dl_box dl .btn_calendar img { vertical-align: top; }
.pop_lecture_set_form .p_box { margin-bottom: 25px; padding: 15px 18px; }
.pop_lecture_set_form p:first-child { margin: 0; }
.pop_lecture_set_form p { margin-top: 17px; line-height: 17px; font-size: 11px; letter-spacing: -1px; }
.pop_lecture_set_form p em { display: block; }

.pop_refund { width: 600px; background: #fff; }
.pop_refund .pop_body_wrap { padding: 27px 24px 14px 24px; }
.pop_refund .tbl_8 th { padding: 8px 20px; background: #FCF5F6 url("/images/user/blit_15.gif") no-repeat 14px 16px; }

.pop_basket_coupon { width: 600px; }
.pop_basket_coupon .pop_body_wrap { padding: 25px; }


/* 20140613 �빊遺쏙옙 */
.bdbox01 { padding: 6px 0 0 0; }
.bdbox01_bg { padding: 0 0 6px 0; }
.bdbox01_wrap { padding: 0 1px; }

.sitemap { padding: 10px 13px; *zoom: 1; }
.sitemap:after { content: ""; display: block; clear: both; }
.sitemap > h1 { padding: 0 3px; line-height: 14px; font-size: 12px; }
.sitemap img { vertical-align: top; }
.sitemap > section { display: inline-block; padding: 20px 24px; width: 180px; float: left;height: 280px; }
.sitemap > section h1 img { vertical-align: bottom; }
.sitemap > section h1 { padding: 0 10px 7px 10px; line-height: 17px; font-size: 15px; border-bottom: 1px solid #ee352a; }
.sitemap > section > ul > li { border-bottom: 1px solid #cecece; }
.sitemap > section > ul > li > a { display: block; padding: 6px 12px; color: #2f3032; font-weight: bold; }
.sitemap > section .depth { padding-bottom: 5px; }
.sitemap > section .depth > li > a { display: block; padding: 3px 25px; color: #5a5b5c; font-weight: bold; background: url("/images/user/blit_7.png") no-repeat 18px 10px; }

.sitemap_1,
.sitemap_2,
.sitemap_3 { min-height: 228px; }
.sitemap_4,
.sitemap_5,
.sitemap_6 { min-height: 187px; }

.flt_none { float: none !important; }
.pic_opacity { margin-bottom: 10px; }
.pic_opacity img { opacity: 0.3; filter: Alpha(opacity=30); vertical-align: top; }

.join_area { height:500px; } /*--*/

#form2 fieldset {
	padding : 50px 0;
}

.sitemap_wrap, #footer {
	margin: 0 auto;
	width: 1200px;
}

.content_wrap {
    /* 최소높이 450->649로 변경. 전 서브 탭 동일한 높이 강제로 적용하여 푸터 밑의 공간 삭제 */
	min-height: 649px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	/* padding-bottom:50px; */
}

.cont-txt {
	font-size: 15px;
	line-height: 1.7;
}
.emphasis-txt img {
	padding-bottom: 30px;
	padding-top: 30px;
}



.detail_btn {
	border-radius: 10px;
	border: 1px solid #cecece;
	display: block;
	padding: 7px;
}
.line_small_btn {
	border-radius: 13px;
	border: 1px solid #cecece;
	display: block;
	padding: 2px 8px;
	float: left;
	margin-left: 2px;
}
.yellow_line_small_btn {
	border-radius: 13px;
	border: 1px solid #ffec60;
	display: block;
	padding: 2px 8px;
	background: #ffec60;
	float: left;
	margin-left: 2px;
}
.red_line_small_btn {
	border-radius: 13px;
	border: 1px solid #ffb0b0;
	display: block;
	padding: 2px 8px;
	background: #ffb0b0;
	float: left;
	margin-left: 2px;
}

.search_bar {
	padding: 10px; background: rgb(246, 246, 246) none repeat scroll 0px 0px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);}


.join_title {
	display: inline-block;
	font-size: 16px;
	width: 140px;
}

.combo-arrow {
	margin: 10px 10px 0 0;
}


.btn.btn-warning.round.btn-sm > span {
	vertical-align: middle;
}
    /* WebKit browsers */
input:focus::-webkit-input-placeholder { color:transparent; }

    /* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }

    /* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

    /* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }


/* .login_input input {
	padding-left: 10px;
} */

/* .input_area > h2 {
	font-size: 20px;
	font-weight: 500;
}
.input_area > p {
	padding : 5px 0px 20px;
} */



.info-area .edu-view-table {
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 25px;
}
.info-area .edu-view-table tr {
    border-top: 1px solid #d1d1d1;
}
.info-area .edu-view-table th {background-color: #f7f7f7;}
.info-area .edu-view-table td {padding-left: 36px;}
.info-area .edu-view-table th, .info-area .edu-view-table td {
    height: 48px;
    box-sizing: border-box; 
    font-size:17px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.info-detail {padding: 53px 23px;}
.info-detail .title, .title.lecture_title {display: block; margin-bottom: 11px; padding-left: 19px; font-size: 20px; font-weight: 500; letter-spacing: -0.7px;}
.info-detail .text{margin-bottom:10px; line-height: 200%; letter-spacing: -0.8px; word-break:keep-all;}
.info-detail .text-box {margin-bottom: 30px;}
.info-detail .text-box .img-info {margin-top: 7px;}
.info-detail .title.middle-title {margin-bottom: 15px;font-size: 20px;}
.info-detail .title.small-title {margin-bottom: 0;font-size: 18px;font-weight: 500;}
.info-detail .text-box.pd-l {padding-left: 20px;}

.ul-text {display: inline-block; vertical-align: middle; margin-left: 30px;}
.ul-text li>p:before {
    /*content: '';
    display: inline-block;
    margin-right: 5px;
    background-color: #182c4e;
    width: 4px;
    height: 4px;
    vertical-align: middle;*/
}
.ul-text li {padding-left: 11px; text-indent: -5px; line-height: 200%; font-size:17px;}

.file_list li {margin: 5px 0;}
.file_list li a,
.file_list li p{display: inline-block; vertical-align:middle;}
.file_list li a{padding:5px 10px; font-size:14px;}
.file_list li p {margin-left: 10px;font-size: 15px; font-weight: 600;}
.file_list li p .date {font-size: 13px; font-weight: 500; color: #999;}

/* 관리자 화면 상단 버튼 */
/* #container .content .inner div.topBtn_list{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 20px;
    min-width: 1200px;
}
#container .content .inner div.topBtn_list a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 35px;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 5px;
    font-size: 14px;
}
#container .content .inner div.topBtn_list a:hover{
    background: #76B716;
    border: 1px solid #76B716;
    color: #fff;
} */


/* 2024-03-11 , 03-21 재작업 로그인단 css 작업 */

#container .inner form .login_area .bottom .login_etc ul{display: flex; align-items: center; gap:20px;}
#container .inner form .login_area .bottom .login_etc ul li{font-size:.85rem; color:#999;}
#container .inner form .login_area .bottom .login_etc ul li a{display: inline-block; cursor: pointer; position:relative;}
#container .inner form .login_area .bottom .login_etc ul li a:hover{color:#333;}
#container .inner form .login_area .bottom .login_etc ul li.find_pw a::before,
#container .inner form .login_area .bottom .login_etc ul li.join_member a::before{content:''; display:block; position:absolute; top:0; left:-10px; width:1px; height:100%; background:#d4d8d9;}


/* 개인정보처리방침 · 이용약관 css*/
#subWrap {
    width: 100%; 
    margin: 150px 0 100px; 
    padding-top:50px;
}
#subContent {
 	width:70%;
 	margin: 0 auto;
    display: block; 
}
#subContent .sub-title{padding-bottom:15px; text-align:center;}

#sub_tab {
    padding: 20px; 
    background-color: #f9f9f9;
    border: 1px solid #ddd; 
}

textarea.txtarea03 {
    width: 100%;
    box-sizing: border-box; 
    resize: vertical; 
    height:1000px;
}

/* 2024-03-12 아이디·비번찾기 화면 css */

.form_wrap{
	/* height:100vh;  */
	position:relative;
}
.form_wrap .form_area{
	width:550px;
	margin: 195px auto 50px;
	padding:65px 90px 65px;
	border-radius:20px;
	box-shadow:0 20px 30px rgba(225,225,225, .7), 0 -5px 10px rgba(225,225,225, .7);
	background: #fff;
}
.form_area form .tabMenu{
	margin-bottom:20px;
}
.form_area form .tabMenu ul{
	display:flex;
}
.form_area form .tabMenu ul li{
	width:50%;
	text-align:center;
	background:#fff;
}
.form_area form .tabMenu ul li a{
	display:flex;
	align-items:center;
	justify-content:center;
	color: #333;
	border:1px solid #277FF9;
	height:50px;
	font-weight:500;

}
.form_area form .tabMenu ul li:nth-of-type(1) a{
	border-right:none;
}
.form_area form .tabMenu ul li:nth-of-type(2) a{
	border-left:none;
}
 /* tab 메뉴를 클릭했을때 li에 on클래스 추가*/
.form_area form .tabMenu ul li.on{
	background:#277FF9;
}
.form_area form .tabMenu ul li.on a{
	color:#fff;
}

/*.form_area form .text{margin-bottom:20px;}*/
.form_area form .text ul{text-align:center}
.form_area form .text ul li{
	display:none;
}
.form_area form .text ul li p:nth-of-type(1){
	font-size:1.1em;
	margin-bottom:5px;
} 
.form_area form .text ul li p:nth-of-type(2){
	font-size:.9em;
	color:#666;
} 
.form_area form .text ul li.on{
	display:block;
}

/*.form_area form .input_area{}*/
.form_area form .input_area .input_wrap{
	display:none;
	}
.form_area form .input_area .input_wrap.on{
	display:block;
}

.form_area form .input_area input#lgn_pwd,
.form_area form .input_area input#confirm_pwd,
.form_area form .input_area input#lgn_id,
.form_area form .input_area input#brno{
	width:100%;
	height:50px;
	margin-top:10px;
	padding: 0 20px;
	outline:none;
}
.form_area form .input_area input#lgn_pwd{
    margin-bottom: 20px;
}
.form_area form .input_area .check_btn{
	width:23.5%;
	height:50px;
	margin-top:10px;
	border-radius: 5px;
	color: #fff;
	border: 1px solid #ccc;
	background: #277FF9;
    transition: all .3s ease-in-out;
}
.form_area form .input_area .user_name,
.form_area form .input_area .date,
.form_area form .input_area .user_id,
.form_area form .input_area .phone_num,
.form_area form .input_area .etc_btn{
	margin-top:30px;
}
.form_area form .input_area .etc_btn{
	display:flex;
	gap:10px;
	justify-content:space-between;
}
.form_area form .input_area .etc_btn a.cancel_btn{
	width:calc(50% - 10px);
	display:flex;
	height:50px;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	border: 1px solid #ccc;
    transition: all .3s ease-in-out; 
}
.form_area form .input_area .etc_btn .check_btn2{
	width:calc(50% - 10px);
	height:50px;
	border-radius:5px;
	border: 1px solid #ccc;
	background: #277FF9;
	color:#fff;
    transition: all .3s ease-in-out;
}
.form_area form .input_area .etc_btn a.cancel_btn:hover{
    color: #383838;
}
/* .form_area form .input_area .check_btn:hover,
.form_area form .input_area .etc_btn .check_btn2:hover{
    background: #1348B3;
    color: #fff;
}
.form_area form .input_area .etc_btn a.cancel_btn:hover{
    background: #DB233E;
    color: #fff;
} */


	/*검색 결과 찾기 화면*/
.form_wrap .form_area form.hide{display:none;}
.form_wrap .form_area .result_wrap{display:none;}
.form_wrap .form_area .result_wrap.on{display:block;}
.result_area .result_wrap{text-align:center;}
.result_area .result_wrap h4{margin-bottom:15px;}
.result_area .result_wrap p{margin-bottom:10px;}
.result_area .result_wrap p span{font-weight:600;}
.result_area .result_wrap .return_btn{display:flex; align-items:center; justify-content:center; width:110px; height:40px; border-radius:5px; border:1px solid #ccc; background: #277FF9; color:#fff; margin:0 auto;}
/* .result_area .result_wrap .return_btn:hover{background : #277FF9; font-weight:600;}
 */

	/* 회원 가입 화면 */

	/*step 01 css*/
div.join { margin: 0 auto; padding-top:50px;     padding-bottom: 50px; width:1200px; overflow:hidden;}
	/* 상단 step 네비*/
div.join > ul { float:right; font-size:0; display: flex; align-items: center; justify-content: center;}
div.join > ul li { display:flex; align-items: center; justify-content: center; width:80px; height:35px; border:2px solid #4e4e4e; border-radius:27px; line-height:50px; text-align:center; background-color:#4e4e4e; }
div.join > ul li:nth-child(n + 2) { margin-left:6px; }
div.join > ul li > * { vertical-align:middle; }
div.join > ul li span b { color:#fff; font-size:1.2rem; font-weight:500; vertical-align:middle; }
div.join > ul li.on { width:auto; padding:0 10px; background-color:#fff; }
div.join > ul li.on span { color:#424242; font-size:1.2rem; font-weight:500; display: flex; align-items: center; justify-content: center;}
div.join > ul li.on span b { margin-left:5px; color:#424242; font-size:1.2rem; }
div.join > ul li.on em { display:inline-block; width:1px; height:14px; margin:0 11px; background-color:#819191; }
div.join > ul li.on strong { color:#424242; font-size:1.2rem; font-weight:500; }
	/* 상단 step 네비 end*/
	
div.join h2 { margin-bottom:35px; font-size:2rem; font-weight:600; line-height:54px; text-align:left; }
div.join h3 { margin-bottom:18px; font-size:2.4rem; text-align:left; }
div.join h3 span { margin-right:10px; color:#f86550; font-size:1.8rem; }
div.join h3 span img { vertical-align:middle; }
div.join .join_title{width:100%; margin-top: 10px;}
div.join .join_title h3{margin-bottom:18px; font-size:2.4rem; text-align:center;}
div.join .join_title p{color:#666; font-size:1.5em; text-align:center;}
div.join .join_division{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5%;
    margin-top: 50px;
}
div.join .join_division dl{
	display: flex;
    width: 20%;
    height: 250px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    border-radius: 10%; 
    color: #fff;   
}
div.join .join_division dl:nth-child(1){
    background: #835dbe;
    border:1px solid #835dbe;
}
div.join .join_division dl:nth-child(2){
    background: #007c94;
    border:1px solid #007c94;
}
div.join .join_division dl dt{
    font-size: 15px;
    font-weight: 600;
    overflow-wrap: break-word;
}
div.join .join_division dl dd a{    
	display: inline-block;
    border: 1px solid #ccc;
    /* background: #fff; */
    padding: 2px 15px;
    /* color: #333; */
    border-radius: 5px;
    transition: all .3s;
}
div.join .join_division dl dd img{width:100px;}
div.join .join_division dl:nth-child(1) dd a:hover{
    background: #ad98ec;
    color: #fff;
    border: 1px solid #ad98ec;
}
div.join .join_division dl:nth-child(2) dd a:hover{
    background: #61c1cf;
    color: #fff;
    border: 1px solid #61c1cf;
}




	/*기업 회원 step02 css*/
#container div.step02 { text-align:center; }
#container div.step02 h3 label { margin:0; color:#000; font-size:1.5rem; font-weight:500; }
#container div.step02 h3 label span { border-color:#000; margin-right: 0;}
#container div.step02 h3 strong { color:#f86550; }
#container div.step02 div.terms { overflow-y:auto; min-height:50px; max-height:400px; margin-bottom:50px; padding:30px 5px; border-top:2px solid #000; border-bottom:1px solid #cfd5d8; box-sizing:border-box; font-size:1.2rem; text-align:left; word-break:keep-all; }
#container div.step02 div.terms h4 { margin-bottom:5px; }
#container div.step02 div.terms p { margin-bottom:35px; line-height:1.5; }
#container div.step02 div.terms b { color:#378aff; font-size:1.2em; font-weight:inherit; text-decoration:underline; text-shadow:0 0 1px #00f; }
#container div.step02 div.terms > span { display:block; margin:-30px 0 35px; padding-left:15px; line-height:1.5; }
#container div.step02 div.terms > span::before { content:'ㆍ'; float:left; margin-left:-15px; }*/
#container div.step02 div.terms > ul { margin-bottom:35px; }
#container div.step02 div.terms ul li { padding-left:15px; line-height:1.5; }
#container div.step02 div.terms ul li span { float:left; margin-left:-15px; line-height:1.5; }
#container div.step02 div.terms p + ul { margin-top:-30px; }
#container div.step02 div.terms > *:last-child { margin-bottom:0; }
#container div.step02 div.choice { overflow:hidden; margin-bottom:40px; }
#container div.step02 div.choice label { float:left; clear:left; font-weight:500; }
#container div.step02 div.choice label strong { color:#f86550; }
#container div.step02 span.checkAll { display:block; margin:-10px 0 50px; padding:27px; background-color:#eff3f5; }
#container div.step02 span.checkAll label { margin:0; font-weight:500; font-size:1.1em; display:flex; align-items:center;justify-content:center;}
#container input.required:before{content:none;}
#container input[type=checkbox]{width:20px;height:20px;}
#container input[type=checkbox]:last-child{width:10px;height:10px;}
#container div.step02 .etc_btn{display:flex; align-items:center; justify-content:center;gap:30px;}
#container div.step02 .etc_btn a.button{display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #333; color:#333; width:120px; border-radius:5px; height:50px; font-size: 1.3rem;font-weight: 500;}
#container div.step02 .etc_btn a.blue{width:120px; height:50px; border:1px solid #00519f; background:#00519f; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}
#container div.step02 .etc_btn a.orange{width:120px; height:50px; border:1px solid #ccc; background:#277FF9; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}

	/* 기업 회원 step 03 css */
#container div.step03 label { display: inline-block; width: 150px; font-weight: bold; }
#container div.step03 form fieldset{padding:50px 50px 0; background:#f9f9f9;}
#container div.step03 form fieldset h4{font-size: 1.2em; font-weight:600; color:#333; display:inline-block; margin-bottom:10px;}
#container div.step03 div.group{margin-bottom:50px; border-top:1px solid #00519f; padding-top:20px;} 
#container div.step03 div.group label{font-size: .9em; color:#666; width:100%; padding-bottom:10px;}
#container div.step03 div.group input{height:50px; width:90%;}
#container div.step03 div.group div.form-group{position:relative;}
#container div.step03 div.group div.form-group button{width:100px; height:50px; font-size:.9em; color:#fff; background:#277FF9; border-radius:5px; }
#container div.step03 .etc_btn{display:flex; align-items:center; justify-content:center;gap:30px; margin-top:30px;}
#container div.step03 .etc_btn a.button{display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #333; color:#333; width:120px; border-radius:5px; height:50px; font-size: 1.3rem;font-weight: 500;}
#container div.step03 .etc_btn a.blue{width:120px; height:50px; border:1px solid #00519f; background:#00519f; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}
#container div.step03 .etc_btn a.orange{width:120px; height:50px; border:1px solid #ccc; background:#277FF9; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}

	/* 기업 회원, 평가위원·사업관리자 회원 step 04 css */
#container div.step04 .join_finish,#container div.step07 .join_finish{height: calc(100vh - 200px); position: relative;}
#container div.step04 .join_finish .finish_layout,#container div.step07 .join_finish .finish_layout{width:50%; margin: 0 auto; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center;} 
#container div.step04 .join_finish .finish_layout strong,#container div.step07 .join_finish .finish_layout strong{font-size:1.6rem; margin-bottom:50px;}
#container div.step04 .join_finish .inish_layout a,#container div.step07 .join_finish .finish_layout a{width:150px; height:50px; border:1px solid #ccc; border-radius:5px; display:flex; align-items: center; justify-content:center; font-size:1.1em; color:#fff; background:#277FF9; } 
#container div.step04 .join_finish .finish_layout div.ckeck_icon,#container div.step07 .join_finish .finish_layout div.ckeck_icon{background:#277FF9; border-radius:100%; width:150px; height:150px; margin-bottom:25px; display:flex; align-items:center;justify-content:center;}
#container div.step04 .join_finish .finish_layout div.ckeck_icon img,#container div.step07 .join_finish .finish_layout div.ckeck_icon img{width:100px;height:100px;}

	/*평가위원·사업관리자 회원 step05 css*/
#container div.step05 { text-align:center; }
#container div.step05 h3 label { margin:0; color:#000; font-size:1.5rem; font-weight:500; }
#container div.step05 h3 label span { border-color:#000; margin-right: 0;}
#container div.step05 h3 strong { color:#f86550; }
#container div.step05 div.terms { overflow-y:auto; min-height:50px; max-height:400px; margin-bottom:50px; padding:30px 5px; border-top:2px solid #000; border-bottom:1px solid #cfd5d8; box-sizing:border-box; font-size:1.2rem; text-align:left; word-break:keep-all; }
#container div.step05 div.terms h4 { margin-bottom:5px; }
#container div.step05 div.terms p { margin-bottom:35px; line-height:1.5; }
#container div.step05 div.terms b { color:#378aff; font-size:1.2em; font-weight:inherit; text-decoration:underline; text-shadow:0 0 1px #00f; }
#container div.step05 div.terms > span { display:block; margin:-30px 0 35px; padding-left:15px; line-height:1.5; }
#container div.step05 div.terms > span::before { content:'ㆍ'; float:left; margin-left:-15px; }*/
#container div.step05 div.terms > ul { margin-bottom:35px; }
#container div.step05 div.terms ul li { padding-left:15px; line-height:1.5; }
#container div.step05 div.terms ul li span { float:left; margin-left:-15px; line-height:1.5; }
#container div.step05 div.terms p + ul { margin-top:-30px; }
#container div.step05 div.terms > *:last-child { margin-bottom:0; }
#container div.step05 div.choice { overflow:hidden; margin-bottom:40px; }
#container div.step05 div.choice label { float:left; clear:left; font-weight:500; }
#container div.step05 div.choice label strong { color:#f86550; }
#container div.step05 span.checkAll { display:block; margin:-10px 0 50px; padding:27px; background-color:#eff3f5; }
#container div.step05 span.checkAll label { margin:0; font-weight:500; font-size:1.1em; display:flex; align-items:center;justify-content:center;}
#container div.step05 .etc_btn{display:flex; align-items:center; justify-content:center;gap:30px;}
#container div.step05 .etc_btn a.button{display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #333; color:#333; width:120px; border-radius:5px; height:50px; font-size: 1.3rem;font-weight: 500;}
#container div.step05 .etc_btn a.blue{width:120px; height:50px; border:1px solid #FFA500; background:#FFA500; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}

	/* 평가위원·사업관리자 회원 step 06 css */
#container div.step06 label { display: inline-block; width: 150px; font-weight: bold; }
#container div.step06 form fieldset{padding:50px 50px 0; background:#f9f9f9;}
#container div.step06 form fieldset h4{font-size: 1.2em; font-weight:600; color:#333; display:inline-block; margin-bottom:10px;}
#container div.step06 div.group{margin-bottom:50px; border-top:1px solid #FFA500; padding-top:20px;} 
#container div.step06 div.group label{font-size: .9em; color:#666; width:100%; padding-bottom:10px;}
#container div.step06 div.group input{height:50px; width:80%;}
#container div.step06 div.group div.form-group{position:relative;}
#container div.step06 div.group div.form-group button{width:100px; height:50px; font-size:.9em; color:#fff; border:1px solid #FFA500; background:#FFA500; border-radius:5px; position:absolute; right:100px; bottom:0px;}
#container div.step06 .etc_btn{display:flex; align-items:center; justify-content:center;gap:30px; margin-top:30px;}
#container div.step06 .etc_btn a.button{display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #333; color:#333; width:120px; border-radius:5px; height:50px; font-size: 1.3rem;font-weight: 500;}
#container div.step06 .etc_btn a.blue{width:120px; height:50px; border:1px solid #FFA500; background:#FFA500; color:#fff; border-radius:5px;font-size: 1.3rem;font-weight: 500; display:flex; align-items:center; justify-content:center;}

	
/*관리자 대시보드*/
/* #container .content_wrap .status_wrap{ margin:0 0 0 0; position:relative; padding: 50px 0; z-index: 1;} */
#container .content_wrap .status_wrap{width:1200px; margin:0 auto; position:relative; padding: 50px 0; z-index: 1;}
#container .content_wrap .status_wrap::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
    height: 100%;
    background: url(/images/main/main_back1.png) center no-repeat; background-size: cover;
    filter: blur(1px); /* blur 효과 적용 */
    z-index: -1;
}
#container .content_wrap .status_wrap .select_title{ margin-bottom: 15px; display: flex; align-items: center; gap: 20px;}
#container .content_wrap .status_wrap .select_title>span{
    color: #fff;
    font-size: 1em;
    font-weight: 500;
}
/* #container .content_wrap #currentYear{
    margin-bottom: 15px;
} */
#container .content_wrap .progress_box{
    /* border: 1px solid #000; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}	
#container .content_wrap .progress_box div.pr{
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    width: 20%;
    height: 350px;
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    border-radius: 10px;
    background: rgba(255, 255, 255, .75);
}
#container .content_wrap .progress_box div.pr img{width: 100%; height: auto; object-fit: cover; }
#container .content_wrap .progress_box div.pr .img_wrap{
    width: 55px; height: 55px; border-radius: 100%; padding: 10px; background: #FF3333;
}
#container .content_wrap .progress_box div.box2 .img_wrap{ background: #ffc84a;}
#container .content_wrap .progress_box div.box3 .img_wrap{ background: #81CC79;}
#container .content_wrap .progress_box div.box4 .img_wrap{ background: #50b2db;}
#container .content_wrap .progress_box div.box5 .img_wrap{ background: #A9A9A9;}
#container .content_wrap .progress_box div.pr h5{
    font-size: 20px;
    font-weight: 600;
    color:#333;
  
}
#container .content_wrap .progress_box div.pr div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}
#container .content_wrap .progress_box div.pr div a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    /* font-family: "Malgum Ghthic"; */
    gap: 40px;
    width: 100%;
}
#container .content_wrap .progress_box div.pr div a:hover{
    color: #FF3333;
}
#container .content_wrap .progress_box div.pr div a span{
    color: #333;
    font-weight: 600;
}
#container .content_wrap .progress_box div.pr div a span.count .red{
    color: #FF3333;
}

    /* table 현황판 */
.content_wrap div.mid_table{
    width: 1200px; 
    margin: 0 auto; 
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    
}
#container .content_wrap div.mid_table table tbody td a.apply_btn{
    border: 1px solid #ccc;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
    background: #f6f6f6;
    padding: 2px 10px;
    border-radius: 5px;
}
#container .content_wrap div.mid_table table tbody td a.apply_btn img{
    width: 15px;
    height: auto;
}

 /* 각 서브 게시판 상세보기 sub_btn / input-> 삭제 버튼 / 맨 하단 버튼목록 */
 a.check_btn{
    border-radius: 5px;
    background: #f6f6f6;
    color: #383838;
    border: 1px solid #ccc;
 }
 a.sub_btn{
    float: right;
    width: 80px;
    height: auto;
    border: 1px solid #ccc;
    color: #fff;
    background: #1E63A8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 0;
    margin-right: 5px;
}
a.sub_btn.all_down{width: 100px;}
a.sub_btn:hover{
    /* background: #DB233E; */
    color: #fff;
}
a.delete_btn{
    display: flex;
    width: 100px;
    height: auto;
    border: 1px solid #ccc;
    background: #ccc;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}
.bottomBtn_list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    /* margin-right: 25px; */
}
.bottomBtn_list a,
.bottomBtn_list button.btnadd{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 110px;
   height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #fff !important;
    background: #1E63A8;
}
.bottomBtn_list a.delete{
    border: 1px solid #ccc;
    background: #f6f6f6;
    color: #383838 !important;
}

/* .bottomBtn_list a:hover{
    background: #1348B3;
    color: #fff;
} */

/* 중간보고 상세보기 버튼 */
.table_wrap .report_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.table_wrap .report_btn button{
    width: 110px;
    height: 40px;
}

    /* 협약 단계별 진행상태 css  */
.content .inner .table_wrap div.stage_wrap{
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
   
}
.content .inner .table_wrap div.stage_wrap ul.stage{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.content .inner .table_wrap div.stage_wrap ul.stage li span{
    display: block;
    border-radius: 50px;
    padding: 5px 10px;
    width: 150px;
    text-align: center;
    border: 1px solid #8888;
    position: relative;
}
.content .inner .table_wrap div.stage_wrap ul.stage li span::after{
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #8888;
    position: absolute;
    right: -14.5%;
    top: 50%;
}
.content .inner .table_wrap div.stage_wrap ul.stage li:last-child span::after{
    content: none;
}
.content .inner .table_wrap div.stage_wrap ul.stage li span.active{
    background: #277FF9;
    color: #fff;
}


/* input table input 크기 조절 css */
#container .tbl_1add tbody input.agreement_box,
#container .tbl_3add tbody input.agreement_box{
    width: 12px;
    height: 12px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ajax-upload-dragdrop{
    width: 420px !important;
}


/* 자료 다운로드 아이콘 추가 */
.btn_down img{margin-right: 5px;vertical-align:middle;}
.btn_down.down_icon{display: inline-block; padding-left: 18px; text-indent: -20px; word-break: break-all;}


.document-change {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ccc;
    margin: 8px 0;
}
.agmtChgLine {
    flex: 1;
    border-bottom: 1px dotted #ccc;
}
.agmtChgText {
    padding: 0 10px !important;
    white-space: nowrap;
}

.document-change-Admin {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: red;
    margin: 8px 0;
}
.agmtChgLineAdmin {
    flex: 1;
    border-bottom: 1px dotted red;
}

.document-change-User {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: blue;
    margin: 8px 0;
}
.agmtChgLineUser {
    flex: 1;
    border-bottom: 1px dotted blue;
}

/* 팝업 디자인  */
.wrap{height: auto;}
.popBtn {border: 0; background: none; cursor:pointer;}
.main_popup { position: fixed; z-index: 1005; border:1px solid black; top: 10%; left: 25%; display: none;}
.main_popup.on { display: block; background-color: #333;}
.main_popup .img_wrap {width: 500px; height: auto; max-height: 700px; display:flex; justify-content:center; margin-top:30px; overflow: auto;}
.main_popup .btn_close {width: 32px; height: 32px; position: absolute; top: 17px; right: 17px; font-size: 0; border: 0; background: none;}
.main_popup .btn_close::before {content: ""; width: 2px; height: 16px; background-color: #fff; position: absolute; top: -10px; left: 30px; transform: rotate(45deg);}
.main_popup .btn_close::after {content: ""; width: 16px; height: 2px; background-color: #fff; position: absolute; top: -3px; left: 23px; transform: rotate(45deg);}
.btn_today_close {width: 100%; height: 45px; background-color: #333; text-align: center; color: #fff; font-size: 14px; display: block;}
.btn_today_close  span {display: block; line-height: 40px; vertical-align: bottom; opacity: 0.8;}
.popup_content{height: 12vw; 	padding-left: 17px; padding-top: 15px; overflow-y : auto;}



.table_wrap div.stage_wrap{
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
   
}
.table_wrap div.stage_wrap ul.stage{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.table_wrap div.stage_wrap ul.stage li span{
    display: block;
    border-radius: 50px;
    padding: 5px 10px;
    width: 150px;
    text-align: center;
    border: 1px solid #8888;
    position: relative;
}
.table_wrap div.stage_wrap ul.stage li span::after{
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #8888;
    position: absolute;
    right: -14.5%;
    top: 50%;
}
.table_wrap div.stage_wrap ul.stage li:last-child span::after{
    content: none;
}
.table_wrap div.stage_wrap ul.stage li span.active{
    background: #277FF9;
    color: #fff;
}

a.btn.delete {
	font-size: 14px !important;
}