/* common */
html, body {font-family:"Pretendard", Sans-serif; color:#2b2b2b;}
.section {width:100%; padding:0 120px; margin:auto; position:relative;}
.tab_cont {display:none;}
.imp {color:#ea3324;}
.mb_layout {display:none;}
.mb_layout img {width:100%;}

/* header */
.header {position:relative; width:100%; background:#fff;}
.header .gnb {position:relative; overflow:hidden; width:100%; height:50px; line-height:50px; color:#6f6f6f; border-bottom:1px solid #e8e8e8;}
.header .gnb .left {position:relative; font-size:0;}
.header .gnb .left li {position:relative; margin-right:20px; padding-right:21px; display:inline-block;}
.header .gnb .left li:after {position:absolute; top:50%; margin-top:-7px; right:0; content:""; width:1px; height:14px; background:#6f6f6f;}
.header .gnb .left li:last-child {margin-right:0; padding-right:0;}
.header .gnb .left li:last-child:after {display:none; }
.header .gnb .right {font-size:0;}
.header .gnb .right li {display:inline-block;}
.header .gnb .right li:before {content:"․"; margin:0 11px;}
.header .gnb .right li:first-child:before {display:none;}
.header .snb .right li.menu {display:none;}
.header .gnb .left li, .header .gnb .right li {font-size:16px;}
.header .snb {position:relative; width:100%; border-bottom:1px solid #e8e8e8; height:130px; line-height:130px; background:#fff; overflow:hidden;}
.header .snb .logo {float:left; font-size:0; padding-top:30px;}
.header .snb .nav {position:absolute; left:0; font-size:0; right:0; width:900px; margin:auto; text-align:center;}
.header .snb .nav li {width:25%; display:inline-block; font-size:24px; color:#2b2b2b; font-weight:bold;}
.header .snb .nav li a {display:block;}
.header .snb .nav li:hover {color:#002c81;}
.header .snb .nav li.on {color:#002c81;}
.header .snb .right {float:right;  font-size:0;}
.header .snb .right li {display:inline-block; vertical-align:middle; margin-left:30px;}
.header .snb .right li a {display:block; width:100%;}
.header .snb .right li span, .header .snb .right li img {display:inline-block; vertical-align:middle;}
.header .snb .right li span {font-size:18px; color:#000; margin-left:10px;}
.header:hover .wrap_nav {transition:.2s; display:block; animation:nav 0.3s; box-shadow:0px 5px 7px rgba(0,0,0,0.05);}
.header .snb .nav, .wrap_nav .section_nav {width:900px;}
@-webkit-keyframes nav {
  0% {
	opacity:0.1;
	top:200px;
  }
  100% {
	opacity:1;
    top:180px;
	
  }
}
.wrap_nav {display:none; position:absolute; top:180px; left:0; width:100%; background:#fff; z-index:10; border-bottom:1px solid #e8e8e8;}
.wrap_nav .section_nav {position:relative; display:table; width:900px; margin:auto; font-size:0;}
.wrap_nav .section_nav ul {position:relative; display:table-cell; vertical-align:top; padding:55px 0; text-align:center; width:25%;}
.wrap_nav .section_nav ul li {display:block; width:100%; font-size:20px; color:#272727;}
.wrap_nav .section_nav ul li a {display:block; width:100%; height:100%; padding:18px 0;}
.wrap_nav .section_nav ul li:hover {transition:.2s; color:#002c81; font-weight:bold;}
.wrap_nav .section_nav ul:hover, .wrap_nav .section_nav ul.on {transition:.2s; background:#f8f8f8;}
.wrap_nav .section_nav ul:hover:after, .wrap_nav .section_nav ul.on:after {transition:.2s; content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#002c81;}
.popup_search {display:none; position:absolute; top:180px; left:0; padding:80px 0 100px; width:100%; background:#fbfbfb; text-align:center; z-index:10; box-shadow:0px 5px 7px rgba(0,0,0,0.05);}
.popup_search .section_search {position:relative; margin:auto; width:740px;}
.area_main .row3 .row3_wrap {padding-left:120px; overflow:hidden;}
.area_main .row3 .row3_wrap.off {padding-left:0;}
@media screen and (min-width: 1026px) {
	.popup_nav {display:none !important;}


}


@media screen and (max-width: 1600px) {
	.section {padding:0 60px;}
	.header .snb .nav, .wrap_nav .section_nav {width:55%;}
	.header .snb .nav li {font-size:22px;}
	.header .snb .right li {margin-left:20px;}
	.wrap_nav .section_nav ul li {font-size:18px;}
	.header .gnb .left li {margin-right:15px; padding-right:16px;}
	.header .gnb .left li, .header .gnb .right li {font-size:14px;}
	.wrap_nav .section_nav ul {padding:45px 0;}
	.wrap_nav .section_nav ul li a {padding:16px 0;}
	.popup_search {padding:75px 0 85px;}
	.popup_search .section_search {width:60%;}
	.header .snb .logo {padding-top:27px;}
	.header .snb .logo img {width:220px;}
	.area_main .row3 .row3_wrap {padding-left:60px;}
}

@media screen and (max-width: 1440px) {
	.section {padding:0 40px;	}
	.header .gnb {height:44px; line-height:44px;}
	.header .snb .nav, .wrap_nav .section_nav {width:60%; padding-left:65px;}
	.header .snb .nav li {font-size:20px;}
	.header .snb .right li span {font-size:16px; margin-left:5px;}
	.wrap_nav {top:174px;}
	.wrap_nav .section_nav ul {padding:40px 0;}
	.wrap_nav .section_nav ul li {font-size:16px;}
	.wrap_nav .section_nav ul li a {padding:14px 0;}
	.header .snb .logo {padding-top:24px;}
	.header .snb .logo img {width:200px;}
	.popup_search {padding:50px 0 70px; top:174px;}
	.text_gnb_search {height:54px; font-size:16px;}

	@-webkit-keyframes nav {
	  0% {
		opacity:0.1;
		top:200px;
	  }
	  100% {
		opacity:1;
		top:174px;
		
	  }
	}
	.area_main .row3 .row3_wrap {padding-left:0px;}
}


@media screen and (max-width: 1025px) {
	.section {padding:0 20px;}
	.header .snb {height:110px; line-height:110px; z-index:11;}
	.header .snb .nav {display:none;}
	.header:hover .wrap_nav {display:none;}
	.header .gnb {display:none;}
	.header .snb .right li.search span {display:none;}
	.header .snb .logo img {width:180px;}
	.header .snb .right li.menu {display:inline-block;}
	.popup_search {display:none; animation:search 0.3s;padding:0; background:#fff; top:110px; box-shadow:none;}
	.popup_search .section_search {width:100%;}
	.popup_search:before {position:fixed; top:0; left:0; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4);}
	@-webkit-keyframes search {
	  0% {
		opacity:0.1;
	  }
	  100% {
		opacity:1;
		
	  }
	}
	.text_gnb_search {width:100%; height:60px; line-height:60px; padding-left:20px; border-bottom:1px solid #e8e8e8; font-size:14px; background:#fff; background-size:20px;}
	.text_gnb_search:focus {border-bottom:1px solid #e8e8e8;}
	.btn_gnb_clear {width:19px; height:19px; margin-top:-9px; right:20px; background:url("../images/common/icon_gnb_clear_m.png?ver=1.1") center right no-repeat #fff; background-size:19px;}
	/* 전체카테고리 */
	.dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:99;}
	.popup_nav {display:none; position:fixed; top:0; left:0px; width:calc(100% - 15%); max-width:720px; height:100%; padding-top:95px; background:#172331; color:#fff; z-index:100; overflow-y:auto;}
	.popup_nav .popup_nav_list {padding:0 37px; width:100%; font-weight:bold;}
	.popup_nav .popup_nav_list .menu {width:100%; display:block; line-height:1; font-size:22px; margin-bottom:25px;}
	.popup_nav .popup_nav_list .menu.btnToggleOpen {background:url("../images/common/icon_toggle_open.png") right center no-repeat; background-size:8px;}
	.popup_nav .popup_nav_list .menu.btnToggleClose {background:url("../images/common/icon_toggle_close.png") right center no-repeat; background-size:8px;}
	.popup_nav .popup_nav_list .depth {display:none; padding:5px 0px 35px; font-size:0;}
	.popup_nav .popup_nav_list .depth li {line-height:1; width:100%; display:block; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:bold; color:#fff;}
	.popup_nav .popup_nav_list .depth li a {display:block; padding:8px 16px;}
	.popup_nav .popup_nav_list .depth li:first-child a {padding-top:0;}
	.popup_nav .popup_nav_list .depth li:last-child a {padding-bottom:0;}
	.popup_nav .btn_category_close {position:absolute; top:25px; right:25px; width:32px; height:32px; line-height:32px; border-radius:32px; text-indent:-99999px; background:url("../images/common/icon_gnb_clear_m.png?ver=1.1") center no-repeat rgba(255,255,255,0.37); background-size:10px;}
	.mb_layout {display:block;}
	.pc_layout {display:none;}
}


@media screen and (max-width: 768px) {
	.popup_search {top:100px;}
	.header .snb {height:100px; line-height:100px;}
	.header .snb .logo {padding-top:22px;}
	.header .snb .logo img {width:160px;}
}


@media screen and (max-width: 480px) {
	.popup_search {top:90px;}
	.header .snb {height:90px; line-height:90px;}
}




/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden;}
.area_main .area_mainbanner {position:relative; width:100%; margin-bottom:120px;}
.area_main .area_mainbanner .swiper-slide img {width:100%;}
.area_main .area_mainbanner .swiper-slide div {display:table; width:100%; margin:auto; height:100%;}
.area_main .area_mainbanner .swiper-slide div a {display:table-cell; padding:0 260px; vertical-align:middle; width:100%; height:100%;}
.area_main .area_mainbanner .banner240422 {background:url("../images/main/banner_main_240422.png") center no-repeat; background-size:cover;}
.area_main .area_mainbanner .banner240422 p {font-size:18px; color:#fff; margin-bottom:12px; line-height:1;}
.area_main .area_mainbanner .banner240422 h3 {font-size:48px; color:#fff; line-height:58px;}
.area_main .area_mainbanner .main-pagination, .area_main .area_mainbanner .main-pagination2 {bottom:100px; text-align:center; width:100%;}
.area_main .area_mainbanner .main-pagination .swiper-pagination-bullet, .area_main .area_mainbanner .main-pagination2 .swiper-pagination-bullet {opacity:1; width:9px; height:9px; border:1px solid #fff; background:transparent; margin:0 7px;}
.area_main .area_mainbanner .main-pagination .swiper-pagination-bullet-active, .area_main .area_mainbanner .main-pagination2 .swiper-pagination-bullet-active {background:#fff;}
.area_main .area_mainbanner .swiper-button-prev, .area_main .area_mainbanner .swiper-button-next {opacity:1; z-index:10; width:23px; height:45px; margin-top:-22px;}
.area_main .area_mainbanner .swiper-button-prev {left:96px; background:url("../images/main/btn_main_prev.png") center no-repeat; background-size:100%;}
.area_main .area_mainbanner .swiper-button-next {right:96px; background:url("../images/main/btn_main_next.png") center no-repeat; background-size:100%;}
.area_main .row {position:relative; width:100%; margin-bottom:120px;}
.area_main .row .area_title {position:relative; width:100%; overflow:hidden; margin-bottom:60px; line-height:58px;}
.area_main .row .area_title .title {font-size:48px; float:left;}
.area_main .row .area_title .more {font-size:24px; font-weight:bold; float:right;}
.list_gallery {position:relative; width:100%; font-size:0;}
.list_gallery .item {display:inline-block; vertical-align:top; width:calc(33.3% - 14px); margin-right:21px; text-align:left;}
.list_gallery .item:nth-child(3n) {margin-right:0;}
.list_gallery .item .thumb {width:100%; font-size:0; aspect-ratio:547/308;}
.list_gallery .item input[type='checkbox'] {position:absolute; top:15px; left:15px;}
.list_gallery .item .thumb img {width:100%; height:100%;}
.list_gallery .item .thumb.noimage {display:table; background:#f3f3f3; text-align:center;}
.list_gallery .item .thumb.noimage img {width:auto; height:auto; max-width:100px;} 
.list_gallery .item .thumb.noimage a {display:table-cell; vertical-align:middle; width:100%;}
.list_gallery .item .cont {padding:38px 30px; width:100%; border:1px solid #edecec;}
.list_gallery .item .cont .tit {font-size:24px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:23px;}
.list_gallery .item .cont .info_list {width:100%;}
.list_gallery .item .cont .info_list li {position:relative; display:inline-block; vertical-align:top; font-weight:500; font-size:18px; margin-right:12px; padding-right:13px;}
.list_gallery .item .cont .info_list li:after {content:""; width:1px; height:18px; position:absolute; top:50%; margin-top:-9px; right:0;}
.list_gallery .item .cont .info_list li:last-child {margin-right:0; padding-right:0;}
.list_gallery .item .cont .info_list li:last-child:after {display:none;}
.area_main .row2 {background:#fafafa; width:100%; padding:110px 0px 110px; text-align:center;}
.area_main .row2 .main_menu {font-size:0; position:relative; width:100%;}
.area_main .row2 .main_menu.section {padding:0	210px;}
.area_main .row2 .menu {display:inline-block; border-radius:12px; width:calc(25% - 81px); margin-right:108px; box-shadow:0px 0px 18px rgba(98,98,98,0.1); vertical-align:top; background:#fff;}
.area_main .row2 .menu a {display:block; width:100%; padding:71px 0px 60px;}
.area_main .row2 .menu:last-child {margin-right:0;}
.area_main .row2 .menu img {margin-bottom:36px;}
.area_main .row2 .menu span {display:block; font-size:24px; font-weight:900; line-height:1;}
.area_main .swiper3 {left:-298px; width:calc(100% + 500px);}

.list_webzine .item {display:inline-block; width:450px; height:450px; text-align:center; background:#eee; opacity:1;}
.list_webzine .item img {width:auto; height:100%;}
.list_webzine .item .thumb {position:relative; aspect-ratio:1/1; text-align:center; width:100%; height:100%;}
.list_webzine .item .thumb img {text-align:center; width:auto; height:100%;}
.list_webzine .item .overlay {text-align:left; display:none; transition:.2s; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); color:#fff; padding-top:70px; padding-left:45px;}
.list_webzine .item .overlay h5 {font-size:30px; font-weight:bold; margin-bottom:20px;}
.list_webzine .item .overlay p {font-size:24px; margin-bottom:10px;}
.list_webzine .item .overlay p.date {margin-bottom:0;}
.list_webzine .item .overlay input[type='checkbox'] {position:absolute; top:15px; left:15px; width:20px; height:20px;}
.list_webzine .item:hover .overlay {display:block;}

.area_main .row .area_middlebanner {position:relative; display:table; width:100%; height:648px; text-align:center; color:#fff; background:url("../images/main/bg_middlebanner.png") center no-repeat; background-size:cover;}
.area_main .row .area_middlebanner .cont {display:table-cell; vertical-align:middle; height:100%;}
.area_main .row .area_middlebanner .title {font-size:24px; line-height:1; margin-bottom:40px;}
.area_main .row .area_middlebanner .txt {font-size:18px; line-height:24px; margin-bottom:70px;}
.area_main .row .area_middlebanner .btn {display:block; margin:auto; width:260px; height:66px; line-height:66px; font-size:18px; background:transparent; border:1px solid #fff;}


@media screen and (max-width: 1600px) {
	.list_gallery .item .cont {padding:30px 25px;}
	.area_main .row .area_title {margin-bottom:40px;}
	.area_main .row .area_title .title {font-size:44px;}
	.area_main .row .area_title .more {font-size:22px;}
	.list_gallery .item .cont .tit {font-size:22px;}
	.list_gallery .item .cont .info_list li {font-size:16px; margin-right:8px; padding-right:9px;}
	.area_main .row {margin-bottom:100px;}
	.area_main .row2 .main_menu.section {padding:0 120px;}
	.area_main .row2 .menu {width:calc(25% - 61px); margin-right:81px;}
	.area_main .row .area_middlebanner {height:548px;}
	.list_webzine .item .overlay {padding:60px 0px 0px 36px;}
	.list_webzine .item .overlay h5 {font-size:28px;}
	.list_webzine .item .overlay p {font-size:22px;}
	.btn_scr_up {right:60px; width:58px; height:58px;}
	.area_main .area_mainbanner .swiper-button-next {right:76px;}
	.area_main .area_mainbanner .swiper-button-prev {left:76px;}
}

@media screen and (max-width: 1440px) {
	.area_main .row {margin-bottom:80px;}
	.area_main .row .area_title {margin-bottom:30px;}
	.area_main .row .area_title .title {font-size:40px;}
	.area_main .row .area_title .more {font-size:20px;}
	.area_main .row2 {padding:100px 0px 95px;}
	.area_main .row2 .main_menu.section {padding:0 80px;}
	.area_main .row2 .menu {width:calc(25% - 31px); margin-right:41px;}
	.area_main .row .area_middlebanner {height:448px;}
	.area_main .row .area_middlebanner .title {margin-bottom:30px;}
	.area_main .row .area_middlebanner .txt {margin-bottom:50px;}
	.btn_scr_up {top:-24px; right:40px; width:50px; height:50px;}
	.list_gallery .item .cont .tit {font-size:20px; margin-bottom:20px;}
	.list_gallery .item .cont .info_list li {display:block; margin-bottom:5px; margin-right:0; padding-right:0;}
	.list_gallery .item .cont .info_list li:after {display:none;}
	.list_gallery .item .cont .info_list li:last-child {margin-bottom:0;}
	.list_webzine .item .overlay {padding-top:60px; padding-left:40px;} 
	.list_webzine .item .overlay h5 {font-size:24px; margin-bottom:15px;}
	.list_webzine .item .overlay p {font-size:18px;} 
}


@media screen and (max-width: 1025px) {
	.area_main .area_mainbanner .main-pagination2 {bottom:65px;}
	.area_main .row {margin-bottom:45px;}
	.area_main .row .area_title {line-height:30px;}
	.area_main .row .area_title .title {font-size:24px;}
	.area_main .row .area_title .more {font-size:14px;}
	/*
	.area_main .swiper2 {left:20px;}
	*/
	.area_main .swiper2 {overflow:visible;}
	.list_gallery.swiper-wrapper {padding-left:15px; max-width:540px;}
	.list_gallery .item.swiper-slide {width:calc(100% - 30px); margin-right:30px;}
	.list_gallery .item .cont {padding:15px 12px;}
	.list_gallery .item .cont .tit {font-size:18px; margin-bottom:15px;}
	.list_gallery .item .cont .info_list li {font-size:14px;}
	.area_main .row2 .main_menu.section {padding:0;}
	.area_main .row2 {padding:40px 20px;}
	.area_main .row2 .menu {width:calc(25% - 15px); margin-right:20px;}
	.area_main .row2 .menu a {padding:28% 0;}
	.area_main .row2 .menu span {font-size:20px;}
	.area_main .row2 .menu img {margin-bottom:36px;}
	.area_main .row .area_middlebanner {height:auto;}
	.area_main .row .area_middlebanner .cont {text-align:left; padding:90px 40px 60px;}
	.area_main .row .area_middlebanner .title {font-size:24px; margin-bottom:20px;}
	.area_main .row .area_middlebanner .txt {font-size:16px; line-height:24px; margin-bottom:30px;}
	.area_main .row .area_middlebanner .btn {width:160px; height:40px; margin:0; line-height:40px; font-size:16px; text-align:center;}
	.area_main .swiper3 {left:0; width:100%; padding:0 20px; font-size:0;}
	.area_main .swiper3 .swiper-wrapper {display:block;}
	.list_webzine .item {width:calc(33.3% - 20px); margin-bottom:30px; margin-right:30px; height:auto; aspect-ratio:1/1; display:inline-block; vertical-align:top;}
	.list_webzine .item:nth-child(3n) {margin-right:0px;}
	.list_webzine .item .overlay {padding:40px 0px 0px 24px;}
	.list_webzine .item .overlay h5 {font-size:20px; margin-bottom:15px;}
	.list_webzine .item .overlay p {font-size:16px;}
	.list_webzine .item .thumb.noimage img {max-width:160px;}
	.area_main .area_mainbanner .swiper-button-next {right:20px;}
	.area_main .area_mainbanner .swiper-button-prev {left:20px;}

}


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

	.area_main .area_mainbanner .main-pagination2 {bottom:40px;}
	.list_gallery .item .cont .tit {margin-bottom:12px;}
	
	.area_main .row2 {padding:40px 20px 20px;}
	.area_main .row2 .menu {width:calc(50% - 10px);  margin-right:20px; margin-bottom:20px;box-shadow:none;}
	.area_main .row2 .menu:nth-child(2n) {margin-right:0px;}
	.area_main .row2 .menu a {padding:35% 0;}
	.area_main .row2 .menu span {font-size:18px;}
	.area_main .row2 .menu img {width:25px; margin-bottom:18px;}
	.area_main .row .area_middlebanner {background:url("../images/main/bg_middlebanner_m.png") right bottom no-repeat; background-size:cover;}
	.area_main .row .area_middlebanner .title {font-size:20px;}
	.area_main .row .area_middlebanner .cont { padding:45px 20px 30px;}
	.area_main .row .area_middlebanner .txt {font-size:14px;}
	.area_main .row .area_middlebanner .btn {width:132px; font-size:14px; height:34px; line-height:32px;}
	.list_webzine .item {width:calc(33.3% - 10px); margin-bottom:15px; margin-right:15px; }
	.list_webzine .item:hover .overlay {display:none;}
	.list_webzine .item img {width:100%;}
	.list_gallery.swiper-wrapper {padding-left:0;}
	.area_main .area_mainbanner .swiper-button-next, .area_main .area_mainbanner .swiper-button-prev {display:none !important;}

}


@media screen and (max-width: 480px) {
	.list_gallery {padding-left:0;}
	.list_gallery .item.swiper-slide {margin-right:0;}
	.list_gallery .item .cont .tit {font-size:16px;}
	.area_main .swiper2 {overflow:hidden;}
	.area_main .row2 {padding:20px 20px 10px;}
	.area_main .row2 .menu {width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
	.area_main .row2 .menu:nth-child(even) {margin-right:0;}
	.list_webzine .item .overlay {padding-top:15px; top:auto; bottom:0; height:60px; background:rgba(0,0,0,0.6);}
	.list_webzine .item .overlay h5 {font-size:16px; margin-bottom:5px;}
	.list_webzine .item .overlay p {font-size:12px;} 
	

}


/* 서브 */
.container {width:100%; padding:80px 0 160px; position:relative; overflow:hidden;}
.contents {position:relative; width:100%; padding:0 120px; min-height:700px; margin:auto;}
.site_navigation {float:right; position:relative; font-size:0; padding-top:17px;}
.site_navigation li {position:relative; font-size:18px; font-weight:500; display:inline-block; vertical-align:middle;}
.site_navigation li img {position:relative; top:3px;}
.site_navigation li:after {content:"›"; font-weight:bold; margin:0 21px;}
.site_navigation li:last-child:after {display:none;}
.sub_title {position:relative; width:100%; padding-bottom:28px; margin-bottom:70px; overflow:hidden; border-bottom:1px solid #e8e8e8;}
.sub_title .title {font-size:48px; font-weight:700; color:#222; float:left;}
.form_title {position:relative; width:100%;}
.form_title .title {font-size:24px; line-height:1; margin-bottom:30px;}
.form_title .txt {font-size:18px; line-height:24px; color:#6d6d6c; margin-bottom:60px;}
.sub_contents {position:relative; width:100%; text-align:center;}
.sub_contents img {max-width:100%;}

@media screen and (max-width: 1600px) {
	.container {padding:60px 0 140px;}
	.contents {padding:0 60px; min-height:600px;}
	.sub_title {margin-bottom:60px;}
	.sub_title .title {font-size:40px;}
	.site_navigation li {font-size:16px;}
	.site_navigation li:after {margin:0 16px;}
	.site_navigation {padding-top:14px;}
}

@media screen and (max-width: 1440px) {
	.container {padding-bottom:100px; padding-top:50px;}
	.contents {padding:0 40px; min-height:500px;}
}

@media screen and (max-width: 1025px) {
	.container {padding-top:40px; padding-bottom:80px;}
	.contents {padding:0 20px;}
	.sub_title {margin-bottom:40px; padding-bottom:20px;}
	.sub_title .title  {float:none; font-size:36px;}
	.site_navigation {float:none;}
	.site_navigation li {font-size:14px;}
	.site_navigation li img {width:16px;}
}


@media screen and (max-width: 768px) {
	.sub_title .title  {font-size:32px;}
	.site_navigation li {font-size:13px;}
	.site_navigation li img {width:14px;}
}


@media screen and (max-width: 480px) {
	.sub_title .title  {font-size:28px;}
}







/* login */
.area_login {position:relative; max-width:690px; margin:auto; }
.area_login .func_login {width:100%; overflow:hidden; margin-top:18px; margin-bottom:60px;}

@media screen and (max-width: 1440px) {
	.area_login {max-width:600px;}
	.form_title .txt {margin-bottom:50px;}
}


@media screen and (max-width: 1025px) {
	.form_title .title {font-size:22px; margin-bottom:25px;}
	.form_title .txt {font-size:16px; margin-bottom:40px;}
	.area_login .func_login {margin-top:8px; margin-bottom:40px;}
	.area_login .func_login label {font-size:14px;}
}


@media screen and (max-width: 768px) {
	.form_title .title {font-size:20px;}
	.form_title .txt {font-size:14px; margin-bottom:30px; line-height:20px;}
}





/* 입력폼 */
.form_request {position:relative; max-width:690px; margin:auto;}
.form_request .form {position:relative; width:100%; margin-bottom:20px;}
.form_request .row {position:relative; overflow:hidden; width:100%; margin-bottom:54px;}
.form_request .row:last-child {margin-bottom:0;}
.form_request .row .tit, .form_request .row .cont {position:relative; display:block; width:100%;}
.form_request .row .tit {font-weight:bold; line-height:1; margin-bottom:13px; font-size:18px;}
.form_request .row .cont {overflow:hidden; }
.form_request .row .cont .chk_list {width:100%;}
.form_request .row .cont .chk_list li {display:inline-block; margin-right:40px; vertical-align:middle;}
.form_request .row:last-child {margin-bottom:0;}
.form_request .terms_box {background:#f8f8f8; width:100%; position:relative; padding:25px; line-height:1.4; font-size:16px; margin-bottom:25px; color:#989999;}
.form_request .terms_box h5 {color:#666; font-weight:normal; margin-bottom:35px; font-size:inherit;}
.form_request .check {margin-bottom:50px;}
.form_request .btn_area {text-align:center; width:100%;}


/* 회원가입 */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:400; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join_step {width:1200px; margin:auto; overflow:hidden; margin-bottom:80px; display:table;}
.join_step .step {display:table-cell; width:20%; padding:20px 0; border:1px solid #ddd; border-left:0; text-align:center; font-weight:400; position:relative;}
.join_step .step:first-child {border-radius:50px 0px 0px 50px; border-left:1px solid #ddd;}
.join_step .step:last-child {border-radius:0px 50px 50px 0px;}
.join_step .step.step_on {background:#f6f6f6;}
.join_step .step.step_off {background:url("../images/common/bg_joinstep_off.png") center no-repeat;}
.join_step .step:after{content:""; display:block; clear:both; }
.join_step .step:last-child {margin-right:0;}
.join_step .step:last-child:after {display:none;}
.join_step .step span {display:none; font-size:13px;  color:#888; margin-bottom:5px;}
.join_step .step em {font-size:16px;  color:#121212; font-style:normal;  display:block;}
.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:bold; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px; font-size:13px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative;}
.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all span{ font-size:13px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:400; margin-left:7px; }
.join_check_all input{position:relative; top:2px;}
.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:13px 0; border:1px solid #999; background:#ffffff; color:#333; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #000; background:#000; color:#FFFFFF; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}
.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:400; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{ font-size:22px; font-weight:400; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:400; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
.memberTitle{margin-bottom:30px;}
.mb_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:15px;}
.mb_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:20px;}
.mb_titleS{font-size:13px; color:#666666; line-height:16px;}
.join_card {width:100%; padding:40px; border:1px solid #ddd; text-align:center; line-height:1.8}
.join_card p {margin-bottom:20px;}


/* 회원가입 구분 */
.area_join_type {position:relative; width:100%; overflow:hidden; padding:0 45px;}
.area_join_type .join_type {position:relative; width:540px; height:608px; border:1px solid #dfdfdf; text-align:center; border-top:5px solid #333; padding:55px 0 60px;}
.area_join_type .join_type img {margin-bottom:40px;}
.area_join_type .join_type .title {font-size:24px; margin-bottom:20px; line-height:1;}
.area_join_type .join_type .txt {font-size:18px; line-height:28px;  margin-bottom:20px; }
.area_join_type .join_type ol {padding-left:105px; text-align:left;}
.area_join_type .join_type ol li {font-size:16px; color:#888888; line-height:26px;}
.area_join_type .join_type .btn {position:absolute; bottom:60px; left:0; right:0; margin:auto; width:320px; height:58px; line-height:58px; font-size:20px; background:#999; color:#fff; font-weight:bold; display:block;}
.area_join_type .join_type.type1 {border-top-color:#2c99ce; float:left;}
.area_join_type .join_type.type1 .btn {background:#2c99ce;}
.area_join_type .join_type.type2 {border-top-color:#015c95; float:right;}
.area_join_type .join_type.type2 .btn {background:#015c95;}



/* array */
.left {float:left;}
.right {float:right;}

/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; width:1100px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; padding-left:30px; padding-right:15px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#222; }
.popup_layer .popup_title .title {font-size:18px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:14px; display:inline-block; margin-left:10px; opacity:.75;}
.popup_layer .btn_popup_close {float:right; border:0; width:60px; height:60px; text-indent:-99999px; background:url("../images/common/btn_popup_close.png") center no-repeat; background-size:24px;}
.popup_layer .popup_content {position:relative; width:100%; }
.popup_layer .popup_content .form {padding:30px;}
.popup_layer .popup_content .form dt, .popup_layer .popup_content .form dd {position:relative; display:block; width:100%; overflow:hidden; font-size:14px;}
.popup_layer .popup_content .form dt {font-weight:bold; margin-bottom:7px;}
.popup_layer .popup_content .form dd {margin-bottom:15px;}
.popup_layer .popup_content .form dd:last-child {margin-bottom:0;}
.popup_layer .popup_content .form .text_form {width:100%; height:40px; line-height:40px; border:1px solid #ddd; color:#333; padding:0 15px;}
.popup_layer .popup_content .form .text_form:focus {border-color:#666;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer.min .popup_container {width:480px;}
.popup_layer.bbsChange .txt {font-size:14px; margin-bottom:15px;}
.popup_layer.bbsChange .select_form {background:url("../../images/board/icon_select.png") 95% center no-repeat;}
.popup_layer.bbsChange .popup_container	{width:400px;}
.popup_layer.min .popup_wrap {width:700px; margin:auto;}
.popup_layer.min .popup_content .form {padding:20px;}


/* footer */
.footer {position:relative; width:100%; padding:80px 0px 50px; background:#f8f8f8; line-height:1;}
.footer h5 { font-weight:900; display:block; margin-bottom:14px; line-height:1;}
.footer p {color:#545454; line-height:24px;}
.footer em {display:block; padding-top:40px; font-style:normal; font-weight:bold;}
.footer h5, .footer p, .footer em {font-size:16px;}
.footer .other_link {display:none;}


@media screen and (max-width: 1600px) {
	.footer {padding:70px 0px 45px;}
	.footer em {padding-top:30px;}
	.form_request {max-width:600px;}
}

@media screen and (max-width: 1440px) {
	.form_request .row {margin-bottom:48px;}
	.form_request .row .tit {font-size:16px;}
}



@media screen and (max-width: 1025px) {
	.form_request .row {margin-bottom:40px;}
	.form_request .terms_box h5 {margin-bottom:25px;}
	.footer {padding:45px 0px 25px;}
	.footer em {padding-top:20px;}
	.footer p {line-height:18px;}
	.footer h5, .footer p, .footer em {font-size:14px;}
	.footer .other_link {display:block; font-size:0; text-align:center; margin-bottom:20px; padding-bottom:21px; border-bottom:1px solid #ddd;}
	.footer .other_link li {position:relative; display:inline-block; font-size:14px; color:#444; margin-right:10px; padding-right:11px; font-weight:bold;}
	.footer .other_link li:after {content:""; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#ccc;}
	.footer .other_link li:last-child {margin-right:0; padding-right:0;}
	.footer .other_link li:last-child:after {display:none;}
	.form_request .terms_box {font-size:14px;}
}

@media screen and (max-width: 768px) {
	.form_request .terms_box {padding:20px 15px;}
	.form_request .row {margin-bottom:30px;}
	.form_request .row .tit {font-size:14px;}
}