@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Lato');


/* °øÅë css */
html,body{
    height: 100%;-webkit-overflow-scrolling: touch;
	
}
body { margin:0; font-size:14px; transition: background-color .5s; background:#FFFFFF;  line-height:16px; font-family:Noto Sans KR, sans-serif;}
td {font-size:14px; line-height:20px; color:#000000}

img {-webkit-touch-callout:none}

a {
text-decoration: none;
color:inherit; 
font-size:inherit; 
font-weight:inherit; 
font-family:inherit; 
line-height:20px 
}

ul,li, ol { margin:0; padding:0; box-sizing:border-box; list-style:none; border:0}
div {box-sizing:border-box; border:0; margin:0; }

::-webkit-input-placeholder {color: #b6c0d7; font-size:13px !important}
:-moz-placeholder {color: #b6c0d7; font-size:13px !important}
::-moz-placeholder {color: #b6c0d7; font-size:13px !important}
:-ms-input-placeholder {color: #b6c0d7; font-size:13px !important}



#mainContent {background:#eaebf0; min-height:200px; position:relative; top:60px; position:relative}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin:0; padding:0;
box-sizing:border-box;
}


input[type="radio"]{
    -webkit-appearance: radio;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
}

text-rendering: optimizeLegibility; /* ¾ÆÀÌÆù¿¡¼­ */

/* ¸ÞÀÎÈ­¸é css */
.main_bn {overflow:hidden}
.main_bn_title {width:100%; height:40px; line-height:40px; background:#464c5f; color:#FFFFFF; font-size:18px; font-weight:bold; margin:0px auto 0 auto; text-align:center; padding:0 !important}
.main_bn div { padding:8px}
.main_bn div.larbn { padding:8px; padding-bottom:0}
.main_bn div img, .main_bn div li img { width:100%}
.main_bn div li { float:left; width:50%}

/* top css */
#top { width:100%; top:0; height:60px; overflow:hidden; box-sizing: border-box; position:fixed; background:#fff;box-shadow:0 0 1px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.15); z-index:99 }

.topfix { position:fixed !important; background:#fff;  border-bottom:1px solid #ebebeb; box-shadow:0 0 1px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.15);z-index:2;animation: smoothScroll 1s forwards; height:100vh}
@keyframes smoothScroll {0% {transform: translateY(-10px);}100% {transform: translateY(0px);}}

.topfix2 { position:fixed !important; height:38px; top:60px; width:100%;  }

#top .ham_menu {position:absolute; left:15px; top:15px; width:40px;}
#top .t_logo {position:absolute; width:160px; margin:0 auto; top:0; left:0; right:0; bottom:0; line-height:60px}
#t_menu { display:flex; padding:5px;background:#ff6600; position:relative; top:60px}
#t_menu li {flex:1; text-align:center; padding:5px 0; font-size:13px; border-right:1px solid #ff9933; line-height:20px; color:#fff; font-weight:bold }
#t_menu li:last-child {border-right:0}

/* down css */
#down { width:100%; bottom:0; left:0; overflow:hidden; box-sizing:border-box; position:relative; z-index:2; background:#26262a; color:#FFFFFF; margin-top:0px; clear:both}
.down_up { display:flex; padding:5px;background:#212124; overflow:hidden; border-bottom:1px solid #333 }
.down_up li {flex:1; text-align:center; padding:5px; font-size:12px; border-right:1px solid #333; line-height:14px; color:#ccc; font-weight:normal }
.down_up li:last-child {border-right:0}

.down_addr { background:#26262a; margin-top:8px; overflow:hidden}
.down_addr li { padding:3px; line-height:14px; font-size:12px; color:#999999; text-align:center}

.down_copy { background:#212124; text-align:center; color:#666666; font-size:11px; padding:8px; margin-top:5px; overflow:hidden}