﻿/* CSS Document */

/* Type Selector */
* {margin:0; padding:0; font-family:Verdana, Tahoma, AppleGothic, Sans-serif, "돋움", Dotum, "굴림", Gulim;}
html {height:100%;}
body {font-size:12px; color:#888; background:url(../Store_img/sub_searchline.gif) repeat-x; height:100%;}
h1 {font-size:12px; color:#333;}
h2 {font-size:12px; font-weight:bold;}
p {}
img, fieldset, button {border:none;}
img {vertical-align:middle;}
label, input, select { vertical-align:middle; color:#666;}
textarea {overflow:auto;} 
table {border-collapse:0;}

#global_utf {width:100%; clear:both; padding-top:0px; margin-top:0px;}
#global_utf .global_utf_cont {width:1000px; margin:0 auto; text-decoration:none;}
#global_utf A { text-align:center; font-size:11px; padding-top:10px; text-decoration:none; color:#888; }

#allframe {width:100%; }

#container {margin:0 auto; width:983px; padding-top:10px; height:100%;}
#wrapleft { width:890px; float:left; background:url(../Store_img/allbgline.gif) repeat-y right; padding-bottom:30px;}
#wrapright {width:93px; float:right; }


/* SUB - TOP */

#top { margin-bottom:10px;}
#top .logo {float:left; width:175px; padding-left:15px;}
#top .topmenu {float:right; padding-right:10px;height:50px;}


#searchwrap {clear:both;}
#gmenu {float:left; margin-top:3px;}
#gmenu TABLE {text-align:center;}
#gmenu TABLE TR TD {padding-left:10px; padding-right:10px;}

#search {float:right; padding-right:10px; margin-top:2px;}
#search TABLE {width:224px; border:1px #a4a2a2 solid; padding:2px; background:#FFFFFF; height:20px;}
#search input {border:0 #ffffff; width:180px; float:left; }
#search img { float:right; padding:0 10px;}

#location { clear:both; text-align:right; font-size:11px; width:100%; margin:0;}
#location #txt { position:relative; z-index:3; top:-4px; left:-15px; width:100%; font-size:11px; font-family:"굴림", "돋움"} 
#location #txt A {text-decoration:none; color:#888; font-size:11px;}
#location #txt A:hover {text-decoration:none; color:#888; font-weight:bold; font-size:11px;}



/*  나의 컨텐츠   -  현재수강강의    */
#mycont-top {width:860px; height:135px; background:url(../Store_img/myzone_title.gif) no-repeat;}
#mycont-top .menuwrap  {padding:52px 12px 0 152px; height:82px; width:648px; float:right; }
#mycont-top .menu { width:650px;}
#mycont-top .menu TABLE { border-bottom:1px solid #dcdbdf; border-left: 1px solid #dcdbdf; border-top: 1px solid #dcdbdf;}
#mycont-top .menu TABLE TR TH { border-right: 1px solid #dcdbdf; border-bottom:1px solid #dcdbdf;}
#mycont-top .menu TABLE TR TD { border-right: 1px solid #dcdbdf; text-align:center; padding:10px 0;}
#mycont-top .menu TABLE TR TD IMG { padding:3px 0;}


#mycont-info {margin:10px 0 20px 10px; width:850px; height:114px;}

#mycont-info TABLE {margin:0 40px; width:780px;}
#mycont-info TABLE TR TH { width:150px; text-align:left;}
#mycont-info TABLE TR TD { line-height:20px; vertical-align:bottom; padding-bottom:10px; }
#mycont-info TABLE TR TD U {color:#555; font-weight:bold;}
#mycont-info TABLE TR TD STRONG {color:#555;}



.mylec {width:840px;}
.mylec TABLE { margin:5px 20px;}
.mylec TABLE TR TD { background:url(../Store_img/mycont_title_bg.gif) repeat-y; padding:0; margin:0;}

.mylec TABLE.inner {margin:10px 20px 0 20px; width:780px;}
.mylec TABLE.inner TR TD {background:none;}
.mylec TABLE.inner TR TH {text-align:right; vertical-align:bottom; width:105px;}
.mylec TABLE.inner TR TH IMG {margin:2px 0; text-align:right;}
.mylec TABLE.inner TR TD H1 {font-size:12px; color:#333; margin-left:20px}

.mylec TABLE.inner02 {margin:10px 20px 0 20px;}
.mylec TABLE.inner02 TR TD { padding:0;}
.mylec TABLE.inner02 TR TD IMG { vertical-align:top; padding-top:1px;}
.mylec TABLE.inner02 TR TH {padding:0 15px 6px 0; width:15px; font-weight:normal; }
.mylec TABLE.inner02 TR TD .process {background:#eceae9; height:12px; float:left; width:150px;}
.mylec TABLE.inner02 TR TD SPAN {color:#dfa672; float:left; font-size:11px; padding-left:15px; font-weight:bold;}


.mylec TABLE.bbs {margin:20px 0 0 30px; width:760px;}
.mylec TABLE.bbs TR TD {background:none; border-bottom:1px #ccc solid; padding:5px 0; text-align:center;}
.mylec TABLE.bbs TR TD.subj { text-align:left; padding-left:30px;}
.mylec TABLE.bbs TR TD.subj A { color:#888; text-decoration:none;}
.mylec TABLE.bbs TR TD.subj A:hover { color:#888; text-decoration:underline;}
.mylec TABLE.bbs TR TH {vertical-align:bottom; background:#D4D4D4; color:#fff; padding:2px 0; vertical-align:middle;}
.mylec TABLE.bbs TR TH IMG {margin:2px 0; text-align:right;}
.mylec TABLE.bbs TR TD H1 {font-size:12px; color:#333; margin-left:20px}

.mylec .btn {margin:10px 20px; text-align:right; padding-right:45px;}
.mylec  .line {margin:10px 20px; background:url(../Store_img/mycont_seline.gif) repeat-x; height:9px; width:785px;}


/*  장바구니   */

#carttop_wrap {margin-top:20px; width:860px; height:110px; vertical-align:bottom; }

#carttop {padding:0 0 10px 20px; float:left; width:410px;} 
#carttop TABLE {margin-top:30px;}
#carttop TABLE TR TD {padding:5px 10px; vertical-align:bottom;}
#carttop TABLE TR TD SPAN {text-decoration:underline; font-weight:bold;}
#carttop TABLE TR TD SPAN.title {color:#f36720; text-decoration:none; font-weight:bold;}

#cartstep {float:right; padding-top:20px; vertical-align:bottom; width:393px;}





#cartlist {clear:both; padding:0 0 0 30px; width:860px; margin-top:10px;}
#cartlist TABLE {width:800px; margin-bottom:10px;}
#cartlist TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"}
#cartlist TABLE TR TD { text-align:center; padding:5px 5px; border-bottom:1px #d9d9d9 solid;}
#cartlist TABLE TR TD.subj {text-align:left;}
#cartlist TABLE TR TD.subj SPAN { font-weight:bold;}
#cartlist TABLE TR TD.price { font-weight:bold; color:#888;}
#cartlist TABLE TR TD A {text-decoration:none; color:#888;}
#cartlist TABLE TR TD A:hover {text-decoration:underline; color:#888;}

#cartlist TABLE.foot {width:800px;}
#cartlist TABLE.foot TR TH { text-align:right; border-bottom:2px #d9d9d9 solid; background:none;}
#cartlist TABLE.foot TR TH.total {font-weight:bold; font-size:12px; color:#999; padding:0 20px 10px 0;}
#cartlist TABLE.foot TR TH.total SPAN {font-size:16px; color:#f26c2e;}
#cartlist TABLE.foot TR TD { border:none; text-align:left; padding:0;}


#cartlist #cartfooter { text-align:center; margin-top:30px;}
#cartlist #cartfooter SPAN {font-weight:bold; text-decoration:underline;}



/*  주문서 작성   */
#orderlist {clear:both; padding:10px 0 0 30px; width:860px;}
#orderlist IMG {padding-bottom:5px; }
#orderlist TABLE {width:800px; margin-bottom:10px;}
#orderlist TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"}
#orderlist TABLE TR TD { text-align:center; padding:5px 5px; border-bottom:1px #d9d9d9 solid;}
#orderlist TABLE TR TD.subj {text-align:left;}
#orderlist TABLE TR TD.subj SPAN { font-weight:bold;}
#orderlist TABLE TR TD.price { font-weight:bold; color:#888;}
#orderlist TABLE TR TD A {text-decoration:none; color:#888;}
#orderlist TABLE TR TD A:hover {text-decoration:underline; color:#888;}

#orderlist TABLE.foot {width:800px;}
#orderlist TABLE.foot TR TH { text-align:right; border-bottom:2px #d9d9d9 solid; background:none;}
#orderlist TABLE.foot TR TH.total {font-weight:bold; font-size:12px; color:#999; padding:0 20px 10px 0;}
#orderlist TABLE.foot TR TH.total SPAN {font-size:16px; color:#f26c2e;}
#orderlist TABLE.foot TR TD { border:none; text-align:left; padding:0;}


#orderinfo {padding:10px 0 0 30px; width:860px;}
#orderinfo IMG {padding-bottom:5px; }
#orderinfo TABLE {width:800px; margin-bottom:10px; border-top:1px #d9d9d9 solid;}
#orderinfo TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"; width:120px; border-bottom:1px #fff solid;}
#orderinfo TABLE TR TD { text-align:left; padding:5px 30px; border-bottom:1px #d9d9d9 solid; height:30px; line-height:18px;}
#orderinfo TABLE TR TD SPAN {font-weight:bold; color:#d86935; }


#destination {padding:10px 0 0 30px; width:860px;}
#destination IMG {padding-bottom:5px; }
#destination TABLE {width:800px; margin-bottom:10px; border-top:1px #d9d9d9 solid;}
#destination TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"; width:120px; border-bottom:1px #fff solid;}
#destination TABLE TR TD { text-align:left; padding:5px 30px; border-bottom:1px #d9d9d9 solid; height:30px; line-height:18px;}
#destination TABLE TR TD SPAN {font-weight:bold; color:#d86935; }
#destination TABLE TR TD INPUT {width:100%; border:1px #ccc dotted;}
#destination TABLE TR TD INPUT.mobile {width:50px; border:1px #ccc dotted;}
#destination TABLE TR TD SELECT {width:50px; border:1px #ccc dotted;}
#destination TABLE TR TD IMG {padding:1px 0 0 10px;}
#destination TABLE TR TD INPUT.address {width:100%; border:1px #ccc dotted; margin-top:5px;}
#destination TABLE TR TD TEXTAREA {width:100%; border:1px #ccc dotted;}


#buyinfo {padding:10px 0 0 30px; width:860px;}
#buyinfo IMG {padding-bottom:5px; }
#buyinfo TABLE {width:800px; margin-bottom:10px; border-top:1px #d9d9d9 solid;}
#buyinfo TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"; width:120px; border-bottom:1px #fff solid;}
#buyinfo TABLE TR TD { text-align:left; padding:5px 30px; border-bottom:1px #d9d9d9 solid; height:30px; line-height:18px;}
#buyinfo TABLE TR TD SPAN {font-weight:bold; color:#d86935; }
#buyinfo TABLE TR TD.discount {width:100px; border-right:1px #d9d9d9 solid; text-align:center; font-weight:bold; color:#ec9064; padding:0; background:#f7f7f7;}

.buytool {padding:10px 0 0 30px; width:860px;}
.buytool IMG {padding-bottom:5px; }
.buytool TABLE {width:800px; margin-bottom:10px; border:4px #ec9064 solid;}
.buytool TABLE TR TD {padding:20px; text-align:center;}
.buytool TABLE TR TD SPAN {font-size:11px; font-family:"돋움"; letter-spacing:-0.1em; }

.orderbtn {width:890px; text-align:center; margin:20px 0;}
.orderbtn IMG {padding:0 3px;}


#orderend {padding:10px 0 0 30px; width:860px;}
#orderend TABLE {width:780px;}
#orderend TABLE TR TH { background:url(../Store_img/order_bg.gif) repeat-y;}
#orderend TABLE TR TD { background:url(../Store_img/order_bg.gif) repeat-y; padding:40px;}



/* 결제 내역   */

#getlist {padding:10px 0 0 30px; width:860px;}
#getlist TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #ec9064;}
#getlist TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"}
#getlist TABLE TR TD { text-align:center; padding:8px 6px; border-bottom:1px #d9d9d9 solid;}
#getlist TABLE TR TD.subj {text-align:left; padding-left:20px;}
#getlist TABLE TR TD A {text-decoration:none; color:#888;}
#getlist TABLE TR TD A:hover {text-decoration:underline; color:#888;}
#getlist TABLE TR TD.status {font-size:11px; font-family:"돋움";}
#getlist TABLE TR TD.status IMG {margin-top:5px;} 


#page {padding:10px 0 0 30px; width:860px; text-align:center;}
#page .num { padding:0 20px; font-size:12px; color:#c1b7c2; }
#page .num A { font-size:11px; color:#c1b7c2; padding-right:5px; text-decoration:none; }
#page .num A:hover { font-size:11px; color:#c1b7c2; padding-right:5px; text-decoration:underline; }
#page .self {color:#000; padding-right:5px; font-weight:bold;  }
#page .num IMG {padding-bottom:1px;}


#getcont {padding:10px 0 0 30px; width:860px;}
#getcont TABLE {width:800px; margin-bottom:20px; border-bottom:solid 2px #ec9064; border-top:solid 2px #ec9064;}
#getcont TABLE TR TH {background:#efefef; height:20px; padding-top:2px; color:#666; font-size:11px; font-family:"돋움"; border-bottom:1px #d9d9d9 solid;}
#getcont TABLE TR TD { text-align:center; padding:8px 10px; border-bottom:1px #d9d9d9 solid; line-height:18px;}
#getcont TABLE TR TD SPAN {font-size:11px; font-family:"돋움"; color:#CC6600; }



/*  마이 쿠폰   */

#couponlist {padding:0 0 0 30px; width:860px;}
#couponlist TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #ec9064;}
#couponlist TABLE TR TH {background:#ec9064; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"}
#couponlist TABLE TR TD { text-align:center; padding:8px 6px; border-bottom:1px #d9d9d9 solid;}
#couponlist TABLE TR TD A {text-decoration:none; color:#888;}
#couponlist TABLE TR TD A:hover {text-decoration:underline; color:#888;}
#couponlist TABLE TR TD.status {font-size:11px; font-family:"돋움";}

#couponlist TABLE.tab {width:800px; margin-bottom:15px; height:28px; border:none;}
#couponlist TABLE.tab TR TH {background:url(../Store_img/coupon_tabbg.gif) repeat-x;}
#couponlist TABLE.tab TR TD {padding:0; width:160px; border:none; background:none;}

.txtbox {padding:50px 0 80px 30px; width:860px; line-height:18px; }
.txtbox IMG {padding-bottom:10px;}
.txtbox OL {padding-left:5px; list-style:none; }
.txtbox OL LI {list-style-type:none;}

#couponbtn {float:right; padding:35px 13px 0 0; vertical-align:bottom; width:393px; text-align:right;}

#pointtop {padding:0 0 10px 20px; float:left; width:600px;} 
#pointtop TABLE {margin-top:30px;}
#pointtop TABLE TR TD {padding:5px 10px; vertical-align:bottom;}
#pointtop TABLE TR TD SPAN {text-decoration:underline; font-weight:bold;}
#pointtop TABLE TR TD SPAN.title {color:#f36720; text-decoration:none; font-weight:bold;}

#point {background:url(../Store_img/ybnpoint_bg.gif) no-repeat; width:814px; height:91px; margin-left:30px; } 
#point TABLE {float:left; margin:35px 0 0 20px; width:550px;}
#point TABLE TR TH {font-size:20px; font-weight:bold; color:#CC3300; width:50%;}
#point TABLE TR TD {text-align:center; font-weight:bold; width:50%;}
#point IMG {float:right; margin:8px;}




.listbtn {width:890px; text-align:center; margin:20px 0; clear:both;}
.listbtn IMG {margin:0 3px;}




/*             고객센터                        */

#center-maintop {width:860px;  }

#mainbnr {float:left; width:547px; height:198px; background:url(../Store_img/center_bg.gif) no-repeat; margin-top:50px; padding-left:27px; }
#topbnr {float:left; background:url(../Store_img/center_topbgline.gif) repeat-x; width:250px; margin-top:47px; padding:18px 0 0 10px;}
#topbnr IMG {margin-bottom:5px;}



#center-top {width:860px; height:100px; background:url(../Store_img/center_title.gif) no-repeat;}
#center-top .menuwrap  { margin:0;}

#center-top #mainnotice {float:left; width:376px; padding:52px 0 0 199px; }
#center-top #mainnotice TABLE {border:1px solid #dcdbdf;}
#center-top #mainnotice TABLE TR TH {padding:0;}
#center-top #mainnotice TABLE TR TD {height:154px; line-height:22px;}
#center-top #mainnotice TABLE TR TD UL {list-style:none; width:350px; padding:15px 0;}
#center-top #mainnotice TABLE TR TD UL LI {list-style-image:url(../Store_img/center_pnt.gif); margin-left:30px;}
#center-top #mainnotice TABLE TR TD A {text-decoration:none; color:#888; }
#center-top #mainnotice TABLE TR TD A:hover {text-decoration:underline; color:#888; }
#center-top #mainnotice TABLE TR TD IMG {padding:5px;}

#center-top #topbnr {float:left; background:url(../Store_img/center_topbgline.gif) repeat-x; width:264px; margin:52px 0 0 2px;}
#center-top #topbnr TABLE {margin:24px 0 0 10px; }
#center-top #topbnr TABLE TR TD {padding-bottom:6px;}


#center-top .menu { width:650px; padding:52px 0 0 199px;}
#center-top .menu TABLE { border-bottom:1px solid #dcdbdf; border-left: 1px solid #dcdbdf; border-top: 1px solid #dcdbdf;}
#center-top .menu TABLE TR TD { border-right: 1px solid #dcdbdf; text-align:center; padding:0;}



#centerwrap {padding:20px 0 0 10px; width:860px; clear:both;}


#centerfaq {width:267px; float:left;}
#centerfaq IMG {margin-bottom:10px;}
#centerfaq TABLE {width:267px; margin-bottom:10px; border-bottom:solid 1px #f2b270;}
#centerfaq TABLE TR TD { text-align:center;  height:25px;}
#centerfaq TABLE TR TD.subj {text-align:left; padding-left:10px;}
#centerfaq TABLE TR TD A {text-decoration:none; color:#888;}
#centerfaq TABLE TR TD A:hover {text-decoration:underline; color:#888;}





#centernotice {width:267px; float:left; margin-left:10px;}

#centernotice IMG {margin-bottom:10px;}

#centernotice TABLE {width:267px; margin-bottom:10px; border-bottom:solid 1px #f2b270;}

#centernotice TABLE TR TD { text-align:left; padding-left:10px; height:25px;}
#centernotice TABLE TR TD.subj {text-align:left; padding-left:1px;}
#centernotice TABLE TR TD A {text-decoration:none; color:#888;}
#centernotice TABLE TR TD A:hover {text-decoration:underline; color:#888;}



#centerevent {width:267px; float:left; margin-left:10px;}
#centerevent IMG {margin-bottom:11px;}







/*   공지사항    */
#notice {padding:10px 0 0 30px; width:860px; clear:both;}
#notice IMG {margin-bottom:10px;}
#notice TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #ec9064;}
#notice TABLE TR TH {height:20px; padding-top:2px; color:#fff; font-size:11px; font-weight:bold; background:#f2b270; }
#notice TABLE TR TD { text-align:left; padding-left:20px; border-bottom:1px #d9d9d9 solid; height:30px;}
#notice TABLE TR TD.subj {text-align:left; padding-left:20px;}
#notice TABLE TR TD A {text-decoration:none; color:#888;}
#notice TABLE TR TD A:hover {text-decoration:underline; color:#888;}
#notice TABLE TR TD.status {font-size:11px; font-family:"돋움";}
#notice TABLE TR TD.status IMG {margin-top:5px;} 


/*   자주하는 질문    */

#faq {padding:10px 0 0 30px; width:860px; clear:both;}
#faq IMG {margin-bottom:10px;}
#faq TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #ec9064;}
#faq TABLE TR TH { padding:10px 20px; color:#e0903d; font-weight:bold; background:#fff; text-align:left; border-bottom:1px #d9d9d9 solid;  }
#faq TABLE TR TH.self { padding:10px 20px; color:#e0903d; font-weight:bold; background:#fff; text-align:left; border-bottom:1px #d9d9d9 solid; background:#f7f7f7; }
#faq TABLE TR TD { text-align:left; border-bottom:1px #d9d9d9 solid; padding:15px 0 5px 0;}
#faq TABLE TR TH A {text-decoration:none; color:#e0903d;}
#faq TABLE TR TH A:hover {text-decoration:underline; color:#e0903d;}

#faq TABLE.inner {border:none; width:80%;}
#faq TABLE.inner TR TH {border:none; padding:0; vertical-align:top;}
#faq TABLE.inner TR TH IMG {padding:0 20px 0 0;}
#faq TABLE.inner TR TD {border:none; padding:0;}


#faq TABLE.tab {margin-bottom:15px; border:none; height:28px;}
#faq TABLE.tab TR TH {background:url(../Store_img/faq_bgline.gif) repeat-x; width:50%; height:28px; border:none; padding:0;}
#faq TABLE.tab TR TD {padding:0; border:none; background:none; height:28px;}
#faq TABLE.tab TR TD IMG {padding:0;}



/*   이벤트    */

#event {padding:10px 0 0 30px; width:860px; clear:both;}
#event IMG {margin-bottom:10px;}
#event TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #f2b270;}
#event TABLE TR TH { padding:0 10px; color:#e0903d; font-weight:bold; background:#fff;  border-top:1px #d9d9d9 solid;  }
#event TABLE TR TD { text-align:left; border-top:1px #d9d9d9 solid; padding:10px; line-height:20px;}
#event TABLE TR TD IMG {margin:0;}
#event TABLE TR TD A { text-align:left; color:#e0903d; text-decoration:none; font-weight:bold;}
#event TABLE TR TD A:hover { text-align:left; color:#e0903d; text-decoration:underline; font-weight:bold;}



#event-view {padding:10px 0 0 30px; width:860px; clear:both;}
#event-view IMG {margin-bottom:10px;}
#event-view TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #f2b270;}
#event-view TABLE TR TH { background:#f2b270; height:20px; padding:2px 0; color:#fff; font-size:12px;  }
#event-view TABLE TR TH.title { padding:4px 0; font-size:14px; border-bottom:1px #fff solid;  }
#event-view TABLE TR TD { text-align:center; border-bottom:1px #d9d9d9 solid; line-height:20px; padding:30px 0;}
#event-view TABLE TR TD.inner { text-align:center; border-bottom:1px #d9d9d9 solid; line-height:20px; padding:3px;}
#event-view TABLE TR TD IMG {margin:0;}
#event-view TABLE TR TD A { text-align:left; color:#e0903d; text-decoration:none; font-weight:bold;}
#event-view TABLE TR TD A:hover { text-align:left; color:#e0903d; text-decoration:underline; font-weight:bold;}

#event-content-view {padding:10px 0 0 30px; clear:both;}
#event-content-view TABLE {margin-bottom:10px; border-bottom:solid 0px #f2b270;text-align:center;}



/* 온라인 상담   */

#online-wrap {padding:10px 0 0 30px; width:860px; }
#online-wrap IMG {margin-bottom:10px;}
#online-faq {float:left; width:407px;}
#online-faq TABLE { padding:0;}
#online-faq TABLE TR TH {background:none; padding:0;}
#online-faq TABLE TR TH IMG {margin:0;}
#online-faq TABLE TR TD {background:url(../Store_img/online_bg01.gif) repeat-y; text-align:center;}

#online-notice {float:left;  width:407px;}
#online-notice TABLE { padding:0;}
#online-notice TABLE TR TH {background:none; padding:0;}
#online-notice TABLE TR TH IMG {margin:0;}
#online-notice TABLE TR TD {background:url(../Store_img/online_bg02.gif) repeat-y; height:94px; }

#online-notice TABLE TR TD UL {list-style:none; width:400px; padding-top:10px;}
#online-notice TABLE TR TD UL LI {list-style-image:url(../Store_img/center_pnt.gif); margin:4px 10px 4px 50px;}
#online-notice TABLE TR TD A {text-decoration:none; color:#888; }
#online-notice TABLE TR TD A:hover {text-decoration:underline; color:#888; }



#online {padding:30px 0 0 30px; width:860px; clear:both;}
#online #top {width:800px; margin-bottom:5px; }
#online #top TABLE { padding:0; border:0; margin:0;}
#online #top TABLE TR TH { text-align:right; padding:0; background:none;}
#online #top TABLE TR TD { text-align:left; padding:0; border:0; vertical-align:bottom;}

#online TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #f2b270;}
#online TABLE TR TH {background:#f2b270;; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"}
#online TABLE TR TD { text-align:center; padding:8px 6px; border-bottom:1px #d9d9d9 solid;}
#online TABLE TR TD.subj {text-align:left; padding-left:20px;}
#online TABLE TR TD A {text-decoration:none; color:#888;}
#online TABLE TR TD A:hover {text-decoration:underline; color:#888;}



#online-write {padding:30px 0 0 30px; width:860px; clear:both;}

#online-write #top {width:800px; margin-bottom:5px; }
#online-write #top TABLE { padding:0; border:0; margin:0;}
#online-write #top TABLE TR TH { text-align:right; padding:0; background:none;}
#online-write #top TABLE TR TD { text-align:left; padding:0; border:0; vertical-align:bottom;}

#online-write TABLE {width:800px; margin-bottom:10px; border-bottom:solid 2px #f2b270; border-top:solid 2px #f2b270;}
#online-write TABLE TR TH {background:#f2b270;; height:20px; padding-top:2px; color:#fff; font-size:11px; font-family:"돋움"; border-bottom:1px #fff solid;}
#online-write TABLE TR TD { text-align:left; padding:8px 20px; border-bottom:1px #d9d9d9 solid;}
#online-write TABLE TR TD.cont { text-align:left; padding:15px 20px; border-bottom:1px #d9d9d9 solid; width:690px; line-height:18px;}
#online-write TABLE TR TD.cont SPAN {font-size:11px; font-family:"돋움"; line-height:30px; color:#999;}

#online-write TABLE TR TD SELECT {width:100%; border:1px dotted #ccc;}
#online-write TABLE TR TD INPUT {width:100%; border:1px dotted #ccc;}
#online-write TABLE TR TD TEXTAREA {width:100%; border:1px dotted #ccc;}



/*  컨텐츠 이용안내   */

#useinfo {padding:10px 0 0 30px; width:860px;}
#useinfo IMG {margin-bottom:10px;}
#useinfo TABLE {width:600px; margin:20px auto;}
#useinfo TABLE TR TD { text-align:center;}
#useinfo TABLE TR TD IMG {margin:0;}

#useinfo .title {padding:5px 0 0 10px; }
#useinfo .title IMG {margin:0;}
#useinfo .title02 {padding:15px 0 0 10px; }
#useinfo .title02 IMG {margin:0;}

#useinfo .usewrap {width:820px; padding:0 0 10px 3px; height:120px; clear:both;}
#useinfo .usewrap .usebox { float:left; padding:4px; margin:4px; border:1px solid #ccc; width:117px; text-align:center; font-weight:bold; color:#999; font-size:11px; font-family:"돋움";}
#useinfo .usewrap .usebox A { font-weight:bold; color:#999; text-decoration:none; font-size:11px; font-family:"돋움";}
#useinfo .usewrap .usebox A:hover { font-weight:bold; color:#e48b2e; text-decoration:none; font-size:11px; font-family:"돋움";}





/* SIDE MENU   */

#side {
	width:93px;
	float:right;
	position:relative;
	z-index:2;
	top:180px;
	left: -3px;
}

#side TABLE.today { margin-top:10px; width:93px;}
#side TABLE.today IMG {padding:4px 0;}
#side TABLE.today TR TH {text-align:center; padding-left:10px;}
#side TABLE.today TR TD {text-align:right;}

#side TABLE.top { margin-top:50px; width:93px;}
#side TABLE.top TR TD {text-align:center; padding-left:10px}




#footer {width:100%; clear:both; background:url(../Store_img/footer_bgline.gif) repeat-x ; padding-top:30px; margin-top:40px;}
#footer .footcont {width:1000px; margin:0 auto; text-decoration:none;}
#footer A { text-align:center; font-size:11px; padding-top:10px; text-decoration:none; color:#888; }

