/* BASIC css start */
* {margin:0; padding:0;}


body {/*background:url(/design/sjs10786/0581greenstone/bg_main.gif) repeat-x 0 0;*/ background:url(http://gi.esmplus.com/buypass/renewal/bg_main.gif) repeat-x 0 0; margin:0; padding:0;}
#blk_scroll_wings{margin-top:80px;}



#hdWrap {margin:0; padding:0;}
#hdWrap #header { margin:0 auto; width:1000px; height:177px; padding:0px 0 0px 0; z-index:999;  }
#hdWrap #header #top-banner {float:left; width:1000px; margin:0; padding:0 0 21px 0;height:75px;}
#hdWrap #header #top-banner .top-left {float:left;  padding-top:0px;}
#hdWrap #header #top-banner .top-center {float:left; text-align:center;width:530px;}
#hdWrap #header #top-banner .top-logo{float:left; position:absolute; left:430px; padding-top:18px;}
#hdWrap #header #top-banner .top-right {float:right; padding-top:18px;}
#hdWrap #header #top_btn {width:1000px; height:31px; }
#hdWrap #header #top_btn1 {float:left; margin:0px; padding-top:7px}
#hdWrap #header #top_btn1 div {float:left;margin:0 7px 0 7px; padding:0px;}
#hdWrap #header #top_btn1 a,a:link,a:visited {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;color:#666;} /* ½ÃÀÛÆäÀÌÁö,°í°´¼¾ÅÍ,Áñ°Üã±â */
#hdWrap #header #top_btn1 a:hover {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;text-decoration:none;color:#000000;}
#hdWrap #header #top_btn2 {float:right; margin:0px; padding-top:7px}
#hdWrap #header #top_btn2 div {float:left;}
#hdWrap #header #top_btn2 #top_btn2menu a,a:link,a:visited {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;text-decoration:none;color:#333;}  /* ·Î±×ÀÎ,ȸ¿ø°¡ÀÔ */
#hdWrap #header #top_btn2 #top_btn2menu a:hover {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;text-decoration:none;color:#d83732;}
#hdWrap #header #top_btn2 a,a:link,a:visited {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;text-decoration:none;color:#666;}  /* ¸¶ÀÌÆäÀÌÁö,Àå¹Ù±¸´Ï,ÁÖ¹®¹è¼ÛÁ¶È¸ */
#hdWrap #header #top_btn2 a:hover {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:11px;text-decoration:none;color:#000;}
/*body { background-image:url(/design/sjs10786/top_bg.gif);background-repeat:repeat-x;background-position:top center;background-color:#FFFFFF; margin:0; padding:0;}
#blk_scroll_wings{margin-top:200px;}* {margin:0; padding:0;}*/

.sample_bn{width:236px; height:66px;}
.sample_bn p{float:left; width:10px; height:66px; margin:0px; padding:0px;}
.sample_bn div{position:relative; overflow:hidden; float:left; width:216px; height:66px;}
.sample_bn div ul{position:absolute; left:0px; top:0px; width:20000px; height:66px;}
.sample_bn div ul li{float:left; width:216px; height:66px;}

#hdWrap #header .top_menu1 {float:left;}
#hdWrap #header .top_menu1 li {list-style:none; display:inline;font-size:0;padding:0;margin:0;}
#hdWrap #header .top_menu1 li img {vertical-align:top; display:block; float:left;}

/* °Ë»öâ */
#header #hdSchFrm {/* position: absolute; right: 492px; top: 58px;*/ position: absolute; left: 0; top: 43px;}
#header #hdSchFrm fieldset { float: left; width: 298px; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width:44px; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 230px; height: 27px; padding: 2px 0 0 2px; background-color: #fff; border:4px solid #3f3f3f; padding-left:10px; padding-top:10px;}

.menu_pad {font-size:11px; color:#737373; padding:0 3px 0 0;}

#content .content_ {position:absolute;left:0;}
#content .top_roll {float:left; margin:12px 0 0 10px;}
.main_img {width:216px;height:66px;cursor:pointer;}

#top_cate {padding:0; margin:0; height:37px; width:1000px;float:left; position:relative; background-image:url(/design/sjs10786/top_bg-2.gif);background-repeat:repeat-x;background-position:top center; }
.connection_bar{background-image:url(/design/sjs10786/top_bg-3.gif);background-repeat:repeat-x;background-position:top center; }
#top_1dep { margin:0; padding:0; width:190px; height:50px; float:left; cursor:pointer}
#submenu1 { margin:0; padding:0; position:absolute; top:50px; left:0px; display:none; width:1000px; background-color:#fff; border:2px solid #191919; }
#mainFrame {width:1000px;}


a { text-decoration:none; color:#555; font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; font-size:13px;}
a:link { text-decoration:none; color:#555; font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; font-size:13px;}
a:visited { text-decoration:none; color:#555; font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; font-size:13px;}
a:hover { text-decoration:none; color:#000; font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; font-size:13px; cursor:pointer;}

ul, li{margin:0px; padding:0px; list-style:none; vertical-align:top;}


/*»ó´Ü¸Þ´º*/
#top_menu {margin: 0; padding: 0;float:left;}
#top_menu li {margin: 0; padding: 0 0px; list-style: none; float: left; font: bold 11px arial}
#top_menu li a.menu {display: block; text-align: center; padding: 0px; margin: 0 0px 0 0; color: #FFF; text-decoration: none}
#top_menu li a.menu:hover {background: #000 }

.top_sub {background: #fff; border: 0px solid #000000; visibility: hidden; position: absolute;  width:150px;margin-left:0px; }
.top_sub .sub {border:1px solid #bdbfbf; padding:5px;}
.top_sub .sub a {display: block; font: bold 13px "³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; text-align: left; text-decoration: none; padding:1px 0 0 3px; background: #fff; color: #555555; border-bottom:1px solid #e0e0e0; line-height:30px;}
.top_sub .sub a:hover { background: #d83732;color: #FFF}
.top_sub .sub .last {border:0px;}


/* »ó´Ü¸Þ´º-¸¶ÀÌÆäÀÌÁö */
#top_mypage{ float:left; position:relative; margin:0; padding:0px; list-style: none; line-height:31px; font-size:11px;}
#top_mypage img {vertical-align:middle; padding:0px; margin-bottom:3px;}
#top_mypage a.menu{ display: block; padding:0px;margin:0px;color: #999999; text-decoration: none;  font-size:11px;}
#top_mypage a.menu:hover{ color:#000000;  font-size:11px;}
.mypage_submenu { width:70px; border:2px solid #d93834; background-color:white; visibility:hidden; position: absolute; z-index:3; left:6px; top:15px}
.mypage_submenu a.msubmenu,a.msubmenu:link,.msubmenua:visited { display: block; line-height:23px; font-size:11px; color: #999999; text-align: left; text-decoration: none; margin:0px 0 0px 0; padding:0px 3px 0px 5px; }
.mypage_submenu a.msubmenu:hover { background: #ececec;  font-size:11px; color: #333333; text-align: left; text-decoration: none; margin:0px 0 0px 0; padding:0px 3px 0px 5px; }



/* Ä«Å×°í¸® Àüüº¸±â */
#mainContent {width:1000px;}
#top_2dep .mcate1 {width:180px; padding:20px 0 0 20px; border-right:1px solid #ececec;}
#top_2dep .mcate2 {width:180px; padding:20px 0 15px 20px; border-right:1px solid #ececec;}

#top_2dep #a { padding-bottom:7px; }
#top_2dep .a {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif"; font-size:13px; color:#555555; width:180px; line-height:20px; background:url(../img/top_2dep_bg.gif) no-repeat top;}
#top_2dep .a:link {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#444444; }
#top_2dep .a:visited {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#444444;}
#top_2dep .a:hover {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#444444;}

#top_2dep #b { padding-left:0px; background:url(img/top_cate_icon.gif); background-repeat:repeat-y; }
#top_2dep a {line-height:20px; font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;color:#818485; width:120px; }
#top_2dep a:link {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#818485; }
#top_2dep a:visited {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#818485; }
#top_2dep a:hover {font-family:"³ª´®°íµñ","NanumGothic","NanumGothicWebFont","Malgun Gothic","¸¼Àº °íµñ","Dotum","µ¸¿ò","Helvetica","Apple SD Gothic Neo","sans-serif";font-size:13px;text-decoration:none;color:#000000 }

.height {height:22px;}
/* BASIC css end */