/* header */
#header {height:auto; background:#fff; transition:all 0.1s;border-bottom:1px solid rgba(255, 255, 255, 0.2); background:#4d4bb6;}
#header.fixed {position:fixed;top:0;left:0; width:100%; z-index:9999; background:#4d4bb6;  transition:all 0.1s}
.topmenu-info {position: absolute; top:0; right: 0; margin-top: 12px;}
.topmenu-info a {margin-right:10px; font-size:13px;}

.header .top_logo {position:absolute; left:0; top:19px;  z-index:10000;}
.header .top_logo a {width:147px; height:45px; background:url('/files/images/logo_white.png') no-repeat center; display:inline-block;}


.header .right_info {position:absolute; right:0; top:10px; z-index:10000;}
.header .right_info a {color:#fff; font-size:13px; font-weight:500;}
.header .right_info a img {margin-right:5px; position: relative;top: -2px;}
.header .right_info a + a { margin-left:20px;}
.header .search_icon {width:40px; height:40px; background:#ff7632; border-radius:50%;display:inline-block; line-height:40px; text-align:center; }
.header .right_info .search_icon img {margin-right:0;}
#header .click_serch {display:none; position:absolute; top:95px; left:0; z-index:99999; width:100%;background:#fff; transition:top 0.25s ease-in-out; border-top:5px solid #ffab5f; box-shadow:0 3px 6px 0 rgb(0 0 0 / 9%); padding:50px 0 60px;}
#header .click_serch.active {display:block;}
#header .click_serch h2 {font-size:25px; text-align:center; margin-bottom:20px; letter-spacing:-1px; font-weight:bold;}
#header .click_serch h2 span {color:#ff5e00;}
#header .search_pc {width:600px; margin:0 auto; position:relative; border-radius:25px; box-shadow: 0px 0px 20px 2px rgb(88 88 88 / 10%); padding:0 30px;}
#header .search_pc input {width:95%; border:0; font-size:17px; padding:8px 10px;}
#header .search_pc .search_btn {height: 43px; width:55px; border: 0; background: url('/files/images/search_b.svg') no-repeat center; background-size: 20px; position:absolute;right:0;top:-2px;}
.pre_box {width: 90px; height: 110px; margin-top: 5px;}
.pre_box img {width: 100%;}

/*foot*/
#footer {background-color:#222; height:auto;}
#footer .logo_copy {width:28%; float:left;}
#footer .copy {font-size:14px; margin-top:15px; color:#9a9a9a;}
#footer .content-type {width:72%; float:left;}
#footer .content-type-item {float:left; padding:22px 15px 0 15px;}
#footer .content-type-item .subject {font-size:16px; color:#878bff;}
#footer .content-type-item span, #footer .content-type-item a {font-size:14px; display:block; margin-top:10px; color:#9a9a9a;}
#footer .footer_info_wrap {width:100%; display:inline-block; padding:30px 0}

#footer .footer_links{border-bottom: 1px solid #666; padding:20px 0;}
#footer .footer_links ul{display:flex; flex-flow: row wrap;}
#footer .footer_links ul li{position: relative;padding:0 15px; box-sizing: border-box;}
#footer .footer_links ul li:first-child{padding-left:0;}
#footer .footer_links ul li:last-child{padding-right:0;}
#footer .footer_links ul li a{color:#bebebe; font-size: 14px;}


/* 2���޴� */
.towdepth {width: 100%; max-width: 1100px; margin: 30px auto;}
.submenu_list a {position: relative; padding: 15px 30px; color: #fff; font-size: 18px; background: #9acc6d; margin: 0 10px; border: 1px solid #76b141; border-radius: 10px; font-weight: 700;}
.submenu_list a.focus, .submenu_list a:hover {background-color: rgba(0, 0, 0, 0); outline: none;color: #000; font-weight: 800;}


/* 3���޴� */
.depth3_list {text-align: left; margin-bottom:0px; display:block; width: 100%;}
.depth3_list a {color: #666; display: block; width: 33.33333333%; float: left; font-weight: 700;}
.btn-depth3 {font-size: 13px;padding: 10px 20px; border: 1px solid #ddd; background: #ffffff; margin-left: -1px;}
.btn-depth3.focus, .depth3_list a:hover {outline: none; border-bottom: 3px solid #ca1414; background: #fff; color: #000; line-height: 11px;}
.sub_img {display: none;}


/* ����ϸ޴� */
.sidenav {height:100%; width:0; position:fixed; z-index:99999999; top:0; left:-2px; background-color:#fff; overflow-x:hidden; transition:0.2s; padding-top:40px; border-right:1px solid #333;}
.sidenav a {padding:10px; text-decoration: none;font-size: 15px;color:#666; display: block;transition: 0.3s;}
.sidenav a:hover {color:#4246c2; font-weight:300;}
.sidenav > button {width:100%; text-align:left; background:#fff; color:#333; font-size:17px; border-bottom:1px solid #ddd; height:60px;}
.sidenav > button:hover {color:#4246c2;}
.sidenav .closebtn { position: absolute; top: -5px; right: 0; }

.dropdown-btn > img {position: absolute; right: 5px;}
#mobile_search {display:none;}
.dropdown-container {display: none;padding-left: 8px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.m-login {display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:0;}
.m-login > button {width:50%; border:0; border-radius:0; color:#333; background:#fff; padding:17px;}
.m-login > button:hover {color:#4246c2;}
.m-login > div {padding: 10px; background: #f9f9f9; color: #626262; width: 100%;}
.m-login > div .member_group {color:#ff7632;}
.m-login > div .member_group p {display:inline-block; background:#ff7632; width:23px; height:23px; border-radius:50%; line-height:23px; text-align:center; margin-right:3px;}
button.myclass-btn {width: 100%; padding: 20px; background: #01a5e6; color: #fff; margin-top: 30px; text-align: center;}
button.myclass-btn > img {width: 25px; height: 25px;}
.member_group .profile_photo img {border-radius: 50%;}
.sidenav .search_btn {position: absolute; right: 0; margin-left: 0;}
.sidenav .search_word {width: 100%; float: none;}
#chk_mobile {position: relative;}


/* ����������- top-visual */
.topvisual {position:relative;}
.topvisual .sub_img {font-size:32px; font-weight:600; color:#fff; display:block; font-family: 'Poppins', sans-serif; text-align:center; padding:65px 0;}
.topvisual .sub_bg {background:url('/files/images/sub_img_01.jpg') no-repeat top center;}


/* ���������� */
#sub-container {position: relative; width: 100%; height: 100%;}
/*.sub-title h3 {display: inline-block; border-bottom: 8px solid #9acc6d; line-height: 18px; margin-bottom: 30px;}*/
.sub-content > li {float:left; width:20%; margin-right:4%;}
.sub-content > li:last-child {width:100%;  margin-right:0;}

/* 2deps Menu */
.sub-content li .sub-title { text-align:left; margin:40px 0 30px; position:relative;}
.sub-content li .sub-title .subject {color:#444; font-size:26px; font-family:'Noto Sans KR', sans-serif; font-weight:600; position:relative;}
.left_menu {border-bottom:1px solid #eee; background:#fff;}
.left_menu h2 {display:none;}
.left_menu a {display:block;}
.left_menu ul {display:table; width:100%; table-layout:fixed;}
.left_menu ul li {display:table-cell; width:1%; text-align:center; height:50px; line-height:50px; font-size:14px; border-left:1px solid #eee;}
.left_menu ul li:last-child {border-right:1px solid #eee;}
.left_menu ul li:hover {background:#f7f7f7;}
.left_menu ul li.active a {color:#fff; background:#33307d; border-color:#33307d;}
.left_menu ul li.active {border-right:0; border-left:0;}
@media only screen and (max-width : 768px){
	.left_menu {margin-top:0; border:0;}
	.left_menu ul {width:100%; display:block;}
	.left_menu ul li {width:100%; display:block; border:1px solid #eee;}
	.left_menu ul li + li {border-top:0;}
	.left_menu ul li.active {border-color:#33307d}
	.two-deps .section {width:100%;}


}
@media only screen and (max-width : 480px){
}


/* �޴�*/
#gnb_area {background:none; height:79px;}
.gnbDiv { height:79px;}
.gnbDiv .gnbWrap .gnb ul { width:45%; margin:0 auto;}
.gnbDiv .gnbWrap{border-bottom:1px solid #ddd;}
.gnbDiv .gnbWrap .gnb {height:79px;}
.gnbDiv .gnbWrap .gnb .oneDep{height:79px; padding:0px 0 0px 0;}
.gnbDiv .gnbWrap .gnb ul li {width:33.33%; position:relative;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep {font-size:18px; height:79px; letter-spacing:-1pt; font-weight:500; color:#fff; line-height:79px; position:relative;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:before {content:''; display:inline-block; width:6px; height:6px; background:#ffba00; border-radius:50%; position:absolute; left:28px; top:28px; }
.gnbDiv .gnbWrap .gnb ul li:nth-child(3).on a.oneDep:before {left:38px;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep:after{position:absolute;bottom:0;left:0;display:block;content:"";width:100%;height:2px;background-color:#ffba00;transform:scale3d(0,1,1);transform-origin: center center;transition:transform 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#ffba00; text-decoration:none;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:after {transform:scale3d(1,1,1);}
.gnbDiv .gnbWrap .twoDep{background:#fff; border:0;}
.gnbDiv .gnbWrap li.on .twoDep{ background:#f3f3fa;  background:#fff;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#ffba00; font-weight:400;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#ffba00; border:1px solid #ddd;}
.gnbDiv .gnbWrap li .twoDep a{color:#777; font-weight:400; font-size:14px; line-height:18px; padding:14px 0 7px 0; letter-spacing:-1pt;}
.disB{display:block;}

#header.fixed .gnbDiv .gnbWrap .gnb ul li a.oneDep {color:#fff;}
#header.fixed .gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#ffba00}
#header.fixed .header .right_info a {color:#fff;}
#header.fixed .header .top_logo a {background:url('/files/images/logo_white.png') no-repeat center;}


/* search */
.tword-box .btn-tword {top:0;}
.tword-box .searchBar {padding-left:60px;}


@media all and (max-width: 1024px) {
	#footer .logo_copy {width:29%;}
	#footer .content-type {width:71%;}

}
@media all and (max-width:834px){
	#header > .section {display:none;}
	.top-logo {padding:20px;}
	.top-logo {width:30%;}
	.topvisual .sub_img {font-size:32px;}
	.topvisual .section_bg3 {width:56%; height:30%; bottom:-15%;}
	.topvisual .section_bg3 ul {top:35%;}
	.topvisual p {font-size:14px;}
	.sub-content > li:last-child {width:100%;}
	.sub-content .sub-title .subject {font-size:24px;}
	#gnb_area {display:none;}

	#header .click_serch {display:none;}	
	.foot-bottom .fb_text > li {width:70%;}
	.foot-bottom .fb_text > li:last-child {width:30%;}
	.mo_header {text-align:center; position:relative; padding:15px 0;}
	.top_logo_mo a {width:147px; height:45px; background:url('/files/images/logo_white.png') no-repeat center; display:inline-block;}
	#header.fixed .top_logo_mo a {background:url('/files/images/logo_white.png') no-repeat center;}
	.menu-icon {position:absolute; left:10px;top:30px; display:inline-block; width:25px; height:19px; background:url('/files/images/do_menu_w.svg') no-repeat;}

	#header.fixed .menu-icon {background:url('/files/images/do_menu_w.svg') no-repeat;}


	.logo_button img {width:160px;}

	#footer .logo_copy {width:40%;}
	#footer .content-type {width:60%;}
	.sidenav a.mobile_menu_link {background:#4d4bb6; color:#fff; font-size:13px; font-weight:600; letter-spacing:-0.025em; padding:15px;}

}

@media all and (max-width:767px){
	#footer .logo_copy {width:100%;}
	#footer .content-type {width:100%;}
}
@media all and (max-width : 480px){
	.top-logo {width:50%;}
	.topvisual .sub_img {padding:55px 0; font-size:20px;}
	.sub-content > li:last-child {width:100%;}
	.sub-content .sub-title .subject {font-size:24px;}

	#footer .content-type-item {width:100%;}
	#footer .content-type-item.c_item {width:auto; float:left; padding:22px 9px 0 9px}

	.mo_header {padding:13px 0;}
	.menu-icon {width:20px; height:20px; top:23px;}
	.top_logo_mo a {width:115px; height:35px; background-size:100%;}
	#header.fixed .top_logo_mo a {background-size:100%;}


}


/*�α�����*/
.login_new {padding:0 0 80px;}
.login_new .sub-content li .sub-title {border:0;}
/*
.login_new .login_box_n li {float:left; width:50%; border:1px solid #ddd; padding:70px;}
.login_new .login_box_n li + li {border-left:0;}
*/
.login_new .login_box_n li {width:100%; max-width:550px; margin:0 auto; border:1px solid #ddd; padding:70px;}
.login_new .login_box_n li .new_tit {font-size:24px; color:#000; line-height:20px;}
.login_new .login_box_n li .new_txt {font-size:15px; color:#555555; letter-spacing:-0.5px; font-weight:400; margin:10px 0 30px;}
#login_box {border:0; padding:0; margin:0; max-width:100%;}
#login_box .box_member,#login_box .check-id, #login_box .login-title {display:none;}
.login_new .login_sbox .box_id {width:100%; float:initial; float:none;}
.login_new .login_sbox .box_btn {width:100%; float:initial; float:none; position:static;}
.login_new .box_btn > button {width:100%; height:auto;  background:#4d4bb6; color:#fff;  font-size:17px; font-weight:400; padding:20px 0;}
.login_new .login_sbox {width:100%; margin:0;}
.login_new .web_login {width:100%; height:auto; padding:20px 10px 20px 50px; font-size:17px;}
.login_new #loginID {margin-bottom:10px; background:url('/files/images/member_login.png') no-repeat left;background-position-x:15px;}
.login_new #loginPwd {margin-bottom:20px; background:url('/files/images/member_password.png') no-repeat left;background-position-x:15px;}
.login_new .loginForm {margin:0;}
.login_new .box_n.lost {margin-top:19px;}
.login_new .box_n .btn_join_b {width:100%;  background:#140d0b; text-align:center;}
.login_new .box_n .btn_join_b a {display:block; padding:20px 0; font-size:17px; color:#fff;}

/*���̵���ã��*/
.joininfo_new .sub-content .sub-title {border:0}
.joininfo_new .find_form_box {padding:0;}
.joininfo_new .idpw_box li {width:50%; float:left; border:1px solid #ddd; padding:70px;}
.joininfo_new .idpw_box li + li {border-left:0;}
.joininfo_new .stit_all {padding-top:0; font-size:24px; line-height:20px;}
.joininfo_new .find_form .small_txt {font-size:15px; color:#555; line-height:1; letter-spacing:-0.5px; font-weight:400; margin:10px 0 30px;}
.joininfo_new .web_find_info {padding:20px 10px 20px 50px; font-size:17px; }
.joininfo_new .btn-confirm {padding:20px 0; font-size:17px; font-weight:400; height:auto; margin-top:20px;}
.joininfo_new #webID,.joininfo_new #webNick {margin-bottom:10px; background:url('/files/images/member_login.png') no-repeat left;background-position-x:15px;}
.joininfo_new #webEmail {margin-bottom:20px; background:url('/files/images/member_email.png') no-repeat left;background-position-x:15px;}
.joininfo_new .form_context {display:none;}

/*ȸ�����Ե���*/
.joinAgree_new .pbox .provision {background:#fff; border:1px solid #ddd; height:250px;}
.joinAgree_new .pbox {height:auto;}
.joinAgree_new p.provision_r {width:100%; color:#555555; font-size:16px; font-weight:400;}
.joinAgree_new button {height:auto; padding:15px 0; font-size:17px; font-weight:400;}
.joinAgree_new button img {display:none;}
.joinAgree_new button.r-bnt {background:#fff; border:1px solid #ddd; color:#333; margin-right:20px;}
.joinAgree_new button.bl-bnt {background:#4d4bb6;}
.joinAgree_new .btn_center {width:530px;}
.joinAgree_new .userType_n {margin-bottom:20px; font-size:17px;}
.joinAgree_new .userType_n label + label {padding-left:20px;}
.joinAgree_new .userType_n input {width:20px;}

/*ȸ��������*/
.joinForm_new button {height:auto; padding:15px 0; font-size:17px; font-weight:400;}
.joinForm_new button.r-bnt {background:#fff; border:1px solid #ddd; color:#333; margin-right:20px;}
.joinForm_new button.bl-bnt {background:#4d4bb6;}
.joinForm_new button.large {width:250px;}
.joinForm_new button.large img {display:none;}
.joinForm_new button.address-find {height:35px; padding:0 15px;}

@media all and (max-width : 834px){
	.login_new .login_box_n li, .joininfo_new .idpw_box li {padding:70px 39px;}
	.login_new .box_btn > button, .joininfo_new .btn-confirm {padding:15px 0;}
	.login_new .box_n .btn_join_b a {padding:15px 0;}
	.login_new .box_n.lost {margin-top: 29px;}
}

@media all and (max-width : 640px){
	.login_new .login_box_n li, .joininfo_new .idpw_box li {padding:30px; width:100%;}
	.login_new .login_box_n li + li, .joininfo_new .idpw_box li + li {border-left:1px solid #ddd; margin-top:15px;}
	.login_new .web_login, .login_new .box_btn > button, .login_new .box_n .btn_join_b a, .joininfo_new .web_find_info {font-size:16px;}


	.joinAgree_new .btn_center {width:100%;}
	.joinAgree_new button.large {width:120px;}
	.joinAgree_new button {font-size:16px; padding:10px 0;}

	.joinForm_new .btn_center {width:100%;}
	.joinForm_new button.large {width:120px;}
	.joinForm_new button {padding:10px 0; font-size:16px;}

}

@media all and (max-width : 360px){
	.login_new .login_box_n li, .joininfo_new .idpw_box li {padding:30px 15px;}

	.joinAgree_new button.large {width:110px;} 
	.joinAgree_new button.r-bnt {margin-right:10px;}

	.joinForm_new button.large {width:110px;} 
	.joinForm_new button.r-bnt {margin-right:10px;}
}


/* mypage_renual */
.myP_area {letter-spacing:-1px;}
.myP_padding {padding-top:50px;}
.myP_info {border:1px solid #eee; border-top:4px solid #4d4bb6; padding:30px 25px 25px;}
.myP_info_img {position:relative; top:-3px; width:45px;}
.myP_info_name {font-size:26px; font-weight:700; padding:0 10px; color:#222;}
.myP_info_text {font-size:14px; color:#888; font-weight:400;}
.myP_li_img {width:100%; height:100%;}

.clear:after {display:block; clear:both; content:'';}
.myP_li {padding-top:20px; display:table; width:100%;}
.myP_li > li {display:table-cell; vertical-align:middle;}
.myP_li > li:first-child {border:1px solid #eee; width:220px;}
.myP_li > li:nth-child(2) {padding:20px;}
.myP_li > li:last-child {border:1px solid #eee; text-align:center; vertical-align:middle;}
.myP_li_info li {border-bottom:1px solid #eee; padding:15px;}
.myP_li_info li:last-child {border-bottom:none;}
.myP_li_info span {display:table-cell; vertical-align:middle;}
.myP_li_text {font-size:20px; color:#222; font-weight:600; padding-left:40px;}
button.myP_button {text-align:center; font-size:19px; color:#fff; background:#000; padding:10px 50px; border-radius:100px; height:auto; margin-top:10px; letter-spacing:-1px;}
button.myP_button:hover {opacity:1; background:#4d4bb6;}
.myP_li_out {position:relative; height:0; overflow:hidden; padding-bottom:100%;}
.myP_li_in {position:absolute; width: 100%;}

.myP_bbaner_box li {float:left; width:49%; margin-left:2%; border:1px solid #eee; background:url(/files/images/my_arrow.png) no-repeat 95% center;}
.myP_bbaner_box a {padding:40px 0 40px 40px; display:block;}
.myP_bbaner_box li:first-child {margin-left:0;}
.myP_bbaner_box div {display:table-cell; vertical-align:middle;}
.myP_bbaner .myP_info_name {padding:0;}
.myP_bbaner_text {padding-left:20px;}

.myP_sboard_img {position:relative; top:-5px;}
.myP_sboard_box > li {width:49%; float:left; margin-right:2%;}
.myP_sboard_box > li:last-child {margin-right:0;}
.myP_sboard_li {display:table; width:100%; border-top:3px solid #222; border-bottom:1px solid #eee; padding:30px 10px; margin-top:15px;}
.myP_sboard_li li {display:table-cell; position:relative; width:33.3333%;}
.myP_sboard_li li:nth-child(1):after{content:'I'; color:#ddd; position:absolute; right:30%;}
.myP_sboard_li li:nth-child(2) {font-size:17px; color:#222; font-weight:600;}
.myP_sboard_li li:nth-child(2) span {padding-left:10px;}
.myP_sboard_li li:last-child {text-align:right;}
.myP_sboard_btn {border:1px solid #eee; border-radius:100px; padding:5px 0; width:130px; display:inline-block; text-align:center;}
.myP_sboard_btn:hover {background:#000; color:#fff; border:1px solid #000;}

@media all and (max-width : 834px){
	.myP_sboard_li li:nth-child(1):after {right:20%;}
	.myP_sboard_btn {width:110px;}
	button.myP_button {padding:10px 40px; font-size:18px;}
}

@media all and (max-width : 768px){
	.myP_sboard_btn {width:100px;}
	.myP_sboard_li li:nth-child(2) {font-size:16px;}
	.myP_sboard_li li:nth-child(2) span {padding-left:5px;}
	.myP_li_text {font-size:18px;}
}

@media all and (max-width : 767px){
	.myP_li > li {display:block; float:left;}
	.myP_li > li:first-child {width:35%;}
	.myP_li > li:nth-child(2) {width:65%;}
	.myP_li > li:last-child {width:100%; margin-top:20px; padding:20px 0;}
	button.myP_button {padding:10px 100px;}
	.myP_bbaner_box li, .myP_sboard_box > li {width:100%; margin-left:0;}
	.myP_bbaner_box li:first-child, .myP_sboard_box > li:first-child {margin-bottom:4%;}
	
}

@media all and (max-width:480px) {
	.myP_info {padding:25px 15px 15px;}
	.myP_li > li:first-child {width:100%; border:1px solid #eee; padding:40px;}
	.myP_li > li:nth-child(2) {width:100%; padding:10px 0;}
	.myP_info h2 .myP_info_text {display:block;}
	.myP_li > li:last-child {padding:30px 0;}
	button.myP_button {padding:10px 40px; font-size:16px;}
	.myP_info_name {font-size:22px;}
	.myP_bbaner_box a {padding:30px 0 30px 20px;}
	.myP_bbaner_box li {background-size:7%;}
}

@media all and (max-width:360px) {
	.myP_info_name {font-size:20px;}
	.myP_bbaner_box .myP_info_text {display:none;}
	.myP_sboard_li {display:block;}
	.myP_sboard_li li {display:block; float:left; width:100%;}
	.myP_sboard_li li:last-child {position:absolute; right:10px;}
	.myP_sboard_li li:nth-child(1):after {display:none;}
}