@charset "UTF-8"; 


/********************************
 개인정보처리방침 
*******************************/
.privacy_data .grid_img_list {display:flex;position:relative;box-sizing:border-box;font-size:0;line-height:0;flex-direction:row;flex-wrap:wrap;}
.privacy_data .grid_img_list .img_item {display:inline-block;position:relative;width:calc((100% - 100px) / 6);margin-bottom:20px;;margin-left:20px;border:1px solid #3f65d9;border-radius:8px;;}
.privacy_data .grid_img_list .img_item:nth-child(6n + 1){margin-left:0;}
.privacy_data .grid_img_list .img_item a {display:block;width:100%;;padding:22px 0 15px;text-align:center;}
.privacy_data .grid_img_list .img_item a i{display:block; width:56px; height:65px;}
.privacy_data .grid_img_list .img_item a span {display:block; margin-top:18px; color:#333; font-size:15px; line-height:24px;}

h4 img {vertical-align: middle;}
h4 img {margin-left:15px;}
h4 img + img {margin-left:0;}

@media screen and (max-width:1400px) {
    .privacy_data .grid_img_list .img_item{width:calc((100% - 80px) / 5);margin-bottom:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(6n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(5n + 1){margin-left:0;}
}

@media screen and (max-width:800px) {
    .icon_h3:before{background-size:auto;}
    .privacy_data .grid_img_list .img_item{width:calc((100% - 60px) / 4);}
    .privacy_data .grid_img_list .img_item:nth-child(5n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(4n + 1){margin-left:0;}
}
@media screen and (max-width:640px) {
    .privacy_data .grid_img_list .img_item{width:calc((100% - 40px) / 3);}
    .privacy_data .grid_img_list .img_item:nth-child(5n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(4n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(3n + 1){margin-left:0;}
}
@media screen and (max-width:500px) {
    .privacy_data .grid_img_list .img_item{width:calc((100% - 20px) / 2);}
    .privacy_data .grid_img_list .img_item:nth-child(5n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(4n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(3n + 1){margin-left:20px;}
    .privacy_data .grid_img_list .img_item:nth-child(2n + 1){margin-left:0;}
}

/********************************
 이메일무단수집거부
*******************************/
.box-object {position:relative; padding:4em 3em; background:#f9f1f5; border-radius:20px;}
.box-object .desc .Stitle {font-size:2.6rem; color:#5646b4; margin-bottom:16px; line-height:1.4; font-weight:500;}


@media (min-width:1025px){
	.box-object .thumb {position:absolute;top:50%;left: 100px;transform:translateY(-50%);}
	.box-object .desc {margin-left: 18em;}	
}
@media (max-width:1024px){
	.box-object {padding:2em;}
	.box-object .thumb {text-align:center; margin-bottom:2em;}	
}




/********************************
 이용가이드
 *******************************/
.sitemap_box {overflow:hidden; display:flex; flex-wrap:wrap;}
.sitemap_box .sitemap_innerbox {/*float:left;*/ width:33.3333%; min-height:380px; margin-bottom:60px; margin-bottom:60px; padding:0 2%;}
.sitemap_box .sitemap_innerbox h3 {display:block; position:relative; border-radius:10px; background-color:#5348ad; padding-left:0;}
.sitemap_box .sitemap_innerbox h3 a {display:block; padding:15px 0 10px; font-size:2.0rem; color:#fff; text-align:center;}
.sitemap_box .sitemap_innerbox h3:before {display:none;}
.sitemap_box .sitemap_innerbox > ul > li > a {position:relative; display:block; padding:15px 0 15px 15px; border-bottom:1px solid #dfe0e3; color:#212121; font-size:1.7rem;}
.sitemap_box .sitemap_innerbox > ul > li > a:before {content:''; display:block; position:absolute; top:25px; left:0; width:6px; height:6px; background-color:#ccc; border-radius:50%;}
.sitemap_box .sitemap_innerbox > ul > li > ul {padding:15px 15px 11px 15px; background:#f7f7f7; border-bottom:1px solid #dedee1}
.sitemap_box .sitemap_innerbox > ul > li > ul li a {display:block; position:relative; padding-left:13px; color:#666; font-size:1.6rem; margin-bottom:4px;}
.sitemap_box .sitemap_innerbox > ul > li > ul li a:after {content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:1px; background:#8c8c8c;}

@media all and (max-width:900px) {
    .sitemap_box .sitemap_innerbox {width:50%; min-height:320px; margin-bottom:30px;}
    .sitemap_box .sitemap_innerbox:nth-child(2n) {border-right:0 none}
    .sitemap_box .sitemap_innerbox h3 a {padding:13px 0; font-size:1.8rem;}
    .sitemap_box .sitemap_innerbox > ul > li > a {padding:11px 0 11px 13px;}
    .sitemap_box .sitemap_innerbox > ul > li > ul {padding:10px 13px}
    .sitemap_box .sitemap_innerbox > ul > li > ul li a {height:24px; padding-left:10px; line-height:24px;}
    .sitemap_box .sitemap_innerbox > ul > li > ul li a:after {top:11px}
}
@media all and (max-width:620px) {
    .sitemap_box .sitemap_innerbox {width:100%; min-height:auto; padding:0; border-right:0 none; }
    .sitemap_box .sitemap_innerbox h3 a {}
	.sitemap_box .sitemap_innerbox > ul > li > a  {font-size:1.7rem;}
	.sitemap_box .sitemap_innerbox > ul > li > a:before {top:20px; width:5px; height:5px;}
	.sitemap_box .sitemap_innerbox > ul > li > ul li a {font-size:1.5rem;}
}


/********************************
 01 로그인
*******************************/
.member_box {position:relative; border:1px solid #e5e5e5; border-radius:20px;}
.member_box .member_inner {margin:0 auto; padding:80px 50px 100px;}
.member_box .member_inner .titbox {margin-bottom:50px; color:#333; text-align:center;}

.loginbox{padding:0;}
.loginbox.flexbox {display:flex; flex-wrap:wrap;}
.loginbox.flexbox form {display:block;}
.loginbox.flexbox .itembox{display:flex; flex-direction:column;}
.loginbox.flexbox[data-divide="2"] .itembox{flex-basis:50%;}
.loginbox.flexbox[data-divide="1"] .itembox{flex-basis:50%; margin:0 auto;}

.loginbox .itembox {position:relative;}
.loginbox .itembox:before{display:block; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:#dddddd; content:'';}
.loginbox .itembox:last-child:before{display:none;}
.loginbox .itembox .innerbox{position:relative; z-index:2; padding:3px 60px 0;}

.loginbox .itembox .login {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; margin-top:30px;}
.loginbox .itembox .login:first-child {margin-top:0;}
.loginbox .itembox .login label,
.loginbox .itembox .login .tit {margin-bottom:5px; width:100%; color:#222; font-weight:600; font-size: 1.8rem;}
.loginbox .itembox .login .txt {position:relative; padding:0 10px; width:calc(100% - 60px); border:1px solid #ddd; border-left:0; background-color:#fff; border-radius:0 8px 8px 0; line-height:58px;}
.loginbox .itembox .login input {position:relative; padding-right:5px; width: calc(100% - 50px); height:50px; border-left:0; border-radius:0 8px 8px 0; line-height:50px;}
.loginbox .itembox .login .icon {width: 50px;height: 50px;border:1px solid #ddd;border-right:0;border-radius:8px 0 0 8px;}
.loginbox .itembox .login .icon.id {background:#fff url(../../../../images/web/etc/input_id.png) center center no-repeat;}
.loginbox .itembox .login .icon.pw {background:#fff url(../../../../images/web/etc/input_pw.png) center center no-repeat;}
.loginbox_btn {margin-top:30px; padding:5px; width:100%; border-radius:10px; font-size:2.0rem; line-height:50px; background-color:#256b4f; border:none; color:#fff;}

.loginbox .itembox .btnbox {margin-bottom:26px; line-height:0;}


/*자동완성 autofill 없애기*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


@media all and (max-width:1500px){
.loginbox {padding:0;}
.loginbox .itembox .innerbox {padding:3px 10% 0;}
}


@media screen and (max-width:1000px){
.loginbox .itembox.certification .textbox{margin-bottom:20px;}

}

@media screen and (min-width:641px) and (max-width:920px){

.loginbox.flexbox[data-divide="1"] .itembox.itembox1{display:block; width:auto; flex-basis:100%;} 	
.loginbox.flexbox[data-divide="2"] .itembox.itembox1{display:block; width:auto; flex-basis:100%;} 
.loginbox.flexbox[data-divide="1"] .itembox.itembox2{display:block; width:auto; flex-basis:100%;}
.loginbox.flexbox[data-divide="2"] .itembox.itembox2{display:block; width:auto; flex-basis:100%;}

.loginbox .itembox.itembox1:before{position:absolute; top:auto; bottom:0; display:block; width:100%; height:1px;}
.loginbox .itembox .innerbox{padding:30px 6% 0;}
.loginbox .itembox.itembox1 .innerbox{padding:0 3% 30px;}

.loginbox .itembox.itembox1 .btnbox {width:100%; margin:0 auto 26px;}
.loginbox .itembox.certification .textbox p{height:72px;}
}

@media screen and (max-width:640px){
.loginbox.flexbox{display:block;}
.loginbox.flexbox .itembox{display:block;}
.loginbox .itembox:before{top:auto; bottom:0; width:100%; height:1px;}
.loginbox .itembox .innerbox{padding:30px 3%;}
.loginbox .itembox:first-child .innerbox{padding-top:0;}
.loginbox .itembox:last-child .innerbox{padding-bottom:0;}

}

@media screen and (max-width:480px){
	.member_box .member_inner {margin:0 auto; padding:40px 0;}
}