/* mobile */

@media (max-width:768px) {

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none;font-size: 16px;margin-bottom: 20px;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* ºäǥƮ º¯È¯½Ã ÆùƮũ±â ÀÚµ¿È®´ë ¹æÁö */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;border-width:1px;border-color:#ccc}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1;font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;color:#222222} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

label {cursor:text}
legend, caption{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0}
img {max-width: 100%}
table th {text-align:center;font-weight:bold;vertical-align:middle;white-space:nowrap}
table td {vertical-align:middle;}


/* Html5 display */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
}



/* -------------------------------- global -------------------------------- */

@media (max-width:1024px){
	
	.container {width:100%;max-width:100%;}
	.row {margin-right:-20px;margin-left:-20px;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
		  position:relative;
		  min-height:1px;
		  padding-right: 20px;
		  padding-left: 20px;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left;
	}
	.col-sm-12 {width:100%;}
	.col-sm-11 {width:91.66666667%;}
	.col-sm-10 {width:83.33333333%;}
	.col-sm-9 {width:75%;}
	.col-sm-8 {width:66.66666667%;}
	.col-sm-7 {width:58.33333333%;}
	.col-sm-6 {width:50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}

	.hidden-sm {display:none;}

}



@media (max-width:768px)
{
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left;
	}
	.col-xs-12 {width:100%;}
	.col-xs-11 {width:91.66666667%;}
	.col-xs-10 {width:83.33333333%;}
	.col-xs-9 {width:75%;}
	.col-xs-8 {width:66.66666667%;}
	.col-xs-7 {width:58.33333333%;}
	.col-xs-6 {width:100%;}
	.col-xs-5 {width: 41.66666667%;}
	.col-xs-4 {width: 33.33333333%;}
	.col-xs-3 {width: 25%;}
	.col-xs-2 {width: 16.66666667%;}
	.col-xs-1 {width: 8.33333333%;}

	.hidden-xs {display:none;}
	.wview,
	.wview-ib  {display:none;}
	.mview  {display:block;}

	.mt10{margin-top:5px;}
	.mt15{margin-top:8px;}
	.mt20{margin-top:10px;}
	.mt30{margin-top:20px;}
	.mt40{margin-top:30px;}
	.mt50{margin-top:40px;}
	.mt80{margin-top:50px;}
	.mb10{margin-bottom:5px;}
	.mb15{margin-bottom:8px;}
	.mb20{margin-bottom:10px;}
	.mb30{margin-bottom:20px;}
	.mb40{margin-bottom:30px;}
	.mb50{margin-bottom:40px;}
	.mb80{margin-bottom:50px;}

	.m-wid30 {width:30%;}
	.m-wid50 {width:50%;}
	.m-wid70 {width:70%;}
	.m-wid70 {width:80%;}
	.m-wid100 {width:100%;}

	.btn_wrap {text-align:center}
	.btn-m {font-size:15px;letter-spacing:-1px;line-height:1.5;padding:14px 22px;min-width:150px}
	.btn-l {font-size:15px;padding:15px 25px;width:100%}

	.form-control {display:block;width:100%;}

}





/* -------------------------------- Common  -------------------------------- */

@media (max-width:1024px){
	#wrap {padding-top:60px;}
	.util,
	.hd_quick,
	.gnb nav, #hd .hd_t,
	.hd_social {display:none}
	
	#hd.s-color {box-shadow:1px 1px 10px rgba(0,0,0,.1)}
	#hd .logo {float:none;padding:0;margin:10px auto}
	#hd .logo a.logoimg,
	#hd.s-color .logo a.logoimg {background-size:60px}
	#hd .hd_inner { height:60px;}

	
	.modal_open .bg-black {display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:98;background:#000;opacity:.6}

	/* ¸ð¹ÙÀÏ ¸Þ´º ¹öÆ° */
	.btn_sm{position:absolute;top:20px;right:22px;}

	.btn_sm {display:inline-block;width:28px;height:22px;font-size:0;line-height:0;z-index:100;vertical-align:middle;z-index:99999}
	.btn_sm .line {position:absolute;left:0;height:2px;background-color:#111;transition:0.15s all linear;-webkit-transition:0.15s all linear;font-size:0;line-height:0;}
	
	.btn_sm:hover .line,
	.btn_sm:focus .line{cursor:pointer}
	.btn_sm .tline{top:0;width:28px;}
	.btn_sm:hover .tline,
	.btn_sm:focus .tline{width:28px;}
	.btn_sm .mline{top:50%;margin-top:-1px;width:28px;}
	.btn_sm:hover .mline,
	.btn_sm:focus .mline{width:28px;}
	.btn_sm .bline{bottom:0;width:28px;}
	.btn_sm:hover .bline,
	.btn_sm:focus .bline{width:28px;}
	
	/* ¸ð¹ÙÀÏ ¸Þ´º ´Ý±â ¹öÆ° */
	.modal_open .btn_sm .line {background-color:#0877a1}
	.modal_open .btn_sm .tline,
	.modal_open .btn_sm:hover .tline,
	.modal_open .btn_sm:focus .tline{width:28px;top:10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.modal_open .btn_sm .mline{display:none;}
	.modal_open .btn_sm .bline,
	.modal_open .btn_sm:hover .bline,
	.modal_open .btn_sm:focus .bline{width:28px;bottom:10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

			
	/* ¸ð¹ÙÀÏ ¸Þ´º */
	.menu #m-menu {display:block;opacity:1;z-index:9999;}
	#m-menu {position:fixed;top:0;right:0;bottom:0;margin:auto auto;transition:all .3s ease;overflow-y:scroll;
			width:100%;height:100%;background:#fff;padding:30px;}
	

	#m-menu .m-logo {}
	#m-menu .m-logo img {width:120px}
	
	
	#m-menu .m-body {padding-top:20px}
	#m-menu .depth1 {width:100%;}
	#m-menu .depth1 > li {padding-top:5px;padding-bottom:5px}
	#m-menu .depth1 > li > a {font-size:20px;line-height:1.6;letter-spacing:-1px;color:#0877a1;font-weight:bold;}
	
	#m-menu .depth1 {border-left:none}
	#m-menu .depth1 > li {position:relative;width:100%;display:block;text-align:left;float:none;padding:0;margin:0;border-right:none;border-bottom:none;height:auto}
	#m-menu .depth1 > li:first-child {border-top:none;}
	#m-menu .depth1 > li > a {display:block;padding:8px 0px;color:#222;font-size:18px;font-weight:500;line-height:44px;}
	#m-menu .depth1 > li > a:before {content:'';position:absolute;top:0px;right:0px;width:60px;height:60px;background:#fff}
	#m-menu .depth1 > li > a:after {content:'';position:absolute;top:0px;right:0px;width:60px;height:60px;transition:all .2s ease;background:url(/kor/img/cmm/ico_snb_down.png) no-repeat 50% 50%;background-size:16px}
	#m-menu .depth1 > li.on > a:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	
	#m-menu .depth2 {display:none;background:#fff;padding:20px 0}

	#m-menu .depth1 > li.on > a,
	#m-menu .depth1 > li.active > a {color:#0877a1}	
	#m-menu .depth1 > li.on .depth2,
	#m-menu .depth1 > li.active .depth2{display:block;padding:0 0 20px 0}

	#m-menu .depth2 {margin-top:0;border-bottom:1px solid #e0e0e0}
	#m-menu .depth2:before,
	#m-menu .depth2:after {content:'';display:block;clear:both}
	#m-menu .depth2 li {float:left;width:50%;padding:8px 10px;}
	#m-menu .depth2 li a {font-size:15px;line-height:18px;color:#888;letter-spacing:-1px}


}

@media (max-width:768px){
	
	#wrap {padding-top:0;overflow:hidden;}
	#hd.fixed-top,
	#ft .ft_bar_fixed {position:relative !important;}
	#ft .ft_bar_fixed {left:auto;bottom:auto;top:auto}
	#hd .hd_inner {text-align:center;height:60px;}
	
	#hd .logo a {width:240px;height:60px;background-size:170px}
	
	
	#ft {padding-bottom:0px}

	.ft_social {display:none}
	.ft_shortcut {float:left;}
	.ft_shortcut ul {margin:auto; }
	.ft_shortcut ul, .ft_shortcut ul li { margin-bottom:0;}
	.ft_notice {width:100%;padding-left:10px;padding-right:10px;position:relative;}
	.ft_notice ul li a {line-height:30px;font-size:13px;width:98%}
	.ft_notice ul li a .notice_tit {font-size:12px;padding-right:8px}

	#ft .ft_wrap .newsletter {border-right:0}
	#ft .ft_wrap {padding:30px 15px;}
	#ft .ft_wrap .newsletter h3 {font-size:26px}
	#ft .ft_wrap .newsletter .input_wrap {min-height:40px;width:90%}
	#ft .ft_wrap .newsletter .input_wrap input {padding-top:0;}
	#ft .ft_wrap .newsletter a.btn_submit { padding:0px 0px;}
	#ft .ft_wrap .ft_add {padding-left:0;padding-top:30px}
	#ft .ft_wrap .ft_add .fnb,
	#ft .ft_wrap .ft_add .ft_info {width:100%}
	#ft .ft_wrap .ft_add .fnb ul {text-align:center}
	#ft .ft_wrap .ft_add .fnb ul li {display:inline-block;margin-right:8px;}
	#ft .ft_wrap .ft_add .ft_info .ft_social {text-align:center}
	#ft .ft_wrap .ft_add .ft_info .ft_social ul li {float:none;display:inline-block;}
	#ft .ft_wrap .ft_add .ft_info address {width:80%;margin:10px auto 0;}
	#ft .ft_wrap .ft_add .ft_info address p {font-size:13px;text-align:center}
	#ft .ft_wrap .ft_add .ft_info .copyright {text-align:center;font-size:11px}

	.btn_top {bottom:13px; right:13px;background:url(/umff/img/cmm/btn_top_m.gif) no-repeat 0 0;width:40px;height:40px;background-size:40px 40px;-webkit-background-size:40px 40px}

}

@media (max-width:414px){
	

}




/* -------------------------------- Sub Page -------------------------------- */

@media (max-width:768px){

	#cont {padding:0px;}
	.cont_sub {padding-top:0px;}
	
	.tit-con {font-size:18px}
	.txt-head {font-size:20px;}
	.desc {font-size:15px;color:#555}
	.desc-l {font-size:16px}
	.txt-name {font-size:24px}
	.bg_wrap {height:260px;padding:30px 15px;margin-top:-30px}
	.cont_sub img.profile {width:140px;margin-bottom:10px}


	.intro_list .intro_li {padding-top:40px;padding-bottom:40px;}
	.intro_list .intro_li img.sign {width:90px;margin-bottom:20px}

	.organization .contact {padding-left:10px;padding-right:10px}

	.list_basic li {font-size:15px;}

	.summary_list li .hd,
	.summary_list li .bd {font-size:14px;}
	.summary_list li .hd {width:20%}
	.summary_list li .bd {width:80%;font-weight:normal;letter-spacing:-0.5px;color:#555}

	.award .tit-sec {margin-bottom:20px}
	.jury .txt-name {text-align:center}
	
	.organization .organization_li {height:auto;overflow:hidden;margin-bottom:10px}
	.organization .organization_li .desc {font-size:13px;line-height:1.5}

	/* ¹ÝÀÀÇü Å×ÀÌºí  */
	.tbl.tbl_basic > thead > tr > th, 
	.tbl.tbl_basic > tbody > tr > th, 
	.tbl.tbl_basic > thead > tr > td, 
	.tbl.tbl.tbl_basic > tbody > tr > td {
		padding:10px 15px;
		font-size:14px;
		word-break:keep-all;
		font-weight:normal;		
	}

	/* ÈÄ¿ø - ¹ÝÀÀÇü Å×ÀÌºí  */
	.tbl.tbl_support > thead > tr > th, 
	.tbl.tbl_support > tbody > tr > th, 
	.tbl.tbl_support > thead > tr > td, 
	.tbl.tbl_support > tbody > tr > td {
		border-right:1px solid #e0e0e0;
	}
	
	.tbl.tbl_support > thead > tr > th {display:none;}
	.tbl.tbl_support > tbody > tr > td, 
	.tbl.tbl_support > tbody > tr > th {display:block;width:100%;}
	.tbl.tbl_support > tbody > tr > th {font-weight:bold;background:#f5f5f5}
	.tbl_support > tbody > tr > td .desc {font-size:14px}

	/* Tab 3epth */
	.tab_basic {float:none;display:block;margin-top:-15px;margin-bottom:20px;}
	.tab_basic ul {overflow-x:scroll;}
	.tab_basic ul li {margin-left:8px;margin-right:8px;white-space:nowrap;display:table-cell;float:none;padding-right:15px;}
	.tab_basic ul li a {font-size:15px;}
	.tab_basic ul li.on {margin-right:8px}

	
	/* accordion ¾ÆÄÚµð¾ð */
	.accordion-faq .acc_tit {padding:20px 10px;}
	.accordion-faq .acc_cont {padding:0 10px 20px 10px;}
	.accordion-faq .acc_cont p {padding-left:0px;font-weight:normal;font-size:14px;}
	.accordion-faq .acc_tit p {font-size:16px;line-height:1.6;letter-spacing:-1px;background-size:22px;padding-left:30px}
	.accordion-faq .acc_tit p span.category {display:none;font-size:0;height:0;}

	

	/* Schedule */
	.tbl_schedule .sch_li .sch_li_tit {float:none;width:100%;margin-bottom:10px;font-size:18px;text-align: center}
	.tbl_schedule .sch_li {padding:15px 0}
	.tbl_schedule .sch_li .sch_it {padding:10px;/*width:33.33333%;*/width:100%;margin-bottom:10px;/*height:144px;*/height:180px;text-align:center;border:1px solid #e0e0e0}
	.tbl_schedule .sch_li .sch_it.blank_wrap {display:none}
	.tbl_schedule .sch_li .sch_it .code {position:relative;top:0;left:0;display:block;text-align:center}
	.tbl_schedule .sch_li .sch_it .time {font-size:13px;margin-top:8px}
	.tbl_schedule .sch_li .sch_it .film_tit,
	.tbl_schedule .sch_li .sch_it .film_tit a,
	.tbl_schedule .sch_li .sch_it .film_tit span {font-size:14px;line-height:1.3;letter-spacing:-1px;height:auto}
	.ico_grade {width:20px;height:20px;background-size:20px}
		

	/* schedule 2 */
	.tbl_schedule2 > thead {display:none}
	.tbl_schedule2 > tbody > tr > th.time,
	.tbl_schedule2 > tbody > tr > td.theater,
	.tbl_schedule2 > tbody > tr > td.code {float:left}
	.tbl_schedule2 > tbody > tr > td.film_tit,
	.tbl_schedule2 > tbody > tr > td.grade,
	.tbl_schedule2 > tbody > tr > td.event {display:block;width:100%;}
	.tbl_schedule2 > thead > tr > th,
	.tbl_schedule2 > tbody > tr > th,
	.tbl_schedule2 > thead > tr > td,
	.tbl_schedule2 > tbody > tr > td {display:inline-block;text-align:left;border-bottom:0;padding:5px 10px;font-size:14px;}
	.tbl_schedule2 > tbody > tr:before {content:'';display:block;height:15px;border-top:1px solid #ddd}
	.tbl_schedule2 > tbody > tr:after {content:'';display:block;height:15px;}
	.tbl_schedule2 > tbody > tr > td.film_tit {font-size:16px;}
	.tbl_schedule2 > tbody > tr > td.film_tit:before,
	.tbl_schedule2 > tbody > tr > td.film_tit:after {clear:both;display:block;content:'';}

}

@media (max-width:414px) { 

}





/* ------------------------------------------------- Board  ------------------------------------------------- */


@media (max-width:1024px){
	
	/*  °Ô½ÃÆÇ °Ë»ö */
	.brd_search #searchBox {padding:0;margin-top:20px;border:none;}
	.brd_search #searchBox .search_box_inner {width:100%}

	.brd_search #searchBox .select {width:100%;border-right:1px solid #e0e0e0}
	.brd_search #searchBox .inp_arc_search {width:60%}

	.brd_search #searchBox .select,
	.brd_search #searchBox .inp_arc_search {margin-right:0px; margin:2px;}

	.brd_search #searchBox .btn_arc_search { display:block; padding:0 15px; width:100%; text-align:center; margin:2px;}
	.brd_search #searchBox .btn_arc_search:after {background:url(/kor/img/cmm/ico_brd_search_m.png) no-repeat 50% 50%;background-size:18px;margin-left:0}
	.brd_search #searchBox .btn_arc_cancel { display:block; padding:0 15px; width:100%; text-align:center; margin:2px;}
	.brd_search #searchBox .btn_arc_cancel:after {background:url(/kor/img/cmm/ico_brd_search_m.png) no-repeat 50% 50%;background-size:18px;margin-left:0}

}

@media (max-width:768px){
	#ft .ft_wrap .newsletter .input_wrap .btn_submit { top: 50%; margin-top: -20px;  }
	/*  List */
	.brd_list {margin-left:-5px;margin-right:-5px;margin-top:-30px;width:auto;}
	.brd_list {border-top:none;}
	.brd_list .brd_li {padding:12px 50px 12px 15px;background:url(/kor/img/cmm/ico_brd_list_arrow_m.png) no-repeat 96% 85% #fff;background-size:14px 14px;margin-bottom:2px;}
	.brd_list .brd_li .brd_tit {white-space:normal;font-size:15px;line-height:1.5;letter-spacing:-0.5px}
	.brd_list .brd_li .brd_tit,
	.brd_list .brd_li .brd_date {display:block;width:100%;}
	.brd_list .brd_li .brd_date {font-size:11px;margin-top:1px}
	
	.brd_list .brd_li .ico_notice  {display:block;margin-bottom:3px;}
	.brd_list .brd_li.brd_li_notice {background:#f3f8f7;border-color:#d5ede8}
	.brd_list .brd_li.brd_li_notice a span {color:#006650}
	.brd_list .brd_li.brd_li_notice .brd_date,
	.brd_list .brd_li.brd_li_notice .ico_file {}
	.brd_list .brd_li.brd_li_notice .brd_tit {color:#683be7}
	.brd_list .brd_li .ico_file {position:absolute;bottom:15px;left:70px;background:url(/kor/img/cmm/ico_brd_file_m.png) no-repeat 0 90%;background-size:14px 14px;}
	
	/*  View */
	.brd_view_wrap {padding:20px 15px;margin-top:20px;}
	.brd_view_wrap .brd_view_top .view_tit {font-size:22px;letter-spacing:-0.5px}
	.brd_view_wrap .brd_view_cont .view_cont_inner {padding:10px 0;letter-spacing:-0.5px;}
	.brd_view_wrap .brd_view_btm .btn_group {position:fixed;display:block;width:100%;left:0;bottom:0;background:#fff;z-index:20;border-top:1px solid #e0e0e0;padding:15px 0}
	.brd_view_wrap .brd_view_btm .btn_group.btn_group2 { width:100px; }
	.brd_view_wrap .brd_view_btm .btn_group a {font-size:14px}
	.brd_view_wrap .brd_view_btm .btn_group a:before {background-size:76px 85px}
	.brd_view_wrap .brd_view_btm .btn_group .btn_page_prev:before {width:20px;height:12px;}
	.brd_view_wrap .brd_view_btm .btn_group .btn_page_next:before {width:20px;height:12px;background-position:-43px 0;}
	.brd_view_wrap .brd_view_btm .btn_group .btn_page_list:before {width:14px;height:12px;background-position:-24px 0;}
	.brd_view_wrap .brd_view_btm {border-top:none;}





	/*  °Ô½Ã¹° ¾²±â */
	.bbsWriteA tbody th {text-align:left;font-size:15px;line-height:150%}
	.bbsWriteA tbody th,
	.bbsWriteA tbody td {display:block;width:100%;margin:5px;padding:none }
	.bbsWriteA tbody td .form_group .form_txt input {height:32px;line-height:32px;padding:5px 10px;}
	
	/*  °Ô½ÃÆÇ °Ë»ö */
	.brd_search #searchBox .inp_arc_search,
	.select-custom.select-board .select {font-size:15px;}
	.select-custom.select-board .select {min-width:100px}


	/* Gallery */
	.brd_gallery_wrap .gallery_list .gallery_li {width:50%}
	.gallery_li .gallery_li_box .thumb {height:236px}
	.gallery_li .gallery_li_box .thumb img {min-height:236px}

	.tab_date {white-space:nowrap;overflow-y:scroll}
	.tab_date li a  {padding:5px 10px;font-size:20px;font-weight:bold;}
	.tab_date li a span {font-size:15px;line-height:22px;font-weight:normal;margin-top:5px;}

}


@media (max-width:414px) { 

	/*  View */
	.brd_list_wrap {margin-left:-10px;margin-right:-10px}

	.brd_view_wrap .brd_view_top .view_tit {font-size:18px;letter-spacing:-0.5px}
	.brd_view_wrap .brd_view_cont .view_cont_inner {font-size:15px;line-height:1.8}

	.brd_view_wrap .brd_view_top .date {font-size:14px;display:block;}
	.brd_view_wrap .brd_view_top .date:before {background-size:76px 85px;background-position:0 -37px;}
	.brd_view_wrap .brd_view_top .file {padding-left:0px;display:block;font-size:13px;margin-top:10px;}
	.brd_view_wrap .brd_view_top .file:before {background-size:76px 85px;background-position:-18px -36px; }
	
	.brd_view_wrap .brd_view_btm .btn_group_right a:before {background-size:76px 85px}
	.brd_view_wrap .brd_view_btm .btn_group_right .btn_brd_edit:before {width:12px;height:12px;background-position:0 -21px;}
	.brd_view_wrap .brd_view_btm .btn_group_right .btn_brd_del:before {width:12px;height:12px;background-position:-32px -21px}
	.brd_view_wrap .brd_view_btm .btn_group_right a {font-size:13px;margin:0 5px;}
	
	/*  °Ô½ÃÆÇ °Ë»ö */
	.select-custom.select-board .select {min-width:80px}
	.select-custom.select-board .select-styled {padding:0 15px 0 10px}
	.brd_search #searchBox .inp_arc_search {padding:5px 10px;width:100%}

	/* Gallery */
	.gallery_li .gallery_li_box .thumb {height:118px}
	.gallery_li .gallery_li_box .thumb img {min-height:118px}
	.gallery_li .gallery_li_box .tit {font-size:14px;padding:5px;text-align:left}

}


/* ------------------------------------------------- Member ------------------------------------------------- */


@media (max-width: 1024px) {
	
	/* Member */
	.cont_member .btn_group .btn-m {margin:5px 0}
	.cont_member .btn.btn-m {min-width:auto;max-width:100%;width:100%;font-size:18px;letter-spacing:-1px}
	
	/* My page */
	.user_card .col-md-4 {padding-left:5px;padding-right:5px;font-size:16px;}
	.user_card a {line-height:150%}

}


@media (max-width:768px){
	#hd .logo {float:none;padding:0;margin:0; left:50%; margin-left:-120px;}
	.login_con {max-width:100%;padding:0 20px}
	.login .login_desc {font-size:13px;line-height:170%;text-align:left;padding:0 20px;word-break:keep-all}
	.login_con .list_link .link_arrow {font-size:14px;letter-spacing:-1px;background:url(/kor/img/cmm/ico_member_arrow_m.png) no-repeat right center;background-size:14px 14px}
	.login_con .btn_member_login {border:none}

	.cont_member {padding-top:30px;padding-bottom:30px;}

	.join .top_txt_box {padding:10px 0;text-align:left}
	.join .top_txt_box p {font-size:15px;word-break:keep-all}
	.join_con {width:96%;padding:30px;}
	.chk-primary input[type=checkbox] + label {font-size:15px;letter-spacing:-0.5px}
	.rules_box .rules_box_txt {padding:20px;}
	
	/* ¸â¹ö½Ê */
	.process .process_list li {width:30%;margin:0}
	.process .process_list li .ico_step {display:none;}
	.membership .membership_box {padding:30px 0;}
	.membership .membership_it {padding:0;}
	.membership_it .benefit {padding:10px;}
	
	/* My Page */
	.mypage .inner {width:85%}
	.user_card {text-align:center;line-height:50px;}
	.user_card .col-md-4 {padding-left:5px;padding-right:5px;font-size:16px;}
	.user_card .user:before {content:none;width:0;heigth:0;background:none;display:none;}
	.user_card .user span {padding-left:0;text-align:center;}
	.user_card, .membership_card, .siwffian_card {padding:20px 30px 25px;margin-top:10px;}
	.mypage .membership_card, .mypage .siwffian_card {min-height:auto}
	.user_card a:before {margin:0 auto 0}
	.mypage .not_membership .card_tit {margin-top:0}




}


@media (max-width:414px) { 
	
	.cont_member .btn_group {padding:10px 0}
	.join .top_txt_box {display:block;}
	.join .top_txt_box p {font-size:13px;letter-spacing:-0.5px;}
	.join .top_txt_box p a {display:block;margin-top:10px;}		
	.join_con {width:100%;padding:18px;}
	.join_con .btm_txt_box {padding:10px 0 20px}
	.join_con .btm_txt_box p {font-size:13px;word-break:keep-all}
	.join .tit_join_step {font-size:18px;font-weight:bold}
	.join .tit_join_step_sub {margin-top:10px;font-size:16px;font-weight:bold}
	.rules_box {margin:10px auto;overflow:hidden;overflow-y:scroll;}
	.rules_box .rules_box_txt {padding:15px;}
	.rules_box .rules_box_txt strong {font-size:16px;margin-bottom:10px;}
	.rules_box .rules_box_txt dd {font-size:13px}
	.form_group_wrap label {font-size:15px;}
	.form_group .form_txt input {letter-spacing:-0.5px;}
	
	/* ¸â¹ö½Ê */
	.process .process_list li {width:32%;padding:10px;margin:0}
	.process .process_list li .txt_step_num {font-size:12px;}
	.process .process_list li .txt_step_tit {font-size:13px;letter-spacing:-1px;}

	.membership_payment .deposit_form .form-group label {width:100%;margin-bottom:10px}	
	.membership_payment .deposit_form {padding:15px}
	.membership_payment .deposit_form  .form-group {margin-bottom:10px;}	
	.membership_payment .mt50,
	.membership_payment .mt80 {margin-top:30px !important}

	.membership_payment .radio-switch label {letter-spacing:-1px;}
	.membership .membership_box {padding:15px 0;border:0}
	.membership .membership_box .col-xs-6 {padding-left:5px;padding-right:5px;}
	.membership_it .card {padding:10px 15px}
	.membership_it .tit, .membership_it .price {font-size:16px;}
	.membership_it .price {font-size:18px;}
	.membership_it .benefit {padding:10px 0}
	.list_benefit li {padding-left:8px;font-size:13px;}
	.membership_payment .membership_it {width:100%}
	.siwffian_payment .app_form_inner {padding:10px;}

	/* My Page */
	.user_card a {line-height:150%}
	.user_card, .membership_card, .siwffian_card {padding:15px 20px;}

}