@charset "utf-8";


@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(./fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumSquareR.woff2) format('woff2'),
       url(./fonts/NanumSquareR.woff) format('woff'),
       url(./fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(./fonts/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(./fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumSquareB.woff2) format('woff2'),
       url(./fonts/NanumSquareB.woff) format('woff'),
       url(./fonts/NanumSquareB.ttf) format('truetype');
}


* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-ms-touch-action: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;background:#ffffff;}
html,body{height:100%; margin: 0;background:#f8f8f8}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button {font-size:14px; font-family:'Nanum Square','Apple SD Gothic Neo', sans-serif !important;color:#000; -webkit-text-size-adjust: none;letter-spacing:0}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button {font-family:'Nanum Square','Apple SD Gothic Neo', sans-serif }
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img, fieldset {border: 0}
strong {font-weight:400 !important;}
.pull_right{float: right;}
.pull_left{float: left;}
.text_center {text-align: center;}
.inline_block { display: inline-block; width: 100%;}


/*링크에 대한 설정*/
a { text-decoration: none;}
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}

/*placeholder */
::-webkit-input-placeholder{color:#ddd}
::-moz-placeholder{color:#e5e5e5}
::-moz-placeholder{color:#e5e5e5}
:-ms-input-placeholder{color:#e5e5e5}

#wrap{max-width:700px;height:100%;position:relative;}

.s_menu{position:relative;display:inline-block}
.s_menu{width:25%;height:100%;float:left;border-right:1px solid #ddd;}
.s_menu ul{}
.s_menu ul li{padding:15px 15px 10px;border-bottom:1px solid #ddd;overflow:hidden;cursor:pointer;word-break:keep-all}
.s_menu ul li span{float:right;margin-top:20px;font-size:12px;color:#999999}
.s_menu ul li.on{background:#1382f3 !important;color:#ffffff;}
.s_menu ul li.on span{color:#dee9fd}

.s_notice{width:75%;height:100%; float:left;display:none;background:#ffffff;;}
.s_notice.on{display:block !important;}
.s_notice iframe{width:100%;height:99%}

.s_footer{position:fixed;left:0;right:0;bottom:0;display:inline-block;background:#525252;color:#ffffff;height:30px;line-height:30px;padding:0 10px;}
.s_footer button {float:right;color:#ffffff;padding:7px}
.s_footer label {cursor:pointer;}

@media all and (min-width:0px) and (max-width:480px){
	.s_menu{width:100%;height:auto;}
	.s_menu ul{display:table;}
	.s_menu ul li{display:table-cell;border-right:1px solid #ddd;padding:20px;}
	.s_menu ul li p{word-break:normal;word-wrap:break-word; 
	overflow:hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
	display: -webkit-box;text-overflow:ellipsis;height:40px;font-size:12px;line-height:14px;}
	.s_notice{width:100%}
	.s_menu ul li span{display:none}
	
}