@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
    max-width: 100%;
    vertical-align: top;
}
ul{
	list-style: none;
}

html, body { overflow-x:hidden; background:#f9f9f9; height:100%;}

/* header */
/* header {
	position: fixed;
	width: 100%;
	height: 74px;
	left: 0px;
	top: 0px;
	background: #FFFFFF;
	z-index: 2;
} */
/* header */
header {
	position: fixed;
	width: 100%;
	height: 74px;
	left: 0px;
	top: 0px;
	background: #FFFFFF;
	z-index: 100; justify-content: space-between; align-items: center; padding:0 20px;
    display: flex;
}

button, label{cursor: pointer;}
label, input, button, select, img{vertical-align: middle; font-size:1em;}


/* logo */
#logo {
	/* position: absolute;
	width: 158px;
	height: 40px;
	left: 20px;
	top: 20px; */
    flex-basis:12%; max-width:12%;
}
#logo > a{display: inline-block;}
.header_nav{flex-basis:88%; max-width:88%; display: flex; justify-content: space-between; align-items: center;}


/* header_mobile */
#mobile {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 243px;
	top: 24px;
}

/* header_menu */
/* Auto layout */
.header_menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	
	/* position: absolute;
	width: 460px;
	height: 74px;
	left: 283px;
	top: 0px; */
    flex-basis: 90%; max-width:90%;
}
.header_menu.header_mn_mem{flex-basis: 88%; max-width:88%;}
.header-mini-btn{height:20px; width:40px; flex-basis:2.5%; max-width:2.5%; cursor: pointer;}
/* .header-mini-btn label{cursor: pointer; display: block;}
.header-mini-btn label:hover path{stroke:#8662E6;}
.header-mini-btn input[type="checkbox"]{display: none;}
input[type=checkbox], input[type=radio]{box-sizing: border-box; padding:0;}
.header-mini-btn svg{margin:0 -20px; height:74px;}
.header-mini-btn label:hover path{stroke:#8662E6; transition:all .5s cubic-bezier(.645,.045,.355,1),stroke .2s ease;}
.header-mini-btn path{fill:none; stroke: #888; stroke-width: 3; stroke-linecap: round;stroke-linejoin: round;
    --length: 24;
    --offset: -38;
    stroke-dasharray: var(--length) var(--total-length);
    stroke-dashoffset: var(--offset);
    transition: all .8s cubic-bezier(.645,.045,.355,1);}

    .header-mini-btn input:checked+svg .line--1,.header-mini-btn input:checked+svg .line--3 {
        --length: 12.602325267
    }
    
    .header-mini-btn .line--1,.header-mini-btn .line--3 {
        --total-length: 126.38166809082031
    }
    
    .header-mini-btn .line--2 {
        --total-length: 80
    }

    .header-mini-btn label:hover path {
        stroke: #8662E6
    } */
    .header-mini-btn > p{background:#888; width:24px; height:3px; border-radius:5px; display: block; transition: 0.3s; position:relative;} 
    .header-mini-btn > p:first-child{top:0;}
    .header-mini-btn > p:nth-child(2){top:5px;}
    .header-mini-btn > p:nth-child(3){top:10px;}
    .header-mini-btn:hover > p{background:#8662E6;}
    .header-mini-btn.active > p:first-child{width:18px;}
    .header-mini-btn.active > p:nth-child(3){width:14px;}

    /* .hamburger {
        height: 20px;
        z-index: 11;
        transition: 0.3s;
        cursor: pointer;
        position: relative;
        top: -1px;
    }
    .hamburger span {
        width: 25px;
        height: 3px;
        border-radius: 5px;
        background: #000;
        display: block;
        transition: 0.3s;
        position: relative;
    }
    .hamburger span:nth-child(1) {
        top: 0;
    }
    .hamburger span:nth-child(2) {
        top: 5px;
    }
    .hamburger span:nth-child(3) {
        top: 10px;
    }
     */


     #container{height:100%;}

/* menu_freeboard */
/* Auto layout */
.menu_freeboard {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 0px 0px 3px;
	gap: 10px;
	
	width: 115px;
	height: 74px;
	
	background: #FFFFFF;
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

/* menu_freeboard_btn */
/* Auto layout */
.menu_freeboard_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 4px;
	
	width: 94px;
	height: 20px;

	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}
.menu_freeboard_btn > a{height:auto; display: block;}
.menu_freeboard_btn > a > img{vertical-align: sub;}

/* menu_ainews */
/* Auto layout */
.menu_ainews {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 10px;
	
	width: 115px;
	height: 74px;
	
	background: #FFFFFF;
	
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
}

/* menu_ainews_btn */
/* Auto layout */
.menu_ainews_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 4px;
	
	width: 70px;
	height: 17px;
	
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}


/* menu_ailink */
/* Auto layout */
.menu_ailink {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 4px;
	
	width: 115px;
	height: 74px;
	
	background: #FFFFFF;
	
	/* Inside auto layout */
	flex: none;
	order: 2;
	flex-grow: 0;
}

/* menu_ailink_btn */
/* Auto layout */
.menu_ailink_btn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	gap: 4px;
	
	width: 105px;
	height: 20px;
	
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}
.menu_div > div > a{display: inline-flex; align-items: center;}
/* menu_manual */
/* Auto layout */
.menu_manual {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 10px;
	
	width: 115px;
	height: 74px;
	
	background: #FFFFFF;
	
	/* Inside auto layout */
	flex: none;
	order: 3;
	flex-grow: 0;
}


/* ITEM SNS공유 링크 */
.sns-float {
	float : right;
	cursor: pointer;
}

.share_snsbx{display: none; position:absolute; top:35px; right:-10px; width:140px; background:#fff; z-index: 10;}
.share_snsul{display:flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.share_snsul li{flex-basis:33.3%; max-width:33.3%;}
.share_snsbx li .sns_line{background:#1bcc21; display: block;}
.share_snsbx li .sns_facebook{background:#4c69ba; display: block;}
.share_snsbx li .sns_band{background:#fff; display: block;}
.share_snsbx li .sns_blog{background:#1bcc21; display: block;}
.share_snsbx li .sns_t{background:#000; display: block;}
.share_snsbx li .sns_t > img{max-width: 28px !important;}
.share_snsbx li .sns_kakao{background:#f8df00; display: block;}
.share_snsbx li .sns_a{display: flex; justify-content: center; align-items: center; width:47px; height:40px;}
.share_snsbx li .sns_a > img{width:100%; max-width:40px; padding:6px;}
.share_snsbx:before{content: "";
    position: absolute;
    top: -7px;
    right:12px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #415b92;}

/* menu_manual_btn */
/* Auto layout */
.menu_manual_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 4px;
	
	width: 80px;
	height: 16px;
	
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}
.menu_manual_btn > a{display: inline-flex; align-items: center;}

/* header_menu_user */
.header_menu_user {
	/* position: absolute;
	width: auto;
	height: 20px;
	right: 68px;
	top: 27px; */
    flex-basis:3%; max-width:3%;
}
.header_menu_user.mem_user{flex-basis:15%; max-width:15%; display: flex; justify-content: flex-end; gap:10px;}
.header_menu_user > a{font-size:14px; color:#333; display:flex; align-items: center; justify-content: end;}
.header_menu_user > a .login_name{padding-left:10px;}

/* header_menu_search */
.header_menu_search {
	/* position: absolute;
	width: 20px;
	height: 20px;
	right: 21px;
	top: 23px; */
    flex-basis:3%; max-width:3%; margin-right:20px;
}
.header_menu_search > a{display: flex; align-items: center; justify-content: end;}

/* left_menu */
/* Auto layout */
#left_menu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	position: fixed;
	width: 235px;
	height: 100%;
	left: -235px;
	background: #F9F9F9;
	overflow-y: auto;
    transition: all 0.3s;
    z-index: 10;
}
#left_menu.active {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	position: fixed;
	width: 235px;
	height: 100%;
	left: 0;
	background: #F9F9F9;
	overflow-y: auto; 
   
}

#left_menu>div{
	width: 100%;
}
#left_menu>div .menu>div{
	width: 100%;
	height: 47px;
}
#left_menu>div .menu>div a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 20px;
}

#left_menu .menu_top {
	flex-grow: 2;
	padding: 10px 0;
	overflow-y: auto; 
}

#left_menu .menu_bottom {
	flex-shrink: 0;
	height: 200px;
	padding: 10px 0;
}

.menuarrow{position:absolute; display: block; width:13px; height:8px; left:50%; bottom:172px; transform:translateX(-50%); animation: blink 1.5s linear infinite; }
.menuarrow::before{display:block; content:""; width:1px; height:8px; position:absolute; background:#373737; transform:rotate(-45deg); transition:0.5s;}
.menuarrow::after{display:block; content:""; width:1px; height:8px; position:absolute; right:6px; background:#373737; transform:rotate(45deg); transition:0.5s;}

@keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
        opacity: 0;
    }
  }


/* login modal */
/* 
.modal_bg{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); z-index: 9;}
.modalbox{background:#fff; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); border-radius:10px; overflow: hidden; z-index: 11; width:100%; max-width:500px; width: calc(100% - 30px); max-height:calc(100vh - 30px); overflow-y: auto;}
.login_modal{max-width:996px; height: 500px;} */

.modal_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
}
.modalbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    background: #fff;
    z-index: 1000;
}
.modalbox {
    display: none;
}
.modal_cotents {
    background-color: #fff;
    padding: 20px;
}
.login_modal {
    max-width: 975px;
}

.modal_cotents .close{position:absolute; top:15px; right:15px;}
.login_modal .close i{font-size:20px;}
/* .xi-close:before{content:"\e921";} */

.login_modal_wrap {display:flex; justify-content: space-between;}
.login_modal_left{flex-basis:50%; max-width:50%;}
.login_modal_right{flex-basis:42%; max-width:42%; padding:10px 0; display: flex; justify-content: center;}
.login_rignt_wrap{width:90%;}
.login_tt{font-size:23px; font-weight:500; margin-bottom:20px;}
.login_input div:first-child{margin-bottom:12px;}
.login_input div input{border:1px solid #ececec; border-radius:3px; padding:15px; width:100%; font-weight:400; font-size:13px;}
.required, textarea.required{background-image: url(../main_imgs/require.png) !important; background-repeat: no-repeat; background-position: right top !important;}
.frm_input{height:40px;}
.login_condition{display: flex; align-items: center; justify-content: space-between; margin: 15px 0 25px;}
.login_keep_box label {display:flex; align-items: center; gap:10px;}
.login_keep_box label span{cursor: pointer; font-size:12px; color:#373737;}
.find_idpw{text-align: center;}
.login_btn_box{border:0; background:#8662E6; color:#fff; border-radius:5px; width:100%; padding:15px 0; font-size:15px; font-weight:500; margin-top:15px;}
.sns_login_wrap{text-align:center; border-bottom:1px solid #ececec; margin-bottom:20px; padding-bottom:20px;}
.sns_login_tt{margin-bottom:20px; font-weight:500; font-size:14px; color:#373737;}
.sns_login_img a{display:inline-block; margin-right:15px;}
.find_idpw a{font-size:12px; color:#373737;}
.join_ms_btn{border:1px solid #8662E6; border-radius:3px;}
.join_ms_btn a{font-size:12px; color:#8662E6; font-weight:500; padding:15px; display:block; width:100%; text-align:center;}

/* 회원가입 모달 */

.join_modal .close{position:absolute; top:15px; right:15px;}
.modal_logo_box{text-align:center; background-color:#fff; padding:15px 0; border-bottom:1px solid #efefef;}
.modal_logo_box > .tt > img{max-width:100%;}
.close > a > span{font-size:20px;}
.modal_top{text-align:center; line-height:1.8; padding-bottom:20px; border-bottom:1px solid #efefef; margin-bottom:20px;}
.modal_top_tt{font-size:18px; font-weight:500; color:#373737; margin-bottom:3px;}
.modal_top_tt_sub{color:#858585; font-size:14px;}
.sns_login_wrap2{padding-top:20px;}
.sns_login_box{border-radius:5px; height:50px; max-width:350px; margin:0 auto 10px; text-align:center;}
.naver_join{background:#1EC803;}
.kakao_join{background:#F8DF00;}
.kakao_join span{color:#3D1B1A; font-weight:500;}
.sns_login_box a{display:flex; width:100%; line-height:50px; font-size:13px; justify-content: center; align-items: center; gap:5px;}
.sns_login_box img{margin-right:2px;}
.sns_login_box a span b{margin-right:5px;}
.google_join{background:#fff; border:1px solid #888;}
.google_join span{color:#666;}
.sns_login_box:last-child{margin-bottom:0;}
.ms_join{background:#8662E6;}
.ms_join a span{vertical-align: 0; color:#fff;}
/* .join_agree_wrap{border:1px solid #eee; padding:10px;}
.join_chk_all{border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;}
.join_agree_wrap .join_arrow_box{margin-right:5px;}
.join_chk_all .join_arrow_box{padding:1px 0px 2px 3px;}
.join_chk_sub .join_arrow_box{padding:1px 0px 2px 3px;}
.join_arrow_box{background-color:#9f9f9f; border-radius:50%; padding:0 3px; margin-right:3px;}
.join_chk_all .join_arrow_box i{font-size:15px; font-weight:600;}
.join_arrow_box i{vertical-align: -2px; color:#fff;}
.xi-check-min:before{content:"\e929";}
.join_chk_all label span:last-child{font-weight:500; font-size:15px;}
.join_chk_sub_box{margin-bottom:5px;}
.join_chk_sub_box label span{color:#858585; font-size:14px; font-weight:400;}
.sns-icon{display: inline-block; vertical-align: middle; text-decoration: none;} */

.join_agree_wrap {
    border: 1px solid #eee;
    padding: 10px;
}
.join_chk_all {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.join_arrow_box i {
    /* vertical-align: -2px; */
    color: #fff;
}
.join_chk_all .join_arrow_box {
    /*padding: 0px 0px 1px 3px;*/padding-top:1px; width:25px; height:25px; display: inline-block; line-height:25px; text-align: center; vertical-align: middle;
}
.join_chk_all .join_arrow_box i {
	font-size:15px;
    font-weight: 600;
	/* padding:1px 0px 2px 3px; */
}
.join_chk_sub .join_arrow_box {
    /*padding: 0px 0px 1px 3px;*/padding-top:1px; width:18px; height:18px; display: inline-block; line-height:18px; text-align: center; vertical-align: middle;
}
.join_chk_sub_box {
    margin-bottom: 5px;
}
.join_agree_wrap .join_arrow_box {
    margin-right: 5px;
}
.join_chk_sub_box label span {
    color: #858585;
    font-size: 12px;
    font-weight: 350;
}
.join_chk_sub_box label span a {
    color: #858585;
    border-bottom: 1px solid #858585;
    font-size: 12px;
    font-weight: 350;
}
.join_chk_sub_box label span b {
    color: #C00000;
    font-weight: 400;
}
.join_chk_all label span:last-child {
    font-weight: 500;
    font-size: 12px;
	color: #373737;
}
.join_btn2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding-top: 30px;
}
.join_btn2 > div:first-child {
    background: #D1D1D1;
    border-radius: 3px;
    width: 100%;
    margin-right: 8px;
}
.join_btn2_next.on {
    background: #7E8F2D !important;
}
.join_btn2_next.on a {
    color: #fff;
}
.join_btn2 > div:last-child {
    border-radius: 3px;
    width: 100%;
    background: #D1D1D1;
}
.join_btn2 > div > a {
    padding: 10px 0;
    display: block;
    width: 100%;
}
.join_agree_wrap input:checked + label .join_arrow_box {
    background-color: #8662e6;
}
.join_radio_next {
    background-color: #8662e6 !important;
}
.join_radio_next a {
    color: #fff !important;
}
.close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.close > a > span {
    font-size: 20px;
}
.login_btn {
    background-color: #8662e6;
    border-radius: 3px;
    text-align: center;
    margin: 12px 0;
}
.login_btn > a {
    display: block;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
}
.modal_logo_box {
    text-align: center;
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #EFEFEF;
}
.modal_logo_box > .tt > img {
    max-width: 100%;
    /* width: 250px; */
}
.join_arrow_box {
    background-color: #9F9F9F;
    border-radius: 50%;
    padding: 0 3px;
    margin-right: 3px;
}
.join_arrow_box > img {
    vertical-align: baseline;
}
.join_arrow_p {
    color: #9F9F9F;
}
.checkbox_bg input:checked + label .chk .join_arrow_box {
    background-color: #7E8F2D;
}
.checkbox_bg input:checked + label .chk .join_arrow_p {
    color: #7E8F2D;
}
.checkbox > label {
    position: relative;
}
.checkbox > label::after {content:"";display:block;clear:both}
.bt_txt {
    float: left;
    font-weight: 500;
    margin-bottom: 5px;
}
.bt_txt > span {
    color: #C00000;
    margin-left: 3px;
}
.agree_txt {
    width: 100%;
    display: inline-block;
    height: 80px;
    overflow-y: auto;
    border: 1px solid #EEE;
    padding: 10px;
}
.checkbox {
    margin-bottom: 15px;
}
.checkbox:last-child {
    margin-bottom: 0;
}
.join_each_terms {
    display: inline-flex;
    text-align: center;
    justify-content: space-between;
    word-break: keep-all;
    border: 1px solid #EFEFEF;
    font-size: 13px;
    width: 100%;
    background: #ECECEC;
    color: #9F9F9F;
    cursor: pointer;
}
.join_each_terms > div {
    padding: 10px 5px;
    width: 100%;
    word-break: keep-all;
}
.join_each_terms > div.join_each_terms_chk {
    background: #7E8F2D;
    color: #fff;
}
.agree_txt_con>div {
    display: none;
}
.agree_txt_con>div:first-child {
    display: block;
}
.modal_top_tt {
    font-size: 18px;
    font-weight: 500;
    color: #373737;
    margin-bottom: 3px;
}
.modal_top_tt_sub {
    color: #858585;
    font-size: 14px;
}
.modal_top {
    text-align: center;
    line-height: 1.8;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 20px;
}

/* 아이디 찾기 */

.find_top_wrap{display:flex; justify-content: space-around; background:#f7f7f7; margin-bottom:20px; text-align:cener;}
.find_top_wrap > div{padding:10px 0; cursor:pointer; color:#9f9f9f; font-weight:500; width:100%; font-size:13px;}
.find_detail_txt{border:1px solid #8662E6; background-color:#fff; color:#8662E6 !important;}
.find_top_wrap > div{padding:10px 0; cursor: pointer; text-align: center; color:#9f9f9f; font-weight:500; width:100%; font-size:14px;}
.find_top_tt{text-align: center; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}
.find_top_tt > p:first-child{font-size: 18px; font-weight: 500; color:#373737;}
.find_top_tt > p:last-child{color: #858585; font-weight: 350; font-size:14px;}
.joinform_box{margin-bottom:10px; display:flex; justify-content: flex-start; align-items: baseline; flex-wrap:wrap;}
.joinform_box_tt{font-weight:500; font-size:13px; flex-basis:20%; max-width:20%; font-size:12px; font-weight:500; color:#373737;}
.joinform_box_tt > div > span{color:#8662e6; margin-left:3px;}
.joinform_box_form{flex-basis:80%; max-width:80%;}
.joinform_box::after{content:""; display: block; clear:both;}

.joinform_input{width:100%; color:#9F9F9F; border:1px solid #eee; border-radius:3px; padding:10px 8px; font-weight:400; font-size: 11px;}
.joinform_box_form_top{margin-bottom:4px;}
.joinform_box_form_top::after{content:""; display: block; clear: both;}

.next_box{display:flex; justify-content: space-between; text-align: center;}
.next_box > div:first-child{margin-right:4px;}
.next_box > div{background:#D1D1D1; border-radius:3px; width:100%;}
.next_box > div > a{display:block; width:100%; padding:10px; font-weight:400; cursor: pointer; font-size:14px;}
.next_box > div:last-child{margin-left:4px;}
.find_next_btn{background-color:#8662E6 !important;}
.find_next_btn > a{color:#fff;}

/* 회원가입하기 폼 */
.joinform_modal .joinform_box_form{display:flex; justify-content: flex-start; flex-wrap:wrap; gap:5px; align-items: center;}
.confirm_num{flex-basis:73%; max-width:73%;}
.confirm_num.mail_box{flex-basis: calc(100% - 5px); max-width: unset;}
.joinform_modal .joinform_input_chk{flex-basis:25%; max-width:25%;}
.bg_maincolor{background:#8662E6;}
.phone_box3{width:85px;}
.joinform_input_chk {width:100px; border:1px solid #8662E6; border-radius: 3px; text-align: center;}
.bg_maincolor a{color:#fff; font-weight:400;}
.joinform_input_chk > a{display:block; width:100%; color:#fff; font-weight:500; padding:8px 0; font-size:12px;}
.joinform_input_chk > #a_aebtn{color:#8662E6;}
.main_color{color: #8662E6;}
.correct_txt{color:#8662E6; font-size:12px; word-break: keep-all; font-weight:500; width:100%;}

.idcheck{display: none;}
.idcheck.unavailable{display: block;}
.joinform_modal .joinform_box_form_top{display:flex; justify-content: flex-start; gap:5px; width:100%;}
.joinform_modal .joinform_box_form_top .joinform_box_name{width: 100%;}
.joinform_modal .joinform_box_form_top .pwbox{flex-basis:50%; max-width:50%;}
.correct_txt > span:not(.idcheck){background-color:#C00000; border-radius:50%; padding:1px 7px 1px 7px; color:#fff; font-weight:600; margin-right:5px; font-size:12px;}
.correct_txt > span:last-child{background: transparent; color:#C00000; padding:0; font-weight:300;}
.joinform_box_form .correct_txt{width:100%;}
.phone_box1{flex-basis:30%; max-width:30%;}
.phone_box2{flex-basis:70%; max-width:70%;}
.next_box.joinform_n > div:last-child{margin-left:4px; background:#8662E6;}
.next_box.joinform_n > div:last-child > a{color:#fff;}
.next_box.joinform_n > div > a{color:#373737;}
/* footer */
/* #contents.active .footer{padding:20px 0;} */
.footer{background:#f9f9f9; font-size:12px; padding-top:40px; padding-bottom:20px; color:#64696d; font-weight:350;}
.footer_inner{display:flex; justify-content: flex-start; align-items: center; gap:0 10px; flex-wrap:wrap; width:70%;}
.copyrightbx{padding-top:20px;}
.a_bold > a{font-weight:500;}
#ctt .contents_box{padding:0;}

/* ------------ contents ----------- */
.wrap{
    padding-top: 74px; height:100%;
}
#contents {
    width: 100%;
    /* height: 100%; */
    padding-left: 0px;
    min-height:750px;
    transition: all 0.3s;
}
#contents.active{padding-left:245px;}
.cont_wrap{min-height:730px;}
.contents_box{
    padding: 0px 20px;
	background-color: #F9F9F9;
	
}
#contents.active .contents_box{padding:0 20px  25px 0px; height:100%;}
#contents.active .contents_box.ai_conts{padding-left:160px;}
/* ai_list_item 여기*/
.ai_list_row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 23px;
}
.ai_list_item {
    border-radius: 5px;
	border: 1px solid #E4E5ED;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    transition: all .3s ease;
    max-height:159px;
}
.ai_list_item:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px); box-shadow:0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);}
.ai_list_item > a{display:block;}
.ai_list_item .top{
    padding: 10px;
}
.ai_subject_info{
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
/* .linkservice-items-2 .slick-track{width:auto !important;} */


.ai_subject_info .ai_item_icon{border-radius: 50%; width: 55px; height:55px; overflow: hidden; background:#f2f2f2;}
.ai_subject_info .ai_item_icon > img{vertical-align: unset; max-width:100%;}
.ai_subject_info .name_box{
    font-family: 'Noto Sans KR';
    font-style: normal;
    text-transform: uppercase;
    padding-left: 8px;
    width:calc(100% - 75px);
}
.ai_subject_info .name_box .item_data_subject{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden; 
    text-overflow: ellipsis;

}
.ai_subject_info .name_box .item_data_subinfo{
    font-weight: 400;
    font-size: 12px;
    color: #6C757D;
    /* width:90%; */
    display: -webkit-box; /* 플렉스 박스 사용 */
    -webkit-box-orient: vertical; /* 수직 정렬 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 말줄임표 표시 */
    -webkit-line-clamp: 2; /* 최대 줄 수 설정 */
}
.item_type_bar{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
.item_type_bar > a{border-radius:2px;}

.ai_list_item .bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E4E5ED;
    height: 43px;
}
.ai_list_item .bottom .item_lcs{
    display: flex;
    align-items: center;
    gap: 10px;
    padding:10px;
}
.ai_list_item .bottom .item_lcs .item{
    display: flex;
    align-items: center;
    gap: 4px;
}
.ai_list_item .bottom .item_go_link{
    height: 100%;
}
.ai_list_item .bottom .item_go_link a{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    border-left: 1px solid #E4E5ED;
    padding:0 20px;
}
.ai_list_item .bottom .item_go_link a .imgbox{
    display: flex;
    align-items: center;
    height: 100%;
}
.ai_list_item .bottom .item_go_link a .imgbox img{}
.ai_list_item .bottom .item_go_link::before{}

.lcstxt{font-size:11px; font-weight:400; font-style: normal;}
.item_subject{position:relative;}
.share_bx{position:absolute; right:0; top:-6px;}


/* ai_item security */
.secu_contsbx{margin-top:1rem;}
.secu_infobx{background:#d5c6fd; color:#532dbb; word-break: keep-all; padding:20px; border-radius:3px; display: flex; justify-content: flex-start; gap:10px; font-weight:500; font-size:14px; margin-bottom:2rem;}
.secy_form-row{display:flex; flex-wrap:wrap;}
.secy_form-row .col-6{flex-basis:50%; max-width:50%; padding-bottom:15px;}
.btn-danger{color:#fff; background:#8662E6; border:none; padding:10px 20px; border-radius:3px; font-size:14px;}
.secu_contsbx .submitbtn{display: flex; justify-content: center;}
.joinok_conts{display: flex; justify-content: center; flex-wrap:wrap;}
.ok_imgbx{padding-bottom:20px;}
.joinok_txtbx{display: flex; justify-content: center; flex-wrap:wrap; text-align: center; border-bottom:1px solid #EFEFEF; padding-bottom:20px;}
.joinok_txtbx > p:first-child{font-size:18px; font-weight:600; color:#373737; padding-bottom:5x;}
.joinok_txtbx > p:nth-child(2){font-size:14px; color:#858585; width:70%;}

.okbtn{cursor: pointer ;margin-top:20px; width:100%; padding:10px; border-radius:3px; background:#8662E6; color:#fff; font-size:14px; text-align: center;}

.find_titbx{font-size:18px; font-weight:600; color:#373737; width:100%; text-align:center; padding-bottom:20px; border-bottom:1px solid #efefef; margin-bottom:20px;}
.find_end_conts{width:100%; font-size:14px; color:#505567; border:1px solid #ddd; padding:27px; border-radius:3px;}
.find_end_conts > p:first-child{padding-bottom:10px;}
.find_end_btnbx{border-top:1px solid #efefef; padding-top:20px; display: flex; justify-content: space-between; align-items: center; gap:10px;}
.find_end_btnbx > div{flex-basis:50%; max-width:50%; text-align: center; padding:10px; border-radius:3px;}
.find_end_btnbx .find_pwbt{background:#d1d1d1; font-size:14px; color:#373737; font-weight:500;}
.find_end_btnbx .find_loginbt{background:#8662E6; font-size:14px; color:#fff; font-weight:500;}


/* 비밀번호 재설정 */
.change_form_box_top .pw_tt{font-size:16px; font-weight:400; color: #212121; padding-bottom:10px;}
.change_form_box_top .pwbox{padding-bottom:20px;}
.find02_end_conts > p:first-child{padding-bottom:10px; font-size:16px; color:#373737; font-weight:500;}
.find02_end_conts > p:nth-child(2){font-size:14px; color:#858585; font-weight:300;}
.change_pwbx{padding-top:20px;}
.find02_end_conts .joinform_input{height:52px;}
.find02_end_btnbx .find_pwbt{width:100%; background:#8662E6; color:#Fff; width:100%; flex-basis:100%; max-width:100%;}

/* ------------ contents ----------- */
/* .wrap{
    padding-top: 74px;
} */
/* .contents_box {
    padding: 0 20px  25px 0;
} */
/* .contents_box 2 {
    padding: 0px;
} */
/* .contents_box.ai_conts{padding-left:340px;} */

/* 검색 */
.search_wrap{
	display: flex;
	justify-content: center;
	width: 100%;
}
.search_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 텍스트가 왼쪽 정렬되도록 설정 */
	width: 100%;
	max-width: 800px;
}
.search_box form{width:100%;}

.search_text {
    font-size: 16px;
    padding-bottom: 3px; /* 검색창과 텍스트 사이 간격 */
	color: #6C757D;
	letter-spacing: -0.5px;
    padding-top:28px;
}

.search_inputbox {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
	height: 50px;
	padding: 7px 12px;
	background-color: #fff;
}

.search_inputbox_text {
    flex: 1; /* 입력란이 가능한 넓게 확장됨 */
    /* padding: 0 10px; */
    border: none;
    outline: none;
    font-size: 14px;
}

.search_btn{
	border: 0;
	width: 60px;
	height: 36px;
	background-color: #313437;
	border-radius: 3px;
}
a{
	color: inherit;
	text-decoration: none;
}

.find_ptxt {
    display: flex;
    align-items: baseline;
    gap: 8px; /* Adjusts the spacing between the image and text */
    margin-bottom: 0; /* 컨테이너 하단 여백 제거 */
    padding-bottom: 0; /* 필요시 패딩 제거 */
	/* margin: 20px 0 14px 0; */
}
.fint_container{display: flex; align-items: baseline; gap:8px; margin:20px 0 14px 0;}
.find_ptxt{font-size:17px; font-weight:600; vertical-align: middle; color:#555; letter-spacing: 0.34px;}
.find_imgbx{display: flex; align-items: center;}
.find_imgbx > img{width:22px; height:22px; vertical-align: middle;}
.search_title_count{font-size:11px; vertical-align: middle; color:#6C757D;}


/* .ai_list{min-height:570px;} */

/* 검색 모달창 */
.search_modalbx{background:none; max-height:none; overflow-y: hidden; border-radius:0; max-width:800px;}
.search_modalbx .search_wrap{flex-wrap:wrap;}
.search_modalbx .modal_contents{background:#fff; padding:20px; width:100%; border-radius:5px;}
.search_modalbx .close > a{width:30px; height:30px; display:flex; justify-content: center; align-items: center;}
.search_modalbx .close{position:unset; display: flex; justify-content: center; align-items: center; background:#fff; border-radius:50%; margin-top:15px;}
.search_txtbx{padding-top:10px; display: flex; align-items: center; gap:10px;}
.search_txtbx > p:first-child{display:flex; align-items: center; font-size:16px; font-weight:500; color:#111;}
.search_txtbx > p:nth-child(2){display: flex; justify-content: flex-start; align-items: center; gap:10px;}
.search_txtbx > p > a{color:#373737; position:relative; transition: all 0.1s;}
.search_txtbx > p > a:hover{color:#8662E6; font-weight:500;}
.search_txtbx > p > a:after{display:block; content:","; position:absolute; right:-5px; top:0;}
.search_txtbx > p > a:last-child:after{display:none;}
/* 정렬 조회순/신규순/인기순 */
.sort_bar{
	padding: 24px 0;
    display: flex;
}
.sort_bar .sort_menu{
	display: flex;
	justify-content: center;
	background-color: #E0E0E0;
    border-radius: 25px;
	/* max-width: 155px;
	padding: 3px;
	gap: 5px; */
    padding-left:0;
    margin-bottom:0;
    list-style:none;
    position:relative;
    white-space: nowrap;
    flex-wrap: initial;
}
.sort_bar .sort_menu .sort_hit{width:auto; height:auto;}
.sort_bar .sort_menu .sort_hit a{
	display: block;
    padding: 0px 12px;
    border-radius: 25px;
	font-size: 12px;
	color: #888;
    font-weight:300;
    letter-spacing: -0.5px;
    text-rendering: optimizeLegibility;
    font-family: 'Noto Sans KR';
    -webkit-font-smoothing: antialiased; /* Mac 및 일부 브라우저에서 텍스트 부드럽게 처리 */
    -moz-osx-font-smoothing: grayscale; /* Firefox에서 텍스트 부드럽게 처리 */
    height:28px;
    line-height:28px;

}
.sort_bar .sort_menu .sort_hit.active a{
	background: linear-gradient(136deg, #478FFB 6.72%, #8662E6 79.03%);
	color: #fff;
}


.ai-text-container {
    display: flex;
    align-items: baseline;
    gap: 8px; /* Adjusts the spacing between the image and text */
    margin-bottom: 0; /* 컨테이너 하단 여백 제거 */
    padding-bottom: 0; /* 필요시 패딩 제거 */
	margin: 20px 0 14px 0;
}

.aitext-title-icon {
    width: 24px; /* Adjust the size as needed */
    height: auto;
    vertical-align: middle; /* 이미지와 텍스트의 세로 정렬 */
}

.ai-text-title {
    font-size: 17px;
    font-weight: 600;
    vertical-align: middle;
    letter-spacing: 0.34px;
    color:#555;
}

.ai-text-description {
    font-size: 11px;
    vertical-align: middle;
    color:#6C757D;
}

/* AI 추가요청 */

#contents .footer{padding-left:0;}
/* .wrap .footer{padding-left:0;} */

/* ai 사용방법 */
.ai_usewrap > ul{display:flex; justify-content: flex-start; gap:20px; align-items: center;}
.ai_usewrap > ul > li{flex-basis:16%; max-width:16%;}
.ai_usewrap .card-list {background:#Fff; padding:12px;}
.ai_usewrap .card-image.lt_img{padding-bottom:20px;}
.ai_usewrap .card-image.lt_img > a{display:block;}
.ai_usewrap .card-image.lt_img > a > img{width:100%;}
.ai_usewrap .card-header > a{color: #282A2D; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal;
	font-weight: 400; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height:45px;}
/* AI 뉴스 */

/* .pic_partial_lt{position:relative; padding-bottom:2rem;}
.pic_partial_lt > ul{display:flex; justify-content: flex-start; gap:20px; align-items: center;}
.pic_partial_lt > ul > li{flex-basis:16%; max-width:16%;}
.pic_partial_lt > ul > li > .card-list{background:#Fff; padding:12px;}
.pic_partial_lt .card-image.lt_img{padding-bottom:20px;}
.pic_partial_lt .card-image.lt_img > a{display:block;}
.pic_partial_lt .card-image.lt_img > a > img{width:100%;}
.pic_partial_lt .card-header > a{color: #282A2D; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal;
	font-weight: 400; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height:42px;}
.pic_partial_lt .card-header > a > span{font-size:12px; color:#f00; font-weight:bold;}
.pic_partial_lt .card-header > a > span > span.sound_only{display:none;}
.writer_bx{display:flex; justify-content: flex-start; gap:10px; margin-top:10px;}
.writer_name{font-size:12px; color:#282A2D; font-weight:400;} */
.lt_more{color:#555555; font-size:14px; display:flex; justify-content: center; align-items: center;}

.lt_more > span{display:none;}
.ai-text-container.ainews_divw{justify-content: space-between;}
.ai-text-container.ainews_divw.ailinkd{justify-content: space-between; margin:20px 0 4px 0;}
.ai-text-container.ainews_divw.top_10{margin:10px 0 14px 0;}
#floating-popup{display:inline-block; position:fixed; bottom:5%; right:1%;}
#floating-popup > img{cursor: pointer;}
.menu_t_top.non{display: none;}

/* Media Query for Smaller Screens */

/* register_form */
.register_bx.reg_formbx .register {margin:0 auto; max-width:700px; margin-top:40px; width:100%; box-shadow:0px 1px 10px 0px #eaeaea; background:#fff; padding:20px; margin-bottom:40px;}
.register_bx.reg_formbx .register:after {display:block;visibility:hidden;clear:both;content:""}
.register_bx.reg_formbx .register .btn_confirm .btn_submit,
.register_bx.reg_formbx .register .btn_confirm .btn_close {flex-basis:50%; max-width:50%; height:60px; line-height:60px; text-align: center; border:1px solid #ddd;}
.register_bx.reg_formbx .register .btn_confirm .btn_close {border-right:0}
.register_bx.reg_formbx .register .btn_confirm {width:100%; display:flex; justify-content: space-between; align-items: center;}
.register_bx.reg_formbx.active{margin-left:245px;}
.register_bx.reg_formbx {transition:all 0.3s;}
.register_bx.reg_formbx .register.non_back{background:none; box-shadow: none;}
.register_bx.reg_formbx #register_form {background:#fff;margin-bottom:20px}
.register_bx.reg_formbx #register_form h2 {padding:20px;border-bottom:1px solid #dde7e9; font-size:18px; background:#8662e6; color:#fff;}
.register_bx.reg_formbx .register_form_inner {background:#ffffff;border:1px solid #dde7e9;border-radius:3px}
.register_bx.reg_formbx .register_form_inner ul {padding:20px}
.register_bx.reg_formbx .register_form_inner label {display:block; line-height:24px}
.register_bx.reg_formbx .register_form_inner label.inline {display:inline}

.register_bx.reg_formbx .register_form_inner > ul > li{padding-bottom:10px; display: flex; justify-content: flex-start; gap:10px; align-items: center;}
.register_bx.reg_formbx .register_form_inner > ul > li:last-child{padding-bottom:0;}
.register_bx.reg_formbx .frm_input{ width:100%; border:1px solid #ddd; border-radius:5px; padding:10px; font-size:14px;}

.register_bx.reg_formbx #fregisterform .cert_desc {color:#3a8afd;}
.register_bx.reg_formbx #fregisterform .cert_req {margin-left:5px;line-height:35px;}
.register_bx.reg_formbx #fregisterform #msg_certify {margin:5px 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
.register_bx.reg_formbx #fregisterform .frm_address {margin:5px 0 0}
.register_bx.reg_formbx #fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
.register_bx.reg_formbx #fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
.register_bx.reg_formbx #fregisterform .btn_confirm {text-align:center}
/* .register_bx.reg_formbx #fregisterform .form_01 div {margin:0 0 20px} */
.register_bx.reg_formbx #fregisterform .captcha {display:block;margin:5px 0 0; border:1px solid #ddd; padding:10px; display: flex; flex-wrap:wrap; align-items: center;}
.register_bx.reg_formbx #fregisterform .captcha #captcha_audio{flex-basis:40%; max-width:40%;}
.register_bx.reg_formbx #fregisterform .captcha .required{border:1px solid #ddd; padding:10px; height:40px;}
.register_bx.reg_formbx #fregisterform .captcha #captcha_mp3{border:1px solid #ddd; height:40px; padding : 0 10px; font-size:14px;}
.register_bx.reg_formbx #fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
.register_bx.reg_formbx #reg_mb_icon, #reg_mb_img {float:right}
.register_bx.reg_formbx #fregisterform .captcha legend{display: none;}
.register_bx.reg_formbx .tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:14px;background:transparent;cursor:pointer; padding-left:10px;}
.register_bx.reg_formbx .tooltip_icon:hover {color:#448bf5}
.register_bx.reg_formbx .tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.register_bx.reg_formbx .tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

.register_form_inner > ul > li{padding-bottom:10px; }
.register_form_inner > ul > li:last-child{padding-bottom:0;}
.frm_input{ width:100%; border:1px solid #ddd; border-radius:5px; padding:10px; font-size:14px;}

.register_bx.reg_formbx .register_form_inner .site_ul label{flex-basis:40%; max-width:40%;}
.info_ul label{flex-basis:40%; max-width:40%;}
.info_ul label{flex-basis:40%; max-width:40%;}
.is_captcha_use{padding-top:20px;}
#captcha_info{width:100%; display: block; padding-top:10px; font-size:14px; color:#333; }
#captcha_reload{border:1px solid #ddd; height:40px; padding : 0 10px; font-size:14px; margin-left:10px;}

.sns-wrap{display: flex; align-items: center; gap:10px; flex-wrap:wrap;}
.sns-wrap > a{border:1px solid #ddd; padding:7px; border-radius:3px; text-align: center;}
.frm_label{font-size:16px; color:#000; font-weight:700;}
.register_bx.reg_formbx .is_captcha_use{flex-wrap:wrap;}
.register_bx.reg_formbx #fregisterform .captcha{flex-basis:100%; max-width:100%;}
.register_bx.reg_formbx #fregisterform .captcha #captcha_mp3{margin-left:10px;}
/* .acc_ul > li > label{flex-basis:30% !important; max-width:30% !important;}
.chk_box > label{flex-basis:28% !important; max-width:28% !important;} */
.acc_li label{flex-basis:28%; max-width:28%;}
.register_form_inner .acc_ul .acc_li{padding-bottom:20px !important;}
.register_form_inner .acc_ul > li{padding-bottom:20px !important;}


@media (max-width: 1900px) {

    #contents.active .contents_box.ai_conts{padding-left:0;}
}

@media (max-width: 1700px) {
    #logo{flex-basis:12%; max-width:12%;}
    .header_nav{flex-basis:88%; max-width:88%;}
    .header-mini-btn{flex-basis:3%; max-width:3%;}
    .header_menu_user{flex-basis:3%; max-width:3%;}
    .header_menu_search{flex-basis:3%; max-width:3%;}
    /* .header_menu{flex-basis:91%; max-width:91%;} */
    .contents_box.ai_conts{padding:10px;}
    .header_menu_user.mem_user{flex-basis:18%; max-width:18%;}
}

@media (max-width: 1440px) {
    .ai_list_row {
		grid-template-columns: repeat(3, 1fr);
	}
    #logo{flex-basis:14%; max-width:14%;}
    .header_nav{flex-basis:86%; max-width:86%;}
    .header_menu.header_mn_mem{flex-basis:86%; max-width:86%;}
    .header_menu_user.mem_user{flex-basis:22%; max-width:22%; margin-right:10px;}
    .header_menu_search{margin-right:0;}
    
}

@media (max-width: 1200px) {
    .header {
        padding: 15px 20px;
    }

    /* Hide header_menu on small screens */
    .header_menu ul {
        display: none;
    }

    /* Optional: Reduce font size on smaller screens */
    .header_menu ul li a {
        font-size: 15px;
    }

    .header_left {gap: 20px;}
    .ai_list_item .bottom .item_lcs .item{font-size:14px; gap:3px;}
    /* .ai_list_item .bottom .item_go_link a{padding-left:5px;} */
    #logo{flex-basis:20%; max-width:20%;}
    .header_nav{flex-basis:80%; max-width:80%;}
    .header-mini-btn{flex-basis:4%; max-width:4%;}
    .header_menu_user{flex-basis:4%; max-width:4%;}
    .header_menu_search{flex-basis:4%; max-width:4%; }
    .header_menu{flex-basis:80%; max-width:80%;}
    .header_menu_user.mem_user{flex-basis:24%; max-width:24%;}
	
}

@media (max-width: 1024px) {
    #logo{flex-basis:15%; max-width:15%;}
    .header_nav{flex-basis:83%; max-width:83%;}
    .ai_list_row {
		grid-template-columns: repeat(2, 1fr);}
    /* .pic_partial_lt li{width:calc((100% - 16px) / 2);} */
    .header_menu.header_mn_mem{flex-basis:75%; max-width:75%;}
    .header_menu{flex-basis:82%; max-width:82%;}
    .header_menu_user.mem_user{flex-basis:22%; max-width:22%; gap:2px;}
    .menu_ainews{width:100px;}
    .header_menu_user > a .login_name{font-size:12px;}
    .header_menu.header_mn_mem .menu_div{width:105px;}
    
}


@media (max-width: 991px) {
    .login_modal_left {display: none;}
    .login_modal{max-width:50%;}
    .login_modal_right{flex-basis:100%; max-width:100%;}
    .header_menu_user > a > img{width:15px;}
    .header_menu_search > a > img{width:15px;}
    .header_menu_user.mem_user > a .login_name{padding-left:8px;}
}
@media (min-width: 769px) {
    .menu_t_top .header_menu_user.mem_user.lft_mem{display:none;} 
    /* .header_nav .header_menu_user.mem_user{display:block;}  */
    .menu_t_top{display: none;}

}
@media (max-width: 768px) {
   
    .header_menu{display: none;}
    header{display:block;}
    #logo{text-align: center; position:absolute; max-width: unset; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 10;}
    .header_nav{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 20px;max-width:100%; width:100%;}
    #left_menu.active{left:0; opacity: 1; visibility: visible;}
    .wrap.on .left_bg{display:block; background:rgba(0, 0, 0, 0.50); width:100%; height:100vh; position:fixed; top:0; left:0; z-index: 10;}
    #left_menu{left:-235px; opacity: 0; visibility: hidden;}
    /* #contents{padding-left:0 !important;} */
    #contents.active .contents_box{padding:0 20px  25px 20px;}
    #contents.active{padding-left:0 !important;}
    .header-mini-btn{flex-basis:8%; max-width:8%;}
    .header_menu_user{flex-basis:6%; max-width:6%; position:absolute; right:6%;}
    .header_menu_search{flex-basis:6%; max-width:6%; position:absolute; right:20px;}
    .search_txtbx > p:first-child, .search_txtbx > p > a:hover{font-size:15px;}
    .login_modal{max-width:60%;}
    .footer{margin-left:0;}
    .footer_inner{width:100%;}
    #bo_gall .bo_tit{font-size:16px;}
    #bo_gall .bo_cnt{font-size:14px;}
    /* .header_menu_user.mem_user{flex-basis:22%; max-width:22%;} */
    .contents_box{padding:0 10px;}
    header{height:56px;}
    .wrap{padding-top:56px;}
    #logo > a{width:80%;}
    .search_text{font-size:14px;}

    #left_menu .menu_bottom{height:165px; border-top:2px solid #efefef;}
    .menu_t_top{border-bottom:1px solid #ddd;}

    .header_nav .header_menu_user.mem_user{display:none;} 
    .menu_t_top{display: block;}
    .menu_t_top .header_menu_user.lft_mem{display: flex; justify-content: center; align-items: center; /*flex-wrap:wrap;*/ position:unset; width:100%; max-width:100%;}
    .menu_t_top .header_menu_user.lft_mem > a{font-size:14px; max-width:100%; flex-basis:100%; width:100%; display: inline-flex; padding:15px 10px; justify-content: center; }
    .menu_t_top .header_menu_user.lft_mem > a{border-right:1px solid #ddd;}
    .menu_t_top .header_menu_user.lft_mem > a .login_name{font-size:14px; padding-left:0;}
    .menu_t_top .header_menu_user.lft_mem > a:last-child{border-right:0;}
    .menu_t_top .header_menu_user.lft_mem > a > img{margin-right:10px;}

    .header_menu_user > a{margin-right:5px;}
}

@media (max-width: 600px) {
    .ai_list_row {grid-template-columns: repeat(1, 1fr);}
    .login_modal{max-width:70%;}
    /* .header_menu_user.mem_user{right:8%;}
    .header_menu_user.mem_user{flex-basis:28%; max-width:28%;} */
    .header_menu_user > a .login_name{padding-left:5px; font-size:12px;}
    .header_menu_user{flex-basis:8%; max-width:8%; right:10%;}
    .header_menu_search{flex-basis:8%; max-width:8%;}
    .confirm_num{flex-basis:70%; max-width:70%;}
    .joinform_modal .joinform_input_chk{flex-basis:27%; max-width:27%;}
    .modal_top_tt_sub{font-size:13px;}
    .joinform_input_chk > a{font-weight:400; font-size:11px;}
    /* .header_menu_user.mem_user > a .login_name{padding-left:5px; font-size:11px;} */
    .share_bx{right:-4px; top:-4px;}
    .share_bx > a{display: flex; padding:10px; }
    .share_snsbx{right:-6px;}
    .share_snsbx:before{right:16px;}
    .register_bx.reg_formbx .register_form_inner .site_ul label{flex-basis:45%; max-width:45%;}
    .acc_li label{flex-basis:35%; max-width:35%;}

    .register_bx.reg_formbx .register_form_inner > ul > li{flex-wrap:wrap;}
    .register_bx.reg_formbx .register_form_inner label{flex-basis:90%; max-width:90%;}
    .reg-form.sns-wrap-reg{flex-basis:100%; max-width:100%;}
}

@media (max-width: 500px) {

    .ai-text-title{width:100px;}
    .header_menu_user{right:13%;}
    /* .header_menu_user.mem_user{right:10%;} */
    .login_modal{max-width:80%;}
}

@media (max-width: 425px) {

    /* .header_menu_user.mem_user{right:10%;} */
    .sns-wrap > a{flex-basis:100%; max-width:100%;}
}

@media (max-height: 700px) {
    .menuarrow{display: block;}
  }
  
  @media (min-height: 701px) {
    .menuarrow{display: none;}
  }