@charset "euc-kr";

/* À¥ÆùÆ® */
@font-face {
    font-family: 'NotoSans-Regular';
    src: url('/webfont/NotoSans-Regular.eot');
    src: url('/webfont/NotoSans-Regular.eot?iefix') format('eot'),
         url('/webfont/NotoSans-Regular.woff') format('woff')
}

BODY, P, TABLE, INPUT, SELECT, TEXTAREA, BUTTON {FONT-SIZE: 9pt; COLOR: #4c4c4c; FONT-FAMILY: ±¼¸², Tahoma}
TD{FONT-SIZE: 9pt; COLOR: #4c4c4c; FONT-FAMILY: ±¼¸², Tahoma;}
.td {FONT-SIZE: 9pt; COLOR: #4c4c4c; FONT-FAMILY: ±¼¸², Tahoma; line-height:14pt;}

A {selector-dummy : expression(this.hideFocus=true);}
A:link, A:visited  {FONT-SIZE: 9pt;; COLOR: #466C8A; TEXT-DECORATION: none}
A:active, A:hover {FONT-SIZE: 9pt;; COLOR: #0066FF; TEXT-DECORATION: none}

body{scrollbar-face-color: #EEEEEE; 
    scrollbar-shadow-color: #B4B4B4; 
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-3dlight-color: #B4B4B4; 
    scrollbar-darkshadow-color: #FFFFFF; 
    scrollbar-track-color: #F7F7F7; 
    scrollbar-arrow-color: #AAAAAA;
}

TD.TopLine {FONT-SIZE: 9pt; COLOR: #4c4c4c; FONT-FAMILY: "±¼¸²", "±¼¸²Ã¼"; Background-Color: #82AED4}
TD.Top {Font-Size: 9pt; Font-Weight:bold; COLOR: #012E66; FONT-FAMILY: "±¼¸²", "±¼¸²Ã¼"; Background-Color: #EAF4F8}

/* °¡·Î ¹× ¼¼·Î ½ºÅ©·Ñ¹Ù ¼Ó¼º */
body {
    OVERFLOW-X: auto; OVERFLOW: scroll;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

}

/* ÅؽºÆ® ¹× ¿©¹é ¼Ó¼º */
.navi {Font-Size: 8pt; COLOR: #999999; FONT-FAMILY: "µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana"; text-align:right; padding-top:27px; padding-bottom: 18px;}
.naviB {Font-Size: 8pt; Font-Weight:bold; COLOR: #64AED9; FONT-FAMILY: "µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana";}
.Bold {Font-Size: 9pt; Font-Weight:bold; FONT-FAMILY: "µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana";}
.text_red {Font-Size: 9pt; color: red; Font-Weight:bold; FONT-FAMILY: "µ¸¿ò", "µ¸¿òü", "Tahoma", "Verdana";}
.tit_margin {padding-bottom:27px;}
.sub_margin {padding-bottom: 30px;}

/* ¸ÞÀκñÁÖ¾ó */
.list_init{padding:0; margin:0; list-style:none}
.main_visual {width:100%; height:383px; overflow:hidden;position:relative}
.main_visual .vis_bg li {display:none;position:absolute; width:100%; height:383px;}
.sub_visual {width:100%; height:166px; overflow:hidden;position:relative}
.sub_visual .vis_bg li {display:none;position:absolute; width:100%; height:166px;}

/* Ç÷¡½Ã »ðÀÔ */
#flash_box{position:relative; width:100%; height:493px; background:#fff; color:#fff; margin-left:auto; margin-right:auto;}
#flash_sbox{position:relative; width:100%; background:#fff; color:#fff; margin-left:auto; margin-right:auto;}
#menu_flash{position:absolute; left:0px; top:0px; z-index:2; width:100%; height:185px; margin-left:auto; margin-right:auto;}
#smenu_flash{position:absolute; left:0px; top:323px; z-index:2; width:100%; height:170px; margin-left:auto; margin-right:auto;}
#main_flash{position:absolute; left:0px; top:0px; z-index:1; width:100%; height:493px; margin-left:auto; margin-right:auto;}
#sub_flash{position:absolute; left:0px; top:0px; z-index:1; width:100%; height:371px; margin-left:auto; margin-right:auto;}
#body {position:relative; left:0px; top:0px; z-index:2; width:1000px; margin-left:auto; margin-right:auto;}

/* SUBPAGE (tables) */
#subpage table {
    border-top: 1px solid #CFDBE2;
    border-left: 1px solid #CFDBE2;
    border-collapse: collapse;
}
 
#subpage caption {
    font-family: µ¸¿ò, Arial, sans-serif;
    FONT-SIZE: 9pt;
    color: #555;
    text-align : left;
    padding-bottom: 3px;
}
 
#subpage td {
    padding: 7px;
    border-right: 1px solid #CFDBE2;
    border-bottom: 1px solid #CFDBE2;
    font-family: µ¸¿ò, Tahoma;
    font-size: 12px;
} 
 
#subpage th {
    padding: 6px;
    border-right: 1px solid #CFDBE2;
    border-bottom: 2px solid #CFDBE2;   
    font-family: µ¸¿ò, Tahoma; color: #224E67;
    font-size: 12px;
    background-color: #E4F3FB;
}


/* ¼­ºêÆäÀÌÁö Å×À̺í class */
.conTitle {Font-Size: 9pt; Font-Weight:bold; Color: #54788C; Font-Family: "µ¸¿ò", "µ¸¿òü"; Background-Color: #F1F7FA; text-align:center; }

.msg{margin-bottom:10px;padding:10px;background-color:#f7f7f7;border:1px solid #e3e3e3;font-family:'¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;font-size:12px;line-height:18px;color:#e91e63;font-weight:bold;}
.order_btn{text-align:center;}
.order_btn img{margin-top:10px;}
p.order_txt{text-align:center;font-size:13px;font-family: '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;line-height:18px;color:#e91e63;font-weight:bold;}


.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* »ó´Ü ¸Þ´º */
.menu {overflow:hidden;width:573px;height:86px;padding:0 150px;background:url(../images/menu_imsi.gif) no-repeat 50% 0}
.menu ul {margin:0;padding:0;list-style:none}
.menu > ul > li {float:left;position:relative;width:25%}
.menu > ul > li > a {display:block;font-size:17px;line-height:47px;font-family:'NotoSans-Regular', sans-serif;color:#fff;text-align:center}
.menu > ul > li.on > a {color:#333}
.menu > ul > li > ul {display:none;position:absolute;left:47px;top:39px;width:162px;margin:3px 0 0}
.menu > ul > li.menu2 > ul {width:230px}
.menu > ul > li > ul:before {position:absolute;left:23px;top:-2px;width:5px;height:3px;background:url(../images/sub_bar.gif) no-repeat -23px 0;content:""}
.menu > ul > li > ul > li {float:left;background:url(../images/sub_bar.gif) no-repeat 50% -3px}
.menu > ul > li > ul > li:first-child {background-position:0 -3px}
.menu > ul > li > ul > li:last-child {background-position:100% -3px}
.menu > ul > li > ul > li > a {display:block;padding:0 12px;font-size:12px;line-height:27px;font-family:'NotoSans-Regular', sans-serif;color:#424141}
.menu > ul > li > ul > li.on > a {color:#cf000a}