/* ****************** 2칸 레이아웃  ****************** */

.layout_444596_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;}
.layout_444596_ > div {margin-left:-30px;}
.layout_444596_ > div:after {content:''; display:block; clear:both;}
.layout_444596_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:30px; box-sizing:border-box;}
.layout_444596_ > div > .container_1 {width:50%;}
.layout_444596_ > div > .container_2 {width:50%;}

@media (max-width:1023px){
	.layout_444596_ > div > .container_1 { width:100%; }
	.layout_444596_ > div > .container_2 {clear:both; width:100%; padding-top:30px;}
}

@media \0screen{
	.layout_444596_ {min-width:1200px;}
}

/* ****************** 이미지 (비율형)  ****************** */

.img_ratio_444666_ {display:inline-block; overflow:hidden; position:relative; width:60%; max-width:100%; vertical-align:top;}
.img_ratio_444666_ * {box-sizing:border-box;}
.img_ratio_444666_ a {display:block; text-decoration:none;}
.img_ratio_444666_ img {width:100%; vertical-align:top;border-radius:20px;}
  
 /* 본 소스는 %(퍼센트)로 되어있기 때문에 반응형에 적용할 수 있습니다 */
* {margin:0;padding:0;}
.img_ratio_444666_ {position:relative;display:inline-block;}
.img_ratio_444666_ img {max-width:100%;border-radius:20px;}
.img_ratio_444666_ span.text {position:absolute;top:50%;left:0;transform:translateY(-50%);display:none;width:100%;font-size:70px;color:#fff;font-weight:900;text-align:center;}
.img_ratio_444666_::before, .img_ratio_444666_::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .8s;-webkit-transition:all .8s;}
.img_ratio_444666_::before {width:97%;height:95%;border-top:2px solid #fff;border-bottom:2px solid #fff;width:0;} /* 보더의 두께가 있기 때문에 요소의 크기에 계산해 줘야 합니다 */
.img_ratio_444666_::after {width:97%;height:95%;border-left:2px solid #fff;border-right:2px solid #fff;height:0;} /* 보더의 두께가 있기 때문에 요소의 크기에 계산해 줘야 합니다 */

/* 마우스가 올라가면 반응하는 소스 */
.img_ratio_444666_:hover span.text {display:block;}
.img_ratio_444666_:hover::before {width:calc(97% + 4px);} /* 화면에 따라서 정확한 사각형을 위한 값을 줘야하는 부분 */
.img_ratio_444666_:hover::after {height:calc(95% + 4px);} /* 보더의 두께값을 더해줘서 정확한 모서리를 만들기 위해 calc값을 사용했습니다 */
  
  
  
@media (min-width:1024px){
	.img_ratio_444666_ {width:500px;}
}
@media \0screen{
	.img_ratio_444666_ {width:500px;}
}

/* ****************** 공백  ****************** */

.empty_line_444756_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_444756_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_444756_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 버튼  ****************** */

.button_444696_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444696_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444696_.style_line a {background:transparent; color:#0e0057;}
.button_444696_.space_normal a {padding:.6em 1.2em;}
.button_444696_.space_wide a {padding:.6em 2em;width:130px;}
.button_444696_.space_full a {display:block; width:100%; padding:.6em 1.2em;}

/* ****************** 버튼  ****************** */

.button_444706_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444706_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444706_.style_line a {background:transparent; color:#0e0057;}
.button_444706_.space_normal a {padding:.6em 1.2em;}
.button_444706_.space_wide a {padding:.6em 2em;width:130px;}
.button_444706_.space_full a {display:block; width:100%; padding:.6em 1.2em;}

/* ****************** 버튼  ****************** */

.button_444716_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444716_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444716_.style_line a {background:transparent; color:#0e0057;}
.button_444716_.space_normal a {padding:.6em 1.2em;}
.button_444716_.space_wide a {padding:.6em 2em;width:130px;}
.button_444716_.space_full a {display:block; width:100%; padding:.6em 1.2em;}

/* ****************** 버튼  ****************** */

.button_444726_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444726_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444726_.style_line a {background:transparent; color:#0e0057;}
.button_444726_.space_normal a {padding:.6em 1.2em;}
.button_444726_.space_wide a {padding:.6em 2em;width:130px;}
.button_444726_.space_full a {display:block; width:100%; padding:.6em 1.2em;}

/* ****************** 버튼  ****************** */

.button_444736_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444736_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444736_.style_line a {background:transparent; color:#0e0057;}
.button_444736_.space_normal a {padding:.6em 1.2em;}
.button_444736_.space_wide a {padding:.6em 2em;width:130px;}
.button_444736_.space_full a {display:block; width:100%; padding:.6em 1.2em;}

/* ****************** 버튼  ****************** */

.button_444746_ a  {
	display:inline-block; margin:0; padding:0;
	border:1px solid #0e0057; border-radius:0px; background:#0e0057; box-sizing:border-box;
	font-size:16px; font-weight:normal; color:#fff; text-align:center; text-decoration:none;
}
.button_444746_ span  {
	display:inline-block; margin:0; padding-left:10px;
	font-size:16px; font-weight:normal; color:#000; text-align:center; text-decoration:none;
}  
.button_444746_.style_line a {background:transparent; color:#0e0057;}
.button_444746_.space_normal a {padding:.6em 1.2em;}
.button_444746_.space_wide a {padding:.6em 2em;width:130px;}
.button_444746_.space_full a {display:block; width:100%; padding:.6em 1.2em;}