:root {
	--max_width: 1280px;
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body,div,ul,li,a,p,select,option{ margin:0; padding:0; list-style:none; text-decoration:none; font-size:16px; font-family:"Noto Sans KR", sans-serif;}
body {background:#f0f0f0;}

/* Popup */
.background_popup_modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:999;}
.loading_popup_modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.menu_popup_modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.menu_popup_modal > ul {margin:auto; text-align:center;}
.menu_popup_modal > ul > li {margin-top:20px;}
.menu_popup_modal > ul > li:first-child {margin-top:0;}
.menu_popup_modal > ul > li a {display:block; font-size:30px; font-weight:bold; color: #555;}
.popup_modal .modal_close_button {display:none; position:absolute; top:25px; right:25px;}

/* jQuery UI */
/* selectmenu */
#group .phone_code .ui-selectmenu-button.ui-button {padding-top:18px; padding-bottom:18px; width:110px !important; border-radius:0px !important;}
#group .phone_code .ui-selectmenu-button.ui-button .ui-selectmenu-text {position:relative;}
#group .phone_code .ui-selectmenu-button.ui-button .ui-selectmenu-icon.ui-icon {position:relative; top:2px;}
/* autocomplete */
.ui-widget.ui-autocomplete {padding:5px 0;}
.ui-widget.ui-autocomplete.ui-menu .ui-menu-item {padding:5px 10px;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {border: 1px solid #4a65f6 !important; background: #4a65f6 !important;}
/* dialog */
.ui-widget-overlay {opacity:1 !important; background-color:rgba(0,0,0,0.7) !important; z-index:1000 !important;}
.ui-dialog .ui-dialog-content {padding-top:1em !important;}
.ui-dialog .ui-dialog-buttonpane {padding-right:.3em !important; padding-left:.3em !important;}
.ui-dialog .ui-dialog-buttonpane button {padding-top:.5em; line-height:1.7em !important;}
.ui-dialog .ui-dialog-buttonpane button:last-child {margin-right:0 !important;}
/* 이용가능한 브라우저 베너 */
.notice_banner{display: none; width: 830px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); border: 5px solid #fff; background-color: #fff; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.notice_banner .banner_bg{background: #f0f0f0;}
.notice_banner .banner_bg .banner_brower {padding: 40px 10px 10px 10px;}
.notice_banner .banner_bg .banner_brower ul{margin-bottom: 10px;}
.notice_banner .banner_bg .banner_brower .possible ul .img{width: 40px;}
.notice_banner .banner_bg .banner_brower .possible ul span{display: block; margin-top: 4px;}
.notice_banner .banner_bg .banner_brower .possible{background-color: #ffffff; border-radius: 10px;}
.notice_banner .banner_bg .banner_brower .possible ul {display: block; overflow: hidden;}
.notice_banner .banner_bg .banner_brower .possible ul div{display: table-caption; font-size: 13px;}
.notice_banner .banner_bg .banner_brower .possible ul .top_line{margin-top: 5px;}
.notice_banner .banner_bg .banner_brower .possible ul li{float: left; margin-right: 20px; padding: 5px; height: 66px;}
.notice_banner .banner_bg .banner_brower .possible ul li:first-child{display: table; border-radius: 10px 0 0 10px; width: 100px;}
.notice_banner .banner_bg .banner_brower .possible .green{background-color: #4A65F6; color: #ffffff;}
.notice_banner .banner_bg .banner_brower .possible .green span:first-child{display: table-cell; vertical-align: middle;}
.notice_banner .banner_bg .banner_brower .possible .green span:nth-child(2){display: none;}

.notice_banner .banner_bg .banner_brower .impossible{background-color: #e2e2e2; border-radius: 10px;}
.notice_banner .banner_bg .banner_brower .impossible ul {display: block; overflow: hidden;}
.notice_banner .banner_bg .banner_brower .impossible ul .img{width: 40px;}
.notice_banner .banner_bg .banner_brower .impossible ul span{display: block; margin-top: 4px;}
.notice_banner .banner_bg .banner_brower .impossible ul div{font-size: 13px;}
.notice_banner .banner_bg .banner_brower .impossible ul .top_line{margin-top: 5px;}
.notice_banner .banner_bg .banner_brower .impossible ul li{float: left; margin-right: 20px; padding: 5px; height: 66px;}
.notice_banner .banner_bg .banner_brower .impossible ul li:first-child{display: table; border-radius: 10px 0 0 10px; width: 100px;}
.notice_banner .banner_bg .banner_brower .impossible ul li:nth-child(2){}
.notice_banner .banner_bg .banner_brower .impossible .gray{background-color: #000000; color: #ffffff;}
.notice_banner .banner_bg .banner_brower .impossible .gray span:first-child{display: table-cell; vertical-align: middle;}
.notice_banner .banner_bg .banner_brower .impossible .gray span:nth-child(2){display: none;}

.notice_banner .banner_bg .banner_text{background-color: #ffffff; text-align: left; padding: 10px;}
.notice_banner .banner_bg .banner_text ul li{margin-top:6px; color: #000000;}

.notice_banner .banner_exit{position: absolute; display: block; width: 37%; right: 0; line-height: 35px; background-color: #ffffff; text-align: right;}
.notice_banner .banner_exit input#one_day{float: left; top:6px; cursor: pointer;}
.notice_banner .banner_exit a#pop-close-btn{color: #555; float: left;}
.notice_banner .banner_exit a#pop-close-btn:link{color: #555;}
.notice_banner .banner_exit_btn{position: absolute; right: 0; top: 0; padding: 10px; height: 24px; width: 24px; z-index: 1000;}
.notice_banner .banner_exit_btn img{width: 24px; height: 24px; cursor: pointer;}
/*pc_menu*/
#group_menu{width:100%; position:fixed; top:0; z-index:998; padding:0 10px; box-sizing:border-box; background:#f0f0f0;}
#group_menu .menu_box{width:100%; max-width:var(--max_width); height:80px; margin:0 auto; position:relative;}

#group_menu .menu_lang{width:160px; height:32px; line-height:32px; float:left; margin:24px 0 0 4px; border-radius:20px; background-color:#000;}
#group_menu .menu_lang > a {position: relative; display:block; padding:0 20px 0 30px; text-align:left; color:#fff; box-sizing:border-box;}
#group_menu .menu_lang ul {display: none; width: 85%; margin: 0 auto; background: #ffffff; border-radius: 0 0 15px 15px; padding-top: 7px; padding-bottom: 7px;  box-shadow:0 0 15px 1px rgba(0,0,0,0.2);}
#group_menu .menu_lang ul a{display: block; padding: 0 15px 0 20px; color: #555;}
#group_menu .menu_lang a i {position:absolute; top:10px; right: 20px;}

#group_menu .menu_logo{width:150px; height:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -60%);}
#group_menu .menu_logo a{display:block; outline: none;}
#group_menu .menu_logo image{width:100%;}

#group_menu .menu_info{float:right;}
#group_menu .menu_info .menu_info_pc{margin:24px 0 0;}
#group_menu .menu_info .menu_info_pc li{float:left; border-radius:20px; padding:0 20px; height:32px;}
#group_menu .menu_info .menu_info_pc li:nth-child(2){background-color:#4a65f6;}
#group_menu .menu_info .menu_info_pc li:nth-child(3){background-color:#5d5d5d;}
#group_menu .menu_info .menu_info_pc li:nth-child(2):hover{background-color:#694eec; cursor:pointer;}
#group_menu .menu_info .menu_info_pc a{line-height:32px; display:block; outline: none; font-size:15px; color: #555;}
#group_menu .menu_info .menu_info_pc li:nth-child(1) a:hover{text-decoration:underline;}
#group_menu .menu_info .menu_info_pc li:nth-child(2) a{color:#fff;}
#group_menu .menu_info .menu_info_pc li:nth-child(3) a{color:#fff;}
/* YBM b2b 한국산업인력공단 */
#group_menu .menu_info .menu_info_pc li.purple{background-color:#4a65f6; cursor:pointer;}
#group_menu .menu_info .menu_info_pc li.purple a{color: #ffffff;}
#group_menu .menu_info .menu_info_pc li.purple:hover{background-color:#694eec;}
/*login-logout*/
#group_menu .menu_info ul,
#group_menu .menu_info_sp{display:none;}
#group_menu .menu_info ul.on{display:block;}

/*mobile_menu*/
#group_menu .menu_lang_sp {display:none;}

/*pc_index*/
#group{width:100%; height:100%;}
#group.login {display:flex; flex-flow:column; justify-content:center; align-items:center;}
#group .box{margin:auto; text-align:center;}
#group .box.select_box{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; padding:100px 0px 160px; max-width:var(--max_width); min-height:calc(100% - 260px);}
#group .box.m_box {display:flex; flex-flow:column; justify-content:center; position:fixed; bottom:0px; left:0px; padding:10px 0px; width:100%; background-color:#f0f0f0;}

#group .info_content {display:flex; flex-flow:column; margin:0px auto; max-width:var(--max_width); text-align:left;}
#group .info_content .info_title1 > li,
#group .info_content .info_title2 > li,
#group .info_content .info_title2 > li > a {font-size:13px; color:#777; letter-spacing:0.05em;}
#group .info_content .info_title1 {display:flex; flex-flow:column;}
#group .info_content .info_title2 {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin-top:6px;}
#group .info_content .info_title1 > li {margin-top:2px;}
#group .info_content .info_title1 > li:first-child {font-size:14px; font-weight:bold; color:#000;}
#group .info_content .lt_msg_see_details {cursor:pointer; color:#e1416e !important;}
#group .info_content .lt_msg_go_lms {color:#4a65f6 !important;}

#group .sub_box{width:100%; min-width:var(--max_width); margin:152px auto 0; overflow:hidden;}

#group .box0{width:300px; height:300px; text-align:center; margin:10px; border-radius:25px; background-color:#fff; box-sizing:border-box; box-shadow:0 0 30px 2px rgba(0,0,0,0.2); display:inline-block; font-size:0;}
#group .box0:hover{cursor:pointer;}
#group .box0 a{width:100%; height:100%; display:table; overflow:hidden;}
#group .box0.none{display: none;}
#group .box0 a > ul {display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%;}
#group .box0 li{width: 100%; letter-spacing:-0.5px; color:#414b64;}
#group .box0 li:nth-child(1){font-size:28px; font-weight:bold; line-height:1.3;}
#group .box0 li:nth-child(1) span{display: block; margin-bottom: 15px; font-size: 28px;}
#group .box0 li div.section {margin-bottom: 5px; font-size: 15px; color:#999;}
#group .box0 li div.version {margin-bottom: 15px; font-size: 17px;}

#group .box0 .bnt_r{font-size:16px; color:#fff; display:table; margin:0 auto; border-radius:28px; position:relative; padding:0px 22px 0px 40px; height:42px;}
#group .box0 .bnt_r b{display:table-cell; vertical-align:middle; padding-left:10px;}

#group .box .ico_0{width:36px; height:36px; border:1px solid #fff; border-radius:20px; position:absolute; top:2px; left:2px;}
#group .box .ico_0 span{width:18px; height:16px; background-size:cover; display:inline-block; margin:9px 10px;}
#group .box .ico_1{background-image:url("../image/archive.svg");}
#group .box .ico_2{background-image:url("../image/pencil.svg");}


#group .box .box0:nth-of-type(1) .bnt_c1{background-image: linear-gradient(to right, #e1b496, #f764ab);}
#group .box .box0:nth-of-type(1) .main_lang{background-image: linear-gradient(to right, #e1b496, #f764ab);}
#group .box .box0:nth-of-type(2) .bnt_c1{background-image: linear-gradient(to right, #69a3ed, #5cc4b9);}
#group .box .box0:nth-of-type(2) .main_lang{background-image: linear-gradient(to right, #69a3ed, #5cc4b9);}
#group .box .box0:nth-of-type(3) .bnt_c1{background-image: linear-gradient(to right, #5cd3bc, #aad69c);}
#group .box .box0:nth-of-type(3) .main_lang{background-image: linear-gradient(to right, #5cd3bc, #aad69c);}
#group .box .box0:nth-of-type(4) .bnt_c1{background-image: linear-gradient(to right, #2699c5, #8057d2);}
#group .box .box0:nth-of-type(4) .main_lang{background-image: linear-gradient(to right, #2699c5, #8057d2);}
#group .box .box0:nth-of-type(5) .bnt_c1{background-image: linear-gradient(to right, #fdbc58, #fb644f);}
#group .box .box0:nth-of-type(5) .main_lang{background-image: linear-gradient(to right, #fdbc58, #fb644f);}
#group .box .box0:nth-of-type(6) .bnt_c1{background-image: linear-gradient(to right, #c242a8, #f54f67);}
#group .box .box0:nth-of-type(6) .main_lang{background-image: linear-gradient(to right, #c242a8, #f54f67);}
#group .box .box0:nth-of-type(7) .bnt_c1{background-image: linear-gradient(to right, #e1b496, #f764ab);}
#group .box .box0:nth-of-type(7) .main_lang{background-image: linear-gradient(to right, #e1b496, #f764ab);}
#group .box .box0:nth-of-type(8) .bnt_c1{background-image: linear-gradient(to right, #69a3ed, #5cc4b9);}
#group .box .box0:nth-of-type(8) .main_lang{background-image: linear-gradient(to right, #69a3ed, #5cc4b9);}

/*pc_login*/
#group .box .box3-1{text-align:center; margin-bottom:10px;}
#group .box .box3-2{width:374px; height:136px; margin:0 auto;}
#group .box .box3-2 li,
#group .box .box3-2 input{width:374px; height:56px; margin-bottom:10px; box-sizing:border-box;}
#group .box .box3-2 input{border:1px solid #ccc; padding-left:20px; font-size:16px; box-sizing:border-box;}
#group .box .box3-3{width:374px; height:56px; background-color:#4a65f6; color:#fff; text-align:center; line-height:56px; display:block; margin:0 auto; font-size:18px;}
#group .box .box3-3:hover{background-color:#694eec; cursor:pointer;}
#group .box .box3-4{margin:16px auto; display:table;}
#group .box .box3-4 li{float:left; display:block;}
/* #group .box .box3-4 li:first-child{border-right:2px solid #aaa;} */
#group .box .box3-4 li a{display:block; padding:0 20px; line-height:16px; color: #555;}
#group .box .box3-4 li a:hover{text-decoration:underline;}

/*pc_join*/
#group .box .box4{height:264px;}
#group .box .box4-1 .country_phone{display: block; width:374px; height:56px; overflow: hidden;}
#group .box .box4-1 .country_phone select{width:110px; height:56px; border:1px solid #ccc; padding-left:6px;}
#group .box .box4-1 .country_phone .phone_code{float: left;}
#group .box .box4-1 .country_phone .phone_number{float: right;}
#group .box .box4-1 input{width:220px;}

/*mypage*/
#group_mypage{width:100%; max-width:var(--max_width); padding-top:80px; margin:0 auto 30px; box-sizing:border-box;}

#group_mypage .box .box5-1{margin-bottom:20px; width:100%; text-align:center; background-color:#f0f0f0;}
#group_mypage .box .box5-1 > img {max-width:var(--max_width); width:100%;}
#group_mypage .box .box_list{display:block; position:relative; width:100%; height:80px; background:#fff; margin-top:5px; overflow:hidden;}
#group_mypage .box .box_list:first-child {margin-top:0;}
#group_mypage .box .box_list.no_contents {text-align: center; line-height: 80px;}
#group_mypage .box .box_list ul{height:80px; text-align:center;}
#group_mypage .box .box_list li{height:80px;}
#group_mypage .box .box5-4 {margin-bottom:10px; overflow:hidden;}
#group_mypage .box .box5-4 .box5-4-title {float:left; font-size:21px; font-weight:bold;}
#group_mypage .box .box5-4 .box5-4-count {position:relative; float:right; top:8px; font-size: 14px;}
#group_mypage .box .box5-4 .box5-4-count > strong {font-weight:bold; color:#ff613c;}

/*1*/
#group_mypage .box .box_list_color{position:absolute; top:0; left:0; width:6px; height:80px;}
#group_mypage .box .box_list_color ul span{display: inline-block; width: 6px; height: 80px;}
#group_mypage .box .box_list_color ul span.class_color.cc_ea{background-color:#008ac4;}
#group_mypage .box .box_list_color ul span.class_color.cc_ek{background-color:#00c4b5;}
#group_mypage .box .box_list_color ul span.class_color.cc_j{background-color:#ffc000;}
#group_mypage .box .box_list_color ul span.class_color.cc_c{background-color:#ff613c;}
#group_mypage .box .box_list_info span.class_color{width:6px; height:80px; float:left;}

/*2*/
#group_mypage .box .box_list_info{float:left; width:20%; height: 80px; vertical-align: top;}
#group_mypage .box .box_list_info > ul{width:100%;}
#group_mypage .box .box_list_info li{width:45%; display:inline-table;}
#group_mypage .box .box_list_info li span{line-height:1.3; display:table-cell; vertical-align:middle;}

/*3*/
#group_mypage .box .box_list .box_list_score{float:left; display:table; width:80%; height: 80px; text-align:left; vertical-align: top; }
#group_mypage .box .box_list .box_list_score .box_list_score2{width: 85%; height:100%; min-height:40px;display:table-cell; vertical-align:middle; float:none; }
#group_mypage .box .box_list .box_list_score .box_list_score2 li{height:auto; text-align:left; line-height:1.5;}
#group_mypage .box .box_list_score .end_date{font-size: 14px;}
#group_mypage .box .box_list_score .end_date_value{font-size:14px; color:#000; font-weight:300; letter-spacing:1px;}
#group_mypage .box .box_list_score .active_time{font-size: 14px;}
#group_mypage .box .box_list_score .active_time_value{font-size:14px; color:#000; font-weight:500; letter-spacing:1px; text-decoration: underline;}

/*4*/
#group_mypage .box_list_bnt{display:inline-block; width:100%; border-left:1px solid #eee; box-sizing:border-box; overflow:hidden;}
#group_mypage .box_list_bnt .end,
#group_mypage .box_list_bnt .ing{width:100%; display:table;}
#group_mypage .box_list_bnt .end a{color:#4a65f6;}
#group_mypage .box_list_bnt .ing a{color:#e1416e;}

#group_mypage .box_list_bnt a{display:table-cell; vertical-align:middle;}
#group_mypage .box_list_bnt a:hover{text-decoration:underline; cursor:pointer;}
#group_mypage .box_list_bnt .end a:hover{background-color:#f4f5ff;}
#group_mypage .box_list_bnt .ing a:hover{background-color:#fcf3f5;}
#group_mypage .box .box_list .box_list_bnt .off{display:none;}
/*more*/
#group_mypage .box .box5-3 {display:none; margin-top:10px;}
#group_mypage .box .box5-3 > a {display:block; background-color:#4a65f6; color:#fff; text-align:center; font-weight:bold; padding:13px 0;}
#group_mypage .box .box5-3 > a:hover {background-color:#694eec; text-decoration:underline; cursor:pointer; }


#group .floating_banner{display: none; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); height: 495px; border: 8px solid #fff; background-color: #fff; overflow: hidden; position: fixed; top: 20%; right: 6%; z-index: 999;}
#group .floating_banner .banner_img{position: relative;}
#group .floating_banner .banner_img img{width: 360px; height: 468px;}
#group .floating_banner .banner_exit{position: absolute; display: block; width: 35%; right: 0; line-height: 35px; background-color: #ffffff; text-align: right;}
#group .floating_banner .banner_exit input#one_day{position: relative; float: left; top:9px; margin-right: 7px; cursor: pointer;}
#group .floating_banner .banner_exit a#pop-close-btn{color: #555; float: left; font-size: 12px !important;}
#group .floating_banner .banner_exit a#pop-close-btn:link{color: #555;}
#group .floating_banner .banner_exit_btn{position: absolute; right: 0; top: 0; padding: 10px; height: 24px; width: 24px; z-index: 1000;}
#group .floating_banner .banner_exit_btn img{width: 24px; height: 24px; cursor: pointer;}



/*----- mypage_sp -----*/
@media all and (max-width:1620px) {
}
@media all and (max-width:1400px) {
}
@media all and (max-width:1080px) {
}
@media all and (max-width:1280px) {
	/* mypage */
	/*1*/
	#group_mypage {width: calc(100% - 30px);}
	#group_mypage .box .box_list_info{width:calc(18% - 6px); display:inline-block;}
	#group_mypage .box .box_list_info > ul{vertical-align:middle; height:auto;}
	#group_mypage .box .box_list_info ul li{margin-top: 10px;}
	#group_mypage .box .box_list_info li{width:95%; height:auto;}
	#group_mypage .box .box_list_info li:first-child{width:100%;}
	#group_mypage .box .box_list_info li span{line-height:1.3; display:inline-block; vertical-align:middle; letter-spacing:-0.5px;}
	/*2*/
	#group_mypage .box .box_list .box_list_score{width:80%; padding-left:1%;}
}

@media all and (max-width:850px) {
	.background_popup_modal {background-color:rgba(255,255,255,0.9);}
	/* testselect */
	#group .box.select_box {padding-top:60px; padding-bottom:190px; min-height:calc(100% - 250px);}
	#group .info_content {padding-left:20px; padding-right:20px;}
	#group .info_content.ja .info_title1,
	#group .info_content.ja .info_title2,
	#group .info_content.ja .info_title1 > li,
	#group .info_content.ja .info_title2 > li,
	#group .info_content.ja .info_title2 > li > a {font-size: 12px;}
	#group .info_content.ja .info_title1 > li {margin-top: 0px;}
	#group .info_content.ja .info_title2 {margin-top: 0px;}
	#group .box0{width:calc(100% - 20px); height:250px; border:1px solid #e0e0e0; box-shadow:none;}
	/*sp_menu*/
	#group_menu{height:60px;}
	#group_menu .menu_box{height:60px;}
	#group_menu .menu_lang{display:none;}

	#group_menu .menu_logo{width:120px; height:24px; top:18px; left:12px; transform:none;}

	#group_menu .menu_info,
	#group_menu .menu_info ul.on{display:none;}

	#group_menu .sp_drop{display:inline; float:right; position:relative;}
	#group_menu .sp_drop .sp_drop1{width:26px; height:26px; float:right; padding:17px 13px; cursor: pointer;}
	#group_menu .sp_drop .sp_drop1 img{width:26px; height:26px;}
	#group_menu .sp_drop .sp_drop2{width:150px; height:auto; background:#fff; box-shadow:0px 1px 4px rgba(0,0,0,0.3); position:absolute; z-index:9999; top:52px; right:0;}
	#group_menu .sp_drop .sp_drop2 li{width:120px; height:60px; margin:0 15px; border-bottom:1px solid #eee;}
	#group_menu .sp_drop .sp_drop2 li:last-child{border:0;}
	#group_menu .sp_drop .sp_drop2 li a{display:inline-block; width:100%; line-height:60px; text-align:center;}
	#group_menu .sp_drop .sp_drop2{visibility:hidden;}

	/*mobile - mypage*/
	#group_mypage{padding-top:60px;}
	#group_mypage div,
	#group_mypage ul,
	#group_mypage li,
	#group_mypage a{font-size:15px;}
	#group_mypage .box5{width: 100%!important;}
	/*1*/
	/*2*/
	#group_mypage .box .box_list_info{width:calc(18% - 6px); display:inline-table;}
	#group_mypage .box .box_list_info > ul{display:inline-block; vertical-align:middle; height:auto;}
	#group_mypage .box .box_list_info li{width:95%; height:auto; float:none;}
	#group_mypage .box .box_list_info li:first-child{width:100%;}
	#group_mypage .box .box_list_info li span{line-height:1.3; display:inline-block; vertical-align:middle;}
	/*3*/
	#group_mypage .box .box_list .box_list_score{letter-spacing:-0.5px;}
	#group_mypage .box .box_list_score .date{font-size:12px; letter-spacing:0.5px;}

	#group .box {width: 80%; margin: auto !important;}
	#group .box .box3-2{width: 90%;}
	#group .box .box3-2 li,
	#group .box .box3-2 input{width: 100%; height: 45px;}
	#group .box .box3-2{height: auto; margin-bottom: 20px; margin-top: 20px;}
	#group .box .box3-3{width: 90%;}
	#group .box .box4{height:auto; margin-bottom: 10px; margin-top: 20px;}
	#group .box .box4-1 {height:auto !important;}
	#group .box .box4-1 .country_phone {width: 100%; height:auto;}
	#group .box .box4-1 .country_phone .phone_code {display:block; float:none; width: 100%}
	#group .box .box4-1 .country_phone .phone_number{display:block; float:none; margin-top:3px; width: 100%;}
	#group .phone_code .ui-selectmenu-button.ui-button {width:100% !important; box-sizing:border-box !important;}

	/* 이용가능한 브라우저 베너 모바일*/
	.notice_banner{width:calc(100% - 20px); height:100%; overflow-y: scroll;}
	.notice_banner .banner_bg .banner_brower .possible ul li{display: inline-block; float: none; margin-left: 10px; margin-right: 0px; padding: 5px 0 5px 0; height: auto;}
	.notice_banner .banner_bg .banner_brower .possible ul li:first-child{padding-left: 15px; width: 100%; box-sizing: border-box; border-radius: 10px;}
	.notice_banner .banner_bg .banner_brower .possible ul li:nth-child(2){display: none; width: 100%;}
	.notice_banner .banner_bg .banner_brower .possible .green {margin-left: 0px;}
	.notice_banner .banner_bg .banner_brower .possible .green span:first-child{display: block;}
	.notice_banner .banner_bg .banner_brower .possible .green span:nth-child(2){display: block;}

	.notice_banner .banner_bg .banner_brower .impossible ul li{display: inline-block; float: none; margin-left: 10px; margin-right: 0px; padding: 5px 0 5px 0; height: auto;}
	.notice_banner .banner_bg .banner_brower .impossible ul li:first-child{padding-left: 15px; width: 100%; box-sizing: border-box; border-radius: 10px;}
	.notice_banner .banner_bg .banner_brower .impossible ul li:nth-child(2){display: none; width: 100%;}
	.notice_banner .banner_bg .banner_brower .impossible .gray {margin-left: 0px;}
	.notice_banner .banner_bg .banner_brower .impossible .gray span:first-child{display: block;}
	.notice_banner .banner_bg .banner_brower .impossible .gray span:nth-child(2){display: block;}
}

@media all and (max-width:660px) {
	#group_mypage .box .box_list{min-height: 100px; height: auto; position:relative;}
	#group_mypage .box .box_list.no_contents {line-height: 60px; min-height: 60px;}
	#group_mypage .box .box_list_info span.class_color{height: 100px;}
	#group_mypage .box .box_list ul{height:auto; padding:0;}
	#group_mypage .box .box_list li{height:auto;}
	/*2*/
	#group_mypage .box .box_list_color ul span{min-height: 150px; height: auto;}
	#group_mypage .box .box_list .box_list_info{width:calc(100% - 30px); height:14px; margin:12px 15px 14px; display:block; line-height:1; font-weight:bold;}
	#group_mypage .box .box_list .box_list_info > ul{display:table-cell; vertical-align:middle; height:auto; float:none; width:100%; display:inline;}
	#group_mypage .box .box_list .box_list_info li{width:100%; height:auto; float:none;display:inline;}
	#group_mypage .box .box_list .box_list_info li:first-child{width:100%; padding-right:8px;}
	#group_mypage .box .box_list .box_list_info li span{line-height:1.3; display:table-cell; vertical-align:middle; display:inline;}
	/*3*/
	#group_mypage .box .box_list .box_list_score{width:calc(100% - 30px); height:auto; display:block; padding-left:0; margin-left: 15px;}
	/*4*/
	/* .box .box_list .box_list_bnt{width:100px; height:30px; border:0; position:absolute; bottom:0; right:0;} */
	#group_mypage .box .box_list .box_list_bnt{display: block; width:100%; height:auto; border: 0;}
	#group_mypage .box .box_list .box_list_bnt li{height:30px;}
	#group_mypage .box .box_list .box_list_bnt a:hover{background-color:#fff;}
	#group_mypage .box .box_list .box_list_bnt .end,
	#group_mypage .box_list_bnt .ing{width:100%; height: 30px; display:block; text-align: right; margin-right: 15px;}
	#group_mypage .box .box_list .box_list_bnt a{display:inline-block; line-height:24px;}
	#group_mypage .box .box_list .box_list_bnt .off{display:none;}

	#group .box .box0 .main_lang {margin-bottom: 0px;}

}

@media all and (max-width:414px) {
	#group .box.select_box{margin: auto;}

	/* 마이페이지 */
	#group_mypage .box_list .box_list_score ul li span.score{font-size: 13px;}
	#group_mypage .box .box_list_score .end_date{font-size: 12px;}
	#group_mypage .box .box_list_score .end_date_value{font-size: 12px;}
	#group_mypage .box .box_list_score .active_time{font-size: 12px;}
	#group_mypage .box .box_list_score .active_time_value{font-size: 12px;}
	#group_mypage .box_list_bnt{border: none;}
}
@media all and (max-width:340px) {
	#group .box .box3-2 input{font-size: 13px;}
	#group_menu .sp_drop .sp_drop2{width: 100px;}
	#group_menu .sp_drop .sp_drop2 li{width: 100px; margin: 0; height: 50px;}
	#group_menu .sp_drop .sp_drop2 li a{line-height: 50px; font-size: 13px;}
}