@charset "utf-8";
/* CSS Document */

/*아이콘*/





/*약관동의*/

.signUp_detail{position:relative; height:80px; border-bottom:1px solid #dddddd }
.signUp_detail ul li { position:relative; width:33.333%; float:left; font-size:18px; text-align:center; padding-top:30px; color:#a3a3a3}
.signUp_detail ul li > span { background:#a3a3a3; padding:3px 8px; border-radius:30px; margin-right:8px; color:#fff;}
.signUp_detail ul li.select{ color:#f47920; font-weight:600 }.signUp_detail ul li.select > span { background:#f47920}
.signUp_detail ul li.select:before{ position:absolute;width:15px;height:15px;content:'';bottom: -38px;left: 50%;/* top: 0px; */background: #f47920;border-radius: 50%;}
.signUp_detail ul li.select{ color:#f47920; font-weight:600 }.signUp_detail ul li.select > span { background:#f47920}
.signUp_detail ul li.select:before {
    background: #f47920;
    -webkit-animation: expn-bounce 2.2s infinite ease-in-out;
    -moz-animation: state-bounce 2.2s infinite ease-in-out;
    -o-animation: state-bounce 2.2s infinite ease-in-out;
    animation: state-bounce 1.6s infinite ease-in-out;
}


@keyframes state-bounce {    0%, 100% {        transform: scale(0.5);        -webkit-transform: scale(1.2)    }

    50% {        transform: scale(0.8);        -webkit-transform: scale(0.8)    }
}


.bbs_list2{ position:relative;  padding: 45px 15px 15px; box-sizing:border-box}
.bbs_list2:ater{content:''; display:block; clear:both;}


/*개인정보약관동의*/
.use_1 { height:150px; border:1px solid #E7E7E7; background:#fff; overflow-y:scroll; scrollbar-face-color: #e5e5e5; scrollbar-shadow-color:#e7e7e7; 
scrollbar-highlight-color:#e7e7e7; scrollbar-3dlight-color:#f8f8f8; scrollbar-darkshadow-color:f8f8f8; scrollbar-track-color:#f8f8f8; scrollbar-arrow-color:#b3b3b3; padding:15px; font-size:14px; font-weight:300; margin-top:25px;}
.h200{ height:200px !important; }
.h300{ height:300px !important; }
.h350{ height: 330px !important; overflow-y: auto; }

.bbs_list2 .member_drop_txt{}

.use_1 h4, .use_2 h4{  font-weight:bold; margin-top:20px; }
.use_1 .big_subject, .use_2 .big_subject{font-weight:bold; color:#0071b9; margin:25px 0; font-size:20px; text-align:left}
.use_1 p, .use_2 p{ font-size:13px; color:#666; padding-top:5px; line-height:16px; font-weight:500;}
.use_1 div, .use_2 div { font-size:13px; margin-top:15px;}
/*개인정보약관동의테이블*/
.list_table { margin-top:20px; border-top: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid; margin-bottom: 30px; }
.list_table th { background: #f5f5f5; text-align: left; padding: 8px 10px 6px; border-right: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; font-weight: bold; line-height: 1.7; text-align: center; }
.list_table td { text-align: left; padding: 8px 0 6px 15px; border-right: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid; font-weight: normal; background: none; line-height: 1.7; }
.list_table .end { border-right: 0; }

/*동의하기*/
.agree_check{ margin:25px 15px 15px 0; text-align:left; font-size:15px;} .agree_check > strong { font-weight:400; }


/* check, radio */
.btn_check {position:relative; display:inline-block; vertical-align:middle; min-width:22px; min-height:22px;}
.btn_check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_check .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../images/common/ch_raBG.gif'); background-position:0 0; cursor:pointer; margin-left:0 !important}
.btn_check input[type='checkbox']:checked + .hero {background-position:-48px 0;}
.btn_check input[type='checkbox']:hover + .hero {background-position:-24px 0;}
.btn_check input[type='checkbox']:checked:hover + .hero {background-position:-48px 0;}
.btn_check strong{padding-left:30px; vertical-align:middle; line-height:23px; color:#000; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}

.btn_check input[disabled] + .hero{background-position:-72px 0;}
.btn_check input[disabled]:hover + .hero{background-position:-72px 0;}
.btn_check input[disabled]:checked + .hero{background-position:-96px 0;}
.btn_check input[disabled]:checked:hover + .hero{background-position:-96px 0;}

.btn_check input[readonly] + .hero{background-position:-72px 0;}
.btn_check input[readonly]:hover + .hero{background-position:-72px 0;}
.btn_check input[readonly]:checked + .hero{background-position:-96px 0;}
.btn_check input[readonly]:checked:hover + .hero{background-position:-96px 0;}

/*radio*/
.btn_radio {position:relative; display:inline-block; min-width:22px; min-height:22px; vertical-align:middle}
.btn_radio input[type="radio"]{position:absolute; top:0; left:0; width:22px; height:22px; margin:0}
.btn_radio .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../images/common/ch_raBG.gif'); background-size:240px 24px; background-position:-120px 0; cursor:pointer; margin-left:0 !important}
.btn_radio input[type='radio']:checked + .hero {background-position:-168px 0}
.btn_radio input[type='radio']:hover + .hero {background-position:-144px 0}
.btn_radio input[type='radio']:checked:hover + .hero {background-position:-168px 0}
.btn_radio strong{padding-left:25px; display:block; line-height:21px;  color:#000; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}

.btn_radio input[disabled] + .hero{background-position:-192px 0}
.btn_radio input[disabled]:hover + .hero{background-position:-192px 0}
.btn_radio input[disabled]:checked + .hero{background-position:-216px 0}
.btn_radio input[disabled]:checked:hover + .hero{background-position:-216px 0}

.btn_radio input[readonly] + .hero{background-position:-192px 0}
.btn_radio input[readonly]:hover + .hero{background-position:-192px 0}
.btn_radio input[readonly]:checked + .hero{background-position:-216px 0}
.btn_radio input[readonly]:checked:hover + .hero{background-position:-216px 0}

/*본인인증*/
.auth_wrap{ margin-top:40px; margin-bottom:40px;  box-sizing:border-box; text-align: left; }
.auth_wrap:after{content:''; display:block; clear:both;}
.auth_wrap ul li { width:32%; margin: 0 auto; font-size:28px; border:1px solid #dddddd; height:145px; text-align:center; position:relative; float: left; margin-right: 1%;}
.auth_wrap ul li:last-child{ margin-right:0;}

.auth_wrap ul li a{ display:inline-block; width:100%; height:100%; line-height:145px; color:#000; font-weight:500}
.auth_wrap ul li a:hover{-webkit-box-shadow:inset 0 0 0 2px #f47920,0 5px 8px 2px rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 0 2px #f47920,0 5px 8px 2px rgba(0, 0, 0, 0.2)}
.auth_wrap ul li span { float:left; width:45%; text-align:center;margin-top:35px;}
.auth_wrap ul li span:nth-child(2) { width:50%; float:left; margin-top:0; text-align:left;}

/*텍스트박스*/
.txt_Box { position:relative; overflow:hidden; background:#f3e7de; border:1px solid #e8bea0; padding:15px 40px;; color:#000; font-size:17px; }
.txt_Box li{ position:relative; padding-left:15px; } .txt_Box li:after{ position:absolute;  content:''; width:5px; height:5px; border-radius:50%; background:#f47920; left:0; top:10px;}
.txt_Box dl { margin-top:15px; margin-left:10px;} .txt_Box dl dt { color:#f47920; }
.txt_Box dl i{ font-size:21px; vertical-align:middle; margin-right:6px; color:#000}
.txt_Box dl dd { margin-left:25px; line-height:22px;}

.txt_Box ul.tyB { font-size:14px; color:#004890;}
.txt_Box ul.tyB li:after { display:none}

.txt_line{ border:1px solid #ddd; padding:10px 15px; margin-top:15px;}


/* 팝업 */
.pop_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 99999; display: none;}
.popup{position: fixed; border-radius: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100px; background: #fff; z-index: 99999; display: none;}
.popup.on, .pop_bg.on{display: block;}
.popup .pop_tit{position: relative; border-radius: 20px 20px 0 0; background: #f47920; color: #fff; font-size: 20px; font-weight: bold; padding: 15px 28px;}
.popup .pop_tit .popup_close{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 32px; height: 32px; background: url(../images/pop_close.png) no-repeat center; background-size: cover; border: 0;}
.popup .pop_cont{border-radius: 0 0 20px 20px; padding: 20px 28px;}
.popup .btn_wrap{margin: 20px auto 0; display: flex; justify-content: center; gap: 4px;}

/*테이블*/
.board-T {  font-size:15px ; border-top:1px solid #504646; margin-bottom:20px;}
.board-T  caption{display:none;}
.board-T th{border-color:#dfdfdf;border-width:0 0 1px 0;color:#000;border-style:none none solid none;padding:13px 0 13px 0;vertical-align:middle; text-align:center;  background: #f5f5f5; border-right:0px solid #dfdfdf;white-space: nowrap; font-weight:bold;}
.board-T td{border-color:#e3e3e3;border-width:0 0 1px 0;padding:13px 13px 13px 13px;border-style:none none solid ;color:#000;vertical-align:middle;line-height:1.4; overflow:hidden; color:#000 !important; }
.T_thc th{ color:#444; }


.text-center td{text-align:center !important; padding-left:20px;}
.board-T td .textarea{ width:98%; background-color:#fff;color:#000;border:1px solid #e3e3e3; padding:8px; resize:none; }
.board-T th:last-child{border-right:none;}
.board-T td:last-child{border-right:none;}
.board-T td.left{text-align:left; padding:10px;}
.board-T td.left img{vertical-align:text-top; margin-top:-8px; margin-right:5px; margin-left:20px;}

.board-T td{position: relative;}
.board-T td a:hover{text-decoration:underline;}
.board-T td span { color:#000; margin-left:10px; font-size:13px;}
.board-T td .no_mg{font-size: 14px; margin: 0; display: inline;}
.board-T td .regist:hover{text-decoration: none;}
.board-T td .regist{margin-left: 10px; color: #fff; padding: 6px 8px !important; font-size: 13px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 1.9;}
.board-T td p, .tbl01 td p{ margin-top:5px} 

table .tbl_bt  {display: inline-block;background: #353535;border:1px solid #353535;min-width:90px;text-align: center;vertical-align: middle;line-height: 35px;height: 35px;color: #fff;padding:0 15px;margin-top: -4px; border-radius:4px;}
table .blue_chk_text { font-size: 12px; color: #006eb3;display: inline-block; margin: 0 0 0 8px; }
table .blue_chk_text { font-size: 14px; color: #006eb3;display: inline-block; margin: 0 0 0 8px; }
.tbl_id_text { color: #797979; font-size: 12px; }
.tbl_id_text em { color: #e93e16;font-style: normal;  }

.form-control {height:33px !important; width:100%; border-radius: 5px; }
.form-control_cal{height:33px !important; color:#555; font-size:13px;}


/*아이디비밀번호찾기 텍스트박스*/
.txt_Box2{ position:relative; overflow:hidden; border:1px solid #ddd; padding:20px 30px; font-size:15px; background:url(../images/sub/pass_icon3.png) no-repeat 90% 5%;}


.txt_Box2 > ul { margin-top:25px;}
.txt_Box2 > ul > li{ line-height:23px; position:relative; padding-left:15px; }
.txt_Box2 > ul > li:after{ position:absolute; width:5px; height:5px; background:#015cb8; top:9px; left:0; content:''; border-radius:50%}

.txt_Box2 .inB{ border:3px solid #ddd; border-radius:8px; margin-top:30px; padding:20px;}
.txt_Box2 .inB dl{ margin-bottom:15px;}
.txt_Box2 .inB dl dd{ margin-left:15px; line-height:22px;}

/*확인창*/
.ident{ width:50%; margin:0 auto; border:1px solid #ddd; overflow:hidden; padding:35px; text-align:center; font-size:16px;}
.ident ul { margin-top:30px;} .ident ul li p{ margin-top:15px;}


/*로그인*/
.login{  width:100%; box-sizing:border-box; height: auto; width: 500px; text-align: center; margin: 0 auto  ; border:1px solid #dadada; border-radius: 30px; padding: 20px 50px;}
.login:after{content:''; display: block; clear: both;  }
.login .login_cont { position:relative;   margin:0px 0 30px; }
.login .login_cont .loginbox{ margin:0 auto; }
.login .login_cont .loginbox .input_L{ width: 100%; }
.login .login_cont .loginbox .btn_L { width:100%; }

/* ID PW찾기 */
.login-pwArea {display: flex;}
.login-pwArea .login {width:40%; margin: 0 5%; height: 100%;}
.login-pwArea .auth_wrap li {width:100%}



.login .login_cont .loginbox .input_L li {margin-bottom:10px;}
.login .login_cont .loginbox .input_L li input {width:100%; height:45px; font-size:15px; background:#fff; border-radius: 5px;}

.bnt_login{width:100%;  text-align:center; margin-top: 15px; }
.bnt_login button {background:#f47920; border-color:#f47920; color:#fff; font-weight:bold; font-size:17px; border-radius:5px; width: 100%;height:50px;}
.bnt_login:focus{border:none;}
.sbtn_login{ width:100%;font-size:15px;line-height:43px;height:43px; padding:0 20px; text-align:center;color:#000 !important;border:1px solid #dadada;background:#fff; border-radius:5px; transition: all .40s ease;}
.sbtn_login:hover{ text-decoration:underline; background: #f2f2f2; font-weight: bold;}

.area_idschbox {display: flex; height: 45px;}
.area_idschbox :after{content:''; display: block; clear: both;  }

.input_L p { position:relative; width:100%; height:70px; }
.input_L input{ box-sizing:border-box; padding:20px 0 0; width:100%; height:100%; border:0 none; color:#000; outline:none; font-size: 18px;}
.input_L label { position:absolute; left:0%; bottom:0; width:100%; height:100%; border-bottom:1px solid #000; text-align:left; pointer-events:none; }
.input_L label:after { content:""; position:absolute; left:0; bottom:-1px; width:0; height:100%; border-bottom:2px solid #f47920; transition:all .3s ease; } /* 파란색 가로줄 */
.input_L label span { position:absolute; left:0; bottom:5px; transition:all .3s ease; font-size: 16px; color:#f47920 }
.input_L input:focus + label span, 
.input_L input:valid + label span { transform:translateY(-150%); font-size:14px; color:#ccc; }  /* input에 글을 입력하고 포커스가 지나간 상태에서 제어하려면 valid 선택자를 써야한다. */
/* 포커스 될 때 label span(name)이 위로 올라감 */
.input_L input:focus + label::after,
.input_L input:valid + label::after { width:100%; transform:translateX(0); } 
/* 포커스 될 때 파란색 가로줄이 생김 */

.sir_singo_msg button {cursor:pointer;font-family:Arial,'돋움',Dotum;border:none;padding:0;background:#fff; outline:0}
.sir_singo_msg .blind_view{font-size:1.14em;font-weight:bold;color:#ff4343;margin-top:-3px;text-decoration:underline}
.singo_view { display:none; }
.atvs {    display: none;}
/*a:hover + .atvs {    display: block;}*/


.area_idschbox .join_btbox{width: 48%; position:relative; margin-right: 4%;}
.area_idschbox .sch_btbox{width: 48%; position:relative}

.socialLogin{position:relative; padding-top: 50px;}
.socialLogin:after{position: absolute; content: 'or'; background: #fff; left:46%; top:15px; padding: 0 15px; font-size: 16px; color:#ccc}
.socialLogin:before {position: absolute; content: ''; width: 100%; height: 1px; top:25px; left:0; background: #e8e8e8;}
.socialLogin li {width: 100%; margin-bottom: 10px; height: 45px; line-height: 45px; border:1px solid #dadada; position:relative;border-radius: 8px; text-align: center; }
.socialLogin li img{position:absolute; left:10px; top:5px; height: 33px;}
.socialLogin a {font-size: 15px;}


/* 마이페이지 */
.counti {font-size: 16px; margin: 10px 0; font-weight: bold; position:relative; width: 100%; text-align: right; }
.counti > span { position: absolute; left:0; top: 5px;}
.counti .hide{display:none;}
.counti > ul a{position:relative;   text-align: right; } 
.counti .menu5_su{background: #f2f2f2; display: block; width: 100%; text-align: center; padding: 10px 0; margin-top: 8px;}

.container_half .cont .detail_T_SCl{position: relative;  display: block; width: 100%; }

.container_half{position:relative; display: flex;}
.container_half .left_m{width:230px; margin-right: 30px ;}
.container_half .left_m h3 {background: #f47920; color:#fff; text-align: center; border-radius: 8px; padding: 20px 0; font-size: 20px;}
.container_half .left_m ul {border:2px solid #f47920; border-radius: 8px; margin-top: 15px; padding: 15px; box-sizing: border-box;}
.container_half .left_m ul li{ line-height: 27px; padding: 5px 0;}
.container_half .left_m ul li a{font-size: 16px; position:relative; padding-left: 15px;}
.container_half .left_m ul li a:after{position:absolute;content: ''; width: 4px; height: 4px; background: #8a8a8a; top:8px; left:3px; color:#000}
.container_half .left_m ul li a:hover{color:#f47920; text-decoration: underline;}
.container_half .left_m ul li a.select{color:#f47920; text-decoration: underline;}
.container_half .left_m ul li a.select:after, .container_half .left_m ul li a:hover:after{background: #f47920;}

.container_half .cont {width: 1140px;}
.container_half .cont  .my_box{border: 1px solid #ececec;webkit-box-shadow: 2px 0px 8px 0 rgba(0,0,0,0.12);
    box-shadow: 2px 0px 8px 0 rgba(0,0,0,0.12);     border-radius: 15px; padding: 50px 45px; display: flex;}
	.cont .my_box .myinfo {width: 38%; position:relative; overflow: hidden; margin-top: 15px;}
	.cont .my_box .myinfo > p {width: 110px; height: 110px; background: #f2f2f2; border-radius: 50%; float:left; text-align: center; line-height: 110px; position:relative }
	.cont .my_box .myinfo > p:after{position:absolute; content: '\e9f5'; font-size: 60px; font-family: 'xeicon'; left:25%; color: #b8b8b8;}
	.cont .my_box .myinfo > dl {float:left}
	.cont .my_box .myinfo dl {margin-left: 15px; margin-top: 25px;}
	.cont .my_box .myinfo dl > dt {font-size: 25px; margin-bottom: 15px;}
	.cont .my_box .myinfo dl > dd > i {font-size: 23px; vertical-align: bottom;}
	.cont .my_box .myinfo dl > dd > a{color:#000; font-size: 16px;}
	.cont .my_box .mylist {width: 62%; position:relative; overflow: hidden;}
	.cont .my_box .mylist > dl{width:50%; float: left; margin-bottom: 15px; font-size: 15px;}
	.cont .my_box .mylist > dl:nth-child(5), .cont  .my_box .mylist > dl:nth-child(6){margin-bottom:0}
	.cont .my_box .mylist > dl > dt{float: left; border:1px solid #cecece; border-radius: 30px; padding: 8px 0px; text-align: center; margin-right: 15px; width: 160px; font-size: 16px; }
	.cont .my_box .mylist > dl > dd {float: left; padding: 8px 15px; }
	.cont .my_box .mylist > dl > dd > a{color:#f47920; text-decoration: underline; font-weight: bold; font-size: 17px; }



	.cont .detail_L_head {border-top:1px solid #000; border-bottom: 1px solid #ebebeb; padding: 10px 0;  color:#f47920; overflow: hidden; position: relative;}
    .cont .detail_L_head li {display:inline-block; text-align: center; font-size: 15px; font-weight: 600; float: left; ;}
	.cont .detail_L_head li:nth-child(1) {width: auto;}   .cont .detail_L_head li:nth-child(2) {width:auto%}  
    .cont .detail_L_head li:nth-child(3), .cont .detail_L_head li:nth-child(4), .cont .detail_L_head li:nth-child(5), .cont .detail_L_head li:nth-child(6){width:auto; float: left;}
	.cont .detail_List .list_infobox > dl {text-align: left;}

	.cont .detail_List button i {font-size: 22px;}

	.cont .detail_List .dropbtn:after {right:25%}
   
	.col-1 {width:5% !important}  .col-2 {width:10% !important} .col-2_2 {width:15% !important}  .col-3 {width:30% !important} .col-4 {width:35% !important}
	.col-1, .col-2, .col-3, .col-4 {text-align: center; float: left;}

	.soundopti {margin-top: 25px;}
	.soundopti button i:hover {color:#f47920}

	/* 마이페이지 모바일 음원스크롤 */
	.detail_T_SCl .list_inner{ min-width: 960px;}
	
	/* 마이페이지 다운로드음원 키워드추가 */
	.cont .key_add{display: block; background: #f2f2f2; margin-top: -10px; box-sizing: border-box; padding: 10px; margin-top: 10px;}
	.cont .key_add > dl > dt{width: 10%; float: left; text-align: center; font-weight: bold; padding-top: 8px;}
    /* 등록한별점 */
	.cont .key_add > dl.scope > dt {padding-top: 0;}  .cont .key_add > dl.scope > dd {font-size: 16px;}

/* 관리자로그인 */
#wrap-admin	{background: #f3f3f3; width: 100%; height: 100vh; padding-top: 200px; background: linear-gradient( to bottom, #f3f3f3, #eef7fb );}
.admin_loginBox{box-sizing: border-box;    height: auto;    width: 550px;    text-align: center;
    margin: 0 auto;    border: 1px solid #dadada;    border-radius:30px;	height: 450px;    padding: 50px 40px; background: #fff;  
	  box-shadow: 5px 5px 5px rgb(0 0 0 / 5%); }

.admin_loginBox h3{font-size: 28px; margin: 30px 0; font-weight: bold;}
.admin_loginBox  .input_admin{margin-top: 20px;}
.admin_loginBox  .input_admin li input{    background: #f2f2f2; border: 1px solid #ccc; width: 100%; height: 40px; font-size:16px;}
.admin_loginBox  .input_admin li {margin-bottom: 10px;}
.admin-btn {margin-top: 15px;}
.admin-btn .bnt_aminlogin {background: #3d4043; color:#fff; width: 100%; line-height: 45px; font-size: 17px;}
.admin_loginBox  p.admin-c {margin-top:25px; text-align: left;}
.admin_loginBox  p.admin-c > a{color:#006eb3; font-weight: bold; text-decoration: underline; font-size: 16px; border:1px solid #ccc; padding: 5px 25px;}

select, input{max-width: 100% !important;}

#ui-datepicker-div {z-index: 99999 !important;}
@media all and (max-width:1200px)
{
.auth_wrap { margin:40px 8px;}	

.area_info .txt span.txt_info { width:auto;}

.area_info .box_join{ width:45%;}
.area_info .box_id_sch { width:53%;}
.area_info .box_join {margin-right:10px}

.container_half .left_m {display: none;}
.container_half .cont {width:100%;}

.login-pwArea .login {width:50%; margin: 0 3%;}

}


@media all and (max-width:1000px)
{
.signUp_detail ul li { font-size:16px; word-break: keep-all;}

.txt_Box { font-size:16px;}

.board-T td span { display:inline-block; width:100%; margin-left:0;}


table .tbl_bt  {display: inline-block;background: #454d68;border:1px solid #454d68;min-width:90px;text-align: center;vertical-align: middle;line-height: 30px;height: 30px;color: #fff;padding:0 8px;margin-top: -4px; border-radius:4px;}

.txt_Box2{ background:none}

.ident{ width:60%;}

.container_half .cont .my_box {padding:50px 20px; display: block;}
.cont .my_box .myinfo {width:100%; text-align: center; margin-bottom: 20px; margin-top: 0;}
.cont .my_box .mylist {width: 100%;}

.detail_T_SCl .detail_L_head > ul {display: block;}

.login-pwArea {display: block;}
.login-pwArea .login {width:100%; margin: 0 0; margin-bottom: 5%;}

.auth_wrap ul li {font-size:22px}


header .util_top > ul > li{padding: 3px;}
.path .pathDiv02 ul i{margin: 0;}


	


}




@media all and (max-width:800px)
{
	
	#wrap{ min-width:320px;}
	.signUp_detail ul li { padding-top:15px;}
	.signUp_detail ul li > span { background:none; padding:0; color:#000;display:block; width:100%;}
	.signUp_detail ul li.select > span { background:none; color:#015cb8; display:block; width:100%;}
	.signUp_detail ul li.select:before { bottom:-32px;}	
	.auth_wrap ul li { width:100%; height: 100px; line-height: 100px; margin-top: -1px; }
	.auth_wrap ul li span {margin-top:13px}
	.auth_wrap ul li a {line-height: 100px;}
	
	
	.tbl_phone_td .form-control { width:24% !important; display: inline-block;}
	.x1{width:40% !important;   margin-bottom:5px;} 
	.x3{width:20% !important;   margin-bottom:5px;}
	
	.ident{ width:90%; padding:35px 15px}
	
		.boardTypeb th, td{ font-size:13px; }
		.boardTypeb thead th + th + th + th{display:none;}
		.boardTypeb tr td + td +td+td   {display:none;}
		.boardTypeb thead th + th + th, .boardTypeb tr td + td +td { border-right:0}

		.login {width:100%}
		
		.popup .pop_tit{font-size: 16px; padding: 8px 12px;}
		.popup .pop_tit .popup_close{right: 12px; width: 20px; height: 20px;}
	
}

@media all and (max-width:640px)
{   
.signUp_detail ul li { font-size:12px; letter-spacing: -0.56px;}
.use_1 .big_subject { font-size:18px;}
.auth_wrap ul li { width:100%; } 


.txt_Box { padding:15px 15px; margin:0 8px;}

.area_info .txt span.txt_info {width:100%;}
.searchbox_A .Keyword { height:33px; }

.login {padding: 50px 20px;}
.area_idschbox{display: block; height: auto;}
.area_idschbox .join_btbox {width:100%; margin-right: 0; margin-bottom: 8px;}
.area_idschbox .sch_btbox{width:100%}


}


@media all and (max-width:460px)
{  
	.signUp_detail ul li.select:before { background:none}	
	

	
	.container_half .cont .my_box {padding: 20px ;}
	.cont .my_box .mylist > dl > dt {width:90%; }
	.cont .my_box .mylist > dl > dd {width:90%; text-align: center;  margin-top: 0px;}
	.cont .my_box .myinfo > p {display: none;}
	.cont .my_box .myinfo {text-align: left;}
}