@charset utf-8;

@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,700&family=Lemonada:wght@300;400&family=Jua&family=Noto+Sans:ital,wght@0,400;0,700;1,400&family=Recursive:wght@300&family=Roboto:wght@100;300;400&family=Varta:wght@300;400&family=Noto+Sans+JP:wght@100;300;400;500&display=swap');
/* Reset & Basics */
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;position: relative;}
html, body { width: 100%;  border: 0; color: #000; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;-webkit-touch-callout:none; -webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3 { display: block;}
button {  display: block; border: none;  cursor: pointer; padding: 0; background: transparent; }
*:focus { outline:none !important;
 /*selector-dummy:expression(this.hideFocus=true);*/
}
::selection { background-color: rgba(0, 127, 81, 1); color: rgba(255, 255, 255, 1);}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5, div, p { font-weight:400; font-family: 'Noto Sans JP','Noto Sans KR','Noto Sans','Roboto','Open Sans', Dotum, AppleGothic; font-size: 14px;}
a {text-decoration: none; color: #000; cursor: pointer; }
em { font-style: normal;}
*{margin:0; padding:0;}
.clear{clear:both;}
.top{background:#fff; margin:0 auto;}

.middle{}
.bottom{}
.main_wrapper{width:100%; position: relative;  -webkit-overflow-scrolling: touch; /* 모바일 스크롤 부드럽게 */
}
.main_wrapper > .bl{width:100%; display:block;}
.text_wrap{margin:45px 15px;}
.text_wrap > .text{font-size:16px; font-weight:400; line-height:1.6; color:#000;}
.text_wrap > .no{font-size:20px; font-weight:400; line-height:1; color:#000; margin:35px 0 10px 0; text-align:center; display:block;}
.text_wrap > .no2{font-size:26px; font-weight:500; line-height:1; color:#000; margin:0 0 35px 0; text-align:center; display:block;}
.text_wrap > .no3{font-size:12px; font-weight:400; line-height:1.6; color:#666; margin:0 0 5px 0; text-align:center; display:block;}
.text_wrap > .no4{font-size:16px; font-weight:400; line-height:1; color:#000; text-align:center; display:block; margin:0 0 65px 0;}
.promise{margin:0 15px; padding:25px; background:#fce4ec;}
.promise > ul.mark{margin:0; padding:0; list-style-type:none;}
.promise > ul.mark li{margin:0; padding:5px 0; font-size:16px; font-weight:500; line-height:1.6; color:#000;}
.mission{margin:0 15px; padding:15px; background:#f0f8fe; border:4px #0d47a1 solid;}
.mission > .stitle{font-size:16px; font-weight:400; line-height:1.6; color:#000; margin:0 0 5px 0;}
.mission > .stext{font-size:16px; font-weight:300; line-height:1.6; color:#000; margin:0 0 35px 0;}
.mission > .img_spec{padding:15px; text-align:center; margin:0 0 25px 0;}
.mission > .img_spec > .bl{width:100%; display:inline-block;}
.mission > .img_spec > .it{display:block; text-align:center; font-size:14px; font-weight:400; margin:5px 0 0 0; color:#000;}
.center_txt{margin:45px 0; text-align:center;  font-size:16px; line-height:1; color:#1565c0; text-align:center;}
.sec{margin:25px 0; font-size:16px; font-weight:600; line-height:1; color:#c2185b; text-align:center;}
.img_box{margin:15px 0; text-align:center;}
.img_box > .bl{width:150px; display:inline-block;}
.center_rr{margin:0 15px; padding:15px; font-size:18px; line-height:1.6; color:#000; text-align:center; border:1px #1976d2 solid;}
a.center_rr_link:link{margin:0 15px; display: block; padding:15px; font-size:18px; line-height:1.6; color:#fff; text-align:center; border:1px #1976d2 solid; background:#1976d2; }
a.center_rr_link:visited{margin:0 15px;display: block; padding:15px; font-size:18px; line-height:1.6; color:#fff; text-align:center; border:1px #1976d2 solid; background:#1976d2;}
a.center_rr_link:active{margin:0 15px; display: block;padding:15px; font-size:18px; line-height:1.6; color:#fff; text-align:center; border:1px #1976d2 solid; background:#1976d2;}
a.center_rr_link:hover{margin:0 15px; display: block;padding:15px; font-size:18px; line-height:1.6; color:#1976d2; text-align:center; border:1px #1976d2 solid; background:#fff;}
 table.inq_rental{width:100%; background:#ccc; border:0; border-top:2px #333 solid; border-bottom:1px #333 solid; }
table.inq_rental td.rentalTdTitle{font-size:16px !important; padding:20px 20px !important; background:#f0f0f0 !important; color:#000 !important; font-weight:500 !important;}
table.inq_rental td{background:#fff; border-bottom:1px #d3d3d3 solid; padding:20px; line-height: 100%; text-align:left; vertical-align: middle;}
     table.inq_rental tr:last-child td{border:0;}
table.inq_rental td .myinput{border:1px #d3d3d3 solid; padding:15px; background:#f7f7f7; margin:0; font-size:16px; color:#000; line-height: 1; width:300px;}
table.inq_rental td .myinput_select{-webkit-appearance:none; outline:none; border:1px #d3d3d3 solid; padding:15px; background:#f7f7f7; margin:0; font-size:16px; color:#000; line-height: 1; width:150px;}
table.inq_rental td .myinputarea{-webkit-appearance:none; outline:none; resize:none; border:1px #d3d3d3 solid; padding:15px; background:#f7f7f7; margin:0; font-size:16px; color:#000; line-height: 1.6; width:calc(100% - 32px); height:100px;}
    .main_wrapper > .buttonbox{margin:45px 0; padding:0;} 
.main_wrapper > .buttonbox > .big_writeBtt{display: block; cursor:pointer; box-shadow:none; border:0; border-radius:10px;  margin:0 auto; background:#0d47a1; width:130px; padding:20px 40px; font-size:21px; color:#fff; text-align: center;}
.main_wrapper > .buttonbox > .big_writeBtt:hover{display: block; margin:0 auto;  border:0; border-radius:10px; background:#0077c2 !important; color:#fff !important;}
   .book_request_box{margin:65px auto; padding:0; width:1300px;}
.frame_sub_inner{width:1000px; margin:10px auto;}
.frameSubMenu{width:190px; float:left;}
.frameContent{width:790px; float:right;}
.frameFooter{width:100%;}
.blue{color:#2f639c !important;}
.pink{color:#c612b7 !important;}
.blackBold{color:#000 !important; font-weight:bold !important;}
.chahong{color:#ec008c !important;}
.colorChahong{color:#da09bf !important;}
.red{color:#F00 !important;}
.black{color:#000 !important;}
.blueBlack{color:#06F !important; font-weight:bold !important;}
.yellow{color:#e6fb00 !important;}
.redBold{color:#C30 !important; font-weight:bold !important;}
.white{color:#fff !important; }
.background_white{background:#fff !important; }
.green{color:#00ff00 !important; }
.greenBold{color:#00ff00 !important; font-weight:bold !important;}
.whiteBold{color:#fff !important; font-weight:bold !important;}
.goldBold{color:#b19d78 !important; font-weight:bold !important;}
.gold{color:#b19d78 !important;}
.colorGold{color:#6b634c !important;}
.lightYellow{color:#d1cf10 !important;}
.darkerYellow{color:#7b9327 !important;}
.lightRed{color:#f17b7b !important;}
.fontBold{font-weight:bold !important;}
.jackColor{color:#6b634c !important;}
.jackColorBold{color:#6b634c !important;font-weight:bold !important;}
.gray{color:#666 !important;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}.w110{width:110px !important;}.w120{width:120px !important;}.w130{width:130px !important;}.w140{width:140px !important;}.w150{width:150px !important;}
.w200{width:200px !important;}.w210{width:210px !important;}.w220{width:220px !important;}.w230{width:230px !important;}.w240{width:240px !important;}.w250{width:250px !important;}
.w260{width:260px !important;}.w270{width:270px !important;}.w280{width:280px !important;}.w290{width:290px !important;}
.w300{width:300px !important;}.w350{width:350px !important;}
.w400{width:400px !important;}.w450{width:450px !important;}
.w500{width:500px !important;}.w550{width:550px !important;}
.w600{width:600px !important;}.w650{width:650px !important;}
.w700{width:700px !important;}.w750{width:750px !important;}
.w800{width:800px !important;}.w850{width:850px !important;}
.w900{width:900px !important;}.w950{width:950px !important;}
.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w100p{width:100% !important;}
.noBorder{border:0 !important;}
.noBorderBottom{border-bottom:0 !important;}
.noBorderRight{border-right:0 !important;}
.noMarginBottom{margin-bottom:0px !important;}
.marginBottom0{margin-bottom:0px !important;}
.marginBottom4{margin-bottom:4px !important;}
.marginBottom5{margin-bottom:5px !important;}
.marginBottom10{margin-bottom:10px !important;}
.marginBottom15{margin-bottom:15px !important;}
.marginBottom25{margin-bottom:25px !important;}
.marginBottom35{margin-bottom:35px !important;}
.marginBottom45{margin-bottom:45px !important;}
.marginBottom55{margin-bottom:55px !important;}
.marginBottom65{margin-bottom:65px !important;}
.marginBottom75{margin-bottom:75px !important;}
.marginBottom85{margin-bottom:85px !important;}
.marginBottom90{margin-bottom:90px !important;}
.marginBottom95{margin-bottom:95px !important;}
.marginBottom100{margin-bottom:100px !important;}
.marginBottom110{margin-bottom:110px !important;}
.marginBottom120{margin-bottom:120px !important;}
.marginBottom130{margin-bottom:130px !important;}
.marginBottom105{margin-bottom:105px !important;}
.marginBottom115{margin-bottom:115px !important;}
.marginBottom125{margin-bottom:125px !important;}
.marginBottom135{margin-bottom:135px !important;}
.marginTop0{margin-top:0px !important;}
.marginTop1{margin-top:1px !important;}
.marginTop2{margin-top:2px !important;}
.marginTop3{margin-top:3px !important;}
.marginTop4{margin-top:4px !important;}
.marginTop5{margin-top:5px !important;}
.marginTop10{margin-top:10px !important;}
.marginTop15{margin-top:15px !important;}
.marginTop20{margin-top:20px !important;}
.marginTop25{margin-top:25px !important;}
.marginTop35{margin-top:35px !important;}
.marginTop45{margin-top:45px !important;}
.marginTop55{margin-top:55px !important;}
.marginTop65{margin-top:65px !important;}
.marginTop75{margin-top:75px !important;}
.marginTop85{margin-top:85px !important;}
.marginTop90{margin-top:90px !important;}
.marginTop95{margin-top:95px !important;}
.marginTop100{margin-top:100px !important;}
.marginTop105{margin-top:105px !important;}
.marginTop110{margin-top:110px !important;}
.marginTop120{margin-top:120px !important;}
.marginTop130{margin-top:130px !important;}
.marginTop140{margin-top:140px !important;}
.marginTop150{margin-top:150px !important;}
.marginTop160{margin-top:160px !important;}
.marginTop170{margin-top:170px !important;}
.marginTop180{margin-top:180px !important;}
.marginTop190{margin-top:190px !important;}
.marginTop200{margin-top:200px !important;}
.marginLeft0{margin-left:0px !important;}
.marginLeft5{margin-left:5px !important;}
.marginLeft10{margin-left:10px !important;}
.marginLeft20{margin-left:20px !important;}
.marginRight5{margin-right:5px !important;}
.marginRight10{margin-right:10px !important;}
.marginRight15{margin-right:15px !important;}
.noMarginRight{margin-right:0 !important;}
.noPaddingRight{padding-right:0 !important;}
.noPaddingBottom{padding-bottom:0 !important;}
.noMargin{margin:0 !important;}
.noPaddingMargin{margin:0 !important; padding:0 !important;}
.pageTitle{font:bold 14px/100% 'Malgun Gothic', Dotum, Gulim,Arail,sans-serif; color:#000; padding:10px 5px; border-bottom:1px #e1e1e1 solid; margin:0 10px 10px 10px; }

.flexColumn{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:space-between;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.flexRow{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:space-between;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-flow:column wrap;
-webkit-flex-flow:column wrap;
flex-flow:column wrap;
}

.flexStretch{
-ms-align-item:stetch;
-webkit-align-item:stetch;
align-item:stetch;
}
.flexColumnSpaceAround{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:space-around;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.flexColumnFlexStart{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:flex-start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.flexColumnCenter{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:center;
-webkit-justify-content:center;
justify-content:center;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.flexColumnFlexEnd{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:flex-end;
-webkit-justify-content:flex-end;
justify-content:flex-end;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
}

.flexColumnCenterMiddle{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:center;
-webkit-justify-content:center;
justify-content:center;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-ms-align-items:center;
-webkit-align-items:center;
align-items:center;
}
.flexColumnFlexStartMiddle{
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:flex-start;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-ms-align-items:center;
-webkit-align-items:center;
align-items:center;
}
.flexColumnFlexEndMiddle{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:flex-end;
-webkit-justify-content:flex-end;
justify-content:flex-end;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-ms-align-items:center;
-webkit-align-items:center;
align-items:center;
}
.flexColumnFlexEndBottom{
display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

-ms-justify-content:flex-end;
-webkit-justify-content:flex-end;
justify-content:flex-end;
-ms-flex-flow:row wrap;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-ms-align-items:flex-end;
-webkit-align-items:flex-end;
align-items:flex-end;
}
.flexMiddle{align-self:center;}

.center_lip_line{width:20px; height:2px; border-top:1px #999 solid; margin:45px auto;}
.center_lip_line_to_b20{width:20px; height:2px; border-top:1px #999 solid; margin:25px auto 25px auto;}
.center_lip_line_left{width:20px; height:2px; border-top:1px #999 solid; margin:45px 0;}
.center_lip_line_margin5{width:20px; height:2px; border-top:1px #999 solid; margin:5px auto;}
.center_lip_line_margin10{width:20px; height:2px; border-top:1px #999 solid; margin:10px auto;}
.center_lip_line_margin15{width:20px; height:2px; border-top:1px #999 solid; margin:15px auto;}
.center_lip_line_margin20{width:20px; height:2px; border-top:1px #999 solid; margin:20px auto;}
.center_lip_line_margin25{width:20px; height:2px; border-top:1px #999 solid; margin:25px auto;}
.center_lip_line_margin30{width:20px; height:2px; border-top:1px #999 solid; margin:30px auto;}
.center_lip_line_margin35{width:20px; height:2px; border-top:1px #999 solid; margin:35px auto;}
.center_lip_line_margin20_left{width:20px; height:2px; border-top:1px #999 solid; margin:20px 0;}


.main_wrapper {
    width: 100%;
    height: 100%;  /* 100vh 대신 100% 사용 */
    position: fixed;  /* fixed로 변경하여 스크롤 방지 */
    position: relative;
    overflow: hidden;
}

.main_wrapper > .fixscreen {
    width: 100%;
    height: 100%;  /* 100vh 대신 100% 사용 */
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    flex-direction: column;
    position: relative;
}

.main_wrapper > .fixscreen > .backfix {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 배경 이미지를 꽉 채움 */
    z-index: -1; /* 배경을 뒤로 보냄 */
}

.main_wrapper > .fixscreen > .relbox {
    width: 100%;  /* 100%에서 90%로 변경하여 여백 확보 */
    max-width: 600px; /* 원하는 최대 너비 설정 */
}

.main_wrapper > .fixscreen > .relbox .googlelogo, .linebox, .logo {
    width: 100%;
    text-align: center;
}

.main_wrapper > .fixscreen > .relbox .googlelogo .bl, .linebox .bl, .logo .bl {
    max-width: 210px;
    display: inline-block;
}

.main_wrapper > .fixscreen > .relbox .googleloginbox {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: calc(80% - 46px);
    padding: 10px 20px;
    background: #131314;
    border: 3px solid #838684;
    border-radius: 40px;
    margin: 200px auto 0 auto;
}

.main_wrapper > .fixscreen > .relbox .googleloginbox .imgbox {
    width: 35px;
    margin-right: 10px;
}

.main_wrapper > .fixscreen > .relbox .googleloginbox .textbox {
    font-size: 20px;
    font-weight: 500;
    color: #efefef;
}

    
.main_wrapper > .fixscreen > .relbox .menubox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-top: 300px;
}

.main_wrapper > .fixscreen > .relbox .menubox .greenlink {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 80%;
    max-width: 300px;
    padding: 20px 20px;
    background: rgb(53,255,198);
background: linear-gradient(39deg, rgba(53,255,198,1) 0%, rgba(58,241,147,1) 39%, rgba(65,223,77,1) 49%, rgba(68,214,44,1) 100%);
    border-radius: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;  /* 검은색 텍스트 */
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 255, 0, 0.2); /* 초록색 글로우 효과 */
}

/* 호버 효과 추가 */
.main_wrapper > .fixscreen > .relbox .menubox .greenlink:hover {
    background: linear-gradient(to bottom, #00FF77, #00DD44);
    box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
}


.main_wrapper > .fixscreen > .relbox .menubox .greenlink_inline {
    display: inline-block;
    text-decoration: none;
    
    padding: 20px 50px;
    background: rgb(53,255,198);
background: linear-gradient(39deg, rgba(53,255,198,1) 0%, rgba(58,241,147,1) 39%, rgba(65,223,77,1) 49%, rgba(68,214,44,1) 100%);
    border-radius: 15px;
    font-size: 17px;
    font-weight: 500;
    color: #000000;  /* 검은색 텍스트 */
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 255, 0, 0.2); /* 초록색 글로우 효과 */
}

/* 호버 효과 추가 */
.main_wrapper > .fixscreen > .relbox .menubox .greenlink_inline:hover {
    background: linear-gradient(to bottom, #00FF77, #00DD44);
    box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
}

.main_wrapper > .fixscreen > .relbox .inputbox{margin:180px 0 0 0; text-align: center; width:100%;}
.main_wrapper > .fixscreen > .relbox .inputbox > .text{display: block; text-align: center; font-weight: 400; font-size:14px; color:#7c7c7c; margin:0 0 15px 0; line-height: 1.4; padding:0 20px;}
.main_wrapper > .fixscreen > .relbox .inputbox > .rawclass{
    width:calc(100% - 46px); 
    text-decoration: none;
    width: 70%; margin:0 auto; text-align: center;
    padding: 10px 20px;
        font-weight: 400; font-size:20px;
    background: #131314;
    border: 3px solid #44d62c;color:#fff;
    border-radius: 20px;}

.main_wrapper > .productscreen {
    width: 100%;
    height: 100%;  /* 100vh 대신 100% 사용 */
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    flex-direction: column;
    position: relative;
}
    
.main_wrapper > .productscreen .product_imgbox{margin:55px 0 0 0; text-align: center;}
.main_wrapper > .productscreen .product_imgbox > .bl{width:75%; display: inline-block; margin:0 0 20px 0;}
.main_wrapper > .productscreen .product_imgbox > .subject_bl{max-width:70%; display: inline-block; margin:0 0 0 0;}
.main_wrapper > .productscreen .inputbox > .text{display: block; text-align: center; font-weight: 400; font-size:14px; color:#7c7c7c; margin:0 0 15px 0; line-height: 1.4;}
.main_wrapper > .productscreen .inputbox{margin:60px 0 0 0; text-align: center; width: 100%;}
.main_wrapper > .productscreen .inputbox > .rawclass{
text-decoration: none;
width: 70%; margin:0 auto; text-align: center;
padding: 10px 20px;
font-weight: 400; font-size:20px;
background: #131314;
border: 2px solid #39b425;
            color:#fff;
border-radius: 20px;}

.btn_menubox {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
margin: 52px 0;
}
.btn_menubox .greenlink_inline {
display: inline-block;
text-decoration: none;
width:200px;
padding: 15px 0;
background: rgb(53,255,198);
background: linear-gradient(39deg, rgba(53,255,198,1) 0%, rgba(58,241,147,1) 39%, rgba(65,223,77,1) 49%, rgba(68,214,44,1) 100%);
border-radius: 15px;
font-size: 16px;
font-weight: 500;
color: #000000;  /* 검은색 텍스트 */
text-align: center;
box-shadow: 0 2px 10px rgba(0, 255, 0, 0.2); /* 초록색 글로우 효과 */
}

/* 호버 효과 추가 */
.btn_menubox .greenlink_inline:hover {
    background: linear-gradient(to bottom, #00FF77, #00DD44);
    box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
}

.main_wrapper > .productscreen .pay_wrap{width:80%; margin:0 auto;}
.main_wrapper > .productscreen .product_imgbox > .subject_bl2{max-width:60%; display: inline-block; margin:0 0 15px 0;}
.main_wrapper > .productscreen .product_imgbox .title {color: #00FF00;text-align: center;font-size: 34px;margin:0 0 15px 0;}
.main_wrapper > .productscreen .product_imgbox .subtitle {color: #fff;text-align: center;font-size: 28px;margin-bottom: 30px;font-weight: bold;}
.main_wrapper > .productscreen .pay_wrap .info-box {background: #292929;border-radius: 15px;padding: 20px;margin-bottom: 30px;width:calc(100% - 40px);margin:0 auto 30px auto;}
.main_wrapper > .productscreen .pay_wrap .info-box h3 {color: #fff;margin: 0 0 15px 0;font-size: 16px;}
.main_wrapper > .productscreen .pay_wrap .info-box ul {list-style-type: none;padding: 0;margin: 0 0 15px 0;}
.main_wrapper > .productscreen .pay_wrap .info-box ul li {margin-bottom: 8px;padding-left: 15px;position: relative;font-size: 12px;color:#fff;}
.main_wrapper > .productscreen .pay_wrap .info-box ul li:before {content: "•";color: #00FF00;position: absolute;left: 0;}
.main_wrapper > .productscreen .pay_wrap .info-box p {font-size: 14px;color: #999;margin: 0 0 15px 0;line-height: 1.4;}
.main_wrapper > .productscreen .pay_wrap .info-box .checkbox-container {display: flex;align-items: center;gap: 10px; font-weight: 300;color:#fff;}
.main_wrapper > .productscreen .pay_wrap .info-box .checkbox-container input[type="checkbox"] {width: 20px;height: 20px;}
.main_wrapper > .productscreen .pay_wrap .form_box{width:100%; margin:0 0 65px 0;}
.main_wrapper > .productscreen .pay_wrap .form_box .form-group {width:100%; margin:0 auto 20px auto; position: relative;}
.main_wrapper > .productscreen .pay_wrap .form_box .form-group .item{width:48%; margin:0; position: relative;}
.main_wrapper > .productscreen .pay_wrap .form_box .form-group label {display: block;margin-bottom: 8px;color: #fff;}
.main_wrapper > .productscreen .pay_wrap .form_box .form-group input {text-decoration: none;width: calc(100% - 44px); margin:0 auto; text-align: center;padding: 10px 20px;font-weight: 400; font-size:20px;background: #131314;border: 2px solid #39b425;border-radius: 20px;outline: none;color:#fff;}
.main_wrapper > .productscreen .pay_wrap .form_box{width:100%; margin:0 0 65px 0;}

    a.greenlink_inline_abs:link, a.greenlink_inline_abs:visited, a.greenlink_inline_abs:active{display: inline-block; font-weight: 300; font-size:12px; color:#00ff00; margin:0; position:absolute; right:0px; top:0px;}
    a.greenlink_inline_abs:hover{opacity: 0.75;}
.productscreen .pay_wrap > .text{display: block; font-weight: 400; font-size:15px; line-height: 1.5; color:#979797; margin:0 auto 65px auto; width:100%; max-width: 400px;}
.productscreen .pay_wrap > .text > .green{color:#4bff4b; font-weight: 400;}
.productscreen .product_center_title{font-weight: 500; display: block; font-size:24px; color:#fff; text-align: center; margin:65px 0 45px 0;}

.pay_wrap > a.myitemlink:link,a.myitemlink:visited,a.myitemlink:active{display: block; border-radius: 15px; background:#292929; padding:20px 25px; margin:0 0 15px 0;}
.pay_wrap > a.myitemlink:hover{opacity: 0.75; }
.pay_wrap > a.myitemlink > h2.title{display: block; font-weight: 400; font-size:16px; color:#ffffff;}
.pay_wrap > a.myitemlink > .text{display: block; font-weight: 400; font-size:14px; color:#00ff00; margin:14px 0 20px 0;}
.pay_wrap > a.myitemlink > .infobox{display: block; font-weight: 400; font-size:14px; color:#979797; margin:0 0;}
.pay_wrap > a.myitemlink > .infobox > .t{display: inline-block; font-weight: 400; font-size:14px; color:#979797;}
.pay_wrap > a.myitemlink > .infobox > .bar{display: inline-block; font-weight: 300; font-size:13px; color:#979797; margin:0 10px;}
.pay_wrap > a.myitemlink > .infobox > .status_ready{display: inline-block; font-weight: 400; font-size:14px; color:#979797;}
.pay_wrap > a.myitemlink > .infobox > .status_trans{display: inline-block; font-weight: 400; font-size:14px; color:#ffba08;}
.pay_wrap > a.myitemlink > .infobox > .status_complete{display: inline-block; font-weight: 400; font-size:14px; color:#00ff00;}
 
.error-message {
    color: #ff0000 !important;
}
.loading {
    position: relative;
    opacity: 0.7;
    background-color: #666 !important; /* 비활성화된 상태임을 시각적으로 표시 */
    cursor: not-allowed !important;
}

.loading:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border: 3px solid #fff;
    border-top: 3px solid #39b425;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 비활성화된 버튼 스타일 */
.greenlink_inline[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.main_wrapper > .signinpae_logobox{margin:58px 0 35px 0; text-align: center;}
.main_wrapper > .signinpae_logobox > a.logolink:link{width:150px; display: inline-block;}
.main_wrapper > .signinpae_logobox > a.logolink:visited{width:150px; display: inline-block;}
.main_wrapper > .signinpae_logobox > a.logolink:active{width:150px; display: inline-block;}
.main_wrapper > .signinpae_logobox > a.logolink:hover{width:150px; display: inline-block; opacity: 0.75;}
.main_wrapper > .signinpae_logobox > a.logolink > .bl{width:100%; display: inline-block;}
    
.terms_seperate_page{width: calc(100% - 50px); margin:15px 25px;; padding:0; }
.terms_seperate_page > h1.support_title{margin:0 0 10px 0; padding:0; font-weight:normal; font-size:16px; line-height:100%; color:#fff;}
.terms_seperate_page > .support_top_text_light{margin:25px 0 45px 0; padding:25px; font-weight:400; font-size:13px; line-height:1.5; color:#fff; background:#212121;}

.terms_seperate_page > .mPageTitle{}
.termsContentBox{background:#212121; padding:10px;font-size:14px; line-height:150%; color:#fff; margin:10px 0 25px 0;}
.godBless{border-bottom:1px #444 solid; padding-bottom:10px !important; margin-bottom:10px !important;}
ul.termUl{margin:0; padding:0;}
ul.termUl li{margin:0 0 0 0; padding:5px 0; border-bottom:1px #444 dotted;list-style-type:none; font-size:13px; line-height:150%;color:#ddd;}
ul.termUl li ul.termChildUl{margin:5px 0 5px 20px; padding:0;}
ul.termUl li ul.termChildUl li{margin:0 0 0 10px; padding:1px 0; border-bottom:none;list-style-type: square; list-style-position: outside; font-size:12px; line-height:150%;color:#ddd;}
.terms_seperate_page > .mPageTitle > .memberHookTitle{font-size:15px; line-height:100%; font-weight:400; color:#ddd; margin:0 0 20px 0; text-transform:uppercase;}
ol.termUl{margin:0; padding:0;}
ol.termUl li{margin:0 0 0 20px; padding:5px 0 5px 0;  border-bottom:1px #444 dotted; font-size:13px; line-height:150%; color:#ddd;}
ol.termUl li ul.termChildUl{margin:5px 0 5px 5px; padding:0;}
ol.termUl li ul.termChildUl li{margin:0 0 0 10px; padding:5px 0; border-bottom:none;list-style-type: none; list-style-position: outside;font-size:12px; line-height:150%; color:#ccc;}
ol.termUl li ul.termChildUl li ul.terms_third{margin:5px 0 5px 20px; padding:0;}
ol.termUl li ul.termChildUl li ul.terms_third li{margin:0 0 0 10px; padding:1px 0; border-bottom:none;list-style-type: none; list-style-position: outside; font-size:11px; line-height:150%;color:#ccc;}

.terms_seperate_page > .mPageTitle > .memberText > .policyText{font-size:13px; line-height:150%; color:#fff; margin:0 0 10px 0; padding:15px; background:#212121;}
.terms_seperate_page > .mPageTitle > .memberTitle{font-size:14px; line-height:150%; color:#fff; margin:0 0 10px 0;}
.terms_seperate_page > .mPageTitle > .memberText{font-size:13px; line-height:100%; color:#ccc; margin:0;}
    .terms_subpage_title{margin:0 0 45px 0; padding:0; text-align: center;}
.terms_subpage_title .iconbox{width:100%; display: block; margin:0 0 5px 0;}
.terms_subpage_title .iconbox .fi{font-size:64px; color:#ccc; display: inline-block;}
.terms_subpage_title > h3.title{display: inline-block; display: block; font-weight: 500; font-size:20px; color:#ddd; padding:15px 0;}