@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; font-family:Noto Sans KR, sans-serif; line-height:16px}
td {font-size:14px; line-height:20px; color:#000000}

a {text-decoration:none; color:inherit}

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; }
img { display:block}

::-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:500px; position:relative; top:60px; overflow:hidden}

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


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

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

/* ¸ÞÀÎÈ­¸é css */
.main_icon { overflow:hidden; background:#fff; margin:0px}
.main_icon div img {width:100%}
.main_icon ul {float:left; border-right:1px solid #ebebeb; padding:10px; cursor:pointer}
.main_icon ul:last-child { border-right:0px;}
.main_icon ul li {float:left; padding-right:5px;}
.main_icon ul li:first-child { width:30%;}
.main_icon ul li:last-child { width:70%; text-align:left; padding-left:8px; font-size:13px; line-height:30px;}
.main_icon ul li img { width: 30px;}

.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 {width:120px; margin:0 auto; padding-top:5px}
#t_menu { display:flex; padding:5px;background:#000; position:relative; top:60px}
#t_menu li {flex:1; text-align:center; padding:5px 0; font-size:13px; border-right:1px solid #424242; line-height:20px; color:#fff; font-weight:normal }
#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}

/* Àå¹Ù±¸´Ï */
.cartable { width:100%; border-collapse:collapse}
.cartable tr { border-top:1px solid #ebebeb}
.cartable td { padding:5px}
.cartable td:nth-child(1) { width:30%; text-align:center; background:#f7f7f7}
.cartable td:nth-child(2) { width:70%}
.cartable .cred { color:#FF0000}