@charset "utf-8";

/* reset */
body {
	font-family:'NotoSansKR', sans-serif, NanumGothic,'나눔고딕',NanumBarunGothic,'나눔바른고딕','돋움',dotum, sans-serif;	
	font-weight:normal;
	font-size:13px;
	line-height:1.7;
	color:#555555;	
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}

button{cursor:pointer;}

img{border:none;  max-width: 100%;
    height: auto;}

br{letter-spacing: 0;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#555555;}
*{box-sizing:border-box;}


/***layout***/
.wrap{width:100%;  height:100%; }
header{width:100%;}
main{width:100%;}
footer{width:100%; position:relative;  background-color:#222222;}

/***common***/
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display: block; clear:both;}
.inner{width:1200px; padding:0px 20px 7px 20px; margin:0 auto;}
.main_container{padding:100px 0 50px; min-height:500px;}



/***header***/
/*header_wrap01 PC / 가로 1201px 이상*/
/*common*/
.header_wrap01{width:100%; background-color: transparent; padding-top: 5px; position: fixed; z-index: 100;}

.sub_hd .header_wrap01{position: relative;  border:1px solid #ccc;}
.sub_hd .main > li a{color:#000;}

/*top_menu*/
.top_menu ul{float: right;}
.top_menu ul>li{float:left; font-weight:bold; text-align:center; position:relative;}
.top_menu ul>li:before{content:''; position:absolute; left:0; top:9px; display:block; background-color:#255aa7;
		width:4px; height:4px;}
.top_menu ul>li+li{margin-left:2px;}
.top_menu ul>li:last-child>a{padding-right:0;}
.top_menu ul>li>a{padding:0 8px 0 12px; color:#838384;}
.top_menu ul>li>a:hover{color:#000000;}

/*bottom*/
/*h1*/
.bottom h1{float:left; width:160px; margin-top: 15px;}
.bottom h1>a{display:block; width:100%; height:100%;}
/* .bottom h1>a>img{display:block; width:100%; padding-top: 5px;} */

/*total_category_wrap 통합카테고리*/
/*common*/
.total_category_wrap{float:right; margin-left:35px; margin-top:10px;}
/*통합카테고리 메뉴열기 버튼*/
.btn_total_nav_open{height:32px; width:32px; position:relative; cursor:pointer; margin-top: 10px;} 
.btn_total_nav_open .total_icon01{display:block; width:20px; height:16px; overflow:hidden; font-size:0; position:absolute; left:12px; top:8px; }
.btn_total_nav_open .total_icon01:before{content: ''; width:20px; height:2px; display:block; background-color:#b3b3b3;
		 box-shadow:4px 7px #b3b3b3, 0px 14px #b3b3b3; }
/*통합카테고리 메뉴닫기 버튼*/
.header_wrap01 .btn_close{ height:40px; width:40px; cursor:pointer; position:absolute; left:50%; top:0; margin-left:-20px;}
.header_wrap01 .btn_close .close_icon{font-size:0; overflow:hidden; display:block; height:100%; width:100%; position:relative;}
.header_wrap01 .btn_close .close_icon:before,.header_wrap01 .btn_close .close_icon:after{content:''; height:2px; width:40px; 
		display:block; background-color:#464d57; position:absolute; top:18px; left:0px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.header_wrap01 .btn_close .close_icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
/* 통합카테고리메뉴를 열었을때 전체 배경에 검은 투명막 깔기*/
.page_cover01{width:100%; height:100%; position:fixed; top:0px; left:0px; background-color: rgba(255,255,255,0.7); z-index:110; display:none;}
.page_cover01.open{display: block;}
/* 통합카테고리메뉴를 열었을때 화면*/
html.open {overflow: hidden;}
#total_category{display:none; width:40%; height:60%; position:fixed; top:20%; margin: 0 auto; left: 0; right: 0;overflow-y:auto;z-index:500; padding:60px 20px 20px;}
#total_category.open{ display:block;}
/*통합카테고리메뉴 리스트*/
.total_category_inner{text-align:center; box-shadow:4px 2px 6px rgba(0,0,0,0.2); border-radius:5px; padding:30px; background-color:#5642B1;}
.total_category_inner>div{float:left; width:25%; font-size:15px; min-height:310px;}
.total_category_inner>div+div{border-left:1px solid #6c5cb3;}
.total_category_inner>div h3{font-size:17px; padding:10px 0; color:#ffffff;}
.total_category_inner .total_2depth{ padding:5px 0 15px; margin-top:10px;}
.total_category_inner .total_2depth>li+li{margin-top:5px; }
.total_category_inner .total_2depth>li>a{display:block; color:#ffffff; padding:1px 0; }
.total_category_inner .total_2depth>li>a:hover{color:#ffffff;}

/*gnb 1차,2차 카테고리*/
#nav {
    width: 100%;
}

#nav:after {
    content: "";
    display: block;
    clear: both;
}


.main > li {
    float:left; width:147px; text-align:center; position:relative;
}
.main>li+li:before{content:''; width:1px; height:12px; display:block; background-color:#999999;position:absolute; left:0; top:20px;}
.main > li:hover .sub {
    /*display: block;*/
}

.main > li a {
    display:block; color:#fff; font-size:16px; padding:10px; position:relative; font-weight: 700;}
.language li{float: left; margin-top: 13px; margin-right: 15px; cursor: pointer;}
    .sub {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
}
.sub li{border-bottom: 1px solid #ccc;}
.sub li:last-child{border-bottom: none;}
.sub li a{color:#000; font-size: 14px; }
/*common*/
.gnb_wrap{float:right; width:705px; margin-top:10px;}
.gnb>li{float:left; width:170px; text-align:center; position:relative;}

.gnb>li>a{display:block; color:#333333; font-size:16px; padding:3px 0 32px; position:relative;}
.main > li a:hover{color:#5954a3;}
/* .main > li a:after{content:''; width:0; height:3px; background-color:#255aa7; display:block; position:absolute;left:50%; bottom:0;
		border-radius:5px; opacity:0; transition: All 0.3s;}
.main > li a:hover:after{opacity:1; width:100%; left:0;} */
/*gnb_2depth*/
.gnb_2depth_wrap{width:100%; background-color:#f5f5f5; z-index:350; position:absolute; left:0; top:114px;
		border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; text-align:center; font-weight:bold;}
.gnb_2depth_wrap h3{font-size:0; text-indent:-999999px;}
.gnb_2depth_wrap>.inner>div{float:right; margin-right:67px; width:850px;}
.gnb_2depth{float:left; width:170px; border-left:1px solid #dddddd; min-height:200px; padding:15px 0 0;}
.gnb_2depth:last-child{border-right:1px solid #dddddd;}
.gnb_2depth li+li{margin-top:5px; }
.gnb_2depth li>a{display:block; padding:1px 0; color:#777777;}
.gnb_2depth li>a:hover{color:#255aa7;}
/*스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed;top: 0; left:0;  z-index:340; border-bottom:1px solid #dddddd; background-color: rgba(255, 255, 255, 1);}
.header_wrap01.header_up .bottom h1{width:160px;}
.header_wrap01.header_up .main>li>a{color:#000;}
.header_wrap01.header_up .main>li>a:hover{color:#5954A3;}
.header_wrap01.header_up .gnb>li+li:before{top:8px;}
.header_wrap01.header_up .total_category_wrap{margin-top:7px;}
.header_wrap01.header_up .gnb_2depth_wrap {
    top: 95px;
}

/*header_wrap02 모바일/태블릿 가로 1200px 이하 */
/*common*/
.header_wrap02{display:none; width:100%; padding: 15px 20px; transition: All 0.2s ease;}
/*logo*/
.header_wrap02 h1{width:180px; float:left;}
.header_wrap02 h1>a{display:block; width:100%;}
.header_wrap02 h1>a>img{display:block; width:120px; vertical-align:top;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴*/
/*commom*/
.header_wrap02 .util_menu{float:right; margin-top:7px;}
.header_wrap02 .util_menu>div{float:left;}
.header_wrap02 .util_menu>div+div{margin-left:5px;}
/*전화연결*/
.phone_link{width:33px; height:33px;}
.phone_link>a{display:block; width:100%; height:100%;}
.phone_link>a>img{display:block; width:100%; vertical-align:top;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:33px; /*height:0;*/ position:relative; cursor:pointer; -webkit-transition:All .3s; transition:All .3s;}
.btn_tm_nav_open span{ display: block;width: 25px;height: 3px;overflow: hidden;font-size: 0;background-color: #b3b3b3;-webkit-transition: All .3s;transition: All .3s;margin: 0 auto;}
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600;}
.btn_tm_nav_open.on span{background-color:#ffffff;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(6px) rotate(-45deg);
													 -ms-transform: translateY(6px) rotate(-45deg);
													transform: translateY(6px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity: 0;}
.btn_tm_nav_open.on span:nth-child(3){	transform: translateY(-6px) rotate(45deg);
																-webkit-transform: translateY(-6px) rotate(45deg);
																-ms-transform: translateY(-6px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; 
		background-color:#159fa3;  z-index:499; min-height:999999px;}		
/*모바일,태블릿/1차 2차 카테고리  메뉴*/
/*common*/
.tm_gnb_wrap{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; 
		 background-color:#5642B1; padding-top:40px; overflow-y:auto;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; height:100%; overflow-x:hidden; text-align:center;}
.tm_gnb>li+li{border-top:1px solid #5d4ab2;}
.tm_gnb>li strong{display:block; font-size:16px; color:#ffffff; padding:13px 10px 12px; cursor:pointer; position:relative;}
.tm_gnb>li .icon_triangle{height:10px; width:10px; display:block; border:5px solid transparent; border-bottom-width:0; 
	border-top-width:8px;	border-top-color:#ffffff; position:absolute; right:20px; top:50%; margin-top:-5px; transition: all 0.5s ease; transform:rotate(-90deg);}
.tm_gnb>li.active .icon_triangle{ transform:rotate(0deg);}
/*2차 카테고리*/
.tm_gnb_2depth{display:none;  background-color: #ffffff; padding:7px 0;}
.tm_gnb_2depth>li+li{margin-top:2px;}
.tm_gnb_2depth>li>a{display:block; padding:3px 10px; font-size:14px; color:#333333; }
.tm_gnb_2depth>li>a:hover{color:#A4B9E4;}
/*스크롤 내렸을때 */
.header_wrap02.header_up02{position:fixed; z-index:350; border-bottom:1px solid #dddddd; padding:10px 20px; top: 0;  background-color:rgba(255,255,255,0.8);}
.header_wrap02.header_up02 h1{width:160px;}
.header_wrap02.header_up02 .util_menu {margin-top:2px;}

/***메인 비쥬얼 슬라이드***/
.main_visual{position:relative; padding-bottom:40%; padding-top:30px; height:0; overflow:hidden;}
.main_visual video,
.main_visual object,
.main_visual embed {position:absolute; top:0; left:0; width:100%; height:100%; background-color: #000;}
.main_visual video{border-bottom: 4px solid #5642B1;}
.main_visual_img{	
    width: 100%;
    height:550px;
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    display: table;	
}
.main_visual_img>div{
	width: 100%;
	background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    /* animation-name: zoom; */
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    display: table-cell;
    vertical-align: middle;
    /* transform: scale(1.05, 1.05); */
}
.main_visual_img>div:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.0);/* overlay */
    width: 100%;
    height:550px;
}
/* .main_visual_img01>div{background-image:url("../images/main/main_banner_01.png");}
.main_visual_img02>div{background-image:url("../images/main/main_banner_02.png");}
.main_visual_img03>div{background-image:url("../images/main/main_banner_04.png");} */
/* .main_visual_img04>div{background-image:url("../images/main/main_visual_slide04.jpg");} */
@keyframes zoom {
    from {
        transform: scale(1.05, 1.05);
    }
    to {
        transform: scale(1.0, 1.0) rotate(.001deg);
    }
}
.main_visual_txt{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align:center; animation-duration:5s;
	animation-name:main_visual_txt; color:#fff; font-size: 40px; width: 100%;}
@keyframes main_visual_txt {
  from {   
	 opacity:0;
     width:100%
  }

  to {
    opacity:1.0;
	width: 100%;
  }
}
.main_visual_txt h4{padding: 20px;  text-shadow:1px 1px 3px rgba(0,0,0,0.8);}
.main_visual_txt p{vertical-align:middle; color:#ffffff; letter-spacing:-2px;
		text-shadow:1px 1px 3px rgba(0,0,0,0.8); padding:0 20px; font-size: 20px;}
.main_visual_txt .read{margin-top: 20px;}
.main_visual_txt .read span{font-size:16px; border:1px solid #fff; border-radius: 5px; padding: 10px 20px; margin-top: 20px; cursor: pointer;}
.main_visual_txt .read span:hover{background-color: #fff; color:#5642B1;}
/*메인 비쥬얼 슬라이드 prev next arrow*/
.main_visual .bx-controls-direction{display:none;}
/*메인 비쥬얼 슬라이드  롤링*/
.main_visual .bx-pager{font-size:0; z-index:100; position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.main_visual .bx-pager>div{display:inline-block; transition: All 0.3s;}
.main_visual .bx-pager div+div{margin-left:8px;}
.main_visual .bx-pager a{ width:8px; height:8px; border-radius:20px; display:block; background-color:#838384; transition: All 0.3s; }
.main_visual .bx-pager a.active{background-color:#00398b; width:30px;}

.mo_slider{display: none;}

/*main_container*/
.main_preface{font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px; font-size:17px; text-align:center; 
		line-height:2.0;}
.main_preface>div>*{display:block;}
.main_txt2{font-family:'Noto Sans KR', sans-serif; font-size: 15px; color:#707275; font-weight: 300;}
.main_preface strong{font-size:30px; padding-bottom: 50px; color:#000;}
.main_preface strong i{ color:#255aa7;}
.tnp_service_list{margin-top:30px; text-align:center; padding:20px 0;}
.tnp_service{float:left; width:32.3333%;}
.tnp_service:nth-child(1),.tnp_service:nth-child(2){border-right: 1px solid #e3e3e3;}
div.tnp_service+div{margin-left:1.5%;}
.tnp_service>span{display:block;}
.tnp_service>span>img{display:block; width:100px; margin: 0 auto;}
.indicaotr.mo button img{display: block;}
.service_txt{padding:10px; color:#333333;}
.service_txt>em{font-size:21px; font-family:NanumSquare,'나눔스퀘어'; font-weight:800;}
.service_txt>p{font-size:14px;}
/* .tnp_service:nth-child(1){background-color:#f1f8dd;}
.tnp_service:nth-child(1) em{color:#ca300e;}
.tnp_service:nth-child(2){background-color:#fbf4e0;}
.tnp_service:nth-child(2) em{color:#159fa3;}
.tnp_service:nth-child(3){background-color:#f2ebe4;}
.tnp_service:nth-child(3) em{color:#111111;}
.tnp_service:nth-child(4){background-color:#e0f2fb;}
.tnp_service:nth-child(4) em{color:#255aa7;} */
.section_03 > .slider_paging { bottom: 0px; left: 50%; width: auto; height: 50px;  -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0);transform: translate(-50px, 0); z-index: 1; }
.section_03 > .slider_paging .slider_prev{ width: 50px; height: 50px; background: url(/images/svg/info_arrow_left.svg) no-repeat #fff center center; background-size: auto 15px; opacity: 0.9;  }
.section_03 > .slider_paging .slider_next{ width: 50px; height: 50px; background: url(/images/svg/info_arrow_right.svg) no-repeat #fff center center; background-size: auto 15px; opacity: 0.9;  }

.slick-sample{width: 50%;height: 500px;}
.slick-sample .slick-list{height: 100%;}
.slick_section{position: relative; margin-top: 100px;}
.slick_section01{  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;}
.slick-sample.vertical{background-color: #5642B1; text-align: left;}
.slick-sample.vertical .slick_txt{height: 500px; padding-left: 100px;}
/* .slick-sample.vertical div:last-child{padding-left: 0;} */
.slick-sample.vertical .slick_txt h5{padding-top: 100px; font-size: 20px; color:#ccc;}
.slick-sample.vertical .slick_txt h1{padding-top: 30px; font-size: 40px; color:#fff;}
.slick-sample.vertical .slick_txt p{padding-top: 50px; font-size: 24px; color:#fff; font-weight: 800;}
.indicaotr{position: absolute; bottom: 0; left: 50%; transform: translate(-50%); background-color: rgba(255, 255, 255, 0.8);}
.indicaotr button{padding: 10px 8px 5px;}
.read.sm{margin-top:30px;}
.read.sm span{font-size: 14px; color:#fff; padding: 10px 20px; border:1px solid #fff; border-radius: 5px;}
.slick-sample.basic.mo{display: none;}
.indicaotr.mo{display: none;}
.slick_section_mo{display: none;}


/* 연도 */
.bottom_section h1{font-size: 28px; margin: 80px 0 30px; text-align: center;}
.slick-slider.three{width: 60%; margin: 0 auto; }
.slick-slider.three .slick-track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
}
.slick-slider.three .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
  height: 60px;
  text-align: center;
  color:#d0d0d0;
  font-size: 20px;
  padding-top: 12px;
  box-sizing: border-box;
}
.slick-slider.three .slick-slide.slick-current {
    color:#5642B1;
}

.slick-prev,
.slick-next {
  z-index: 10;
  top: 0px;
  background-color: transparent;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}



.year_slider{position: relative; background-color: #fafafa;}

.slick-slider.threee{width: 60% !important; margin:0 auto;}
.year_btn{position: absolute; top: 50%; margin-top:-9px; display: flex; justify-content: space-around; width: 100%;}


#vs1 {width:50%; height:auto; overflow:hidden; margin:3em auto; position:relative;}
#img_box1 {height:120px; position:relative; }
.slider{height:100%; display: flex;}
.slider .hiper_box{font-size: 12px; flex: 1; text-align: left;}
#btn_box1 { position:absolute; bottom:0px; left: 50%; transform: translateX(-50%); height:20px; z-index:1;}
#btn_box1 li { float:left; width:20px; height:20px;}
#btn_box1 li button { display:block; width:20px; height:5px; margin:5px auto; 
background:#ccc; text-indent:-9999px; cursor:pointer; }
#btn_box1 li.on button { background:#5642B1; }
#btn_box2 li { position:absolute; z-index:20; top:150px; width:50px; height:50px; }
#btn_box2 li.left { left:50px; }
#btn_box2 li.right { right:50px;}
#btn_box2 li button { display:block; width: 50px; height: 50px; background-repeat: no-repeat; background-size:100% 100%; background-position:center center; cursor:pointer; }
#btn_box2 li.left button { background-image:url("left_btn1.png"); }
#btn_box2 li.right button { background-image:url("right_btn1.png"); }

.hiper_txt{padding: 10px; margin:0 10px; border-bottom:1px solid #ccc;}
.hiper_box h2{font-size: 16px;}

/***공지사항/고객센터/입금계좌번호***/
.community_wrap{margin-top:50px;}
.community_wrap h4{font-size:18px; color:#000000;}
.community_wrap>div>div{float:left; height:180px; overflow:hidden;}
.community_wrap>div>div+div{margin-left:5%;}
.community_wrap>div>p,.main_cs_center>span{color:#000000;}
/*공지사항*/
.notice_wrap{width:36%; position:relative;}
.notice_wrap>div{padding-left:50px; background:url("/images/main/icon_notice.png")no-repeat 0px center;}
.notice_wrap ul{margin-top:11px;}
.notice_wrap ul>li+li{margin-top:2px;}
.notice_wrap ul>li>a{display:block;  font-size:14px; padding:3px 0 3px 12px; width:95%; margin-left: 50px;
		white-space:nowrap; overflow:hidden; text-overflow: ellipsis; position:relative;}
.notice_wrap ul>li>a:before{position:absolute; left:0; top:12px; content:''; display:block; width:3px; height:3px; border:1px solid #333333;}
.notice_wrap ul>li>a:hover{color:#000000;}
.notice_wrap>a{position:absolute; right:20px; top:20px; font-weight:bold; color:#999999;}
.notice_wrap>a:hover{color:#000000;}
/*고객센터*/
.main_cs_center{width:27%; padding-left:60px; background:url("/images/main/icon_cs.png")no-repeat 0 10px;}
.main_cs_center>p{line-height:1.4; margin-top:5px; color:#333333;}
.main_cs_center strong{display:block; font-size:27px; color:#000000; letter-spacing:-1px; line-height:1.6;}
/*입금계좌번호*/
.main_bank_num{width:27%;}
.main_bank_num>div:nth-child(1){text-align:left;  padding-left:60px; background:url("/images/main/icon_bank.png")no-repeat 0 10px;}
.main_bank_num>div:nth-child(2){margin-top:15px;}
.main_bank_num dt,.main_bank_num dd{float:left; color:#222222;}
.main_bank_num dt{padding:0 10px; margin-right:6px; position:relative; }
.main_bank_num dt:after{ content:':'; position:absolute; right:0; top:0; color:#222222; display:block;}
.main_bank_num dt:before{ content:''; position:absolute; left:0; top:9px; background-color:#666666; display:block; 
		width:3px; height:3px; border-radius:10px;}


/***.etc_menu***/
.etc_menu{background-color:#222222; padding-top: 20px;}
.etc_menu li{display:inline-block; padding:2px 0;}
.etc_menu li>a{display:block; color:#d1d1d1; text-align:center;}

.etc_menu li>a:hover{color:#255aa7;}
.etc_menu li a::after{content: ""; padding: 0 0 0 13px;}
/* .etc_menu li a:last-child:after{content: " ";} */
/***footer***/
footer .inner{display: flex; justify-content: space-between;}
.f_logo{width:170px; display:block;}
.f_logo>img{display:block; width:100%;}
.company_info02{padding-top:5px; color:#bbbbbb; font-size:14px;}
.company_info02>*{padding:2px 0;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block;}
.company_info02 dl dt{padding-right:10px; margin-right:3px; position:relative; }
.company_info02 dl dt:after{content:':'; display:block; position:absolute; right:0; top:2px;}
.company_info02 dl dd, .company_info02 span{color:#ffffff; font-weight:bold;}

.company_info03 ul li{float: left; margin: 0 5px;}

.copyright{background-color: #191919; padding: 10px; margin-top: 20px; text-align: center; color: #656565;}
/*.top_btn*/
.top_btn{height:40px; width:40px; position:absolute; bottom:20px; right:20px; border:1px solid #ffffff; cursor:pointer;} 
.top_btn .icon_top{width:26px; height:36px; border-top:1px #ffffff solid; overflow:hidden; margin:6px auto; display:block;
		font-size:0;}
.top_btn .icon_top:before{content:''; height:10px; width:10px; display:block; border:#ffffff solid; border-width:0 1px 1px 0; 
		position:absolute; top:14px; left:50%; margin-left:-5px; transform:rotate(-135deg);-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg); }
.top_btn .icon_top:after{content: ''; height:20px; width:1px; display:block; background:#ffffff; position: absolute; top:13px; left:50%;}
/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:15px; border:1px solid #838384;}
footer .back_btn>img{display:block; width:100%; vertical-align:top;}

/* 커뮤니티 -갤러리 박스 */
.gallery{margin-top: 0px; width: 100%;}

/* 커뮤니티 갤러리 박스 -검색 */
.gallery form::after{content: ""; display: block; clear: both;}
.gallery form table{float: right; margin-right: 25px;}

/* 커뮤니티 갤러리 박스 - 이미지 */
.gallery .imgbox ul{padding: 0 15px;}
.gallery .imgbox ul::after{content: ""; display: block; clear: both;}
.gallery .imgbox ul li{padding: 15px; width: 25%; float: left; box-sizing: border-box; position: relative; overflow: hidden;}  
.gallery .imgbox ul li a{display: block;}
.gallery .imgbox ul li a span{display: block;}
.gallery .gall_image img {width: 100%; height: 300px;}  

/* 커뮤니티 갤러리 박스 - 이미지 제목 */
.gallery .gall_image .name {padding-top: 10px;}

/* 커뮤니티 갤러리 박스 - 페이징 */
.gallery .page_box {margin-top: 50px; margin-bottom: 10px;}

/*커뮤니티 갤러리 박스 -글쓰기 버튼 */
.gallery .write::after{content: ""; display: block; clear: both;}
.gallery .write_wrap{float: right; margin-right: 30px; margin-bottom: 20px;}
.gallery .write_wrap input{cursor: pointer;}

/* 커뮤니티 갤러리 박스 - 이미지 -반응형 쿼리*/
@media (max-width:1400px) {
    .gallery .imgbox ul li {width: calc(100%/3);} 
}
@media (max-width:980px) and (min-width:581px) {
    .gallery .imgbox ul li {width: calc(100%/2);} 
}
@media (max-width:580px){
    .gallery .imgbox ul li {width: 100%;} 
}

/* 커뮤니티 - 디테일페이지 */
.detail_table {display: block; position:relative; margin-top: 70px; margin: 70px 20px 0 20px;}
.tb_box {display: block; overflow-x: auto;}
.tb_box table {width: 100%; border-width: 2px 0 1px 0; border-color: #999999; border-style: solid;}
.tb_box table caption {font-size: 0;}
.tb_box table tr th{text-align: left;}
.tb_box table tr:first-child th,.tb_box table tr:first-child td{border-top: 0;}
.tb_box table tr th {padding: 5px 0px; border-width: 1px 0 0px 0; border-color: #e9e9e9; border-style: solid; color: #999999; font-size: .875rem; font-weight: 500;}
.tb_box table tr td {padding: 5px 0px; border-width: 1px 0 0px 0; border-color: #e9e9e9; border-style: solid;  color: #666666; font-size: .875rem; text-align: left;}

.tb_box table tr th button{background-color: transparent; border:none; color:#999999; cursor: pointer;}
.tb_box table tr td button{background-color: transparent; border:none; color:#666666; cursor: pointer;}

/* 커뮤니티- 디테일페이지 텍스트내용 */
.tb_box table tr td p {word-wrap: break-word; word-break: break-word; padding: 10px 0;}

/* 커뮤니티- 디테일페이지 이미지 */
.tb_box table tr td .text_img {width: 100%; padding: 5px 0; max-width: 350px; margin: 0 auto;}
.tb_box table tr td .text_img img {max-width: 100%; height: auto; display: block;}
/* 커뮤니티- 디테일페이지 -등록일 */
.tb_box table tr td .dat0 {white-space: nowrap; font-size: .812rem;}

/* 커뮤니티 -디테일페이지- 리스트 버튼 */
.detail_table .list_btn input{margin-top: 5px;color:#999999; border:1px solid #dddd; height:25px; cursor: pointer; background-color: #fafafa;}


/*  하이퍼큐브 */
/* community1-1.jsp 게임 소개 _ 탭메뉴 */
.sub_contents{ width: 100%; box-sizing: border-box;}
.sub_contents .contents_wrap .game_tab_menu01{width:100%; box-sizing: border-box; border-bottom:1px solid #dfdfdf; float: left; text-align: center;}
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs{margin: 0px;padding: 0px;list-style: none; width: 100%; float: left;}
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li{display: inline-block; float:left; height: 50px; }
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li:last-child::after{display: none;}
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a{ position: relative; padding: 15px 30px; cursor: pointer; color:#666666; position: relative; box-sizing: border-box; display: block; height: 50px; }
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a:after{content: ""; position: absolute; right: 0; width: 1px; height: 35%; top: 50%; transform: translateY(-50%); background-color: #666;}
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li:hover a{color:#5642B1;}
.sub_contents .contents_wrap .game_tab_menu01 ul.tabs li.current a {color:#5642B1; border-bottom: 3px solid #5642B1; font-weight: bold;}

/* community1-1.jsp 게임 소개 _ 리스트 */
.content_mid .game_infor_box {max-width:calc(100% / 3); height: auto; box-sizing: border-box; width: 100%; padding: 0 15px;}
.content_mid .game_infor_box ul > li {width: 100%; height: 100%; display: block;}
.content_mid .game_infor_box ul > .content_mid > a {display: block; width: 100%; height: 100%;}
.content_mid .game_infor_box ul > li > a >div {width: 100%; height: 264px;}
.content_mid .game_infor_box {padding-top: 40px;}
.content_mid .game_infor_box .game_infor_wrap {position: relative; cursor: pointer;}
/* .content_mid .game_infor_box .game_infor_wrap:hover {border:3px solid #5642B1; box-shadow: 2px 2px 4px #b4b4b4;} */
.content_mid .game_infor_box .game_infor_text p {font-size: 17px; color:#222; text-align: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;font-weight: bold; margin-top: 30px; padding: 0 25px;}
.content_mid .game_infor_box .game_infor_text span{display: block;font-size: 13px;color: #707275;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;margin-bottom: 25px; padding: 0 25px;}
.content_mid .game_infor_box .game_infor_text div.last_txt {text-align: center; border-top: 1px solid #dfdfdf; padding:10px 25px; font-size: 13px; color:#707275;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;} 
.content_mid .game_infor_box .game_infor_wrap .hover_line {border:3px solid #5642B1; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 1px 2px 6px #797979;}
.content_mid .game_infor_box .game_infor_wrap:hover .hover_line {opacity: 1; animation: hover_line .7s forwards;}

/* community1-1.jsp 게임 소개 _ 페이징 넘버 */
.sub_contents .contents_wrap .page_number {width: 100%;height: 35px;padding: 10px 0px 80px; float: left;}
.sub_contents .contents_wrap .page_number .page_number_wrap {width: 100%;max-width: 1200px;height: 35px;padding: 0px 30px;box-sizing: border-box; text-align: center;}
.sub_contents .contents_wrap .page_number ul{width: auto;height: 35px; display: inline-block;}
.sub_contents .contents_wrap .page_number ul li {display: inline-block; float: left;}
.sub_contents .contents_wrap .page_number ul li a{display: inline-block;min-width: 35px;width: auto;height: 35px;line-height: 33px;padding: 0px 15px;color: #707275;font-weight: bold;font-size: 16px;border: 1px solid #d0d0d0;box-sizing: border-box; float: left;border-left: 0px;}
.sub_contents .contents_wrap .page_number ul li:first-child a{border-left: 1px solid #d0d0d0;}
.sub_contents .contents_wrap .page_number ul li a.actvie{background-color: #707275; color:#fff;}
.sub_contents .contents_wrap .page_number ul li a >img {display: inline-block;}

/* community1-1.jsp 게임 소개 _ 모달 팝업 */
.game_sub_container .popup_bg {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; background-color: #fafafa; opacity: .8;}
.game_sub_container .modal_popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; background-color: #fff; z-index: 1000; width: 910px;height: 530px; box-shadow: 5px 5px 20px -10px #000;}
.game_sub_container .modal_popup .modal_wrap {float: left; width: 100% ; height: 100%; box-sizing: border-box; position: relative;}

/* 모달팝업 이미지 슬라이드 */
.game_sub_container .modal_popup .modal_wrap .pop_slider {width: 50%; height: 100%; box-sizing: border-box; overflow: hidden; float: left;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-wrapper{display: flex;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide { text-align:center;display:flex;align-items:center; justify-content:center; box-sizing:border-box;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-container {width: 100%; height: auto; margin: 0px auto; box-sizing: border-box;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide-container {width: 100%;height:100%;display: flex;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide-container img{display: block; width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; object-position: 50% 50%;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .gallery-top {width: 100%; display: flex; height: 83%;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .gallery-thumbs {width: 100%; height: 17%;box-sizing: border-box; display: flex;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .gallery-thumbs .swiper-slide {width: calc(100% / 5); height: auto; opacity: 0.4; float: left;}
.game_sub_container .modal_popup .modal_wrap .pop_slider .gallery-thumbs .swiper-slide-active {opacity: 1;}


/* 모달팝업 텍스트 부분 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box{width: 50%; height: 100%; float: right; padding: 60px 35px 60px 50px;box-sizing: border-box;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap{width: 100%;height: 100%;padding-right: 15px;overflow-y: auto;}
/* 모달팝업 스크롤바 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);background: #efefef;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap::-webkit-scrollbar-thumb {height: 50px;width: 50px; background: rgba(0,0,0,.2);border-radius: 8px;-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);}
/* 모달팝업 닫기버튼 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn { width: 17px; height: 17px; box-sizing: border-box;position: absolute; top: 20px; right: 20px;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn a{display: block;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn img {display: block; width: 100%; height: 100%;}
/* 모달팝업 미디어 768이하 일때 보여지는 닫기버튼 - pc 사이즈일때 none 처리 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn img.md_close_btn {display: none;}
/* 모달팝업 게임 설명 텍스트 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box .popup_body h2 {font-size: 22px;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .popup_body p {font-size: 13px;color: #707275;word-wrap: break-word; line-height: 1rem;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .company_icon{width: 100%; text-align: right;padding: 5px 20px 0;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .company_icon a {display: inline-block; width: 25px; height: 25px; vertical-align: middle;}
/* 모답팝업 게임사 아이콘 */
.game_sub_container .modal_popup .modal_wrap .pop_text_box .company_icon img {width: 100%; height: 100%; display: inline-block;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list{width: 100%;height: auto;margin-top: 60px;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list p {padding: 10px 0; border-bottom: 1px solid #dfdfdf;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span{font-size: 14px;color: #707275; display: inline-block;box-sizing: border-box;vertical-align: top;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:first-child{font-weight: bold; width: 70px;}
.game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:nth-child(2){width: 270px; text-align: left;}

/* 모달팝업 띄웠을때 배경 스크롤 금지 */
html.active{height: 100%; overflow: hidden;}


/* faq.jsp 뉴스 _ 리스트 */
.sub_contents .contents_wrap .news_box {padding: 100px 0 60px; width: 100%;height: auto; float: left;}
.sub_contents .contents_wrap .news_box .tit_text > p {font-size: 30px; font-weight: bold; color: #222222;}
.sub_contents .contents_wrap .news_box .news_list {width: 100%; height: auto;  float: left; box-sizing: border-box;margin-top: 60px;}
.sub_contents .contents_wrap .news_box .news_list li {float: left; width: 100%; cursor: pointer; margin-left: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.sub_contents .contents_wrap .news_box .news_list li:nth-child(1n+2){border-top: none;}
.sub_contents .contents_wrap .news_box .news_list li:hover {border:1px solid #5642B1;}
.sub_contents .contents_wrap .news_box .news_list li:hover div.list_preview{animation: effect .5s forwards;}
.sub_contents .contents_wrap .news_box .news_list li a { display: inline-block; width: 20%; height: 130px; box-sizing: border-box; float: left; margin: 20px 0;}
.sub_contents .contents_wrap .news_box .news_list li a span{display: inline-block; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.sub_contents .contents_wrap .news_box .news_list li a .news_img01{background-image: url('/images/sub/news_img01.png');}
.sub_contents .contents_wrap .news_box .news_list li a .news_img02{background-image: url('/images/sub/news_img02.jpg');}
.sub_contents .contents_wrap .news_box .news_list li a .news_img03{background-image: url('/images/sub/news_img03.png');}
.sub_contents .contents_wrap .news_box .news_list li a .news_img04{background-image: url('/images/sub/news_img04.jpg');}
.sub_contents .contents_wrap .news_box .news_list div.news_infor {float: left; width: 80%; padding:17px 0 17px 25px;}
.sub_contents .contents_wrap .news_box .news_list div.news_infor p {font-size: 14px; color:#707275;}
.sub_contents .contents_wrap .news_box .news_list div.news_infor p.game_name{display: inline-block;}
.sub_contents .contents_wrap .news_box .news_list div.news_infor h2 { font-size: 22px;}
/* pc 사이즈일때는 안보이는 시간 - 미디어 497 이하 일때만 보임 */
.sub_contents .contents_wrap .news_box .news_list div.news_infor span.md_time{display: inline-block; font-size: 12px; float: right; margin-right: 5px; display: none; color:#707275;}

/* notice.jsp 뉴스 _ 상세페이지  */
.sub_contents .contents_wrap .news_detail_box {padding: 120px 0 60px; width: 100%; box-sizing: border-box;}
.sub_contents .contents_wrap .news_detail_box .news_text p {font-size: 14px; color:#707275; font-weight: bold;}
.sub_contents .contents_wrap .news_detail_box .news_text h2{font-size: 40px; line-height: 45px;}
.sub_contents .contents_wrap .news_detail_box .news_text span {font-size: 14px; display: inline-block; color:#5642B1; margin-top:20px; font-weight: bold;} 
.sub_contents .contents_wrap .news_detail_box .news_text span.time{margin-left: 15px; color: #707275; position: relative; padding-right: 30px; font-weight: 400;}
.sub_contents .contents_wrap .news_detail_box .news_text span.time::after{content: ""; position: absolute; top: 50%; right: 10%; transform: translatey(-50%); background-color: #dfdfdf; width: 1px; height: 75%;}
.sub_contents .contents_wrap .news_detail_box .news_text ul {display: inline-block;}
.sub_contents .contents_wrap .news_detail_box .news_text ul li {display: inline-block;}
.sub_contents .contents_wrap .news_detail_box .news_text .new_image01 {width: 100%; box-sizing: border-box; margin: 40px 0; }

/*notice.jsp  뉴스 _ 상세페이지 상단  sns 아이콘 */
.sub_contents .contents_wrap .news_detail_box .news_text .sns_icon { vertical-align: middle;}
.sub_contents .contents_wrap .news_detail_box .news_text .sns_icon img{display: block; width: 22px; height: 22px; box-sizing: border-box; margin: 6px 5px 0 ;}
/* 아이콘 hover 효과 설정값  */
.sub_contents .contents_wrap .news_detail_box .news_text .sns_icon img.sns_white {display: none;}
.sub_contents .contents_wrap .news_detail_box .news_text .sns_icon li a:hover img{display: none;}
.sub_contents .contents_wrap .news_detail_box .news_text .sns_icon li a:hover img.sns_white{display: block;}

/* notice.jsp 뉴스 _ 상세페이지 _ 내용글 */
.sub_contents .contents_wrap .news_detail_box .news_record p {font-size: 18px; margin: 1rem 0;}
.sub_contents .contents_wrap .news_detail_box .news_record .video_player {width: 100%; height: 100%;}
.sub_contents .contents_wrap .news_detail_box .news_record .video_player .player_wrap {position: relative;padding-top: 56%;width: 100%;height: 0;}
.sub_contents .contents_wrap .news_detail_box .news_record .video_player .player_wrap iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub_contents .contents_wrap .news_detail_box .news_record hr{background-color: #dfdfdf;height: 1px;width: 100%; border: 0 ; margin: 1.75rem auto;}
.sub_contents .contents_wrap .news_detail_box .news_record .link_text { text-align: center;}
.sub_contents .contents_wrap .news_detail_box .news_record h2 {font-size: 43px;}
.sub_contents .contents_wrap .news_detail_box .news_record a{text-decoration:underline; text-underline-position: under; color:#5642B1; display: block; font-weight: bold; font-size: 18px;}  
.sub_contents .contents_wrap .news_detail_box .news_record a:hover{color: #A4B9E4;}
.sub_contents .contents_wrap .news_detail_box .news_record .newstory_img img{display: block; margin: 2rem 0;}

/* notice.jsp  뉴스 _ 상세페이지 _ 하단 다음글 */
.sub_contents .contents_wrap .news_detail_box .next_post .news_list li {margin-top: 20px; border-top: 1px solid #dfdfdf; }
.sub_contents .contents_wrap .news_detail_box .next_post .news_list li:hover{border:1px solid #5642B1;}


/* board.jsp 파트너소개 */
.sub_container.partner_bg {padding: 0;}
.sub_container .inner.partner_wd100 {width: 100%; padding: 0;}
.sub_contents .contents_wrap .partner_text {padding: 120px 0px; width: 100%;}
.sub_contents .contents_wrap .partner_text .partner_tit {padding: 0px 30px; box-sizing: border-box; margin: 0 auto; max-width: 1200px;}
.sub_contents .contents_wrap .partner_text .partner_tit h2 {font-size: 30px; font-weight: bold; color: #222;}
.sub_contents .contents_wrap .partner_text .partner_tit p {font-size: 15px;color: #707275; line-height: 2; margin-top: 30px;}
.sub_contents .contents_wrap .partner_infor { background-color: #F0F0F0;width: 100%; height: auto;padding: 120px 0px; float: left;}
.sub_contents .contents_wrap .partner_infor .partner_wrap {width: 100%; max-width: 1200px; padding: 0 30px;box-sizing: border-box; margin: 0 auto;}
.sub_contents .contents_wrap .partner_infor .partner_wrap ul {float: left; width:100%;}
.sub_contents .contents_wrap .partner_infor .partner_wrap ul li {float: left; width: calc(100%/4);height: 190px; padding: 0 25px;}
.sub_contents .contents_wrap .partner_infor .partner_wrap ul li .partner_image {width: 100%;height: 140px; line-height: 140px; border: 1px solid #e0e0e0; text-align: center; background-color: #fff;box-sizing: border-box;box-shadow: 0px 4px 0px 0px #e6e6e6;overflow: hidden;}
.sub_contents .contents_wrap .partner_infor .partner_wrap ul li .partner_image img{display: inline-block;width: auto; max-width: 80%; height: auto; vertical-align: middle;}


/*faq.jsp 뉴스 페이지 _리스트 hover 했을때 애니메이션 효과  */
@keyframes effect {
    0% {
        margin-left:0
    }
    100% {
        margin-left: 15px;
    }
}

@keyframes hover_line {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* community1-1.html 커뮤니티 */
.sm_txt{font-size: 12px;}
.sm_btn {
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 12px;
    color: #7c7c7c;
    margin: 5px;
    min-width: 50px;
}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.member_img.profile {width: 30px; height: 30px; border-radius: 15px; margin-right: 10px;}
.content_mid{display: flex; flex-wrap: wrap; clear: both; padding: 20px 0 60px 0; box-sizing: border-box; margin: 0 -15px;}
.community_btn{display: flex;}
.community_btn i{padding: 5px 0; font-size: 20px; color:#333; margin-left: 20px;}
.sub_tit_content.community{display: flex; justify-content: space-between; padding: 0 10px;}
.input-file-button{cursor: pointer;}
.community_box{flex-basis: 400px; margin: 10px;  border:1px solid #e0e0e0; padding: 10px; border-radius: 10px; overflow:hidden; position: relative;}
.community_box .community_img{width: 100%; height: 300px;}
.community_box .community_img img{display: block; width: 100%; height: 100%; object-fit: contain; padding: 5px;}
.community_txt{margin: 10px 20px; text-align: left; font-size: 14px; padding: 20px 0;}
.community_txt1{display: flex; justify-content: space-between; margin-bottom: 10px;}
.community_symbol i{margin: 10px 5px;}
.comment_txt p{margin: 5px 0;}
.comment_txt{height: 80px;}
.comments{position: relative;}

.pw_sch_function_search td{padding-right: 5px;}
.pw_sch_function_search td:last-child{padding-right: 0;}
.pw_sch_function_search{margin-left: 1% !important;}

/* community1-2.html 커뮤니티 */
.pic_flex{display: flex;padding: 10px;}
#pic{object-fit: contain;max-width: 80px; height: 100%; flex:1;margin: 5px;}
#pic_textarea{flex:2; margin: 5px;padding: 5px; border: 1px solid #eee;}
.community_box.w100{width: 100% !important; flex-basis: initial; text-align: left;}
.community_camera label i{margin-left: 20px;}
/* community1-3.html 커뮤니티 */
.community_symbol{position: relative;}
.lyr_post_function{display: none; width: 100%; position: absolute; font-size: 12px; z-index: 1;}
.lyr_post_function ul{background-color: #fff; text-align: right;}
.lyr_post_function.one{right:0; display: none;}
.community_profile{display: flex; align-items: center;}
.like_txt{font-size: 12px;}
.comments_like{display: flex;}
.comment_top{position: relative; padding: 10px;}
.comments_box{width: 90%; display: flex; align-items: center; flex-wrap: wrap; position: absolute; bottom: 5px;}
.comments_box p{margin-left: 5px;}
.comments_txt{display: flex; justify-content:space-between; flex-direction:row; height: 55px; margin-top: 5px;}
.lyr_post_function.two{width: initial; top: 20px; right: 0;}
.form-group{display: flex; align-items: center; margin-left: 5px;}
.form-group.w100{width: 90%;}
.form-control{width: 90%; border:1px solid #e0e0e0; padding: 5px; border-radius: 5px;}
.comments_block{display: none; margin-left: 10px;}
.sm_txt{font-size: 12px;}
.comments_like.sm_txt p{margin-right: 5px;}

/* community1-4.html 커뮤니티 */
.total_img{display: flex; flex-wrap:wrap; justify-content: center;}
.total_img div{min-height: 1px; margin: 1px;}
.total_img div img{flex-basis: 200px; width: 200px; height: 250px; object-fit: cover;}
/* .sm_btn i{vertical-align: top;} */

/* 마이페이지 프로필사진 */
.avatar-upload {
    position: relative;
    max-width: 160px;
    margin: 0px auto;}
    .avatar-upload .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
        top: 10px;}

/*1320이하 */
@media screen and (max-width:1320px){
/***common***/
.inner{width:100%;}


/*main_container*/
.service_txt{height:155px;}

/*  메인 슬라이드 */
.slick_section{margin-top: 50px;}
/***공지사항/고객센터/입금계좌번호***/
.community_wrap>div>div+div{margin-left:2%;}
/*공지사항*/
.notice_wrap{width:32%;}
/*고객센터*/
.main_cs_center{width:32%;}
/*입금계좌번호*/
.main_bank_num{width:32%; }
.pw_sch_function_search{margin-left: 8.5% !important;}

/* 하이퍼큐브 */
    /* notice.jsp 뉴스 _ 상세페이지 _ 내용글 */
    .sub_contents .contents_wrap .news_detail_box .news_record p {font-size: 16px;}
    .sub_contents .contents_wrap .news_detail_box .news_record a {font-size: 16px;}
    .sub_contents .contents_wrap .news_detail_box .news_record h2 {font-size: 38px;}

    }
/*1200이하*/
@media screen and (max-width:1200px){
/*common*/
.header_wrap01{display:none;}
.header_wrap02{display:block;}

.slick_section{margin-top: 40px;}
.slick-sample.vertical .slick_txt{padding-left: 60px;padding-right: 30px;}

/*.top_btn*/
.top_btn{bottom:15px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:block;}

}



/*1024이하 */
@media screen and (max-width:1024px){
.main_container{padding-top: 50px; padding-bottom: 0;}
/***layout***/
header{height: 80px; position: fixed; z-index: 10;}

/*  메인 슬라이드 */
.slick_section{margin-top: 40px;}
.slick-sample.vertical .slick_txt{padding: 40px 30px 0px 50px;}

.main_visual_txt{font-size: 36px;}
.main_visual_txt h4{padding: 10px;}


/*header_wrap02 모바일/태블릿 가로 1200px 이하 */
.header_wrap02 h1{width: 120px;}
/*common*/
.header_wrap02{background-color: #fff;}
/*스크롤 내렸을때 */
/*.btn_tm_nav_open{height: 0;}*/
.header_wrap02.header_up02{padding:10px 15px;}
.header_wrap02.header_up02 .util_menu {margin-top:7px;}


.language{float: right; margin-right:10px;}

/***메인 비쥬얼 슬라이드***/
.main_visual{height:350px;}
.main_visual_img{height:450px;}
.main_visual_img>div:before{height:450px;}
.main_visual_txt{font-size: 32px;}
.main_visual_txt p{font-size: 16px;}
.main_visual_txt>div>p{font-size:35px;}
.slick-sample.vertical .slick_txt h5{padding-top: 50px; font-size: 16px;}
.slick-sample.vertical .slick_txt h1{font-size: 32px;}
.slick-sample.vertical .slick_txt p{font-size: 18px;}


/*main_container*/
.main_preface{font-size:15px;font-weight:bold; line-height:1.7;}
.main_preface strong{font-size:24px;font-weight:bold; padding-bottom: 30px;} 
.main_txt2{font-size: 14px; }
.tnp_service_list{margin-top:40px; padding:30px 0;}


.service_txt{padding:15px; height:initial;}
.service_txt>em{font-size:19px; font-weight:bold;}
.service_txt>p{margin-top:5px;}

.slick-slider.three{width: 50%;}
.year_btn{justify-content: space-between; width: 90%;}

.year_slider{display: flex; justify-content: center;}

#vs1{width: 90%;}


/***공지사항/고객센터/입금계좌번호***/
.community_wrap{margin-top:40px;}
/*공지사항*/
.notice_wrap{width:49%;}
/*고객센터*/
.main_cs_center{width:49%;}
/*입금계좌번호*/
.community_wrap>div>.main_bank_num{width:100%; margin-left:0; margin-top:25px; border-top:1px dotted #dddddd; padding-top:20px;
		height:auto;}
.main_bank_num>div{display:inline-block; vertical-align:top;}
.main_bank_num>div:nth-child(2){margin-left:30px;  margin-top:0;}
/* 커뮤니티 */
/* .content_mid{justify-content: center;} */
.community_box{flex-grow: 0; min-height: 200px;}
.member_img.profile.none{display: none;}

.video_box{width: initial !important; max-width: 600px;}
.video_box video{width: 600px; min-width: 280px !important;}
.write{margin-right: 8% !important;}

/* 하이퍼큐브 */
     .content_mid{padding: 20px 0 0;}
     /* community1-1.jsp 게임 소개 _ 탭메뉴 */
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a{font-size: 14px;padding: 12px 15px;}

     /* community1-1.jsp 게임 소개 _ 리스트 */
     .content_mid .game_infor_box {max-width:calc(100% / 2); padding-top: 0px;}
     .content_mid .game_infor_box .game_img {margin-top:25px;}
     .content_mid .game_infor_box .game_infor_text p {font-size: 16px;padding: 0 15px;}
     .content_mid .game_infor_box .game_infor_text span{font-size: 12px;padding: 0 15px;}
     .content_mid .game_infor_box .game_infor_text div.last_txt {font-size: 12px;} 

     /* community1-1.jsp 게임 소개 _ 모달 팝업 */
     .sub_container.game_sub_container{padding: 0 0 80px;}
     .game_sub_container .modal_popup{width: 720px;height: 420px;}
     .game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide { height: 350px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn{width: 14px;height: 14px;}
     /* 모달팝업 텍스트 부분 */
    .game_sub_container .modal_popup .modal_wrap .pop_text_box {padding: 60px 22px 45px 35px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list{margin-top: 30px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .popup_body h2{font-size: 18px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .popup_body p{font-size: 12px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .company_icon a{width: 20px;height: 20px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list p{padding: 5px 0 1px 0; }
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span{font-size: 13px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:first-child{width: 60px;}
    .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:nth-child(2){width: 150px;}


    /* community1-1.jsp 게임 소개 _ 페이징 넘버 */
    .sub_contents .contents_wrap .page_number {padding: 60px 0px 40px;}
    .sub_contents .contents_wrap .page_number ul li a{font-size: 14px;padding: 0px 10px;}

    /* faq.jsp  뉴스 페이지 _리스트 */
    .sub_contents .contents_wrap .news_box {padding: 50px 0 0;}
    .sub_contents .contents_wrap .news_box .tit_text > p {font-size: 24px;}
    .sub_contents .contents_wrap .news_box .news_list {margin-top: 35px;}
    .sub_contents .contents_wrap .news_box .news_list li a { width: 250px; height: 150px; }
    .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 250px);}
    .sub_contents .contents_wrap .news_box .news_list div.news_infor p {font-size: 13px;}
    .sub_contents .contents_wrap .news_box .news_list div.news_infor h2 { font-size: 18px;}

    /* notice.jsp 뉴스 _ 상세페이지  */
    .sub_contents .contents_wrap .news_detail_box {padding: 90px 0 60px; }
    .sub_contents .contents_wrap .news_detail_box .news_text h2{font-size: 35px; line-height: 38px;}

    /* board.jsp 파트너소개 */
    .sub_contents .contents_wrap .partner_text{padding: 45px 0px;}
    .sub_contents .contents_wrap .partner_infor{padding: 60px 0px;}
    .sub_contents .contents_wrap .partner_text .partner_tit h2 {font-size: 24px; }
    .sub_contents .contents_wrap .partner_text .partner_tit p {font-size: 14px; margin-top: 20px;}
    .sub_contents .contents_wrap .partner_infor .partner_wrap{padding: 0;}
    .sub_contents .contents_wrap .partner_infor .partner_wrap ul li {width: calc(100%/3); padding: 0 20px;}

}

/*920이하 */
@media screen and (max-width:920px){

    /* 하이퍼큐브 */
    /* faq.jsp 뉴스 _리스트 */
    .sub_contents .contents_wrap .news_box .news_list li a { width: 230px; height: 140px; }
    .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 230px);}

}




/*768이하 */
@media screen and (max-width:769px){

/***common***/
.inner{padding:0 15px;}

/***메인 비쥬얼 슬라이드***/
.main_visual_txt h4{padding: 10px;}
.main_visual_txt{font-size: 28px;}
.main_visual_txt p{font-size: 16px; word-break: keep-all;}
.main_visual_txt .read span{font-size: 12px; padding: 5px 10px;}
.main_visual_txt .read{margin-top: 0;}

.main_container{padding-top: 50px;}
.main_preface strong{padding-bottom: 30px;}
.main_txt2{font-size: 13px; word-break: keep-all; width: 100%; margin: 0 auto;}
.service_txt>p{font-size: 12px;}
.tnp_service>span>img{width: 70px;}

/*main_container*/
.main_preface{font-weight:normal; }
.main_preface strong{font-size:26px;} 
.bottom_section h1{font-size: 24px; margin-top: 40px;}

.slick-sample.vertical .slick_txt{padding-left:30px; height: 350px !important; padding: 20px 30px 50px 30px;}
.slick-sample.vertical .slick_txt h1{font-size: 30px;}


.main_bg{height: 350px !important;}
.slick-sample{height: 350px;}
.slick-sample.vertical .slick_txt h5{padding-top: 50px;}
.slick-sample.vertical .slick_txt p{padding-top: 30px;}
.slick-sample.vertical .slick_txt h1{padding-top: 10px;}

/***공지사항/고객센터/입금계좌번호***/
.community_wrap{margin-top:30px;}
.notice_wrap>a {right:10px; top:5px;}
.main_cs_center{padding-left:50px;}
.main_cs_center>span{letter-spacing:-1px;}
.main_cs_center strong {font-size:25px;}

/***.etc_menu***/
.etc_menu{text-align:center;}
.etc_menu li{font-weight:normal;} 

/***footer***/
footer .inner>*{float:none; text-align:center; }
.f_logo{margin:0 auto; width:160px;}
.company_info02{margin-left:0; margin-top:15px; font-size:13px;}
.company_info02>*{padding:0;}
.company_info02 dl dd, .company_info02 span{font-weight:normal;}
.community_box{flex-basis: 300px;}
.comments_box{margin-left: 0;}
  /* 하이퍼큐브 */
     /* community1-1.jsp 게임 소개 _ 탭메뉴 */
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a{font-size: 12px;padding:11px 10px;}

     /* community1-1.jsp 게임 소개 _ 리스트 */
     /* .content_mid {padding: 0 0 40px 0;} */
     .content_mid .game_infor_box ul > li > a >div {height: 200px;}

     /* community1-1.jsp 게임 소개 _ 모달 팝업 */
     .game_sub_container .modal_popup{width: calc(100% - 30px);height: 90%;}
     /* 모달팝업 슬라이드 */
     .game_sub_container .modal_popup .modal_wrap .pop_slider {width: 100%; height: 55%;}
     .game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide {height: auto;}
     .game_sub_container .modal_popup .modal_wrap .pop_slider .swiper-slide-container img{object-position: 50% 40%;}
     /* 모달팝업 텍스트박스 부분 */
     .game_sub_container .modal_popup .modal_wrap .pop_text_box{width: 100%; height: 45%; float: left; padding: 30px 15px 30px 25px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn {width: 23px; height: 23px;}
     /* 모달팝업 미디어 768이하 일때 보여지는 닫기버튼 - pc 사이즈일때 none 처리 */
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn img.md_close_btn {display: block;}
     /* 모달팝업 768 사이즈 이하 일때 사라지는 닫기버튼 - pc사이즈 닫기버튼 */
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn img.pc_close_btn {display: none;}

     /* faq.jsp 뉴스 _ 리스트 */
     .sub_contents .contents_wrap .news_box {padding: 35px 0 0;}
     .sub_contents .contents_wrap .news_box .tit_text > p {font-size: 20px;}
     .sub_contents .contents_wrap .news_box .news_list {margin-top: 20px;}
     .sub_contents .contents_wrap .news_box .news_list li a { width: 210px; height: 120px; }
     .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 210px);}
     .sub_contents .contents_wrap .news_box .news_list div.news_infor p {font-size: 12px;}
     .sub_contents .contents_wrap .news_box .news_list div.news_infor h2 { font-size: 16px;}
     .sub_contents .contents_wrap .news_box .news_list div.news_infor p.short_view {display: none;}

     /* notice.jsp 뉴스 _ 상세페이지*/
     .sub_contents .contents_wrap .news_detail_box {padding: 70px 0 60px; }

     /* notice.jsp 뉴스 _ 상세페이지 _ 내용글*/
     .sub_contents .contents_wrap .news_detail_box .news_record p {font-size: 14px;}
     .sub_contents .contents_wrap .news_detail_box .news_record a {font-size: 14px;}
     .sub_contents .contents_wrap .news_detail_box .news_record h2 {font-size: 30px;}

     /* board.jsp 파트너소개 */
     .sub_contents .contents_wrap .partner_text .partner_tit h2 {font-size: 20px;}
     .sub_contents .contents_wrap .partner_text .partner_tit p {font-size: 14px; margin-top: 15px;}
     .sub_contents .contents_wrap .partner_infor .partner_wrap ul li {width: calc(100%/2);}
} 


/*600이하 */
@media screen and (max-width:600px){

/*main_container*/
.main_container {padding: 20px 0 30px;}
.main_preface strong{font-size:24px;} 
.main_preface>div>span{display:inline;} 
.tnp_service_list{margin-top:30px; padding:20px 0;}
.tnp_service:nth-child(3n),.tnp_service:nth-child(4n){margin-top:15px;}
.service_txt{padding:10px;}
.service_txt>em{font-size:17px;}
.service_txt>p{margin-top:2px; letter-spacing:-1px; word-break: keep-all;}
.slick_section01{display: none;}
.indicaotr{display: none;}
.mo_slider{display: block; height: 350px; position: relative;}
.slick_section_mo{position: relative;}
.slick-sample.vertical.mo{width: 100%;}
.slick-sample.vertical.mo div{padding-left: 0;}
.slick_txt{position: relative;}
.slick_txt.mo{z-index: 99;}
.slick-sample.vertical_mo{width: 100%;}
.slick_txt_mo{padding: 100px 0;}
.slick_txt_mo h1{font-size: 24px;}
.slick_txt_mo h5{font-size: 14px; color:rgba(255,255,255,0.7)}
.slick_txt_mo p{font-weight:800;font-size: 16px;}
.indicaotr.mo{display: block;}
.read.sm span{font-size: 12px;}
.slick_section_mo{display: block;}
.tnp_service>span>img{width: 55px;}
.slick-sample{height: 350px; position: absolute !important;
    color: #fff;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    height: 350px;}

footer .inner{display: block;}
.company_info02{margin-top: 0;}
.company_info03{height: 50px; margin-top: 20px;}
.company_info03 ul{display: table;
    margin-left: auto;
    margin-right: auto;}

/***공지사항/고객센터/입금계좌번호***/
.community_wrap h4{font-size:16px;} 
.community_wrap>div>div{height:auto;}
.community_wrap>div>div+div{margin-left:0; }
/*공지사항*/
.notice_wrap{width:100%;}
/*고객센터*/
.main_cs_center{width:100%; margin-top:20px; padding-top:15px; border-top:1px dotted #dddddd; background-position:0 20px;}
/*입금계좌번호*/
.community_wrap>div>.main_bank_num{margin-top:20px; padding-top:15px;}
.main_bank_num>div{display:block;}
.main_bank_num>div:nth-child(1){padding-left:50px;}
.main_bank_num>div:nth-child(2){padding:8px 15px; margin-top:10px;}
.community_box{flex-basis: 350px;}

 /* 하이퍼큐브 */
     /* faq.jsp 뉴스 _ 리스트 */
     .sub_contents .contents_wrap .news_box .news_list li a { width: 180px; height: 120px; }
     .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 180px);}

}




/*500이하 */
@media screen and (max-width:500px){

/***메인 비쥬얼 슬라이드***/

.main_preface strong{font-size: 20px; margin-top: 30px;}
.slick-slider.three .slick-slide{font-size: 16px;}

/*main_container*/
.tnp_service_list{margin-top:20px; padding:15px 0;}
.service_txt>em{font-size:16px;}
.tnp_service:nth-child(3n),.tnp_service:nth-child(4n){margin-top:10px;}
.main_visual_txt{font-size: 24px;}
.main_visual_txt p{font-size: 14px;}
.tnp_service>span>img{width: 50px;}

.tnp_service_list .tnp_service{width: 49.2%;}
.tnp_service_list .tnp_service:nth-child(2){border-right: none;}
.tnp_service_list .tnp_service:nth-child(3){width: 100%; border-top:1px solid #e3e3e3;padding-top: 15px;}

/*.btn_tm_nav_open{padding-top: 5px;}*/

.bottom_section h1{font-size: 20px;}
#img_box1{height: 240px;}
.slider{flex-direction: column;}
.indicaotr.mo{display: block;}
.slick-sample.basic.mo{display: block;}
.indicaotr.mo button{padding:5px;}
.indicaotr.mo button img{display: block;}
.slick-slider.three .slick-slide{height: 45px;}


.pw_sch_function_search{margin-left: 6% !important;}
.write{margin-right: 5% !important;}
/* 하이퍼큐브 */
     /* community1-1.jsp 게임 소개 _ 탭메뉴 */
     .sub_contents .contents_wrap .game_tab_menu01 {border-bottom: none;margin-top: 10px;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs {width: 100%; text-align: center;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li{ width: calc(50% - 2px); font-size: 12px; border:1px solid #dfdfdf;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li:nth-child(1),.sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li:nth-child(2){border-bottom: none;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li:nth-child(5),.sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li:nth-child(6){border-top: none;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs > li:nth-child(2n+2){border-left:none;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a{font-size: 12px;padding:10px 15px;border:0; width: 100%;display:block;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs li a:after {display: none;}
     .sub_contents .contents_wrap .game_tab_menu01 ul.tabs li.current a {border:0; width: 100%; background-color:#5642B1; color: #fff;}

     /* community1-1.jsp 게임 소개 _ 리스트 */
     .content_mid .game_infor_box {max-width:100%; height: 100%;}
     .content_mid .game_infor_box .game_img {margin-top:20px;}
     .content_mid .game_infor_box .game_infor_text p {font-size: 14px; padding: 0px 10px; margin-top: 15px;}
     .content_mid .game_infor_box .game_infor_text span{font-size: 12px;padding: 0px 10px;margin-bottom: 15px;}
     .content_mid .game_infor_box .game_infor_text div.last_txt {font-size: 12px;} 
.game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap
     /* community1-1.jsp 게임 소개 _ 모달 팝업 */
     .game_sub_container .modal_popup{width: calc(100% - 30px);height: 90%;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box{padding: 30px 7px 30px 15px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .company_icon{padding: 6px 0px 0;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list {margin-top: 20px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .popup_body h2 {font-size: 16px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span{font-size: 12px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:first-child{width: 53px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .infor_list span:nth-child(2){width: 140px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .close_btn {width: 20px; height: 20px; right: 15px; top: 15px;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap{padding: 0;}

     /* community1-1.jsp 게임 소개 _ 페이징 넘버 */
     .sub_contents .contents_wrap .page_number ul li a{padding: 0px;}
     .sub_contents .contents_wrap .page_number .page_number_wrap {padding: 0;}

     /* faq.jsp 뉴스 _리스트 */
     .sub_contents .contents_wrap .news_box {padding: 25px 0 0;}
     .sub_contents .contents_wrap .news_box .tit_text > p {font-size: 18px;}
     .sub_contents .contents_wrap .news_box .news_list li .list_preview { float: left;width: 100%;}
     .sub_contents .contents_wrap .news_box .news_list li a { width: 150px; height: 100px;}
     .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 150px);}
    
     /* 미디어 사이즈일때 사라지는 시간태그 */
     .sub_contents .contents_wrap .news_box .news_list div.news_infor p.time{display: none;}
     /* 미디어 사이즈일때 보여지는 시간태그 */
     .sub_contents .contents_wrap .news_box .news_list div.news_infor span.md_time{display: block; font-size: 11px;}


     /* notice.jsp 뉴스 _ 상세페이지 */
     .sub_contents .contents_wrap .news_detail_box {padding: 40px 0 60px; }
     .sub_contents .contents_wrap .news_detail_box .news_text span.time::after{display: none;}
     .sub_contents .contents_wrap .news_detail_box .news_text h2{font-size: 30px; line-height: 33px;}
     .sub_contents .contents_wrap .news_detail_box .news_text span {font-size: 13px;} 
     .sub_contents .contents_wrap .news_detail_box .news_text .sns_icon img{width: 20px; height: 20px; margin: 6px 8px 0 0;}
     /* notice.jsp 뉴스 _ 상세페이지 _내용글 */
     .sub_contents .contents_wrap .news_detail_box .news_record h2{font-size: 27px;}

     /* board.jsp 파트너소개 */
     .sub_contents .contents_wrap .partner_text .partner_tit h2 {font-size: 18px;}
     .sub_contents .contents_wrap .partner_text .partner_tit p {font-size: 12px; }
     .sub_contents .contents_wrap .partner_infor .partner_wrap ul li {width:100%;}

     .game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap::-webkit-scrollbar-track{display: none;}
     .game_sub_container .modal_popup .modal_wrap .pop_text_box .pop_text_wrap::-webkit-scrollbar-thumb{display: none;}
}

@media screen and (max-width:320px){
    .main_visual_txt h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .pw_sch_function_search{float: none !important; margin: 0 auto !important;}
    .write{float: none !important;margin-top: 8px;text-align: right;padding-right: 12px;}
    .etc_menu li>a{display:block; color:#d1d1d1; text-align:center; font-size: 12px;}
    .etc_menu li a::after{content: ""; padding: 0 0 0 10px;}

    /* 하이퍼큐브 */
    /* faq.jsp 뉴스 _ 리스트 */
    .sub_contents .contents_wrap .news_box .news_list li a { width: 100px; height: 50px;}
    .sub_contents .contents_wrap .news_box .news_list div.news_infor {width: calc(100% - 100px);}

}