/* main list slider set */
.swiper{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-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-pagination	{padding: 5px 0 20px; text-align: center;}
.swiper-pagination-switch {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin: 0 3px;
  cursor: pointer;
}


/* m-list reply style */
.m-list-reply	{display: block; position: absolute; top: 13px ; right: 10px; width: 30px; height: 30px; text-align: center; font-size: 0.75em; letter-spacing: -1px; line-height: 30px; z-index: 20; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

/* list basic set */
.m-element nav.use-more,
.m-element section h3.use-more	{position: relative;}
.m-element nav.use-more ul,
.m-element section h3.use-more	{padding-right: 60px;}
.m-element nav li a.bt-more,
.m-element section h3 a.bt-more	{position: absolute; right: 0; top: 0; display: none; background-color: transparent;}
.m-element nav li.active a.bt-more,
.m-element section h3 a.bt-more	{display: block;}
.m-element nav a	{display: block; padding: 10px; font-size: 0.85em; letter-spacing: -1px;}
.m-element nav li	{display: inline-block;}
.m-element section h3	{font-size: 0.85em;letter-spacing: -1px;font-weight: normal;@import url(http: //fonts.googleapis.com/css?family=Exo+2);  /* en */ .btBasic:lang(en), .btAdmin:lang(en) {letter-spacing: 0;}  /* font */body, select, input, button, textarea, table {font-family: 'Exo 2', sans-serif;}  /* start! */body {margin: 46px 0px 0px 0px;line-height: 1.2;font-size: 1.0em;border-left: 1px solid #A9A9A9;position: relative;-webkit-text-size-adjust: none;} #container {position: relative;}  /* basic */a {text-decoration: none;}h1, h2, h3, h4, h5, p, ol, ul, dl, dd, dt, input {margin: 0;padding: 0;}ol, ul {list-style: none;}input, textarea, button {outline: none;margin: 0;font-size: 1.0em;}select {outline: none;}button {margin: 0;padding: 0;cursor: pointer;}   .dButton {padding:0;margin:0;background-color: transparent;border: none;} .bt-wrap {text-align: center;} .profile-image {background-repeat: no-repeat;background-position: center center;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .profile-imageimg {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .btTop {display: none;position: fixed;right: 10px;bottom: 10px;width: 38px;height: 38px;background-color: #000;background-repeat: no-repeat;background-position: center center;opacity: 0.5;text-indent: -9999px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;z-index: 150;} .login-wrap {padding: 30px 0 50px;} .login-wrapinput[type="text"], .login-wrap input[type="password"], .login-wrap input[type="email"], .login-wrap input[type="url"], .login-wrap input[type="file"] {width: 92%;padding: 10px 4%;-webkit-appearance: none;font-size: 0.85em;}   /* top banner */ .top-banner {display: block;position: relative;z-index: 60;width: 100%;} .top-bannerimg {display: block;margin: 0 auto;width: 100%;height: auto;max-width: 640px;} /* bottom banner */ .bottom-banner {display: block;width: 100%;} .bottom-bannerimg {display: block;margin: 0 auto;width: 100%;height: auto;max-width: 640px;}  /* main header */header.main {position:;height: 40px;z-index: 60;}header.main h1 {font-size: 1.0em;position: relative;top: 10px;left: 50%;width: 240px;height: 100%;margin-left: -120px;text-align: center;z-index: 60;height: 47px;}header.main button, header.main a {position: absolute;top: 0;display: block;width: 38px;height: 100%;background-position: center center;background-repeat: no-repeat;text-indent: -9999px;}header.main .menu-trigger {left: 0;height: 47px;background color: rgba(107, 63, 63, 0.64);}header.main .btSearch {right: 0;}header.main .btPrev {right: 0;display: none;}header.main .btCancel {right: 0;display: none;}header.main .left-menu {display: none;} .top-title {font-size: 1.0em;position: absolute;top: -65px;left: 50%;width: 240px;margin-left: -120px;text-align: center;z-index: 60;}  /* main footer */footer.main-footer {clear: both;margin-top: -1px;padding: 15px 12px 30px;text-align: center;font-size: 0.85em;z-index: 20;position: relative;} .bottom-menu1li {display: inline-block;margin-right: 3px;letter-spacing: -1px; } .bottom-menu1li:last-child {margin-right: 0;} .bottom-menu1li .btBasic {font-size: 1.0em;} .bottom-menu1li.lang-area {position: relative;} .lang-list {display: none;position: absolute;bottom: 36px;left: 50%;padding: 3px 0 3px 8px;margin-left: -40px;width: 72px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: left;} .lang-list:after {content: "";position: absolute;bottom: -6px;left: 34px;border-style: solid;border-width: 6px 6px 0;display: block;width: 0;z-index: 1;} .lang-listli {display: block;margin: 0;letter-spacing: 0;} .lang-listlibutton {padding: 3px 0;background: none;border: none;} .bottom-menu2 {margin-top: 15px;letter-spacing: -1px; } .bottom-menu2li {display: inline-block;padding: 0 8px;} .bottom-menu2li:first-child {padding-left: 0;} .bottom-menu2li:last-child {padding-right: 0;border-right: none;} .bottom-info {margin-top: 15px;line-height: 1.4;} .bottom-infoaddress {display: inline;font-style: normal;} .bottom-info .tel-text {margin-left: 5px;}  /* global search */ .global-search {display: none;position: absolute;top: 40px;left: 0;width: 100%;height: 40px;z-index: 60;} .global-searchfieldset {padding: 0;margin: 0;border: none;} .global-searchlegend {display: none;} .global-searchinput {margin: 12px 0 0 10px;width: 75%;border: none;background: none;font-size: 0.85em;letter-spacing: -1px;} .global-search .btClose {display: block;float: right;width: 11%;height: 40px;background-repeat: no-repeat;background-position: center center;text-indent: -9999px; } .bg-dummy {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.6;z-index: 50;}   /* menu */ #menu-wrap {display: none;position: fixed;top: 45px;left: 0;height: 100%;width: 202px;overflow: auto;z-index: 70;-webkit-box-shadow: #4D4C4C 2px 5px 13px 2px;}  /* member menu */ .member-menu-top {height: 40px;font-size: 0.9em;} .member-menu-topa {display: inline-block;line-height: 40px;text-align: center;vertical-align: middle;} .member-menu-topa.btLogin {width: 45%;} .member-menu-topa.btLoginspan {padding-left: 22px;background-repeat: no-repeat;background-positoin: left center;} .member-menu-topa.btSignup {width: 50%;} .member-menu-topa.btSignupspan {padding-left: 22px;background-repeat: no-repeat;background-position: left center;}  /* logged menu */ .member-menu-logged .member-menu-top {padding-left: 5px;cursor: pointer;} .member-menu-top .profile-image {float: left;margin-top: 5px;width: 30px;height: 30px;} .member-menu-top .name {float: left;padding-left: 10px;line-height: 40px;font-weight: bold;} .member-menu-top.arrowUp {background-repeat: no-repeat;background-position: 95% center;} .member-menu-top.arrowDown {background-repeat: no-repeat;background-position: 95% center;} .member-menu-loggedul {display: none;font-size: 0.85em;letter-spacing: -1px;} .member-menu-loggedli {padding-left: 12px;} .member-menu-loggedlia {display: block;padding-left: 33px;background-position: left center;background-repeat: no-repeat;line-height: 40px;}  /* global navigation */ .gnb {font-size: 0.85em;letter-spacing: -1px;} .gnbli {position: relative;padding-left: 10px;} .gnblia {display: block;position: relative;padding: 12px 0 12px 22px;background-repeat: no-repeat;background-position: left center;z-index: 10;} .gnbliul {margin-left: -10px;} .gnbliulli {padding-left: 0;border-bottom: none;} .gnbliullia {padding-left: 15px;background: none;} .gnbliulliul {margin-left: -10px;list-style: disc inside;} .gnbliulliullia {padding-left: 30px;} .gnbli .arrow {display: block;position: absolute;top: 0;right: 0;width: 35px;height: 40px;background-position: center center;background-repeat: no-repeat;text-indent: -9999px;z-index: 20;}   /* main top image & image container */ .main-image-wrap {position: relative;width: 100%;} .main-image-wrap .dummy {padding-top: 50%;} .main-image-wrap .main-image {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-position: center center;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;} .main-logo, .main-normal-image {padding: 25px 0 40px;text-align: center;} .main-logoimg {-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);}  /* main search */ .main-searchfieldset {padding: 0;margin: 0;border: none;} .main-searchlegend {display: none;} .searchinput2 {padding: 0 10px;width: 65%;max-width: 320px;border: none;font-size: 0.95em;line-height: 32px;-webkit-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} .main-searchbutton {margin-left: 4px;padding: 0 12px 0 4px;border: none;line-height: 48px;-webkit-border-radius: 0 12px 12px 0;-o-border-radius: 0 12px 12px 0;border-radius: 0 12px 12px 0;}  /* content */ .f-message {padding: 30px 0;line-height: 1.6;text-align: center;} .content.sub-pageimg {max-width: 100%;} .content .xe_contentol {list-style: decimal;margin-left: 25px;} .content .xe_contentul {list-style: disc;margin-left: 25px;} .content .xe_contentulul {list-style: circle;} .content .xe_contentululul {list-style: square;}   /* checkbox style */input[type="checkbox"] {display: none;}input[type="checkbox"] + label span {display: inline-block;line-height: 14px;vertical-align: middle;}input[type="checkbox"] + label span.check-dummy {width: 14px;height: 14px;background-repeat: no-repeat;background-position: left top;}input[type="checkbox"]:checked +label span.check-dummy {background-position: left -14px;} .exvarinput[type="checkbox"] {display: inline;}  /* button style */ .btDark {display: inline-block;border: none;line-height: 36px;text-align: center;font-size: 0.85em;letter-spacing: -1px;} .btLight {display: inline-block;border: none;line-height: 36px;text-align: center;font-size: 0.85em;letter-spacing: -1px;}   .btBasic {display: inline-block;margin: 0;padding: 5px 7px;font-size: 0.85em;letter-spacing: -1px;line-height: 1.0;letter-spacing: -1px;vertical-align: middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;} .btAdmin {display: inline-block;margin: 0;padding: 5px 7px;font-size: 0.85em;letter-spacing: -1px;line-height: 1.0;letter-spacing: -1px;vertical-align: middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}    /* Micro ClearFix Mixin */ .clearfix {zoom:1;} .clearfix:before, .clearfix:after {content:"";display:table;} .clearfix:after {clear: both;}   /* pad style */ @media screen and (min-width: 768px){  .main-image-wrap {padding: 25px 0 40px;text-align: center;}  .main-image-wrap .dummy {padding-top: 0;}  .main-image-wrap .main-image {position: static;margin: 0 auto;width: 320px;height: 160px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);}   }border-right: 1px solid #81B5CE;/* border-left: 1px solid #DDDDDD; */ */box-shadow: #999 0px 5px 3px;/* border-right: 1px solid #A2A2A2; */box-shadow: #DDD 0px 1px 0px;/* border-top: 1px solid #DDDDDD; *//* border-right: 1px solid #A2A2A2; */}
.m-element section h3 span	{display: block;float: left;padding: 10px;}
.m-element .list-link	{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10; */}
.m-element .list li	{position: relative; clear: both;}
.m-element .category	{letter-spacing: -1px;}
.m-element .thumb-image.no-image	{background-repeat: no-repeat; background-position: center center;}

.thumb-container	{display: block; position: relative;}
.thumb-container .thumb-image	{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-size: cover;}

/* list style - list */
.m-list .list li	{padding: 10px 0;}
.m-list .list li.has-comment	{padding-right: 45px;}
.m-list .list li.has-thumb	{padding-left: 58px; min-height: 48px;}
.m-list .dummy	{display: block; position: absolute; top: 10px; left: 10px; width: 46px; height: 46px; border: 1px solid #000; opacity: 0.3; z-index: 10;}
.m-list .thumb-image	{position: absolute; top: 10px; left: 10px; z-index: 5;}
.m-list .list-element	{padding: 0 10px;}
.m-list .list li .list-element li	{padding-top: 0; padding-bottom: 0; border-top: none; border-bottom: none;}
.m-list .list-element li:first-child, .m-list .list-element li:last-child	{border-right: none;}
.m-list .list-element li.el	{display: inline-block; padding: 0 6px; font-size: 0.75em; line-height: 0.75em;}
.m-list .list-element li:nth-child(2)	{padding-left:0;}
.m-list .reply	{}
.m-list .comment-image	{position: absolute; top: 9px; right: 33px; z-index: 21;}

/* list style - basic webzine */
.webzine-style .el	{margin: 12px;}
.webzine-style .summary	{font-size: 0.85em; line-height: 1.4;}
.webzine-style .info	{margin-top: 14px; font-size: 0.75em;}
.webzine-style .date	{margin-right: 10px;padding-left: 18px;display: none;}
.webzine-style .list .reply	{padding-left: 18px;}
.webzine-style .author	{ margin-right: 10px; padding-left: 18px;}
.webzine-style .locate	{ margin-right: 10px; padding-left: 12px;}
.webzine-style .date, .webzine-style .list .reply, .webzine-style .author, .webzine-style .locate	{background-repeat: no-repeat; background-position: left center;}

/* list bubble style */
.bubble	{-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; box-shadow: 0 1px 1px #bbb; -moz-box-shadow: 0 1px 1px #bbb; -webkit-box-shadow: 0 1px 1px #bbb;}
.bubble .thumb-container	{width: 100%;}
.bubble .thumb-container .dummy	{padding-top: 50%;}

/* list style - gallery */
.m-gallery .list	{padding-bottom: 11px;text-align: center;}
.m-gallery .list li	{display: inline-block; padding: 0 1.5%; padding-top: 12px; width: 28%; max-width: 220px; letter-spacing: -1px; text-align: left; vertical-align: top;}
.m-gallery .title, .m-gallery .category	{font-size: 0.8em;}
.m-gallery .category	{margin-bottom: 3px;}
.m-gallery .thumb-image	{display: block;position: relative;margin-bottom: 7px;height: 80px;background-position: center center;background-size: cover;}
.m-gallery .info	{padding-top: 5px; font-size: 0.75em;}
.m-gallery .name	{margin-right: 5px;}
.gr	{display: inline-block; position: absolute; right: 0; top: 0; padding: 2px 4px 3px; background-color: #000; color: #FFF; opacity: 0.6; font-size: 0.75em; line-height: 1.0em; -webkit-border-radius: 0 0 0 3px; -moz-border-radius:  0 0 0 3px; -ms-border-radius:  0 0 0 3px; -o-border-radius:  0 0 0 3px; border-radius:  0 0 0 3px;}

/* list style - news */
.m-news .list li	{padding: 8px 10px;}
.m-news .info	{display: none;}
.m-news.webzine-style .info	{display: block; margin-top: 10px;}

/* list style - ranking */
.m-ranking .list li	{padding-left: 40px; position: relative;}
.m-ranking .rank-num	{display: block; position: absolute; left: 10px; top: 10px; padding: 4px 0; width: 22px; font-size: 0.75em; color: #FFF; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

/* list style - image news */
.m-imagenews .list li	{height: 150px; background-position: center center; background-size: cover;}
.m-imagenews .info	{position: absolute; bottom: 12px; left: 12px; z-index: 50;}
.m-imagenews .info span	{display: block; float: left ; padding: 2px 5px 4px; color: #FFF;}
.m-imagenews .info span.category, .m-imagenews .info span.name	{font-size: 0.75em; letter-spacing: -1px;}
.m-imagenews .info span.title	{clear: left; margin-right: 12px; background-color: #000;  opacity: 0.7; font-size: 1.0em;}

/* list style - webzine */
.m-webzine .thumb-image	{float: left; margin-left: 4%; margin-top: 12px; margin-bottom: 12px; width: 28%; height: 80px; background-position: center center; background-size: cover;}
.m-webzine .webzine-container	{float: right; width: 68%;}
.m-webzine .webzine-container .title	{margin-bottom: 6px;}
.m-webzine .summary	{margin: 6px 12px;}

/* list style - talk box */
.m-talkbox .list	{padding-top: 12px;padding-bottom: 2px;}	
.m-talkbox .list li	{position: relative; padding: 0 12px 12px 0;}
.m-talkbox .name	{position: absolute; top: 0; left: 10px; width: 50px; text-align: center;}
.m-talkbox .bubble	{float: right; position: relative;}
.m-talkbox .bubble:after	{content: ""; position: absolute; top: 10px; left: -10px; border-style: solid; border-width: 10px 10px 10px 0; display: block; width: 0; z-index: 1;}
.m-talkbox .profile-image	{margin: 0 auto; width: 40px; height: 40px;}
.m-talkbox .name-text	{margin-top: 5px; font-size: 0.75em; letter-spacing: -1px;}
.m-talkbox.comment-type .title	{font-size: 0.85em; line-height: 1.4;}
.webzine-style.comment-type .el	{margin: 10px 12px;}



/* phone style */
@media screen and (max-width: 767px){
	.inside	{background: none !important;}
}

/* pad style */
@media screen and (min-width: 768px){
	.leftCol, .rightCol	{float: left; width: 50%;}
	.leftCol .gridEl, .rightCol .gridEl	{display: block;}
	.gridEl	{display: none;}
	
}

/* phone-wide size < pad */
@media screen and (min-width: 568px) and (max-width: 767px){
	/* main list & board list */
	.m-imagenews ul li .info	{bottom: 24px; left: 24px;}
	.m-imagenews ul li .info span	{margin-right: 24px;}
	.m-imagenews ul li .info span.category	{font-size: 1.0em;}
	.m-imagenews ul li .info span.title	{font-size: 1.4em;}
}