/* 공통으로 사용가능 ------------------------------------------------------------------------*/
/* 공통으로 사용가능 ------------------------------------------------------------------------*/
/* 공통으로 사용가능 ------------------------------------------------------------------------*/
*, body{ margin:0; padding:0; box-sizing: border-box; border:none; outline:none; }
a:hover {
    text-decoration: none;
}
a{ text-decoration:none; }
ul, li{ list-style:none; }
table{ border-spacing:0; border-collapse:collapse; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
td,
th,
button,
li,
span,
address,
input {
    /*line-height: 1;*/
    color: #747474;
}

.hide{ display:none; }

img, span{ vertical-align: middle; }




/* 토글박스 */
.toggle_box{ background: url(/common/images/alert_box_arrow.png) no-repeat ; padding-top:7px; position:absolute; display:none; }
.toggle_box > ul{ border:2px solid #25a7df; background:#fff; height:auto; }
.toggle_box > ul li a{ padding: 6.5px 12px; display:block; }
.toggle_box > ul li{ text-align:left; position:relative; }
.user_btn + .toggle_box{
    background-position: 62px top;
    top: 57px;
    right: 48px;
}
.user_btn + .toggle_box > ul{ width:90px; background-position: 62px top; height:auto; }
#header .sideNav .user_btn + .toggle_box > ul li{ width:100%; margin:0 !important; font-size:16px; }
#header .sideNav .user_btn span{ font-size:16px; }
#header .sideNav .point_btn span{
	font-size:16px;
	text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:inline-block;
	max-width:64px;
}
#header .sideNav .point_btn{
	/* max-width:112.36px; */
}
.user_btn + .toggle_box > ul li a{ padding:7px 0 11px; text-align:center; color:#707070; }
.toggle_box a p,
#header .sideNav .toggle_box a,
.toggle_box a span,
.toggle_box p span{ cursor:pointer; color:#707070; }
.toggle_box h4{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    margin:11px 0 11px 11px;
    color:#25a7df;
}
.samstory_rate{
    display:inline-block;
    color:#fff;
    width:54px;
    font-size:11px;
    padding: 2px 0 3px;
    text-align: center;
    position:absolute;
    top:6.5px;
    left:11.5px;
}
.samstory_name{
    color:#707070;
    margin-left: 62px;
    word-break: break-all;
    width: 203px;
    display: block;
    line-height: 15px;
    margin-bottom: 1px;
     }
.master{ background:url(/common/images/running_samstory_master.png) no-repeat; }
.sub_master{ background:url(/common/images/running_samstory_sub_master.png) no-repeat; }
.profile_s{ position:absolute; top: 11px; left:12px; }
.alert_text{ margin-left:31px; margin-right:31px; }
.alert_text p{ margin-bottom:4px; word-wrap:break-word; line-height: 15px; }
.alert_text p span{ margin-bottom: 3px; display: inline-block; }
.round_btn{
    width:107px;
    background: #fff;
    border-radius: 30px;
    font-size:13px;
    color:#b4b4b4;
    border:1px solid #dcdcdc;
    margin-top:7px;
    margin-bottom:14px;
    padding: 6px 0 7px;
    outline:none;
    cursor:pointer;
}
.trash_can{
    width:18px;
    height:17px;
    position:absolute;
    right:16px;
    top:50%;
    margin-top:-8.5px;
    background:url(/common/images/trash_can.png) no-repeat center;
    background-size:17px 16px;
    cursor:pointer;
    display:none;
}
.trash_can:hover{ background-size:18px 17px; }
.trash_can_hover li:hover .trash_can{ display:block !important; }
.trash_can_hover li a{ display:block; }
.hover_back_change:hover{ background:#d7f3ff; }
.hover_color_change:hover{ color:#22a7df !important; }
.back_pink{ background:pink; }
.back_blue{ background:pink; }
.back_black{ background:pink; }
.height_457{ height:457px; }
.color_blue{ color:#25a7df; }
.float_right{ float:right !important; }
.overflow_hidden{ overflow:hidden; }

.panel_news_slider{ height:244px; }
.panel_news_slider img{ width: 100%; height: 244px; }
.panel_news_slider .flex-control-nav{
    top: 26px;
    right: 13px;
    width: auto;
    bottom: inherit;
}
.font_family_light{ font-family:"NotoSansKR-Light" !important; }
.hover_uderline:hover .underline{ text-decoration:underline; }
.panelCon .talk{
    width: 100%;
    padding: 0 30px 0 20px;
    box-sizing: border-box;
 }
 .panelCon .talk .txt{ width:100%; }
 .panelCon .talk .from{ padding:0 !important; }
 .panelCon .talk .more{ bottom: inherit; right: 22px;     top: 87px; }
 .border_bottom{ border-bottom:1px solid #565656; }
 .panelCon .border_bottom{ height:1px; border-bottom:1px dashed #e0e0e0; margin:12px 0; }
.panelCon .talk p{ color:#a0a0a0 !important; }
.panelCon .talk span{ color:#a0a0a0 !important; }
.panelCon .talk div{ color:#a0a0a0 !important; }
*+html body .panelCon .talk .txt{ width:161px !important; }



/* 공통으로 사용가능 */
.hover_uderline:hover .underline{ text-decoration:underline !important; }
.hover_back_change:hover{ background:#d7f3ff !important; }
.hover_color_change:hover{ color:#22a7df !important; }
.hover_color_change:hover .color_change{ color:#22a7df !important; }
.hover_border_change:hover{ border-color:#22a7df !important; }
.hover_border_change:hover .border_change{ border-color:#22a7df; }
.more_a:hover{ text-decoration:underline; }
.margin_right_109{ margin-right:109px; }
.margin_right_0{ margin-right:0 !important; }
.margin_left_0{ margin-left:0 !important; }
.margin_top_0{ margin-top:0 !important; }
.margin_top_14{ margin-top:14px; }
.margin_bottom_0{ margin-bottom:0 !important; }
.margin_right_24{ margin-right:24px; }
.margin_right_6{ margin-right:6px; }
.margin_right_3{ margin-right:3px; }
.padding_top_0{ padding-top:0 !important; }
.more{
    text-align:center;
    width:290px;
    font-size:16px;
    color:#949494;
    border:1px solid #b7b7b7;
    background:#fff;
    padding: 10px 0;
    outline:none;
    cursor:pointer;
    display:inline-block;
    margin-top:13px;
    margin-bottom:97px;
}
.more:hover{ color:#11a8f0; border-color:#11a8f0; }
.section_title,
.section_title + p{ text-align:center; width:900px; margin:0 auto; }
.section_title{ font-size:36px; font-weight:normal; color:#444444; margin-bottom:15px; padding-top:95px; }
.section_title + p{ font-size:14px; color:#9d9d9d; margin-bottom:44px; }
.margin_0_35{ margin:0 35px; }
.horizontal_wrap{ overflow:hidden; }
.horizontal{ float:left; }
.float_right{ float:right; }
.vertical_wrap{ display:block; }
.border{ border:1px solid #dcdcdc; }
.border_right{ border-right:1px solid #565656; }
.border_bottom{ border-bottom:1px solid #565656;  }
.border_bottom_none{ border-bottom:none !important;  }
.border_top{ border-top:1px solid #e8e8e8; }
.hide{ display:none !important; }
.show{ display:block !important; }
.color_black{ color:#000; }
.color_blue{ color:#25a7df !important; }
.color_white{ color:#fff !important; }
.color_red{ color:#f20000; }
.color_9d9d9d{ color:#9d9d9d; }
.color_444444{ color:#444444; }
.color_orange{ color:#f58220; }
.color_9d9d9d{ color:#9d9d9d; }
.color_707070{ color:#707070; }
.color_11a8f0{ color:#11a8f0; }
.color_ababab{ color:#ababab; }
.color_c8c8c8{ color:#c8c8c8; }
.color_b2b2b2{ color:#b2b2b2; }
.color_9e9e9e{ color:#9e9e9e; }
.color_898989{ color:#898989; }
.color_22a7df{ color:#22a7df; }
.color_8c8b8b{ color:#8c8b8b; }
.color_9f9f9f{ color:#9f9f9f !important; }
.color_858585{ color:#858585; }
.color_129aef{ color:#129aef; }
.size_10{ font-size:10px; }
.size_13{ font-size:13px; }
.size_12{ font-size:12px; }
.size_20{ font-size:20px; }
.size_14{ font-size:14px; line-height:20px; }
.size_15{ font-size:15px; line-height:22px;}
.size_38{ font-size:38px; }
.size_18{ font-size:18px !important; line-height:22px; }
.size_16{ font-size:16px; line-height:19px !important; }
.size_38{ font-size:38px; }
.size_46{ font-size:46px; }
.size_27{ font-size:27px; }
.size_24{ font-size:24px; }
.border_d8d8d8{ border:1px solid #d8d8d8; }
.relative{ position:relative; }
.absolute{ position:absolute !important; }
.overflow_hidden{ overflow:hidden !important; }
.overflow_visible{ overflow:visible !important; }
.overflow_x_auto{ overflow-x:auto !important; }
.overflow_x_hidden{ overflow-x:hidden !important; }
.oneline_ellipsis{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:block;
 }
.towline_ellipssis{
    display: -webkit-box;
    overflow:hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 32px ;
    line-height: 16px ;
 }
 .line{ display:block; width:17px; height:2px; background:#444444; }
 .background_white{ background:#fff !important; }
 .align_center{ text-align:center !important; }
 .align_left{ text-align:left !important; }
 .align_right{ text-align:right !important; }
.demilight{ font-family:"NotoSansKR-DemiLight"; }
.fixed{ position:fixed; }
.font_weight_600{ font-weight:600; }
.vertical_baseline{ vertical-align: baseline; }
.vertical_middel{ vertical-align: middle; }
.padding_8_11{ padding:0 8px 0 11px; }
.padding_top_59{ padding-top:59px !important; }
.margin_top_2{margin-top:2.1px;}
.margin_b_3{ margin-bottom:3px; }
.pointer{ cursor:pointer; }
.border_white{ border-color:#fff; }
.width_900{ width:900px; margin:0 auto; }
.weight_bold{ font-weight:bold; }
.weight_normal{ font-weight:normal; }
.break_word{ word-wrap:break-word; }
.nanum_bold{ font-family:"NanumGothic-Bold"; }


/* 토글박스 --------------------------------------------------------------------------------------------------------------------------------*/
/* 토글박스 --------------------------------------------------------------------------------------------------------------------------------*/
/* 토글박스 --------------------------------------------------------------------------------------------------------------------------------*/
.toggle_box{ background: url(/common/images/alert_box_arrow.png) no-repeat ; padding-top:7px; position:absolute; display:none; z-index:10000; }
.toggle_box > ul{ border:2px solid #25a7df; background:#fff; }
.toggle_box > ul li a{ padding: 6.5px 12px; display:block; }
.alert_btn + .toggle_box > ul li a{ padding: 8px 12px; }
.toggle_box > ul li{ text-align:left; position:relative; }
.user_btn + .toggle_box{ background-position: 62px top; top: 35px; right:-14px;  }
.user_btn + .toggle_box > ul{ width:90px; background-position: 62px top; }
.user_btn + .toggle_box > ul li{ width:100%; height:32px; }
.user_btn + .toggle_box > ul li a{ padding: 9px 0; text-align:center; }
.alert_btn + .toggle_box{ background-position: 117px top; top:35px; left:-102px; }
.alert_btn + .toggle_box > ul{ width:365px; height:auto;  }
.home_tn + .toggle_box{ background-position: 16px top; top:35px; left:0; }
.home_tn + .toggle_box > ul{ width:293px; height: auto; padding-bottom: 7.5px;  }
.home_tn a{ display:block; width:100%; height:100%; }
.toggle_box a p,
.toggle_box a span,
.toggle_box p span{ cursor:pointer; }

.toggle_box h4{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    margin:11px 0 11px 11px;
    color:#25a7df;
}
.samstory_rate{
    display:inline-block;
    color:#fff;
    width:54px;
    font-size:11px;
    padding: 2px 0 3px;
    text-align: center;
    position:absolute;
    top:6.5px;
    left:11.5px;
}
.samstory_name{
    color:#707070;
    margin-left: 62px;
    word-break: break-all;
    width: 203px;
    display: block;
    line-height: 15px;
    margin-bottom: 1px;
     }
.master{ background:url(/common/images/running_samstory_master.png) no-repeat; }
.sub_master{ background:url(/common/images/running_samstory_sub_master.png) no-repeat; }
.profile_s{ position:absolute; top: 11px; left:12px; }
.alert_text{ margin-left:31px; margin-right:31px; }
.alert_text p{ margin-bottom:4px; word-wrap:break-word; line-height: 15px; }
.alert_text p span{ margin-bottom: 3px; display: inline-block; }
.alert_btn + .toggle_box .round_btn{ margin:0 auto; margin-top:7px; margin-bottom:14px; padding:0; display:block; }
.alert_btn + .toggle_box .round_btn a{ padding: 6px 0 7px; display:block; }
.round_btn{
    width:107px;
    background: #fff;
    border-radius: 30px;
    font-size:13px;
    color:#b4b4b4;
    border:1px solid #dcdcdc;
    margin-top:7px;
    margin-bottom:14px;
    outline:none;
    cursor:pointer;
}
.round_btn{ padding: 6px 0 7px; }
.trash_can{
    width:18px;
    height:17px;
    position:absolute;
    right:16px;
    top:50%;
    margin-top:-8.5px;
    background:url(/common/images/trash_can.png) no-repeat center;
    background-size:17px 16px;
    cursor:pointer;
    display:none;
}
.trash_can:hover{ background-size:18px 17px; }
.trash_can_hover:hover .trash_can{ display:block !important; }
.trash_can_hover a{ display:block; }
.margin_bottom_0{ margin-bottom:0 !important; }
.margin-right_0{ margin-right:0 !important; }
.close_btn{
    width:24px;
    height:24px;
    display:inline-block;
    background:url(/common/images/close_btn.png) no-repeat;
    position:absolute;
    top:56px;
    right:1px;
    cursor:pointer;
}
.close_btn:hover{ background:url(/common/images/close_btn_blue.png) no-repeat; }
.close_btn.on{ background:url(/common/images/close_btn_blue.png) no-repeat; }
.question{
    width:86px;
    background:#565656;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 0;
    color:#adadad;
    cursor:pointer;
    vertical-align:middle;
    margin-left:8px;
}
.question:hover{ background:#494949; }
.question_p{margin-top:19px; vertical-align:middle;}

.hover_show_circle{ padding-left:10px; cursor:pointer; }
.hover_show_circle.on{ color:#11a8f0 !important; background:url(/common/images/main_nav_ellipse.png) no-repeat left center; }
/*.hover_show_circle:hover{ color:#11a8f0 !important; background:url(/common/images/main_nav_ellipse.png) no-repeat left center; }*/
.yellow_label {
    background-color: #fff154;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 5px;
}
.grey_label {
    background-color: #666666;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 5px;
}

.vertibar {
    color: #e0e0e0;
    padding-left: 15px;
    padding-right: 15px;
}

.CoolSmsBtn {
    font-size: 20px;
}

.red-link {
    color: red !important;
    text-decoration: underline;

}
.red-link2 {
    color: red !important;

}