@charset "utf-8";

html, body	{height: 100%; width: 100%;}
body	{margin: 0; padding: 0; -webkit-text-size-adjust: none;}

a	{text-decoration: none; outline: none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}

input, button, textarea	{outline: none; margin: 0}
section, aside, nav, header, footer	{display: block;}
figure	{display: inline-block; margin: 0; padding: 0;}
textarea	{resize: vertical;}
button, input[type=button]	{cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
button	{background: none; border: none;}
h1, h2, h3, h4, h5	{padding: 0; margin: 0; font-weight: normal;}
p	{padding: 0; margin: 0;}
ol, ul	{list-style: none; padding: 0; margin: 0;}


.hide	{display: block; visibility: hidden; padding: 0; margin: 0; height: 0; width: 0; overflow: hidden;}
.text_wide	{letter-spacing: 0.15em;}
.text_normal	{letter-spacing: 0; font-weight: 300;}
.pf	{display: inline-block; width: 80px; height: 80px; background: #FFF url(../images/profile.png) no-repeat center center; background-size: cover; overflow: hidden;}
.pf.small	{width: 40px; height: 40px;}
.pf.smaller	{width: 30px; height: 30px;}
.pf.round	{border-radius: 50%;}
.pf.lined	{position: relative;}
.pf.lined::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.pf.round.lined::after	{border-radius: 50%;}
.pf_img	{width: 100%; height: auto;}
.b_link	{text-decoration: underline;}
.b_link:hover	{text-decoration: none;}
.b_link2:hover	{text-decoration: underline;}

.ip_bs	{display: inline-block; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; vertical-align: middle;}
.ip_bs::-webkit-input-placeholder	{color: #bbb;}
.ip_bs::-moz-placeholder	{color: #bbb;}
.ip_bs:-ms-input-placeholder	{color: #bbb;}
.ip_bs:-moz-placeholder	{color: #bbb;}
textarea::-webkit-input-placeholder	{color: #bbb;}
textarea::-moz-placeholder	{color: #bbb;}
textarea:-ms-input-placeholder	{color: #bbb;}
textarea:-moz-placeholder	{color: #bbb;}
.bt_bs	{display: inline-block; height: 38px; line-height: 36px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; text-align: center;  transition-property: border, background-color; transition-duration: 0.2s; transition-timing-function: ease; vertical-align: middle; cursor: pointer;}
.bt_bs svg	{height: 11px; padding-bottom: 2px; vertical-align: middle;}
a.bs_bs svg	{line-height: 36px;}
.bt_bs2	{height: 32px; line-height: 30px;}
a.bs_bs2 svg	{line-height: 30px;}
.bt_color	{letter-spacing: 0.15em;}
.bt_mono	{letter-spacing: 0.15em;}
.bt_half .bt_bs	{width: calc(50% - 5px);}
.bt_half .bt_bs:first-of-type,
.bt_duo .bt_bs	{margin-right: 10px;}
.bt_duo .bt_bs:last-of-type	{margin-right: 0;}
.bt_full .bt_bs	{width: 100%;}
.bt_box	{height: calc(100% + 2px); padding: 0 15px; margin: -1px -1px -1px 0; letter-spacing: 0;}
.bt_left .bt_box	{margin: -1px 0 0 -1px;}
.bt_group .bt_bs	{position: relative; border-radius: 0; margin-right: -1px;}
.bt_group .bt_bs:hover	{z-index: 1;}
.bt_group .bt_bs:first-of-type	{border-radius: 2px 0 0 2px;}
.bt_group .bt_bs:last-of-type	{border-radius: 0 2px 2px 0; margin-right: 0;}

.bt_bottoms	{position: fixed; right: 15px; bottom: 15px; width: 40px; z-index: 98;}
.bt_bottoms .bt	{display: inline-block; width: 40px; height: 40px; box-sizing: border-box; background-color: #333;}
.bt_bottoms svg	{color: #FFF;}
.bt_bottoms .bt_layout_top	{display: none;}

.closed .close,
.opened .open	{display: none;}
.closed .open,
.opened .close	{display: inline-block;}

/* layout */
.dummy	{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.3; z-index: 99;}
.hg_loading	{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 5px; overflow: hidden; z-index: 200; text-align: center;}
.hg_loading::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.hg_loading svg	{margin-top: 10px; margin-left: 3px;}

/* nav */
#gnb .addon_menu_new,
#gnb .addon_menu_new_comment	{vertical-align: middle; margin-left: 3px !important; margin-bottom: 3px;}
.hg_gnb .svg_folder	{position: relative; vertical-align: middle; margin: 0 3px 3px 0; font-size: 16px;  z-index: 5;}
#gnb img.menu_new,
#gnb img.menu_new_comment	{vertical-align: middle; margin-bottom: 2px;}
.pr_mymenu_edit img.menu_new,
.pr_mymenu_edit img.menu_new_comment	{vertical-align: middle !important; margin-bottom: 2px;}


/* login */
.site_login .ip_bs	{display: block; position: relative; width: 100%; height: auto;}
.site_login .ip_bs:focus	{z-index: 1;}
.site_login .ip_bs:nth-of-type(7)	{border-radius: 2px 2px 0 0; margin-bottom: -1px;}
.site_login .ip_bs:nth-of-type(8)	{border-radius: 0 0 2px 2px;}

.site_login .ex	{position: relative; margin-top: 15px; text-align: right;}
.site_login .ex .i_check	{float: left;}
.site_login .keep_desc	{display: none; padding: 12px 15px; text-align: left;}

.logged .point_bar	{position: relative;}
.logged .point_current	{position: absolute; left: 0; top: 0; height: 100%;}
.logged .level	{position: relative; z-index: 1;}
.logged .percent	{float: right;}

/* sns login */
.sns_login	{position: relative; text-align: center;}
.sns_login.not_only	{padding-top: 50px;}
.sns_login.not_only::before	{content: ''; position: absolute; left: 0; top: 25px; width: 100%; height: 1px;}
.sns_login.not_only::after	{content: 'OR'; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 20px; padding: 0 10px; background-color: #FFF; font: 10px "Arial";}
.sns_login .bt_sns	{position: relative; width: calc(20% - 4px); padding: 54px 0 10px; margin-right: 5px; background-position: center 5px; font-size: 10px; color: #FFF;}
.sns_login .bt_sns::after	{content: ''; position: absolute; left: 0; top: 44px; height: 1px; width: 100%; background-color: #414347; opacity: 0.1;}
.sns_login .bt_sns	{display: inline-block; background-size: 34px 34px; background-repeat: no-repeat;}
.sns_login .bt_sns:last-of-type	{margin-right: 0;}
.sns_login .sns_twitter	{background-color: #65bee3; background-image: url(../images/s_twitter.png);}
.sns_login .sns_facebook	{background-color: #7488c1; background-image: url(../images/s_facebook.png);}
.sns_login .sns_google	{background-color: #e27474; background-image: url(../images/s_google.png);}
.sns_login .sns_naver	{background-color: #85bb54; background-image: url(../images/s_naver.png);}
.sns_login .sns_kakao	{background-color: #f3e545; background-image: url(../images/s_kakao.png);}

/* notify */
.notify_total	{display: inline-block; position: absolute; color: #FFF; z-index: 5;}
.notify	{overflow: hidden;}
.notify_list>ul>li	{position: relative; min-height: 40px; border-bottom: 1px dotted #DDD;}
.notify_list>ul>li:last-child	{border-bottom: none;}
.notify_list	{line-height: 160%;}
.notify_list .notify_type	{display: inline-block; position: absolute; color: #FFF; z-index: 2;}
.notify_list .list_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.notify_list .pf	{position: absolute;}
.notify_delete .bt_area	{border-top: none;}

.sidebar_left .notify_total	{left: 30px;}
.sidebar_left .bt_notify	{left: 0;}

/* footer */
.hg_copyright svg	{display: none;}

/* i check */
.i_check	{position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
.i_check input	{position: absolute; opacity: 0;}
.i_check>span	{display: inline-block; width: 16px; height: 16px; line-height: 18px; margin-right: 5px; border-radius: 3px; background-color: #FFF; text-align: center; -webkit-transition-duration: .4s; -webkit-transition-property: background-color; vertical-align: middle;}
.i_check input + span>span	{display: none;}
.i_check input:checked + span>span	{display: inline-block; color: #FFF;}
.i_radio span	{border-radius: 50% !important;}

/* etc */
#popup_menu_area	{outline: none !important; box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}


/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.clearfix:after {
    clear: both;
}

/* layout slider */
.single_image	{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999px;}
.swiper-con .swiper-slide	{background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999px;}
.swiper-con .swiper-slide a,
.content_slider .single_image a	{display: block; position: absolute; width: 100%; height: 100%; text-indent: -9999px;}
.swiper-con .swiper-pagination	{position: absolute; left: 0; bottom: 10px; right: 0; width: 100%; text-align: center; z-index: 10;}
.swiper-con .swiper-pagination-bullet	{display: inline-block; background-color: #FFF; opacity: 0.5; cursor: pointer;}
.swiper-con .swiper-pagination-bullet-active	{opacity: 1;}

/* swiper */
.swiper_ctn,
.swiper_ctn2,
.swiper-con {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide	{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}