@charset "utf-8";
html, body	{height: 100%; width: 100%;}
body{
	margin: 0;
	font:12px "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
	text-align: center;
}

a	{outline: none;}
a:link	{text-decoration:none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none; background-color: transparent}
ul, ol, dl, dd, dt	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, p	{margin:0; padding:0;}
img	{border:none;}
button	{background: none; border: none; cursor: pointer; padding: 0; margin: 0;}
input, textarea, button, select	{font:12px "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; outline: none;}
table	{font:12px "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
button:active	{margin: 0;}
textarea	{line-height: 160%; font-size: 13px; resize: vertical;}

.eng	{font-family: 'verdana';}
.ib	{display: inline-block;}
.num	{font: 11px "Trebuchet MS";}
.iw2-head,
#sidebar h3	{margin-bottom: 20px; padding:12px 16px; font-size: 13px;}



/* layout */
#container	{position: relative; min-width: 1000px; min-height: 100%; background-position: center top; background-repeat: no-repeat;}
#header-wrap	{min-width: 1000px;}
#header	{margin: 0 auto; width: 1000px;}
#top-image	{margin: 0 auto; width: 1000px;}
#top-image.full-slider	{width: auto;}
#wrapper	{margin: 0 auto; padding: 0 0 30px; width: 1000px; text-align: left;}
#content-box	{padding-top: 20px;}
#content-box.narrow	{width: 750px;}
#sidebar	{padding-top: 20px; width: 200px;}
.two-col-r #sidebar,
.two-col-l #content-box	{float: right;}
.two-col-l #sidebar,
.two-col-r #content-box	{float: left;}
#footer	{padding: 30px 0; position: absolute; bottom: 0 !important; width: 100%; z-index: 40;} 

/* full size */
#container.full #header	{width: auto; padding: 40px;}
#container.full #top-menu	{width: auto; padding: 0 40px;}
#container.full #top-image	{width: auto;}
#container.full #wrapper	{position: relative; width: auto;}
#container.full #content-box	{float: none; width: auto; padding: 20px 40px 0;}
#container.full .two-col-l #content-box	{padding-left: 290px; padding-right: 40px;}
#container.full .two-col-r #content-box	{padding-right: 290px; padding-left: 40px;}
#container.full #sidebar	{float: none; position: absolute; top: 0;}
#container.full .two-col-l #sidebar	{left: 40px;}
#container.full .two-col-r #sidebar	{right: 40px;}

/* top menu */
.search form,
.search fieldset,
.search legend	{padding: 0; margin: 0; border: none;}
.search legend	{display: none;}

#top-menu-wrap	{position: absolute; z-index: 5; width: 100%; height: 34px; opacity: .08; -moz-opacity: 0.08; filter: alpha(opacity=8);}
#top-menu-wrap.use-color	{ opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100);}
#top-menu	{position: relative; z-index: 10; margin: 0 auto; width: 1000px; height: 34px;}
#global-search	{float: left; text-align: left; margin-top: 10px;}
#member-menu	{float: right; text-align: left;}
#member-menu li	{display: inline-block; padding: 0 10px; vertical-align: middle; line-height: 34px;}
#member-menu a	{opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60); letter-spacing:-0.5px; font-size: 11px;}
#area-lang	{position: relative;}
#area-lang .bt-lang	{display: inline-block; padding: 1px 5px 0; text-transform: uppercase; font-size: 10px; line-height: 14px;}
#area-lang .select-lang	{display: none; position: absolute; right: 0; top: 30px; border-bottom: none !important;}
#area-lang .select-lang:before	{content: '';position: absolute; bottom: 100% ;right: 11px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;}
#area-lang .select-lang:after {content: '';position: absolute; bottom: 100%; right: 12px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }
#area-lang .select-lang li	{display: block; padding: 0; margin: 0;}
#area-lang .select-lang .change-lang	{padding: 6px 10px; margin: 0; font-size: 11px;}
.in-global-search	{height: 17px; width: 20px; border: none;}
.in-global-search.on	{padding: 0 10px; background-image: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

/* header */
#header-wrap.fixed	{position: fixed; width: 100%; z-index: 200;}
@media \0screen {
#header-wrap.fixed:after	{content: ''; display: block; position: absolute; top: 100%; width: 100%; height: 5px;}
}
#header-wrap.fixed #header	{padding: 10px 40px !important;}

#header	{padding: 40px 0;}
#header h1	{font-size: 0;}
#header h1 a	{font-size: 20px;}
.ver #header h1	{margin-bottom: 30px;}
.hor #header h1	{float: left;}
.hor #header h1:before	{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;}
.hor #header h1 a	{display: inline-block; vertical-align: middle;}
.hor #header .main-nav	{float: right;}
.full .hor .main-nav	{right: 40px;}
.hor .main-nav ul.e	{margin-right: -18px;}
.hor .main-nav ul.e:before	{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;}
.main-nav li	{display: inline-block; padding: 10px 0; position: relative; margin: 0 18px; font-size: 0; vertical-align: middle;}
.main-nav li img	{margin: 5px 0;}
.main-nav li a	{padding: 10px 0; font: 12px "verdana", "맑은 고딕", "Malgun Gothic", 'Nanum Gothic', "나눔고딕", "NanumGothic", "돋움", "dotum"; text-transform: capitalize;}
.main-nav li ul	{position: absolute; display: none; padding: 0; box-shadow: none !important; min-width: 120px; border-bottom: none !important; text-align: left;}
.main-nav li ul:before	{content: '';position: absolute; bottom: 100% ; left: 35px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;}
.main-nav li ul:after {content: '';position: absolute; bottom: 100%; left: 36px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.full .main-nav li:last-child ul:before	{left: auto; right: 35px;}
.full .main-nav li:last-child ul:after {left: auto; right: 36px;}
@media \0screen {
	.main-nav li.last-child ul:before	{left: auto; right: 35px;}
	.main-nav li.last-child ul:after {left: auto; right: 36px;}
}
.main-nav li ul li	{display: block; margin: 0; padding: 0;  white-space: nowrap;}
.main-nav li ul li a	{display: block; padding: 8px 12px 10px; line-height: 1.0; text-transform: none; font-size: 11px;}

.bt-menu	{display: block; position: absolute; top: 40px; right: 40px; width: 28px; height: 23px; text-indent: -9999px;}
.bt-menu-ex	{display: none; position: absolute; top: 40px; right: 80px; padding: 4px 10px 0; height: 17px; font: 11px/11px "Verdana";}
.bt-menu-ex:before	{content: '';position: absolute; left: 100% ; top: 5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.bt-menu-ex:after {content: '';position: absolute; left: 100%; top: 6px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

#header-wrap.hide .main-nav	{display: none; float: none; position: fixed; top: 0; right: 0; margin-right: -17px; width: 287px; height: 100%; z-index: 100; overflow-y: scroll; overflow-x: hidden; text-align: left; }
.hide .bt-closemenu	{display: none; position: fixed; top: 0; right: 270px; z-index: 110; width: 50px; height: 50px; text-indent: -9999px;}
.hide .main-nav li	{display: block; margin: 0; font-size: 12px;}

.sidemenu-search	{padding: 16px 0 0 15px; height: 34px;}
.sidemenu-search input	{width: 200px; border: none; background: none;}

#member-menu-hide .login a	{display: inline-block; padding: 15px 43px;}

.member-open	{padding: 10px; cursor: pointer;}
.member-open.arrow-up	{background: url('../images/icn_arrow_up.png') no-repeat 240px center;}
.member-open .pf-image	{display: inline-block; margin-right: 8px; width: 30px; height: 30px; background: url('../images/icn_profile_comment.png') no-repeat center center; vertical-align: middle;}
.member-open .author	{display: inline-block; vertical-align: middle;}

#member-menu-hide ul	{display:none;}
#member-menu-hide ul li	{padding: 10px 0 10px 40px}

#hide-menu	{padding-bottom: 30px; margin-right: -18px;}
#hide-menu li	{display: block; padding: 0 15px 0 0;}
#hide-menu li a	{display: block; padding: 14px 0 14px 40px; margin-right:38px;  background: url('../images/icn_folder.png') no-repeat 15px center; font-size: 14px;}
#hide-menu li.selected a span,
#hide-menu ul li.selected a	{padding-right: 18px; background: url('../images/icn_tick.png') no-repeat right center;}

#hide-menu .arrow	{position: absolute; right: 28px; top: 0; height: 45px; width: 25px; text-indent: -9999px; cursor: pointer;}
#hide-menu .arrow-up	{background: url('../images/icn_arrow_up.png') no-repeat center center;}
#hide-menu .arrow-down	{background: url('../images/icn_arrow_down.png') no-repeat center center;}

#hide-menu ul	{display: block; position: static; border: none; margin-right: -18px;}
#hide-menu ul:before	{display: none;}
#hide-menu ul:after	{display: none;}
#hide-menu ul li	{border-bottom: none; padding: 8px 0;}
#hide-menu ul li a	{display: inline; background-image: none; font-size: 12px;}



/* footer */
#bottom-menu	{padding-bottom: 20px;}
#bottom-menu .bt-ex	{position: relative; margin: 0 10px; cursor: pointer;}
#bottom-menu .ex	{display: none; position: absolute; top: -43px; left: 2px;}
.bottom-search	{margin: 20px auto 0; width: 163px; height: 26px; display: none;}
.bottom-search form,
.bottom-search fieldset,
.bottom-search legend	{padding: 0; margin: 0; border: none;}
.bottom-search legend	{display: none;}
.list-lang	{display: none; padding-top: 20px;}
.list-lang li	{display: inline-block; padding: 0 5px; vertical-align: top;}
#extra-info	{line-height: 180%; font-size: 11px; opacity: .5; -moz-opacity: 0.5; filter: alpha(opacity=50);}


/* sidebar */
#sidebar	{overflow: hidden;}
#sidebar .module	{margin-bottom: 30px;}
#sidebar-search	{padding: 6px 30px 6px 10px; -webkit-background-clip: padding-box; background-clip: padding-box; background: url('../images/icn_search_sidebar.png') no-repeat 170px center;}
#sidebar-search .in-sidebar-search	{border: none; background: none;}
#sub-menu li a	{display: block; padding: 12px 5px;}
#sub-menu li ul	{padding: 5px 0;}
#sub-menu li ul li a	{padding: 5px 0 5px 25px; border-bottom: none;}
.sidebar-banner	{margin-bottom: 10px;}
.sidebar-banner img	{max-width: 200px; height: auto;}

/* top image */
.swiper-container	{margin:0 auto; width: 1000px; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper {
	position:relative;
	width:100%;
	height: 380px;
	overflow: hidden;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-slide	{float: left;}
.swiper-slide a	{display: block; width: 100%; height: 100%;}
.swiper-slide img	{width: 1000px; height: auto;}
.swiper-pagination	{padding: 15px 0 0; text-align: center;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 5px; -webkit-border-radius: 5px; margin: 0 5px; cursor: pointer;}


.full-slider .swiper-container	{width: 100%;}
.full-slider .swiper-slide	{background-position: center center;-webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 380px; width: 100%;}
.space-wrap	{padding: 0 40px;}


/** member **/
.area-bt	{padding-top: 20px;}
.area-bt2	{padding-bottom: 20px;}
.fr	{float: right;}
.fl	{float: left;}
.fr .bt	{margin-left: 6px;}
.fl .bt	{margin-right: 6px;}

.bt-basic,
.bt-basic-s	{display: inline-block; padding: 6px 10px;}


/* message */
.message-wrap	{width: 100%; text-align: center;}
.message-wrap .module	{margin-top: 40px;}
.message-form h3	{padding: 20px 0;}
.message-form h3 .author	{font-size: 12px; font-weight: normal; opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60);}
.message-form	{margin: 0 auto; width: 450px; text-align: left;}
.message-form .in	{display: block; padding: 0 14px !important; margin-bottom: 8px; width: 420px; height: 40px !important; line-height: 35px !important;}
.message-form p.mss	{display: block; padding: 10px 14px 12px; line-height: 180%;}
.area-message	{position: relative; margin-top: 8px; height: 50px;}
.area-message .bt	{display: block; position: absolute; top: 0; width: 50px; height: 28px; text-indent: -9999px;}
.area-message .bt-cancel	{right: 49px;}
.area-message .bt-submit	{right: 0;}
.area-message .bt-cancel,
.area-message .bt-submit	{background-repeat: no-repeat; background-position: center center;}
.area-message .area-bt	{padding-top: 0;}

.message-form .sbHolder	{margin-bottom: 8px; width: 100%; height: 40px; line-height: 40px;}
.message-form .sbSelector	{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message-form .sbOptions	{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.message-form .sbToggle	{background-position: 0 16px;}
.message-form .sbToggleOpen	{background-position: 0 -14px;}

.in-pass	{font: 16px verdana;}

.login .hp	{display: block; padding-top: 10px; margin-top: 10px; line-height: 180%; font-size: 11px;}
.login p input	{vertical-align: middle}
.login p label	{padding-left: 5px; font-size: 11px;}

/* member_info */
.tab-member	{margin-bottom: 30px; overflow: hidden; font-weight: bold;}
.tab-member ul	{width: 120%;}
.tab-member li	{display: inline-block; padding:12px 16px; }
.tab-member li:last-child	{border-right: none;}

.member-table	{width: 100%; border-collapse: collapse;}
.member-table td	{padding: 16px 16px 17px;}
.member-table td.title	{padding-left: 5px; width: 180px;}
.member-table td.desc div	{line-height: 180%;}
.member-table input	{margin: 0; padding: 0 0 0 10px; width: 200px; height: 26px; line-height: 26px; border:}
.member-table input[type='radio']	{margin: 0 5px; width: auto; height: auto; border: none; line-height: 1.0; vertical-align: middle;}
.member-table input[type='button']	{width: 50px;}
.member-table em	{display: inline-block; margin-right: 5px; width: 18px; height: 15px; text-indent: -9999px;}
.member-table .help-block,
.member-table .help-inline	{margin-top: 5px;}

.agreement	{padding: 8px 8px 20px;}
.agreement .text	{padding: 10px 15px 15px; height: 150px; overflow: auto;  line-height: 180%;}
.agreement .confirm	{margin-top: 5px;}
.agreement .confirm input	{vertical-align: middle;}
.agreement .confirm label	{padding-left: 5px;}

.member-table .sbHolder	{margin-bottom: 8px; display: block;}
.member-table .sbHolder,
.member-table .sbSelector,
.member-table .sbOptions	{ width: 210px;}

/* friend list */
.friend-form .bt	{vertical-align: top;}
.friend-form .ib .bt-basic	{margin-top: 0;}


/** board **/
.iw2-board .in	{height: 24px; line-height: 24px; height: 26px \0/IE8+9; line-height: 26px \0/IE8+9;}
.header-board .iw2-head	{margin-bottom: 30px;}
.bt-image {display: inline-block; margin-top:0; padding: 6px 10px; height: 14px; height: 16px \0/IE8+9; width: 30px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center;}
.no-image	{display: block;}

.img-author	{padding-left: 18px;;}
.img-date	{padding-left: 18px; font: 11px "trebuchet MS"}
.img-category	{padding-left: 18px; }
.img-hit	{padding-left: 16px; font: 11px "trebuchet MS"}
.img-vote	{padding-left: 16px; font: 11px "trebuchet MS"}

/* category */
.tab-board	{padding-bottom: 40px; height: 30px;}
.tab-board ul	{float: left;}
.tab-board li	{display: inline-block; margin-right: 30px; position: relative;}
.tab-board li:last-child	{margin-right: 0;}
.tab-board li a	{display: block; padding: 0 3px 15px 3px;}
.tab-board li ul	{position: absolute; display: none; padding: 0; border-bottom: none !important; text-align: left; box-shadow: none !important;}
.tab-board li ul li	{display: block; margin: 0; padding: 0; white-space: nowrap;}
.tab-board li ul li a	{display: block; padding: 10px 12px; line-height: 1.0; text-transform: none; font-size: 11px;}


/* gallery list */
.gallery-list fieldset	{border: none; padding: 0; margin: 0;}
.gallery-list legend	{display: none;}

.gallery-list .notice	{margin-bottom: 30px;}
.gallery-list .notice li	{padding: 10px 0 10px 45px; background: url('../images/black_icn_notice.png') no-repeat left center;}
.gallery-list .notice .date	{float: right; font: 11px "trebuchet MS";}

.g-wrap	{vertical-align: top; font-size: 0;}

.g-wrap .area-thumb	{z-index: 5;}
.g-wrap .area-thumb img	{width: 100%; height: auto;}

.g-wrap li.g-list	{display: inline-block; margin: 0 0 30px; word-break: break-all; vertical-align: top;}
.g-wrap .full-g-list	{position: relative; margin: 0 12px;}
.g-wrap .boxed	{padding: 10px 10px 2px;}

.g-wrap .area-info	{padding: 10px 2px 0;}
.g-wrap .wrapped .area-info	{position: relative; margin-top: 8px; padding: 12px 15px 2px;}
.g-wrap .wrapped .area-info:after	{content: ''; display: block; position: absolute; top: 100%; left: -1px; width: 100%; height:3px; z-index: -1;}
.g-wrap .area-title	{margin-bottom: 8px; font-size: 12px; line-height: 160%; font-weight: bold;}
.g-wrap .date_author	{margin-bottom: 10px;}
.g-wrap .date_author li	{display: inline-block; padding-right:11px; line-height: 100%; font-size: 12px;}
.g-wrap .date_author li:last-child	{padding-right: 0; padding-left: 11px; border-right: 0;}
.g-wrap .date_author li:only-child	{padding: 0;}
.g-wrap .date	{font: 12px "Trebuchet MS"}
.g-wrap .summary	{margin-bottom: 10px; font-size: 12px; text-align: left; line-height: 180%;}
.g-wrap .list-category	{display: block; font-size: 11px;}

.g-wrap.list-b .area-thumb	{position: relative;}
.g-wrap.list-b .area-info	{display: none; position: absolute; left: 0; bottom: 0; padding: 10px 12px 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('../images/bg_info.png'); z-index: 10; color: #BBB;}
.g-wrap.list-b a.area-link	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 50; background-image: url('../images/bg_blank.png');}
.g-wrap.list-b .date_author li	{border-right: 1px solid #666; background: none;}
.g-wrap.list-b .date_author li:last-child	{border-right: none;}
.g-wrap.list-b .date,
.g-wrap.list-b .author	{color: #999;}
.g-wrap.list-b .boxed	{padding: 10px;}
.g-wrap.list-b .list-category	{color: #bddffb;}
.g-wrap.list-b .list-reply	{color: #999;}


.g-wrap.list-b .news .area-info	{display: block; padding: 15px 15px 5px; background: none; z-index: 20; text-align: left}
.g-wrap.list-b .news .bg-news	{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url('../images/bg_news.png') repeat-x left bottom;}
.g-wrap.list-b .news .area-title	{margin-bottom: 5px; font-size: 14px;}
.g-wrap.list-b .iCheck	{position: absolute; bottom: -23px;}

.g-wrap.list-c	{margin-bottom: 30px;}
.g-wrap.list-c li.g-list,
.g-wrap.list-c .full-g-list	{margin: 0;}

.g-wrap.list-d .full-g-list	{overflow: hidden;}
.g-wrap.list-d .area-info	{position: relative; padding-top: 15px; text-align: left;}
.g-wrap.list-d .area-title	{padding: 0 15px 0 67px; margin-bottom: 15px;}
.g-wrap.list-d .pf-image	{position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.g-wrap.list-d .title	{font-weight: normal;}
.g-wrap.list-d .author	{margin-bottom: 4px;}
.g-wrap.list-d .author a	{font-size: 14px;}
.g-wrap.list-d .summary	{padding: 0 15px;}
.g-wrap.list-d .ex-info	{font-size: 11px; overflow: hidden;}
.g-wrap.list-d .ex-info ul	{width: 150%;}
.g-wrap.list-d .ex-info li	{display: inline-block; padding: 8px 12px;}
.g-wrap.list-d .ex-info li:last-child	{border-right: none;}


/* board list */
.no-document	{padding-bottom: 20px;}
.notice-image	{display: block; margin: 0 auto; width: 34px; height: 13px; text-indent: -9999px;}
.list-category,
a.list-category,
.list-category a	{font-weight: normal;}
.list-reply,
a.list-reply	{font: 11px "Trebuchet MS"; font-weight: normal;}
.list-footer .area-bt	{height: 28px;}
.list-search	{float: left; display: none; margin: 0 2px !important;}
.list-search .bt	{vertical-align: top;}
.list-search .sbHolder,
.list-search .sbSelector,
.list-search .sbOptions	{width: 100px;}
.list-search .in	{padding-left: 8px;}

.bt-listsearch	{float: left; background-position: center 4px; }
.bt-listsearch.close	{background-position: center -19px;}
.bt-listtag	{float: left;}

/* tag list */
.tag-list	{text-align: center;}
.tag-list li	{display: inline-block; padding: 5px 2px;}
.tag-list li a	{display: inline-block;  padding: 5px 8px; border-radius: 5px; -webkit-border-radius: 5px;}
.tag-list li.rank1 a	{font-size: 32px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.tag-list li.rank2 a	{font-size: 26px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.tag-list li.rank3 a	{font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.tag-list li.rank4 a	{font-size: 16px;}


/* board read */
.read-board	{padding-bottom: 60px;}

.read-title.top	{margin-bottom: 15px;}
.read-title h1	{float: left; padding: 13px 0; font-size: 14px; line-height: 160%; word-break: break-all;}
.read-title h1 a	{margin-right: 8px;}
.read-title.bottom h1	{float: left;}
.read-title-info	{float: right;}
.read-title-info	{padding-top: 17px;}
.read-title-info li	{display: inline-block; padding: 0 10px 0 11px; font-size: 11px;}
.read-title-info li:first-child	{border-left: none;}
.read-title-info li:last-child	{padding-right: 0;}

.read-board .bt-scrap	{display: inline-block; padding: 3px 5px 3px 23px; font-size: 11px;}

.read-body	{position: relative; padding: 0 0 40px;}
.read-body.top	{margin-top: 40px;}
.read-body .xe_content,
.read-body .xe_content p	{line-height: 180%; font-size: 13px;}
.read-secret p	{margin-bottom: 10px;}

.read-extra	{position: relative; margin-bottom: 30px; min-height: 28px;}
.read-bt-extra	{position: absolute; left: 0; bottom: 0;}
.read-bt-extra li	{display: inline-block; position: relative; padding-right: 3px; vertical-align: top}
.read-bt-extra button	{height: 32px; line-height: 100%;}

.read-bt-extra button.bt-vote	{padding: 0 10px 0 40px; background-repeat: no-repeat; background-position: 8px center;}
.read-bt-extra button.bt-blame	{padding: 0 40px 0 10px; background-repeat: no-repeat; background-position: 32px center;}
.vote-num,
.blame-num,
.bt-file	{font: 14px Verdana;}
.bt-declare	{padding: 1px 0; width: 32px; text-indent: -9999px;}
.bt-tag	{padding: 1px 0; width: 32px; text-indent: -9999px;}
.bt-file	{padding: 0 10px 0 35px;}

.read-declare,
.read-tag,
.read-file	{display:none; position: absolute; bottom: 45px; left: -65px; width: 136px; text-align: center;}
.read-file	{left: -30px;}
.read-declare:before,
.read-tag:before,
.read-file:before	{content: '';position: absolute; top: 100% ; left: 50%; margin-left: -7px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;}
.read-declare:after,
.read-tag:after,
.read-file:after {content: '';position: absolute; top: 100%; left: 50%; margin-left: -6px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }


.read-declare	{padding: 15px 12px;}
.read-tag	{padding: 13px 12px; line-height: 160%;}
.read-tag li	{display: inline-block; padding: 0 8px 0 4px;}
.read-tag li:first-child	{padding-left: 0;}
.read-tag li:last-child	{background: none; padding-right: 0;}
.read-file	{width: auto; white-space: nowrap;}
.read-file:before	{left: 48px; margin-left: 0;}
.read-file:after	{left: 49px; margin-left: 0;}
.read-file li	{padding: 10px;}
.read-file li:last-child	{border-bottom: none;}

.file-size	{font: 11px Verdana;}

.read-sign	{float: right; position: relative; padding: 15px 95px 0 0; width: 330px; min-height: 80px; text-align: right;}
.read-sign .pf-image	{display: block; position: absolute; right: 0; top: 20px; width: 80px; height: 80px;}
.read-sign .pf-image img	{width: 80px; height: 80px;}
.read-sign .sign-con	{line-height: 180%;}

.read-ex	{margin-bottom: 40px; text-align: center;}
.ex-table	{margin: 0 auto; max-width: 600px; width: 100%; border-collapse: collapse; text-align: left}
.ex-table th,
.ex-table td	{padding: 10px 12px;}
.ex-table th	{text-align: left; white-space: nowrap;}


/* comment & read control */
.read-control	{position: absolute; right: -30px; top: 40px; z-index: 50;}
.read-control.right	{left: -80px;}
.read-control ul	{position: fixed;}
.read-control li	{margin-top: -1px;}

.read-control3	{margin-bottom: 15px; text-align: right;}
.read-control3 li	{display: inline-block; margin-left: 12px;}
.read-control3 li a	{padding-left: 16px; background-repeat: no-repeat; background-position: left -16px;}
.read-control3 li a.bt-list2	{background-position: left center;}

.bt-image-b	{display: inline-block; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; text-indent: -9999px;}
a.bt-image4	{display: inline-block; padding-top: 27px; width: 50px; height:23px; background-position: center 10px; background-repeat: no-repeat; text-align: center;}
a.bt-image4.bt-edit,
a.bt-image4.bt-del	{background-position: center -8px;}


.comment-control	{position: absolute; right: 0; top: 15px;}
.comment-control a	{display: inline-block; margin-left: 10px; padding-left: 15px; background-position: left 2px; background-repeat: no-repeat;}
.comment-control.on a	{background-position: left -16px;}

.read-control2	{text-align: right;}
.read-control2 a	{margin-left: -1px; text-align: left;}


/* comment */
.comment	{position: relative;}
.comment .pagination	{position: absolute; bottom: -35px; text-align: left;}
.comment .pagination .page-num-wrap	{padding: 0 10px; height: 14px; background: none;}
.comment .pagination .page-dir	{height: 14px; width: 7px;}
.comment .pagination .page-num	{padding: 0px 8px;}

/* comemnt write */
.comment-write-wrap	{padding-bottom: 20px;}
.comment-write-extra	{float: left;}
#comment-write	{float: right;}
.bt-comment	{display: inline-block; position: relative; height: 40px; width: 50px; text-align: center; font: 14px/40px Verdana; vertical-align: top;}
.bt-comment:before	{content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;}
.bt-comment:after	{content: ''; position: absolute; top: 100%; left: 50%; margin-left: -7px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.comment-write-wrap .pf-image	{display: inline-block; margin-right: 9px; width: 40px; height: 40px;}
.comment-write-wrap .pf-image img	{width: 40px; height: 40px;}
.bt-commentwrite	{display: inline-block; padding-left: 15px; width: 100%; height: 40px; line-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; cursor: text;}
.comment-write-form	{padding-bottom: 20px; overflow: hidden; position: relative;}
.comment-write-form.off	{padding-bottom: 0; height: 0; border-bottom: none;}
.comment-write .area-bt	{padding-top: 10px;}
.iLabel	{padding-left: 8px; line-height: 26px;}
.comment-write .in	{padding:  0 8px;}
.comment-write .area-bt	{position: relative; overflow: hidden;}

/* comment list */
.comment-list	{margin-bottom: 20px;}
.c-list	{position: relative; padding: 15px 0; min-height: 40px;}
.comment-list li:first-child .c-list	{border-top: none;}
.c-list.pf	{padding-left: 53px;}
.c-list .pf-image	{display: block; position: absolute; left: 0; top: 17px; width: 40px; height: 40px;}
.c-list .pf-image img	{width: 40px; height: 40px;}
.c-list .author	{font-size: 14px;}
.c-list .author .member	{font-weight: bold;}
.c-list .date	{padding-left: 5px; font: 12px 'Century Gothic', Verdana;}

.comment-vote-wrap	{display: inline-block; margin-left: 5px; padding-left: 8px;}
.comment-vote button	{display: inline-block; margin: 0 5px; width: 14px; height: 18px; background-repeat: no-repeat; background-position: center top; text-indent: -9999px;}
.comment-vote.on button	{background-position: center -23px;}
.comment-vote .vote-num,
.comment-vote .blame-num	{font-size: 12px;}

.comment-body	{padding-top: 10px;}
.comment-body .xe_content,
.comment-body .xe_content p	{line-height: 180%;}

.c-list .bt-file	{position: absolute; right: 0; bottom: 15px; height: 32px; line-height: 100%;}
.comment-filelist	{display: none; position: absolute; right: 0 ; bottom: 60px;}
.comment-filelist:before	{content: '';position: absolute; top: 100% ; right: 15px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;}
.comment-filelist:after {content: '';position: absolute; top: 100%; right: 16px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.comment-filelist li	{padding: 10px;}
.comment-filelist li:last-child	{border-bottom: none;}


.comment-list li.indent	{padding-left: 50px;}
.comment-list li.indent2	{margin-left: 50px;}
.comment-list li.indent3	{margin-left: 100px;}
.comment-list li.indent4	{margin-left: 150px;}
.comment-list li.indent5	{margin-left: 200px;}
.comment-list li.indent6	{margin-left: 250px;}
.comment-list li.indent7	{margin-left: 300px;}
.comment-list li.indent8	{margin-left: 350px;}
.comment-list li.indent9	{margin-left: 400px;}

/* write reply */
.write-reply .c-list	{background: none;}

/* board write */
.board-write-wrap	{text-align: center;}
.board-write	{margin: 0 auto; width: 700px; text-align: left;}
.board-write .in	{padding-left: 8px; height: 24px \0/IE8+9; font-size: 11px \0/IE8+9;}

.write-title .notice	{display: inline-block; vertical-align: top; position: relative; overflow: hidden;}
.write-title select	{margin-right: 3px; width: 185px;}
.write-title .in	{vertical-align: top;}

.write-title .in,
.extra-form .in,
.write-tag .in	{width: 495px;}
.write-title.admin .in	{margin-right: 3px; width: 423px;}

.write-title,
.extra-form li.list,
.write-tag,
.write-option	{padding-bottom: 8px;}
.write-option	{position: relative; overflow: hidden;}

label.h-label	{display: inline-block; margin-right: 3px; padding-left: 33px; width: 150px; height: 26px; line-height: 26px; line-height: 22px \0/IE8+9; vertical-align: top; background-repeat: no-repeat;}
label.h-label.required	{background-repeat: no-repeat;}

.extra-form,
.write-option,
.write-tag,
.write-author	{padding-top: 8px;}
.extra-form label.ex-label	{vertical-align: top;}
.extra-form .ex-con,
.extra-form .ex-con ul,
.extra-form .ex-con li,
.extra-form .ex-con div	{display: inline-block;}
.extra-form .ex-con	{width: 503px;}
.extra-form .ex-con div	{padding: 0; margin: 0;}
.extra-form .ex-con>p	{padding: 6px 10px; margin-top: 8px; font-size: 11px; }
.extra-form .ex-con textarea	{width: 483px; padding: 10px; margin: 0; resize: vertical; overflow: auto;}
.extra-form .in.tel	{width: 50px;}
.extra-form .in.current_address,
.extra-form .in.addr3_input	{width: 435px;}


/* custom checkbox */
input.custom-check	{display: none;}
input.custom-check + label	{cursor: pointer;}
input.custom-check + label span	{display: inline-block; margin-right: 8px; line-height: 26px; vertical-align: top;}
input.custom-check + label span.check-dummy	{width: 26px; height: 26px; background-repeat: no-repeat; background-position: center 5px;}
input.custom-check:checked + label span.check-dummy	{background-position: center -25px;}
 

/* list table */
.list-table	{width: 100%; border-collapse: collapse;}
.list-table	caption	{margin-bottom: 8px; opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60); font: 11px Verdana; text-align: right;}
.list-table th	{padding: 15px 0; font-size: 11px; text-align: left;}
.list-table th.hit	{text-align: center; width: 60px;}
.list-table th.button	{text-align: center; width: 80px;}
.list-table th.author	{width: 140px;}
.list-table th.date	{width: 60px;}
.list-table th.date2	{width: 100px;}
.list-table th.thumb	{width: 140px; text-transform: uppercase;}
.list-table th span	{opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60);}
.list-table td	{padding: 9px 0; line-height: 160%;}
.list-table td.title	{padding-right: 10px;}
.list-table td.hit	{text-align: center; font: 11px "Trebuchet MS";}
.list-table td.button	{text-align: center;}
.list-table td.date	{font: 11px "Trebuchet MS";}
.list-table .saved-con	{margin-top: 8px; opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60);}

/* pagination */
.pagination	{margin-top: 30px; text-align: center; clear: both;}
.pagination .page-num-wrap,
.pagination .page-dir	{display: inline-block; vertical-align: top;}
.pagination .page-num-wrap	{padding: 0 4px; height: 28px;}
.pagination .page-dir	{height: 28px; width: 26px; text-indent: -9999px;}
.pagination .page-num	{display: inline-block; padding: 9px 8px 0 8px; font: 11px/11px "Trebuchet MS";}


/* custom select */
.sbHolder	{display: inline-block; position: relative; width: 120px; height: 26px; line-height: 26px; height: 28px \0/IE8+9; line-height: 28px \0/IE8+9; text-align: left;}
.sbHolder:focus .sbSelector	{}
.sbSelector	{display: block; position: absolute; left: 0; top: 0; width: 120px; outline: none; overflow: hidden; text-indent: 10px; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover	{outline: none;}
.sbToggle	{display: block; position: absolute; right: 0; top: 0; outline: none; width: 25px; height: 25px;}
.sbToggle:hover	{}
.sbToggleOpen:hover	{}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions	{position: absolute; top: 30px; left: -1px; z-index: 100; width: 120px; list-style: none; overflow-y: auto;}
.sbOptions li	{padding: 0 7px;}
.sbOptions a	{display: block; outline: none;}
.sbOptions a:link, .sbOptions a:visited	{text-decoration: none;}
.sbOptions li:last-child a	{border-bottom: none !important;}
.sbOptions .sbDisabled	{display: block; padding: 7px 0 7px 3px;}
.sbOptions .sbGroup	{display: block; padding: 7px 0 7px 3px;font-weight: bold;}
.sbOptions .sbSub	{padding-left: 17px;}


/* widget */
.widget-list	{overflow: hidden;}

.tb	{height: 30px; text-indent: -9999px;}
.tb.none	{border-top: none; height: 0;}

.tab-widget	{margin-bottom: 20px; overflow: hidden; font-size: 13px; font-weight: bold;}
.tab-widget ul	{width: 150%;}
.tab-widget li	{display: inline-block; padding:12px 16px; }
.tab-widget li:last-child	{border-right: none;}

.tab-con dt,
.tab-con dd	{display: none;}
.tab-con dd.on	{display: block;}



/* lightbox addon */
#xe_gallery_controls	{text-align: left !important;}


/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix {
    height: 1%; /* IE5-6 */
}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}