@charset "UTF-8";


/* webfont */


@font-face {
    font-family: 'ns_bold';
    src: url('../font/nanumsquareotfb.woff2') format('woff2'),
         url('../font/nanumsquareotfb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ns_exbold';
    src: url('../font/nanumsquareotfeb.woff2') format('woff2'),
         url('../font/nanumsquareotfeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-black';
    src: url('../font/poppins-black.woff2') format('woff2'),
         url('../font/poppins-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-bold';
    src: url('../font/poppins-bold.woff2') format('woff2'),
         url('../font/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-extrabold';
    src: url('../font/poppins-extrabold.woff2') format('woff2'),
         url('../font/poppins-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-medium';
    src: url('../font/poppins-medium.woff2') format('woff2'),
         url('../font/poppins-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-regular';
    src: url('../font/poppins-regular.woff2') format('woff2'),
         url('../font/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-semibold';
    src: url('../font/poppins-semibold.woff2') format('woff2'),
         url('../font/poppins-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sans_rg';
    src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),
         url('../font/NotoSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sans_md';
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),
         url('../font/NotoSansKR-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sans_b';
    src: url('../font/NotoSansKR-Bold.woff2') format('woff2'),
         url('../font/NotoSansKR-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ns_B{font-family:'ns_bold';}
.ns_EB{font-family:'ns_exbold';}

.pop_R{font-family:'poppins-regular';}
.pop_M{font-family:'poppins-medium';}
.pop_SB{font-family:'poppins-semibold';}
.pop_B{font-family:'poppins-bold';}
.pop_EB{font-family:'poppins-extrabold';}
.pop_BK{font-family:'poppins-black';}

/* webfont---end */


input[type="text"]{
	/*ios대응*/
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type="password"]{
	/*ios대응*/
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select{
	/*ios대응*/
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	-webkit-border-radius: 0;

	/*화살표 배경 넣기*/
	background: url('../../images/select_btn.png') 95% 50% no-repeat; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
	}

	select::-ms-expand{ 
	display:none; /* 화살표 없애기 for IE10, 11*/
}

textarea {
	/*ios대응*/
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	-webkit-border-radius: 0;
}


html {width:100%;height:100%;	font-size:10px; color:#333;}

body { 
	width:100%;
	height:100%;
	min-height:100%;
	font-family: 'sans_md';
	
}

/* 폰트색상 */

.t_gr {	color:#20b889;}
.t_bl { color:#00b8d7;}

.wrap {
	width:100%;
	position:relative;
	overflow:hidden;
	/* padding-bottom:240px; */
	display:flex;
	min-height:100vh;
	flex-direction:column;
	flex:1;
}




/* 상단메뉴 */

.header_info_wrap {
	background:#f3f3f3;
	border-bottom:1px solid #ddd;
	height:78px;
	box-sizing:border-box;
}

.header_info {
	width:1200px;
	padding:16px 30px;
	margin:0 auto;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}

.header_info .top_sns {
	font-size:0;
}

.header_info .top_sns a {
	display:inline-block;
	margin-right:15px;
	width:44px;
	height:45px;
}

.header_info .top_sns a:first-child {
	background:url('../../images/sns_blog.png') 0 0 no-repeat;
}

.header_info .top_sns a:nth-of-type(2) {
	background:url('../../images/sns_cafe.png') 0 0 no-repeat;
}

.header_info .top_sns a:nth-of-type(3) {
	background:url('../../images/sns_yt.png') 0 0 no-repeat;
}

.header_info .top_title {
	font-size:2.2rem;
	margin-top:4px;
}

.header_info .top_mem {
	font-size:1.3rem;
	font-family: 'sans_rg';
}

.header_info .top_mem a {
	margin:5px 0 0 24px;
	display:inline-block;
	padding:6px;
	color:#222;
}

.log_in {
	display:inline-block !important;
}

.log_out {
	display:none !important;
}

.header_menu_wrap {
	width:100%;
	background:#fff;
	border-bottom:1px solid #ededed;
	position:relative;
	transition:all 0.5s;
}

.header_menu_wrap.fixed {
	position:fixed;
	top:0;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	/* box-shadow: 0px -5px 15px #666; */
	z-index:948;transition:all 0.5s;
}
/* 
.header_menu_wrap.fixed .header_menu {
	padding:15px 30px;
	height:85px;
	box-sizing:border-box;	transition:all 0.5s;
}

.header_menu_wrap.fixed .header_menu h1 a {
	display:block;
	width:90px;
	height:55px;
	background:url('../../images/fix_logo.png') 0 0 no-repeat;	transition:all 0.5s;
}

.header_menu_wrap.fixed .header_menu nav a {
	display:inline-block;
	line-height:25px;
	margin:20px 0 0 35px;
	padding:2px 3px;
	font-family: 'ns_bold';
	font-size:1.8rem;
	letter-spacing:-0.5px;
	position: relative;
}


.header_menu_wrap.fixed .header_menu nav a::after {
	position: absolute;
	top:45px;
	left:0;
	width: 101%;
	height: 6px;
	background:#49d2f2;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform:  scale(0,1);
	-moz-transform:  scale(0,1);
	transform: scale(0,1);
}

.header_menu_wrap.fixed .header_menu nav a:hover::after,
.header_menu_wrap.fixed .header_menu nav a:focus::after {
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform:  scale(1,1);
}


.header_menu {
	width:1200px;
	height:110px;
	margin:0 auto;
	padding:22px 30px;
	box-sizing:border-box;	
	display:flex;
	justify-content:space-between;
	font-size:2rem;
	
}
 */
.ham_btn {
	display:none;
	position:absolute;
	margin:19px 0 0 20px;
	cursor:pointer;
}

.ham_btn a {
	display:block;
}

.ham_btn span {
	display:block;
	width:28px;
	height:3px;
	background:#222;
	margin:7px 0;
}

/* .header_menu h1 a {
	display:block;
	width:103px;
	height:63px;
	background:url('../../images/main_logo.png') 0 0 no-repeat;
}

.header_menu nav a {
	display:inline-block;
	line-height:25px;
	margin:40px 0 0 35px;
	padding:2px 3px;
	font-family: 'ns_bold';
	font-size:1.8rem;
	letter-spacing:-0.5px;
	position: relative;
}


.header_menu nav a::after {
	position: absolute;
	top:43px;
	left:0;
	width: 101%;
	height: 6px;
	background:#49d2f2;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform:  scale(0,1);
	-moz-transform:  scale(0,1);
	transform: scale(0,1);
}

.header_menu nav a:hover::after,
.header_menu nav a:focus::after {
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform:  scale(1,1);
}
 */


/* 좌측메뉴 */

.left_menu_wrap {
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:-100%;
	bottom:0;
	z-index:950;
}

.left_menu_wrap .empty {
	display:block;
	height:100px;
}


.left_bg {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:949;
}

.left_menu {
	width:90%;
	height:100%;
	position:absolute;
	background:#fff;
	z-index:902;
	top:0;
	left:0;
	overflow-y:auto;
	-ms-overflow-style: none;
}

.left_menu::-webkit-scrollbar { display: none; }



.left_top {
	height:75px;
	line-height:75px;
	padding:0 30px;
	display:flex;
	justify-content:space-between;
}

.left_sns {
	font-size:0;
}

.left_sns a {
	display:inline-block;
	margin:0 7px;
}

.left_sns a img {
	width:37px;
	height:38px;
}

.left_close {
	width:22px;
	height:22px;
}

.left_close a {
	display:block;
}

.left_close a img {
	width:22px;
	height:22px;
}

.left_log {
	height:50px;
	background:#5ac5de;
	color:#fff;
	display:flex;
	justify-content:space-between;
	text-align:center;
}

.left_log a {
	display:inline-block;
	margin:16px 0;
	width:50%;
	height:18px;
	line-height:18px;
	font-family: 'sans_rg';
	font-size:1.5rem;
}

.left_log a:nth-of-type(1) {
	border-right:1px solid #fff;
}

.menu_wrap {
	width:100%;
	font-family: 'sans_rg';
}

.menu {
	width:100%;
}

 .menu > a {
	display:block;
}

.b_menu {
	font-size:1.6rem;
	position:relative;
}

.b_menu > a {
	width:100%;
	display:block;
	box-sizing:border-box;
	height:60px;
	padding-left:40px;
	line-height:60px;
	border-bottom:1px solid #d4d4d4;
	position:relative;
}

.b_menu > a:after {
	position:absolute;
	content:'';
	background:url('../../images/leftmenu_up.png') left top / contain no-repeat;
	width:14px;
	height:8px;
	top:26px;
	right:30px;
}

.b_menu > ul {
	padding:3px 0;
	background:#f5f5f5;
	border-bottom:1px solid #d4d4d4;
	display:none;
}

.b_menu ul li {
	font-size:1.4rem;
	color:555;
}

.b_menu ul li > a {
	display:block;
	color:#666;
	padding:10px 0 10px 60px;
}

.b_menu > .m_open {
	width:100%;
	display:block;
	box-sizing:border-box;
	height:60px;
	padding-left:40px;
	line-height:60px;
	border-bottom:1px solid #d4d4d4;
	position:relative;
}

.b_menu > .m_open:after {
	position:absolute;
	content:'';
	background:url('../../images/leftmenu_down.png') left top / contain no-repeat;
	width:14px;
	height:8px;
	top:26px;
	right:30px;
}

/* 슬라이드배너 */

.slick-prev {
	top:440px;
	left:90px;
	width: 36px;
    height: 90px;
	background:url('../../images/slide_left.png') 0 0 no-repeat;
	display:block;
}

.slick-next {
	top:440px;
	right:90px;
	width: 36px;
    height: 90px;
	background:url('../../images/slide_right.png') 0 0 no-repeat;
	display:block;
}

.banner_wrap {
	width:100%;
	height:620px;
	position:relative;
}

.mainslider {
	width:100%;
	height:620px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.bn01_pos {
	background:url('../../images/main_slide01.png') right top / cover no-repeat;
	background-color:#fcf2e5;
}

.bn02_pos {
	background:url('../../images/main_slide02.png') right top / cover no-repeat;
	background-color:#f1fafc;
}

.bn03_pos {
	background:url('../../images/main_slide03.png') right top / cover no-repeat;
	background-color:#f4f5ec;
}

.mainslider .text_wrap {
	width:1100px;
	padding-left:50px;
	box-sizing:border-box;
	margin:135px auto 0;
	letter-spacing:-1.5px;
}

.mainslider.slick-active .text_wrap > p:nth-of-type(1),
.mainslider.slick-active .text_wrap > p:nth-of-type(2) {
	
	-webkit-animation: fadeIn 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: fadeIn 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.mainslider.slick-active .text_wrap > .text_more {
	
	-webkit-animation: fadeIn 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 0.8s;
	animation: fadeIn 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 0.8s;
}

.bn01_pos .text_wrap > p:nth-of-type(1),
.bn02_pos .text_wrap > p:nth-of-type(1),
.bn03_pos .text_wrap > p:nth-of-type(1),
.bn03_pos .text_wrap > p:nth-of-type(2) {
	font-size:3.8rem;
	font-family: 'sans_rg';
}

.bn01_pos .text_wrap > p:nth-of-type(1) b,
.bn01_pos .text_wrap > p:nth-of-type(2) b,
.bn02_pos .text_wrap > p:nth-of-type(1) b,
.bn02_pos .text_wrap > p:nth-of-type(2) b,
.bn03_pos .text_wrap > p:nth-of-type(2) b {
	font-size:5rem;
	font-family: 'sans_b';
}

.bn01_pos .text_wrap > p:nth-of-type(2),
.bn02_pos .text_wrap > p:nth-of-type(2) {
	font-size:3.8rem;
	font-family: 'sans_b';
	margin-top:-10px;
}

.bn03_pos .text_wrap {
	transform: translateY(8px);
}

.mainslider .text_wrap > .text_more {
	width:150px;
	height:50px;
	display:block;
	background:#2a65ba;
	border-radius:25px;
	text-align:center;
	color:#fff;
	line-height:48px;
	margin-top:50px;
}

.mainslider .text_wrap > .text_more p {
	font-size:1.4rem;
	letter-spacing:5px;
}


/* 소책자신청1 */

.pam_wrap {
	width:100%;
	height:170px;
	text-align:center;
}

.pam01_wrap {
	background:#2a65ba;
}

.pam {
	width:1200px;
	box-sizing:border-box;
	padding:15px 35px;
	margin:0 auto;
	display:flex;
	/* border:1px solid #f00; */
}

.pam_img_wrap {
	display:flex;
	width:70%;
}

.pam_img_wrap img {
	width:118px;
	height:118px;
	margin-top:10px;
}

.pam_img p {
	display:block;
	color:#fff;
	letter-spacing:-0.5px;
	font-family: 'sans_rg';
}

.pam_img_wrap p:nth-of-type(1) {
	font-size:1.6rem; 
	margin-bottom:7px;
}

.pam_img_wrap p:nth-of-type(2) {
	font-size:1.6rem; 
}

.pam_img_wrap p:nth-of-type(2) b {
	font-size:2.3rem; 
	padding-bottom:5px;
	margin-left:5px;
	color:#ffe323;
	font-family: 'sans_b';
	letter-spacing:-1px;
	display:inline-block;
	border-bottom:2px solid #ffe323;
}

.pam_img_wrap p:nth-of-type(3) {
	font-size:1.8rem; 
	margin-top:8px;
	color:#99ffcb;
}

.pam_img_wrap p:nth-of-type(3) b {
	display:inline-block;
	font-size:2.2rem; 
	font-family: 'sans_b';
}

.pam_img div {
	margin:15px 0 0 60px;
}

.pam_btn_wrap {
	width:30%;
	margin-top:7px;
	box-sizing:border-box;
	background:url('../../images/sec02_line.png') left 3px no-repeat;
	font-size:1.9rem;
}

.pam_btn {
	height:140px;
}

.pam_btn div {
	width:240px;
	height:60px;
	margin:5px auto;
	display:flex;
	color:#fff;
}

.pam_btn div span {
	margin:10px 10px 0 0;
}

.pam_btn div b {
	color:#ffe323;
	font-style:normal !important;
}

.pam_ybtn {
	width:150px;
	height:46px;
	display:block;
	box-sizing:border-box;
	line-height:42px;
	border-radius:23px;
	background-size: 200% 100%;
	background-position: 100%;
    transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	font-size:1.8rem;
	margin:0 auto;
	border:2px solid #fdd846;
}

.pam01_wrap .pam_ybtn {
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2a65ba), color-stop(50%, #fdd846));
	background-image:linear-gradient(to right, #2a65ba 50%, #fdd846 50%);
}

.pam_ybtn:hover {
	background-position: 0 !important;
	box-sizing:border-box;
	border:2px solid #fdd846;
}

.pam01_wrap .pam_ybtn:hover {
    color: #fdd846;
  }

.pam02_wrap .pam_ybtn {
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fcf2e5), color-stop(50%, #fdd846));
	background-image:linear-gradient(to right, #fcf2e5 50%, #fdd846 50%);
}




/* .pam_ybtn:hover {
	animation:slideUpAnimation 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both
}
 */

/* 성공사례 */

.card_wrap {
	width:1200px;
	margin:65px auto;
	position:relative;
}

.card_wrap h2 {
	font-size:4rem;
	text-align:center;
	font-family: 'sans_b';
	position:relative;
}

.card_wrap h2 b {
	color:#00b8d7;
}

.card_wrap h2:after {
	content:'';
	position:absolute;
	top:75px;
	left:50%;
	margin-left:-55px;
	width:110px;
	height:6px;
	background:#222;
}

.card_wrap .card_more {
	font-size:1.6rem;
	display:block;
	text-align:right;
	font-family: 'sans_rg';
	letter-spacing:2px;
	margin:50px 60px 0;
	padding:5px;
}

.card_btn {
	position:absolute;
	top:326px;
	width: 31px;
    height: 85px;
	cursor:pointer;
}

.slick-prev2, .slick-prev3, .slick-prev4 {
	left:0;
	background:url('../../images/sec03_left.png') 0 0 no-repeat;
}

.slick-next2, .slick-next3, .slick-next4 {
	right:0;
	background:url('../../images/sec03_right.png') 0 0 no-repeat;
}


.card_des{
	width:1078px;
	margin:10px auto;
}

.card_des a {
	display:block;
}


.card_des .card_line {
	width:336px;
	height:430px;
	margin:0 11px;
	border:1px solid #dadada;
	position:relative;
}

.card_success .card_line:hover:before {
	position:absolute;
	content:'성공사례보러가기';
	top:0;
	left:0;
	width:336px;
	height:430px;
	padding:130px 110px;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	font-size:3rem;
	font-family: 'sans_b';
	background:rgba(0,0,0,0.8);
}

.card_des .card_line:hover:after {
	position:absolute;
	content:'VIEW +';
	top:250px;
	left:112px;
	width:107px;
	height:35px;
	line-height:32px;
	text-align:center;
	box-sizing:border-box;
	color:#fff;
	font-size:1.8rem;
	font-family: 'sans_rg';
	letter-spacing:2px;
	border:1px solid #fff;
	z-index:901;
}



.card_des .card_line img {
	width:336px;
	height:283px;
}

.card_des .card_line div {
	padding:25px 16px;
}

.card_title {
	font-size:1.6rem;
	color:#888;
	font-family: 'sans_b';
}

.card_con {
	height:60px;
	font-size:1.4rem;
	font-family: 'sans_rg';
	margin-top:15px;
	word-wrap:break-word;
	word-break:break-all;
	/* white-space: nowrap;  */
	text-overflow:ellipsis;
	overflow:hidden;
}



/* 성공로드맵 */

.map_pc {display:block;}

.loadmap_wrap {
	width:100%;
	height:610px;
	padding:60px 0;
	box-sizing:border-box;
	background:#efefef;
}

.loadmap {
	width:1200px;
	margin:0 auto;
}

.loadmap h2 {
	font-size:4rem;
	font-family: 'sans_b';
	text-align:center;
}

.loadmap h2 b {
	color:#00b8d7;
}

.loadmap h3 {
	font-size:2rem;
	font-family: 'sans_rg';
	text-align:center;
	margin-top:20px;
}

.map_img_wrap {
	width:1045px;
	margin:65px auto 0;
	display:flex;
}

.map_img_wrap span {
	display:inline-block;
}

/* .map_img_wrap span {
	-webkit-animation: slideDown 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slideDown 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

	display:inline-block;
} */

.map_img_wrap span:nth-of-type(2) {
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
.map_img_wrap span:nth-of-type(3) {
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}
.map_img_wrap span:nth-of-type(4) {
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
.map_img_wrap span:nth-of-type(5) {
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}

.map_img_wrap img {
	width:209px;
	height:227px;
}

.map_img_wrap p {
	font-size:1.8rem;
	text-align:center;
	margin-top:20px;
}

.map_img_wrap p i {
	font-size:1.5rem;
	font-style:normal;display:block;
}



/* 성공로드맵_모바일 */

.map_mobile {display:none;}

.m_map_wrap {
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.m_map_wrap .m_map {
	margin-top:40px;
}

.m_map_wrap .m_map span img {
	width:100%;
}

.m_map_txt {
	font-size:1.5rem;
	text-align:center;
	margin-top:10px;
}

.m_map_txt p {
	display:inline-block;
	letter-spacing:-0.7px;
}

.m_map_txt i {
	display:block;
	font-style:normal;
	font-size:1.3rem;
}

.m_map_txt01 {
	margin-left:-25px;
}

.m_map_txt01 p {
	margin:10px 38px;
}

.m_map_txt02 {
	margin-left:15px;
}

.m_map_txt02 p {
	margin:10px 30px;
}


/* 노하우 */
.card_know .card_line:hover::before {
	position:absolute;
	content:'인증 노하우보러가기';
	top:0;
	left:0;
	width:336px;
	height:430px;
	padding:130px 86px;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	font-size:3rem;
	font-family: 'sans_b';
	background:rgba(0,0,0,0.8);
	z-index:900;
}

.know_title {
	font-size:1.8rem;
	color:#222;
	font-family: 'sans_md';
	text-align:center;
	letter-spacing:-0.8px;
}

.card_view {
	font-size:2rem;
	color:#00b8d7;
	font-family: 'sans_b';
	text-align:center;
	margin-top:40px;
	position:relative;
}

.card_view:after {
	position:absolute;
	content:'';
	top:-17px;
	left:50%;
	margin-left:-27px;
	width:54px;
	height:3px;
	background:#00b8d7;
	z-index:5;
}


/* 국공비서비스 */

.service_wrap {
	width:100%;
	background:#38c69a;
	height:100%;
	padding:35px 0;
	box-sizing:border-box;
}

.service_wrap h2 {
	font-size:3rem;
	color:#133228;
	text-align:center;
}

.service_wrap h2 b {
	font-size:4.6rem;
	font-family: 'sans_b';
}

.service_wrap h3 {
	font-size:2.4rem;
	color:#133228;
	text-align:center;
}

.service_wrap .service {
	width:1130px;
	margin:40px auto 0 auto;
	display:flex;
	justify-content:space-between;
}

.service .ser_con {
	background:#2eb38a;
	width:550px;
	height:180px;
	border-radius:36px;
	color:#fff;
	display:flex;
	justify-content:space-between;
}

.scon01 img {
	width:160px;
	height:187px;
	margin:-15px 0 0 55px;
}

.ser_con .ser_img {
	width:50%;
}

.ser_con .ser_txt {
	width:50%;
	margin-top:22px;
}

.scon02 img {
	width:164px;
	height:192px;
	margin:-20px 0 0 55px;
}

.ser_con .ser_txt p:nth-of-type(1) {
	font-size:2.6rem;
	font-family: 'sans_b';
}

.ser_con .ser_txt p:nth-of-type(2) {
	font-size:1.7rem;
	margin-top:30px;
	font-family: 'sans_rg';
	position:relative;
}

.ser_con .ser_txt p:nth-of-type(2) span {
	font-size:1.7rem;
	display:inline-block;
	margin-left:20px;
}

.ser_con .ser_txt p:nth-of-type(2):before {
	position:absolute;
	top:-15px;
	left:0;
	content:'';
	width:120px;
	height:2px;
	background:#fff;
}


.ser_txt span {
	display:block;
}


/* 소책자신청2 */

.pam02_wrap {
	background:#fcf2e5;
}

.pam_img02 p {
	display:block;
	letter-spacing:-0.5px;
	color:#444;
}

.pam_img_wrap.pam_img02 p:nth-of-type(2) b {
	font-size:2.3rem; 
	padding-bottom:5px;
	margin-left:5px;
	color:#ffe323;
	font-family: 'sans_b';
	letter-spacing:-1px;
	display:inline-block;
	border-bottom:2px solid #ffe323;
}

.pam_img_wrap.pam_img02 p:nth-of-type(2) b {
	font-size:2.3rem; 
	padding-bottom:5px;
	margin-left:5px;
	color:#ee6427;
	font-family: 'sans_b';
	letter-spacing:-1px;
	display:inline-block;
	border-bottom:2px solid #ee6427;
}

.pam_img_wrap.pam_img02 p:nth-of-type(3) {
	font-size:1.8rem; 
	margin-top:8px;
	color:#2eb38a;
}

.pam_img_wrap.pam_img02 p:nth-of-type(3) b {
	display:inline-block;
	font-size:2.2rem; 
	font-family: 'sans_b';
}

.pam_img02 div{
	margin:15px 0 0 60px;
}

.pam_btn02 {
	height:125px;
}

.pam_btn02 div {
	width:250px;
	margin:20px auto;
	color:#444;
}


/* 고객센터 */
.center_wrap {
	width:1200px;
	margin:70px auto;
	display:flex;
	justify-content:space-between;
}

.center_wrap .center {
	width:520px;
}

.center_wrap .videos {
	width:640px;
	position:relative;
}

.center_wrap .video iframe {
	width:560px;
	height:334px;
	transition:all 0.5s;
}

.center_wrap h2 {
	font-size:2.8rem;
}

.notice {
	position:relative;
}

.notice h2, .videos h2 {
	display:block;
	padding-bottom:10px;
	border-bottom:5px solid #222;
}

.notice > a:nth-of-type(1) {
	font-size:1.4rem;
	position:absolute;
	top:18px;
	right:0;
}

.notice ul {
	width:100%;
}

.notice li {
	width:100%;
	box-sizing:border-box;
	padding:12px 20px;
	font-size:1.4rem;
	font-family: 'sans_rg';
	border-bottom:1px solid #aaa;
}

.notice li:last-child {
	border-bottom:none;
}

.notice li p {
	font-size:1.3rem;
	color:#999;
	padding:3px 0;
}

.last_border {
	border:none !important;
}

.board_wrap {
	display:flex;
	justify-content:space-between;
	margin-top:15px;
}

.board_wrap a {
	display:block;
}

.faq, .library {
	width:255px;
	height:125px;
	line-height:125px;
	padding:0 50px;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	justify-content:space-between;
}

.faq h3, .library h3 {
	font-size:2.2rem;
}


.faq img, .library img {
	width:12px;
	height:25px;
}

/* .faq h2, .faq p, .library h2, .library p {
	border:1px solid #f00;

} */

.faq {
	background:#3dbd95;
}

.library {
	background:#4fbed8;
}

.youtube {
	width:560px;
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	/* display:flex;
	justify-content:space-between; */
}

.video_btn {
	position:absolute;
	top:190px;
	width: 31px;
	height:85px;
	cursor:pointer;
}

/*소책자팝업*/

.bookPopup {
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.8);  
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.book_apply {
    background:#fff;
    width:420px;
    height:610px;
    margin:0 auto;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

.book_apply h2 {
    height:90px;
    line-height:90px;
    background:#2a8dda;
    box-sizing:border-box;
    text-align:center;
    font-size:2.8rem;
    color:#fff;
}

.book_form {
    background:#f5f5f5;
    padding:20px 0;
    border-bottom:1px solid #e1e1e1;
}

.book_form div {
    display:flex;
    justify-content: center;
    margin:15px 0;
}

.book_form div p {
    width:80px;
    line-height:38px;
    text-align:left;
	font-family: 'sans_rg';
	font-size:1.4rem;  
}

.book_form div input, .book_form div select {
    width:230px;
    height:38px;
    border:1px solid #c4c4c4;
    background-color:#fff;
    border-radius:4px;
    box-sizing:border-box;
    padding:8px 25px 8px 8px;
    font-size:1.2rem;
	letter-spacing:-0.5px;
}

.bookAgree {
    width:210px;
    margin:20px auto 0 auto;
    display:flex;
    justify-content: center;    
}

.bookAgree input { 
    width:18px;
    height:18px;
    border-radius:3px;
    margin:3px 8px 0 0;
}

.bookAgree p {
    font-size:1.4rem;  
    margin-top:1px;
}

.bookAgree a {
    display:block;
	background:#888;
	color:#fff;
	font-family: 'sans_rg';
    border-radius:10px;
    font-size:1.2rem; 
    padding:2px 8px;
    margin-left:10px;
}

.list_btn2 {
	width:183px;
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	margin:20px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #2d83c6));
	background-image:linear-gradient(to right, #fff 50%, #2d83c6 50%);
}

.list_btn2:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #2d83c6;
}

.bookPopup .pop_close {
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	top:-20px;
	right:-20px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:40px;
	cursor:pointer;
	box-sizing:border-box;
	padding-top:9px;
}

.bookPopup .pop_close img {
	width:20px;
	height:20px;
}



/* 사이드바 */

aside {
	position:absolute;
	top:1050px;
	right:200px;
	width:85px;
}

aside.fixed {
	position:fixed;
	top:200px;
	right:200px;
	width:85px;	
}

aside a {
	display:block;
	margin-bottom:30px;
}

.sub_aside {
	position:absolute;
	top:510px;
	right:200px;
	width:85px;
}

.sub_aside.fixed {
	position:fixed;
	top:100px;
	right:200px;
	width:85px;	
}




/* 교육과정_메뉴 */

.header_menu_wrap.fixed .header_submenu {
	padding:15px 30px;
	height:85px;
	box-sizing:border-box;
	transition:all 0.5s;
}

.header_menu_wrap.fixed .header_submenu h1 a {
	display:block;
	width:90px;
	height:55px;
	background:url('../../images/fix_logo.png') 0 0 no-repeat;
	transition:all 0.5s;
}

.header_menu_wrap.fixed .header_submenu nav a {
	display:inline-block;
	line-height:25px;
	margin:22px 0 0 35px;
	box-sizing:border-box;
	padding:2px 3px;
	font-family: 'ns_bold';
	font-size:1.8rem;
	letter-spacing:-0.5px;
	position: relative;
}


.header_menu_wrap.fixed .header_submenu nav a::after {
	position: absolute;
	top:43px;
	left:0;
	width: 101%;
	height: 6px;
	background:#49d2f2;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform:  scale(0,1);
	-moz-transform:  scale(0,1);
	transform: scale(0,1);
}

.header_menu_wrap.fixed .header_submenu nav a:hover::after,
.header_menu_wrap.fixed .header_submenu nav a:focus::after {
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform:  scale(1,1);
}


.header_submenu {
	width:1200px;
	height:110px;
	margin:0 auto;
	padding:22px 30px;
	box-sizing:border-box;	
	display:flex;
	justify-content:space-between;
	font-size:2rem;
}

.header_submenu h1 a {
	display:block;
	width:103px;
	height:63px;
	background:url('../../images/main_logo.png') 0 0 no-repeat;
}

.header_submenu nav a {
	display:inline-block;
	line-height:25px;
	margin:40px 0 0 35px;
	padding:2px 3px;
	font-family: 'ns_bold';
	color:#999;
	font-size:1.8rem;
	letter-spacing:-0.5px;
	position: relative;
}

.header_submenu nav a:hover {
	color:#222;
}


.header_submenu nav a::after {
	position: absolute;
	top:43px;
	left:0;
	width: 101%;
	height: 6px;
	background:#49d2f2;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform:  scale(0,1);
	-moz-transform:  scale(0,1);
	transform: scale(0,1);
}

.header_submenu nav a:hover::after,
.header_submenu nav a:focus::after {
	opacity: 1;
	color:#222;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform:  scale(1,1);
}


.header_submenu nav a.menu_on {
	color: #222 !important;
}

.header_submenu nav a.menu_on:before {
	position: absolute;
	top:43px;
	left:0;
	width: 101%;
	height: 6px;
	background:#49d2f2;
	content: '';
}


/* 국비학원이 되려면 */

.sub01_900 {
	width:900px;
	margin:0 auto;
}

.sub01_contents {
    margin:40px 0;
/* 	border:1px solid #f00; */
}

.sub01_contents .bTxt,
.sub01_contents .bTxt2 {
    font-size:3.6rem;
    font-family: 'sans_b';
    margin-bottom:50px;
}

.sub01_contents .bTxt b,
.sub01_contents .bTxt2 b {
    font-size:4.4rem;
	color:#38a0c7;
}

.sub01_contents .mdTxt {
    font-size:1.8rem;
    margin-bottom:50px;
	color:#444;
	font-family: 'sans_rg';
}

.sub01_contents .mdTxt b {
	font-size:2rem;
	color:#333;
    font-family: 'sans_b';
}

.sub01_img_wrap {
    display:flex;
    justify-content:space-between;
}

.sub01_img_wrap img {
    width:446px;
    height:395px;
}

.sub01_img_wrap img:first-child {
    margin-top:170px;
}

.whyTxt {transform:translateY(-60px);}

.right {
    text-align:right;
}

.center2 {
    text-align:right;
}

/* 인증절차 */

.sub01_contents .sub01_title {
	padding:20px 0;
	border-top:1px solid #2d83c6;
}

.sub01_contents .sub01_title h3 {
    font-size:2.6rem;
    margin-right:20px;
	padding-left:20px;
    display:inline-block;
}

.sub01_contents .sub01_title h4 {
    font-size:1.5rem;
	font-family: 'sans_rg';
    display:inline-block;
}

.sub01_contents .sub01Table {
    border-top:1px solid #2d83c6;
    border-bottom:1px solid #d8d8d8;
    padding:40px;
}

/* .sub01_contents div {
    margin:18px 0;
} */

.sub01Table .tableTH,
.sub01Table .tableTD {
    display:flex;
    justify-content:space-between;
    text-align:center;
}

.sub01Table .tableTD {
    margin:15px 0;
}

.sub01Table .tableTH p {
    font-size:1.8rem;
    background:#ddd;
    padding:10px 0;
    width:280px;
    box-sizing:border-box;
    border-radius:13px;
}

.sub01Table .tableTD .th {
    width:105px;
    height:105px;
    border-radius:53px;
    background:#2ba3d8;
    color:#fff;
    font-size:1.7rem;
    box-sizing:border-box;
    padding-top:39px;
}

.sub01Table .tableTD .td {
    width:280px;
    height:105px;
    border-radius:13px;
	font-family: 'sans_rg';
    border:1px solid #ddd;
    box-sizing:border-box;
    padding-top:40px;
    font-size:1.5rem;
    text-align:center;
}

.sub01Table .tableTD .td.lineT {
    padding-top:29px;
}

.sub01Table .tableTD .td i {
    display:block;
	font-style:normal;
}

.sub01_contents .table_comment {
    margin:15px 20px;
}

.sub01_contents .table_comment p {
    font-size:1.4rem;
	font-family: 'sans_rg';
    margin-bottom:5px;
}

.sub01_contents .table_comment .ref {
    position:relative;
    padding-left:12px;
}

.sub01_contents .table_comment .ref:before {
    position:absolute;
    content:'';
    width:4px;
    height:4px;
    top:9px;
    left:0;
    background:#646464;
    border-radius:2px;
}

.sub01_contents .tableBtn {
    width:100%;
    margin:50px 0;
    box-sizing: border-box;
    padding:20px;
    display:flex;
    justify-content: center;
}

.sub01_contents .tableBtn.wrapOne {
    background:#f4f4f4;
    border:1px solid #dcdcdc;
}

.sub01_contents .tableBtn p {
    font-size:2rem;
    margin:15px 50px 0 0;
}

.tableBtn a {
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#2d83c6;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2d83c6), color-stop(50%, #fff));
	background-image:linear-gradient(to right, #2d83c6 50%, #fff 50%);
}

.tableBtn a.btnone {
    width:200px;
}

.tableBtn a.btntwo {
    width:50%;
    margin:0 25px;
}

.tableBtn a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #fff;
}

.sub01_contents .sub02Table {
    border-top:1px solid #2d83c6;
    border-bottom:1px solid #d8d8d8;
    padding:10px 0 20px 40px;
}

.sub02Table .sub01DT {
    margin:40px 0;
}

.sub02Table .sub01DT div {
    font-size:1.7rem;
    margin-bottom:5px;
	display:flex;
	justify-content:left;
}

.sub02Table .sub01DT div p {
   transform:translateY(14px);
}

.sub02Table .sub01DT div b {
    font-size:3rem;
    color:#118fe7;
    font-family: 'sans_b';
    margin-right:15px;
}

.sub02Table .sub01DT > p {
    font-size:1.5rem;
	font-family: 'sans_rg';
    padding-left:42px;
}

.marTop {
	margin-top:150px;
}

.sub01_contents .sub03Table {
    border-top:1px solid #2d83c6;
    border-bottom:1px solid #d8d8d8;
    padding:40px;
}

.sub01Align {
	display:flex;
	justify-content:left;
	margin:50px 0;
}

.sub01Align p {
	width:20%;
	text-align:center;
	margin-right:50px;
	font-size:1.6rem;
}

.sub01Align p img {
	width:70px;
	height:66px;
	margin:0 auto 15px auto;
	display:block;
}

.sub01Align div {
	width:75%;
}

.sub01Align li {
	font-size:1.55rem;
    font-family: 'sans_rg';
	padding-left:12px;
	position:relative;
	margin-bottom:10px;
	line-height:18px;
}

.sub01Align li:before {
	position:absolute;
	content:'';
	width:3px;
	height:3px;
	top:10px;
	left:0;
	background:#777;
}

.sub03Table .sub01Align:first-child {
	margin-top:20px;
}

.sub03Table .sub01Align:last-child {
	margin-bottom:20px;
}


.anchor {
	position:absolute;
	top:2000px;
}

.anchor {top:2052px;}


/* 심사평가절차 변경 */

.sub01Table_02 {
    border-top:1px solid #2d83c6;
    border-bottom:1px solid #d8d8d8;
    padding:40px;
}

.sub01Table_02 .step {
   display:flex;
   justify-content:space-between;
   position:relative;
   margin-bottom:60px;
}

.sub01Table_02 .step:after {
   position:absolute;
   content:'';
   width:26px;
   height:15px;
   background:url('/images/arrowBl.png') center center no-repeat;
   bottom:-38px;
   left:13%;
}

.sub01Table_02 .step:nth-child(even):after {
   background:url('/images/arrowGr.png') center center no-repeat;
}

.sub01Table_02 .step:last-child {
   margin-bottom:0;
}

.sub01Table_02 .step:last-child:after {
   background:none;
}

.sub01Table_02 .step .stepTitle {
   width:29%;
   height:130px;
   font-size:2rem;
   font-family: 'sans_b';
   border-radius:8px;
   text-align:center;
   box-sizing:border-box;
}

.sub01Table_02 .step:first-child .stepTitle,
.sub01Table_02 .step:last-child .stepTitle {
   padding-top:50px;
}

.sub01Table_02 .step:nth-of-type(2) .stepTitle,
.sub01Table_02 .step:nth-of-type(4) .stepTitle {
   padding-top:28px;
}

.sub01Table_02 .step:nth-of-type(3) .stepTitle {
   padding-top:19px;
}

.sub01Table_02 .step .stepTitle p {
   font-size:1.5rem;
   display:block;
   font-family: 'sans_rg';
}

.sub01Table_02 .step .stepTitle p:first-child {
   margin-top:15px;
}

.sub01Table_02 .step:nth-child(odd) .stepTitle {
  border:1px solid #1c91e4;
}

.sub01Table_02 .step:nth-child(even) .stepTitle {
   border:1px solid #38c69a;
}

.sub01Table_02 .step .stepBody {
   width:65%;
   height:130px;
   border-radius:8px;
   padding:4.8% 20px 20px 40px;
   box-sizing:border-box;
   border:1px solid #ccc;
}

.sub01Table_02 .step:first-child .stepBody,
.sub01Table_02 .step:last-child .stepBody {
   padding-top:50px;
}

.sub01Table_02 .step .stepBody p {
   display:block;
   position:relative;
   font-size:1.4rem;
   font-family: 'sans_rg';
   line-height:140%;
   margin:4px 0;
   padding-left:10px;
}

.sub01Table_02 .step .stepBody p:before {
   position:absolute;
   content:'';
   width:3px;
   height:3px;
   background:#444;
   top:9px;
   left:auto;
   margin-left:-8px;
}

.sub01Table_02 .step span {
   display:block;
   position:absolute;
   width:90px;
   height:90px;
   top:50%;
   margin-top:-45px;
   left:26%;
   color:#fff;
   font-size:1.4rem;
   font-family: 'sans_md';
   border-radius:100px;
   text-align:center;
   padding-top:33px;
   box-sizing:border-box;
}

.sub01Table_02 .step:nth-child(odd) span {
   background:#1c91e4;
}

.sub01Table_02 .step:nth-child(even) span {
   background:#38c69a;
}

/* 국비개설노하우 */

.sub02_1000 {
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
}

.sub_contents .sub01_contents h3 {
	font-size:2.8rem;
	font-family: 'sans_b';
	color:#2d83c6;
}

.sub01_contents .titleP {
	padding:16px 0 25px 0;
}

.sub01_contents .titleP p {
	font-size:1.7rem;
	font-family: 'sans_rg';
}

.sub01_contents .titleP p b {
	font-family: 'sans_b';
}

.how_wrap {
	border-top:2px solid #2d83c6;
}

.how_wrap .knowhow {
	border-bottom:1px solid #c7c7c7;
	padding:80px 0;
	display:flex;
	justify-content:space-between;
}

.how_wrap .knowhow.moView {display:none;}

.how_wrap .knowhow .howTxt {
	font-size:1.6rem;
	font-family: 'sans_rg';
	text-align:center;
	width:50%;
}

.how_wrap .knowhow .howTxt h4 {
	font-size:2.7rem;
	color:#2d83c6;
	margin-bottom:45px;
}

.how_wrap .knowhow .howTxt a {
	padding:0 40px;
	height:62px;
	line-height:62px;
	display:inline-block;
	font-family: 'sans_b';
	box-sizing:border-box;
	border:1px solid #2d83c6;
	border-radius:30px;
	font-size:1.8rem;
	text-align:center;
	margin-top:60px;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 202% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2d83c6), color-stop(50%, #fff));
	background-image:linear-gradient(to right, #2d83c6 50%, #fff 50%);
}

.how_wrap .knowhow .howTxt a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #fff;
}

.how_wrap .knowhow .howTxt a i {
	font-style:normal;
	color:#2d83c6;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}

.how_wrap .knowhow .howTxt a:hover i {
	color: #fff;
}

.how_wrap .knowhow .howImg {
	width:50%;
	text-align:center;
}

.sub01_contents .proTitle div {
	margin-bottom:10px;
	display:flex;
	justify-content:left;
}

.sub01_contents .proTitle div p {
	display:inline-block;
	font-size:1.5rem;
	font-family: 'sans_rg';
}

.sub01_contents .proTitle div b {
	font-family: 'sans_md';
}

.sub01_contents .proTitle div p:first-child {
	width:15%;
	height:30px;
	line-height:19px;
	font-size:1.4rem;
	padding:5px 0;
	box-sizing:border-box;
	text-align:center;
	background:#ef7e2a;
	color:#fff;
	margin-right:12px;
}

.sub01_contents .proTitle div p:last-child {
	width:85%;
	line-height:28px;
}

.sub01_contents .proMenu {
	position:relative;
}

.sub01_contents .proMenu:after {
	position:absolute;
	content:'';
	width:100%;
	height:2px;
	top:79px;
	left:0;
	background:#2d83c6;
}

.sub01_contents .proMenu {
	display:flex;
	justify-content:center;
	margin-top:60px;
}

.sub01_contents .proMenu p {
	display:inline-block;
	margin: 0 30px;
	width:160px;
	height:160px;
	border-radius:50%;
	box-sizing:border-box;
	background:#fff;
	color:#999;
	border:1px solid #2d83c6;
	cursor:pointer;
	z-index:800;
	position:relative;
}

.sub01_contents .proMenu p.proOn {
	background:#2d83c6;
	color:#fff;
}

.sub01_contents .proMenu p span {
	display:block;
	width:160px;
	font-size:2.2rem;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.sub01_contents .proBody {
	margin-top:50px;
}

.sub01_contents .proBody > p {
	font-size:1.7rem;
	font-family: 'sans_rg';
}

.sub01_contents .proBody .benefit {
	display:flex;
	justify-content:left;
	margin-top:40px;
	
}

.proBody .benefit .benefitImg {
	width:30%;
	background:url('../../images/sub02_img04.png') right 88% / 55% no-repeat;
}

.proBody .benefit .benefitImg p {
	font-size:2.6rem;
	color:#ef7e2a;
	text-align:left;
	padding-top:15px;
	position:relative;
	letter-spacing:-0.5px;
}

.proBody .benefit .benefitImg p b {
	display:block;
}

.proBody .benefit .benefitImg p:before {
	position:absolute;
	content:'';
	width:65px;
	height:4px;
	background:#333;
	left:0;
	top:0;
}

.proBody .benefit .benefitImg img {
	width:140px;
	height:155px;
	margin-top:100px;
}

.proBody .benefit .benefitTxt {
	width:70%;
	padding-left:50px;
	box-sizing:border-box;
}

.proBody .benefit .benefitTxt .benetxt {
	margin-bottom:40px;
}

.proBody .benefit .benefitTxt .benetxt p:nth-of-type(1) {
	font-size:2rem;
	font-family: 'sans_b';
}

.proBody .benefit .benefitTxt .benetxt p:nth-of-type(1) b {
	color:#2d83c6;
	font-size:3rem;
	margin-right:12px;
}

.proBody .benefit .benefitTxt .benetxt p:nth-of-type(2) {
	font-size:1.7rem;
	font-family: 'sans_rg';
	margin:7px 0 0 48px;
}

.bf02, .bf03 {display:none;}

.sub02Btn {
	text-align:center;
}

.sub02Btn a {
	padding:0 50px;
	height:62px;
	line-height:62px;
	display:inline-block;
	font-family: 'sans_b';
	color:#2d83c6;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	border-radius:30px;
	font-size:1.8rem;
	text-align:center;
	margin:60px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 202% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2d83c6), color-stop(50%, #fff));
	background-image:linear-gradient(to right, #2d83c6 50%, #fff 50%);
}

.sub02Btn a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #fff;
}



/* 교육과정 */

.sub_wrap {
	height:100%;
	/* margin-bottom:60px; */
}

.sub_banner {
	height:190px;
	line-height:190px;
	font-size:3rem;
	color:#fff;
	text-align:center;
}

.sub_00 {
	background:url('../../images/company_b.png') center top / cover no-repeat;
}

.sub_01 {
	background:url('../../images/sub_banner01.png') center top / cover no-repeat;
}

.sub_02, .sub_03 {
	background:url('../../images/sub_banner02.png') center top / cover no-repeat;
}

.sub_04 {
	background:url('../../images/sub_banner04.png') center top / cover no-repeat;
}

.sub_05 {
	background:url('../../images/sub_banner05.png') center top / cover no-repeat;
}

.sub_06 {
	background:url('../../images/sub_banner06.png') center top / cover no-repeat;
}

.sub_wrap .sub_menu {
	width:100%;
	height:67px;
	border-bottom:1px solid #e3e3e3;
	box-sizing:border-box;
	color:#999;
	font-size:1.8rem;
	padding-top:8px;
	text-align:center;
}

.sub_wrap .sub_menu a {
	display:inline-block;
	padding:20px 5px;
	margin:0 90px;
	position:relative;
}

.sub_wrap .sub_menu a::after {
	position: absolute;
	top:56px;
	left:0;
	width: 100%;
	height: 5px;
	background:#38c69a;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform:  scale(0,1);
	-moz-transform:  scale(0,1);
	transform: scale(0,1);
}

.sub_wrap .sub_menu a:hover::after,
.sub_wrap .sub_menu a:focus::after {
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	transform:  scale(1,1);
}

.sub_menuOn {
	color: #222 !important;
}

.sub_menuOn:before {
	position: absolute;
	top:56px;
	left:0;
	width: 100%;
	height: 5px;
	background:#38c69a;
	content: '';
}

.sub_contents {
	padding-top:40px;
	margin-bottom:100px;
	/* margin:0 auto 300px auto; */
}



.sub_contents h3 {
	font-size:1.8rem;
}

.sub_contents > a {
	width:183px;
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	margin:40px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #2d83c6));
	background-image:linear-gradient(to right, #fff 50%, #2d83c6 50%);
}

.sub_contents > a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #2d83c6;
}



/* .sub_contents .ss {
	display:block;
	border:1px solid #f00;
}
 */
.process_wrap {
	width:1100px;
	border:1px solid #ddd;
	margin:25px auto;
	padding:30px;
	position:relative;
	box-sizing:border-box;
	cursor:pointer;
	display:block;
}

.pass_icon {
	position:absolute;
	top:-10px;
	left:15px;
	display:block;
	width:51px;
	height:80px;
	background:url('../../images/in_icon.png') left top no-repeat;
	border:none;
}

.pass_icon2 {
	position:absolute;
	top:-10px;
	left:15px;
	display:block;
	width:51px;
	height:80px;
	background:url('../../images/s_icon.png') left top no-repeat;
}

.process01 {
	display:flex;
	justify-content:left;
	cursor:pointer;
	width:100%;
}

.edu_imgtxt {
	display:flex;
	justify-content:left;
	width:72%;
}

.process01 .edu_img {
	width:40%;
	box-sizing:border-box;
}

.process01 .edu_img img {
	width:100%;
	height:100%;
}

.process01 .edu_text {
	width:60%;
	padding:8px 20px;
	box-sizing:border-box;
	position:relative;
}

.process01 .edu_text:after {
	position:absolute;
	content:'';
	width:1px;
	height:100%;
	background:#ddd;
	top:0;
	right:0;
}

.process01 .edu_text p {
	font-size:2rem;
	margin-bottom:12px;
}

.process01 .edu_text ul li {
	font-size:1.3rem;
	padding:2px 0 2px 12px;
	position:relative;
	color:#666;
	font-family: 'sans_rg';
}

.process01 .edu_text ul li:before {
	position:absolute;
	content:'';
	width:3px;
	height:3px;
	background:#777;
	top:11px;
	left:0;
}

.process01 .edu_price {
	padding:8px 0 8px 30px;
	width:28%;
	box-sizing:border-box;
}

.edu_price .price_count {
	font-size:1.4rem;
	font-family: 'sans_b';
	color:#e23c10;
	width:110px;
	height:30px;
	line-height:30px;
	padding-left:18px;
	border:2px solid #e23c10;
	border-radius:18px;
	position:relative;
}

.edu_price .price_count:after {
	position:absolute;
	content:'';
	width:10px;
	height:12px;
	top:10px;
	right:15px;
	background:url('../../images/discount.png')left top no-repeat;
}

.edu_price .price_count b {
	font-size:2rem;
	color:#222;
	margin-right:5px;
}

.process01 .edu_price > p {
	display:flex;
	justify-content:space-between;
	width:100%;
}

.process01 .edu_price > p span {
	display:block;
}

.process01 .edu_price > p:nth-of-type(1) {
	font-size:1.5rem;
	color:#888;
	margin-top:20px;
}

.process01 .edu_price > p:nth-of-type(1) strong {
	text-decoration:line-through;
}

.process01 .edu_price > p:nth-of-type(2) {
	margin-bottom:10px;
}

.process_wrap .edu_price > p:nth-of-type(2) span {
	font-size:1.8rem;
	font-family: 'sans_b';
	padding-top:10px;
}

.process01 .edu_price > p:nth-of-type(2) strong {
	font-size:2.6rem;
	font-family: 'sans_b';
	color:#005fc9;
}

/* .process_wrap .edu_price .price_btn {
	display:flex;
	justify-content:space-between;
	margin-top:15px;
} */

.process01 .edu_price .price_view,
.process01 .edu_price .price_join {
	width:48%;
	height:42px;
	line-height:38px;
	font-size:1.6rem;
	border-radius:30px;
	text-align:center;
	display:inline-block;
}

.process01 .edu_price .price_view {
	background:#dadada;
	color:#222;
	float:left;
}

.process01 .edu_price .price_join {
	background:#1b4c6f;
	color:#fff;
	float:right;
}

.pro_exp {
	padding-top:30px;
	border-top:1px solid #ddd;
	margin-top:30px;
	display:none;
	width:100%;
}

.pro_exp p {
	font-size: 1.4rem;
	font-family: 'sans_rg';
	line-height:26px;
	word-wrap:break-word;
	word-break:break-all;
	text-overflow:ellipsis;
}

/* 교육과정 신청 */

.edu_req {
	text-align:center;
	margin:20px auto;
	font-size:1.7rem;
	color:#444;
	line-height:30px;
	font-family: 'sans_rg';
}

.edu_req b {
	font-family: 'sans_b';
}


.edu_kakao {
	width:220px;
	display:block;
	box-sizing:border-box;
	margin:40px auto 30px auto;
	background:#56383a;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
	padding:13px 15px 15px 50px;
	border-radius:30px;
	cursor:pointer;
	position:relative;
	
}

.edu_kakao:before {
	position:absolute;
	content:'';
	width:60px;
	height:56px;
	top:0;
	left:-10px;
	background:url('../../images/eduKakao.png') 0 0 no-repeat;
}


/* 강의내역 */

.sub_contents2 {
	padding-bottom:80px;
}

.process02 {
	display:flex;
	justify-content:left;
	width:100%;
}

.class_imgtxt {
	display:flex;
	justify-content:left;
	width:86%;
}

.process02 .class_img {
	width:32%;
	box-sizing:border-box;
}

.process02 .class_img img {
	width:100%;
	height:100%;
}

.process02 .class_text {
	width:68%;
	padding:8px 20px;
	box-sizing:border-box;
	position:relative;
}

.process02 .class_text p {
	font-size:2rem;
	margin-bottom:12px;
}

.process02 .class_text ul li {
	font-size:1.3rem;
	padding:2px 0 2px 12px;
	position:relative;
	color:#666;
	font-family: 'sans_rg';
}

.process02 .class_text ul li:before {
	position:absolute;
	content:'';
	width:3px;
	height:3px;
	background:#777;
	top:11px;
	left:0;
}

.process02 > p {
	width:13%;
	height:42px;
	line-height:38px;
	font-size:1.6rem;
	border-radius:30px;
	text-align:center;
	display:block;
	background:#1b4c6f;
	color:#fff;
	margin-top:120px;
}


/* 강의내역_세부 */

.sub_class_view {
	width:1100px;
	margin:0 auto;
}

.sub_contents h3 .rate {
	float:right;
	font-size:1.5rem;
	transform:translateY(10px);
}

.class_wrap {
	width:100%;
	border:1px solid #ddd;
	margin:20px auto;
	position:relative;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}

.class_wrap:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:12px;
	height:115px;
}

.class_finish:before {
	background:#2d83c6;
}

.class_nonfin:before {
	background:#e0e0e0;
}

.class_name {
	padding:15px 0 15px 40px;
	width:61%;
	/* border:1px solid #f00; */
	box-sizing:border-box;
}

.class_name p:nth-of-type(1) {
	font-size:1.6rem;
	/* border:1px solid #f00; */
}

.class_name p:nth-of-type(2) {
	font-size:1.4rem;
	font-family: 'sans_rg';
	color:#666;
	position:relative;
	padding-left:15px;
	margin-top:10px;
}

.class_name p:nth-of-type(2):before {
	position:absolute;
	content:'';
	top:9px;
	left:3px;
	width:3px;
	height:3px;
	background:#555;
}

.class_btn {
	width:32%;
	height:42px;
	margin:36px 10px 0 0;
	display:inline-block;
	
	/* display:flex;
	justify-content:left;
	/* border:1px solid #f00; */
}

.class_btn a {
	display:inline-block;
	text-align:center;
	float:right;
	width:47%;
	height:42px;
	line-height:42px;
	font-size:1.6rem;
	border-radius:50px;
	margin-right:8px;
	/* padding:0 20px; */
}

.class_btn .down_btn {
	background:#e6e6e6;
}

.class_btn .view_btn {
	background:#5c656b;
	color:#fff;
}

.whether {
	width:70px;
	background:#414141;
	transform:translateX(1px);
	/* border:1px solid #f00; */
}

.whether .wh_txt {
	height:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-size:1.3rem;
}

.whether p:nth-of-type(2) {
	height:75px;
	text-align:center;
	font-size:1.5rem;
	font-family: 'sans_b';
	padding-top:25px;
	box-sizing:border-box;
}

.whether p:nth-of-type(2) i {
	font-style:normal;
	display:block;
	margin:0 auto;
	background:#fff;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:24px;
}

.whether .wh_yes {
	background:#2d83c6;
	color:#2d83c6;	
}

.whether .wh_no {
	background:#e0e0e0;
	color:#7a7a7a;	
}

.classVwrap {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.8);
	display:none;
	z-index:9999;
}

.classVwrap .classV {
	width:1450px;
	height:816px;
	border:2px solid #fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.classVwrap .classV video {
	width:100%;
	height:100%;
}

.classV .video_close {
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	top:-20px;
	right:-20px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:40px;
	cursor:pointer;
	box-sizing:border-box;
	padding-top:9px;
}

.classV .video_close img {
	width:20px;
	height:20px;
}


/* 상담내역 */

.table_wrap {
	width:1100px;
	border:1px solid #d8d8d8;
	/* border-top:1px solid #666; */
	margin:20px auto;
	position:relative;
	box-sizing:border-box;
	padding: 15px 20px;
	font-size:1.5rem;
}

.table_wrap .table_day  {
	font-family: 'sans_rg';
	width:100%;
	box-sizing:border-box;
	padding-bottom:15px;
}

.table_wrap .table_day p {
	display:inline-block;
	margin-right:20px;
}

.table_wrap .table_day p:nth-of-type(3)  {
	width:135px;
	font-family: 'sans_md';
}

.table_wrap .table_day .back_btn  {
	width:55px;
	padding:5px;
	font-size:1.2rem;
	color:#fff;
	text-align:center;
	border-radius:5px;
	margin-top:2px;
}

.table_wrap .table_day .back  {
	background:#2d83c6
}

.table_wrap .table_day .noback  {
	background:#939393
}

.table_wrap .back_content {
	font-family: 'sans_rg';
	display:block;
	width:100%;
	box-sizing:border-box;
	border-top:1px dashed #bbb;
	padding-top:15px;
}

.table_wrap .back_content p i {
	color:#444;
	font-family: 'sans_b';
	font-style:normal;
	margin-right:5px;
}

.re_ad {
	color:#10a174;
	font-family: 'sans_md';
}

.re_com {
	color:#1866cf;
	font-family: 'sans_md';
}

.page_wrap {
	width:1100px;
	margin:40px auto;
	display:flex;
	justify-content:center;
}

.page_wrap a {
	display:inline-block;
	color:#888;
	padding: 0 10px;
	box-sizing:border-box;
	font-size:1.4rem;
	font-family: 'sans_rg';
	margin:0 5px;
}

.page_on{
	color:#1866cf !important;
	font-family: 'sans_md' !important;
}

.prev01 {
	background:url('../../images/page_prev.png') center center / 30% no-repeat;
}

.next01 {
	background:url('../../images/page_next.png') center center / 30% no-repeat;
}

.prev02 {
	background:url('../../images/page_prev2.png') center center / 50% no-repeat;
}

.next02 {
	background:url('../../images/page_next2.png') center center / 50% no-repeat;
}




/* 상담/첨삭예약 */

.reser_wrap {
	width:1100px;
	margin:0 auto;
}

.reser_wrap select {
	background: url('../../images/select_btn.png') 95% 50% no-repeat !important;
}

.reser_class {
	width:100%;
	border:1px solid #c4c4c4;
	background:#e8f3f5;
	padding:15px 20px;
	margin-top:10px;
	box-sizing:border-box;
}

.reser_wrap .reser_class select {
	border-bottom:1px solid #c4c4c4;
	border-left:none;
	border-top:none;
	border-right:none;
	width:220px;
	padding:10px;
	box-sizing:border-box;
}


.reser_wrap label {
	font-size:1.4rem;
	width:70px;
	line-height:37px;
}


.select_block select,
.select_block input {
	width:78%;
	height:37px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #c4c4c4;
}

.reser_wrap .reser_form {
	margin:25px 0;
}


.reser_wrap .reser_form .edit {
	font-size:1.3rem;
	font-family: 'sans_rg';
	color:#118fe7;
	display:none;
	margin-top:3px;
}

.edit_wrap {
	width:78% !important;
}

.select_block .edit_wrap select {
	width:100%;
	height:37px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #c4c4c4;
}

.reser_wrap .reser_form .select_block {
	display:flex;
	justify-content:space-between;
}

.reser_wrap .reser_form .select_block > div {
	width:50%;
	margin:15px 0;
	box-sizing:border-box;
	display:flex;
	justify-content:left;
}

.margin50 {
	margin-left:30px !important;
}

.margin10 {
	margin-left:15px !important;
}

.reser_text textarea {
	width:100%;
	height:200px;
	box-sizing:border-box;
	border:1px solid #c4c4c4;
	padding:15px;
	margin-top:15px;
	font-family: 'sans_rg';

}

.reser_text textarea::placeholder {
	text-align:center;
	font-family: 'sans_rg';
	font-size:1.4rem;
	line-height:160px;
	color:#bbb;
}

.cal_area {
	position:relative;
}


/* 정보변경 */

.modi_wrap {
	background:#f6f6f6;
	padding:40px 0 80px 0;
}

.modi_wrap h2 {
	font-size:3.2rem;
	font-family: 'sans_b';
	text-align:center;
}

.modi_wrap .form_wrap {
	width:750px;
	background:#fff;
	padding:20px 0;
	border:1px solid #e6e6e6;
}

.modi_wrap .form_wrap form > div p {
	width:150px;
	padding:7px 0;
	font-size:1.5rem;
}

.modi_wrap .form_wrap form > div {
	width:460px;
	margin:20px auto;
	display:flex;
	justify-content:left;
	font-family: 'sans_rg';
}
.modi_wrap .form_wrap form > div .address_input,
.modi_wrap .form_wrap form > div .address_none {
	width:280px;
}



/* 공지사항 */

.custom_wrap {
	width:1100px;
	margin:0 auto;
}

.custom_wrap h3 {
	font-size:1.8rem;
	margin:5px 0 10px 5px;
}

.notice_wrap {
	border-top:3px solid #333;
	font-family: 'sans_rg';
}

.notice_wrap > a {
	display:block;
	border-bottom:1px solid #d0d0d0;
}

.notice_wrap .notice_td {
	display:flex;
	justify-content:center;
	padding:20px 0;
}

.notice_wrap p {
	display:inline-block;
	/* padding:20px 0; */
	box-sizing:border-box;
	
}

.notice_wrap .table_txt {
	width:89%;
	font-size:1.4rem;
	color:#555;
	padding:0 20px;
	font-family: 'sans_md';
}

.notice_wrap .table_txt img {
	width:12px;
	height:12px;
	margin-left:15px;
}

.notice_wrap .table_day {
	width:10%;
	font-size:1.3rem;
	text-align:center;
	font-family: 'sans_md';
	color:#999;
}


/*공지사항 view*/

.noticeView {
	border-top:3px solid #333;
	font-size:1.4rem;
	font-family: 'sans_rg';
}

.view_title {
    width:100%;
    display:flex;
    justify-content: space-between;
    padding:20px;
	box-sizing:border-box;
	border-bottom:1px solid #d0d0d0;
}
.view_title p {
    display:inline-block;
}


.view_title p:nth-of-type(1) {
	font-family: 'sans_md';
    width:88%;
}

.view_title p:nth-of-type(2) {
    width:10%;
    text-align:right;
}

.view_body {
    padding:20px 20px 50px 20px;
    line-height: 22px;
	min-height:200px;
    border-bottom:1px solid #d0d0d0;
	color:#666;
}

.view_file {
    display:flex;
    justify-content: left;
    border-bottom:1px solid #d0d0d0;
}

.view_file p {
    width:140px;
    background:#f6f6f6;
    text-align:center;
	padding:15px 0;
    font-family: 'sans_md';
    border-right:1px solid #d0d0d0;
	/* display:flex; */
	position:relative;
}

.view_file p span {

   /*  display:block;
    	margin:auto; */
	position:absolute;
	top:50%;
	left:50%;
	line-height:10px;
	transform:translate(-50%, -50%);

}

.view_file div {
    width:88%;
    padding:15px 10px;
    color:#1375c1;
}

.view_file div a {
    display:block;
    padding:4px 4px 4px 20px;
	position:relative;
	font-size:1.3rem;
}

.view_file div a:before {
    position:absolute;
	content:'';
	top:8px;
	left:0;
	width:11px;
	height:11px;
	background:url('../../images/file_icon.png') center center / contain no-repeat;
}


.custom_wrap > a {
	width:183px;
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	margin:40px auto 200px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #2d83c6));
	background-image:linear-gradient(to right, #fff 50%, #2d83c6 50%);

}


.custom_wrap > a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #2d83c6;
}


/*FAQ*/

.faq_wrap {
	border-top:3px solid #333;
}

.faq_body div {
	border-bottom:1px solid #d0d0d0;
    display:flex;
    justify-content: left;
	padding:20px 10px;
}

.faq_body div p {
	box-sizing:border-box;
}


.faq_body div p:nth-of-type(1) {
    width:7%;
	line-height:17px;
	font-size:2rem;
    text-align:center;
    color:#00a9d1;
	font-family: 'sans_b';
}

.faq_body div p:nth-of-type(2) {
    width:92%;
	font-size:1.4rem;
	font-family: 'sans_rg';
}

.faq_body .faq_q {
	cursor:pointer;
	
}

.faq_body .faq_a {
    background:#f6f6f6;
	display:none;
}

.faq_body .faq_a p {
	float:left;
}

.faq_body .faq_a p:nth-of-type(1) {
    color:#38c69a;
	line-height:28px;
}

.faq_body .faq_a .q_txt {
	line-height:25px;
}

.q_txt {
	padding-left:10px;
}


/*성공사례 인터뷰*/

.review_wrap {
	width:100%;
	border-top:3px solid #333;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}

.reviewCard {
	display:block;
	border:1px solid #ddd;
    width:31.3%;
    height:450px;
	float:left;
	margin:1% 0.8% 0.8% 1%;
}

.reviewCard .re_img {
    width:100%;
}

.reviewCard .re_img img {
    width:100%;
    height:100%;
}

.reviewCard .re_txt {
    padding:20px; height:100%;
}

.reviewCard .re_txt p:nth-of-type(1) {
    font-size:1.8rem;
    font-family: 'sans_b';
}

/* .reviewCard .re_txt p:nth-of-type(2) {
    font-size:1.4rem;
    margin-top:2px;
	font-family: 'sans_md';
	color:#407eb8;
} */

.reviewCard .re_txt p:nth-of-type(2) {
    font-size:1.4rem;
    margin-top:20px;
	display:inline-block;
	word-wrap:break-word !important;
	word-break:keep-all;
	text-overflow:ellipsis;
	overflow:hidden;
	font-family: 'sans_rg';
	color:#666;
}

/* 성공사례 인터뷰 sub */


.review_wrap2 {
	width:100%;
	border-top:3px solid #333;
	padding-bottom:50px;
	text-align:center;
	border-bottom:1px solid #ccc;
}

.review_wrap2 h4 {
	font-size:2.4rem;
	padding:50px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}

/* .review_wrap .review_pro {
	font-size:1.4rem;
	color:#208cc4;
	padding:15px 0 15px 50px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
 */
.review_wrap2 .reviewImg {
	margin:0 auto;
	width:800px;
}

.review_wrap2 .reviewImg img {
	width:100%;
}

.review_wrap2 p {
	width:100%;
	text-align:center;
	font-size:1.5rem;
	line-height:30px;
	margin:50px 0;
	font-family: 'sans_rg';
}

.list_btn {
	width:183px;
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	margin:40px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #2d83c6));
	background-image:linear-gradient(to right, #fff 50%, #2d83c6 50%);
}

.list_btn:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #2d83c6;
}




/*자료실*/

.down_wrap2 {
	border-top:3px solid #333;
	font-family: 'sans_rg';
}

.down_wrap2 > a {
	display:block;
	border-bottom:1px solid #d0d0d0;
}

.down_wrap2 .down_td {
	display:flex;
	justify-content:center;
	padding:20px 0;
}

.down_wrap2 p {
	display:inline-block;
	/* padding:20px 0; */
	box-sizing:border-box;
	
}

.down_wrap2 .table_txt {
	width:89%;
	font-size:1.4rem;
	color:#555;
	padding:0 20px;
	font-family: 'sans_md';
}

.down_wrap2 .table_txt img {
	width:12px;
	height:12px;
	margin-left:15px;
}

.down_wrap2 .table_day {
	width:10%;
	font-size:1.3rem;
	text-align:center;
	font-family: 'sans_md';
	color:#999;
}

.down_wrap {
	width:1100px;
	margin:20px auto;
}

.down_menu {
    display:flex;
    justify-content:left;
    margin-bottom:15px;
}

.down_menu p {
    width:170px;
    padding:12px 10px;
    box-sizing:border-box;
    font-size:1.4rem;
	letter-spacing:-0.8px;
    text-align:center;
    border:1px solid #d8d8d8;
    cursor:pointer;
	color:#999;
}

.down_menu p span {
    display:inline;
}

.down_menu p:first-child {
    border-right:none !important;
}

.down_menu p.down_on {
    background:#2d83c6;
    color:#fff;
    border:none;
}

.downBox_wrap {
    width:100%;
    border:1px solid #d8d8d8;
    box-sizing:border-box;
	padding: 15px 25px;
	font-size:1.5rem;
    display:flex;
	margin-bottom:8px;
    justify-content: space-between;
}

.downBox_wrap div {
  bord er:1px solid #d8d8d8;
}

.downBox_wrap .down_sort {
	width:9%;
	box-sizing:border-box;
	position:relative;
}

.downBox_wrap .down_sort span {
	height:30px;
	width:100%;
	line-height:18px;
	border-radius:30px;
	padding:5px 10px;
	text-align:center;
	box-sizing:border-box;
	font-size:1.3rem;
	display:inline-block;
	font-family: 'sans_b';	
	position:absolute;
    top:50%;
	left:0;
    transform: translateY(-50%);
}

.downBox_wrap .down_sort .sort_normal {
	border:1px solid #19a479;
	color:#19a479;
}

.downBox_wrap .down_sort .sort_know {
	border:1px solid #00a9d1;
	color:#00a9d1;
}

.down_wrap2 .down_td {
	display:flex;
	justify-content:center;
	padding:20px 0;
}

.down_td .down_sort {
	width:9%;
	box-sizing:border-box;
	position:relative;
	margin-left:15px;
}

.down_td .down_sort span {
	height:30px;
	width:100%;
	line-height:18px;
	border-radius:30px;
	padding:5px 10px;
	text-align:center;
	box-sizing:border-box;
	font-size:1.3rem;
	display:inline-block;
	font-family: 'sans_b';	
	position:absolute;
    top:50%;
	left:0;
    transform: translateY(-50%);
}

.down_td .down_sort .sort_normal {
	border:1px solid #19a479;
	color:#19a479;
}

.down_td .down_sort .sort_know {
	border:1px solid #00a9d1;
	color:#00a9d1;
}

.downBox_wrap .downBox {
    width:78%;
	padding:0 40px 0 30px;
	box-sizing:border-box;
}

.downBox p {
	margin-top:9px;
}

.downBox .down_day {
	font-size:1.3rem;	
	margin-top:0;
}

.downBox .down_class {
    font-size:1.7rem;
}

.downBox .down_class i {
    font-style:normal;
}

.downBox .down_title {
	font-size:1.4rem;
	color:#555;
	
}

 .downBox .down_txt {
	font-size:1.3rem;
	font-family: 'sans_rg';	
	color:#999;
	margin-top:2px;
}

.downBox .down_title {
    margin-right:10px;
}

.downBox .down_title i {
    font-style:normal;
    letter-spacing:1.2rem;
}

.downBox_wrap .down_btn {
    width:13%;
	position:relative;
	box-sizing:border-box;
}

.downBox_wrap .down_btn a {
	width:100%;
	height:42px;
	line-height:38px;
	font-size:1.6rem;
	border-radius:30px;
	text-align:center;
    display: block;
	background:#1b4c6f;
	color:#fff;
	position:absolute;
    top:50%;
	left:0;
    transform: translateY(-50%);
}

.view_title2 {
    width:100%;
    display:flex;
    justify-content: space-between;
    padding:20px;
	box-sizing:border-box;
	border-bottom:1px solid #d0d0d0;
}

.view_title2 .down_sort {
	width:9%;
	box-sizing:border-box;
	position:relative;
}

.view_title2 p {
    display:inline-block;
}

.view_title2 p:nth-of-type(1) {
    width:80%;
	font-family: 'sans_md';	
	margin-left:15px;
}

.view_title2 p:nth-of-type(2) {
    width:10%;
    text-align:right;
	color:#999;
	font-family: 'sans_md';
}

.view_title2 .down_sort span {
	height:30px;
	width:100%;
	line-height:18px;
	border-radius:30px;
	padding:5px 10px;
	text-align:center;
	box-sizing:border-box;
	font-size:1.3rem;
	display:inline-block;
	font-family: 'sans_b';	
	position:absolute;
    top:50%;
	left:0;
    transform: translateY(-50%);
}

.view_title2 .down_sort .sort_normal {
	border:1px solid #19a479;
	color:#19a479;
}

.view_title2 .down_sort .sort_know {
	border:1px solid #00a9d1;
	color:#00a9d1;
}


/* 로그인 */

.login_wrap {
	background:#f6f6f6;
	height:100%;
	padding:75px 0 100px 0;
}

.login_wrap h2 {
	font-size:3.2rem;
	font-family: 'sans_b';
	text-align:center;
}

.login_wrap h3 {
	font-size:1.7rem;
	text-align:center;
	margin:5px 0 30px 0;
}

.login_wrap h3 p {
	display:inline-block;
}

.login_form {
	width:680px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #e6e6e6;
	margin:0 auto;
	font-size:1.5rem;
	font-family: 'sans_rg';
	padding:0 40px;
}

.login_input {
	padding:40px 0;
}

.input_wrap {
	display:flex;
	justify-content:left;
	text-align:left;
}

.input_wrap.center {
	display:flex;
	justify-content:center;
	text-align:left;
}

.input_wrap p {
	width:90px;
	padding:8px 0;
}

.input_wrap input {
	width:220px;
	padding:10px;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.id_input {
	margin-bottom:20px;
}

.login_find {
	font-size:1.3rem;
	font-family: 'sans_rg';
	color:#444;
	display:flex;
	justify-content:center;
	border-top:1px solid #e6e6e6;
	padding:25px 0;
}

.login_find a {
	margin:0 20px;
	padding:2px;
	position:relative;
}

.login_find a:nth-of-type(1)::after,
.login_find a:nth-of-type(2)::after {
	position:absolute;
	content:'';
	width:1px;
	height:12px;
	background:#555;
	top:6px;
	right:-20px;
}

.login_wrap > a, .modi_wrap > a,
.find_form form .tab_form > div.find_btn a {
	width:183px;
	height:60px;
	line-height:60px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.8rem;
	margin:40px auto 200px auto;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #2d83c6));
	background-image:linear-gradient(to right, #fff 50%, #2d83c6 50%);

}

.find_form form .tab_form > div.find_btn a {
	margin:30px auto 0 auto !important;
}

.login_wrap > a:hover, .modi_wrap > a:hover,
.find_form form .tab_form > div.find_btn a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #2d83c6;
}


/* 회원가입 */

.join_wrap {
	width:1100px;
	background:#fff;
	border:1px solid #e6e6e6;
	margin:0 auto;
}

.join_input.acc input {
	width:100px;
}

.join_rule {
	position:relative;
	margin-bottom:30px !important;
}

.join_rule:after {
	position:absolute;
	content:'영문+숫자 6~10자로 입력해주세요.';
	font-size:1.2rem;
	color:#888;
	left:120px;
	bottom:-19px;
}

.join_rule2 {
	position:relative;
	margin-bottom:30px !important;
}

.join_rule2:after {
	position:absolute;
	content:'숫자+영문+특수문자 8~20자로 입력해주세요.';
	font-size:1.2rem;
	color:#888;
	left:120px;
	bottom:-19px;
}

.join_rule3 {
	position:relative;
	margin-bottom:20px !important;
}

.join_rule3:after {
	position:absolute;
	content:'숫자+영문+특수문자 8~20자로 입력해주세요.';
	font-size:1.2rem;
	color:#888;
	left:0;
	bottom:-19px;
}

.join01 {
	width:100%;
	display:flex;
	justify-content:space-between;
}

.guide_wrap {
	width:485px;
	border-right:1px solid #e6e6e6;
	box-sizing:border-box;
	padding:35px 30px;
}

.guide_wrap h4 {
	font-size:2rem;
	text-align:center;
	margin-bottom:25px;
}

.guide_wrap > p {
	font-size:1.4rem;
	font-family: 'sans_rg';
	color:#444;
}

.guide_form {
	width:100%;
	margin:25px auto;
	position:relative;
}

.guide_form .guide {
	text-align:center;
}

.guide_form span {
	display:block;
}

.guide_form span:after {
	position:absolute;
	content:'';
	width:27px;
	height:10px;
	left:50%;
	margin: -22px 0 0 -14px;
	background:url('../../images/join_icon.png') left top / contain no-repeat;
}

.guide_form div:nth-of-type(1),
.guide_form div:nth-of-type(2) {
	margin-bottom:35px;
}

.guide_form .guide p:nth-of-type(1) {
	font-size:1.8rem;
	color:#fff;
	height:50px;
	line-height:50px;
	background:#2d83c6;
	border-radius:14px 14px 0 0;
}

.guide_form .guide p:nth-of-type(2) {
	font-size:1.3rem;
	padding: 18px 25px;
	box-sizing:border-box;
	font-family: 'sans_rg';
	border:1px solid #cdcdcd;
	border-radius:0 0 14px 14px;
}

.form_wrap {
	width:600px;
	box-sizing:border-box;
	margin:20px auto;
	/* border:1px solid #f00; */
}

.form_wrap form > div {
	width:85%;
	margin:20px auto;
	display:flex;
	justify-content:left;
	font-family: 'sans_rg';
}

.form_wrap form > div p {
	width:110px;
	padding:7px 0 7px 9px;
	font-size:1.5rem;
}

.form_wrap form > div input {
	width:280px;
	padding:10px;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.form_wrap form > div a {
	width:67px;
	height:37px;
	line-height:34px;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #999;
	border-radius:3px;
	background:#eee;
	font-size:1.2rem;
	margin-left:8px;
}

.form_wrap form > div .post_input {
	width:95px;
}

.form_wrap form > div .phone_input {
	width:60px;
	margin-left:15px;
}

.phone_wrap .phone_div {
	position:relative;
}

.phone_wrap .phone_div .phone {
	position:relative;
}

.form_wrap .phone_wrap .phone_select {
	width:85px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.form_wrap .phone_wrap .phone:before {
	position:absolute;
	content:'-';
	width:5px;
	height:1px;
	top:2px;
	left:3px;
}

.form_wrap form > div .address_input {
	margin-bottom:7px !important;
	display:block;
}

/* .form_wrap form > div .address_none {
	margin-top:5px !important;
} */

.post_wrap {
	margin-bottom:7px;
}

.edu_wrap select {
	width:185px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #c9c9c9;
	border-radius:3px;
	display:inline-block;
}

.edu_wrap span {
	display:inline-block;
	
}

.edu_wrap span select:nth-of-type(2) {
	margin-left:8px;
}


.join_wrap .join02 {
	font-size:1.3rem;
	font-family: 'sans_rg';
	color:#666;
	display:flex;
	justify-content:center;
	border-top:1px solid #e6e6e6;
	padding:10px 0;
}

.join_wrap .join02 p span {
	display:inline-block;
}

.join_wrap .join02 p:nth-of-type(2) {
	width:60%;
}

.join_wrap .join02 .case input {
	width:16px;
	height:16px;
	border:1px solid #999;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.join_wrap .join02 .case a {
	width:65px;
	height:22px;
	line-height:20px;
	font-size:1.1rem;
	text-align:center;
	font-family: 'sans_b';
	display:block;
	border:1px solid #cd1b1b;
	color:#cd1b1b;
	border-radius:3px;
	box-sizing:border-box;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.join_wrap .join02 .case {
	position:relative;
}

.join_wrap .join02 .case:nth-of-type(1) {
	width:30px;
}

.join_wrap .join02 .case:nth-of-type(3) {
	width:75px;
	cursor:pointer;
}

.join_img {
	display:block;
	width:120px;
	margin:0 auto 30px auto;
}

.join_img img {
	width:110px;
	height:114px;
}

.ess {
	position:relative;
}

.ess:before {
	position:absolute;
	content:'*';
	color:#f00;
	top:10px;
	left:0;
}

.esstxt {
	width:1100px;
	text-align:right;
	margin:0 auto;
	padding:0 5px 5px 0;
	box-sizing:border-box;
	position:relative;
	font-size:1.3rem;
}

.esstxt b {
	color:#f00;
	margin-right:5px;/* 
	transform:translateY(15px); */
}



/* 회사소개 */
.company_wrap {
	width:1100px;
	margin:10px auto;
	padding-bottom:100px;
	background:url('../../images/company_img01.png') 90% 55% / 45% no-repeat;
}

.company_wrap p {
	font-size:1.6rem;
	font-family: 'sans_rg';
	line-height:30px;
	margin-bottom:50px;
	color:#444;
}

.company_wrap p:first-child {
	font-size:2.2rem;
	line-height:35px;
	color:#000;
}

.company_wrap b {
	font-family: 'sans_md';
	color:#2d83c6;
}





/* 서비스이용약관 */

.serviceBG iframe,
.serviceBG2 iframe{
	width:500px;
	height:589px;
}

.serviceBG, .serviceBG2 {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.service2 {
	width:100%;
	background:#fff;
}

.service2 h2 {
	font-size:1.8rem;
	background:#2d83c6;
	padding:15px;
	color:#fff;
}

.serviceBody {
	padding:0 20px;
	font-size:1.3rem;
	padding-bottom:40px;
	font-family: 'sans_rg';
}

.serviceBody h3 {
	font-size:1.5rem;
	font-family: 'sans_md';
	margin:20px 0 5px 0;
}

.serviceBody p {
	font-size:1.3rem;
	margin:10px 0;
	padding-left:10px;
	font-family: 'sans_md';
}

.serviceBody ul li {
	font-size:1.2rem;
	padding-left:25px;
	margin-bottom:8px;
}

.serviceBody table {
	width:90%;
}

.serviceBody table,
.serviceBody table th,
.serviceBody table td {
	border:1px solid #ccc;
	text-align:center;
}

.serviceBody table th,
.serviceBody table td {
	padding:10px;
}

.serviceBG .servBTn, .serviceBG2 .servBTn {
	width:500px;
	height:645px;
	position:absolute;
	top:100px;
	left:50%;
	transform:translateX(-50%);
}

.pop_close2, .pop_close3 {
	position:absolute;
	display:block;
	width:500px;
	left:0;
	bottom:0;
	padding:15px 0;
	text-align:center;
	background:#999;
	color:#fff;
	font-size:1.8rem;
	cursor:pointer;
}


.f_service {
	width:100%;
	background:#fff;
}

.f_service h2 {
	width:100%;
	font-size:1.8rem;
	background:#2d83c6;
	padding:15px;
	color:#fff;
}

.f_service h2 span {
	width:1100px;
	display:block;
	margin:0 auto;
}

.f_serviceBody {
	width:1100px;
	margin:0 auto;
	padding:0 20px;
	font-size:1.3rem;
	padding-bottom:40px;
	font-family: 'sans_rg';
}

.f_serviceBody h3 {
	font-size:1.5rem;
	font-family: 'sans_md';
	margin:20px 0 5px 0;
}

.f_serviceBody p {
	font-size:1.3rem;
	margin:10px 0;
	padding-left:10px;
	font-family: 'sans_md';
}

.f_serviceBody ul li {
	font-size:1.2rem;
	padding-left:25px;
	margin-bottom:8px;
}

.f_serviceBody table {
	width:90%;
}

.f_serviceBody table,
.f_serviceBody table th,
.f_serviceBody table td {
	border:1px solid #ccc;
	text-align:center;
}

.f_serviceBody table th,
.f_serviceBody table td {
	padding:10px;
}


/* 아이디/비번찾기 */

.find_form_wrap {
	width:600px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #e6e6e6;
	margin:30px auto;
	font-size:1.5rem;
	font-family: 'sans_rg';
}

.find_form_wrap .find_tab {
	width:100%;
	display:flex;
	jusify-content:space-between;	
	border-bottom:1px solid #e6e6e6;
}

.find_form_wrap .find_tab a {
	width:50%;
	background:#f4f4f4;
	color:#999;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
	display:inline-block;
}

.find_form_wrap .find_tab a:first-child {
	border-right:1px solid #e6e6e6;
}


.find_form_wrap .find_tab a.tab_on {
	background:#bfe1ec;
	color:#333;
	font-family: 'sans_b';
}

.find_input {
	padding:40px 0;
}

.find_form_wrap .find_form form .tab_form .find_acc input {
	width:80px;
}

.find_form {
	width:600px;
	box-sizing:border-box;
	margin:40px auto;
	/* border:1px solid #f00; */
}

.find_form form .tab_form > div {
	width:85%;
	margin:20px auto;
	display:flex;
	justify-content:left;
	font-size:1.5rem;
	font-family: 'sans_rg';
}

.find_form form .tab_form > div p {
	width:110px;
	padding:7px 0;
}

.find_form form .tab_form > div input {
	width:280px;
	padding:10px;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.find_form form .tab_form > div a {
	width:67px;
	height:37px;
	line-height:34px;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #999;
	border-radius:3px;
	background:#eee;
	font-size:1.3rem;
	margin-left:8px;
}

.find_form form .tab_form > div .phone_input {
	width:60px;
	margin-left:15px;
}

.phone_wrap .phone_div {
	position:relative;
}

.phone_wrap .phone_div .phone {
	position:relative;
}

.find_form form .phone_wrap .phone_select {
	width:85px;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.find_form form .phone_wrap .phone:before {
	position:absolute;
	content:'-';
	width:5px;
	height:1px;
	top:2px;
	left:3px;
}

.find_form form .tab_form > div .address_input,
.find_form form .tab_form > div .address_none {
	width:350px;
}

.find_form form .tab_form > div .address_none {
	display:none;
}

/* 아이디비번찾기 결과 */

.result_wrap {
	width:550px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #e6e6e6;
	margin:40px auto;
	font-size:1.5rem;
	font-family: 'sans_rg';
	padding:40px;
}

.result_wrap > p {
	text-align:center;
	font-size:1.8rem;
	margin-bottom:30px;
}

.result_wrap > div {
	width:70%;
	margin:0 auto;
	padding:40px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	position:relative;
}

.result_wrap > div.pw_result {
	margin:0 auto 20px auto;
}

.result_wrap > div.pw_result:after {
	position:absolute;
	content:'숫자+영문+특수문자 8~20자로 입력해주세요.';
	font-size:1.2rem;
	color:#2c7ebe;
	left:50px;
	bottom:-25px;
}

.result_wrap > div div {
	display:flex;
	justify-content:center;
}

.result_wrap > div div:nth-of-type(2) {
	margin-top:10px;
}

.result_wrap > div div input {
	width:120px;
	padding:8px;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

.result_wrap > div .id_p {
	margin-right:32px;
	position:relative;
}

.result_wrap > div .pw_p {
	width:90px;
	padding:6px 0;
	margin-right:20px;
	position:relative;
}

.result_wrap > div .id_p:after {
	position:absolute;
	content:':';
	color:#333;
	top:0;
	right:-25px;
	width:10px;
	height:15px;
}

.result_wrap > div .pw_p:after {
	position:absolute;
	content:':';
	color:#333;
	top:5px;
	right:-17px;
	width:10px;
	height:15px;
}

.result_wrap > div p:last-child {
	color:#266bce;
}


/* 비밀번호찾기 */

.result_wrap > p span {
	display:block;
	margin-bottom:5px;
}





/* footer */


footer {
	width:100%;
	background:#3c4557;
	posi tion:absolute;
	bottom:0;
	left:0;
	right:0;
}

.foot_wrap {
	width:1200px;
	margin:0 auto;
	color:#7a8294;
	padding:40px 0;
}

.foot_wrap .foot_menu {
	font-size:1.6rem;
	padding-bottom:25px;
}

.foot_wrap .foot_menu a {
	display:inline-block;
	margin-right:30px;
}

.foot_wrap .foot_info {
	display:flex;justify-content:space-between;align-items:center;
	font-size:1.4rem;
	font-family: 'sans_rg';
	padding-top:25px;
	border-top:1px solid #636a79;
}

.foot_wrap .foot_info span {
	display:block;
}

.foot_wrap .foot_info span p {
	display:inline-block;
	margin:0 15px 6px 0;
	line-height:16px;
}

/* 메인_팝업프레임 */

/* .eventPopup {
	width:570px;
	height:675px;
	position:absolute;
	top:100px;
	left:50%;
	transform:translateX(-50%);
	display:none;
}

.eventPopup iframe {
	width:570px;
	height:620px;
}
 */

/* 오픈이벤트팝업 */

.popup_wrap {
	width:570px;
	height:700px;
	box-sizing:border-box;
	font-family: 'sans_b';
	position:absolute;
	top:100px;
	left:50%;
	transform:translateX(-50%);
}

.popup_wrap .popup {
	width:570px;
	height:645px;
	background:url('../../images/open_popup.png') 0 0 no-repeat;
	background-color:#fff;
	letter-spacing:-0.5px;
	box-sizing:border-box;
	border:1px solid #222b34;
}

.popup_wrap .popup h1 {
	font-size:3rem;
	text-align:center;
	color:#fff;
	padding-top:77px;
}

.popup_wrap .popup .pop_body {
	width:75%;
	margin:40px auto 0 auto;
}

.popup_wrap .popup .pop_body h2 {
	font-size:2.2rem;
	text-align:center;
}

.popup_wrap .popup .pop_body h2 b {
	font-size:2.6rem;
	color:#047ad5;
	margin:0 5px;
}

.popup_wrap .popup .pop_body h3 {
	font-size:1.8rem;
	text-align:center;
	margin-top:30px;
}

.popup_wrap .popup .pop_body h3 span {
	display:block;
}

.popup_wrap .popup .pop_body h3 b {
	color:#047ad5;
}

.popup_wrap .popup .pop_body p {
	font-size:1.6rem;
	text-align:left;
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #222b34;
	font-family: 'sans_rg';
}

.popup_wrap .popup .pop_body p b {
	font-family: 'sans_b';
}

.popup_wrap .popup .pop_body .event_li {
	width:70%;
	margin:25px auto 0 auto;
}

.popup_wrap .popup .pop_body .event_li li {
	font-size:1.5rem;
	text-align:left;
	font-family: 'sans_rg';
	color:#555;
	position:relative;
	padding-left:12px;
	margin:3px 0;
}

.popup_wrap .popup .pop_body .event_li li:before {
	position:absolute;
	content:'';
	top:10px;
	left:0;
	background:#0e78cb;
	width:3px;
	height:3px;
}

.popup_wrap .event_close {
	width:100%;
	height:55px;
	background:#222b34;
	color:#fff;
	text-align:right;
	padding:16px 30px 0 0;
	box-sizing:border-box;
	transform:translateY(-3px);
}

.popup_wrap .event_close .close_cursor {
	width:70px;
	float:right;
	cursor:pointer;
}

.popup_wrap .event_close .close_cursor p {
	display:inline-block;
	font-size:1.4rem;
	color:#ccc;
	font-family: 'sans_rg';
}

.popup_wrap .event_close .close_cursor p:first-child {
	width:19px;
	height:19px;
	font-size:1.2rem;
	border:1px solid #ccc;
	border-radius:12px;
	text-align:center;
	margin-right:8px;
}

.popBtn a {
	height:50px;
	line-height:46px;
	width:160px;
	display:block;
	box-sizing:border-box;
	color:#2d83c6;
	margin:20px auto 0 auto;
	border:1px solid #2d83c6;
	border-radius:30px;
	text-align:center;
	font-size:1.6rem;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	background-size: 200% 100%;
	background-position: 100%;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2d83c6), color-stop(50%, #fff));
	background-image:linear-gradient(to right, #2d83c6 50%, #fff 50%);
}

.popBtn a:hover {
	background-position: 0;
	box-sizing:border-box;
	border:1px solid #2d83c6;
	color: #fff;
}



/* 팝업_공지사항 */

.popup_notice_wrap {
	width:1200px;
	position:absolute;
	top:150px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	/* display:none; */
}

.popup_notice_wrap > div {
	margin:30px 20px;
}

.popup10,
.popup20,
.popup30,
.popup40,
.popup50 {
	width:520px;
	height:auto;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.pop_close4 {
	color:#ddd;
	background:#333;
	padding:4px 20px;
	height:30px;
	font-size:12px;
	font-family: 'ns_bold';
	/* text-align:right; */
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	/* transform:translateY(-5px); */
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.pop_close4 a {
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
}

.pop_close4 a:first-child {
	transform:translateY(2px);
	color:#fff;
}

.pop_close4 a i {
	width:19px;
	height:19px;
	text-align:center;
	display:inline-block;
	border:1px solid #888;
	color:#ccc;
	line-height:11px;
	box-sizing:border-box;
	padding-top:3px;
	font-style:normal;
	margin-left:5px;
}

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

.pop_wrap10,
.pop_wrap20,
.pop_wrap30,
.pop_wrap40,
.pop_wrap50 {
	width:100%;
	box-sizing:border-box;
	letter-spacing:-0.5px;
}

.pop_wrap10 h1,
.pop_wrap20 h1,
.pop_wrap30 h1,
.pop_wrap40 h1,
.pop_wrap50 h1 {
	font-size:26px;
	height:110px;
	font-family: 'sans_b';
	text-align:center;
	box-sizing:border-box;
}

.pop_wrap10 h2,
.pop_wrap20 h2,
.pop_wrap30 h2,
.pop_wrap40 h2,
.pop_wrap50 h2 {
	height:310px;
	font-size:18px;
	padding:30px 40px;
	text-align:left;
	box-sizing:border-box;
}


.pop_wrap10 div.h3,
.pop_wrap20 div.h3,
.pop_wrap30 div.h3,
.pop_wrap50 div.h3 {
	width:100%;
	height:163px;
	font-size:15px;
	text-align:left;
	box-sizing:border-box;
	padding:30px;
	line-height:26px;
}

.pop_wrap10 {
	background:#fff;
}

.pop_wrap10 h1 {
	color:#fff;
	background:#1b8ce2;
	padding:40px 0 20px 0;
}

.pop_wrap10 h2 {
	color:#333;
	line-height:38px;
	background:url('../../images/popbg01.png') 0 0 no-repeat;
}

.pop_wrap10 div.h3 {
	color:#fff;
	font-family: 'sans_rg';
	background:#555;
}

.pop_wrap20 {
	background:url('../../images/popbg02.png') center top / 120% no-repeat;
	padding-top:30px;
	
}

.pop_wrap20 h1 {
	width:80%;
	height:70px !important;
	margin:0 auto 10px auto;
	padding:12px 0;
	border-top:2px solid #ffad90;
	border-bottom:2px solid #ffad90;
}

.pop_wrap20 h2 {
	color:#333;
	line-height:30px;
}

.pop_wrap20 div.h3 {
	color:#222;
	font-family: 'sans_md';
	background:#ffc3ae;
}

.pop_wrap30 {
	background:url('../../images/popbg03.png') center -20px / cover no-repeat;
}

.pop_wrap30 h1 {
	color:#fff;
	padding:50px 0 40px 0;
	position:relative;
}

.pop_wrap30 h1:after {
	position:absolute;
	content:'';
	width:190px;
	height:3px;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	background:#ffb54b;
}

.pop_wrap30 h2 {
	font-family: 'sans_rg';
	color:#fff;
	line-height:32px;
}


.pop_wrap30 div.h3 {
	color:#222;
	font-family: 'sans_md';
	background:#fbcc5b;
}

.pop_wrap40 {
	background:url('../../images/popbg04.png') center 0 / cover no-repeat;
	padding-bottom:20px;
}

.pop_wrap40 h1 {
	color:#222;
	text-align:center;
	width:85%;
	padding:60px 0 15px 0;
	margin:0 auto;
	display:block;
	border-bottom:3px solid #ed6c96;
}

.pop_wrap40 h2 {
	font-family: 'sans_md';
	color:#222;
	line-height:30px;
}

.pop_wrap40 div.h3 {
	width:90%;
	height:143px;
	margin:0 auto;
	box-sizing:border-box;
	color:#222;
	font-size:15px;
	font-family: 'sans_md';
	background:rgba(255,255,255,0.8);
	border-radius:30px;
	border:1px solid #f298b5;
	padding:20px 30px;
	line-height:26px;
}

.pop_wrap50 {
	background:url('../../images/popbg05.png') top center/105% no-repeat;
}

.pop_wrap50 h1 {
	width:88%;
	color:#222;
	margin:0 auto;
	padding-top:50px;
	border-bottom:3px solid #e64a05;
}

.pop_wrap50 h2 {
	color:#222;
}

.pop_wrap50 div.h3 {
	background:#2f2b29;
	color:#fff;
	font-family: 'sans_rg';
}