/* ****************** 1칸 레이아웃  ****************** */

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

@media \0screen{
	.layout_172358_ {min-width:1000px;}
}

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

.dnn_01 {
        animation: fadein 3s;
        -moz-animation: fadein 3s;
        /* Firefox */
        -webkit-animation: fadein 3s;
        /* Safari and Chrome */
        -o-animation: fadein 3s;
        /* Opera */
    }
 
    @keyframes fadein {
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-moz-keyframes fadein {
 
        /* Firefox */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-webkit-keyframes fadein {
 
        /* Safari and Chrome */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
 
    @-o-keyframes fadein {
 
        /* Opera */
        from {
            opacity: 0;
        }
 
        to {
            opacity: 1;
        }
    }
.img_ratio_172359_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;}
.img_ratio_172359_ * {box-sizing:border-box;}
.img_ratio_172359_ a {display:block; text-decoration:none;}
.img_ratio_172359_ img {width:100%; vertical-align:top; transition:all .3s;}
@media (min-width:1024px){
	.img_ratio_172359_ {width:px;}
}
@media \0screen{
	.img_ratio_172359_ {width:px;}
}

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

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

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

/* ****************** 1칸 레이아웃  ****************** */

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

@media \0screen{
	.layout_172362_ {min-width:1000px;}
}

/* ****************** 타이틀 텍스트  ****************** */

.title_172361_ {font-size:0;}
.title_172361_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:24px; letter-spacing:-1px; font-weight:bold; color:#000000; line-height:1.4em;
}
.title_172361_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_172361_.style_top p {padding-top:10px;}
.title_172361_.style_top p:before {left:0; top:0; width:24px; height:4px;}

.title_172361_.style_right p {padding-right:14px;}
.title_172361_.style_right p:before {right:0; top:5px; width:4px; height:24px;}

.title_172361_.style_bottom p {padding-bottom:12px;}
.title_172361_.style_bottom p:before {left:0; bottom:0; width:24px; height:4px;}

.title_172361_.style_left p {padding-left:14px;}
.title_172361_.style_left p:before {left:0; top:5px; width:4px; height:24px;}

.title_172361_.style_circle1 p {padding-left:20px;}
.title_172361_.style_circle1 p:before {
	left:0; top:11px; width:12px; height:12px;
	border-radius:12px;
}

.title_172361_.style_circle2 p {padding-left:20px;}
.title_172361_.style_circle2 p:before {
	left:0; top:11px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}

/* ****************** 이미지 리스트 (타일형)  ****************** */

.img_tile_172363_:after {content:''; display:block; clear:both;}
.img_tile_172363_ * {box-sizing:border-box;}
.img_tile_172363_ .item {float:left; position:relative; width:100%; padding:5px;}
.img_tile_172363_ .item a {display:block; text-decoration:none;}
.img_tile_172363_ figure {display:block; margin:0; padding:5px;}
.img_tile_172363_ figure img {max-width:100%; vertical-align:bottom;}
.img_tile_172363_ .text_box {display:block;}
.img_tile_172363_ .text_box p {margin:0; padding:5px;}
.img_tile_172363_ .subject {font-weight:bold; color:#000000;}
.img_tile_172363_ .content {color:#444;}

.text_sml_172363_ .subject {font-size:14px; line-height:1.6em;}
.text_sml_172363_ .content {font-size:13px; line-height:1.6em;}
.text_mid_172363_ .subject {font-size:16px; line-height:1.4em;}
.text_mid_172363_ .content {font-size:14px; line-height:1.6em;}
.text_big_172363_ .subject {font-size:18px; line-height:1.4em;}
.text_big_172363_ .content {font-size:15px; line-height:1.6em;}

.col_m_1_172363_ .item {width:100%;}
.col_m_2_172363_ .item {width:50%;}
.col_m_3_172363_ .item {width:33.3333%;}
.col_m_1_172363_ .item,
.col_m_2_172363_ .item2n,
.col_m_3_172363_ .item3n {clear:both;}

@media (min-width:1024px){
	.col_m_1_172363_ .item,
	.col_m_2_172363_ .item2n,
	.col_m_3_172363_ .item3n {clear:none;}

	.col_pc_1_172363_ .item {width:100%;}
	.col_pc_2_172363_ .item {width:50%;}
	.col_pc_3_172363_ .item {width:33.3333%;}
	.col_pc_4_172363_ .item {width:25%;}
	.col_pc_5_172363_ .item {width:20%;}
	.col_pc_6_172363_ .item {width:16.6666%;}
	.col_pc_1_172363_ .item,
	.col_pc_2_172363_ .item2n,
	.col_pc_3_172363_ .item3n,
	.col_pc_4_172363_ .item4n,
	.col_pc_5_172363_ .item5n,
	.col_pc_6_172363_ .item6n {clear:both;}
}

@media \0screen{
	.col_m_1_172363_ .item,
	.col_m_2_172363_ .item2n,
	.col_m_3_172363_ .item3n {clear:none;}

	.col_pc_1_172363_ .item {width:100%;}
	.col_pc_2_172363_ .item {width:50%;}
	.col_pc_3_172363_ .item {width:33.3333%;}
	.col_pc_4_172363_ .item {width:25%;}
	.col_pc_5_172363_ .item {width:20%;}
	.col_pc_6_172363_ .item {width:16.6666%;}
	.col_pc_1_172363_ .item,
	.col_pc_2_172363_ .item2n,
	.col_pc_3_172363_ .item3n,
	.col_pc_4_172363_ .item4n,
	.col_pc_5_172363_ .item5n,
	.col_pc_6_172363_ .item6n {clear:both;}
}

/* ****************** 테두리 아이콘버튼  ****************** */

@font-face {
	font-family:'icomoon_icon_button';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.svg#icomoon_icon_button') format('svg');
	font-weight:normal;
	font-style:normal;
}

.icon_button__61421__ a {
	box-sizing:border-box;display:;position:relative;margin:0;padding:10px 18px;
	border:1px solid rgba(0, 0, 0, .15);border-radius:0px;background:#3c1d1e;font-size:16px;font-weight:normal;
	color:#ffffff;text-align:center;letter-spacing:-.03em;line-height:1em;box-shadow:inset 0px 0px 1px 0px rgba(255, 255, 255, 1);transition:all 0.1s ease-out;
}
.icon_button__61421__ a:before {content:'';position:absolute;right:0;bottom:0;left:0;height:50%;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:rgba(0, 0, 0, .02)}
.icon_button__61421__ a:hover {border:1px solid rgba(0, 0, 0, .25)}
.icon_button__61421__ a:hover:before {background:rgba(0, 0, 0, .04)}
.icon_button__61421__ a span {display:inline-block;position:relative;z-index:1}
.icon_button__61421__.style_line a {border:1px solid #3c1d1e;background:transparent;color:#ffffff}

.icon_button__61421__.a_left a span:before {
	content:'\e60e';position:absolute;top:50%;left:0;font-family:'icomoon_icon_button';font-weight:normal;
}
.icon_button__61421__.a_right a span:after {
	content:'\e60e';position:absolute;top:50%;right:0;font-family:'icomoon_icon_button';font-weight:normal
}

	.icon_button__61421__.a_left a span {padding-left:26px}
	.icon_button__61421__.a_right a span {padding-right:26px}
	.icon_button__61421__.a_left a span:before {margin-top:-9px;font-size:18px}
	.icon_button__61421__.a_right a span:after {margin-top:-9px;font-size:18px}

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

.empty_line_172366_ {display:block; width:100%; height:50px; line-height:50px;}

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