@charset "UTF-8";

@media screen and (max-width:1400px){
	.detail_img_slider .slide_box {margin:0 15px}
	.detail_img_slider .ctrl .arrow {width:54px;height:54px}
	.detail_img_slider .ctrl .arrow.prev {left:-20px}
	.detail_img_slider .ctrl .arrow.next {right:-20px}
	.detail_img_slider .ctrl .arrow .icon {font-size:25px}
	
	.flex_grid {column-gap:55px}
	.flex_grid .photo_upload {padding:60px}
	.flex_grid .info_toggle .tog_li .tog_tit {max-width:calc(100% - 25px);font-size:21px}
	.flex_grid .info_toggle .tog_li .icon {font-size:14px;right:20px}
	.flex_grid .info_step .step_tit {padding:16px 24px;font-size:21px}
	.flex_grid .info_step .step_li .li_tit {font-size:18px}
}

@media screen and (max-width:1280px){
	.page_tit {margin-bottom:18px;padding-left:20px;font-size:21px;background-size:14px}
	.page_gap {} 
	
	.no_contents .title {margin-bottom:5px;font-size:16px}
	
	.guide_box {margin-bottom:30px;padding:25px 30px;background-position:left 25px center;background-size:58px}
	.guide_box .list_txt_group {margin-left:75px}
	.guide_box .btn_default {width:170px;right:30px}	
	
	.syn_box {display:block;margin-bottom:20px;padding:10px}
	.syn_box .user_info {column-gap:25px;margin-top:8px}
	.syn_box .user_info .info_list {column-gap:25px}
	.syn_box .user_info .dl .dt:not(.noline) {margin-right:10px;padding-right:10px}
	.syn_box .user_info .btn_default {position:absolute;right:10px;top:50%;transform:translateY(-50%)}
	
	.vote_obj {padding:30px}
	.vote_obj .vote_typo {margin-bottom:17px;padding-left:15px;border-left-width:5px}
	.vote_obj .vote_tit {margin-bottom:7px;font-size:24px}
	.vote_obj .vote_info .dl {margin-right:25px}
	.vote_obj .vote_info .dt {margin-right:5px;padding-right:9px}
	.vote_obj .active_list li {padding:8px 15px}
	.vote_obj .active_list li input[type="radio"], 
	.vote_obj .active_list li .vchkbox {width:18px;height:18px}
	.vote_obj .active_list li .text {width:calc(100% - 28px)}
	.vote_obj .active_list .flex_label {font-size:1rem}
	.vote_obj .radio_area .radio_inp:checked:before {width:10px;height:10px}
	.vote_obj .btn_default.enter {margin-top:18px}
	
	.detail_img_slider .slide_wrap {height:264px}
	.detail_img_slider .slide_box {width:250px;margin:0 12px}
	.detail_img_slider .ctrl .arrow {width:50px;height:50px}
	.detail_img_slider .ctrl .arrow .icon {font-size:22px}
	
	.flex_grid {column-gap:30px}
	.flex_grid .grid {flex:none;width:calc(50% - 15px)}
	.flex_grid .photo_upload {padding:40px}
	.flex_grid .photo_upload .state {width:120px;line-height:42px;font-size:17px}
	.flex_grid .photo_upload .btn_change {font-size:18px}
	.flex_grid .info_toggle .tog_li .btn {padding:15px 17px}
	.flex_grid .info_toggle .tog_li .tog_tit {font-size:19px}
	.flex_grid .info_step .step_tit {padding:15px 20px;font-size:19px}
	.flex_grid .info_step .step_li {padding:18px 20px}
	.flex_grid .info_step .step_li .li_tit {margin-bottom:15px;font-size:17px}
	.flex_grid .info_step .step_li .list_txt_group .list_txt {margin-bottom:15px}
}

@media screen and (max-width:1080px){
	.sub_top .bread_box .container .breadcrumb {display:flex;width:calc(100% - 95px)}/* 추후 /css/home/kor/user/common.css로 옮길 것 */
	.sub_top .bread_box .container .breadcrumb > li.com_depth {flex:2;min-width:inherit}
	.sub_top .bread_box .container .breadcrumb > li.com_depth > .text {word-break:break-word}
	
	.guide_box {padding:17px 25px;background-size:46px;background-position:left 16px top 25px}
	.guide_box .list_txt_group {margin-left:53px}
	.guide_box .btn_default {width:150px;margin-top:13px;font-size:1em;position:relative;right:auto;left:53px;top:auto;transform:translateY(0);}
	
	.syn_box {margin-bottom:8px;padding:0;border:0}
	.syn_box .user_info {margin-top:12px}
	.syn_box .user_info .info_list {column-gap:18px;width:100%;padding:12px;background-color:#f5f5f5}
	.syn_box .user_info .dl .dt:not(.noline) {margin-right:8px;padding-right:8px}
	.syn_box .user_info .dl input[type="checkbox"] {vertical-align:sub}
	.syn_box .user_info .dl.chk {position:absolute;right:120px;top:0}
	.syn_box .user_info .btn_default {right:0;top:-12px;transform:translateY(0)}
	
	.com_table_cont .table_box .board_write tbody tr td #vote_zone {border:1px solid #ddd}
	.com_table_cont .table_box .board_write tbody tr td #vote_zone .chk_list li {width:auto}
	.com_table_cont .table_box .board_write tbody tr td #tag_fileTable_area {max-width:100%}

	.hash_inp input {width:calc(100% - 102px)}
	.hash_inp .text {display:block;margin:5px 0 0 0}
	
	.vote_obj {width:96%;padding:25px}
	.vote_obj .vote_typo {margin-bottom:15px;padding-left:12px;border-left-width:4px}
	.vote_obj .vote_tit {font-size:20px}
	.vote_obj .result_bar {height:46px}
	
	.detail_img_slider .slide_box {margin:0 10px}
	.detail_img_slider .ctrl .arrow {width:50px;height:50px;box-shadow:0 0 10px rgba(0,0,0,0.12)}
	.detail_img_slider .ctrl .arrow .icon {font-size:22px}
	
	.flex_grid {flex-wrap:wrap;gap:30px 0}
	.flex_grid .grid {width:100%}
	.flex_grid .photo_upload .guide_line {margin-top:0;zoom:0.7}
	
	#mobile_show_pop, 
	.info_com_popup_cont .inst_box.mobile_show_pop {display:block !important}
}

@media screen and (max-width:768px){
	.sub_top .bread_box .container .breadcrumb {display:flex;width:calc(100% - 40px)}/* 추후 /css/home/kor/user/common.css로 옮길 것 */
	.sub_top .bread_box .container .breadcrumb > li.com_depth > a.text:after {width:9px;height:5px;right:7px}
	.sub_top .bread_box .container .breadcrumb > li.com_depth > .depth_list {top:50px}
	
	.no_contents .title {font-size:15px}
	
	.guide_box {background-size:38px;background-position:left 15px top 20px}
	.guide_box .list_txt_group {margin-left:40px}
	.guide_box .list_txt_group .list_txt {font-size:0.95em}
	.guide_box .btn_default {left:40px}
	
	.syn_box .user_info .info_list {flex-wrap:wrap;gap:4px 0}
	.syn_box .user_info .dl {width:100%}
	.syn_box .user_info .dl.chk {width:auto;right:107px}
	.syn_box .user_info .dl input[type="checkbox"] {width:15px;height:15px;margin-right:1px;vertical-align:text-top}
	.syn_box .user_info .btn_default {width:92px}
	
	.vote_obj {width:auto;padding:20px}
	.vote_obj .vote_typo {padding-left:0;border-left:0}
	.vote_obj .vote_tit {font-size:17px}
	
	.hash_list .hash_tag {margin-right:2px}
	.hash_list .hash_tag .tag_txt {font-size:0.9em}
	.hash_list .hash_tag .btn_delete {padding-right:7px;font-size:14px}
	.hash_list.s2 {margin-bottom:8px}
	.hash_list.s2 .hash_tag {margin:2px}
	
	.detail_img_slider {margin:-10px 0}
	.detail_img_slider .slide_wrap {height:234px}
	.detail_img_slider .slide_box {width:220px}
	.detail_img_slider .ctrl .arrow {width:45px;height:45px}
	.detail_img_slider .ctrl .arrow.prev {left:-10px}
	.detail_img_slider .ctrl .arrow.next {right:-10px}
	.detail_img_slider .ctrl .arrow .icon {font-size:20px}
	.detail_img_slider .count {margin-top:15px}
	
	.flex_grid .photo_upload {padding:25px}
	.flex_grid .photo_upload .drag_box {border-width:8px}
	.flex_grid .photo_upload .btn_change {width:calc(100% + 16px);height:52px;font-size:17px;background-color:rgba(0,0,0,0.7);left:-8px;bottom:-8px}
	.flex_grid .photo_upload .state {width:105px;font-size:16px;line-height:39px}
	.flex_grid .photo_upload .state .icon {vertical-align:baseline}
	.flex_grid .photo_upload .list_txt_group {margin-top:27px}
	.flex_grid .info_toggle .tog_li .btn {padding:12px 14px}
	.flex_grid .info_toggle .tog_li .icon {font-size:11px;right:14px}
	.flex_grid .info_toggle .tog_li .tog_tit {font-size:16px}
	.flex_grid .info_toggle .tog_li .tog_tit::before {height:2px}
	.flex_grid .info_toggle .tog_li .desc_box {padding:15px 20px}
	.flex_grid .info_toggle .tog_li .list_txt_group .list_txt {font-size:0.95em}
}

@media screen and (max-width:480px){
	.guide_box {padding:12px 15px;background-image:none}
	.guide_box .list_txt_group {margin-left:0}
	.guide_box .btn_default {width:100%;left:auto}
	
	.syn_box .user_info .info_list {gap:5px 0}
	.syn_box .user_info .dl {align-items:flex-start}
	.syn_box .user_info .dl.chk {font-size:0.95em;right:90px}
	.syn_box .user_info .dl .dt:not(.noline) {width:85px;margin-right:0;padding-right:0}
	.syn_box .user_info .dl .dt:not(.noline)::after {display:none}
	.syn_box .user_info .dl .dd {width:calc(100% - 85px)}
	.syn_box .user_info .dl .dd .date {display:block;margin-bottom:3px;font-size:0.95em}
	.syn_box .user_info .btn_default {width:auto;min-width:inherit}
	
	.com_table_cont .table_box .board_write tbody tr td #vote_zone .chk_list {flex-wrap:wrap;gap:12px 0}
	.com_table_cont .table_box .board_write tbody tr td #vote_zone .chk_list li {width:100%}
	
	.end_date_box {gap:4px;flex-wrap:wrap}
	.end_date_box input[type="date"], 
	.end_date_box input[type="text"] {width:100%}
	.end_date_box select {width:calc(50% - 2px)}
	
	.hash_inp input {max-width:100%}
	.hash_inp .btn_default {width:100%;height:auto;margin-top:2px}
	
	.detail_img_slider .ctrl {}
	.detail_img_slider .slide_wrap {height:auto}
	.detail_img_slider .slick-list {}
	.detail_img_slider .slide_box {width:auto;height:calc(100% + 20px);padding:10px 0}
	
	.flex_grid .photo_upload .drag_box {width:237px;height:308px}
	.flex_grid .photo_upload .upload_txt {font-size:0.95em}
	.flex_grid .photo_upload .btn_upload {width:50px;height:50px;font-size:45px;top:calc(50% - 60px)}
	.flex_grid .photo_upload .btn_change {height:50px}
	.flex_grid .photo_upload .btn_delete {width:35px;height:35px;font-size:22px;right:5px;top:5px}
	.flex_grid .info_step .step_li {padding:15px}
	.flex_grid .info_step .step_li .li_tit {margin-bottom:10px}
	.flex_grid .info_step .step_li .file_upload {margin-bottom:8px;column-gap:5px}
	.flex_grid .info_step .step_li .btn_list_box {column-gap:5px}
	.flex_grid .info_step .step_li .list_txt_group .list_txt {font-size:0.95em}
	.flex_grid .photo_upload .guide_line {zoom:0.55}
}