/* CSS Document */

@font-face {
font-family : "NanumGothicWeb";
    src: url('/assets/font/NanumGothic.eot');
    src: url('/assets/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/assets/font/NanumGothic.woff') format('woff'), url('/assets/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
font-family : "NanumGothicBoldWeb";
    src: url('/assets/font/NanumGothicBold.eot');
    src: url('/assets/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/assets/font/NanumGothicBold.woff') format('woff'), url('/assets/font/NanumGothicBold.ttf') format('truetype');
}

/* 메인안내링크 */
#main_b01 {margin:0;padding:0;background:#f0f8ff;}
#main_b01  :after {display:block;visibility:hidden;clear:both;content:""}
#main_b01   li {float:left; width:25%;text-align:left;list-style:none; background:#f0f8ff; }
#main_b01   li:first-child {}
#main_b01   li:last-child { }
#main_b01   li div{margin:15px 0 0;}
#main_b01   li a {display:inline-block; width:100%; padding:0; color:#333; font-size:1.5em; font-weight:bold;  line-height:2.4em; }
#main_b01   li a:focus, #main_b01   li  a:hover, #main_b01   li  a:active {text-decoration:none; color:#ff0000; border-color:#bfa276;}
#main_b01   li a#current{border-color:#bfa276; background-image: url(../images/left_on_bg.jpg);font-weight:600; color: #fff;}
#main_b01   li img{float:left;width:25%; padding:5px; }

@media (max-width: 768px) {
#main_b01  li {width:50%;}
#main_b01   li a {display:inline-block; width:100%; padding:7px 0 7px 5px; color:#333; font-size:1.2em; font-weight:bold;  line-height:2.4em; }
#main_b01   li div{margin:4px 0 0;}
#main_b01  li img{float:left;width:22%; padding:3px 0 0; }
}


/* 메인안내링크 */
#main_i01 {width:50%; height:auto; float:left; padding:15px 20px; color:#fff;
	/*background:url('/sources/img/bg001.jpg'); background-repeat: no-repeat;opacity:0.5!important; filter:alpha(opacity=50); background-position:97% 50%;*/
	background-color:#167774 }
#main_i01 .con {float:left; margin:0.8em 0 0 10px;font-size:2.5em; font-weight:bold;}

#main_i02 {width:50%; height:auto; float:left;  padding:15px 20px; color:#fff;
	/*background:url('/sources/img/main_stock_btc.png' ); background-repeat: no-repeat; background-position:97% 50%;*/
	background-color:#1b3c73}
#main_i02 .con {float:left; margin:0.8em 0 0 10px;font-size:2.5em; font-weight:bold;}

@media (max-width: 768px) {
#main_i01  {width:100%; margin-bottom:1px; font-size:0.8em;}
#main_i01 .con {float:left; margin:0.5em 0 0 10px;font-size:2.0em; font-weight:bold;}
#main_i02  {width:100%; font-size:0.8em;}
#main_i02 .con {float:left; margin:0.5em 0 0 10px;font-size:2.0em; font-weight:bold;}
}

@media (max-width: 768px) {
#menu_s01  li {width:48%; margin-bottom:1.33%; margin-right:1.333%;}
}

/* 고객안내링크 */
#menu_s01 {margin:0;padding:0;}
#menu_s01 :after {display:block;visibility:hidden;clear:both;content:""}
#menu_s01  li {float:left; width:24%;text-align:center;list-style:none; background:#fff; margin-right:1.333%;}
#menu_s01  li:first-child {}
#menu_s01  li:last-child { margin-right:0;}
#menu_s01  li div{margin:30px 0 0;}
#menu_s01  li a {display:inline-block; width:100%; padding:12px 0; color:#333; font-size:1.2em; font-weight:bold;  line-height:2.4em; border:1px solid #666; border-radius:5px;}
#menu_s01  li a:focus, #menu_s01  li  a:hover, #menu_s01  li  a:active {text-decoration:none; color:#fff; background:#bfa276; border-color:#bfa276;}
#menu_s01  li a#current{background:#bfa276; border-color:#bfa276; background-image: url(../images/left_on_bg.jpg);font-weight:600; color: #fff;}
#menu_s01  li img{width:70px;  margin:0 auto;}

@media (max-width: 768px) {
#menu_s01  li {width:48%; margin-bottom:1.33%; margin-right:1.333%;}
}





/* 상단 회원가입 등 링크 */
#tnb {float:left;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px;list-style:none;}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}


/* 고객안내링크 */
#cust01 {margin:0;padding:0;list-style:none;zoom:1}
#cust01 :after {display:block;visibility:hidden;clear:both;content:""}
#cust01  li {float:left; width:20%;text-align:center;}
#cust01  li div{margin:30px 0 0;}
#cust01  a {display:inline-block;padding:0 10px;height:28px;color:#fff;line-height:2.4em}
#cust01  a:focus, #cust01  a:hover, #cust01  a:active {text-decoration:none}
#cust01  li img{width:70px;  margin:0 auto;}


#cust02 {margin:0;padding:0;list-style:none;zoom:1}
#cust02 :after {display:block;visibility:hidden;clear:both;content:""}
#cust02  li {float:left;width:15%; margin:0 5% 0 0; text-align:center; padding-top:10px; border-top:3px solid #555;}
#cust02  li ul  {margin-top:10px; border-top:2px solid #555; list-style:none;}
#cust02  li ul li {width:90%; margin:0 0 0 -40px; padding:0 0 0 10px; border-top:none; border-bottom:1px solid #444; text-align:left; }
#cust02  li ul li a {padding:1px 0;height:28px;color:#ccc; font-weight:normal;}
#cust02  a {display:inline-block;padding:0;height:28px;color:#ccc; font-weight:bold; line-height:2.4em}
#cust02  a:focus, #cust02  a:hover, #cust02  a:active {text-decoration:none}


.btn_submit_buy {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	width:45%;
    font-size: 16px;
}