/*-----------------------------------------------------------------------------------------------
   공통 :TOP GNB
    - FC6F72
   
   웹 사이즈 : 1200px 기준
   텝 사이즈 : 999px 	@media screen and (max-width:999px){
   모바일 사이즈 : 640p @media screen and (max-width:640px){
   최소 사이즈 : 480p @media screen and (max-width:480px){
   
   주요 color : 
    - 레드 ; #E94C40
        - 블루 : #49a8f1 / #2385d0
    - 그린 : #2c82c8
-------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------
   메뉴 - 탑 :: GNB
------------------------------------------------------------------------------------------------- */
#header{position: absolute; top: 0; left: 0;  width: 100%; height: 130px ; background-color: #f1f1f1; overflow: hidden; border-bottom:1px solid #bfcbd1;    }

/* 메뉴오버--------------------------------- */

#header{height: 120px; overflow : hidden; background-color: #fff; z-index: 9;}
#header:hover{height: 380px; overflow : inherit; }


/* 테스트용 :: 서브메뉴 보이도록 함 ----------------------*/
/* #header{height: 380px !important; overflow : inherit; } */
#gnb { z-index: -1;}
#gnb .depth2, 
#gnb .nav_bg,
#gnb .gnb_banner  { display: block !important;}

@media screen and (max-width:740px){
	#header { height:1000px; z-index: 999; border-bottom:none;}
	#gnb { display: block ;overflow : inherit; }
}
/* //테스트용 :: 서브메뉴 보이도록 함 ----------------------*/


/*linear-gradient(109deg, #00fe28 2%, #00ffc9 48%, #006cff 98%) !important*/
/*linear-gradient(109deg, #82E673 2%, #2c8 48%, #0cb 98%) !important; */
.topline { display:block;height: 40px ; margin: 0 auto; background-image:linear-gradient( 135deg, #88c0e8 10%, #11ccd9 60%, #306dc0 80%)}
.topline a { display:inline-block;color:#fff; padding: 0 12px; line-height:36px; margin-top:2px; cursor: pointer}
.topline ul > a:last-child { padding-right:0;}

.topline .role_wrap { float:left;}
.topline .login_wrap { float:right; text-align: right;}
.topline .login_wrap a:last-child { padding-right:0}

@media screen and (max-width:740px) {
    .topline {height: 60px;padding-left:10px;}
    .topline a {line-height: 40px; margin:10px 1px 10px 0; background: rgb(0 0 0 / 18%);float: left;min-width: 80px;text-align: center;}
    .topline .menu_close {position: absolute; right:0; float: right;;height: 60px;width: 30px;background: url(/wontalk/images/common/icon_menu_close_w.png) no-repeat 50% 50%;vertical-align: middle; margin:0 0 0 0 ; }
    .topline .login_wrap { float:left;}
}

.header{display:block; position : relative;width: 100%; margin: 0 auto; padding:0px;z-index: 999; background-color: #fff; border-bottom:1px solid #ccc}

.header .gnb_fix { position: absolute;top: 80px;left: 50%; height:80px;transform: translate(-50%, -50%); }
.header .gnb_fix h1 { float: left ; display: inline-block; height:80px; margin-right:0; margin-top:0px;}
.header .gnb_fix h1 a { display: block; ; height: 80px ;  width:160px;background: url(../images/renewal/logo.png) no-repeat 0 50% ; background-size:100% auto;font-family: 'NanumSquare';    font-weight: 600; }
.header .gnb_fix .menu_all {  float: right; display: inline-block; width: 30px ; margin-top:29px; text-indent: -9999px ; background: url(/wontalk/images/common/icon_menu.png) no-repeat 100% 50%; vertical-align: middle; }

#gnb {}
#gnb .depth1 {display:block;text-align: center; margin: 0 auto;  width: 100%; padding-left:120px;}
#gnb .depth1 > li {position: relative; width: 16%;; display: inline-block;text-align: center;vertical-align: top; }
#gnb .depth1 > li > a{position:relative;display:block;margin: 0;line-height: 80px;font-size: 20px;font-weight:400;color:#333;box-sizing: border-box;  font-family: 'NanumSquare';    font-weight: 600;}
#gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 2px;background: #FC6F72;}
#gnb .depth1 > li:hover > a::after {display:block;animation: menuOn 0.5s ease 0.5;}
#gnb .depth1 > li:hover > a, #gnb .depth1 > li.active > a { color:#FC6F72;}

#gnb .depth2 {display:none;overflow:hidden;position:absolute;left: 0;z-index: 10;width: 100%;box-sizing: border-box;text-align:center;}
#gnb .depth2 li a{display:block;line-height:50px;color:#333;border-bottom: 1px solid #ddd;text-align: center; }
#gnb .depth2 li a:hover{/*color: #0e4fa3;border-bottom: 1px solid #0e4fa3;*/color: #E94C40 ; }
#gnb .depth2 li.active a { color:#18A8F1}

#gnb .nav_bg {/*display:none;*/position:absolute;top: 110px;left: 0;width: 100%;height: 400px;background: #f5f5f5;}

/* 메뉴하단 왼쪽 배너 */
#gnb .gnb_banner{ position: absolute;  display: none; top:239px; right:10px;}
#gnb .gnb_banner li{text-align: left;font:18px/1.6   'NanumSquare'; ine-height:50px; padding-left:10px;}
#gnb .gnb_banner li font.red { color:#E94C40; font-weight:bold; font-size:20px;}
#gnb .gnb_banner li font.blue { color:#49a8f1; font-weight:bold; font-size:20px;}
#gnb .gnb_banner .btn { position: relative;width: 188px; margin-right: 2px; box-sizing: border-box; border-radius: 4px; color: #ffffff !important; border: none !important; 
						font:18px/1.6   'NanumSquare', dotum,Gulim,AppleGothic,sans-serif; background-image: url('/wontalk/images/common/arr_s_white.png'), linear-gradient(109deg, #82E673 2%, #2c8 48%, #0cb 98%) !important; 
						background: no-repeat 90% 48%; border: 1px solid #ddd; color: #222; display: inline-block; *display: inline; *zoom: 1; text-align: left;  }
#gnb .gnb_banner a:hover{border:1px solid #ef8246; text-decoration: none; color: #ef8246}


@keyframes menuOn {
	from {width: 0;}
	to {width: 100%;}
}

@media screen and (max-width:999px){
	#header,
	.header,
	.cont { width:100%; min-width: auto;}
	
	.header .gnb_fix { padding: 0 10px;  border-bottom:1px solid #ddd}
	.header .gnb_fix h1 a {   width:185px; height:75px;background-size:auto 25px; }
	
	#gnb .depth1 > li { margin:0;}
	#gnb .depth1 > li > a { font-size:17px;}
    #gnb .depth2 li a { letter-spacing: -1px;}
	#gnb .gnb_banner li {font-size:17px; font-weight:bold}
	#gnb .gnb_banner .btn { font-size:17px; padding-bottom: 4px ; padding-top: 4px; }
}

@media screen and (max-width:740px){

	#header,
	.header,
	.cont { width:100%; min-width:360px;}	
	
	.header, .header:hover { height:60px; }
	.header .gnb_fix {position:relative; display :inline-block; height:60px;top:0; left:0;transform:none; z-index: 999; cursor: pointer}
	.header .gnb_fix h1 { margin-top:0px; height:60px}
	.header .gnb_fix h1 a { height:60px;}
	.header .gnb_fix .menu_all { margin-top:17px}
	 
	#header{height: 60px; overflow : hidden; background: none;}
	#header:hover { height : 55px;}
	
/* 	#header { background: none; height:55px;} */
	#gnb { display: none;   position:absolute ;top: 0; right: 0; z-index: 999999; width: 340px; height: 1000px;background-color:#fff;overflow: visible;
	    box-shadow: 2px 2px 8px rgb(0 0 0 / 70%); 
/* 	    -webkit-transition: all .3s ease-out 0s; */
/* 	    transition: all .3s ease-out 0s; */
/* 	    -webkit-transform: translate3d(100%,0,0) scale(1); */
/* 	    transform: translate3d(100%,0,0) scale(1); */
	}


	#gnb .depth1{   padding-left:0;    }
	#gnb .depth1 > li { width:100%; display: inline-block;; text-align: left; border-bottom:1px solid #ddd}
	#gnb .depth1 > li > a { float:left; width:140px; display: block; line-height: 50px; padding-left:10px;}
	
	
	#gnb .depth1 > li > a::after { background: none;}
	#gnb .depth1 > li:hover > a::after {display:block;animation:none;}

	#gnb .depth2 { position: relative;; width:200px; top:inherit; left:inherit; padding:0; background:#fff; text-align: left}
	#gnb .depth2 li:last-child a { border-bottom:none;}
	#gnb .depth2 li a { text-align: left;}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	




/*-----------------------------------------------------------------------------------------------
 우편번호 (회원가입 폼)
-------------------------------------------------------------------------------------------------*/

#zipcode,#academy_zipcode { width:120px;}
#addr1,#academy_addr1 { width:250px; margin-top:3px}
#addr2,#academy_addr2 { width:404px; margin-top:3px}

/*-------------------------------------
 본문 설명페이지 추가  : 2014-04-16
--------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	공통
-------------------------------------------------------------------------------------------------*/


.lbtn_01,.lbtn_02{
	display: block; width: 98%;
	height: 30px; line-height: 30px
}
/* .lbtn_01{background: #E94C40; color: #fff !important; border: 1px solid #E73426} */

.lbtn_01{background: #555; color: #fff !important; border: 1px solid #373737}
.lbtn_02{ border: 1px solid #ccc; background: #fff; color: #888 !important;}

.tit.t01 {width:100%;padding:10px 0 15px 0; margin-bottom:29px; position:relative;border-bottom:1px solid #e0e0e0; background:url('/wontalk/images/common/bg_toptitle.png') 0 bottom no-repeat;
    font-size: 16pt;
    color: #000;
    letter-spacing: -2px;
}


/*-----------------------------------------------------------------------------------------------
	기본 테이블
-------------------------------------------------------------------------------------------------*/

/* 개인정보취급방침 */
.privacy {font-size:14px;font-weight:normal;}
.privacy p { overflow-y: scroll; height: 400px; padding: 10px; border: 1px solid #d8d8d8; font-size: 13px; color: #676767; line-height: 18px; margin: 0 auto; }
.privacy p span { display: block; font-weight: bold; }


/* 원톡소개 등 */
/* .intro {padding-left:12px;font-size:14px;font-weight:normal; margin-bottom:50px} */
.intro .title1{margin-bottom:20px;font-size:18px;font-weight:normal;color:#FF7F27}
.intro .cap_image1{border:1px solid #ccc; width:30% }
.intro .cap_image2{border:1px solid #ccc; width:150px }

/* 이미지 캡쳐 + 설명 테이블 : 2014-04-16 */
.intro_txt_table { width: 100%; margin-bottom: 50px; overflow: hidden}
.intro_txt_table h1 { margin-bottom:20px;font-size:21px;font-weight:bold;color:#333; display: block !important;}
.intro_txt_table ul li { float: left; margin: 0; padding: 2px 1px;}
.intro_txt_table ul .imagearea {width: 31%; float: left;}
.intro_txt_table ul .imagearea img{width: 100%}
.intro_txt_table ul .textarea  {width: 63%;  float: right}
.intro_txt_table ul .textarea .comment {margin-bottom:20px;padding-left:12px;background:url(../images/common/bullet_org.png) 0 10px no-repeat; font-size:16px;}
.img50 img{width: 47% !important;}

@media screen and (max-width:999px){
	.intro_txt_table h1{font-size: 17px}
	.intro_txt_table ul .textarea .comment{font-size: 14px}
}
@media screen and (max-width:640px){
	.intro_txt_table{text-align: center;}
	.intro_txt_table ul .imagearea {width: 60%; float: none; margin: 0 auto;}
	.intro_txt_table ul .imagearea img{width: 100%; margin-bottom: 10px}
	.intro_txt_table ul .textarea  {width: 100%;  float: none; text-align: left;}
	.intro_txt_table{margin-bottom: 20px}
	.sub_nav2{display: none}
}



/* 일반 테이블 : 2014-04-16 */
/* .table_style { width: 100%; font-size:14px;} */
/* .table_style ul {clear: left;margin: 0;padding: 0; list-style-type: none; } */
/* .table_style .header {font-weight: bold; text-align: center; border-top: 1px solid #000;} */
/* .table_style ul li { float: left; margin: 0; padding: 2px 1px; border-bottom: 1px solid #000; border-left: 1px solid #000;} */
/* .table_style ul .column1 {width: 100px;} */
/* .table_style ul .column2 {width: 100px;} */
/* .table_style ul .column3 {border-right: 1px solid #000;} */

.table_style{position:relative}
.table_style .list-head-img{margin-bottom:25px}





/* -------------------------------------------------------------
	이이용요금 결제 :: wontalk/usefeepay/payment1.jsp
 ------------------------------------------------------------- */
/* 이용현황 */
.tbl_payhome tr th:first-child { width:200px}

/* 이용 서비스 선택 */
.tbl_paystep1 { width:100%; z-index: -1; }
.tbl_paystep1 tr th { width:65px; }
.tbl_paystep1 tr td { text-align: left; padding:0; width:148px; border-left:none; vertical-align: top; }
.tbl_paystep1 tr input{ padding:10px;  width:20px; height:20px; margin:10px 0px 0 5px; }
.tbl_paystep1 tr input+label {
	position: absolute;
    display: inline-block;
    width: 152px;
    min-height: 42px;
/*     line-height: 36px; */
    padding: 8px 0px 0 30px;
    text-align: left;
    box-sizing: border-box;
/*     border: 2px solid #fff; */
    cursor: pointer;
    margin: -1px 0 1px -26px;
    letter-spacing: -1px;
}


.tbl_paystep1 tr input:active+label, .tbl_paystep1 tr input:checked+label {
       color: #2e7fd5;
       border:2px solid #2e7fd5;
}

.tbl_paystep1 tr input:active+label.basic, .tbl_paystep1 tr input:checked+label.basic {
/* 	z-index: -1; */

}

.tbl_paystep1 tr input:active+label.option, .tbl_paystep1 tr input:checked+label.option {
/* 	background-color: #999; */
	color:red;
}




.tbl_paystep1 tr td small { font-size: 12px; color:#f33838; padding-left:5px;}
.tbl_paystep1 tr th.th_colspan { border-left:1px solid #ddd; padding-left:10px; text-align: left; width:100px;}
.tbl_paystep1 .h_cash { height:60px; }
.tbl_paystep1 tr th.no_charge { vertical-align: top; padding-left:0;}
.tbl_paystep1 tr th.no_charge input+label { width:108px;}




/* 연혁  : 2014-04-16 */
.year_table ul { clear: left; margin: 0; padding: 0; list-style-type: none;}
.year_table .page_header{font-size:31px;font-weight:700;color:#2B7A9C; margin-bottom: 10px}
.year_table ul li { float: left; margin: 0; padding: 2px 1px;}
.year_table ul .month {width: 70px; padding-left:30px; font-size:20px; color:#333; margin-bottom:10px}
.year_table ul .textarea  {font-size:13px; color: #666; line-height: 22px  }
.year_table ul .textarea .comment {margin-bottom:20px;padding-left:12px;background:url(../images/common/bullet_org.png) 0 10px no-repeat; font-size:16px;}

.year_wrap{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ddd; overflow: hidden;}
.year_wrap_last{margin-bottom: 30px; overflow: hidden;}

@media screen and (max-width:999px){
	.year_table ul .month{width: 10%}
	.year_table ul .textarea{width: 83%}
}
@media screen and (max-width:600px){
	.year_table .page_header{margin-bottom: 0}
	.year_table ul li{padding: 0}
	.year_table ul .month{width: 13%; font-size: 18px; padding: 0}
	.year_table ul .textarea{width: 78%; font-size: 13px}
	.year_table ul{margin-bottom: 10px; overflow: hidden;}
}

@media screen and (max-width:410px){
	.year_table ul .month{float: none; font-size: 16px; padding: 0; margin: 0px 0 0px 0; clear: both; font-weight: 700}
	.year_table ul .textarea{width: 100%; font-size: 12px; float: none}
}


/* 공통 기본버튼 : 2014-04-16 */
.btn_sq_small {margin-right:10px;padding:2px 5px;background-color:#81A370;font-size:11px;line-height:20px;color:#fff}

.btn_round_small i{
	font-size:14px;
	color: #fff;
	background: #2B7A9C;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius:50%;
}
.btn_round_new{
	padding:1px 6px;
	background-color:#E94C40;
	width:47px;
	font-size:11px;
	color:#fff;
}

.btn_round_mid {padding:9px 26px;background-color:#81A370;height:77px; width:33px; font-size:14px;line-height:20px;color:#fff; background:url(../images/common/icon_round_mid.png) 0 no-repeat;  }
.btn_round_mid_l {background-color:#81A370;height:77px; width:150px; font-size:12px;line-height:12px;color:#fff; background:url(/wontalk/images/common/icon_round_mid_l.png) 0 no-repeat;  }
.btn_round_big {padding:13px 102px;background-color:#81A370;height:59px; width:253px; font-size:24px;  font-weight:bold; line-height:20px;color:#fff; background:url(../images/common/icon_round_big.png) 0 no-repeat;}


/*-------------------------------------
 퀵링크
--------------------------------------*/
#banner{position:absolute;top:0;right:-156px;width:156px}

/*-------------------------------------
게시판 - 공통
--------------------------------------*/

/* 목록 */
.list{position:relative}
.list .list-head-img{margin-bottom:25px}
.list table{
	width:100%;
	margin-bottom:3px;
	border-top: 1px solid #111;
}
.list table .nobg{width:100%;margin-bottom:3px;}
.list col {background:none}
.list th{
	height:47px;padding-bottom:0px;
	font-size:14px;text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7
}

.list .list_3t{width: 14%}
.list .list_lt{width: 10%}
.list td{
	padding:0 8px;
	color:#666;text-align:center; border-bottom: 1px solid #ddd;
	height: 46px
}
.list td:first-child{background:none; color: #666}
.list td a{color:#666; text-decoration: none}
.list td.subject{text-align:left}
.list .buttons{position:relative;right:0;bottom:-5px}
.list td .icon_file { position: absolute; margin:2px 0 0 5px;}
.buttons_next{position:absolute;right:0;bottom:-5px}

/* 목록 FAQ */
.list .question {margin-left:0px;  padding:10px 10px 10px 36px;color:#999;text-align:left; font-size:16px; background:url(../images/board/faq_q.gif) 0 0 no-repeat}
.list .answer {margin-left:8px; padding:2px 10px 10px 30px  ;color:#999;text-align:left; font-weight:normal; background:url(../images/board/faq_a.gif) 0 0 no-repeat}
.list .nobg{ }


/* 목록 - 검색조건 */
.list .search{text-align:right; margin-bottom: 15px; float: right;}
.list .search input[type=text]{
	width:265px;
	height:28px; line-height:28px;
	padding:0 5px;
	border:solid 1px #ccc;
	font: inherit;
	margin-left: -1px
}
.list .search select{
	height:30px; line-height:30px;
	border:solid 1px #ccc;
	width: 100px;
	font: inherit;
}

.list .search select{
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	background: url(../images/select.gif) no-repeat 90% 50%;  /* 화살표 모양의 이미지 */
}
.list .search select::-ms-expand {
  display: none;
}
.list .search .sch_btn{
	display:inline-block; *display:inline; *zoom:1;
	border:1px solid #ccc;
	height: 28px; line-height: 28px;
	width: 60px; text-align: center;
	color: #555; text-decoration: none;
	margin-left: -1px
}

.list .search input,.list .search select,.list .sch_btn{float: left;}


/* 목록 - 페이징 */
.list .page-nav{margin-bottom:50px;padding-top:25px;/* background:url(../images/board/bg_list_bottom.png) 0 0 no-repeat; */text-align:center}
.list .page-nav a,.page-nav strong{margin:0 3px;padding:0 2px}
.list .page-nav a{color:#868686}
.list .page-nav strong{font-weight:bold;text-decoration:underline}
.list .page-nav .first,.list .page-nav .last{margin:0}
.list .page-nav .prev{margin-right:15px}
.list .page-nav .next{margin-left:15px}

/* 상세 */
.view table{width:100%;}
.view col {background:none}
.view th{height:45px;font-size:12px; border-top: 1px solid #ccc; background: #f7f7f7; padding: 0 20px; color: #888}
.view .th_title{color: #333; font-size: 14px;width:800px; text-align: left;}
.view td{padding: 0 10px}
.view td.subject{text-align:left}
.view td.content{padding:20px 20px;text-align:left;vertical-align:top}
.view td.content .pic{padding:40px 0;text-align:center}
.view .buttons{position:relative;text-align:right}
.view .buttons a{margin-left:10px}
.view .buttons .btn-list{position:absolute;top:0;left:0}
.view .buttons .btn-list{margin-left:0}

.view .buttons .btn-left1{position:absolute;top:0;left:0; margin-left:0}
.view .buttons .btn-left2{position:absolute;top:0;left:0; margin-left:85px}

.view .content2{padding: 20px; border-top:1px dotted #ddd; border-bottom: 1px solid #ccc}
.view .content2 .view_a,.view .content .view_a{padding-left: 30px; position: relative;}
.view .content .view_a .vbtn_q{
	width: 30px; text-align:center;
	height: 30px; line-height:30px; position: absolute;
	top:-20px; left: -20px;
	background: #CB629B; color: #fff
}

.view .content2 .view_a .vbtn_a{
	width: 30px; text-align:center;
	height: 30px; line-height:30px; position: absolute;
	top:-20px; left: -20px;
	background: #36A8E7; color: #fff
}


/* 상세-검색 */
.view .search{margin-bottom:24px;text-align:right}
.view .search input[type=text]{height:18px;padding:5px;border:solid 1px #cbcbcb;border-right:none;line-height:18px}
.view .search select{height:28px;margin-right:12px;border:solid 1px #cbcbcb;line-height:28px}

/* 상세-페이징 */
/*
.view .page-nav{height:56px;margin-bottom:10px;padding-top:10px;background:url(../images/board/bg_view_bottom.png) 0 0 no-repeat ;border-top: 1px solid #D5D5D5;;border-bottom: 1px solid #D5D5D5;}
.view .page-nav span{margin-right:10px;padding:2px 5px;background-color:#81A370;font-size:11px;line-height:20px;color:#fff}
*/
.view .page-nav{ border-top:1px solid #bbb; border-bottom:1px solid #ccc; padding:10px 0; margin-top: 0px}
.view .page-nav p{margin:10px 0 0 0; padding: 0 20px; border-top:1px solid #eee; padding-top:10px}
.view .page-nav p:FIRST-CHILD{margin: 0; border-top:0; padding-top: 0}

.view .page-nav p span{margin-right: 20px; font-size: 12px; color: #666; font-weight: 700}
.view .page-nav p span i{margin-left: 20px}

.view .page-nav p a{color: #474747; text-decoration: none}

/* 글쓰기 */
.write_new{border-top:1px solid #111}
.write_new .w_ul{clear: both; overflow: hidden; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd}
.write_new .w_ul li{float: left; width: 76%; padding: 0 2%}
.write_new .w_ul li.write_t{width: 16%; background: #f7f7f7; font-size: 13px}
.write_new .w_ul li input[type=text], .write_new .w_ul li input[type=password]{
	border: 1px solid #ccc; width: 98%; padding: 0 1%;
	height: 30px; line-height: 30px;
}




.write_right textarea{width: 99%;
	height: 150px}

.write_table{
	width: 100%;
}
.write_table th{width: 156px; background: #f7f7f7; padding-left: 2%; border-bottom: 1px solid #ddd}
.write_table td{height:45px; line-height:1.2; border-bottom: 1px solid #ddd}


/* 온라인 개설심사 신청양식 */
.apply-form{background:url(../images/board/bg_apply_form.png) 860px 126px no-repeat}
.apply-form h2{margin-bottom:2px}
.apply-form p.note{margin-bottom:12px;font-size:15px;color:#999}
.apply-form table{width:100%;margin-bottom:30px;border-left:2px solid #e5e5e5;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5}
.apply-form table .bt{border-top:2px solid #e5e5e5}
.apply-form table th,.apply-form table td{padding:15px 0 15px 15px;border-bottom:1px solid #e5e5e5;color:#999;text-align:left;vertical-align:middle}
.apply-form table th{padding-left:25px;border-right:2px solid #e5e5e5}
.apply-form table td a{margin-left:15px}
.apply-form table td input[type=text]{width:170px;height:16px;padding:2px 5px;border:solid 2px #e5e5e5;line-height:16px}
.apply-form table td input[type=checkbox]{margin-left:15px}
.apply-form table td input[type=checkbox]:first-child{margin-left:0}
.apply-form table td input.phone{width:60px}
.apply-form table td textarea{width:95%;padding:5px;border:solid 2px #e5e5e5;line-height:16px}
.apply-form .orange {color: #FF7200; font-weight:bold;font-size: 16px; font-family : "돋움", "dotum"; letter-spacing:-0.01em; letter-spacing:-0.01em;}
.apply-form .buttons{text-align:center; margin-bottom:50px}
.apply-form .buttons .btn-left{float:left}

.apply-form .buttons .btn-right{float:right}

/* 지사.교육원 찾기 */
.branch-search .category{height:94px;padding-top:30px;background:url(../images/board/bg_branch_category.png) 0 0 no-repeat}
.branch-search .category a{font-size:13px;line-height:2;color:#999}
.branch-search .search label{margin-right:10px;font-size:14px;color:#535353}
.branch-search .branch-map{float:left;position:relative;width:298px;margin-top:10px}
.branch-search .branch-map .btn-filter{position:absolute;top:0;right:0}
.branch-search .branch-map .btn-filter a{display:block;margin-bottom:24px;width:34px;height:17px}
.branch-search .list table{float:right;width:520px;background:none}
.branch-search .list td{padding-left:15px;font-size:13px;color:#535353;text-align:left}
.branch-search .list td:first-child{background:url(../images/board/bg_list_col.png) 0 0 repeat-y}

.branch-search li {font-size:14px; line-height: 1.8}

/* 사업설명회일정 */
.schedule .guide{margin-bottom:30px;padding-bottom:45px;background:url(../images/board/bg_guide.png) 0 100% no-repeat}
.schedule .guide h3{margin-bottom:5px;padding-left:12px;background:url(../images/common/bullet_page_title.png) 0 50% no-repeat;font-size:22px;font-weight:bold;color:#000}
.schedule .guide .col{float:left;width:50%}
.schedule .guide .local{float:right;width:48%}
.schedule .guide .col li{padding-right:30px;line-height:2;color:#999}
.schedule .calendar{width:100%}
.schedule .calendar th{padding:10px 0;font:bold 16px/1.2 Arial,Helvetica,sans-serif;text-align:center}
.schedule .calendar th.sun{color:#f00}
.schedule .calendar th.sat{color:#00b1ee}
.schedule .calendar tbody{border:3px solid #e5e5e5}
.schedule .calendar td{height:110px;padding:5px 0;border:1px solid #e5e5e5;background:url(../images/board/bg_day.png) 0 0 no-repeat;font-size:14px;text-align:center;vertical-align:top}
.schedule .calendar td.holiday{background-image:url(../images/board/bg_holiday.png)}
.schedule .calendar td.available{background-image:url(../images/board/bg_available.png)}
.schedule .calendar td b{display:block;margin-bottom:7px;font-size:15px}
.schedule .calendar td a img{margin-top:8px}


/* 목록(배경없음) */
.list_no {position:relative}
.list_no .list-head-img{margin-bottom:25px}
.list_no table{width:100%;margin-bottom:10px;}
.list_no col {background:none}
.list_no th{height:60px;padding-bottom:10px;font-size:13px;text-align:center;vertical-align:middle}
.list_no .question {padding:10px 10px 20px 10px ;color:#999;text-align:center;  border:1px solid blue;  }
.list_no .answer   {padding:10px 10px 20px 10px ;color:#999;text-align:center; }
.list_no td:first-child{background:none}
.list_no td a{color:#999}
.list_no td.subject{padding-left:20px;text-align:left}
.list_no .buttons{position:absolute;right:0;bottom:-5px}

/* 목록 - 검색조건 */
.list_no .search{position:absolute;top:-50px;right:0;text-align:right}
.list_no .search input[type=text]{width:265px;height:16px;margin-right:12px;padding:2px 5px;border:solid 2px #e5e5e5;line-height:16px}
.list_no .search select{height:22px;margin-right:12px;border:solid 2px #e5e5e5;line-height:22px}

/* 목록 - 페이징 */
.list_no .page-nav{margin-bottom:50px;padding-top:25px;text-align:center}
.list_no .page-nav a,.page-nav strong{margin:0 3px;padding:0 2px}
.list_no .page-nav a{color:#868686}
.list_no .page-nav strong{font-weight:bold;text-decoration:underline}
.list_no .page-nav .first,.list .page-nav .last{margin:0}
.list_no .page-nav .prev{margin-right:15px}
.list_no .page-nav .next{margin-left:15px}

/* 버튼 */
.btnGg2{
	display:inline-block; height:16px;
	padding:2px 10px; font-weight:normal; vertical-align:middle;
	font-Family:Dotum, Arial; font-size: 12px;
	background: #E94C40; color: #fff;
	border: 1px solid #E73426;
	text-decoration: none
}
.btnGg2[type=submit] {border:none; height:20px;}
.btnGg2[type=button] {border:none; height:20px;}
.btnGg2:hover{text-decoration: none; border: 1px solid #86130A}

.btnOg {display:inline-block; height:16px; padding:1px 6px 3px 20px; background-color: #939393; color:#ffffff; font-weight:normal; vertical-align:middle;}
.btnOg[type=submit] {border:none; height:20px;}
.btnOg[type=button] {border:none; height:20px;}
a.btnOg {color:#ffffff;}
a:hover.btnOg {background-color: #00B0ED;}


/* 팝업지도 */
/*.popup_table{background:url(../images/board/bg_apply_form.png) 330px 160px no-repeat}*/
.popup_table h2{margin-bottom:2px}
.popup_table p.note{margin-bottom:12px;font-size:15px;color:#999}
.popup_table table{width:100%;margin-bottom:30px;border:2px solid #e5e5e5}
.popup_table table th,.popup_table table td{padding:15px 0 15px 15px;border-bottom:1px solid #e5e5e5;color:#999;text-align:left;vertical-align:middle; height:5px;}
.popup_table table th{padding-left:25px;border-right:2px solid #e5e5e5}
.popup_table table td a{margin-left:15px}
.popup_table table td input[type=text]{width:170px;height:12px;padding:2px 5px;border:solid 2px #e5e5e5;line-height:12px}
.popup_table table td input[type=checkbox]{margin-left:15px}
.popup_table table td input[type=checkbox]:first-child{margin-left:0}
.popup_table table td input.phone{width:60px}
.popup_table table td textarea{width:95%;padding:5px;border:solid 2px #e5e5e5;line-height:12px}
.popup_table .buttons{text-align:center}

/* 쇼핑몰 문의하기 */
.popup_main_table p.note{margin-bottom:12px;font-size:15px;color:#999}
.popup_main_table table{width:100%;margin-bottom:30px;border:2px solid #e5e5e5}
.popup_main_table table th,.popup_table table td{padding:15px 0 15px 15px;border-bottom:1px solid #e5e5e5;color:#999;text-align:left;vertical-align:middle; height:5px;}
.popup_main_table table th{padding-left:25px;border-right:2px solid #e5e5e5}
.popup_main_table table td a{margin-left:15px}
.popup_main_table table td input[type=text]{width:170px;height:12px;padding:2px 5px;border:solid 2px #e5e5e5;line-height:12px}
.popup_main_table table td input[type=checkbox]{margin-left:15px}
.popup_main_table table td input[type=checkbox]:first-child{margin-left:0}
.popup_main_table table td input.phone{width:60px}
.popup_main_table table td textarea{width:95%;padding:5px;border:solid 2px #e5e5e5;line-height:12px}
.popup_main_table .buttons{text-align:center}

.popup_main_table{width:95%;margin:0px auto;padding:0 0 0px 5px}
.popup_main_table .visual{margin-bottom:0px}
.popup_main_table h2{margin:10px 0 0px;padding-left:12px;background:url(../images/common/bullet_page_title.png) 0 50% no-repeat;font-size:22px;font-weight:normal;color:#000}


/* 회원가입 */
.member_join{}
.member_join h2{margin-bottom:2px}
.member_join p.note{margin:20px 0 5px 0;font-size:14px;color:#333; font-weight: 700}
.member_join table{width:100%;margin-bottom:30px;border:2px solid #e5e5e5}
.member_join table th,.member_join table td{padding:15px 0 15px 15px;border-bottom:1px solid #e5e5e5;color:#999;text-align:left;vertical-align:middle}
.member_join table th{padding-left:25px;border-right:2px solid #e5e5e5}
.member_join table td a{margin-left:15px}
.member_join table td input[type=text]{width:170px;height:16px;padding:2px 5px;border:solid 2px #e5e5e5;line-height:16px}
.member_join table td input[type=checkbox]{margin-left:15px}
.member_join table td input[type=checkbox]:first-child{margin-left:0}
.member_join table td input.phone{width:60px}
.member_join textarea{width:98%; height:200px;padding:5px;border:solid 1px #ddd;line-height:16px; font-size: 12px; color:#666; background-color: #f6f6f6;}
.member_join .buttons{text-align:center}
.member_join .orange {color: #FF7200; font-weight:bold;font-size: 16px; font-family : "돋움", "dotum"; letter-spacing:-0.01em; letter-spacing:-0.01em;}
.member_join .buttons{text-align:center; margin:10px 0 40px}
.member_join .buttons .btn-left{float:left}
.member_join .buttons .btn-right{float:right}
.member_join .card {margin:50px auto;}
.member_join .card-body {padding:50px 10px;}
/* .member_join .kind_area{margin-top:50px; width:100%; color:#fff;} */
/* .member_join .kind_area a{ width:30%;  margin: auto 5%;} */

.member_join .kind_area .kind_btn { background-color: #33b5e5!important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); color: #fff; padding: 20px 20px 10px 20px; font-size: 18px; border-radius: 2px; margin-bottom:20px; text-align: center; width:70%; margin: 20px auto; }
/* .member_join .kind_area .kind_btn p { margin-top:10px; color:#999 } */
/* .member_join .kind_area .kind_btn{ float:left;  border-right:1px solid #999;  width:200px; height:70px; margin-right:20px; margin-bottom:20px; padding-right:20px; vertical-align: middle; background-color: #ddd;   font-size: 18px; color:#999} */
.member_join .kind_area .kind_btn:hover {background-color: #e7f3fc; }
@media screen and (max-width:720px){
	.member_join .card {margin:10px auto;}
	.member_join .card-body { padding:15px 10px}
}
/*---------------------------------------------------------------------------------
   added :  2013-09-04
-----------------------------------------------------------------------------------*/

#header .lang{ position:absolute; top:10px; right:0}
#header .lang a {margin-left:5px;}


/*---------------------------------------------------------------------------------
   added :  2013-09-23
-----------------------------------------------------------------------------------*/
/* .find-login-info {background:url(../images/payment/bg_payment.png) 50% 208px no-repeat;} */
.find-login-info .logo {margin-bottom: 52px;padding-top:85px;text-align: center; }
.find-login-info h1 {margin-bottom: 55px;font-size: 18px;font-weight: bold;color: #f00; text-align:center}
.find-login-info .find-container {margin:0 43px;padding-bottom:56px;}
.find-login-info .col {position:relative;float:left; width:456px; height:225px}
.find-login-info .find-pwd {float:right}
.find-login-info table {width:100%; border:2px solid #231f20}
.find-login-info th {width:90px; font-weight:bold ;border-right:1px solid #d0d2d3;}
.find-login-info th, .find-login-info td {padding-left:15px;height:52px;border-top:1px solid #d0d2d3; color:#939393; text-align:left; vertical-align:middle}
.find-login-info th.first, .find-login-info td.first {border-top:none}
.find-login-info td input[type=text] {height: 16px;padding: 2px 5px;border: solid 2px #e5e5e5;line-height: 16px;}
.find-login-info .buttons {position:absolute; bottom:0; width:100%; text-align:center}


/* 찾아 오시는 길 */
.c_info {margin:15px 0px 15px 0px; overflow: hidden;}
.c_info ul{float: left;}

.c_info ul.logo{margin-right: 60px; width: 280px}
.c_info ul.logo img{width: 100%; margin-top: 21px}

.c_info li{display: block;}
.c_info li b{font-size:20px; font-weight: 700; display: block; margin-bottom: 10px}
.c_info li,ul.c_info li a{font-size:15px; line-height: 30px}
.c_info li span{
	background: #464646; color: #fff; padding: 2px 8px; font-weight: 700; font-size:15px; margin-right: 6px;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
}

.map_new{margin-top: 60px; overflow: hidden; margin-bottom: 30px;}
.map_new h1{font-size:26px; font-weight: 700; border-bottom: 1px solid #aaa; padding-bottom: 15px; margin-bottom: 30px; color: #222}
.map_new .traffic{font-size: 17px; color: #E94C40; font-weight: 700}
.map_new ul i{
	background:#fff;
	border:3px solid #E94C40; color: #E94C40; font-size: 17px; width: 30px; height: 30px; line-height: 30px; text-align: center;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right: 7px
}
.map_new li{margin-top: 10px; font-size: 15px}

/* .write_btn_wrap{text-align: center; margin-top: 60px; padding-bottom: 1px} */
.write_btn{ border: 1px solid #333; display: inline-block; *display:inline; *zoom:1; background:#555; color:#fff; padding: 20px 70px; text-align: center; }
.write_btn:hover{text-decoration: none; border: 1px solid #111}
.view .state{ display: inline-block; border: 1px solid #ddd; width: 53px; text-align:center; height: 28px; line-height: 28px; background: #fff; margin-left: 6px }
.view .state_com{ display: inline-block; border: 1px solid #333; width: 53px; text-align:center; height: 28px; line-height: 28px; background: #555; color:#fff; margin-left: 6px }
.view_btn_wrap{margin-top: 15px; overflow: hidden; padding-bottom: 1px}
.view_btn_wrap .view_btn_div{float: left;}
.view_btn_01{ border: 1px solid #2F9AE2; display: inline-block; *display:inline; *zoom:1; color:#2F9AE2; padding: 10px 28px; float: left; margin-right: 10px; }
.view_btn_01:hover,.view_btn_01_02:hover{text-decoration: none}
.view_btn_01_02{ border: 1px solid #E94C40; display: inline-block; *display:inline; *zoom:1; color:#E94C40; padding: 10px 28px; float: left; margin-right: 10px; }
.view_btn_02{ border: 1px solid #CE362A; display: inline-block; background: #E94C40; padding: 10px 28px; float: right; color: #fff; margin-top: 20px }
@media screen and (max-width:999px){
	.view .vlt{width: 20%}
	.write_right .webeditor iframe{width: 90%}
}

@media screen and (max-width:700px){
	.view .vlt{width: 20%}
	.w_ul li{width: 96% !important;}
	.write_t{display: none; width: 0}
	.write_table th{display: none}
	.write_table td{width:100%}

	.write_btn { padding: 10px;}
/* 	.write_btn_wrap{ margin-top:30px;} */
}

@media screen and (max-width:550px){
	.view .vlt{width: 30%}
}
@media screen and (max-width:640px){
	.list .search{float: none}
	.list .search select{width: 20%; padding:0 1%}
	.list .search input[type=text]{width: 55%; padding:0 1%}
	.list .search .sch_btn{width: 20%; padding:0 1%}
	.list th{font-size: 13px}
	.list td{font-size: 12px}
	.list .list_3t{width: 16%}
	.list .list_lt{width: 14%}

}

.btn_group2{text-align: center; margin-top: 30px; padding-bottom: 1px}
.btn_group2 a{display: inline-block; *display:inline; *zoom:1; padding: 20px 60px}
.btn_group2 a:hover{text-decoration: none}
.btn_group2 .btn_l{border: 1px solid #CE362A; color: #CE362A;}
.btn_group2 .btn_r{border: 1px solid #CE362A; background: #E94C40; color: #fff}

.joinok{ font-size: 26px; }

.joinko_btn{text-align: center;}
.joinok_btn a{ border: 1px solid #CE362A; background: #E94C40; color: #fff; font-size: 15px; width:220px; display: block; margin: 0 auto; text-align: center; height: 60px; line-height: 60px; margin-top: 36px; margin-bottom: 10px }
@media screen and (max-width:380px){
	.btn_group2 a{padding: 20px 50px}
}


.category{ border: 1px solid #ddd; font-size: 12px; width: 70px; text-align: center; height: 26px; line-height: 26px; margin-right:6px; display: inline-block; *display:inline; *zoom:1; color: #777 }

.intro_tab{width: 100%; overflow: hidden; margin-bottom: 50px}
.intro_tab a{width: 33%; float: left; text-align: center; color: #333; font-size: 15px; border-top:1px solid #ddd; height: 50px; line-height: 50px}
.intro_tab a.active{color: #363636; border-top:2px solid #363636; height: 49px; line-height: 49px; font-weight: 700}
.intro_tab a:hover{text-decoration: none; border-top:2px solid #E94C40; height: 49px; line-height: 49px; color: #E94C40; font-weight: 700}

.imd_home{clear: both; margin-top: 50px; overflow: hidden; padding-bottom: 1px}
.imd_home a{ font-size: 16px; color: #363636; background-color: #fff; border:1px solid #363636; display: inline-block; *display:inline; *zoom:1; width: 280px; text-align: center; height: 62px; line-height: 62px }
.imd_home a:hover{text-decoration: none; background: #333; color: #fff}
.imd_home a:hover i{color: #fff}
.imd_home a i{margin-left: 20px; vertical-align: middle;}

@media screen and (max-width:999px){
	.imd_home{margin-bottom: 30px}
}

/*---------------------------------------------------------------------------------
   footer
-----------------------------------------------------------------------------------*/

#footer_new{ display: block;width: 100%; background: #333; }
#footer_new .copyright{display: inline-block; width: 1000px; margin: 0 auto; padding: 20px 0; color: #ddd;}
#footer_new .copyright ul li{display: block; }

#footer_new .footer_logo{float: left; margin-right: 50px}
#footer_new .footer_logo img{width: 240px; margin-top: 12px}
#footer_new .footer_con{color: #ffffff; width: 465px; float: left;}
#footer_new .footer_con p, #footer_new .footer_con a { color:#fff;}

#footer_new .copyright .f_site{display: inline-block;position: relative;margin-top:36px; width:170px; float: right;}
#footer_new .copyright .f_site .sel_site i {    right: 10px;position: absolute;bottom: 7px;}
#footer_new .copyright .f_site ul.sel_site_option{position:absolute;bottom:39px; display: none;}
#footer_new .copyright .f_site .sel_site
, #footer_new .copyright .f_site ul.sel_site_option li a{display: block;  background: #fff; color:#333; text-align: left; border:1px solid #333; width: 170px;padding-left: 13px; margin-bottom:-1px; height:40px; line-height: 40px; }



@media screen and (max-width:740px){
    #footer_new .copyright { padding : 10px; width:100%;}
    #footer_new .copyright ul { display: block; padding: 0; float : none;}
    #footer_new .copyright ul li { display: block; width:100%}
    #footer_new .footer_con p { color:#fff !important;  width:100%; display: block}
    #footer_new .copyright a.btn { background: none; border:1px solid #fff; line-height:20px; margin-top:15px;}
    #footer_new .footer_logo  { width : 100%; text-align: center}
    #footer_new .footer_con { width:100%; text-align: center; word-wrap: break-word}

    #footer_new .login { width:100%; text-align: center; color:#000; padding: 20px; line-height: 20px; display: block}

    #footer_new .copyright .f_site { display: block; margin:10px auto 20px; float: none;}

}


/* ----------------------------------------------------------------------------------
	 버튼
 ---------------------------------------------------------------------------------- */

.btn_group:before { clear:both; overflow: hidden;}
.btn_group {display: inline-block;*display:inline;*zoom:1;text-align: center; /* 	margin:5px auto; 개별 margin이 안먹음*/width:100%;}
.btn_group .left { float: left;}
.btn_group .right { float: right; }


/* background color */
.bg_org02	 {background-color:#ffc107!important; color:#222 !important;}
.bg_purple01 {background-color:#7452bf!important; color:#fff !important;}
.bg_red01	 {background-color:#E94C40!important; color:#fff !important;}
.bg_blue01	 {background-color:#49a8f1!important; color:#fff !important;}
.bg_gray01 {background-color:#888!important; color:#fff !important; border:1px solid #888}
.bg_gray02{background: #f1f1f1; color:#fff !important;}


.role_master 	{background-color:#ffc107!important; color:#222 !important;}
.role_academy	{background-color:#7452bf!important; color:#fff !important;}
.role_admin  	{background-color:#E94C40!important; color:#fff !important;}
.role_organ   {background-color:#49a8f1!important; color:#fff !important;}
.role_ch        {background-color:#b76ba3!important; color:#fff !important;}

/*여러가지색 배경 */
/*background:linear-gradient(-120deg, #4285f4, #34a853, #fbbc05, #ea4335);*/
.lin.bg_gray01 {background: linear-gradient(109deg, #fcfcfc 0, #ddd) !important;  }

.lin.bg_blue01  {background: linear-gradient(109deg, #21bbf3 0, #03a9f4) !important }
.lin.bg_blue02  {background: linear-gradient(#168fec, #1b17d7); }
.lin.bg_red01 { background: linear-gradient(109deg, #f67062 0, #E94C40); }

.lin.bg_green01 {background: linear-gradient(109deg, #77e376 2%, #08cb95 48%, #18a8f1 98%) !important; }
.lin.bg_green02 {background: linear-gradient(109deg, #77e376 2%, #08cb95 48%, #18a8f1 98%) !important; }

.btn.m { line-height: 33px;}
.btn.l { font-size:20px}
.btn.gray01 { color:#fff !important; font-size:16px;}