@charset "utf-8";
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/* Author oopblog.com */
/* reset */

/* 폰트 다운로드 트래픽 때문에 웹폰트 사용
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}
*/



html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;font-size:13px;font-family:'Nanum Barun Gothic','나눔고딕', NanumGothic,'맑은고딕',Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#414141; }
a { text-decoration:none; color:#414141}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea,
select,
button { font-size:13px;font-family:'Nanum Barun Gothic','나눔고딕', NanumGothic,'맑은고딕',Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
.hidden{display:none;}
.cl_b{clear:both;margin:0;padding:0;}


.ranking{width:100%;border:1px solid #ccc;height:35px;margin-bottom:5px;}
.ranking li{width:25%;float:left;height:34px;text-align:center;line-height:35px;background:#f8f8f8;padding:10px 0 0 0 !important;}

		#rank {
				BORDER: #c8c8c8 1px solid;
				WIDTH:100%;
				text-align:center;   
				vertical-align:middle;
				
			}
			#ranksub {
				WIDTH:100%;
				text-align:left;   
				vertical-align:middle;
				
			}
			#rankmonth1 {
				BACKGROUND-COLOR: #FFFFFF;
				WIDTH:25%;
				HEIGHT:35px;
			}
			#rankmonth2 {
				BORDER-left: #c8c8c8 1px solid;
				BORDER-BOTTOM: #c8c8c8 1px solid;
				BACKGROUND-COLOR: #F9F9F9;
				WIDTH:25%;
				HEIGHT:35px;
			}
			#rankmonth3 {
				BORDER-left: #c8c8c8 1px solid;
				BORDER-BOTTOM: #c8c8c8 1px solid;
				BACKGROUND-COLOR: #F9F9F9;
				WIDTH:25%;
				HEIGHT:35px;
			}
			#rankmonth4 {
				BORDER-left: #c8c8c8 1px solid;
				BORDER-BOTTOM: #c8c8c8 1px solid;
				BACKGROUND-COLOR: #F9F9F9;
				WIDTH:25%;
				HEIGHT:35px;
			}

		

		
/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb8 { margin-bottom:8px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.ml5 { margin-left:5px; }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }



.center { text-align:center !important }
.txt_left { text-align:left !important }
.txt_center { text-align:center !important }
.txt_right { text-align:right !important }
.f12 { font-size:12px !important }
.txt_under { text-decoration:underline !important }
.blue { color:#6abaec !important } 
.blueblue { color:#2222FF !important } 
.blues { color:#0273b9 !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.redred { color:red !important }
.green { color:#00be39 !important }
.purple { color:#bc26e1 !important }
.gray { color:#8d8d8d !important }
.gray2 { color:#AAAAAA !important; font-size:12px; padding-right:3px;}
.gray3 { color:#AAAAAA !important; font-size:12px; padding-right:3px;display:none;}
.black { color:#222 !important; }
.point01 { font-size:15px; color:#487acb; }
.point02 { font-size:20px; color:#487acb; }
.inline { display:inline-block; }
.violet { color:#C933EE !important } 
.white { color:#ffffff !important }
.f14_10_blue { font-size:14px;color:#0273b9 !important }
.f14_10_gray { font-size:14px;color:#4c4c4c !important }

* { box-sizing:border-box; }

.label3 { width:55px; height:25px; background:url(../img/common/label_new.png) no-repeat 0 0; letter-spacing:-1px;margin-bottom:3px; }
.label3 em { display:block; padding:6px 0; text-align:center; font-size:13px; color:#fff; font-weight:600; }

body,html { height:100% }
body { min-width:320px }


/************************************************************************************************************************************************
	공통
************************************************************************************************************************************************/
.section { max-width:1040px; padding:0 10px; margin:0 auto; }
.section2 { max-width:1040px;  margin:0 auto; }
.section3 { max-width:100%;  margin:0 auto; }
h2 { clear:both; text-align:center; padding:0 10px; font-size:34px; font-weight:bold; position:relative; margin:50px 0 18px; letter-spacing:-1px; }
/*h2:before { content:''; width:45px; height:3px; display:block; margin:0 auto 10px; background:#222; }*/

.btn { display:inline-block; vertical-align:middle; padding:0 10px; text-align:center; font-weight:600; }
.btn:active { box-shadow:inset 0 3px 4px rgba(0,0,0,0.2); }
.btn.btn-s { height:26px; line-height:26px; font-size:12px; color:#fff; border-radius:3px; !important; }
.btn.btn-m { height:36px; line-height:36px; font-size:16px; color:#fff; border-radius:5px; padding:0 13px; }
.btn.btn-big { height:55px; line-height:55px; padding-left:30px; padding-right:30px; border-radius:8px; font-size:25px;} 
.btn.btn-big_t { height:55px; line-height:55px; padding-left:30px; padding-right:30px; border-radius:8px; font-size:25px;} 
.btn-blue { background:#0273b8; border:1px solid #097cc3; color:#fff; }
.btn-green { background:#33CC00; border:1px solid #097cc3; }
.btn-red { background:#f75656; border:1px solid #e82727; }
.btn-violet { background:#4e71a8; border:1px solid #2d538f; }
.btn-default { background:#f2f2f2; border:1px solid #ccc; color:#5b5b5b !important; }
.btn-dark { background:#8b8b8b; border:1px solid #666060;  }
.btn-orange { background:#FF9900; border:1px solid #ff8306;  }



.header { position:relative; max-width:1020px; padding:8px 0 12px; margin:0 auto; z-index:120; }
.header h1 { text-align:center; }
.header .lnb { position:absolute; right:14px; bottom:18px; }
.header .lnb > ul:after { display:block; content:''; clear:both; }
.header .lnb > ul > li { float:left; margin-left:8px; position:relative; }
.header .lnb > ul > li a { color:#666; }
.header .lnb > ul > li a i { display:inline-block; width:31px; height:31px; vertical-align:middle; border-radius:100%; margin:0 4px 0 0; }
.header .lnb > ul > li a i.ico_top1 { background:#d63738 url(../img/common/ico_top01.png) no-repeat 50% 50%; }
.header .lnb > ul > li a i.ico_top2 { background:#8cc055 url(../img/common/ico_top02.png) no-repeat 50% 50%; }
.header .lnb > ul > li a i.ico_top3 { background:#e25304 url(../img/common/ico_top03.png) no-repeat 50% 50%; }
.header .lnb > ul > li a i.ico_top4 { background:#5678eb  no-repeat 50% 50%; font-size:12px; color:white; padding-top:10px; padding-left:5px; font-style:normal}
.header .lnb > ul > li .layer { display:none; background:#004c7b; position:absolute; right:0; top:30px; width:190px; padding:12px 0; }
.header .lnb > ul > li .layer ul li a { display:block; height:32px; line-height:32px; font-size:14px; color:#c0c0c0; padding-left:10px; }
.header .lnb > ul > li .layer ul li a i { display:inline-block; vertical-align:middle; width:32px; height:32px; margin-right:4px; }
.header .lnb > ul > li .layer ul li a i.ico1 { background:url(../img/common/ico_point.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico2 { background:url(../img/common/ico02_on.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico3 { background:url(../img/common/ico_modify.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico4 { background:url(../img/common/ico_logout.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico5 { background:url(../img/common/ico_m06.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico6 { background:url(../img/common/ico_m01.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a i.ico7 { background:url(../img/common/ico_m05.png) no-repeat 50% 50%; }
.header .lnb > ul > li .layer ul li a:hover { background:#053b5d; color:#fff; }
.header .lnb > ul > li.mine:hover .layer { display:block ;}

.header .image_list { position:absolute; left:150px; bottom:45px; text-align:center; padding-top:5px;}
.header .image_list > ul:after { display:block; content:''; clear:both; }
.header .image_list > ul > li { float:left; margin-left:0px; position:relative; }



#gnb { height:52px; background:#0273b8; }
#gnb .inner_box { max-width:1020px; margin:0 auto; }
#gnb .inner_box ul:after { display:block; content:''; clear:both; }
#gnb .inner_box ul li { float:left; width:12.5%; }/*** 현재 메뉴 8개 ***/
#gnb .inner_box ul li a { display:block; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:600; color:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; white-space:nowrap; }
#gnb .inner_box ul li.active a,
#gnb .inner_box ul li a:hover { background:#004c7b; }






/************************************************************************************************************************************************
	메인
************************************************************************************************************************************************/
.main_rolling { background:url(../img/main/bg_rolling.jpg) repeat-x 50% 0; margin-bottom:40px; }
.main_rolling .rolling_box { position:relative;overflow:hidden; }

.main_rolling .inner_box { max-width:1020px; margin:0 auto; position:relative; }
.main_rolling .inner_box img { width:100%;height:100%; }
.main_rolling .bx-pager { position:absolute; left:14px; bottom:17px; z-index:100; }
.main_rolling .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.main_rolling .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.main_rolling .bx-pager .bx-pager-item a.active { background-position:0 0; }
.main_rolling .bx-controls-direction a { position:absolute; top:50%; margin-top:-35px; height:70px; width:70px; border-radius:100%; background:rgba(0,0,0,0.1);  background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999px; }
.main_rolling .bx-controls-direction a.bx-prev { left:0; background-image:url(../img/sub/screenshot_prev.png); }
.main_rolling .bx-controls-direction a.bx-next { right:0; background-image:url(../img/sub/screenshot_next.png); }
.main_rolling .bx-controls-direction  { display:none; }
.main_rolling .rolling_box:hover .bx-controls-direction { display:block; }


.main_content { max-width:1040px; margin:0 auto; }
.col2_box:after { display:block; content:''; clear:both; }
.col2_box .col { float:left; width:50%; padding:0 10px 10px; }
.col2_box .col2 { float:left; width:100%; padding:10px 10px; }
.main_content .col2_box .col .banner1 { border:1px solid #ddd; border-radius:10px; overflow:hidden;padding:5px 0;}
.main_content .col2_box .col .banner1 img { width:100%; vertical-align:top;}

.main_content .col2_box .col2 .notice { border:1px solid #ddd; border-radius:10px; overflow:hidden; padding:14px 15px 6px; min-height:151px; }
.main_content .col2_box .col2 .notice .tit { font-size:15px; font-weight:bold; margin-bottom:5px; }
.main_content .col2_box .col2 .notice ul li { font-size:12px; position:relative; line-height:17px; padding:6px 78px 6px 8px;border-bottom:1px solid #e4e4e4; }
.main_content .col2_box .col2 .notice ul li.event { font-size:12px; position:relative; line-height:17px; padding:6px 5px 6px 8px;border-bottom:1px solid #e4e4e4; }
.main_content .col2_box .col2 .notice ul li:last-child { border-bottom:0px solid #e4e4e4; }
.main_content .col2_box .col2 .notice ul li a { display:block; color:#7f7f7f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_content .col2_box .col2 .notice ul li a:before { content:''; width:2px; height:2px; position:absolute; left:0; top:13px; background:#7f7f7f; }
.main_content .col2_box .col2 .notice ul li em { font-size:13px; font-style:normal; color:#7f7f7f; position:absolute; right:0; top:6px;  }

.app_list { margin-bottom:20px; }
.app_list ul:after { display:block; content:''; clear:both; }
.app_list ul li { float:left; width:25%; padding:10px; }
.app_list ul li a { display:block; height:264px; border:1px solid #ddd; border-radius:10px; text-align:center; padding-bottom:12px;  }
.app_list ul li a .thum { display:block;  text-align:center; padding:18px 0 ; }
.app_list ul li a .thum img { width:100px; height:100px; }
.app_list ul li a .thum2 { display:block;  text-align:center; padding:33px 0 ; }
.app_list ul li a .thum2 img { width:120px; height:60px; }
.app_list ul li a .tit_box { display:block; margin-bottom:4px; }
.app_list ul li a .tit_box .os { font-size:14px; color:#e5ac5b; display:block; margin-bottom:4px; }
.app_list ul li a .tit_box .tit { font-size:19px; text-overflow:ellipsis; color:#333; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; }
.app_list ul li a .tit_box .desc { font-size:11px; color:#B1B1B1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-top:4px;} 
.app_list ul li a .point_box .tit { font-size:14px; color:#333; }
.app_list ul li a .point_box .point { font-size:17px; color:#333; }
.app_list ul li a .point_box .point strong { font-size:30px; color:#0273b9; }


.app_list2 { margin-bottom:20px; }
.app_list2 ul:after { display:block; content:''; clear:both; }
.app_list2 ul li { float:left; width:50%; padding:10px; }
.app_list2 ul li a { display:block; height:244px; border:1px solid #ddd; border-radius:10px; text-align:center; padding-bottom:12px; position:relative; }
.app_list2 ul li a .thum { display:block;  text-align:center; padding:18px 0 ; }
.app_list2 ul li a .thum img { width:100px; height:100px; }
.app_list2 ul li a .tit_box { display:block; margin-bottom:10px; }
.app_list2 ul li a .tit_box .os { font-size:14px; color:#e5ac5b; display:block; margin-bottom:4px; }
.app_list2 ul li a .tit_box .tit { font-size:22px; color:#333; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app_list2 ul li a .point_box .tit { font-size:17px; color:#333; }
.app_list2 ul li a .point_box .point { font-size:17px; color:#333; }
.app_list2 ul li a .point_box .point strong { font-size:32px; color:#0273b9; }





.app_list3 { margin-bottom:20px; }
.app_list3 ul:after { display:block; content:''; clear:both; }
.app_list3 ul li { float:left; width:100%; padding:10px; }
.app_list3 ul li a { display:block; height:244px; border:1px solid #ddd; border-radius:10px; text-align:center; padding-bottom:20px; padding-top:20px; padding-left:30px; position:relative; }
.app_list3 ul li a .thum { float:left; border:5px solid #ddd; border-radius:10px; padding:30px 10px 10px 10px; font-size:23px; line-height:30px; color:#5b5b5b; width:200px;height:200px;}
.app_list3 ul li a .thum_c { float:left; border:5px solid #ddd; border-radius:10px; padding:30px 10px 10px 10px; font-size:23px; line-height:30px; color:#5b5b5b; width:200px;height:200px;}
.app_list3 ul li a .thum img { width:100px; height:100px; }
.app_list3 ul li a .tit_box { display:block; margin-bottom:10px; }
.app_list3 ul li a .tit_box .os { font-size:14px; color:#e5ac5b; display:block; margin-bottom:4px; }
.app_list3 ul li a .tit_box .tit { font-size:22px; color:#333; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app_list3 ul li a .tit_box .desc { font-size:11px; color:#B1B1B1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-top:4px;} 
.app_list3 ul li a .point_box .tit { font-size:17px; color:#333; }
.app_list3 ul li a .point_box .point { font-size:17px; color:#333; }
.app_list3 ul li a .point_box .point2 { font-size:17px; color:#333; }
.app_list3 ul li a .point_box .point strong { font-size:32px; color:#0273b9; }
.app_list3 ul li a .point_box .point2 strong { font-size:32px; color:#fe4e00; }






.point_rolling  { padding:0 10px; }
.point_rolling ul { margin-bottom:20px; }
.point_rolling ul li { border-bottom:1px dashed #ddd; padding:8px 0; text-align:center; font-size:16px; color:#7f7f7f; }
.point_rolling ul li strong { color:#222; }
.point_rolling ul li p { display:inline-block; vertical-align:middle; margin:0 6px 0 0; word-break:break-all; }
.point_rolling .btn_more button { display:block; width:100%; height:56px; line-height:55px; text-align:center; font-size:19px; color:#646464; font-weight:600; border:1px solid #ccc; border-radius:5px; background:#e7e7e7; }

#footer { padding:20px 0 30px; background:#3c3c3c; margin-top:50px; }
#footer .inner_box { padding:0 3px; text-align:center; font-size:12px; color:#b2b2b2; line-height:22px; }
#footer .btns { margin-bottom:15px; }
#footer .btns span { padding:0 1px; }
#footer .btns a { color:#b2b2b2; }
#footer .address a { color:#b2b2b2; }


/************************************************************************************************************************************************
	서브
************************************************************************************************************************************************/
.sub_rolling1 { background:url(../img/sub/bg_subvisual1.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling1 .rolling_box { position:relative; }

.sub_rolling1 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling1 .inner_box img { width:100%; }
.sub_rolling1 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling1 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling1 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling1 .bx-pager .bx-pager-item a.active { background-position:0 0; }


.sub_rolling_best1 { background:url(../img/sub/bg_subvisual1.jpg) repeat-x 50% 0; background-size:cover; }
.sub_rolling_best1 .rolling_box { position:relative; }
.sub_rolling_best1 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling_best1 .inner_box img { width:100%; }
.sub_rolling_best1 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling_best1 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling_best1 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling_best1 .bx-pager .bx-pager-item a.active { background-position:0 0; }



.sub_rolling2 { background:url(../img/sub/bg_subvisual2.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling2 .rolling_box { position:relative; }
.sub_rolling2 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling2 .inner_box img { width:100%; }
.sub_rolling2 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling2 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling2 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling2 .bx-pager .bx-pager-item a.active { background-position:0 0; }




.sub_rolling3 { background:url(../img/sub/bg_subvisual3.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling3 .rolling_box { position:relative; }
.sub_rolling3 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling3 .inner_box img { width:100%; }
.sub_rolling3 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling3 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling3 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling3 .bx-pager .bx-pager-item a.active { background-position:0 0; }




.sub_rolling4 { background:url(../img/sub/bg_subvisual4.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling4 .rolling_box { position:relative; }
.sub_rolling4 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling4 .inner_box img { width:100%; }
.sub_rolling4 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling4 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling4 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling4 .bx-pager .bx-pager-item a.active { background-position:0 0; }




.sub_rolling5 { background:url(../img/sub/bg_subvisual5.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling5 .rolling_box { position:relative; }
.sub_rolling5 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling5 .inner_box img { width:100%; }
.sub_rolling5 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling5 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling5 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling5 .bx-pager .bx-pager-item a.active { background-position:0 0; }


.sub_rolling6 { background:url(../img/sub/bg_subvisual6.jpg) repeat-x 50% 0; margin-bottom:50px; background-size:cover; }
.sub_rolling6 .rolling_box { position:relative; }
.sub_rolling6 .inner_box { max-width:1020px; margin:0 auto; }
.sub_rolling6 .inner_box img { width:100%; }
.sub_rolling6 .bx-pager { position:absolute; left:5px; bottom:14px; z-index:100; }
.sub_rolling6 .bx-pager .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 2px; }
.sub_rolling6 .bx-pager .bx-pager-item a { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../img/main/sp_rolling.png) no-repeat -16px 0; }
.sub_rolling6 .bx-pager .bx-pager-item a.active { background-position:0 0; }




.tab_box ul { text-align:center; }
.tab_box ul li { display:inline-block; vertical-align:middle; margin:4px; }
.tab_box ul li a { display:block; width:79px; height:76px; background:#f2f2f2; border:1px solid #ccc; border-radius:4px; text-align:center; transition:all 0.3s ease;}
.tab_box ul li a .ico_tropy { display:block; width:29px; height:29px; background:url(../img/common/ico_tropy_off.png) no-repeat 0 0; margin:12px auto 8px; }
.tab_box ul li.active a,
.tab_box ul li a:hover { color:#fff; background:#0273b8; border-color:#097cc3; }
.tab_box ul li.active a .ico_tropy,
.tab_box ul li a:hover .ico_tropy { background:url(../img/common/ico_tropy_on.png) no-repeat 0 0; }
.tab_box ul li a .txt { display:block; }
.tab_box ul li i{font-size:25px;margin:13px 0 10px 0; }
.tab_box ul li a i {color:#777; }
.tab_box ul li.active a i,
.tab_box ul li a:hover i{ color:#fff; }
.tab_box ul li .ico { display:block; margin:0 auto;}
.tab_box ul li .ico.ico1 { margin-top:15px; margin-bottom:8px; width:28px; height:25px; background:url(../img/common/ico01_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico2 { margin-top:15px; margin-bottom:8px; width:20px; height:25px; background:url(../img/common/ico02_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico3 { margin-top:15px; margin-bottom:6px; width:21px; height:27px; background:url(../img/common/ico03_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico4 { margin-top:16px; margin-bottom:8px; width:19px; height:24px; background:url(../img/common/ico04_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico5 { margin-top:16px; margin-bottom:8px; width:25px; height:24px; background:url(../img/common/ico05_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico6 { margin-top:15px; margin-bottom:7px; width:21px; height:26px; background:url(../img/common/ico06_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico7 { margin-top:15px; margin-bottom:7px; width:35px; height:26px; background:url(../img/common/ico07_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico8 { margin-top:16px; margin-bottom:8px; width:29px; height:24px; background:url(../img/common/ico08_off.png) no-repeat 0 0; }
.tab_box ul li .ico.ico9 { margin-top:15px; margin-bottom:8px; width:17px; height:25px; background:url(../img/common/ico09_off.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico1,
.tab_box ul li a:hover .ico.ico1 { background:url(../img/common/ico01_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico2,
.tab_box ul li a:hover .ico.ico2 { background:url(../img/common/ico02_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico3,
.tab_box ul li a:hover .ico.ico3 { background:url(../img/common/ico03_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico4,
.tab_box ul li a:hover .ico.ico4 { background:url(../img/common/ico04_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico5,
.tab_box ul li a:hover .ico.ico5 { background:url(../img/common/ico05_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico6,
.tab_box ul li a:hover .ico.ico6 { background:url(../img/common/ico06_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico7,
.tab_box ul li a:hover .ico.ico7 { background:url(../img/common/ico07_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico8,
.tab_box ul li a:hover .ico.ico8 { background:url(../img/common/ico08_on.png) no-repeat 0 0; }
.tab_box ul li.active .ico.ico9,
.tab_box ul li a:hover .ico.ico9 { background:url(../img/common/ico09_on.png) no-repeat 0 0; }


.all_game_list { padding:40px 0; background:#f9f9f9; max-width:1040px; margin:0 auto; border-radius:10px; }
.all_game_list .app_list { max-width:760px; margin:0 auto; }
.all_game_list .app_list ul li { width:100%; }
.all_game_list .app_list ul li a { background:#fff; box-shadow:2px 3px 4px rgba(0,0,0,0.1); text-align:left; min-height:164px; position:relative; height:auto; }
.all_game_list .app_list ul li a .tit_box .tit { font-size:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.all_game_list .app_list ul li a .tit_box .desc { font-size:11px; color:#B1B1B1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding-top:4px;} 
.all_game_list .app_list ul li a .thum { position:absolute; left:37px; top:32px; padding:0; }
.all_game_list .app_list ul li a .tit_box { padding:45px 170px 0 160px; }
.all_game_list .app_list ul li a .point_box {  text-align:right; position:absolute; right:23px; top:70px; }
.all_game_list .app_list ul li a .point_box .label { position:absolute; right:0; top:-45px; width:55px; height:25px; background:url(../img/common/label3_new.png) no-repeat 0 0; letter-spacing:-1px; }
.all_game_list .app_list ul li a .point_box .label em { display:block; padding:6px 0; text-align:center; font-size:13px; color:#fff; font-weight:600; }
.all_game_list .app_list ul li a .point_box .label2 { position:absolute; right:60px; top:-45px; width:55px; height:25px; background:url(../img/common/label_new.png) no-repeat 0 0; letter-spacing:-1px; }
.all_game_list .app_list ul li a .point_box .label2 em { display:block; padding:6px 0; text-align:center; font-size:13px; color:#fff; font-weight:600; }
.all_game_list .app_list ul li a .point_box .label3 { position:absolute; right:60px; top:-45px; width:55px; height:25px; background:url(../img/common/label3_new.png) no-repeat 0 0; letter-spacing:-1px; }
.all_game_list .app_list ul li a .point_box .label3 em { display:block; padding:6px 0; text-align:center; font-size:13px; color:#fff; font-weight:600; }

.app_title { max-width:600px; margin:0 auto; padding:30px 0 60px; }
.app_title:after { display:block; content:''; clear:both; }
.app_title .thum { float:left; padding:0 23px;width:226px; }
.app_title .thum2 { float:left; width:226px; padding-left:70px;padding-top:30px;}
.app_title .thum7 { float:left; border:5px solid #ddd; border-radius:10px; padding:10px 10px 10px 10px; font-size:23px; line-height:30px; color:#5b5b5b; width:200px;height:200px;}
.app_title .info { overflow:hidden;padding-top:5px; }
.app_title .info .tit { font-size:29px; color:#333; font-weight:600; }
.app_title .info .tit_sub { font-size:16px; color:#A8A8A8; padding:0px 0px 5px 0px;}
.app_title .info .point { font-size:17px; color:#333; }
.app_title .info .point strong { font-size:32px; color:#0273b9; }
.app_title .info .btns { padding:5px 0; }
.game_box { padding:35px 15px; background:#f6f6f6; text-align:center; }
.game_box .dates { padding-top:30px; }
.game_box .dates span { padding:0 15px; font-size:15px; color:#5b5b5b; }
.game_box .dates span strong { font-weight:600; color:#000; }

.screenshot { max-width:1020px; margin:0 auto; position:relative; }
.screenshot .rolling_box { width:100%;text-align:center; }
.screenshot img { vertical-align:top;text-align:center; }
.screenshot .bx-controls-direction { display:none;  }
.screenshot:hover .bx-controls-direction { display:block;  }
.screenshot .bx-controls-direction a { position:absolute; top:0; height:100%; width:60px; background-color:rgba(0,0,0,0.6); background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999px; }
.screenshot .bx-controls-direction a.bx-prev { left:0; background-image:url(../img/sub/screenshot_prev.png); }
.screenshot .bx-controls-direction a.bx-next { right:0; background-image:url(../img/sub/screenshot_next.png); }
/*
.screenshot .bx-controls-direction a { display:inline-block; vertical-align:middle; height:30px; text-indent:-9999px; }
.screenshot .bx-controls-direction a.bx-prev { width:29px; background:url(../img/sub/sp_screenshot_prev.gif) no-repeat 0 0; }
.screenshot .bx-controls-direction a.bx-next { width:30px; background:url(../img/sub/sp_screenshot_next.gif) no-repeat 0 0; }
.screenshot .bx-controls-direction a.bx-prev:hover,
.screenshot .bx-controls-direction a.bx-next:hover { background-position:0 -30px; }
*/

.app_info { max-width:1040px; margin:0 auto; padding:0 10px; }
.app_info .info_box { border:1px solid #ddd; border-radius:10px; padding:30px 36px; font-size:16px; line-height:22px; color:#5b5b5b; }

.board_list  { margin-bottom:40px; }
.board_list.recommand { margin-bottom:10px; }
.board_list table { width:100%; border-collapse:collapse; }
.board_list table thead th { background:#636363; height:50px; text-align:center; font-size:18px; color:#fff; }
.board_list table thead th p { border-left:1px solid #979797; }
.board_list table tbody td { text-align:center; font-size:14px; color:#858585; padding:12px 5px; border-bottom:1px solid #636363; }
.board_list table tbody td.txt_left { padding-left:15px; }
.board_list table tbody td.ta_a {background:#f7f7f7;text-align:left;line-height:22px;}
.board_list table tbody td.ta_b {background:#f7f7f7;text-align:center; }
.board_list table tbody td a { color:#858585; }
.board_list table .label { display:inline-block; vertical-align:middle; padding:0 8px; height:23px; line-height:24px; color:#fff; font-size:14px; font-weight:600; border-radius:4px; white-space:nowrap; }
.board_list table .label.notice { background:#0273b8; }
.board_list table .label.required { background:#ffa200; }
.board_list table .label2 { display:inline-block; vertical-align:middle; padding:0 5px; height:17px; line-height:19px; color:#fff; font-size:12px; font-weight:600; border-radius:2px; white-space:nowrap; }
.board_list table .label2.notice { background:#0273b8; }
.board_list table .label2.required { background:#ffa200; }
.board_list table .label2.event { background:#da4453; }



.board_list table .label3 { display:inline-block; vertical-align:middle; padding:0 3px 0 2px; width:14px; height:14px; line-height:15px; color:#fff; font-size:9px; font-weight:800; border-radius:4px; white-space:nowrap; }
.board_list table .label3.level1 { background:#B7F0B1; }
.board_list table .label3.level2 { background:#61a859; }
.board_list table .label3.level3 { background:#c40062; }
.board_list table .label3.level4 { background:#0080ff; }
.board_list table .label3.level5 { background:#004d99; }
.board_list table .label3.level6 { background:#dd0000; }
.board_list table .label3.level7 { background:#8e0000; }
.board_list table .label3.level8 { background:#d000d0; }
.board_list table .label3.level9 { background:#2deaf9; }
.board_list table .label3.level98 { background:#757575; }
.board_list table .label3.level99 { background:#333333; }


.board_list table .label4 { display:inline-block; vertical-align:middle; padding:0 3px; width:12px; height:11px; line-height:13px; color:#fff; font-size:9px; font-weight:800; border-radius:2px; white-space:nowrap; }
.board_list table .label4.new { background:#fc6e29; }


.paginate { text-align:center; margin-bottom:15px; }
.paginate a { display:inline-block; width:24px; height:24px; line-height:24px; background:#fff; border:1px solid #ddd; text-align:center; font-size:12px; color:#858585; }
.paginate a.active { background:#0273b8; border-color:#0273b8; color:#fff; }
.paginate .btn-s{background-color:#0273b9;padding:0px 0px 0px 0px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;width:35px;}

.pull_box { max-width:1040px; margin:0 auto; padding:0 10px; }
.pull_box2 { max-width:96%; margin:0 auto; padding:0 10px; }
.pull_box:after { display:block; content:''; clear:both; }
.pull_box .fl { float:left; margin-bottom:5px; }
.pull_box .fl a { margin-right:4px; }
.pull_box .fr { float:right; margin-bottom:5px; }
.pull_box .fr a { margin-left:4px; }

.board_view  { margin-bottom:40px; }
.board_view h3 { padding:13px 26px; background:#636363; font-size:18px; font-weight:600; color:#fff; }
.board_view .info { padding:13px 26px; font-size:14px; color:#858585; border-bottom:1px solid #636363; }
.board_view .info  p { display:inline; padding-right:10px; }
.board_view .txt_box { padding:35px 26px; font-size:14px; line-height:22px; color:#858585; margin-bottom:20px; }
.board_view .img_box { padding:35px 26px 1px 26px; font-size:14px; line-height:22px; color:#858585;  }
.board_view .like { text-align:center; margin-bottom:20px; }
.board_view .like a { display:inline-block; width:72px; height:72px; border:1px solid #ddd; border-radius:10px; text-align:center; font-size:16px; color:#ff0000; font-weight:600; }
.board_view .like a em { display:block; width:41px; height:34px; margin:9px auto 4px; background:url(../img/common/ico_like_off.png) no-repeat 0 0; }
.board_view .like.active a em { background-image:url(../img/common/ico_like_on.png); }
.board_view .sns { text-align:center; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #636363; }
.board_view .sns a { padding:0 1px; }
.comment { background:#f2f2f2; border-top:1px solid #ccc; }
.comment ul:after { display:block; content:''; clear:both; }
.comment ul li { padding:23px; border-bottom:1px solid #ccc; font-size:14px; line-height:20px; color:#858585; position:relative; }
.comment ul li:after { display:block; content:''; clear:both; }
.comment ul li .user { position:absolute; left:25px; top:23px;}
.comment ul li .c_txt { padding:0 110px 0 170px; }
.comment ul li .date {position:absolute; right:10px;  bottom:5px;}


.board_view .info .label3 { display:inline-block; vertical-align:middle; padding:0 3px 0 2px; width:14px; height:14px; line-height:15px; color:#fff; font-size:9px; font-weight:800; border-radius:4px; white-space:nowrap; }
.board_view .info .label3.level1 { background:#B7F0B1; }
.board_view .info .label3.level2 { background:#81BA7B; }
.board_view .info .label3.level3 { background:#c40062; }
.board_view .info .label3.level4 { background:#0080ff; }
.board_view .info .label3.level5 { background:#004d99; }
.board_view .info .label3.level6 { background:#dd0000; }
.board_view .info .label3.level7 { background:#8e0000; }
.board_view .info .label3.level8 { background:#d000d0; }
.board_view .info .label3.level9 { background:#2deaf9; }
.board_view .info .label3.level98 { background:#757575; }
.board_view .info .label3.level99 { background:#333333; }


.comment ul li .label3 { display:inline-block; vertical-align:middle; padding:0 3px 0 2px; width:14px; height:14px; line-height:15px; color:#fff; font-size:9px; font-weight:800; border-radius:4px; white-space:nowrap; }
.comment ul li .label3.level1 { background:#B7F0B1; }
.comment ul li .label3.level2 { background:#81BA7B; }
.comment ul li .label3.level3 { background:#c40062; }
.comment ul li .label3.level4 { background:#0080ff; }
.comment ul li .label3.level5 { background:#004d99; }
.comment ul li .label3.level6 { background:#dd0000; }
.comment ul li .label3.level7 { background:#8e0000; }
.comment ul li .label3.level8 { background:#d000d0; }
.comment ul li .label3.level9 { background:#2deaf9; }
.comment ul li .label3.level98 { background:#757575; }
.comment ul li .label3.level99 { background:#333333; }



.app_title .thum7 .label3 { display:inline-block; vertical-align:middle; padding:0 3px 0 1px; width:14px; height:14px; line-height:15px; color:#fff; font-size:9px; font-weight:800; border-radius:4px; white-space:nowrap; }
.app_title .thum7 .label3.level1 { background:#B7F0B1; }
.app_title .thum7 .label3.level2 { background:#81BA7B; }
.app_title .thum7 .label3.level3 { background:#c40062; }
.app_title .thum7 .label3.level4 { background:#0080ff; }
.app_title .thum7 .label3.level5 { background:#004d99; }
.app_title .thum7 .label3.level6 { background:#dd0000; }
.app_title .thum7 .label3.level7 { background:#8e0000; }
.app_title .thum7 .label3.level8 { background:#d000d0; }
.app_title .thum7 .label3.level9 { background:#2deaf9; }
.app_title .thum7 .label3.level98 { background:#757575; }
.app_title .thum7 .label3.level99 { background:#333333; }



.main_content ul li .label3 { display:inline-block; vertical-align:middle; padding:0 3px 0 1px; width:14px; height:14px; line-height:15px; color:#fff; font-size:9px; font-weight:800; border-radius:4px; white-space:nowrap; }
.main_content ul li .label3.level1 { background:#B7F0B1; }
.main_content ul li .label3.level2 { background:#81BA7B; }
.main_content ul li .label3.level3 { background:#c40062; }
.main_content ul li .label3.level4 { background:#0080ff; }
.main_content ul li .label3.level5 { background:#004d99; }
.main_content ul li .label3.level6 { background:#dd0000; }
.main_content ul li .label3.level7 { background:#8e0000; }
.main_content ul li .label3.level8 { background:#d000d0; }
.main_content ul li .label3.level9 { background:#2deaf9; }
.main_content ul li .label3.level98 { background:#757575; }
.main_content ul li .label3.level99 { background:#333333; }


 
.comment .write_box { padding:23px; position:relative; }
.comment .write_box .btn { position:absolute; right:23px; top:23px; width:113px; height:100px; line-height:100px; text-align:center; font-size:16px; color:#fff; background:#0273b8; }
.comment .write_box .textarea_box { padding-right:120px;}
.comment .write_box .textarea_box textarea { width:100%; height:100px; border:1px solid #ccc; padding:10px; font-size:14px; line-height:20px; resize:none; }


.board_view2 { margin-bottom:35px; margin:0px}
.board_view2 table { width:100%; border-collapse:collapse;  }
.board_view2 table tbody th { border-bottom:1px solid #ccc; background:#f2f2f2; padding:17px 30px; font-size:15px; color:#575757; font-weight:600; text-align:left; }
.board_view2 table tbody td {  padding:9px 9px; font-size:15px; color:#575757;  }
.board_view2 table tbody td label { display:inline-block; vertical-align:middle; width:80px; }
.board_view2 table tbody td label input { vertical-align:middle; margin-top:-2px; }


.board_view3 { margin-bottom:35px; margin:0px}
.board_view3 table { width:100%; border-collapse:collapse;  }
.board_view3 table tbody th { border-bottom:1px solid #ccc; background:#f2f2f2; padding:17px 30px; font-size:15px; color:#575757; font-weight:600; text-align:left; }
.board_view3 table tbody td {  padding:9px 9px; font-size:15px; color:#575757;  }
.board_view3 table tbody td label { display:inline-block; vertical-align:middle; width:80px; }
.board_view3 table tbody td label input { vertical-align:middle; margin-top:-2px; }


.inp { width:100%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp2 { width:50%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp3 { width:15%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp4 { width:32%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp5 { width:10%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp6 { width:30%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }


.textarea { width:100%; height:36px; line-height:36px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.board_write { margin-bottom:35px; }
.board_write table { width:100%; border-collapse:collapse; border-top:1px solid #ccc; }
.board_write table tbody th { border-bottom:1px solid #ccc; background:#f2f2f2; padding:17px 30px; font-size:15px; color:#575757; font-weight:600; text-align:left; }
.board_write table tbody td { border-bottom:1px solid #ccc; padding:9px 12px; font-size:15px; color:#575757;  }
.board_write table tbody td label { display:inline-block; vertical-align:middle; width:80px; }
.board_write table tbody td label input { vertical-align:middle; margin-top:-2px; }

.stats_wrap { padding-top:40px; }
.stats_wrap .stats { padding:18px 18px; border:1px solid #ddd; border-radius:10px; min-height:364px; }
.stats_wrap h4 { font-size:20px; color:#414141; margin-bottom:15px; }
.stats_wrap .stats_table { margin-bottom:26px; }
.stats_wrap .stats_table table { width:100%; border-collapse:collapse ;}
.stats_wrap .stats_table table thead th { height:54px; background:#636363; font-size:18px; color:#fff; border-top:2px solid #222; }
.stats_wrap .stats_table table tbody td { height:54px; border-bottom:1px solid #ccc; text-align:center; font-size:17px; color:#858585; }
.stats_wrap .stats_table table tbody td strong { font-size:17px; color:#487acb; }
.stats_wrap .stats .user_info .my { text-align:center; font-size:16px; color:#858585; margin-bottom:14px; }
.stats_wrap .stats .user_info .my span { font-size:20px; color:#222; }
.stats_wrap .stats .user_info .my strong { font-size:20px; color:#bfa21c; }
.stats_wrap .stats .user_info .intro { height:32px; line-height:15px;  text-align:center; font-size:13px;  }
.stats_wrap .stats .user_info .intro span { text-decoration:underline; }

.stats_wrap .col2_box .col .notice { border:1px solid #ddd; border-radius:10px; overflow:hidden; padding:14px 26px; min-height:350px; }
.stats_wrap .col2_box .col .notice .tit { font-size:20px; font-weight:bold; margin-bottom:10px; }
.stats_wrap .col2_box .col .notice ul li { position:relative; line-height:22px; padding:0 74px 0 8px; border-bottom:1px solid #ddd; }
.stats_wrap .col2_box .col .notice ul li:last-child { border-bottom:0; }
.stats_wrap .col2_box .col .notice ul li a { display:block; color:#7f7f7f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 0; }
.stats_wrap .col2_box .col .notice ul li a:before { content:''; width:2px; height:2px; position:absolute; left:0; top:14px; background:#7f7f7f; }
.stats_wrap .col2_box .col .notice ul li em { font-style:normal; color:#7f7f7f; position:absolute; right:0; top:6px;  }
.graph_box { border:1px solid #ddd; border-radius:10px; overflow:hidden; }


.stats_wrap .col2_box .col .notice2 { border:1px solid #ddd; border-radius:10px; overflow:hidden; padding:14px 20px; min-height:364px; }
.stats_wrap .col2_box .col .notice2 .tit { font-size:20px; font-weight:bold; margin-bottom:10px; }
.stats_wrap .col2_box .col .notice2 ul li { position:relative; line-height:16px; padding:6px 74px 6px 8px;  display:block; color:#7f7f7f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.stats_wrap .col2_box .col .notice2 ul li span{ font-weight:bold;color:#d60000;}
.stats_wrap .col2_box .col .notice2 ul li em { font-style:normal; color:#7f7f7f; position:absolute; right:0; top:6px;  }


.stats_wrap .col2_box .col .bans { min-height:380px; }
.stats_wrap .col2_box .col .bans .tit { font-size:25px; font-weight:normal; color:#000;margin:3px 0; }
.stats_wrap .col2_box .col .bans ul li { position:relative;text-align:center; border:1px solid #ddd; border-radius:10px; background:url(/images/bans_bg.gif)repeat-x;vertical-align:middle;overflow:hidden;height:79px; padding-top:5px;display:block; color:#7f7f7f;margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.stats_wrap .col2_box .col .bans ul li:last-child{margin-bottom:0;}
.stats_wrap .col2_box .col .bans ul li .reds{color:#d60000;font-weight:bold;}
.stats_wrap .col2_box .col .bans ul li .sky{color:#10bdab;font-weight:bold;}
.stats_wrap .col2_box .col .bans ul li .blues{color:#0273b9;font-weight:bold;}



.bg {    }
#login { height:100%; min-height:100%; height:auto; background:url(../img/login/bg_login.jpg) no-repeat 50% 0; background-size:cover;  }
#login .login_box { max-width:780px; margin:0 auto; padding:80px 15px 0 15px; }
#login .login_box .tit { text-align:center; font-size:40px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.2); font-weight:600; }
#login .login_box .logo { text-align:center; padding:5px 20px 15px; }
#login .login_box .logo img { max-width:100%; }
#login .login_box .form_box { margin-bottom:60px; max-width:370px; margin:0 auto; box-shadow:0 0 8px rgba(0,0,0,0.3);  border-radius:10px; border:1px solid #1b9cab; padding:23px; background:#fff;}
#login .login_box .form_box p { margin-bottom:6px; }
#login .login_box .form_box .inp_box input { width:100%; height:52px; line-height:52px; background:#f1f1f1; border:1px solid #ccc; padding:0 10px; font-size:18px; color:#6b6b6b; font-weight:600; }
#login .login_box .form_box label { font-size:14px; color:#6b6b6b; }
#login .login_box .form_box .txt_center { text-align:center; }

#login .login_box .form_box .btn01 { background:#1b6ea1; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:5px; margin-bottom:5px }
#login .login_box .form_box .btn01s { background:#1b6ea1; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:5px; margin-bottom:5px;width:100%;}
#login .login_box .form_box .btn02 { background:#a9a9a9; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:5px; margin-bottom:5px;}
#login .login_box .form_box .btn03 { background:#a9a9a9; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:5px; margin-bottom:5px;}
#login .login_box .form_box .txt_center .btn01,
#login .login_box .form_box .txt_center .btn02,
#login .login_box .form_box .txt_center .btn03
{ margin:0 4px; }
#login #footer { background:none; margin:0; padding:80px 0 30px; }
#login #footer * { padding:0 !important; margin:0 !important; color:#fff !important; }

#m_header { display:none; height:50px;  }
#m_header h1 { text-align:center; font-size:18px; color:#fff; line-height:50px; }
#m_header h1  img { height:45px; }
#m_header .btn_nav { position:absolute; left:0; top:0; width:50px; height:50px; background:url(../img/common/ico_m_nav.png) no-repeat 50% 50%; background-size:20px auto; }
#m_header .btn_nav_right_a { position:absolute; left:15%; top:0; text-align:center; width:50px; height:50px;  no-repeat 50% 50%; background-size:20px auto; padding-top:20px;}
#m_header .btn_nav_right_c { position:absolute; right:0; top:0; width:90px; height:50px;  no-repeat 50% 50%; background-size:20px auto; padding-top:20px;}
#m_header .app_banner { position:absolute; right:13px; top:13px; width:75px; height:25px; border-radius:5px; padding:5px 0px 0px 0px; border:1px solid #fe4e00; text-align:center; font-size:13px; color:#fe4e00; }
#m_banner img {width:70px;height:70px;}
.m_gnb { position:fixed; left:0; top:0; height:100%; background:#383838; z-index:900; width:270px; left:-270px; transition:all 0.4s ease; overflow:auto; }
.m_gnb .tit { height:50px; line-height:50px; font-size:17px; color:#fff; background:#0273b8; padding:0 10px; }
.m_gnb .tit a { position:absolute; right:10px; top:0; }
.m_gnb .name .btn_logout {  right:10px; bottom:3px; border-radius:4px; padding:4px 10px; border:1px solid #b2b2b2; text-align:center; font-size:13px; color:#ddd; }
.m_gnb .name .btn_my {  right:83px; bottom:3px; border-radius:4px; padding:4px 10px; border:1px solid #b2b2b2; text-align:center; font-size:13px; color:#ddd; }
.m_gnb .name { height:65px; background:#2c2c2c; font-size:14px; color:#c6c6c6; padding:10px 10px; position:relative; padding-bottom:10px;}
.m_gnb .name strong { color:#fff; }
.m_gnb .name2 { background:#2c2c2c; font-size:14px; color:#c6c6c6; padding:22px 10px; position:relative; }
.m_gnb .name2 .btn_login{ position:absolute; right:10px; top:10px; border-radius:4px; padding:4px 10px; border:1px solid #b2b2b2; text-align:center; font-size:13px; color:#ddd; }
.m_gnb .name2 .btn_join{ position:absolute; right:80px; top:10px; border-radius:4px; padding:4px 10px; border:1px solid #b2b2b2; text-align:center; font-size:13px; color:#ddd; }
.m_gnb .stats { overflow:hidden; padding:7px 0; border-bottom:1px solid #2a2a2a; }
.m_gnb .stats p { float:left; width:50%; text-align:center; font-size:13px; color:#0C3; position:relative; }
.m_gnb .stats .stats1:before { content:''; display:block; margin:0 auto; width:32px; height:32px; background:url(../img/common/ico_point.png) no-repeat 50% 50%; }
.m_gnb .stats .stats2:before  { content:''; display:block; margin:0 auto; width:32px; height:32px; background:url(../img/common/ico_modify.png) no-repeat 50% 50%;  }
.m_gnb .stats .stats2 p a  {color:#0C3;}
.m_gnb .stats p:last-child:after { content:''; position:absolute; left:0; top:4px; height:40px; border-left:1px dashed #666; }
.m_gnb .nav ul li { border-bottom:1px solid #2a2a2a; }
.m_gnb .nav ul li a { display:block; font-size:13px; color:#fff; padding:15px 10px 15px 47px; position:relative; }
.m_gnb .nav ul li a img { position:absolute; left:10px; top:15px; }
.m_gnb .nav ul li:nth-child(1) a img { top:13px; }
.m_gnb .nav ul li:nth-child(2) a img { top:10px; }
.m_gnb .nav ul li:nth-child(3) a img { top:12px; }

.dim { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:800; }

.sort_wrapper{text-align:left;margin-bottom:10px;}
.sort_wrapper .day{border:1px solid #ccc;height:30px;padding:5px;width:86px;border-radius:5px;letter-spacing:-0.03em;}
.sort_wrapper .faq{border:1px solid #ccc;height:30px;padding:5px;width:260px;border-radius:5px;letter-spacing:-0.03em;}
.round_select{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;}
.round_select2{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;}
.round_select3{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;}
.sort_wrapper .submit{background-color:#0273b9;padding:6px 12px 8px 12px;border-radius:5px;color:#ffffff;border:none;vertical-align:middle;}
.bn_01{background-color:#0273b9;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;}
a.bn_01{color:#ffffff !important;}
.bn_02{background-color:#659434;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;}
a.bn_02{color:#ffffff !important;}
.bn_03{background-color:#0273b9;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:15px !important;}
a.bn_03{color:#ffffff !important;}
.bn_07{background-color:#0273b8;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:15px !important;}
a.bn_07{color:#ffffff !important;}
.bn_07_s{background-color:#0273b8;padding:4px 6px 4px 6px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:13px !important;}
a.bn_07_s{color:#ffffff !important;}
.bn_05{background-color:#339900;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:15px !important;}
a.bn_05{color:#ffffff !important;}
.bn_06{background-color:#339900;padding:6px 8px 5px 8px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:14px !important;}
a.bn_06{color:#ffffff !important;}
.bn_04{background-color:#0273b9;padding:0px 0px 0px 0px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;width:35px;}

.bn_08{background-color:#FF9900;padding:6px 10px 6px 10px;border-radius:4px;color:#ffffff;border:none;vertical-align:middle;font-size:15px !important;}
a.bn_08{color:#ffffff !important;}
.bn_09{background-color:#fae64d;padding:6px 10px 6px 10px;border-radius:4px;color:#272727;border:none;vertical-align:middle;font-size:15px !important;}


.sort_wrapper .month{width:70px;}
.sort_wrapper .year{width:90px;}
.tbn{position:absolute;right:20px;top:-20px;z-index:100;}
.tbn2{position:absolute;right:20px;top:10px;z-index:100;}

.sort_wrapper2{margin-bottom:18px;text-align:center;}
.sort_wrapper2 .day{border:1px solid #ccc;height:30px;padding:5px;width:86px;border-radius:5px;letter-spacing:-0.03em;}
.sort_wrapper2 .faq{border:1px solid #ccc;height:30px;padding:5px;width:260px;border-radius:5px;letter-spacing:-0.03em;}
.sort_wrapper2 .submit{background-color:#0273b9;padding:6px 12px 8px 12px;;border-radius:5px;color:#ffffff;border:none;vertical-align:middle;}

.agreement{text-align:center;}
.agreement textarea{width:98%;padding:2%;border:1px solid #ccc;height:600px;line-height:21px;}


.guide_content{line-height:24px;font-size:18px;text-align:center;overflow:hidden;}
.guide_content p{margin:40px 0 15px 0;}
.guide_content span{color:#ff3300;}
.guide_content .liner{height:3px;border-bottom:1px solid #f0f0f0;width:790px;margin:40px auto;}
.gab{height:10px;}
.gab2{height:20px;}
.gab3{height:30px;}

.point_boxa { padding:35px 15px; background:#f6f6f6; text-align:center; font-size:18px;line-height:33px;color:#000;overflow:hidden;}
.point_boxa h2{ font-size:39px;font-weight:bold;color:#000; }

@media all and (max-width:600px) {
.sort_wrapper .submit{background-color:#0273b9;padding:5px 12px;border-radius:5px;color:#ffffff;border:none;vertical-align:middle;}
.board_list table tbody td.td_date{font-size:12px;}

.board_list table tbody td.td_reply{font-size:12px;}
.guide_content{line-height:24px;font-size:15px;text-align:center;width:92%;margin:0 auto;}
.guide_content img{width:100%;}
}


body.m_on { overflow:hidden; }
body.m_on .m_gnb { left:0; }
body.m_on .dim { display:block; }
@media all and (max-width:1000px) {	
	.col2_box .col { float:none; width:100%; margin-bottom:10px; }
	.col2_box .col2 { float:none; width:100%; margin-top:-10px;}
	.app_list ul li { width:50%; }
}

@media all and (max-width:768px) {	
	.header h1 { margin-bottom:10px; }
	.header h1 img { width:150px; }
	.header .lnb { position:static; }
	.header .lnb > ul { text-align:center; }
	.header .lnb > ul > li { display:inline-block; float:none; }
	.header .lnb > ul > li .layer ul li { text-align:left; }
	.all_game_list .app_list ul li a .thum { position:static; padding:15px 0 0;}
	.all_game_list .app_list ul li a .tit_box { padding:10px; text-align:center; }
	.all_game_list .app_list ul li a .point_box { position:static; text-align:center; display:block; }
	.all_game_list .app_list ul li a .point_box .label { top:15px; right:15px; }
	.all_game_list .app_list ul li a .point_box .label2 { top:15px; right:75px; }
	.all_game_list .app_list ul li a .point_box .label3 { top:15px; right:135px; }
	.all_game_list .app_list ul li a .tit_box .tit { white-space:normal; font-size:24px; }
	.all_game_list .app_list ul li a .tit_box .desc { white-space:normal; font-size:11px; }
	.guide_content{line-height:24px;font-size:14px;text-align:center;}
    .guide_content img{width:100%;}
		
	
}


@media all and (max-width:600px) {	
	.app_title { text-align:center; padding-left:10px; padding-right:10px; }
	.app_title .thum { float:none; padding:10px 0;width:100%; }
	.app_title .thum2 { float:none; padding:10px 0;width:100%; }
	.app_title .thum7 { float:none; padding:10px 0;width:70%; margin: 0 auto;}
	
	.board_write table tbody tr { display:block; border-bottom:1px solid #ccc; }
	.board_write table tbody th { display:block; background:#fff; border:0; padding:10px 0; }
	.board_write table tbody td { display:block; border:0; padding:0 0 10px }
	.board_write table tbody td .inp { width:100% !important; }
	.board_write table tbody td .btn { display:block; width:100%; margin: 5px 0 0 0; }


	
	.board_view2 table tbody th {background:#f2f2f2; border-top:1px solid #ccc; padding:10px;font-size:13px; }
	.board_view2 table tbody td {border:0; padding:10px;font-size:13px; }
	.board_view2 table tbody td .btn { display:block; width:100%; margin: 5px 0 0 0; }

	.board_view3 table tbody th {background:#f2f2f2; border-top:1px solid #ccc; padding:10px;font-size:13px; }
	.board_view3 table tbody td {border:0; padding:10px;font-size:13px; }
	.board_view3 table tbody td .btn { display:block; width:100%; margin: 5px 0 0 0; }

	.pull_box .fl,
	.pull_box .fr { float:left;  }
}

/* 모바일 사이즈 540이 되었을때 사이드바 생성 */
@media all and (max-width:540px) {	
	.point01 { font-size:13px; color:#487acb; }

	.app_list ul li { width:100%; padding-bottom:5px; padding-top:5px;}
	.app_list ul li a { height:auto; position:relative; padding-left:85px; padding-top:15px; }
	.app_list ul li a .thum { position:absolute; left:10px; top:10px; width:60px; height:60px; overflow:hidden; border-radius:100%;  padding:0; }
	.app_list ul li a .thum img { width:60px; height:60px; }
	.app_list ul li a .thum2 { position:absolute; left:10px; width:60px; height:40px; overflow:hidden;   padding:0; }
	.app_list ul li a .thum2 img { width:60px; height:40px; }
	.app_list ul li a .tit_box { text-align:left; margin-bottom:0; }
	.app_list ul li a .tit_box .os { font-size:11px !important; }
	.app_list ul li a .tit_box .tit { font-size:15px !important; }
	.app_list ul li a .tit_box .desc { position:absolute; font-size:11px; width:145px;}
	.app_list ul li a .point_box { text-align:right !important; display:block !important; padding-right:15px; }
	.app_list ul li a .point_box .tit { font-size:12px; }
	.app_list ul li a .point_box .point { font-size:12px; }
	.app_list ul li a .point_box .point strong { font-size:18px; }



	.app_list3 ul li a { display:block; height:170px; border:1px solid #ddd; border-radius:10px; text-align:center; padding-bottom:20px; padding-top:20px; padding-left:20px; padding-right:10px; position:relative; }
	.app_list3 ul li a .thum { float:left; border:5px solid #ddd; border-radius:10px; padding:15px 10px 10px 10px; font-size:14px; line-height:22px; color:#5b5b5b; width:120px; height:120px;}
	.app_list3 ul li a .thum_c { float:left; border:5px solid #ddd; border-radius:10px; padding:15px 7px 10px 7px; font-size:13px; line-height:22px; color:#5b5b5b; width:120px; height:120px;}
	.app_list3 ul li a .tit_box .tit { font-size:15px; color:#333; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.app_list3 ul li a .point_box .point { font-size:15px; color:#333; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.app_list3 ul li a .point_box .point2 { font-size:15px; color:#333; }
	.app_list3 ul li a .point_box .point strong { font-size:20px; color:#0273b9; }
	.app_list3 ul li a .point_box .point2 strong { font-size:20px; color:#fe4e00; }



	.app_info .info_box { border:1px solid #ddd; border-radius:10px; padding:12px 15px; font-size:13px; line-height:22px; color:#5b5b5b; }
	.app_info .info_box img{ width:100%; }
	.game_box .dates span { display:block; }
	.board_list table thead th { font-size:12px; height:35px; }
	.board_list table thead th.txt_center { font-size:12px;padding-left:2px;padding-right:2px; }
	.board_list table thead th.tx_m_10 {font-size:10px;}
	.board_list table tbody td { height:55px; text-align:center; font-size:14px; color:#858585; padding:12px 2px; border-bottom:1px solid #636363; }
	.board_list table tbody td.txt_left { font-size:12px;padding-left:7px;padding-right:0px; }
	.board_list table tbody td.txt_center { font-size:12px;padding-left:1px;padding-right:1px; }
	.board_list table tbody td.txt_center .txt_yyyy {display:none;}
	.board_list table tbody td.ta_a {font-size:12px;}

	.board_list table .label { display:inline-block; vertical-align:middle; padding:0 4px; height:20px; line-height:21px; color:#fff; font-size:10px; font-weight:600; border-radius:3px; white-space:nowrap; }
	.board_list table .label.notice { background:#0273b8; }
	.board_list table .label.required { background:#ffa200; }
	.board_list table .label.event { background:#da4453; }
	
	.board_view h3 { padding:13px 10px; background:#636363; font-size:18px; font-weight:600; color:#fff; }
	.board_view .txt_box { padding:35px 10px; font-size:14px; line-height:22px; color:#858585; margin-bottom:20px; }
	.board_view .info { padding:13px 10px; padding-right:3px; font-size:14px; color:#858585; border-bottom:1px solid #636363; }
	.board_view .info  p { display:inline; padding-right:3px; font-size:12px;}
	.comment ul li .user { float:left; }
	.comment ul li .date { float:right; }
	.comment ul li .c_txt { padding:30px 0 0 0; clear:both; }
	.comment .write_box .textarea_box { padding-right:0; }
	.comment .write_box .btn { width:100%; position:static; height:34px; line-height:34px; }

	.board_view3 table tbody th {background:#f2f2f2; border-top:1px solid #ccc; padding:10px;font-size:13px; }
	.board_view3 table tbody td {border:0; padding:5px;font-size:13px;}
	.board_view3 table tbody td .btn { display:block; width:100%; margin: 5px 0 0 0; }

	.btn.btn-big_t { height:30px; line-height:30px; padding-left:20px; padding-right:20px; border-radius:4px; font-size:20px;} 


	#login .login_box { padding-top:20px; }
	#login .login_box .tit { font-size:16px;margin-bottom:-18px; }
	#login .login_box .form_box .btn01{ width:100% !important; margin-bottom:5px !important; }
	#login .login_box .form_box .btn03{ width:100% !important; margin-bottom:5px !important; }
	#login .login_box .form_box .btn02 { width:46% !important; margin-bottom:5px !important; }
	#login .login_box .logo { text-align:center; padding:5px 20px 8px; }
    #login .login_box .logo img { max-width:55%; }
	.all_game_list .app_list ul li a .tit_box .desc { white-space:normal; font-size:11px; position:absolute;  }
	.pull_box .fr { float:right; margin-bottom:5px; }
	.pull_box .fr a { margin-left:4px; }
	.gray2 { color:#AAAAAA !important; font-size:11px; padding-right:1px; display:none;}
	.gray3 { color:#AAAAAA !important; font-size:11px; padding-right:1px; padding-bottom:2px; display:block;}
	.f14_10_blue { font-size:12px;color:#0273b9 !important }
	.f14_10_gray { font-size:12px;color:#4c4c4c !important }
	.round_select{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;}
	.round_select2{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;width:17%;}
	.round_select3{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;width:30%;}

h2 { clear:both; text-align:center; padding:0 10px; font-size:30px; font-weight:bold; position:relative; margin:50px 0 18px; letter-spacing:-1px; }
	




#login .login_box .form_box .txt_center .btn02
{ margin:0 11px 0 4px; }
#login .login_box .form_box .txt_center .btn02:nth-child(2)
{ margin:0 0 0 4px; }
	#login #footer { padding:30px 0; }
	.maket{display:none;}
	.all_game_list .app_list ul li a { padding-left:85px; min-height:inherit; height:auto; }
	.all_game_list .app_list ul li a .thum { position:absolute; left:10px; top:10px; width:60px; height:60px; overflow:hidden; border-radius:100%;  padding:0; }
	.all_game_list .app_list ul li a .tit_box { text-align:left; padding:0; }
	.all_game_list .app_list ul li a .point_box .label{ top:5px; right:5px; }
	.all_game_list .app_list ul li a .point_box .label2{ top:5px; right:65px; }
	.all_game_list .app_list ul li a .point_box .label3{ top:5px; right:125px; }
	
	.app_list2 ul li { width:100%; padding-bottom:5px; padding-top:5px;}
	.app_list2 ul li a { height:auto; position:relative; padding-left:85px; padding-top:15px; }
	.app_list2 ul li a .thum { position:absolute; left:10px; top:10px; width:60px; height:60px; overflow:hidden; border-radius:100%;  padding:0; }
	.app_list2 ul li a .thum img { width:60px; height:60px; }
	.app_list2 ul li a .tit_box { text-align:left; margin-bottom:0; }
	.app_list2 ul li a .tit_box .os { min-height:16px; }
	.app_list2 ul li a .tit_box .tit { font-size:16px !important; }
	.app_list2 ul li a .point_box { text-align:right !important; display:block !important; padding-right:15px; }
	.app_list2 ul li a .point_box .tit { font-size:12px; }
	.app_list2 ul li a .point_box .point { font-size:12px; }
	.app_list2 ul li a .point_box .point strong { font-size:18px; }
	
	.sort_wrapper2 .faq{border:1px solid #ccc;height:30px;padding:5px;width:200px;border-radius:5px;letter-spacing:-0.03em;}
	/* 모바일 */
	

	.header { display:none; }
	#m_header { display:block; }
	#m_banner img {width:55px;height:55px;}
	


	.screenshot img { vertical-align:top;text-align:center;width:100%; }

.point_boxa img{ width:100%;}
.point_boxa  { font-size:16px;}
.point_boxa h2{ font-size:24px;font-weight:bold;color:#000; }

.inp { width:90%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp2 { width:90%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp3 { width:28%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp4 { width:31%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp5 { width:33%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
.inp6 { width:90%; height:35px; line-height:35px; background:#f2f2f2; border:1px solid #ddd; border-radius:4px; padding:0 10px; font-size:15px; color:#575757; }
}







@media all and (max-width:480px) {	
	.point_rolling ul li .thum { margin-bottom:5px; }
	
	#gnb { height:40px; }
	#gnb .inner_box ul li a { font-size:13px; height:40px; line-height:40px; letter-spacing:-1px; }



.main_rolling { background:url(../img/main/bg_rolling.jpg) repeat-x 50% 0; margin-bottom:40px;overflow:hidden;height:150px; }
.main_rolling .rolling_box { position:relative;overflow:hidden; }
.main_rolling .inner_box img { width:100%; overflow:hidden;}


	
}


/* mailbox */
#Wrap{background-color:#41c8d5;width:720px;margin:0 auto;padding:30px;}
#mail_Box{background-color:#fff;width:640px;padding:40px;margin:0 auto;}
#mail_Box .Logo_Title{height:80px;text-align:center;border-bottom:1px solid #e4e4e4;}
#mail_Box .Con_top{text-align:center;line-height:24px;}
#mail_Box .Con_top h2{font-size:22px;font-weight:bold;color:#d60000;text-align:center;margin:44px 0 20px 0;}
#mail_Box .Con_top .btn_box{margin:40px 0;text-align:center;}
#mail_Box .Con_top .btn_box .btn{font-size:18px;font-weight:bold;color:#fff;text-align:center;padding:12px 40px;background-color:#d60000;border-radius:50px;}
#mail_Box .Con_top .btn_box .btn a{font-size:16px;font-weight:bold;color:#fff;}
#mail_Box .Con_footer{text-align:center;border-top:1px solid #e4e4e4;margin:40px 0 10px 0;color:#bbb;font-size:14px;padding-top:20px;}
#mail_Box .Con_footer a{color:#bbb;}




a.more { box-shadow:none !important; text-align:center !important; min-height:inherit !important; font-size:14px !important; font-weight:600 !important; padding:15px 0 !important; background:#f2f2f2 !important; border:1px solid #ddd !important; border-radius:30px !important; }