/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/*가운데정렬*/
#ssamWrapNew{position:relative;;}
#ssamWrapNew .bodyWrap{width:1024px; margin:20px auto;  text-align:left !important;}
#ssamWrapNew #mainMenu{position:absolute;left:50%; margin-left:-485px;}
#ssamWrapNew .quickmenu{left:1450px; margin-right:880px  !important; }
/*#header{width:970px; margin:0 auto;}
#footer{width:970px; margin:0 auto;}*/
.familySiteNew{margin:0 auto !important;}
#divBody{width:970px; margin:0 auto;}
#divBodyMap{width:970px; margin:0 auto}
.gnbCenter{ position:absolute; left:50%!important; margin-left:-485px!important; text-align:left!important}
#SkyD1{ border-image: none; left: 50%!important; margin-left:475px!important; top: 933px; visibility: visible; position: absolute;}
.quickmenu{left: 50%!important; margin-left:495px!important;}
.body_box{ margin-left:39px!important}

html, body {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif;}


.browserWarning { color: #FFF; text-align: center; background: #000; border-left: 30px solid red; border-right: 30px solid red; line-height: 40px; font-weight: bold; font-style: italic;}

.widthContainer {width: 1024px; margin: 0 auto; position: relative;}
section {min-height: 500px; background: #FFF; border-bottom: 1px solid #dadce1; padding-bottom: 20px;}
.section {min-height: 500px; background: #FFF; border-bottom: 1px solid #dadce1; padding-bottom: 20px;}
.footer {border-top: 1px solid #f1f1f3; min-height: 400px;}
.inputWrapper {border: 1px solid #dbdbdb; line-height: 25px; height: 25px; padding: 0 9px;}
.inputWrapper > input {padding: 0; margin: 0; border: none; font-size: 12px; line-height:220%; width: 100%; position: relative; height:25px;}
.ie8 .inputWrapper > input {top:-2px;}
.pageHistory {font-size: 11px; color: #999; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; text-align: right;}
.pageHistory img {vertical-align: text-top; line-height: 11px;}
.pageHistory span {padding: 0px 5px;}


/* TopNav */
#topNav {background: #fcfcfc; border-bottom: 1px solid #f7f7f7; height: 30px;}
#kgpassoneLogo {position: absolute; top:5px; left: 0;}
#topNav ul {position: absolute; top:6px; right: 0;}
#topNav ul li {float: left;}
#topNav ul li a {font-size: 11px; color: #606060; padding: 0 7px; border-right: 1px solid #ececec;}
.bkCount {color: #fc5207;}
/* TopMiddle */
#topM {background: #FFF; border-bottom: 1px solid #f7f7f7; height: 79px; position:relative}
#ssamplusLogo {position: absolute; top:29px; left:410px; padding:0; margin:0; text-align:center; }
#ssamplusLogo a{ font-size:26px; color:#009841; text-decoration:none;height:27px;}
#ssamplusLogo a span{vertical-align:bottom; margin-top:0;}

/* TopMenuNav */
#topMenuNav {background: #fff; border-bottom: 1px solid #d1d8e4; height: 48px; position: relative;}
#topMenuNav a{ text-decoration:none;}
#headerMenu {margin: 0; }
#headerMenu li {float: left; position: relative;}
#headerMenu01 > a {background: url(/images/main2017/gnb/header_menu_01.gif) no-repeat center center; width: 155px;}
#headerMenu02 > a {background: url(/images/main2017/gnb/header_menu_07.gif) no-repeat center center; width: 202px;}
#headerMenu03 > a {background: url(/images/main2017/gnb/header_menu_03.gif) no-repeat center center; width: 151px;}
#headerMenu04 > a {background: url(/images/main2017/gnb/header_menu_08.gif) no-repeat center center; width: 188px;} 
#headerMenu05 > a {background: url(/images/main2017/gnb/header_menu_05.gif) no-repeat center center; width: 152px;}
#headerMenu06 > a {background: url(/images/main2017/gnb/header_menu_06.gif) no-repeat center center; width: 160px;}
#headerMenu > li > a {height: 48px; display: block;}
#headerMenu2 {background: #464a5e; height: 50px; position: absolute; top:-1px; right: 0; width: 165px; text-align: center;}
#headerMenu2 h4 {font-size: 11px; color: #a5a9bf; text-align: center; padding: 6px 0 3px 0; margin: 0; font-weight: normal;}
#headerMenu2 h4 a{ font-size:11px;border-right:none;}
#headerMenu2 a {padding: 0px 21px; font-size: 14px; color: #FFF; border-right: 1px solid #616683; }
#headerMenu2 a:hover {text-shadow: 0px 0px 2px #F0f0f0;}

/*TopMenuNav Sub Layer*/
#headerMenu01_Sub { width: 1020px; height: 446px; border: 2px solid #424242; position: absolute; z-index: 100; left:0; display: none; background:#fff;}
#headerMenu02_Sub { width: 1020px; height: 446px; border: 2px solid #424242; position: absolute; z-index: 100; left:-155px; display: none; background:#fff;}
#headerMenu03_Sub { width: 1020px; height: 446px; border: 2px solid #424242; position: absolute; z-index: 100; left:-296px; display: none; background:#fff;}
/*#headerMenu01_Sub .tabs {width: 35px;}
#headerMenu01_Sub .tabs > li {}
#headerMenu01_Sub .tabs > li > a {width: 35px; display: block; background: #000; height: 100%; cursor: pointer;}
#headerMenu01_Sub > .tabs .tab1_Btn > a {background: url(/images/main2017/gnb/headerMenuSubTab01.gif) no-repeat; height: 107px;}
#headerMenu01_Sub > .tabs .tab2_Btn > a {background: url(/images/main2017/gnb/headerMenuSubTab02.gif) no-repeat; height: 107px;}
#headerMenu01_Sub > .tabs .tab3_Btn > a {background: url(/images/main2017/gnb/headerMenuSubTab03.gif) no-repeat; height: 106px;}
#headerMenu01_Sub > .tabs .tab4_Btn > a {background: url(/images/main2017/gnb/headerMenuSubTab04.gif) no-repeat; height: 106px;}
#headerMenu01_Sub > .tabs .tab1_Btn > a.active {background: url(/images/main2017/gnb/headerMenuSubTab01_active.gif) no-repeat;}
#headerMenu01_Sub > .tabs .tab2_Btn > a.active {background: url(/images/main2017/gnb/headerMenuSubTab02_active.gif) no-repeat;}
#headerMenu01_Sub > .tabs .tab3_Btn > a.active {background: url(/images/main2017/gnb/headerMenuSubTab03_active.gif) no-repeat;}
#headerMenu01_Sub > .tabs .tab4_Btn > a.active {background: url(/images/main2017/gnb/headerMenuSubTab04_active.gif) no-repeat;}*/
#headerMenu01_Sub > .tab_container {width:1020px; height: 446px; overflow: hidden; background: #FFF;}
#headerMenu02_Sub > .tab_container {width:1020px; height: 446px; overflow: hidden; background: #FFF;}
#headerMenu03_Sub > .tab_container {width:1020px; height: 446px; overflow: hidden; background: #FFF;}

.sub_menu_list {border-right: 1px solid #e1e1e1; height: 100%; float: left;}
.sub_menu_list > h3, .sub_menu_list > .col > h3 { font-size: 12px; margin: 0; padding: 0; line-height: 28px; text-align: center; font-weight: bold;}
.sub_menu_list > h3 a, .sub_menu_list > .col > h3 a{ color:#000!important}
.sub_menu_list > .col {border-right: 1px solid #e1e1e1; float: left; height: 100%;}
.sub_menu_list > ul, .sub_menu_list > .col > ul {margin: 0; padding: 7px 12px 5px 7px; display: block; }
.sub_menu_list > ul > li, .sub_menu_list > .col > ul > li {float: none !important; display: block !important; line-height:1.4em;  width:100%; position:relative}
.sub_menu_list > ul > li.title, .sub_menu_list > .col > ul > li.title {font-size: 12px;}
.sub_menu_list > ul > li.title a, .sub_menu_list > .col > ul > li.title a{ color:#000}
.sub_menu_list > ul > li, .sub_menu_list > .col > ul > li{font-size: 12px; color: #777777;}
.sub_menu_list > ul > li > a, .sub_menu_list > .col > ul > li > a {font-size: 12px; color: #777777;}
.sub_menu_list > ul > li > a:hover, .sub_menu_list > .col > ul > li > a:hover {font-weight: bold; color: #333;}
/*.sub_menu_list .campus_seoul{ background:url(/images/main2017/gnb/ico_blue_1.png) no-repeat center top; display:inline-block; width:31px; height:14px; text-align:center ; margin:0 1px 0 3px; font-size:11px!important; line-height:1}
.sub_menu_list .campus_seoul a{ color:#fff!important; display:block; font-size:11px!important}
.sub_menu_list .campus_daegu{ background:url(/images/main2017/gnb/ico_blue_2.png) no-repeat center top; display:inline-block; width:31px; height:14px; text-align:center ; margin:0 1px; font-size:11px!important;line-height:1}
.sub_menu_list .campus_daegu a{ color:#fff!important; display:block; font-size:11px!important}
.icoCampus{ position:absolute; right:30px; bottom:20px; width:118px;}
.icoCampus ul li {display:block; font-size:12px; color:#333333; width:115px; text-align:right;}
.icoCampus ul li .campus_seoul{ background:url(/images/main2017/gnb/ico_blue_1.png) no-repeat center top; display:inline-block; width:31px; height:14px; text-align:center ; margin:0; font-size:11px!important; line-height:1; color:#fff; margin-right:3px}
.icoCampus ul li .campus_daegu{ background:url(/images/main2017/gnb/ico_blue_2.png) no-repeat center top; display:inline-block; width:31px; height:14px; text-align:center ; margin:0; font-size:11px!important;line-height:1; color:#fff; margin-right:3px}
*/

.sub_menu_list .proName{  display:inline-block; width:auto}
.sub_menu_list .icoArea{  display:inline-block; width:auto}

.sub_menu_list .campus_seoul{background:url(/images/main2017/gnb/ico_class_1.jpg) no-repeat center top; display:inline-block; width:26px; height:14px; text-align:center ; margin:0 1px 0 3px; font-size:11px!important; line-height:1;text-indent:-11111px}
.sub_menu_list .campus_seoul a{ color:#fff!important; display:block; font-size:11px!important; text-indent:-11111px; } 
.sub_menu_list .campus_daegu{background:url(/images/main2017/gnb/ico_class_2.jpg) no-repeat center top; display:inline-block; width:26px; height:14px; text-align:center ; margin:0 1px; font-size:11px!important;line-height:1;text-indent:-11111px}
.sub_menu_list .campus_daegu a{ color:#fff!important; display:block; font-size:11px!important; text-indent:-11111px}
.sub_menu_list .gnbBtnWrap{ display:block;/* float:right; vertical-align:middle; height:14px; margin-bottom:-8px*/ position:absolute; right:0; bottom:0}

.icoCampus{ position:absolute; right:22px; bottom:20px; width:118px; }
.icoCampus ul li {display:block; font-size:12px; color:#333333; width:115px; text-align:right;margin-bottom:5px}
.icoCampus ul li .campus_seoul{ background:url(/images/main2017/gnb/ico_class_1.jpg) no-repeat center top; display:inline-block; width:26px; height:14px; text-align:center ; margin:0; font-size:11px!important; line-height:1; color:#fff; margin-right:5px;text-indent:-11111px}
.icoCampus ul li .campus_daegu{ background:url(/images/main2017/gnb/ico_class_2.jpg) no-repeat center top; display:inline-block; width:26px; height:14px; text-align:center ; margin:0; font-size:11px!important;line-height:1; color:#fff; margin-right:5px;text-indent:-11111px}



#tab1_Box {height: 446px;}
#tab1_Box > .sub_menu_list > h3, #tab1_Box > .sub_menu_list > .col > h3 {background: #f2f4f7;}
#tab1_Box > .sub_menu_list > ul > li.title, #tab1_Box > .sub_menu_list > .col > ul > li.title {color: #000; padding-left:0!important}

#tab2_Box {height: 446px;}
#tab2_Box > .sub_menu_list > h3, #tab2_Box > .sub_menu_list > .col > h3 {background: #f2fcf3;}
#tab2_Box > .sub_menu_list > ul > li.title, #tab2_Box > .sub_menu_list > .col > ul > li.title {color: #0ca451; padding-left:0!important}

#tab3_Box {height: 446px;}
#tab3_Box > .sub_menu_list > h3, #tab3_Box > .sub_menu_list > .col > h3 {background: #ecf3fc;}
#tab3_Box > .sub_menu_list > ul > li.title, #tab3_Box > .sub_menu_list > .col > ul > li.title {color: #537bd7; padding-left:0!important}

#tab4_Box {height: 446px;}
#tab4_Box > .sub_menu_list > h3, #tab4_Box > .sub_menu_list > .col > h3 {background: #e6ebf7;}
#tab4_Box > .sub_menu_list > ul > li.title, #tab4_Box > .sub_menu_list > .col > ul > li.title {color: #537bd7; padding-left:0!important}

.headerSubMenuContainer { border-bottom: 1px solid #35363d; padding: 15px 0; width: 100%; position: absolute; top:49px; background: #FFF; left: 0;}
.headerSubMenuBox {height: 188px;}
.headerSubMenuBox > div > h2 {padding: 6px 14px; margin: 0; font-size: 28px!important; font-weight: normal; color: #333;}
.headerSubMenuBox > div > h3 {padding: 5px 16px; margin: 0; font-size: 14px; color: #383838; margin-bottom: 4px;}
.headerSubMenuBox > div > h3 > a {color: #383838;}
.headerSubMenuBox > div > h3 > a:hover {color: #2d9539; font-weight: bold;}
.headerSubMenuBox > div > ul {margin: 0; padding: 0 18px;}
.headerSubMenuBox > div > ul > li {margin-bottom: 4px; line-height: 130%;}
.headerSubMenuBox > div > ul > li > a {font-size: 13px; color: #666;line-height: 130%;}
.headerSubMenuBox > div > ul > li > a:hover {color: #2d9539; font-weight: bold;}

#headerMenu01_Sub {z-index: 150; display: none;}
#headerMenu02_Sub {z-index: 150; display: none;}
#headerMenu03_Sub {z-index: 151; display: none;}
#headerMenu04_Sub {z-index: 152; display: none;}
#headerMenu05_Sub {z-index: 153; display: none;}
#headerMenu06_Sub {z-index: 154; display: none;}
#headerMenu07_Sub {z-index: 155; display: none;}



/* Header Scroll Box */
.scroll-img {width: 157px; height: 50px; overflow: hidden; font-size: 0;}
.scroll-img ul {width: 700px; height: 600px; margin: 0;}
.scroll-img ul li {display: inline-block; margin: 0px 0px 0px 0px;}
#headerScroll {position: absolute; top:14px; left: 0;}
#headerScroll-btn {position: absolute; top:43px; left: 164px;}
#headerScroll-btn > .btn {border: none; height: 16px; display: inline-block; float: left;}
#headerScroll-backward {width: 16px; background: url(/images/main2017/gnb/header_Scroll_icon_left.gif) no-repeat;}
#headerScroll-forward {width: 15px; background: url(/images/main2017/gnb/header_Scroll_icon_right.gif) no-repeat;}


/* Header Sup Menu */
#headerSupMenu {display: inline-block; list-style: none; margin: 0; padding: 0; position: absolute; top:36px; right: 0;font-family:dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
#headerSupMenu > li {float: left;}
#headerSupMenu > li > a {font-size: 11px; color: #606060; padding: 0 7px; border-right: 1px solid #ececec;}
#headerSupMenu > .todayUp {position: relative;}
#headerSupMenu > .todayUp > .todayUp_Num {width: 100%; position: absolute; top: -20px;}
#headerSupMenu > .todayUp > .todayUp_Num > .number {text-align: center; margin: 0; padding: 0; line-height: 1; font-weight: bold;}
#headerSupMenu > .todayUp > .todayUp_Num > .number span {background: #231f20; padding: 1px 8px; border-radius: 10px; color: #FFF; font-size: 10px; line-height: 14px;}
#headerSupMenu > .todayUp > .todayUp_Num > .bottomIcon {background: url(/images/main2017/todayUp_bottom_icon.gif) no-repeat center; height: 4px;}


/* Footer Style */
.footNav {height: 154px; border-bottom: 1px solid #dadce1; position: relative;}
/*.footNav > .footer_Logo_Heeso {width: 67px; height: 57px; position: absolute; top:37px; left: 22px; background: url(/images/main2017/footer_logo_heeso.gif) no-repeat;}*/
.footNav > .menuContainer {padding: 41px 0px 0px 45px;}
.footNav > .menuContainer > h5 {display: inline-block; font-size: 12px; color: #666666; margin: 0; padding: 1px 0px; float: left; line-height: 1.5; vertical-align:top}
.footNav > .menuContainer > ul {margin: 0; padding: 0; list-style: none; float: left;}
.footNav > .menuContainer > ul > li {line-height: 1.5;}
.footNav > .menuContainer > ul > li > a {font-size: 12px; color: #999999; padding: 0 !important; margin: 0 !important;}
.footNav > .menuContainer > ul > li > a:hover {color: #2d9539; font-weight: bold;}
.footerCopy {position: relative;}
.footerCopy > .footer_Logo_Kgpassone {width: 103px; height: 52px; position: absolute; top:50px; left: 20px; background: url(/images/main2017/footer_logo_kgpaasone_v2.gif) no-repeat;}
.footerCopy > .copyContainer {padding: 30px 0px 0px 165px;}
.footerCopy > .copyContainer > ul {list-style: none; margin: 0; padding: 0;}
.footerCopy > .copyContainer > ul > li {float: left;}
.footerCopy > .copyContainer > ul > li:after{content:''; display: inline-block; width: 1px; height: 10px; background-color:#c2c2c2;}
.footerCopy > .copyContainer > ul > li:last-child:after{display:none;}
.footerCopy > .copyContainer > ul > li > a {font-size: 13px; padding: 0 15px; color: #666;}
.footerCopy > .copyContainer > ul > li > a:hover {color: #2d9539; font-weight: bold;}

.footerCopy > .copyContainer > p {color: #a1a1a1; font-size: 12px; line-height: 190%; letter-spacing: -0.5px;}
.footerCopy > .copyContainer > p > span:after{content:''; display: inline-block; width: 1px; height: 10px; background-color:#c2c2c2; margin: 0px 10px;}
.footerCopy > .confirm {width:153px; height: 94px; background: url(/images/main2017/footer_img_v3.png) no-repeat; position: absolute; top:98px; right: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.footNav > .menuContainer {padding: 35px 0px 0px 45px;}
.footNav > .menuContainer > ul > li {line-height: 100%!important;}

}


/* Home Section Style */


#homeSection {background: #f2f4f7;}
#regSection {background: #f2f4f7;}
#homeSection_01 {}
#homeSection_02 {}
#homeSection_03 {}
#homeSection_04 {}
#homeSection_05 {}

/* Request Section Style */
#requestSection_01 {background: #e9e9e9;}


/* Page Section Style */
#requestTop {float: right; width: 785px; position: relative; height: 349px;}
#pageSection {float: right; width: 785px; position: relative; background: #FFF; padding-bottom: 50px;}
#leftPageSection {float: left; width: 230px; position: relative; background: #FFF;}
.subPage #leftPageSection {width: 217px;}
.requestPage #leftPageSection {width: 217px;}

/* Login Style */
.subPage #loginBox {float: none; padding: 20px 15px 0px 15px;}
.requestPage #loginBox {padding: 20px 15px 0px 15px; border-top: none;}


#loginBox {float: left; border: 1px solid #dee3eb; width: 230px; height: 270px; background: #FFF; position: relative;display: block; box-sizing:border-box; }
#loginBox .logininner{padding: 15px 20px 0 20px; display: block; box-sizing:border-box;width:100%; text-align:left;}
#loginBox .logininner *{text-align:left;  font-family: dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
#loginBox .line {position: relative;}
#loginBox .line h3 {margin: 0; padding: 0; font-size: 12px; color: #383838; font-weight: bold; display: inline-block; padding-left: 3px; text-align:left;}
#loginBox .line .idSaveChk {display: inline-block; position: absolute; top:3px; right: -2px; font-size: 11px; padding-right: 3px; color:#727272}
#loginBox .line .idSaveChk span{display: inline-block; vertical-align:middle; margin-top:2px;}
#loginBox .line .idSaveChk input{display: inline-block; vertical-align:middle; border:1px solid #b0aeae; margin-top:-2px;}
#homeLoginBtn {line-height: 53px; height: 53px; border: 1px solid #393d4e; background: #464a5e; font-size: 12px; width: 62px; position: absolute; top:0; right: 0; color: #FFF; font-weight: bold; text-align:center!important;}
#homeLoginBtn:hover {background: #52566D;}
#userNeed {display:block;}
#userNeed > a {font-size: 11px; color: #888888; letter-spacing:-1px}
#userNeed > a:hover { color: #444;}
#userNeed > span {font-size: 10px; color: #888888;}
#userNeed2 > ul {list-style: none; padding: 0; margin: 0; border: 1px solid #dbdbdb; display: block; background:#f6f6f6;}
#userNeed2 > ul > li {float: left; border-right: 1px solid #dbdbdb; width:92px; background:#f6f6f6; text-align:center!important}
#userNeed2 > ul > li > a {width:100%; height: 25px; line-height: 29px;  text-align:center!important; font-size: 12px; color: #494949; background: #f6f6f6; display: block;}
#userNeed2 > ul > li > a:hover {background: #f0f0f0; text-decoration:none}
.loginBnrSection{ display:block; margin:0; padding:0; position:absolute; bottom:0; left:0}
.lecProName a{ font-size:12px;}

.subPage #loginBoxAft {float: none; padding: 20px 15px 0px 15px;}
.requestPage #loginBoxAft {padding: 20px 15px 0px 15px; border-top: none;}
/*#loginBoxAft {float: left; border: 1px solid #dee3eb; width: 230px; height: 270px; background: #FFF; position: relative;display: block; box-sizing:border-box}
#loginBoxAft .logininner{padding: 15px 20px 0 20px; display: block; box-sizing:border-box; width:100%; text-align:left;}
#loginBoxAft .logininner *{text-align:left; font-family: dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
#loginBoxAft .line {position: relative;}
#loginBoxAft .line h3 {margin: 0; padding: 0; font-size: 12px; color: #383838; font-weight: bold; display: inline-block; padding-left: 3px; line-height: 21px; height:21px}
#loginBoxAft .line h3 span {font-size: 11px; color: #adadaf; font-weight: normal; padding-left: 12px; line-height: 21px; background: url(/images/main2017/myInfoIcon.jpg) no-repeat left -4px; margin-left: 10px; }
#loginBoxAft .line h3 span a {font-size: 11px; color: #adadaf !important;}
#loginBoxAft .line h4 {font-size: 14px; line-height: 27px; padding:0; margin: 0; height:27px;}
#loginBoxAft .line h4 img{ margin:-2px 4px 0 ; display:inline-block; vertical-align:middle}
#loginBoxAft .line h4 a{ display:block; width:100%; color:#383838;}
#loginBoxAft .line h4 a:hover{ text-decoration:none;}
#logoutBtn {border: 1px solid #dbdbdb; background: #ffffff; font-size: 12px; color: #b1b1b3 !important; position: absolute; padding: 5px; right: 0; top:-1px; line-height: 1; height:20px; box-sizing:border-box}
#userNeed3 > ul {list-style: none; padding: 0; margin: 0; border: 1px solid #027733; display: block;background: #00993f;}
#userNeed3 > ul > li {float: left; border-right: 1px solid #027733;width:92px; text-align:center!important; }
#userNeed3 > ul > li > a {width:100%; height: 25px; line-height:28px!important; text-align: center!important; font-size: 12px; color: #FFF !important; background: #00993f; display: block;}
#userNeed3 > ul > li > a:hover {color: #efe586 !important; text-decoration:none}
*/
#loginBoxAft {float: left; border: 1px solid #dee3eb; width: 230px; height: 270px; background: #FFF; position: relative;display: block; box-sizing:border-box; overflow:hidden}
#loginBoxAft .setBtn{ position:absolute; right:0; top:4px}
#loginBoxAft .logininner{padding: 13px 20px 0 20px; display: block; box-sizing:border-box; width:100%; text-align:left;}
#loginBoxAft .logininner *{text-align:left; font-family: dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
#loginBoxAft .userHead{ height:20px}
#loginBoxAft .line {position: relative;}
#loginBoxAft .line h3 {margin: 0; padding: 0; font-size: 12px; color: #383838; font-weight: normal; display: inline-block; padding-left: 3px; line-height: 21px; height:21px}
#loginBoxAft .line h3 span {font-size: 11px; color: #adadaf; font-weight: normal; padding-left: 12px; line-height: 22px; background: url(/images/main2017/myInfoIcon.jpg) no-repeat left -4px; margin-left: 7px;}
#loginBoxAft .line h3 span a {font-size: 11px; color: #adadaf !important;}
#loginBoxAft .line h4 {font-size: 14px; line-height: 27px; padding:0; margin: 0; height:27px;}
#loginBoxAft .line h4 img{ margin:-2px 4px 0 ; display:inline-block; vertical-align:middle}
#loginBoxAft .line h4 a{ display:block; width:100%; color:#383838;}
#loginBoxAft .line h4 a:hover{ text-decoration:none;}
#logoutBtn {border: 1px solid #dbdbdb; background: #ffffff; font-size: 11px; color: #b1b1b3 !important; position: absolute; padding: 2px; right: 0; top:-1px; line-height: 21px; height:21px; box-sizing:border-box}
/*로그인영역 스타일 수정*/
.couponWrapLi{margin-top:-3px;}.couponWrap
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.couponWrapLi{margin-top:0px;}
	.couponWrap{padding:0 5px 0 5px;}
}
#loginBoxAft .logininner{padding:13px 15px 0;}
#userStatus ul li{background:url(/images/main2017/login_bar.gif) no-repeat right center;}
.couponWrap{background:#000; color:#fff; display:inline-block; margin-top:0; padding:3px 5px 0 5px; border-radius:8px; line-height:15px;}
.couponWrap>span{border-left:1px solid #ccc; padding:0 10px 0 3px;}
.couponWrapLi{margin-top:0;}

#userNeed3 > ul {list-style: none; padding: 0; margin: 0; border: 1px solid #027733; display: block;background: #00993f;}
#userNeed3 > ul > li {float: left; border-right: 1px solid #027733;width:92px; text-align:center!important; }
#userNeed3 > ul > li > a {width:100%; height: 22px; line-height:26px!important; text-align: center!important; font-size: 12px; color: #FFF !important; background: #00993f; display: block;}
#userNeed3 > ul > li > a:hover {color: #efe586 !important; text-decoration:none}
#userStatus ul {list-style: none; padding: 0; margin: 0; display: block;}
#userStatus ul li{ float:left;background:url(/images/main2017/login_bar.gif) no-repeat right 0; padding:0 6px;} 
#userStatus ul li.coupon{}
#userStatus ul li:last-child{ background:none;}
#userStatus ul li.coupon span{ display:inline-block; width:22px; height:12px; color:#fff; font-size:11px;background:url(/images/main2017/ico_dot.gif) no-repeat center top; text-align:center; vertical-align:middle; line-height:16px; margin-top:-2px}
#userStatus ul li a{font-size:11px; color:#666;}

#myLeanAco {border: 1px solid #333333; color: #333; cursor: pointer; background: #FFF url(/images/main2017/myInfoIcon3.jpg) no-repeat right center; line-height: 28px; height: 28px; padding-left: 12px; font-size: 12px; font-weight: bold;}
#myLeanList {border: 1px solid #333333; border-top: none; padding: 10px 12px; background: #FFF; max-height: 80px; overflow-y: auto; position:absolute; left:0; top:30px; width:188px; box-sizing:border-box}
#myLeanList ul {list-style: none; margin: 0; padding: 0;}
#myLeanList ul li {margin-bottom: 3px;}
#myLeanList ul li a {font-size: 12px; color: #666 !important;}
#myLeanList ul li a:hover {font-weight: bold; color: #333 !important;}


div#lecSelect {position: relative;border: 1px solid #333333; color: #333; cursor: pointer; background: #FFF url(/images/main2017/myInfoIcon3.jpg) no-repeat right center; line-height: 22px; height: 20px; padding-left: 12px; font-size: 11px;}
div#lecSelect label {position: absolute;font-size: 11px;color: #333;top: 0px;left: 12px;letter-spacing: 1px;}
div#lecSelect select#lecClass {width:190px ;height: 20px;min-height: 20px;line-height: 20px;/*padding: 0 10px;*/opacity: 0;filter: alpha(opacity=0); margin-left:-14px;}

div#proSelect {position: relative;border: 1px solid #333333; color: #333; cursor: pointer; background: #FFF url(/images/main2017/myInfoIcon3.jpg) no-repeat right center; line-height: 22px; height: 20px; padding-left: 12px; font-size: 11px; display:none!important}
div#proSelect label {position: absolute;font-size: 11px;color: #333;top: 0px;left: 12px;letter-spacing: 1px;}
div#proSelect select#pro {width:190px ;height: 20px;min-height: 20px;line-height: 20px;/*padding: 0 10px;*/opacity: 0;filter: alpha(opacity=0); margin-left:-14px;}



/* Slide Category Style */
#slideCategory {float: left; width: 600px; height: 270px; overflow: hidden; position: relative; background: #FFF; margin-left:14px}
#slideCategory .slideImageList > ul {list-style: none; margin: 0; padding: 0; font-size: 0;}
#slideCategory .slideImageList > ul li {position: absolute; top:0; left: 0;}
#slideCategory .slideImageList > ul li a img{ width:600px; height:270px;}
#slideCategory .slideBtn {position: absolute; top:132px; border: none; background: none;}
#slideCategory .slideLeftBtn {left: 15px;}
#slideCategory .slideRightBtn {right: 15px;}
#slideCategory > .slideTextList {margin: 0; padding: 0; list-style: none; width: 100%; position: absolute; bottom: 0; left: 0;}
#slideCategory > .slideTextList > li { float: left; position: relative; background: url(/images/main2017/ie8black50.png);}
#slideCategory > .slideTextList > li > a {width: 119px; text-align: center; display: block; height: 35px; line-height: 35px; font-size: 12px; color: #FFF; border-right: 1px solid #939dac; letter-spacing:-1px}
#slideCategory > .slideTextList > li > .slideTextBtn {position: absolute; bottom:10px; border: none; background: none;}
#slideCategory > .slideTextList > li > .slideTextBtnLeft {left: -2px;}
#slideCategory > .slideTextList > li > .slideTextBtnRight {right:-2px;}
#slideCategory > .slideTextList > li > div {position: absolute; bottom: 35px; background:url(/images/main2017/ie8black50.png); width: 100%; padding: 15px 0px 12px; max-height: 97px; overflow: hidden;}
#slideCategory > .slideTextList > li > div > ul {list-style: none; padding: 0; margin: 0; }
#slideCategory > .slideTextList > li > div > ul > li {padding: 0px 14px 0px 14px;}
#slideCategory > .slideTextList > li > div > ul >li > a {display: block; font-size: 12px; color: #FFF; line-height: 20px; font-weight: normal;width: 75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-1px}
.ie8 #slideCategory > .slideTextList > li > a {border-right: 1px solid #888;}

/*메인배너 우측 소배너*/

#rightBnrSection{float:left; width:165px; height: 270px; overflow: hidden; position: relative; background: #FFF; margin-left:15px}
#rightBnrSection a{ display:block; width:100%;}

/* Banner01 Slide Style */
#banner01 {float: left; width: 230px; position: relative; height: 125px;}
#banner01 ul {overflow: hidden; height: 125px; padding: 0; margin: 0;}
#banner01 ul li {list-style: none; width: 230px;}
#banner01 ul li img {float: left;}
.miniBanner .prev {display: none;}
.miniBanner .next {display: none;}
.miniBanner a:active {top: 102px;}
.bx_pager {position: absolute; bottom: 15px; left: 50%; margin-left: -15px;}
.bx_pager a {float: left; background: url(/images/main2017/miniSlidePaper.png) no-repeat 0 0; width: 10px; height: 10px; font-size: 0; margin-right: 6px; padding: 0; overflow: hidden;}
.bx_pager a:hover, .bx_pager a.active {background-position: 0 -10px; text-decoration: none;}
.auto_controls {position: absolute; bottom: 15px; right: 50%; margin-right: 21px; }
.auto_controls a {font-size: 0; outline: 0; padding: 0; width: 10px; height: 10px; background: url(/images/main2017/mimiSlideStop.png) no-repeat; display: block;}
.auto_controls a.active {background: url(/images/main2017/mimiSlidePlay.png) no-repeat;}
.auto_controls a:hover {text-decoration: none; color: #000;}

/* Banner02 Scroll Box */
#banner02 {float: right; width: 780px; height: 125px; background: #000; position: relative;}
.scroll-banner {width: 778px; height: 123px; overflow: hidden; border: 1px solid #dee3eb; background: #FFF;}
.scroll-banner ul {width:9999px; margin: 0; list-style: none; margin: 0; padding: 0;}
.scroll-banner ul li {display: inline-block; margin: 0px 0px 0px 0px; width:259px; height: 123px; border-right: 1px solid #dee3eb; overflow: hidden; position: relative;}
#indexBanner {position: relative;}
#banner02 > .btn {position: absolute; top:50px; border: none; height: 23px; width: 20px; display: inline-block;}
#indexBanner-backward {background: url(/images/main2017/indexBannerIcon_Left.png) no-repeat; left: 1px;}
#indexBanner-forward {background: url(/images/main2017/indexBannerIcon_Right.png) no-repeat; right: 1px;}
#indexBanner-backward:hover {background: url(/images/main2017/indexBannerIcon_Left_hover.png) no-repeat; left: 1px;}
#indexBanner-forward:hover {background: url(/images/main2017/indexBannerIcon_Right_hover.png) no-repeat; right: 1px;}
.indexBannerCont {padding: 10px 27px;}
.indexBannerCont > a {font-size: 15px; padding: 14px 0 10px 0; margin: 0; color: #333; display: inline-block; font-weight: bold;}
.indexBannerCont > p {font-size: 12px; padding: 0; margin: 0;}
.indexBannerCont > div {display: table; width: 50px; height: 50px; position: absolute; bottom: 15px; right: 15px;}
.indexBannerCont > div > span {display: table-cell; width: 50px; height: 50px; text-align: center; vertical-align: middle; font-size: 14px; color: #FFF; }
.indexBannerCont > div.blueC {background: url(/images/main2017/indexBanner_BlueC.png) no-repeat;}
.indexBannerCont > div.greenC {background: url(/images/main2017/indexBanner_GreenC.png) no-repeat;}


/* Notice Tab Style */
#noticeTabWrapper {border: 1px solid #dee3eb; height: 293px; background: #FFF;}
.noticeTabs {list-style: none; padding: 0; margin: 0; display: block;}
.noticeTabs li {border-bottom: 1px solid #dee3eb; border-right: 1px solid #dee3eb; float: left; width: 204px; height: 42px; line-height: 42px; background: #f8f8f9; padding: 0px 25px; position: relative; font-size: 16px; cursor: pointer; color: #777;}
.noticeTabs li.active {background: #FFF; border-bottom: none; line-height: 43px; height: 43px; width: 207px; color: #000; font-weight: bold;}
.noticeTabs li > a {font-size: 0; width: 18px; height: 18px; display: block; background: url(/images/main2017/noticeMoreBtn.gif) no-repeat; position: absolute; top:12px; right: 15px; display: none;}
.noticeTabs li.active > a {display: block;}
.noticeTabContBox {position: relative;}
.noticeTabCont {display: none; padding: 30px 25px;}
.noticeTabCont > ul {padding: 0; margin: 0; width: 710px;}
.noticeTabCont > ul > li {list-style: none; margin-bottom: 13px; line-height: 1; width: 335px; float: left; margin-right: 10px; display:block}
.noticeTabCont > ul > li > a {font-size: 13px; color: #000; padding-left: 12px; background: url(/images/main2017/noticeListPoint.png) no-repeat left 1px; max-width: 265px; height:15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block ;vertical-align:middle;}
.noticeTabCont ul li.point a{ color:#00993f}
.noticeTabCont > ul > li > a:hover {text-decoration: underline;}
.noticeTabCont > ul > li .icoNew{ display:inline-block; vertical-align:middle; margin-left:3px;}
.noticeBanner {position: absolute;}
.noticeBanner01 {top:30px; right: 33px;}
.noticeBanner02 {top:130px; right: 33px;}


/* SNS Event Tab */
#snsEventWrapper {height: 298px; border: 1px solid #dee3eb; background: #FFF;}
#eventWrap {float: left; width: 511px; height: 298px; border-right: 1px solid #dee3eb; position: relative;}
#sns01Wrap, #sns02Wrap {float: left; height: 298px; position: relative;}
#sns01Wrap {width: 255px; border-right: 1px solid #dee3eb;}
#sns02Wrap {width: 254px;}
.eventMoreBtn {font-size: 0; width: 18px; height: 18px; display: block; background: url(/images/main2017/noticeMoreBtn.gif) no-repeat; position: absolute; top:16px; right: 20px; display: none;}
.snsMoreBtn {font-size: 0; width: 18px; height: 18px; display: block; background: url(/images/main2017/noticeMoreBtn.gif) no-repeat; position: absolute; top:16px; right: 20px;}
#eventTabs {padding: 0 5px; margin: 0; display: block; height: 54px; line-height: 54px;}
#eventTabs li {list-style: none; float: left;}
#eventTabs li > a {font-size: 14px; padding:0 15px;  cursor: pointer; color: #666666;}
#eventTabs li > a.active {color: #000; font-weight: bold;}

#eventTabs li:after{content:''; display: inline-block; width: 1px; height: 11px; background:#e8e8e8;}
#eventTabs li:last-child:after{display: none;}

.eventTab {padding: 0 25px; display: none;}
.eventTab > ul {padding: 0; margin: 0;}
.eventTab > ul > li {list-style: none; margin-bottom: 22px;}
.eventTab > ul > li > a {display: block; position: relative; padding-left: 170px; height: 60px;}
.eventTab > ul > li > a img {position: absolute; top:0; left: 0;}
.eventTab > ul > li > a h3 {margin: 0 0 8px 0; padding: 4px 0px 0px 0px; font-size: 13px; color: #000;}
.eventTab > ul > li > a p {margin: 0; padding: 0; font-size: 12px; color: #7a7a7a;}

.snsWrapper h2, .interViewWrapper h2 {font-size: 14px; padding: 0 20px; margin: 0; height: 54px; line-height: 54px; font-weight: normal; color: #000; font-weight: bold;}
.snsTabPaper {text-align: center; position: absolute; bottom: 18px; left: 0; width: 100%;}
.snsTabPaper a {width: 12px; height: 12px; font-size: 0; margin: 0; padding: 0; overflow: hidden; background-position: 0 0; display: inline-block!important; cursor: pointer;}
#interviewTabs a {background: url(/images/main2017/snsTabPaper01.png) no-repeat;}
#snsTabs a {background: url(/images/main2017/snsTabPaper01.png) no-repeat!important; margin:0 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0){#snsTabs a {background: url(/images/main2017/snsTabPaper01.png) no-repeat!important; margin:0 3px;}}
.snsTabPaper a.active {background-position: 0 -12px !important; text-decoration: none;}
.interViewWrapper ul, .snsWrapper ul {padding: 0; margin: 0;}

.interviewTabCont{list-style: none; padding: 0px 20px; display: none;}
.snsTabCont {list-style: none; padding: 0px 20px; display: none;box-sizing:border-box}
.snsTabCont a{ font-size:12px; color:#333;}
.snsTabCont dl{ width:100%; margin:0 ; padding:0}
.snsTabCont dl dd,.snsTabCont dl dt{ width:214px/*100%*/; margin:0 ; padding:0;}
.snsTabCont dl dt{ width:100%; margin:0 0 3px 0 ; padding:0;color:#fff; height:27px; padding:6px 0 0 30px; background:#3a5697 url(/images/main2017/bg_sns.gif) no-repeat 10px 6px; box-sizing:border-box; font-size:11px }
/*sns채널*/
.snsTabCont dl dt.facebook{ width:214px!important; margin:0 0 3px 0 ; padding:0;color:#fff; height:27px; padding:6px 0 0 30px; background:url(/images/main2017/sns_facebook.jpg) no-repeat; box-sizing:border-box;}
.snsTabCont dl dt.instagram{ width:214px!important; margin:0 0 3px 0 ; padding:0;color:#fff; height:27px; padding:6px 0 0 30px; background:url(/images/main2017/sns_instagram.jpg) no-repeat; box-sizing:border-box;}
.snsTabCont dl dt.blog{ width:214px!important; margin:0 0 3px 0 ; padding:0;color:#fff; height:27px; padding:6px 0 0 30px; background:url(/images/main2017/sns_blog.jpg) no-repeat; box-sizing:border-box;}
.snsTabCont dl dt.youtube{ width:214px!important; margin:0 0 3px 0 ; padding:0;color:#fff; height:27px; padding:6px 0 0 30px; background:url(/images/main2017/sns_youtube.jpg) no-repeat; box-sizing:border-box;}
.snsTabCont dl dd.img{ margin-bottom:10px; height:130px; overflow:hidden; width:214px;}
.snsTabCont dl dd.img img{ width:214px;}

.videoImgBox {position: relative;}
.videoImgBox > .interViewHover {position: absolute; top:0; left: 0; display: none;}
.interviewTabCont > a > h3 {margin: 0 0 10px 0; padding: 12px 0 7px 0; font-size: 13px; color: #119849; border-bottom: 1px solid #119849; font-weight: normal; font-weight: bold;}
.interviewTabCont > a > p {margin: 0; padding: 0; font-size: 12px; line-height: 1.5; color: #333;}
.interviewTabCont > a:hover > .videoImgBox > .interViewHover {display: block;}

.videoImgBoxPage {position: relative; display: block; width: 250px; height: 147px;}
.videoImgBoxPage img {width: 250px; height: 147px;}
.videoImgBoxPage > .interViewHover {position: absolute; top:0; left: 0; display: none; }
.videoImgBoxPage:hover > .interViewHover {display: block;}

.videoImgBoxPage2 {position: relative; display: block; width: 266px; height: 150px;}
.videoImgBoxPage2 img {width: 266px; height: 150px;}
.videoImgBoxPage2 > .vodViewHover {position: absolute; top:0; left: 0; display: none; }
.videoImgBoxPage2:hover > .vodViewHover {display: block;}

.videoImgBoxPage3 {position: relative; display: block; width: 266px; height: 100px;}
.videoImgBoxPage3 img {width: 266px; height: 100px;}

.videoImgBoxPage4 {position: relative; display: block; width: 264px; height: 127px; border: 1px solid #e4e3e3;}
.videoImgBoxPage4 img {width: 264px; height: 127px;}

/* GUIDE MENU Style */
.guideMenuWrap {}
.guideMenuWrap h2 {font-size: 14px; color: #2b2b2b; margin: 0; padding: 5px 0 10px; font-weight: bold;}
.guideMenuWrap > ul {padding: 0; margin: 0; border: 1px solid #dee3eb; border-top: none; background: #FFF;}
.guideMenuWrap > ul > li {list-style: none; float: left;}
.guideMenuWrap > ul > li > a {display: block; height: 98px; background: #FFF; position: relative;}
.guideMenuWrap > ul > li > a > p {margin: 0; padding: 0; font-size:12px; color: #333; text-align: center; width: 100%; position: absolute; bottom: 15px; }
.guideMenuWrap > ul > li > a > p > span {color: #a9a9a9;}
.guideMenuWrap > ul > li > a > p > span.uplecNum {color: #3a5697; text-decoration: underline;}
#guideMenu01 > ul > li > a > p {color: #333;  font-size:13px; letter-spacing:-1px}
#guideMenu02 > ul > li > a > p {color: #333;  font-size:13px; letter-spacing:-1px}
#guideMenu01 > ul > li > a:hover > p {color: #0ca451; font-weight: bold; font-size:13px;}
#guideMenu02 > ul > li > a:hover > p {color: #3a5697; font-weight: bold; font-size:13px;}

#guideMenu01 {width: 503px; float: left;}
#guideMenu02 {width: 502px; float: right;}
#guideMenu01 h2 {border-bottom: 2px solid #0ca451;}
#guideMenu02 h2 {border-bottom: 2px solid #3a5697;}
#guideMenuBtn1-01 {background: url(/images/main2017/guideMenu_1_01.jpg) no-repeat;}
#guideMenuBtn1-02 {background: url(/images/main2017/guideMenu_1_02.jpg) no-repeat;}
#guideMenuBtn1-03 {background: url(/images/main2017/guideMenu_1_03.jpg) no-repeat;}
#guideMenuBtn1-04 {background: url(/images/main2017/guideMenu_1_04.jpg) no-repeat;}
#guideMenuBtn1-05 {background: url(/images/main2017/guideMenu_1_05.jpg) no-repeat;}
#guideMenuBtn1-06 {background: url(/images/main2017/guideMenu_1_06.jpg) no-repeat;}
#guideMenuBtn1-07 {background: url(/images/main2017/guideMenu_1_07.jpg) no-repeat;}
#guideMenuBtn1-08 {background: url(/images/main2017/guideMenu_1_08.jpg) no-repeat;}
#guideMenuBtn1-09 {background: url(/images/main2017/guideMenu_1_09.jpg) no-repeat;}
#guideMenuBtn1-10 {background: url(/images/main2017/guideMenu_2_04.jpg) no-repeat;}
#guideMenuBtn1-01:hover {background: url(/images/main2017/guideMenuHover_1_01.jpg) no-repeat;}
#guideMenuBtn1-02:hover {background: url(/images/main2017/guideMenuHover_1_02.jpg) no-repeat;}
#guideMenuBtn1-03:hover {background: url(/images/main2017/guideMenuHover_1_03.jpg) no-repeat;}
#guideMenuBtn1-04:hover {background: url(/images/main2017/guideMenuHover_1_04.jpg) no-repeat;}
#guideMenuBtn1-05:hover {background: url(/images/main2017/guideMenuHover_1_05.jpg) no-repeat;}
#guideMenuBtn1-06:hover {background: url(/images/main2017/guideMenuHover_1_06.jpg) no-repeat;}
#guideMenuBtn1-07:hover {background: url(/images/main2017/guideMenuHover_1_07.jpg) no-repeat;}
#guideMenuBtn1-08:hover {background: url(/images/main2017/guideMenuHover_1_08.jpg) no-repeat;}
#guideMenuBtn1-09:hover {background: url(/images/main2017/guideMenuHover_1_09.jpg) no-repeat;}
#guideMenuBtn1-10:hover {background: url(/images/main2017/guideMenuHover_1_10_v2.jpg) no-repeat;}

#guideMenuBtn2-01 {background: url(/images/main2017/guideMenu_2_01.jpg) no-repeat;}
#guideMenuBtn2-02 {background: url(/images/main2017/guideMenu_2_02.jpg) no-repeat;}
#guideMenuBtn2-03 {background: url(/images/main2017/guideMenu_2_03.jpg) no-repeat;}
#guideMenuBtn2-04 {background: url(/images/main2017/guideMenu_2_04.jpg) no-repeat;}
#guideMenuBtn2-05 {background: url(/images/main2017/guideMenu_2_05.jpg) no-repeat;}
#guideMenuBtn2-06 {background: url(/images/main2017/guideMenu_2_06.jpg) no-repeat;}
#guideMenuBtn2-07 {background: url(/images/main2017/guideMenu_2_07.jpg) no-repeat;}
#guideMenuBtn2-08 {background: url(/images/main2017/guideMenu_2_08.jpg) no-repeat;}
#guideMenuBtn2-09 {background: url(/images/main2017/guideMenu_2_09.jpg) no-repeat;}
#guideMenuBtn2-01:hover {background: url(/images/main2017/guideMenuHover_2_01.jpg) no-repeat;}
#guideMenuBtn2-02:hover {background: url(/images/main2017/guideMenuHover_2_02.jpg) no-repeat;}
#guideMenuBtn2-03:hover {background: url(/images/main2017/guideMenuHover_2_03.jpg) no-repeat;}
#guideMenuBtn2-04:hover {background: url(/images/main2017/guideMenuHover_2_04.jpg) no-repeat;}
#guideMenuBtn2-05:hover {background: url(/images/main2017/guideMenuHover_2_05.jpg) no-repeat;}
#guideMenuBtn2-06:hover {background: url(/images/main2017/guideMenuHover_2_06.jpg) no-repeat;}
#guideMenuBtn2-07:hover {background: url(/images/main2017/guideMenuHover_2_07.jpg) no-repeat;}
#guideMenuBtn2-08:hover {background: url(/images/main2017/guideMenuHover_2_08.jpg) no-repeat;}
#guideMenuBtn2-09:hover {background: url(/images/main2017/guideMenuHover_2_09.jpg) no-repeat;}


/* Brand Banner Style */
#banner03 {width: 1024px; height: 393px; background: #000; position: relative;}
.brand-banner {width: 1024px; height: 393px; overflow: hidden; background: #FFF;}
.brand-banner ul {width:99999px; list-style: none; margin: 0; padding: 0;}
.brand-banner ul li {display: inline-block; margin: 0px 0px 0px 0px; width:1024px; height: 393px; overflow: hidden; position: relative; font-size: 0;}
.brand-banner ul li a {font-size: 0;}
#brandBanner {position: relative;}
#banner03 > .btn {position: absolute; top:180px; border: none; height: 41px; width: 27px; display: inline-block;}
#brandBanner-backward {background: url(/images/main2017/brandBannerArrow_left.png) no-repeat; left: 45px;}
#brandBanner-forward {background: url(/images/main2017/brandBannerArrow_right.png) no-repeat; right: 45px;}
#brandBanner-backward:hover {background: url(/images/main2017/brandBannerArrowHover_left.png);}
#brandBanner-forward:hover {background: url(/images/main2017/brandBannerArrowHover_right.png);}


/*proBnr*/
#bannerPro {width: 1024px; height: auto; background: #f2f4f7; position: relative;}
#bannerPro ul{ margin:0 0 0 1px; padding:0; width:100%;}
#bannerPro ul li{ float:left; list-style:none; border:1px solid #dfe4ec; margin:-1px 0 0 -1px}

/* mobileGuide*/
#banner04 {width: 785px; height: 525px; position: relative;}
.moblie-Guide {width: 785px; height: 525px; overflow: hidden;}
.moblie-Guide ul {width:99999px; list-style: none; margin: 0; padding: 0; background: #4c5059;}
.moblie-Guide ul li {display: inline-block; margin: 0px 0px 0px 0px; width:785px; height: 525px; overflow: hidden; position: relative; font-size: 0;}
#moblieGuide {position: relative;}
#banner04 > .btn {position: absolute; top:230px; border: none; height: 41px; width: 27px; display: inline-block;}
#moblieGuide-backward {background: url(/images/main2017/brandBannerArrow_left.png) no-repeat; left: 45px;}
#moblieGuide-forward {background: url(/images/main2017/brandBannerArrow_right.png) no-repeat; right: 45px;}
#moblieGuide-backward:hover {background: url(/images/main2017/brandBannerArrowHover_left.png);}
#moblieGuide-forward:hover {background: url(/images/main2017/brandBannerArrowHover_right.png);}


/* Customer Style */
#customer {border: 1px solid #dee3eb; height: 206px; background: #FFF; position: relative;font-family: dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
.customProp01 {width: 136px; height:120px; background: url(/images/main2017/customerTel.jpg) no-repeat; padding-left: 154px; position: absolute; top:36px; left: 39px;}
.customProp01 p {font-size: 12px; margin: 0; padding: 0; line-height: 1; color: #666;}
.customProp01 p.p01 {padding-top: 20px; line-height:130%; font-size:13px;}
.customProp01 p.p02 {padding-top: 55px; line-height:130%; font-size:13px;}
.customProp02 {position: absolute; top: 36px; right: 46px;}
.customProp02 ul {margin: 0; padding: 0; width: 620px;}
.customProp02 ul li {list-style: none; float: left; padding-left: 18px; height: 50px;}
.customProp02 ul li h4 { margin: 0; padding: 2px 0; font-size: 13px; letter-spacing:-1px }
.customProp02 ul li p {margin: 0; padding: 0; line-height: 1.3; font-size: 12px; color: #666;}
.greenLineL {border-left: 2px solid #009940;}
.blueLineL {border-left: 2px solid #2c50a4;}
.customProp03 {width: 620px; height: 50px; background: #f5f7f9; position: absolute; bottom:40px; right: 46px;}
.customProp03 ul { display: block; margin: 0; padding:0;height: 50px;}
.customProp03 ul li {float: left; list-style:none; margin:0; padding:0}
.customProp03 ul li a {}
.customIcon01 {background: url(/images/main2017/customerIcon01.jpg) no-repeat;}
.customIcon02 {background: url(/images/main2017/customerIcon02.jpg) no-repeat;}
.customIcon03 {background: url(/images/main2017/customerIcon03.jpg) no-repeat;}
.customIcon04 {background: url(/images/main2017/customerIcon04.jpg) no-repeat;}

#customerNew {border: 1px solid #dee3eb; height: 206px; background: #FFF; position: relative;font-family: dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
#customerNew .customProp01 {width: 289px; height:49px; background: url(/images/main2017/customerTelNew.jpg) no-repeat; padding-left:0; padding-top:35px; position: absolute; top:36px; left: 39px;}
#customerNew .customProp01 p {font-size: 12px; margin: 0; padding: 0; line-height: 1; color: #666;}
#customerNew .customProp01 p.p01 {padding-top: 20px; line-height:130%; font-size:13px;}
#customerNew .customProp01 p.p02 {padding-top: 55px; line-height:130%; font-size:13px;}
#customerNew .customProp02 {position: absolute; top: 36px; right: 46px;}
#customerNew .customProp02 ul {margin: 0; padding: 0; width: 620px;}
#customerNew .customProp02 ul li {list-style: none; float: left; padding-left: 12px; height: 66px;}
#customerNew .customProp02 ul li h4 { margin: 0; padding: 2px 0; font-size: 13px; letter-spacing:-1px }
#customerNew .customProp02 ul li p {margin: 0; padding: 0; line-height: 1.3; font-size: 12px; color: #666;}
#customerNew .greenLineL {border-left: 2px solid #009940;}
#customerNew .blueLineL {border-left: 2px solid #2c50a4;}
#customerNew .customProp03 {width: 936px; height: 50px; background: #f5f7f9; position: absolute; bottom:37px; right: 46px;}
#customerNew .customProp03 ul { display: block; margin: 0; padding:0;height: 50px;}
#customerNew .customProp03 ul li {float: left; list-style:none; margin:0; padding:0}
#customerNew .customProp03 ul li a {}







/*Sub Login Page*/
#loginPage {border: 1px solid #CCCCCC; height: 575px; position: relative; width: 952px; margin: 0 auto; background: #FFF;}
#loginWrap {width: 400px; position: absolute; top:73px; left: 90px;}
.logTitle {width: 400px; height: 55px; background: url(/images/main2017/loginPageTitle.jpg) no-repeat; margin-bottom: 14px;}
.subLoginInput {border: 1px solid #e1e1e1; line-height: 37px; height: 37px; padding: 0 14px; margin-bottom: 8px;}
.subLoginInput > input {padding: 0; margin: 0; border: none; font-size: 14px; line-height: 1; width: 100%; position: relative;}
.ie8 .subLoginInput > input {top:-2px;}
.subLoginBtn {line-height: 50px; text-align: center; border: none; height: 50px; width: 400px; background: #009940; color: #FFF; font-size: 17px; font-weight: bold; margin-bottom: 14px;}
.subLoginBtn:hover {background: #00712F;}
.otherLink {font-size: 9px; position: relative; text-align: right; color: #777777; margin-bottom: 22px;}
.otherLink a {color: #777777; font-size: 11px;}
.otherLink a:hover {color: #333; font-weight: bold;}
.otherLink span { position: absolute; top:0; left: 0; font-size: 12px; }
.referTitle {margin: 0 0 15px 0; padding: 22px 0 0; border-top: 1px solid #e1e1e1; font-size: 15px; color: #333;}
.referList {margin: 0; padding: 0;}
.referList li {list-style: none; font-size: 10px; color: #747474; margin-bottom: 7px;}
.referList li a {color: #2464E5; text-decoration: underline;}
.referList li span {color: #009940; font-weight: bold;}
.subLoginBanner01, .subLoginBanner02 {position: absolute; font-size: 0; right: 82px;}
.subLoginBanner01 {top:142px;}
.subLoginBanner02 {top:357px;}



/*회원가입*/
#regHeader {background: url(/images/main2017/regHeaderBg.jpg) no-repeat; height: 161px; position: relative;}
#regHeader a {width: 240px; height: 70px; display: block; position: absolute; top: 45px; left: 393px;}
.registerStepHistory {height: 90px; width: 580px; margin: 0 auto; margin-bottom: 25px;}
#registerStep1 {background: url(/images/main2017/registerStep01.png) no-repeat;}
#registerStep2 {background: url(/images/main2017/registerStep02.png) no-repeat;}
#registerStep3 {background: url(/images/main2017/registerStep03.png) no-repeat;}
#registerStep4 {background: url(/images/main2017/registerStep04.png) no-repeat;}
.registerStepWrap {padding: 45px 34px; background: #FFF; border: 1px solid #CCC; width: 510px; margin: 0 auto;}
.objectWrap {position: relative; margin-bottom: 15px;}
.objectWrap h3 {font-size: 16px; padding: 0 5px 25px; border-bottom: 1px solid #e1e1e1; margin: 0; color: #333;}
.objectWrap h4 {font-size: 14px; padding: 10px 5px 5px; margin: 0; color: #333;}
.objectWrap h4 > span {font-size: 11px; color: #009940;}
#registerAllChk {position: absolute; right: 10px; top:10px; width: 13px; height: 13px; margin: 0; padding: 0;}
.regAllChkLabel {display:block; background: url(/images/main2017/registerAllChk.jpg) no-repeat; width: 124px; height: 40px; position: absolute; top:0; right: 0;}
.regAllChkLabelActive {background: url(/images/main2017/registerAllChk_Hover.jpg) no-repeat;}
#registerChk1 {position: absolute; right: 5px; top:10px; width: 13px; height: 13px; margin: 0; padding: 0;}
#registerChk2 {position: absolute; right: 5px; top:10px; width: 13px; height: 13px; margin: 0; padding: 0;}
#registerChk3 {position: absolute; right: 20px; top:10px; width: 13px; height: 13px; margin: 0; padding: 0;}
#registerChk4 {position: absolute; right: 20px; top:10px; width: 13px; height: 13px; margin: 0; padding: 0;}
.regChkLabel {display:block; background: url(/images/main2017/registerChk.jpg) no-repeat; width: 25px; height: 24px; position: absolute; top:0; right: 0px;}
.regChkLabel2 {display:block; background: url(/images/main2017/registerChk.jpg) no-repeat; width: 25px; height: 24px; position: absolute; top:2px; right: 17px;}
.regChkLabelActive {background: url(/images/main2017/registerChk_Hover.jpg) no-repeat;}
.clauseBox {height: 68px; border: 1px solid #e1e1e1; overflow-y: scroll; background: #fafafa;}
.receptionWrap {padding-top: 10px; font-size: 12px; margin-bottom: 20px;}
.receptionWrap span {margin-right: 15px;}
.receptionInfo {font-size: 12px; color: #333; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1;}
.receptionInfo span {color: #ff510c;}
.regBtnWrap {position: relative; height: 53px; padding-top: 15px;}
.regBtnWrap .btn1, .regBtnWrap .btn2 {border: none; position: absolute; top:15px; width: 250px; height: 53px; color: #FFF; font-size: 17px; line-height: 53px; font-weight: bold;}
.regBtnWrap .btn1 {left: 0; background: #cccccc;}
.regBtnWrap .btn1:hover {background: #C0C0C0;}
.regBtnWrap .btn2 {right: 0; background: #009940;}
.regBtnWrap .btn2:hover {background: #007E34;}
.certifiTabWrap {}
.certifiTabWrap ul {margin: 0; padding: 0;}
.certifiTabWrap ul li {float: left; text-align: center;}
#certifiTabList1, #certifiTabList2 {width: 254px; list-style: none; line-height: 42px; height: 42px; cursor: pointer; background: #f5f5f5; border-top: 1px solid #e1e1e1; color: #333; font-size: 14px;}
#certifiTabList1 {border-left: 1px solid #e1e1e1;}
#certifiTabList2 {border-right: 1px solid #e1e1e1;}
.certifiTabWrap ul li.active {border-color: #333 !important; font-weight: bold; color: #FFF !important; background: #333333 !important;}
.certifiTab {border: 1px solid #333; margin-bottom: 20px;}
.certifiTabBox1 {height: 60px; line-height: 60px; position: relative; border-bottom: 1px solid #e1e1e1; padding: 0 20px;}
.certifiTabBox1 input {border: 0; font-size: 14px; padding: 0; margin: 0;}
.certifiTabBox1 .btn, .userInfoInputBox1 .btn {border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; text-align: center; height: 31px; width: 95px; line-height: 31px; position: absolute; top:12px; right: 20px; color: #333; font-size: 12px; font-weight: bold;}
.certifiTabBox1 .btn:hover, .userInfoInputBox1 .btn:hover {background: #EFEFEF;}
.certifiTabBox1 label, .userInfoInputBox1 label {width: 233px; line-height: 31px; height: 31px; text-align: center; display: inline-block; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #666; font-size: 12px; position: absolute; top: 13px; background: #FFF;}
.certifiTabBox1 .lb1, .userInfoInputBox1 .lb1 {border-left: 1px solid #e1e1e1; left: 20px;}
.certifiTabBox1 .lb2, .userInfoInputBox1 .lb2 {border-right: 1px solid #e1e1e1; border-left: 1px solid #009940; right: 20px;}
.certifiTabBox1 label.chked, .userInfoInputBox1 label.chked {border-color: #009940 !important; color: #009940 !important; font-weight: bold;}
.certifiTabBox2 {border-bottom: 1px solid #e1e1e1; padding: 20px;}
.certifiTabBox1 span.hits, .userInfoInputBox1 span.hits, .userInfoInputBox2 span.hits {color: #ff510c; font-size: 12px; position: absolute; bottom: 5px; left: 20px; display: inline-block; padding: 0; margin: 0; line-height: 1;}
.certifiTabBox3 {border-bottom: 1px solid #e1e1e1; padding: 0 20px; height: 121px; line-height: 121px; text-align: center;}
.certifiTabBox3 .btn {width: 336px; border: 1px solid #e1e1e1; background: #f9f9f9; height: 31px; line-height: 31px; font-size: 14px; font-weight: bold; color: #333; padding: 0; margin: 0;}
.certifiTabBox3 .btn:hover {background: #EFEFEF;}
.nextBtn {display: block; border: none; background: #009940; color: #FFF; line-height: 53px; height: 53px; font-size: 17px; font-weight: bold; width: 100%;}
.nextBtn:hover {background: #007F35;}
.userInfoInputWrap {border: 1px solid #e1e1e1; margin-bottom: 20px;}
.userInfoInputBox1 {height: 60px; line-height: 60px; position: relative; border-bottom: 1px solid #e1e1e1; padding: 0 20px;}
.userInfoInputBox1 input {border: 0; font-size: 14px; padding: 0; margin: 0;}
.userInfoInputBox1 span {font-size: 12px; color: #999;}
.passIcon {position: absolute; top:18px; right: 14px; width: 24px; height: 22px; background: url(/images/main2017/userInfoIcon03.png) no-repeat;}
.passIcon1 {background: url(/images/main2017/userInfoIcon01.png) no-repeat;}
.passIcon2 {background: url(/images/main2017/userInfoIcon02.png) no-repeat;}
.userInfoInputBox2 {position: relative; border-bottom: 1px solid #e1e1e1; height: 60px;}
.userInfoInputBox3 {line-height: 30px; height: 30px; border-bottom: 1px solid #e1e1e1; padding-right: 50px; position: relative;}
.userInfoInputBox3 span {font-size: 12px; color: #666;}
#uBirthday {margin: 0; padding: 0; position: absolute; top:0; left: 0;}
#uBirthday > li {height: 60px; line-height: 60px; list-style: none; padding: 0 20px; margin: 0; border-right: 1px solid #e1e1e1; float: left; background: #FFF; position: relative;}
#uBirthday > li > input {border: 0; font-size: 14px; padding: 0; margin: 0;}
#uBirthday > li.select {background: url(/images/main2017/userInfoSeletBG.png) no-repeat; cursor: pointer;}
#uBirthday > li > ul {height: 150px; border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; overflow-y: scroll; position: absolute; left: 0; width: 168px; display: none; z-index: 99;}
#uBirthday > li > ul > li {cursor: pointer; line-height: 25px; height: 25px; text-align: center; font-size: 12px; color: #999;}
#uBirthday > li > ul > li:hover {background: #e0e0e0; color: #333; font-weight: bold;}

#uTecBox {margin: 0; padding: 0; position: absolute; top:0; left: 0;}
#uTecBox > li {height: 60px; line-height: 60px; list-style: none; padding: 0 20px; margin: 0; border-right: 1px solid #e1e1e1; float: left; background: #FFF; position: relative;}
#uTecBox > li > input {border: 0; font-size: 14px; padding: 0; margin: 0;}
#uTecBox > li.select {background: url(/images/main2017/userInfoSeletBG2.png) no-repeat; cursor: pointer;}
#uTecBox > li > span {font-size: 14px !important;}
#uTecBox > li > .btn {border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; text-align: center; height: 31px; width: 95px; line-height: 31px; position: absolute; top:12px; right: 20px; color: #333; font-size: 12px; font-weight: bold;}
#uTecBox > li > .btn:hover {background: #EFEFEF;}
#uTecBox > li > ul {height: 100px; border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; overflow-y: scroll; position: absolute; left: 0; width: 126px; display: none; z-index: 99;}
#uTecBox > li > ul > li {cursor: pointer; line-height: 25px; height: 25px; text-align: center; font-size: 12px; color: #999;}
#uTecBox > li > ul > li:hover {background: #e0e0e0; color: #333; font-weight: bold;}

#uBs04 {height: 60px; line-height: 60px; margin: 0; padding: 0 20px; background: url(/images/main2017/userInfoSeletBG.png) no-repeat right #FFF; cursor: pointer; position: absolute; top:0; left: 0; width: 200px;}
#uBs04 > span {font-size: 12px; color: #333;}
#testSelect {height: 200px; border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; overflow-y: scroll; position: absolute; left: 0; bottom: 60px; width: 126px; z-index: 98; width: 220px; display: none;}
#testSelect > li {cursor: pointer; line-height: 25px; height: 25px; padding: 0 10px; font-size: 12px; color: #999;}

.finishInfo {border: 1px solid #e1e1e1; margin-bottom: 20px;}
.finishInfo thead tr th {background: #f5f5f5; color: #333; font-size: 16px; padding: 25px 0px;}
.finishInfo tbody tr th, .finishInfo tbody tr td {padding: 25px 15px; border: 1px solid #e1e1e1;}
.finishInfo tbody tr th {color: #777; text-align: left; width: 80px; font-size: 12px;}
.finishInfo tbody tr td {color: #333; font-weight: bold; font-size: 14px;}



/* 아이디/비번 찾기 */
.inquiryWrap {padding: 45px 34px; background: #FFF; border: 1px solid #CCC; width: 510px; margin: 0 auto;}
.inquiryMenu, .inquiryDetail {border: 1px solid #e1e1e1;}
.inquiryMenu h2, .inquiryDetail h2 {color: #333; line-height: 48px; height: 48px; border-bottom: 1px solid #e1e1e1; background: #f5f5f5; font-size: 16px; text-align: center; padding: 0; margin: 0;}
.inquiryMenu ul {margin: 0; padding: 0;}
.inquiryMenu ul li {list-style: none; border-right: 1px solid #e1e1e1; float: left;}
.inquiryMenu ul li a {display: block; height: 198px;}
.inquiryMenu ul li .m01 {background: url(/images/main2017/inquiryMenu_01.jpg) no-repeat;}
.inquiryMenu ul li .m02 {background: url(/images/main2017/inquiryMenu_02.jpg) no-repeat;}
.inquiryMenu ul li .m03 {background: url(/images/main2017/inquiryMenu_03.jpg) no-repeat;}
.inquiryMenu ul li .m04 {background: url(/images/main2017/inquiryMenu_04.jpg) no-repeat;}
.inquiryMenu ul li .m05 {background: url(/images/main2017/inquiryMenu_05.jpg) no-repeat;}
.inquiryMenu ul li .m06 {background: url(/images/main2017/inquiryMenu_06.jpg) no-repeat;}
.inquiryBox1 {height: 60px; line-height: 60px; position: relative; border-bottom: 1px solid #e1e1e1; padding: 0 20px;}
.inquiryBox1 input {border: 0; font-size: 14px; padding: 0; margin: 0;}
.inquiryBox1 .btn {border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; text-align: center; height: 31px; width: 95px; line-height: 31px; position: absolute; top:12px; right: 20px; color: #333; font-size: 12px; font-weight: bold;}
.inquiryBox1 .btn:hover {background: #EFEFEF;}
.inquiryBox1 span.hits {color: #ff510c; font-size: 12px; position: absolute; bottom: 5px; left: 20px; display: inline-block; padding: 0; margin: 0; line-height: 1;}



/* 회원정보 수정 */
.modifyWrap {padding: 45px 34px; background: #FFF; border: 1px solid #CCC; width: 510px; margin: 0 auto;}
.modifyMenu {border: 1px solid #e1e1e1;}
.modifyMenu h2 {color: #333; line-height: 48px; height: 48px; border-bottom: 1px solid #e1e1e1; background: #f5f5f5; font-size: 16px; text-align: center; padding: 0; margin: 0;}
.modifyMenu ul {margin: 0; padding: 0;}
.modifyMenu ul li {list-style: none; border-right: 1px solid #e1e1e1; float: left;}
.modifyMenu ul li a {display: block; height: 198px;}
.modifyMenu ul li .md01 {background: url(/images/main2017/modifyMenu_01.jpg) no-repeat;}
.modifyMenu ul li .md02 {background: url(/images/main2017/modifyMenu_02.jpg) no-repeat;}
.modifyMenu ul li .md03 {background: url(/images/main2017/modifyMenu_03.jpg) no-repeat;}
.modifyDetail {}
.modifyDetail h2 {color: #333; line-height: 48px; height: 48px; border: 1px solid #e1e1e1; background: #f5f5f5; font-size: 16px; text-align: center; padding: 0; margin: 0; border-bottom: none;}
.detailTb {border: 1px solid #e1e1e1;}
.detailTb tr th, .detailTb tr td {padding: 25px 15px; border: 1px solid #e1e1e1;}
.detailTb tr th {color: #777; text-align: left; width: 80px; font-size: 12px; vertical-align: top;}
.detailTb tr td {color: #333; font-weight: bold; font-size: 14px;}
.detailTb tr td input {border: none; padding: 0; margin: 0; font-weight: bold; font-size: 14px;}
.modifyCont {position: relative; margin-bottom: 15px;}
.modifyCont .btn1 {border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; text-align: center; height: 31px; width: 95px; line-height: 31px; position: absolute; top:-7px; right: 15px; color: #333; font-size: 12px; font-weight: bold;}
.modifyCont .btn1:hover {background: #EFEFEF;}
.modifyCont input {border: none; padding: 0; margin: 0; font-weight: bold; font-size: 14px;}
.detailInputBox3 {line-height: 30px; height: 30px; padding-right: 50px; position: relative;}
.detailInputBox3 span {font-size: 12px; color: #666;}
.modifiTec {margin: 0; padding: 0; float: left; position: relative; height: 60px; width: 125px;}
.modifiTec2 {height: 60px; line-height: 60px; float: left;} 
.modifiTec > div {height: 60px; line-height: 60px; padding: 0 20px; margin: 0; background: #FFF; position: relative; position: absolute; top:0; left: 0; width: 85px;}
.modifiTec > input, .modifiTec2 > input { font-size: 12px !important; padding: 0; margin: 0;}
.modifiTec > div.select {background: url(/images/main2017/userInfoSeletBG.png) no-repeat right; cursor: pointer;}
.modifiTec > div > ul {height: 100px; border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; overflow-y: scroll; position: absolute; left: 0; width: 126px; display: none; z-index: 99;}
.modifiTec > div > ul > li {cursor: pointer; line-height: 25px; height: 25px; text-align: center; font-size: 12px; color: #999;}
.modifiTec > div > ul > li:hover {background: #e0e0e0; color: #333; font-weight: bold;}
.modifiTec > div > span {font-size: 12px !important;}
.findModifiBtn {border: 1px solid #e1e1e1; background: #f9f9f9; padding: 0; margin: 0; text-align: center; height: 31px; width: 70px; line-height: 31px; position: absolute; top:15px; right: 15px; color: #333; font-size: 12px; font-weight: bold;}
.findModifiBtn:hover {background: #EFEFEF;}



/* 레이어 박스 */
.layerGreenBox {border: 1px solid #009940; display: none; background: #FFF;}
.layerGreenBox .title {position: relative;}
.layerGreenBox .title h3 {border-bottom: 1px solid #009940; margin: 0; padding: 0; text-align: center; font-size: 12px; line-height: 36px; height: 36px; color: #333;}
.layerGreenBox .title .layerCloseBtn {border: none; background: url(/images/main2017/greenLayerCloseBtn.png) no-repeat; width: 36px; height: 36px; display: block; position: absolute; top:0; right: 0;}
#bottomTb {margin-top: -1px;}
.layerTopNon {margin-top: 0 !important;}



/*Board Style*/
#boardTitle {line-height: 1; padding: 10px 0; margin-bottom: 10px;}
#boardTitle h2 {margin: 0; padding: 0; font-size: 26px; font-weight: normal; display: inline-block;}
#boardTitle span {font-size: 12px; border-left: 1px solid #d0d0d0; display: inline-block; padding-left: 15px; margin-left: 15px; position: relative; top:-5px; color: #747474;}
.boardList {border-top: 2px solid #666; margin-bottom: 10px;}
.boardList thead tr th {background: #f5f5f5; color: #333; font-size: 13px; padding: 12px 0; border-bottom: 1px solid #dddddd;}
.boardList tbody tr th, .boardList tbody tr td {text-align: center;}
.boardList tbody tr td {font-size: 12px; padding: 12px 0; border-bottom: 1px solid #dddddd; vertical-align: middle;}
.boardList tbody tr td a {font-size: 12px; color: #333 !important;}
.boardList tbody tr td a:hover {text-decoration: underline; color: #000 !important;}
.boardList tbody tr td.title {text-align: left;}
.boardList tbody tr td.title > a > h4 {padding: 0; margin: 0 0 10px; font-size: 13px;}
.boardList tbody tr td.title > a > p {padding: 0; margin: 0; font-size: 12px; line-height: 1.4;}
.boardList tbody tr.notice {background: #f2fcf3;}
.boardList tbody tr.notice td.text {color: #009940; font-weight: bold;}
.boardList tbody tr.notice td a {font-weight: bold;}


.boardList2 {border-top: 2px solid #666; margin-bottom: 10px;}
.boardList2 thead tr th {background: #f5f5f5; color: #333; font-size: 13px; padding: 12px 0; border-bottom: 1px solid #dddddd;}
.boardList2 tbody tr th, .boardList tbody tr td {text-align: center;}
.boardList2 tbody tr td {font-size: 12px; padding: 12px 8px; border-bottom: 1px solid #dddddd; }
.boardList2 tbody tr td a {font-size: 12px; color: #333 !important;}
.boardList2 tbody tr td a:hover {text-decoration: underline; color: #000 !important;}
.boardList2 tbody tr td.title {text-align: left;}
.boardList2 tbody tr td.title > a > h4 {padding: 0; margin: 0 0 10px; font-size: 13px;}
.boardList2 tbody tr td.title > a > p {padding: 0; margin: 0; font-size: 12px; line-height: 1.4;}
.boardList2 tbody tr.notice {background: #f2fcf3;}
.boardList2 tbody tr.notice td.text {color: #009940; font-weight: bold;}
.boardList2 tbody tr.notice td a {font-weight: bold;}
.boardList2 tbody tr td.month {text-align: center;}
.boardList2 tbody tr:nth-child(even) {background: #fafafa;}

.bookTaablList {border-top: 2px solid #666; margin-bottom: 10px;}
.bookTaablList thead tr th {background: #f5f5f5; color: #333; font-size: 13px; padding: 12px 0; border-bottom: 1px solid #dddddd; text-align: center !important;}
.bookTaablList tbody tr th, .bookTaablList tbody tr td {text-align: center;}
.bookTaablList tbody tr td {font-size: 12px; padding: 12px 15px; border-bottom: 1px solid #dddddd; vertical-align: middle;}
.bookTaablList tbody tr td.title {text-align: left;}



.boardBottom {position: relative; margin-bottom: 70px;}
.boardBottom .writeBtn {border: none; background: #009940; color: #FFF; font-weight: bold; line-height: 35px; height: 35px; font-size: 14px; width: 90px; text-align: center; position: absolute; top:0; right: 0;}
.boardBottom .listLink {background: #f7f7f7; color: #333; font-weight: bold; line-height: 33px; height: 33px; font-size: 14px; width: 90px; text-align: center; border: 1px solid #6b6b6b;}
.boardBottom .listLink2 {background: #f7f7f7; color: #333; font-weight: bold; line-height: 33px; height: 33px; font-size: 14px; width: 90px; text-align: center; border: 1px solid #6b6b6b; position: absolute; top:0; right: 0;}
.boardBottom .writeBtn:hover {background: #008236;}
.boardBottom .listLink:hover, .boardBottom .listLink2:hover {background: #EEEEEE;}
.boardBottom .dmBtn {border: none; background: #333; color: #FFF; font-weight: bold; line-height: 35px; height: 35px; font-size: 14px; width: 90px; text-align: center;}
.boardBottom .dmBtn:hover {background: #000;}
.pageList {font-size: 12px; text-align: center; padding-top: 5px;}
.pageList a {color: #808080 !important; display: inline-block; line-height: 18px; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding: 0 2px;}
.pageList a:hover {text-decoration: underline;}
.pageList a.btn {border: 1px solid #ccc; font-weight: bold; width: 20px; text-align: center; font-size: 9px;}
.pageList a.btn:hover {background: #f0f0f0; text-decoration: none;}
.pageList a.active {color: #333 !important; font-weight: bold;}

.boardBottom2 {position: relative; background: #f5f5f5; text-align: center; padding: 15px 0; margin-bottom: 50px;}
.boardBottom2 select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}
.boardBottom2 input {line-height: 23px; height: 23px; padding: 0 5px; margin: 0; border: 1px solid #CCC; font-size: 12px;}
.boardBottom2 .btn1 {border: none; background: #333; color: #FFF; font-size: 12px; margin: 0; padding: 0; text-align: center; list-style: 24px; height: 24px; font-weight: bold; width: 50px;}
.boardBottom2 .btn2 {border: none; background: #939393; color: #FFF; font-size: 12px; margin: 0; padding: 0; text-align: center; list-style: 24px; height: 24px; font-weight: bold; width: 60px;}

.boardTabWrap {position: relative; margin-bottom: 25px;}
.boardTabWrap p {font-size: 14px; padding: 20px 0 0; margin: 0;}

.tabSelect1 {display: inline-block; font-size: 12px; position: absolute; top:-35px; right: 0;}
.tabSelect1 select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}
.tabSelect1 .btn {border: none; background: #333; color: #FFF; font-size: 12px; margin: 0; padding: 0; text-align: center; list-style: 24px; height: 24px; font-weight: bold; width: 50px;}
.tabSelect2 {display: inline-block; font-size: 12px; position: absolute; top:0px; right: 0; line-height: 38px;}
.tabSelect2 select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}
.tabSelect3 {border-top: 1px solid #CCC;}
.tabSelect3 tr th, .tabSelect3 tr td {font-size: 12px; border-bottom: 1px solid #CCC; line-height: 45px;}
.tabSelect3 tr th {width: 86px; background: #f5f5f5;}
.tabSelect3 tr td { padding: 0 15px;}
.tabSelect3 select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}
.tabSelect4 {display: inline-block; font-size: 12px; position: absolute; top:8px; right: 0; line-height: 38px;}
.tabSelect4 select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}


.tabsList {padding: 0; margin: 0; border-bottom: 1px solid #666;}
.tabsList li {list-style: none; float: left; position: relative; top:1px;}
.tabsList li a {display: inline-block; min-width: 110px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #666; background: #f5f5f5; text-align: center; line-height: 38px; font-size: 12px; color: #333 !important; font-weight: bold;}
.tabsList li a.first {border-left: 1px solid #CCC;}
.tabsList li a.active {border-color: #666 !important; background: #FFF; border-bottom-color: #FFF !important; border-left: 1px solid #666; min-width: 116px;}
.tabsList li a.first.active {min-width: 117px;}

.tabsList3 {padding: 0; margin: 0; border-bottom: 1px solid #666;}
.tabsList3 li {list-style: none; float: left; position: relative; top:1px;}
.tabsList3 li a {display: inline-block; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #666; background: #f5f5f5; text-align: center; line-height: 38px; font-size: 12px; color: #333 !important; font-weight: bold; padding: 0 20px 0 20px;}
.tabsList3 li a.first {border-left: 1px solid #CCC;}
.tabsList3 li a.active {border-color: #666 !important; background: #FFF; border-bottom-color: #FFF !important; border-left: 1px solid #666; padding: 0 23px 0 22px;}
.tabsList3 li a.first.active {border-right: 1px solid #666; padding: 0 23px;}

.tabsListSub {padding: 20px 0 0; margin: 0;}
.tabsListSub li {list-style: none; float: left; line-height: 1; padding: 0px 14px; border-right: 1px solid #CCC;}
.tabsListSub li a {color: #666 !important; font-size: 12px;}
.tabsListSub li a.active {font-weight: bold; color: #333 !important;}
.tabsListSub li a.active2 {font-weight: bold; color: #009940 !important;}
.tabsListSub li a.selTitle {font-weight: bold; color: #333 !important; font-size: 12px;}


.tabsListSub2 {padding: 20px 0 0; margin: 0;}
.tabsListSub2 li {list-style: none; float: left; line-height: 1; padding: 0px 7px; border-right: 1px solid #CCC;}
.tabsListSub2 li a {color: #666 !important; font-size: 12px;}
.tabsListSub2 li a.active {font-weight: bold; color: #333 !important;}
.tabsListSub2 li a.active2 {font-weight: bold; color: #009940 !important;}
.tabsListSub2 li a.selTitle {font-weight: bold; color: #333 !important; font-size: 12px;}



.writeTb {border-top: 2px solid #666; margin-bottom: 10px;}
.writeTb tr th, .writeTb tr td { line-height: 45px; border-bottom: 1px solid #ddd; font-size: 12px; vertical-align: middle;}
.writeTb tr th {background: #f7f7f7; width: 85px;}
.writeTb tr td { padding: 0 15px;}
.writeTb tr td input[type="radio"], .writeTb tr td input[type="checkbox"] {margin-top: -1px; vertical-align: middle;}
.writeTb select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0;}
.writeTb input {line-height: 23px; height: 23px; padding: 0 5px; margin: 0; border: 1px solid #CCC; font-size: 12px;}
.writeTb tr td.textarea {padding: 0; margin: 0; line-height: normal;}
.writeTb tr td.textarea textarea {resize: none; width: 745px; padding: 15px; border: none; min-height: 400px;}

.viewTb {border-top: 2px solid #666; margin-bottom: 10px;}
.viewTb thead tr th {background: #f5f5f5; color: #333; font-size: 12px; padding: 15px; border-bottom: 1px solid #dddddd; text-align: left;}
.viewTb thead tr th h3 {padding: 0; margin: 0; font-size: 18px; margin-bottom: 10px; color: #333;}
.viewTb thead tr th p {padding: 0; margin: 0; color: #999;}
.viewTb thead tr th p span {padding: 0 10px; font-size: 10px;}
.viewTb tbody tr th, .viewTb tbody tr td {border-bottom: 1px solid #dddddd;}
.viewTb tbody tr th {font-size: 12px; font-weight: normal; color: #999; width: 60px; vertical-align: top; padding: 15px;}
.viewTb tbody tr td {padding: 0;}
.viewTb tbody tr td ul {margin: 0; padding: 10px 0px;}
.viewTb tbody tr td ul li {list-style: none;}
.viewTb tbody tr td ul li a { font-size: 12px; color: #999 !important;}
.viewTb tbody tr td ul li a:hover {color: #666 !important; text-decoration: underline;}
.viewTb tbody tr td .textCont {min-height: 400px; padding-top: 20px;}
.viewTb tbody tr td .snsWrap {padding: 15px 0; text-align: right; margin-bottom: 20px;}

.viewTb2 {border-top: 2px solid #666; margin-bottom: 10px;}
.viewTb2 thead tr th {color: #333; font-size: 16px; padding: 15px; border-bottom: 1px solid #dddddd; text-align: left;}
.viewTb2 thead tr th h3 {padding: 0; margin: 0; font-size: 18px; margin-bottom: 10px; color: #333;}
.viewTb2 thead tr th.date {text-align: right; font-size: 13px; color: #666; font-weight: normal;}
.viewTb tbody tr th, .viewTb2 tbody tr td {border-bottom: 1px solid #dddddd;}
.viewTb tbody tr th {font-size: 12px; font-weight: normal; color: #999; width: 60px; vertical-align: top; padding: 15px;}
.viewTb2 tbody tr td {padding: 0;}
.viewTb2 tbody tr td .textCont {min-height: 400px; padding-top: 20px;}
.viewTb2 tbody tr td .snsWrap {padding: 15px 0; text-align: right; margin-bottom: 20px;}


.replyWrap {margin-bottom: 20px;}
.replyInput {padding: 20px 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f7f7f7;}
.replyInput h4 {padding: 0; margin: 0 0 10px; font-size: 14px; color: #333;}
.replyInput h4 > span {font-size: 12px; color: #666; font-weight: normal;}
.replyInput h4 > span > span {color: #FF0004; font-weight: bold;}
.replyTextarea {padding: 10px; width: 616px; border: 1px solid #ddd; resize: none; overflow-y: scroll; font-size: 12px; height: 36px;}
.replyView, .rereplyView {padding: 20px 25px; border-bottom: 1px solid #ddd; background: #f7f7f7; position: relative;}
.replyView div {font-size: 12px;}
.rereplyView div {font-size: 12px; padding-left: 25px;}
.replyView h5, .rereplyView h5 {padding: 0; margin: 0 0 10px; font-size: 12px; color: #333; position: relative;}
.rereplyView h5 {padding-left: 25px;}
.rereplyView img {position: absolute; top:17px; left: 30px;}
.replyView h5 span, .rereplyView h5 span {position: absolute; top:0; right: 0; color: #999;}
.replyBtn1 {line-height: 58px; height: 58px; font-size: 16px; color: #FFF; background: #009940; width: 90px; text-align: center; border: none; font-weight: bold;}
.replyBtn2 {font-size: 10px; color: #999; background: #FFF; width: 40px; text-align: center; border: 1px solid #999; font-weight: bold; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif;}

.otherView {border-top: 1px solid #ddd;}
.otherView tr th, .otherView tr td {border-bottom: 1px solid #ddd; padding: 8px 20px; font-size: 12px;}
.otherView tr th { width: 70px; background: #f5f5f5; color: #666;}
.otherView tr td a {color: #333 !important;}
.otherView tr td a:hover {text-decoration: underline; color: #000 !important;}


/* VOD List Style */
.vodList {margin-bottom: 15px;}
.vodList thead {border-top: 2px solid #666; border-bottom: 1px solid #ddd;}
.vodList thead tr th {font-size: 13px; color: #333; padding: 8px 0;}
.vodList tbody tr td {vertical-align: middle; padding: 15px 0; border-bottom: 1px solid #ddd;}

.vodList2 {margin-bottom: 15px;}
.vodList2 thead {border-top: 2px solid #666; border-bottom: 1px solid #ddd;}
.vodList2 tbody {border-top: 2px solid #666;}
.vodList2 thead tr th {font-size: 13px; color: #333; padding: 8px 0;}
.vodList2 tbody tr td {vertical-align: middle; padding: 15px 0; border-bottom: 1px solid #ddd;}

.vodCont {padding: 0 10px;}
.vodCont h3 {font-size: 17px; color: #333; padding: 0; margin: 0 0 12px;}
.vodCont h4 {font-size: 13px; color: #666; padding: 0; margin: 0 0 12px;}
.vodCont p {font-size: 12px; color: #666; padding: 0; margin: 0; line-height: 1.4;}

.vodCont2 {padding: 0 10px;}
.vodCont2 h3 {font-size: 17px; color: #009940; padding: 0; margin: 0 0 10px;}
.vodCont2 h3 span {font-weight: normal !important;}
.vodCont2 h4 {font-size: 17px; color: #333; padding: 0; margin: 0 0 10px;}
.vodCont2 h4 .new {background: #ff510c; color: #FFF; font-size: 10px; padding: 2px 4px 3px 3px; position: relative; top:-2px;}
.vodCont2 h4 a {font-size: 17px; color: #333 !important; padding: 0; margin: 0;}
.vodCont2 p {font-size: 12px; color: #666; padding: 0; margin: 0 0 10px; line-height: 1.4;}
.vodCont2 p .voding01 {background: #52bf80; width: 60px; margin-right: 10px; color: #FFF; display: inline-block; text-align: center; padding: 2px 0;}
.vodCont2 p .voding02 {background: #037633; width: 60px; margin-right: 10px; color: #FFF; display: inline-block; text-align: center; padding: 2px 0;}
.vodCont2 > span {font-size: 12px; color: #b44b22; display: block; padding: 0; margin: 0 0 10px; line-height: 15px; height: 15px; font-weight: bold;}



.vodBtn {position: relative; border: 1px solid #ddd; background: #f5f5f5; color: #666; line-height: 32px; height: 32px; font-size: 12px; font-weight: bold; text-align: left; width: 110px; padding: 0 8px; margin: 0 0 5px;}
.vodBtn span {color: #009940; position: absolute; right:8px;}
.vodBtn:hover {background: #eee;}

/* Defult Page Style */
#pageTitle {line-height: 1; padding: 10px 0; margin-bottom: 10px;}
#pageTitle h2 {margin: 0; padding: 0; font-size: 26px; font-weight: normal; display: inline-block;}
#pageTitle span {font-size: 12px; border-left: 1px solid #d0d0d0; display: inline-block; padding-left: 15px; margin-left: 15px; position: relative; top:-5px; color: #747474;}
#pageInfo01 {background: url(/images/main2017/pageInfo01.jpg) no-repeat; height: 107px; }
#pageInfo02 {background: url(/images/main2017/pageInfo02.jpg) no-repeat; height: 107px; margin-bottom: 15px; }
#pageInfo03 {background: url(/images/main2017/pageInfo03.jpg) no-repeat; height: 107px; margin-bottom: 15px; }
#pageInfo05 {background: url(/images/main2017/pageInfo05.jpg) no-repeat; height: 171px; margin-bottom: 40px; }
#pageInfo05Bottom {background: url(/images/main2017/pageInfo05Bottom.jpg) no-repeat; height: 75px; position: relative;}
#pageInfo06 {background: url(/images/main2017/pageInfo06.jpg) no-repeat; height: 196px; margin-bottom: 40px; position: relative;}
#pageInfo06 > .moreBtn {position: absolute; top: 10px; right: 10px;}
#pageInfo07 {background: url(/images/main2017/pageInfo07.jpg) no-repeat; height: 185px; margin-bottom: 40px; position: relative;}
#pageInfo07 > .lppbtn {width: 60px; height: 100px; display: block; position: absolute; top:40px;}
#pageInfo07 > .lppbtn01 {left: 38px;}
#pageInfo07 > .lppbtn02 {left: 170px;}
#pageInfo07 > .lppbtn03 {left: 295px;}
#pageInfo07 > .lppbtn04 {left: 435px;}
#pageInfo07 > .lppbtn05 {left: 565px;}
#pageInfo07 > .lppbtn06 {left: 695px;}
#contTitle {font-size: 14px;}



#pageCont h3 {font-size: 17px; margin: 40px 0 0 0; padding: 0;}
#pageCont h4 {background: url(/images/main2017/page_h4_point03.jpg) no-repeat left center; font-size: 14px; margin: 15px 0 8px; padding-left: 20px;}
#pageCont p {font-size: 12px; margin: 0; padding: 0 0 0 20px; color: #808080; line-height: 1.4;}
#pageCont ul {margin: 0; padding: 0 0 0 20px;}
#pageCont ul li {list-style: none; background: url(/images/main2017/noticeListPoint.png) no-repeat left top; background-position: 0px 3px; font-size: 12px; line-height: 1.4; padding-left: 10px; color: #808080;}
.pagesInfo_span {font-size: 12px; color: #808080; padding-top: 10px; display: block;}
.pagesInfo_table {border-top: 1px solid #ebebeb; margin-top: 10px;}
.pagesInfo_table thead tr th {background: #f5f5f5; border-bottom: 1px solid #ebebeb; font-size: 12px; color: #333; padding: 10px 0;}
.pagesInfo_table tbody tr th, .pagesInfo_table tbody tr td { border-bottom: 1px solid #ebebeb; font-size: 12px; padding: 10px 0;}
.pagesInfo_table tbody tr th {}
.pagesInfo_table tbody tr td { text-align: center; vertical-align: middle; color: #808080;}



#pageTabsWrap {padding-top: 40px;}
#pageTabsWrap ul {padding: 0; margin: 0;}
#pageTabsWrap ul li {list-style: none; cursor: pointer; float: left; font-weight: normal; text-align: center; background: #f5f5f5; color: #808080; font-size: 18px; padding: 25px 0;}
#pageTabsWrap ul li.tabs {border-bottom: 1px solid #009940; border-top: 1px solid #ebebeb;}
#pageTabsWrap ul li.tabFirst {border-left: 1px solid #ebebeb; border-right: 1px solid #009940;}
#pageTabsWrap ul li.tabLast {border-right: 1px solid #ebebeb;}
#pageTabsWrap ul li.active {border-color: #009940 !important; border-bottom-color: #FFF !important; background: #FFF; color: #009940; font-weight: bold;}
#pageTabsWrap .tabBox {padding: 40px 0;}

.tabTitle {padding-left: 17px; border-left: 3px solid #009940; margin-bottom: 25px !important;}
.tabTitle > h3 {color: #009940; padding: 0; margin: 0; font-size: 22px; margin-bottom: 5px;}
.tabTitle > h4 {color: #333; padding: 0; margin: 0; font-size: 14px; font-weight: normal;}
.tabBox > h4 {background: url(/images/main2017/page_h4_point03.jpg) no-repeat left center; font-size: 14px; margin: 15px 0 8px; padding-left: 20px;}
.tabBox > p {font-size: 12px; margin: 0; padding: 0 0 0 20px; color: #808080; line-height: 1.4;}

#tabsWrap .tabsBox {padding: 30px 0;}
.tabsBox h3 {font-size: 13px; color: #333;}
.tabsBox h3 span {padding: 0 15px; margin: 0 15px; border-left: 1px solid #CCC; color: #009940;}

/* 테이블 스타일 */
.tableSt_01 {}
.tableSt_01 thead tr th {border: 1px solid #CCC; background: #f5f5f5; font-size: 12px; color: #666; padding: 10px 0;}
.tableSt_01 tbody tr td {font-size: 12px; color: #666; border: 1px solid #CCC; padding: 10px 0; text-align: center; vertical-align: middle;}

.tableSt_02 {margin-bottom: 15px;}
.tableSt_02 thead {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #f7f7f7;}
.tableSt_02 thead tr td {padding: 8px 0; font-size: 12px; font-weight: bold; color: #333;}
.tableSt_02 thead tr td.prop1 {padding: 8px 20px; color: #009940;}
.tableSt_02 tbody tr td {padding: 8px 20px;}
.tableSt_02 tbody tr td a {font-size: 12px; color: #666 !important;}
.tableSt_02 tbody tr td a:hover {text-decoration: underline; color: #333;}
.tableSt_02 tbody tr td div.contView {padding: 12px 0; font-size: 12px; color: #666; min-height: 300px;}

.tableSt_03 {border-top: 2px solid #666; margin-bottom: 15px;}
.tableSt_03 thead tr th, .tableSt_03 thead tr td {text-align: center; padding: 10px 0; color: #666; border: 1px solid #d5d5d5;}
.tableSt_03 thead tr th {font-size: 13px; background: #f4f4f4;}
.tableSt_03 thead tr td {font-size: 12px; background: #f2fcf3;}
.tableSt_03 tbody tr th, .tableSt_03 tbody tr td {border: 1px solid #d5d5d5; text-align: center; height: 50px; vertical-align: middle;}
.tableSt_03 tbody tr th {font-size: 13px; background: #f4f4f4; color: #666;}
.tableSt_03 tbody tr td {font-size: 13px; font-weight: bold; color: #333;}
.tableSt_03_ps {font-size: 12px; color: #747474;}


/*희소합격정보 스타일*/
#heesoTab1 {padding: 0; margin: 0;}
#heesoTab1 li {list-style: none; height: 76px; float: left; cursor: pointer;}
#heesoTabBtn1 {background: url(/images/main2017/heesoInfoTab1.jpg) no-repeat;}
#heesoTabBtn2 {background: url(/images/main2017/heesoInfoTab2.jpg) no-repeat;}
#heesoTabBtn3 {background: url(/images/main2017/heesoInfoTab3.jpg) no-repeat;}
#heesoTabBtn1.active {background: url(/images/main2017/heesoInfoTab1_hover.jpg) no-repeat;}
#heesoTabBtn2.active {background: url(/images/main2017/heesoInfoTab2_hover.jpg) no-repeat;}
#heesoTabBtn3.active {background: url(/images/main2017/heesoInfoTab3_hover.jpg) no-repeat;}
#heesoTab2 {padding: 0; margin: 0 0 10px 0;}
#heesoTab2 li {list-style: none; width: 130px; height: 50px; float: left; cursor: pointer; border-right: 1px solid #FFF;}
#heesoTab2 li span {background: #b3b3b3; color: #FFF; font-weight: bold; font-size: 16px; display: block; height: 41px; line-height: 41px; text-align: center; cursor: pointer;}
#heesoTab2 li.active {background: url(/images/main2017/heesoInfoTabPoint.jpg) no-repeat bottom center;}
#heesoTab2 li.active span {background: #4b83d6;}
#heesoTabTable {border-top: 2px solid #666; border-bottom: 1px solid #666;}
#heesoTabTable thead tr th {font-weight: normal; font-size: 12px; border-bottom: 1px solid #666; padding: 8px 0;}
#heesoTabTable tbody tr td {padding: 8px; text-align: center; font-size: 12px;}
#heesoTabTable tbody tr td.info {text-align: left;}
#heesoTabTable tbody tr:hover {background: #f5f5f5;}


/* 아코디언 스타일 */
.acoList01 {padding: 0; margin: 0; border-bottom: 1px solid #CCC;}
.acoList01 > li {list-style: none; padding: 0; margin: 0; border-top: 1px solid #CCC;}
.acoList01 > li > a {cursor: pointer; display: block; background: url(/images/main2017/accoRightPoint.jpg) no-repeat right center; padding: 10px 50px; margin: 0; color: #666; position: relative; font-size: 13px; font-weight: bold;}
.acoList01 > li > a.active {border-bottom: 1px solid #CCC;}
.acoList01 > li > a > span {color: #000; position: absolute; top:0; left: 0; display: inline-block; padding: 9px;}
.acoList01 > li > div {background: #f7f7f7; padding: 20px 50px; position: relative; font-size: 13px;}
.acoList01 > li > div > h5 {margin: 0; padding: 0; font-size: 13px; margin-bottom: 20px;}
.acoList01 > li > div > span {color: #009940; position: absolute; top:0; left: 0; display: inline-block; padding: 19px 9px; font-weight: bold;}
.acoList01 > li > div > p {line-height: 1.5; font-size: 12px;}
.acoList01 > li > div > ol {padding: 0 15px; margin: 0;}
.acoList01 > li > div > ol > li {margin-bottom: 7px; line-height: 1.5;}

.acoList02 {padding: 0; margin: 0; border-bottom: 1px solid #CCC;}
.acoList02 > li {list-style: none; padding: 0; margin: 0; border-top: 1px solid #CCC;}
.acoList02 > li > a {cursor: pointer; display: block; background: url(/images/main2017/accoRightPoint.jpg) no-repeat right center; padding: 10px 30px; margin: 0; color: #666; position: relative; font-size: 13px; font-weight: bold; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
.acoList02 > li > a.active {border-bottom: 1px solid #CCC;}
.acoList02 > li > div {background: #f7f7f7; padding: 20px 30px; position: relative; font-size: 13px; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
.acoList02 > li > div > h5 {margin: 0; padding: 0; font-size: 13px; margin-bottom: 20px;}
.acoList02 > li > div > h5 > span {font-weight: normal; margin-left: 20px;}
.banList {padding: 0; margin: 0;}
.banList > li {list-style: none; font-size: 12px; color: #666; width: 120px; float: left; line-height: 1.5;}




/*FAQ 기타 스타일*/
.faqInfoBox { border: 1px solid #CCC; background: #FFF; padding: 15px; color: #666;}
.faqInfoBox h3 {padding: 0; margin: 0 0 10px; font-size: 15px; text-align: center;}
.faqInfoBox h4 {padding: 0; margin: 0 0 10px; font-size: 13px; text-align: center;}
.faqInfoBox p {padding: 0; margin: 0;line-height: 1.5;}
.faqInfoTable {background: #FFF;}
.faqInfoTable tr th, .faqInfoTable tr td {border: 1px solid #CCC; padding: 8px; text-align: center; font-size: 12px; vertical-align: middle !important;}
.faqInfoTable2 {background: #FFF;}
.faqInfoTable2 tr th, .faqInfoTable2 tr td {border: 1px solid #CCC; padding: 8px; font-size: 12px; vertical-align: middle !important; line-height: 1.5;}
.faqInfoTable2 tr th {text-align: center;}



/*1:1 상담*/
.afIcon {background: url(/images/main2017/askFinIcon.jpg) no-repeat; padding-left: 40px !important;}
.askIng {width: 52px; text-align: center; height: 20px; line-height: 20px; border: 1px solid #CCC; display: inline-block; color: #666; font-weight: bold; font-size: 11px;}
.askFin {width: 52px; text-align: center; height: 20px; line-height: 20px; border: 1px solid #CCC; display: inline-block; color: #333; font-weight: bold; font-size: 11px; background: #CCC;}




/*초보수험생을위한 입문서 페이지 스타일*/
.heesoInfo14pTop {position: relative;}
.p14topBtn1 {display: block; width: 120px; height: 80px; position: absolute; top:335px; right: 120px;}
.p14topBtn2 {display: block; width: 120px; height: 80px; position: absolute; top:505px; right: 120px;}
.heesoInfo14pCont {background: url(/images/main2017/heeso14_ContBg.jpg) repeat-y; position: relative;}
.heesoInfo14pFooter {background: url(/images/main2017/heeso14_footer.jpg) no-repeat; height: 25px; margin-bottom: 25px;}
#page14Tab {padding: 0 16px; margin: 0;}
#page14Tab li {list-style: none; float: left; text-align: center; border-right: 1px solid #767676; width: 187px; background: #676767; color: #959595; font-size: 19px; font-weight: bold; line-height: 81px; height: 81px; cursor: pointer;}
#page14Tab li.active {background: #010c08; color: #FFF; width: 189px;}


/* Malgun Gothic,'맑은고딕'*/
/*초보자 자가 진단 테스트 페이지 스타일*/
.heesoInfo15page {background: url(/images/main2017/heeso15_ContBg.jpg) repeat-y;}
.heesoInfo15pTop {position: relative; background: url(/images/main2017/heesoInfo15_Top.jpg) no-repeat; height: 856px; margin-bottom: 15px;}
.testTh {background: url(/images/main2017/heeso15_thead.jpg) no-repeat; height: 40px;}
.testTd {background: url(/images/main2017/heeso15_tbody.jpg) no-repeat; height: 40px; line-height: 39px; position: relative;}
.testTf {background: url(/images/main2017/heeso15_tfoot.jpg) no-repeat; height: 171px; position: relative;}
.testMunjae {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; font-size: 12px; font-weight: bold; display: inline-block; color: #333; width: 515px; position: absolute; top:0; left: 75px;}
.munO {position: absolute; top:12px; right: 142px;}
.munX {position: absolute; top:12px; right: 87px;}
.testResultBtn {width: 116px; height: 37px; background: rgba(0, 0, 0, 0.0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom: 1; border: none; position: absolute; top: 26px; right: 182px;}
.testResultBtn:hover {background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);}
.resultText {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; font-size: 24px; font-weight: bold; display: inline-block; position: absolute; top: 26px; right: 110px;}
#page15Tab {padding: 0; margin: 0; display: block; position: absolute; bottom: 15px; left: 0;}
#page15Tab li {list-style: none; height: 160px; float: left; cursor: pointer;}
#page15TabBtn1 {width: 393px; background: url(/images/main2017/heesoInfoPage15Tab1.png) no-repeat;}
#page15TabBtn2 {width: 392px; background: url(/images/main2017/heesoInfoPage15Tab2.png) no-repeat;}
#page15TabBtn1.active {background: url(/images/main2017/heesoInfoPage15Tab1_hover.png) no-repeat;}
#page15TabBtn2.active {background: url(/images/main2017/heesoInfoPage15Tab2_hover.png) no-repeat;}
.heesoInfo15pBottom {height: 821px; background: url(/images/main2017/heeso15_bottom.jpg) no-repeat; position: relative;}
#page15BtBtn1 {width: 317px; height: 75px; display: block; position: absolute; bottom: 93px; left: 59px;}
#page15BtBtn2 {width: 317px; height: 75px; display: block; position: absolute; bottom: 93px; right: 71px;}
#page15BtBtn1:hover, #page15BtBtn2:hover {background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000); zoom: 1;}



/*연간 학습 전략 페이지 스타일*/
#page16TabList1 {padding: 0; margin: 0;}
#page16TabList1 li {float: left; height: 87px; width: 262px; list-style: none; cursor: pointer;}
#page16TabList2 {padding: 0; margin: 0;}
#page16TabList2 li {float: left; height: 86px; width: 196px; list-style: none; cursor: pointer;}
#page16TabBtn1 {background: url(/images/main2017/heesoInfo16pSubTab1.jpg) no-repeat;}
#page16TabBtn2 {background: url(/images/main2017/heesoInfo16pSubTab2.jpg) no-repeat;}
#page16TabBtn3 {background: url(/images/main2017/heesoInfo16pSubTab3.jpg) no-repeat; width: 261px !important;}
#page16TabBtn4 {background: url(/images/main2017/heesoInfo16pSubTab4.jpg) no-repeat; width: 197px !important;}
#page16TabBtn5 {background: url(/images/main2017/heesoInfo16pSubTab5.jpg) no-repeat;}
#page16TabBtn6 {background: url(/images/main2017/heesoInfo16pSubTab6.jpg) no-repeat;}
#page16TabBtn7 {background: url(/images/main2017/heesoInfo16pSubTab7.jpg) no-repeat;}
#page16TabBtn1.active {background: url(/images/main2017/heesoInfo16pSubTab1_hover.jpg) no-repeat;}
#page16TabBtn2.active {background: url(/images/main2017/heesoInfo16pSubTab2_hover.jpg) no-repeat;}
#page16TabBtn3.active {background: url(/images/main2017/heesoInfo16pSubTab3_hover.jpg) no-repeat;}
#page16TabBtn4.active {background: url(/images/main2017/heesoInfo16pSubTab4_hover.jpg) no-repeat;}
#page16TabBtn5.active {background: url(/images/main2017/heesoInfo16pSubTab5_hover.jpg) no-repeat;}
#page16TabBtn6.active {background: url(/images/main2017/heesoInfo16pSubTab6_hover.jpg) no-repeat;}
#page16TabBtn7.active {background: url(/images/main2017/heesoInfo16pSubTab7_hover.jpg) no-repeat;}
.page16Tabs1, .page16Tabs2 {position: relative;}
#page16Tab2Link, #page16Tab3Link {width: 318px; height: 57px; display: block; position: absolute; bottom: 70px; left: 230px;}
#page16Tab4Link {width: 238px; height: 75px; display: block; position: absolute; bottom: 106px; left: 269px;}
#page16Tab5Link {width: 249px; height: 90px; display: block; position: absolute; bottom: 104px; right: 89px;}


/*과목별 간담회*/
#inside01TabList1 {padding: 0; margin: 0;}
#inside01TabList1 li {float: left; height: 80px; width: 130px; list-style: none; cursor: pointer;}
#inside01TabBtn1 {background: url(/images/main2017/inside01SubTab1.jpg) no-repeat;}
#inside01TabBtn2 {background: url(/images/main2017/inside01SubTab2.jpg) no-repeat;}
#inside01TabBtn3 {background: url(/images/main2017/inside01SubTab3.jpg) no-repeat; width: 131px !important;}
#inside01TabBtn4 {background: url(/images/main2017/inside01SubTab4.jpg) no-repeat;}
#inside01TabBtn5 {background: url(/images/main2017/inside01SubTab5.jpg) no-repeat;}
#inside01TabBtn6 {background: url(/images/main2017/inside01SubTab6.jpg) no-repeat; width: 134px !important;}
#inside01TabBtn1.active {background: url(/images/main2017/inside01SubTab1_hover.jpg) no-repeat;}
#inside01TabBtn2.active {background: url(/images/main2017/inside01SubTab2_hover.jpg) no-repeat;}
#inside01TabBtn3.active {background: url(/images/main2017/inside01SubTab3_hover.jpg) no-repeat;}
#inside01TabBtn4.active {background: url(/images/main2017/inside01SubTab4_hover.jpg) no-repeat;}
#inside01TabBtn5.active {background: url(/images/main2017/inside01SubTab5_hover.jpg) no-repeat;}
#inside01TabBtn6.active {background: url(/images/main2017/inside01SubTab6_hover.jpg) no-repeat;}
.inside01Tabs1, .inside02Tabs1 {position: relative;}

#inside02TabList1 {background: url(/images/main2017/inside02TabListBG.jpg) no-repeat; width: 785px; height: 646px; position: relative;}
#inside02TabBtn1, #inside02TabBtn2 {display: block; width: 325px; height: 80px; position: absolute; bottom: 52px; cursor: pointer;}
#inside02TabBtn1 {left: 60px;}
#inside02TabBtn2 {right: 59px;}


#inside03TabList1 {background: url(/images/main2017/inside03TabListBG.jpg) no-repeat; width: 785px; height: 912px; position: relative;}
#inside03TabBtn1, #inside03TabBtn2, #inside03TabBtn3, #inside03TabBtn4, #inside03TabBtn5, #inside03TabBtn6 {display: block; width: 30px; height: 30px; position: absolute; cursor: pointer;}
#inside03TabBtn1 {left: 268px; top:562px;}
#inside03TabBtn2 {left: 318px; bottom:142px;}
#inside03TabBtn3 {right: 64px; bottom:263px;}
#inside03TabBtn4 {left: 239px; bottom: 212px;}
#inside03TabBtn5 {left: 462px; bottom:250px;}
#inside03TabBtn6 {right: 125px; bottom:308px;}



/*필수과목 학습 전략 페이지 스타일*/
#page17TabList1 {padding: 0; margin: 0;}
#page17TabList1 li {float: left; height: 94px; width: 393px; list-style: none; cursor: pointer;}
#page17TabBtn1 {background: url(/images/main2017/heesoInfo17pSubTab1.jpg) no-repeat;}
#page17TabBtn2 {background: url(/images/main2017/heesoInfo17pSubTab2.jpg) no-repeat; width: 392px !important;}
#page17TabBtn1.active {background: url(/images/main2017/heesoInfo17pSubTab1_hover.jpg) no-repeat;}
#page17TabBtn2.active {background: url(/images/main2017/heesoInfo17pSubTab2_hover.jpg) no-repeat;}



/*전공별 필독서 페이지 스타일*/
#heesoInfo18pTop {background: url(/images/main2017/heesoInfo18pTop.jpg) no-repeat; height: 703px; position: relative;}
.page18TabBtn {width: 309px; height: 89px; display: block; position: absolute; bottom: 40px; cursor: pointer;}
#page18TabBtn1 {background: url(/images/main2017/heesoInfo18pTab1.png) no-repeat; left: 70px;}
#page18TabBtn2 {background: url(/images/main2017/heesoInfo18pTab2.png) no-repeat; right: 70px;}
#page18TabBtn1.active {background: url(/images/main2017/heesoInfo18pTab1_hover.png);}
#page18TabBtn2.active {background: url(/images/main2017/heesoInfo18pTab2_hover.png);}
.heesoInfo18pSubTabWrap {background: url(/images/main2017/heesoInfo18pCont2.jpg) no-repeat; height: 352px; position: relative;}
.heesoInfo18pSubTabBottom {background: url(/images/main2017/heesoInfo18pBottom.jpg) no-repeat; height: 49px;}

#heesoInfo18pSubTabList {padding: 0; margin: 0; display: inline-block; position: absolute; top:130px; left: 105px;}
#heesoInfo18pSubTabList li {cursor: pointer; list-style: none; width: 25px; height: 101px; margin-right: 1px; float: left;}
#page18SubBtn01 {background: url(/images/main2017/heesoInfo18pSubTab01.jpg) no-repeat;}
#page18SubBtn02 {background: url(/images/main2017/heesoInfo18pSubTab02.jpg) no-repeat;}
#page18SubBtn03 {background: url(/images/main2017/heesoInfo18pSubTab03.jpg) no-repeat;}
#page18SubBtn04 {background: url(/images/main2017/heesoInfo18pSubTab04.jpg) no-repeat;}
#page18SubBtn05 {background: url(/images/main2017/heesoInfo18pSubTab05.jpg) no-repeat;}
#page18SubBtn06 {background: url(/images/main2017/heesoInfo18pSubTab06.jpg) no-repeat;}
#page18SubBtn07 {background: url(/images/main2017/heesoInfo18pSubTab07.jpg) no-repeat;}
#page18SubBtn08 {background: url(/images/main2017/heesoInfo18pSubTab08.jpg) no-repeat;}
#page18SubBtn09 {background: url(/images/main2017/heesoInfo18pSubTab09.jpg) no-repeat;}
#page18SubBtn10 {background: url(/images/main2017/heesoInfo18pSubTab10.jpg) no-repeat;}
#page18SubBtn11 {background: url(/images/main2017/heesoInfo18pSubTab11.jpg) no-repeat;}
#page18SubBtn12 {background: url(/images/main2017/heesoInfo18pSubTab12.jpg) no-repeat;}
#page18SubBtn13 {background: url(/images/main2017/heesoInfo18pSubTab13.jpg) no-repeat;}
#page18SubBtn14 {background: url(/images/main2017/heesoInfo18pSubTab14.jpg) no-repeat;}
#page18SubBtn15 {background: url(/images/main2017/heesoInfo18pSubTab15.jpg) no-repeat;}
#page18SubBtn16 {background: url(/images/main2017/heesoInfo18pSubTab16.jpg) no-repeat;}
#page18SubBtn17 {background: url(/images/main2017/heesoInfo18pSubTab17.jpg) no-repeat;}
#page18SubBtn18 {background: url(/images/main2017/heesoInfo18pSubTab18.jpg) no-repeat;}
#page18SubBtn19 {background: url(/images/main2017/heesoInfo18pSubTab19.jpg) no-repeat;}
#page18SubBtn20 {background: url(/images/main2017/heesoInfo18pSubTab20.jpg) no-repeat;}
#page18SubBtn21 {background: url(/images/main2017/heesoInfo18pSubTab21.jpg) no-repeat;}
#page18SubBtn01.active {background: url(/images/main2017/heesoInfo18pSubTab01_hover.jpg);}
#page18SubBtn02.active {background: url(/images/main2017/heesoInfo18pSubTab02_hover.jpg);}
#page18SubBtn03.active {background: url(/images/main2017/heesoInfo18pSubTab03_hover.jpg);}
#page18SubBtn04.active {background: url(/images/main2017/heesoInfo18pSubTab04_hover.jpg);}
#page18SubBtn05.active {background: url(/images/main2017/heesoInfo18pSubTab05_hover.jpg);}
#page18SubBtn06.active {background: url(/images/main2017/heesoInfo18pSubTab06_hover.jpg);}
#page18SubBtn07.active {background: url(/images/main2017/heesoInfo18pSubTab07_hover.jpg);}
#page18SubBtn08.active {background: url(/images/main2017/heesoInfo18pSubTab08_hover.jpg);}
#page18SubBtn09.active {background: url(/images/main2017/heesoInfo18pSubTab09_hover.jpg);}
#page18SubBtn10.active {background: url(/images/main2017/heesoInfo18pSubTab10_hover.jpg);}
#page18SubBtn11.active {background: url(/images/main2017/heesoInfo18pSubTab11_hover.jpg);}
#page18SubBtn12.active {background: url(/images/main2017/heesoInfo18pSubTab12_hover.jpg);}
#page18SubBtn13.active {background: url(/images/main2017/heesoInfo18pSubTab13_hover.jpg);}
#page18SubBtn14.active {background: url(/images/main2017/heesoInfo18pSubTab14_hover.jpg);}
#page18SubBtn15.active {background: url(/images/main2017/heesoInfo18pSubTab15_hover.jpg);}
#page18SubBtn16.active {background: url(/images/main2017/heesoInfo18pSubTab16_hover.jpg);}
#page18SubBtn17.active {background: url(/images/main2017/heesoInfo18pSubTab17_hover.jpg);}
#page18SubBtn18.active {background: url(/images/main2017/heesoInfo18pSubTab18_hover.jpg);}
#page18SubBtn19.active {background: url(/images/main2017/heesoInfo18pSubTab19_hover.jpg);}
#page18SubBtn20.active {background: url(/images/main2017/heesoInfo18pSubTab20_hover.jpg);}
#page18SubBtn21.active {background: url(/images/main2017/heesoInfo18pSubTab21_hover.jpg);}
.page18SubCont {background: #f5f5f5; /*padding: 0 55px;*/ }


/*Event List*/
.eventList {margin-bottom: 15px;}
.eventList tr td {border-bottom: 1px solid #dddddd;}
.eventList tr td.img {padding: 15px 15px 15px 0;}
.eventList tr td.img a {border: 1px solid #dddddd; display: inline-block;}
.eventList tr td.cont {padding: 15px 15px;}
.eventList tr td.cont h3 {padding: 0; margin: 0; margin-bottom: 12px;}
.eventList tr td.cont h3 a { font-size: 17px; color: #333 !important;}
.eventList tr td.cont h3 a:hover {font-weight: bold; text-decoration: underline;}
.eventList tr td.cont h3 a > .newEventIcon {background: url(/images/main2017/newEventIcon.jpg) no-repeat center bottom; display: inline-block; height: 17px; width: 17px; margin-left: 15px; position: relative; top:1px;}
.eventList tr td.cont p {line-height: 17px; padding: 0; margin: 0; font-size: 13px; color: #666; height: 34px; margin-bottom: 11px;}
.eventList tr td.cont .date {padding: 0; margin: 0; font-size: 12px; color: #666;}



/* 날짜 조정 */
#dateWrap {border-top: 1px solid #ddd; padding: 30px 0; text-align: center; vertical-align: middle; position: relative;}
#dateWrap .date_left_btn {width: 25px; height: 25px; display: inline-block;}
#dateWrap .date_right_btn {width: 25px; height: 25px; display: inline-block;}
#dateWrap .date {font-weight: bold; color: #333; font-size: 16px; line-height: 25px !important; display: inline-block; height: 25px; padding: 0 15px;}
#dateWrap .update {font-size: 13px; color: #333; position: absolute; right: 0px; bottom:32px; font-weight: bold;}
#dateWrap .update > span {color: #009940;}







/* leanUitl List */
#leanUtilWrap {border-top: 2px solid #CCC; border-bottom: 1px solid #CCC; padding: 0; margin: 0;}
#leanUtilWrap li {list-style: none; height: 115px; position: relative; margin: 0; padding: 0;}
#leanUtil01 {background: url(/images/main2017/leanUtilBg01.jpg) no-repeat;}
#leanUtil02 {background: url(/images/main2017/leanUtilBg02.jpg) no-repeat;}
#leanUtil03 {background: url(/images/main2017/leanUtilBg03.jpg) no-repeat;}
#leanUtil04 {background: url(/images/main2017/leanUtilBg04.jpg) no-repeat;}
#leanUtil05 {background: url(/images/main2017/leanUtilBg05.jpg) no-repeat;}
#leanUtil06 {background: url(/images/main2017/leanUtilBg06.jpg) no-repeat;}
#leanUtil07 {background: url(/images/main2017/leanUtilBg07.jpg) no-repeat;}
#leanUtil08 {background: url(/images/main2017/leanUtilBg08.jpg) no-repeat;}
#leanUtilWrap li > .downBtn {display: block; width: 98px; height: 28px; position: absolute; top:44px; right: 21px;}
#netWorkTestWrap {background: url(/images/main2017/networkTest.jpg) no-repeat; height: 1053px; position: relative;}
#netWorkTestWrap a {position: absolute; color: #333 !important; text-decoration: underline; top:100px; left: 448px;}


/* Lean FAQ */
#leanCenterSection01 {position: relative; margin-bottom: 40px;}
.faqList {width: 383px;}
.faqList h3 {background: url(/images/main2017/leanFAQh01.jpg) no-repeat; height: 32px; padding: 0; margin: 0 0 15px; position: relative;}
.faqList h3 > .moreBtn {position: absolute; top:0; right: 0;}
.faqList ul {padding: 0; margin: 0;}
.faqList ul li {list-style: none; line-height: 1.3;}
.faqList ul li span {font-size: 10px; padding: 0 10px 0 5px;}
.faqList ul li a {font-size: 12px; color: #666 !important;}
.faqLink01 {background: url(/images/main2017/leanfaq01.jpg) no-repeat; width: 186px; height: 196px; display: block; position: absolute; top:0; right:196px;}
.faqLink02 {background: url(/images/main2017/leanfaq02.jpg) no-repeat; width: 186px; height: 196px; display: block; position: absolute; top:0; right:0px;}
#leanCenterSection02 {position: relative;}
#leanCenterSection02 h3 {position: absolute; top:0; left: 0; background: url(/images/main2017/leanFAQh02.jpg) no-repeat; height: 34px; width: 92px; padding: 0; margin: 0;}
#faqFastLinkSearch {text-align: right; padding-bottom: 8px;}
#faqFastLinkSearch > input {line-height: 23px; height: 23px; padding: 0 5px; margin: 0; border: 1px solid #CCC; font-size: 12px;}
.faqFastLinkTable {}
.faqFastLinkTable tr td {border: 1px solid #CCC; background: url(/images/main2017/faqTableTd.jpg) no-repeat; width: 175px; padding-left: 20px; line-height: 39px;}
.faqFastLinkTable tr td a {color: #333 !important; font-size: 13px; font-weight: bold;}
.faqFastLinkTable tr td a.active {color: #009940 !important; text-decoration: underline;}
.faqFastLinkTitle {border: none !important; font-size: 12px; font-weight: bold; color: #666; padding: 0 !important; padding-top: 3px !important; }
.oneCustomBtn {width: 98px; height: 24px; position: absolute; top: 26px; right: 120px; }

#leanCenterSection03 {position: relative; margin-bottom: 40px; height: 180px;}
.notiList {width: 383px; float: left;}
.notiList .lppTabList {height: 32px; padding: 0; margin: 0 0 15px; position: relative; border-bottom: 1px solid #333;}
.notiList .lppTabList > .moreBtn {position: absolute; top:0; right: 0;}
.notiList > ul {padding: 0; margin: 0;}
.notiList > ul li {list-style: none; line-height: 1.3;}
.notiList > ul li span {font-size: 10px; padding: 0 10px 0 5px;}
.notiList > ul li a {font-size: 12px; color: #666 !important;}

.lppTabList > ul {margin: 0; padding: 0; list-style: none;}
.lppTabList > ul li {min-width: 80px; text-align: center; line-height: 32px; height: 32px; position: relative; top:-1px; border: 1px solid #dfdfdf; background: #f0f0f0; float: left; cursor: pointer; border-bottom: 1px solid #333; font-size: 12px; padding: 0px 15px;}
.lppTabList > ul li.active {border: 1px solid #333; border-bottom: 1px solid #FFF; background: #FFF; font-weight: bold;}

.notiList2 {width: 383px; float: right;}
.notiList2 .lppTabList2 {height: 32px; padding: 0; margin: 0 0 15px; position: relative; border-bottom: 1px solid #333;}
.notiList2 .lppTabList2 > .moreBtn {position: absolute; top:0; right: 0;}
.notiList2 > ul {padding: 0; margin: 0;}
.notiList2 > ul li {list-style: none; line-height: 1.3;}
.notiList2 > ul li span {font-size: 10px; padding: 0 10px 0 5px;}
.notiList2 > ul li a {font-size: 12px; color: #666 !important;}

.lppTabList2 > ul {margin: 0; padding: 0; list-style: none;}
.lppTabList2 > ul li {min-width: 80px; text-align: center; line-height: 32px; height: 32px; position: relative; top:-1px; border: 1px solid #dfdfdf; background: #f0f0f0; float: left; cursor: pointer; border-bottom: 1px solid #333; font-size: 12px; padding: 0px 15px;}
.lppTabList2 > ul li.active {border: 1px solid #333; border-bottom: 1px solid #FFF; background: #FFF; font-weight: bold;}


#leanCenterSection04 {position: relative; margin-bottom: 40px; background: url(/images/main2017/leanCenterSectionBG.jpg) no-repeat; height: 230px;}
.lppetcbtn01 {display: block; width: 120px; height: 120px; position: absolute; top:0; left: 0;}
.lppetcbtn02 {display: block; width: 120px; height: 120px; position: absolute; top:0; left: 130px;}
.lppetcbtn03 {display: block; width: 250px; height: 99px; position: absolute; bottom:0; left: 0;}
.lppetcbtn {display: block; width: 100px; height: 30px; position: absolute; bottom:27px;}
.lppetcbtn04 {right:384px;}
.lppetcbtn05 {right:283px;}
.lppetcbtn06 {right:181px;}
.lppetcbtn07 {display: block; width: 82px; height: 17px; position: absolute; bottom:96px; right: 23px;}



/*기타 버튼 스타일*/
.btnS1 {background: #7e7e7e; color: #FFF !important; border: 1px solid #676767; text-decoration: none !important; padding: 5px; font-weight: bold;}
.btnS1:hover {background: #676767;}
.btnSearch {border: none; background: #333; color: #FFF; font-size: 12px; margin: 0; padding: 0; text-align: center; list-style: 24px; height: 24px; font-weight: bold; width: 50px;}
.moreBtn {background: url(/images/main2017/noticeMoreBtn.gif) no-repeat; width: 18px; height: 18px;}
.btnSearch2 {border: none; background: #333; color: #FFF; font-size: 12px; margin: 0; padding: 0; text-align: center; list-style: 24px; height: 24px; font-weight: bold; width: 50px; position: relative; top:-2px;}



/*찾아오시는 길*/
.maps {width: 783px; height: 370px; background: #000;  border: 1px solid #CCC; margin-bottom: 10px;}
.mapPrint {text-align: right;}
.mapPrint > a {display: inline-block; background: url(/images/main2017/mapsPrint.jpg) no-repeat; width: 97px; height: 31px; }
.mapadd01 {background: url(/images/main2017/mapadd01.jpg) no-repeat; height: 519px; position: relative;}
.mapadd02 {background: url(/images/main2017/mapadd02.jpg) no-repeat; height: 478px; position: relative;}
.mapadd03 {background: url(/images/main2017/mapadd03.jpg) no-repeat; height: 452px; position: relative;}
.mapadd01 a {width: 112px; height: 21px; position: absolute; top:48px; right: 195px;}
.mapadd02 a {width: 112px; height: 21px; position: absolute; top:48px; right: 150px;}
.mapadd03 a {width: 112px; height: 21px; position: absolute; top:48px; right: 170px;}





/*신규 개설 강좌*/
#newLeanTab1 {padding: 0; margin: 0 0 10px;}
#newLeanTab1 li {list-style: none; float: left;}
#newLeanTab1 li a {width: 260px; height: 49px; line-height: 49px; background: #464a5e; color: #FFF !important; border-top: 1px solid #30333c; border-right: 1px solid #30333c; display: inline-block; text-align: center; font-size: 18px;}
#newLeanTab1 li a.first {border-left: 1px solid #30333c;}
#newLeanTab1 li a.active {font-weight: bold; color: #333 !important; background: #FFF;}


#newLeanTab2 {padding: 0; margin: 0;}
#newLeanTab2 li {list-style: none; float: left;}
#newLeanTab2 li a {width: 131px; height: 60px; display: block;}
#newLeanBtn1 {background: url(/images/main2017/newLeanTab01.jpg) no-repeat;}
#newLeanBtn2 {background: url(/images/main2017/newLeanTab02.jpg) no-repeat;}
#newLeanBtn3 {background: url(/images/main2017/newLeanTab03.jpg) no-repeat;}
#newLeanBtn4 {background: url(/images/main2017/newLeanTab04.jpg) no-repeat;}
#newLeanBtn5 {background: url(/images/main2017/newLeanTab05.jpg) no-repeat;}
#newLeanBtn6 {background: url(/images/main2017/newLeanTab06.jpg) no-repeat; width: 130px !important;}
#newLeanBtn1.active {background: url(/images/main2017/newLeanTab01_active.jpg) no-repeat;}
#newLeanBtn2.active {background: url(/images/main2017/newLeanTab02_active.jpg) no-repeat;}
#newLeanBtn3.active {background: url(/images/main2017/newLeanTab03_active.jpg) no-repeat;}
#newLeanBtn4.active {background: url(/images/main2017/newLeanTab04_active.jpg) no-repeat;}
#newLeanBtn5.active {background: url(/images/main2017/newLeanTab05_active.jpg) no-repeat;}
#newLeanBtn6.active {background: url(/images/main2017/newLeanTab06_active.jpg) no-repeat;}

.newLeanSelect {position: relative; margin-bottom: 10px; height: 30px;}
.newLeanSelect h3 {background: url(/images/main2017/newLeanH3Icon.jpg) no-repeat; padding:0 0 0 26px; font-size: 16px; line-height: 27px;}
.newLeanSelect select {line-height: 25px; height: 25px; border: 1px solid #CCC; font-size: 12px; padding: 0; margin: 0; position: absolute; top:0; right: 0;}


.newLeanList {}
.newLeanList > thead >  tr > th {border-top: 2px solid #666; border-bottom: 1px solid #ddd; font-size: 13px; color: #333; padding: 13px 0;}
.newLeanList > tbody > tr > td {border-bottom: 1px solid #ddd; padding: 20px 0;}
.newLeanList .imgTz {border: 1px solid #c7cbcd;}
.newLeanList .moTitle {color: #009940; font-size: 18px; padding: 0; margin: 0;}
.newLeanList .moTitle2 {color: #3a5697; font-size: 18px; padding: 0; margin: 0 0 10px;}



.newLeanListSub tr td {vertical-align: middle;}
.newLeanListSub tr {border-top: 1px dotted #999999;}
.newLeanListSub tr:first-child {border: none;}
.newLeanListSub tr td > a.title {font-size: 13px; color: #333 !important; padding: 0; margin: 0; font-weight: bold; margin-bottom: 8px; display: inline-block; line-height: 1.5;}
.newLeanListSub tr td {padding: 15px 1px;}
.newLeanListSub tr td p {font-size: 12px; color: #666; padding: 0; margin: 0;}
.newLeanListSub tr td p > span {margin-right: 20px;}
.newLeanListSub tr td .etc01 {background: #557cd7; color: #FFF; font-size: 11px; padding: 1px 8px; text-decoration: none !important;}
.newLeanListSub tr td .etc02 {background: #50576a; color: #FFF; font-size: 11px; padding: 1px 8px; text-decoration: none !important;}
.newLeanListSub tr td p > span.wonga {text-decoration: line-through; margin-right: 5px; }
.newLeanListSub tr td p > span.sale {color: #fe500b; font-weight: bold;}


.newLeanListSub2 {border-bottom: 1px dotted #999999; margin-bottom: 15px;}
.newLeanListSub2 tr td {vertical-align: middle;}
.newLeanListSub2 tr td > a.title {font-size: 13px; color: #333 !important; padding: 0; margin: 0; font-weight: bold; margin-bottom: 8px; display: inline-block; line-height: 1.5;}
.newLeanListSub2 tr td {padding: 3px 1px;}
.newLeanListSub2 tr td p {font-size: 12px; color: #666; padding: 0; margin: 0;}
.newLeanListSub2 tr td p > span {margin-right: 20px;}
.newLeanListSub2 tr td .etc01 {background: #557cd7; color: #FFF; font-size: 11px; padding: 1px 8px; text-decoration: none !important;}
.newLeanListSub2 tr td .etc02 {background: #50576a; color: #FFF; font-size: 11px; padding: 1px 8px; text-decoration: none !important;}
.newLeanListSub2 tr td p > span.wonga {text-decoration: line-through; margin-right: 5px; }
.newLeanListSub2 tr td p > span.sale {color: #fe500b; font-weight: bold;}
.newLeanList > tbody > tr > td > table.last {border: none !important;}


.newLeanBtn01 {border: 1px solid #ccc; padding: 5px; min-width: 46px; display: inline-block; text-align: center; color: #666 !important; }
.newLeanBtn01:hover {background: #eee;}
.newLeanBtn02 {border: 1px solid #009940; background: #009940; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}
.newLeanBtn02:hover {background: #007932;}
.newLeanBtn03 {border: 1px solid #3a5697; background: #3a5697; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}
.newLeanBtn03:hover {background: #2a4582;}
.newLeanBtn04 {border: 1px solid #112b66; background: #112b66; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}
.newLeanBtn04:hover {background: #0c2253;}
.newLeanBtn05 {border: 1px solid #999999; background: #999999; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}
.newLeanBtn06 {border: 1px solid #91a9e5; background: #91a9e5; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}
.newLeanBtn07 {border: 1px solid #8966de; background: #8966de; width: 94px; height: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 15px; color: #FFF !important; font-weight: bold;}



.newLeanInfoWrap {padding: 10px 0;}
.newLeanInfoWrap .btn1 {font-size: 0; background: url(/images/main2017/newLeanInfoAco.jpg) no-repeat; width: 125px; height: 25px; border: none;}
.newLeanInfoWrap .btn2 {font-size: 0; background: url(/images/main2017/sLeanListBtn.jpg) no-repeat; width: 125px; height: 25px; border: none;}
.newLeanInfoWrap .btn1.active {font-size: 0; background: url(/images/main2017/newLeanInfoAco_active.jpg) no-repeat;}
.leanDeInfo {display: none; margin: 5px 0; padding: 23px; background: #fafafa;}






/* 교재몰 스타일 */
#bookSearch {padding: 30px 100px; position: relative;}
#allBookViewBtn {background: url(/images/main2017/bookSearch_List_Btn.jpg) no-repeat; width: 170px; height: 40px; position: relative; display: inline-block; cursor: pointer;}
.bookSelList {position: absolute; top:39px; left: 0; z-index: 99; width: 168px; border: 1px solid #666; background: #FFF; padding: 0; margin: 0; display: none;}
.bookSelList > li {list-style: none;}
.bookSelList > li a {display: block; line-height: 30px; font-size: 14px; color: #666 !important; padding: 0 10px;}
.bookSelList > li a:hover {color: #009940 !important; background: #f0f0f0; font-weight: bold;}
#bookSearchInput {display: inline-block; height: 36px; border: 2px solid #009940; position: absolute; padding: 0; margin: 0; top: 30px; right: 102px;}
#bookSearchInput input {line-height: 36px; padding: 0 15px; border: none; width: 300px;}
#bookSearchInput button {margin: 0; color: #FFF; font-weight: bold; background: #009940; border: none; line-height: 36px; padding: 0 15px;}

.bookHeadding {border-bottom: 2px solid #666; position: relative;}
.bookHeadding h4 {padding: 15px 0; margin: 0; display: inline-block; font-size: 15px;}
.bookHeadding .abcSelect {position: absolute; right: 0; top: 18px; font-size: 12px; font-weight: bold;}
.bookHeadding .abcSelect a {color: #666 !important;}
.bookHeadding .abcSelect span {color: #ccc; padding: 0px 5px; }
.bookHeadding .abcSelect a.active {color: #ff510c !important;}

#booksList {padding: 0; margin: 0;}
#booksList > li {list-style: none; padding: 30px 20px; border-bottom: 1px solid #CCC; position: relative; }



.booksInfoH4 {padding: 0; margin: 0 0 23px; color: #333;}
.booksInfoP1 {padding: 0; margin: 0 0 15px; font-size: 12px; color: #747474;}
.booksInfoP2 {padding: 0; margin: 0 0 15px; font-size: 12px; color: #747474;}
.booksInfoP3 {padding: 0; margin: 0 0 15px; font-size: 12px; color: #747474; line-height: 1.5;}
.booksInfoBtnWrap {padding: 15px 0 0 0;}



.booksu {margin-bottom: 10px;}
.booksu span {font-size: 13px; margin-right: 5px;}
.booksu input {text-align: center;}


.bookIndexViewLayer {margin-top: 25px; padding: 25px 20px; border-top: 1px solid #CCC; display: none;}
.bookIndexViewLayer table tr th {font-size: 14px; color: #333; line-height: 40px;} 
.bookIndexViewLayer table tr td.td1 {font-size: 13px; color: #009940; line-height: 40px;}
.bookIndexViewLayer table tr td.td2 {font-size: 13px; color: #666;}



.nowBayBtn {width: 162px; border: none; background: #009940; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: block; margin-bottom: 5px;}
.meajin {width: 162px; border: none; background: #CCC; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: block; margin-bottom: 5px;}
.layerPopBtn1 {background: url(/images/main2017/book_More_btn.jpg) no-repeat; width: 60px; height: 25px; display: inline-block; cursor: pointer;}
.layerPopBtn2 {background: url(/images/main2017/bookIndex_view.jpg) no-repeat; width: 125px; height: 25px; display: inline-block; cursor: pointer;}
.layerPopBtn2.active {background: url(/images/main2017/bookIndex_view_active.jpg) no-repeat;}
.layerPopBtn3 {width: 162px; border: none; background: #7e7e7e; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: block; margin-bottom: 5px;}
.layerPopBtn4 {width: 162px; border: none; background: #009940; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: block; margin-bottom: 5px;}
.plus, .minus {cursor: pointer;}



.layerPopSum {width: 162px; border: none; background: #009940; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: inline-block; margin-bottom: 5px;}
.layerPopCencel {width: 162px; border: none; background: #7e7e7e; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: inline-block; margin-bottom: 5px;}
.booksSum {width: 162px; border: none; background: #009940; color: #FFF; font-size: 15px; font-weight: bold; line-height: 35px; display: inline-block; margin-bottom: 5px;}


.layerPopup1 {width: 573px; border: 1px solid #000; position: absolute; z-index: 99; top:30px; left: 20px; background: #FFF; display: none;}
.layerPopup2 {width: 621px; border: 1px solid #000; position: absolute; z-index: 99; top:30px; left: 20px; background: #FFF; display: none;}
.layerPopup3 {width: 621px; border: 1px solid #000; position: absolute; z-index: 99; top:30px; left: 20px; background: #FFF; display: none;}
.titlePop {background: #000; position: relative;}
.titlePop h3 {display: inline-block; color: #FFF; font-size: 14px; line-height: 48px; padding: 0 15px; margin: 0;}
.layerCloseBtn {position: absolute; top:0; right: 0; background: url(/images/main2017/layerCloseBtn.jpg) no-repeat; width: 48px; height: 48px; display: block; cursor: pointer; border: none;}


.booksSlide, .booksOhter {padding: 30px 56px; position: relative;}
.booksSlide > ul {padding: 0; margin: 0;}
.booksSlide > ul > li {list-style: none; display: none;}
.booksSlide > ul > li img {border: 1px solid #666;}
.bookSlidePrevBtn {border: none; background: url(/images/main2017/layerSlide_Prev.jpg) no-repeat; display: block; width: 49px; height: 43px; position: absolute; top:50%; margin-top: -22px; left: 0;}
.bookSlideNextBtn {border: none; background: url(/images/main2017/layerSlide_Next.jpg) no-repeat; display: block; width: 48px; height: 43px; position: absolute; top:50%; margin-top: -22px; right: 0;}
.bookSlidePrevBtn.end {background: url(/images/main2017/layerSlide_Prev_end.jpg) no-repeat;}
.bookSlideNextBtn.end {background: url(/images/main2017/layerSlide_Next_end.jpg) no-repeat;}


.meajinhead01, .meajinhead02 {height: 32px; padding: 0; margin: 0; border-bottom: 2px solid #666;}
.meajinhead01 {background: url(/images/main2017/meajinhead01.jpg) no-repeat;}
.meajinhead02 {background: url(/images/main2017/meajinhead02.jpg) no-repeat;}



/*수강신청 전체 리스트*/

.requestList1 {margin: 0 0 40px; padding: 0;}
.requestList1 li {width: 190px; height: 300px; overflow: hidden; float: left; list-style: none; position: relative; margin-right: 8px; margin-bottom: 8px;}
.requestList1 li .normal {position: absolute; z-index: 1; top:0; left: 0;}
.requestList1 li .hover {position: absolute; z-index: 2; top:0; left: 0; display: none;}
.requestList1 li .btn1, .requestList1 li .btn2 {background: url(/images/main2017/ie8black50.png); border: 1px solid #FFF; display: block; width: 73px; line-height: 28px; height: 28px; font-size: 12px; color: #FFF; position: absolute; z-index: 3; bottom: 21px; text-align: center;}
.requestList1 li .btn1 {left: 17px;}
.requestList1 li .btn2 {right: 17px;}
.requestList1 li .btn1:hover, .requestList1 li .btn2:hover {background: #000;}
.requestList1 li .btn2 span {font-size: 9px;}


/*수강신청 교수홈 톱 */
.requestH3 {}
.requestH4 {font-size: 17px; margin: 0; padding: 0; margin-bottom: 10px;}


#requestNotice1 {position: absolute; top:146px; left: 40px; width: 315px;}
#requestNotice2 {position: absolute; top:243px; left: 40px; width: 315px;}
#requestTabList {border-bottom: 1px solid #000; position: relative; margin-bottom: 14px;}
#requestTabList ul {margin: 0; padding: 0;}
#requestTabList ul li {list-style: none; float: left; position: relative; top:1px; border: 1px solid #c9c9c9; border-bottom: 1px solid #000; width: 105px; height: 23px; line-height: 23px; text-align: center; font-size: 12px; font-weight: bold; color: #666; cursor: pointer;}
#requestTabList ul li.active {border: 1px solid #000; border-bottom: 1px solid #e9e9e9; color: #000;}
#requestTabList .moreBtn {background: url(/images/main2017/requestMoreBtn.jpg) no-repeat; display: block; width: 16px; height: 16px; position: absolute; right: 1px; top:4px;}
#requestNotice2 h4 {margin: 0 0 12px; padding: 0 5px 5px; border-bottom: 1px solid #c9c9c9; position: relative; font-size: 12px;}
#requestNotice2 h4 .moreBtnOther {background: url(/images/main2017/requestMoreBtn.jpg) no-repeat; display: block; width: 16px; height: 16px; position: absolute; right: 1px; top:-2px;}

.requestTabsBox, .requestOtherNoti {}
.requestTabsBox ul, .requestOtherNoti ul {margin: 0; padding: 0;}
.requestTabsBox ul li, .requestOtherNoti ul li {list-style: none; padding-left: 10px; background: url(/images/main2017/requestLiPoint.jpg) no-repeat left center; line-height: 11px; margin-bottom: 10px;}
.requestTabsBox ul li a, .requestOtherNoti ul li a {font-size: 11px; color: #666 !important;}
.requestTabsBox ul li a:hover, .requestOtherNoti ul li a:hover {text-decoration: underline; color: #333 !important;}
.requestOtherNoti ul li span {font-size: 11px; position: absolute; right: 5px;}

.requestTopBtn {position: absolute; width: 60px; height: 60px; right: 12px; display: block; font-size: 0;}
#rtb01 {top:40px; background: url(/images/main2017/requestTopBtn1.png) no-repeat;}
#rtb02 {top:105px; background: url(/images/main2017/requestTopBtn2.png) no-repeat;}
#rtb03 {top:170px; background: url(/images/main2017/requestTopBtn3.png) no-repeat;}

.requestPageTabList {margin: 0 0 25px; padding: 0;}
.requestPageTabList li {list-style: none; float: left;}
.requestPageTabList li a {display: block; border: 1px solid #cccccc; background: #f5f5f5; width: 128px; border-bottom: 1px solid #009940; color: #333333 !important; font-size: 12px; text-align: center; line-height: 38px; height: 38px; font-weight: bold; border-left: 1px solid #f0f0f0;}
.requestPageTabList li a.first {width: 133px; border-left: 1px solid #cccccc;}
.requestPageTabList li a.active {background: #fff; border: 1px solid #009940; border-bottom: 1px solid #fff; color: #009940 !important;}

.rqwarp {border: 1px solid #ccc; border-bottom: none; padding: 12px 18px;}
.rqwarp h3 {border-bottom: 1px dotted #666; padding: 0 0 10px 0; font-size: 17px; color: #333;}
.rqwarp table {}
.rqwarp table tr td {font-size: 12px; color: #666; padding: 5px 0;}
.rqwarp table tr td.leanType {font-weight: bold; color: #333; text-align: left;}
.rqwarp table tr td.price {font-weight: bold; color: #fe500b; text-align: right;}
.rqwarp table tr td .detailView {display: inline-block; color: #666 !important; border: 1px solid #CCC; width: 60px; line-height: 18px; height: 18px; font-size: 11px; text-align: center;}
.rqwarp table tr td .detailView2 {background: #ff692d; display: inline-block; color: #FFF !important; border: 1px solid #ff692d; width: 60px; line-height: 18px; height: 18px; font-size: 11px; text-align: center;}
.rqwarp table tr td .detailView:hover {background: #f0f0f0;}
.rqwarp p {font-size: 12px; color: #333; line-height: 1.7; padding: 0; margin: 0;}
.rqwarpBottom {border: 1px solid #ccc; background: #fafafa; padding: 12px 18px; text-align: right; margin-bottom: 10px;}
.rqwarpBottom .totalResult {font-weight: bold; font-size: 14px; line-height: 18px;}
.rqwarpBottom .totalResult img {vertical-align: middle;}

.rqwarpBottom2 {padding: 20px 0px; text-align: right; margin-bottom: 10px;}
.rqwarpBottom3 {padding: 20px 0px; text-align: center; margin-bottom: 10px;}

.rqwarp table tr td .pokaBox {background: #f0f0f0; text-align: right; width: 90px; padding: 0 2px; position: relative; line-height: 15px;}
.rqwarp table tr td .pokaBox .point {background: #547bd8; width: 15px; position: absolute; top:0; left: 0; text-align: center; color: #FFF; font-weight: bold;}
.rqwarp table tr td .pokaBox .kang {background: #44b271; width: 15px; position: absolute; top:0; left: 0; text-align: center; color: #FFF; font-weight: bold;}
.rqwarp table tr td .sampleMovieBtn {background: url(/images/main2017/requestBtn01.png) no-repeat; width: 60px; height: 20px; display: inline-block;}
.rqwarpBottom .btnsst01 {background: #7e7e7e; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom .btnsst01:hover {background: #666;}
.rqwarpBottom .btnsst02 {background: #009940; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom .btnsst02:hover {background: #037934;}

.rqwarpBottom2 .btnsst01 {background: #7e7e7e; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom2 .btnsst01:hover {background: #666;}
.rqwarpBottom2 .btnsst02 {background: #009940; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom2 .btnsst02:hover {background: #037934;}

.rqwarpBottom3 .btnsst01 {background: #7e7e7e; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom3 .btnsst01:hover {background: #666;}
.rqwarpBottom3 .btnsst02 {background: #009940; color: #FFF !important; border: none; font-weight: bold; width: 140px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.rqwarpBottom3 .btnsst02:hover {background: #037934;}

.rqwarpAcoBox {border: 1px solid #ccc; border-bottom: none; padding: 12px 18px;}
.rqwarpAcoBox table {}
.rqwarpAcoBox table tr td {font-size: 12px; color: #666; padding: 5px 0;}
.rqwarpAcoBox table tr td.leanType {font-weight: bold; color: #333; text-align: left;}
.rqwarpAcoBox table tr td.price {font-weight: bold; color: #fe500b; text-align: right;}
.rqwarpAcoBox table tr td .detailView4 {display: inline-block; color: #666 !important; border: 1px solid #CCC; width: 100px; line-height: 18px; height: 18px; font-size: 11px; text-align: center;}
.requestAcoBtn {border: 1px solid #ccc; border-bottom: none; cursor: pointer; background: url(/images/main2017/requestAcoBtn.jpg) no-repeat; width: 783px; height: 42px;}
.requestAcoBtn.active {background: url(/images/main2017/requestAcoBtn_hover.jpg) no-repeat;}


.rqwarpInfo {border: 1px solid #ccc; background: #fafafa; border-bottom: none; padding: 12px 18px; font-size: 12px;}
.rqwarpInfo h4 {font-size: 14px; margin: 0 0 10px; padding: 0;}
.rqwarpInfo .dmp {font-size: 11px; color: #888;}
.rqwarpInfo p > span {color: #009940; margin-right: 5px;}


.posiWarp {position: relative; margin-bottom: 10px;}
.posiicon01 {background: #e4a52b; width: 50px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon02 {background: #8a65de; width: 50px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon03 {background: #547bd8; width: 50px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon04 {background: #ff510c; width: 20px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon05 {background: #547bd8; width: 20px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon06 {background: #2b9a59; width: 50px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon07 {background: #005724; width: 70px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon08 {background: #3a5697; width: 80px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon09 {background: #6b7b9f; width: 70px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiicon10 {background: #a57d43; width: 80px; height: 19px; line-height: 19px; color: #FFF; font-size: 12px; display: inline-block; text-align: center;}
.posiWarp .rightBtn {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 0;}
.posiWarp .rightBtn2 {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 120px;}
.posiWarp .rightBtn3 {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 0; width: 100px; text-align: center;}
.posiWarp .rightBtn4 {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 120px; width: 100px; text-align: center;}




.requestPageTabList2 {position: relative; margin-bottom: 25px;}
.requestPageTabList2 ul {padding: 0; margin: 0;}
.requestPageTabList2 ul li {list-style: none; float: left; padding: 0px 18px; border-right: 1px solid #ccc; line-height: 1;}
.requestPageTabList2 ul li a {font-size: 12px; color: #666;}
.requestPageTabList2 ul li a.active {font-weight: bold; color: #333;}
.requestPageTabList2 .rightBtn {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 0;}
.requestPageTabList2 .rightBtn2 {font-size: 12px; display: inline-block; padding: 4px 6px; color: #666; border: 1px solid #CCC; position: absolute; top: -5px; right: 120px;}

.requstTableDasu tr td {border: none !important; padding: 5px 0px !important;}
.requstTableDasu tr.dasuTd td {border-bottom: 1px dotted #CCC !important; padding: 10px 0px !important;}
.requstTableDasu tr td .detailView, .boardList tr td .detailView {display: inline-block; color: #666 !important; border: 1px solid #CCC; width: 60px; line-height: 18px; height: 18px; font-size: 11px; text-align: center;}
.requstTableDasu tr td .detailView:hover, .boardList tr td .detailView:hover {text-decoration: none !important; background: #f0f0f0;}
.requstTableDasu tr td.titleRequest {text-align: left;}
.requstTableDasu tr td.titleRequest a {padding-left: 15px !important; color: #009940 !important;}
.requstTableDasu tr td.titleRequest a:hover {color: #007D34 !important;}
.requstTableDasu tr td .sampleMovieBtn, .boardList tr td .sampleMovieBtn {background: url(/images/main2017/requestBtn01.png) no-repeat; width: 60px; height: 20px; display: inline-block;}
.requsetTableTdTitle tr td.title {padding-left: 10px !important;}

.ymdDownload {background: #009940; line-height: 35px; height: 35px; width: 230px; text-align: center; display: inline-block; font-size: 14px; color: #FFF; font-weight: bold;}
.ymdDownload:hover {background: #007631;}


.requestDVI {border: 2px solid #CCC; margin-bottom: 10px;}
.requestDVI tr th, .requestDVI tr td {border-bottom: 1px solid #CCC; padding: 0 10px; font-size: 12px; line-height: normal; vertical-align: middle; text-align: left;}
.requestDVI tr td {border-right: 1px solid #ccc;}
.requestDVI tr th {background: #fafafa;}
.requestDVI tr .imgBox {padding: 0;}

#rqDetailTab {border-bottom: 1px solid #333; padding: 0; margin: 0; display: block; list-style: none; position: relative;}
#rqDetailTab li {float: left; width: 130px; font-size: 12px; text-align: center; cursor: pointer; height: 38px; line-height: 38px; border: 1px solid #ccc; border-bottom: 1px solid #333; color: #333; background: #f5f5f5; position: relative; top:1px;}
#rqDetailTab li.active {background: #FFF; border: 1px solid #333; border-bottom: 1px solid #FFF; font-weight: bold;}
.rqDetailTabBox {margin-bottom: 25px;}
.rqDetailTabBox > h3 {padding: 25px 0 5px; font-size: 15px; color: #333; margin: 0;}
.leanFeat {border-bottom: 1px solid #CCC; padding-bottom: 10px;}
.leanFeat table {margin-bottom: 15px;}
.leanFeat table tr th, .leanFeat table tr td {font-size: 12px; padding: 4px 0;}
.leanFeat table tr th {vertical-align: top; color: #009940;}
.leanFeat table tr td {color: #333; line-height: 1.5;}

.leanListCal {border-bottom: 1px solid #CCC; padding-bottom: 20px;}
.leanListCal table {border-top: 2px solid #666; margin-bottom: 15px;}
.leanListCal table thead tr th {font-size: 12px; color: #333; background: #f5f5f5; border-bottom: 1px solid #CCC; padding: 13px 0;}
.leanListCal table tbody tr th, .leanListCal table tbody tr td {font-size: 12px; color: #333; border-bottom: 1px solid #CCC;}
.leanListCal table tbody tr th {font-weight: normal; text-align: left; padding: 10px 15px;}
.leanListCal table tbody tr td {vertical-align: middle; text-align: center; padding: 10px 0;}
.leanListCal table tbody tr td .sampleMovieBtn {background: url(/images/main2017/requestBtn01.png) no-repeat; width: 60px; height: 20px; display: inline-block;}
.leanListCal .info {padding: 5px 20px;}
.leanListCal .info h5 {padding: 0; margin: 0; margin-bottom: 10px; color: #333;}
.leanListCal .info p {padding: 0; margin: 0; margin-bottom: 6px; color: #666; font-size: 12px;}
.leanListCal .detailView {display: inline-block; color: #666 !important; border: 1px solid #CCC; width: 60px; line-height: 18px; height: 18px; font-size: 11px; text-align: center;}
.leanListCal .detailView:hover {background: #f0f0f0;}
#rqDetailTabBox4 .leanListCal {border: none; padding: 0;}




/* 장바구니 페이지 스타일 */
.basketTopLine {position: relative; margin-bottom: 20px;}
.basketTopLine h3 {font-size: 14px; padding: 0; margin: 0; line-height: 20px;}
.basketTopLine .btnZone {display: inline-block; position: absolute; right: 0; top:0;}
.basketTopLine .btnZone .btn {background: #FFF; border: 1px solid #CCC; padding: 5px 13px; font-size: 12px; color: #666;}

.basketTableDe {border-top: 2px solid #666; margin-bottom: 20px;}
.basketTableDe thead tr th {background: #f5f5f5; color: #333; font-size: 12px; padding: 12px 0; border-bottom: 1px solid #CCC;}
.basketTableDe tbody tr td {vertical-align: middle; font-size: 12px; padding: 10px 5px; border-bottom: 1px solid #CCC; color: #666; line-height: 18px;}
.basketTableDe tbody tr.main {}
.basketTableDe tbody tr.sub {background: #fafafa;}
.basketTableDe tbody tr td.divi {color: #009940;}
.basketTableDe tbody tr td.save {color: #009940; font-weight: bold;}
.basketTableDe tbody tr td.result {color: #333; font-weight: bold;}
.basketTableDe tbody tr td.result2 {color: #333; font-weight: bold; padding-right: 20px;}
.basketTableDe .cancel, .basketTableDe .sdaymodi {background: #FFF; border: 1px solid #CCC; padding: 3px 5px; font-size: 11px; color: #999; font-weight: bold;}
.basketResult {background: #fafafa; border: 1px solid #999; padding: 15px 30px;}
.basketResult table {}
.basketResult table tr td {vertical-align: middle; font-weight: bold; padding: 0px 20px; font-size: 15px; line-height: 25px;}
.basketResult table tr td span.save {color: #009940;}
.basketResult table tr td span.result {color: #fe500b;}




/* 결제하기 페이지 */
.paymentTitle {padding: 40px 0 10px; margin: 0; font-size: 14px;}
.paymentTable {border-top: 2px solid #666;}
.paymentTable tr th {background: #f5f5f5; color: #333; font-size: 12px; padding: 12px 15px; border-bottom: 1px solid #CCC; vertical-align: top;}
.paymentTable tr td {vertical-align: middle; font-size: 12px; padding: 9px 15px; border-bottom: 1px solid #CCC; color: #666; line-height: 18px;}
.paymentTable .box1 {display: inline-block; width: 140px;}
.paymentTable .btnDe {background: #939393; border: none; padding: 5px 10px; font-size: 11px; color: #FFF; font-weight: bold;}
.paymentTable .btnWe {background: #FFF; border: none; border: 1px solid #CCC; padding: 5px 10px; font-size: 11px; color: #999; font-weight: bold;}
.paymentTable .inpBox {padding: 5px 10px; border: 1px solid #CCC;}
.paymentTable .taBox {padding: 5px 10px; border: 1px solid #CCC; resize: none;}
.paymentTable .selbox {padding: 5px 10px; border: 1px solid #CCC; position: relative; top:1px;}
.paymentTable .result {color: #fe500b; font-weight: bold;}
.paymentTable .result .reinfo {color: #666; font-size: 11px; font-weight: normal;}
.paymentTable .pous {position: relative; margin-bottom: 10px;}
.paymentTable .pous .pori {position: absolute; right: 0; top:-4px;}
.paymentTable .juweeDe {border: 1px solid #ccc; background: #f5f5f5 url(/images/main2017/ju_icon.jpg) no-repeat; height: 38px; line-height: 38px; color: #666; padding: 0 45px;}
.paymentTable .olist {padding: 0px 15px; margin: 0;}



/* 희소 학원 페이지 */
.hshwTitle {position: relative;}
.hshwTitle h3 {margin: 0; padding: 15px 0; font-size: 17px; color: #333;}
.hshwTitle .btnLink {border: 1px solid #CCC; color: #333; font-size: 12px; width: 120px; height: 29px; line-height: 29px; text-align: center; display: inline-block; position: absolute; top:12px; right: 0; font-weight: bold;}

.hshwBox {margin-bottom: 15px;}
.hshwInfoImg {float: left; border: 1px solid #CCC;}
.hshwInfoBox {float: right; width: 431px;}
.hshwInfoBox table {border-top: 1px solid #ccc;}
.hshwInfoBox table tr th, .hshwInfoBox table tr td {padding: 13px; font-size: 12px; color: #666; border-bottom: 1px solid #ccc; line-height: 1.5;}
.hshwInfoBox table tr th {background: #f5f5f5;}
.hshwInfoBox p {color: #666; font-size: 12px; line-height: 1.5;}


.hssList {margin: 0 0 30px 0; padding: 0; list-style: none; position: relative; border-bottom: 1px solid #333;}
.hssList li {float: left; position: relative; top:1px;}
.hssList li a {display: block; width: 194px; color: #333 !important; background: #f5f5f5; border: 1px solid #CCC; border-bottom: 1px solid #333; text-align: center; height: 38px; line-height: 38px; font-size: 12px;}
.hssList li a.active {border: 1px solid #333; border-bottom: 1px solid #FFF; font-weight: bold; background: #FFF; width: 195px;}
.hssInfoTb {border-top: 1px solid #ccc; margin-bottom: 25px;}
.hssInfoTb tr th, .hssInfoTb tr td {padding: 13px; font-size: 12px; border-bottom: 1px solid #ccc; vertical-align: middle; color: #666;}
.hssInfoTb tr th {background: #f5f5f5;}
.hssInfoTb tr td {}
.hssInfoTb .btnDe {background: #acacac; display: inline-block; padding: 4px 15px; font-weight: bold; color: #FFF !important; margin-left: 15px;}
.hssH3 {margin: 0; font-size: 14px; padding: 15px 0; color: #333;}


.hssInpTb {border-top: 2px solid #666;}
.hssInpTb tr th, .hssInpTb tr td {color: #666; font-size: 12px; padding: 13px; border-bottom: 1px solid #CCC;}
.hssInpTb tr th {background: #f5f5f5;}
.hssInpTb tr.sou td {padding: 13px 35px;}
.hssInpTb .deBox {display: inline-block; width: 85px; margin-right: 10px;}
.hssInpTb .deBox2 {display: inline-block; width: 100px; margin-right: 10px;}
.hssInpTb .deBox3 {display: inline-block; margin-right: 15px;}
.hssInpTb .deBox4 {display: inline-block; width: 155px; margin-right: 10px;}
.hssInpTb .selDe {padding: 5px 8px; width: 190px; border: 1px solid #b5b5b5;}
.hssInpTb .taBox {padding: 15px; width: 617px; border: 1px solid #CCC; height: 100px; resize: none;}
.hssInpTb .vvt {vertical-align: top;}
.hssInpTb .ssBox {border: 1px solid #ccc; padding: 15px; width: 671px; margin: 10px 0 0; height: 100px;}

.hssResult {padding: 40px 55px; border-top: 2px solid #666; border-bottom: 1px solid #ccc;}
.hssResult h4 {font-size: 18px; margin: 0 0 25px; padding: 0;}
.hssResult h5 {font-size: 14px; margin: 0 0 15px; padding: 0;}
.hssResult h5 span {color: #3a5697;}
.hssResult p {font-size: 12px; margin: 0; padding: 0;}



/* 지정클래스 길이,색,패딩,마진 조정 */
.textCenter {text-align: center;}
.w40 { width: 40px; }
.w70 { width: 70px; }
.w73 { width: 73px; }
.w80 { width: 80px; }
.w88 { width: 88px; }
.w90 { width: 90px; }
.w99 { width: 99px; }
.w100 { width: 100px; }
.w107 { width: 107px; }
.w112 { width: 112px; }
.w122 { width: 122px; }
.w123 { width: 123px; }
.w124 { width: 124px; }
.w125 { width: 125px; }
.w126 { width: 126px; }
.w127 { width: 127px; }
.w128 { width: 128px; }
.w129 { width: 129px; }
.w130 { width: 130px !important; }
.w134 { width: 134px; }
.w135 { width: 135px; }
.w136 { width: 136px; }
.w137 { width: 137px; }
.w138 { width: 138px; }
.w139 { width: 139px; }
.w140 { width: 140px; }
.w141 { width: 141px; }
.w142 { width: 142px; }
.w143 { width: 143px; }
.w144 { width: 144px; }
.w145 { width: 145px; }
.w146 { width: 146px; }
.w147 { width: 147px; }
.w148 { width: 148px; }
.w149 { width: 149px; }
.w150 { width: 150px; }
.w151 { width: 151px; }
.w152 { width: 152px; }
.w153 { width: 153px; }
.w154 { width: 154px; }
.w155 { width: 155px; }
.w158 { width: 158px; }
.w166 { width: 166px; }
.w170 { width: 170px; }
.w178 { width: 178px; }
.w180 { width: 180px; }
.w183 { width: 183px; }
.w199 { width: 199px; }
.w219 { width: 219px !important; }
.w236 { width: 236px; }
.w249 { width: 249px; }
.w250 { width: 250px; }
.w258 { width: 258px; }
.w259 { width: 259px; }
.w261 { width: 261px; }
.w262 { width: 262px; }
.w263 { width: 263px; }
.w360 { width: 360px; }
.w398 { width: 398px; }
.w386 { width: 386px; }
.w391 { width: 391px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w491 { width: 491px; }
.w553 { width: 553px; }
.w90p { width: 90%; }
.w100p { width: 100%; }
.h50 {height: 50px;}
.h100 {height: 100px;}
.textGreen {color: #2d9539 !important;}
.textAR {text-align: right;}
.paddingT15 {padding-top: 15px;}
.paddingT20 {padding-top: 20px;}
.paddingT25 {padding-top: 25px;}
.paddingT48 {padding-top: 48px;}
.paddingB48 {padding-bottom: 48px;}
.paddingB20 {padding-bottom: 20px;}
.padding_L_None {padding-left: 0 !important;}
.padding_R_None {padding-right: 0 !important;}
.nonBorder {border: none !important;}
.nonBorderT {border-top: none !important;}
.nonBorderR {border-right: none !important;}
.borderB1 {border-bottom: 1px solid #dee3eb;}
.borderR1 {border-right: 1px solid #dee3eb;}
.borderR1e4 {border-right: 1px solid #e4e4e4;}
.borderB1SDDD {border-bottom: 1px solid #DDD;}
.borderBS1px {border-bottom: 1px solid #a7a7a7;}
.borderBD1px {border-bottom: 1px dotted #666;}
.nonMarginB {margin-bottom: 0 !important;}
.marginB3 {margin-bottom: 3px !important;}
.marginB5 {margin-bottom: 5px !important;}
.marginB10 {margin-bottom: 10px !important;}
.marginB15 {margin-bottom: 15px !important;}
.marginB20 {margin-bottom: 20px !important;}
.marginB30 {margin-bottom: 30px !important;}
.marginB100 {margin-bottom: 30px !important;}
.marginL10 {margin-left: 10px !important;}
.marginR15 {margin-right: 15px !important;}
.marginR20 {margin-right: 20px !important;}
.marginT3 {margin-top: 3px !important;}
.marginT5 {margin-top: 5px !important;}
.nonMargin {margin: 0 !important;}
.lastListRB0RP0 {padding-right: 0 !important; border-right: none !important;}
.column {float: left; height: 100%; border-right: 1px solid #f1f3f6;}
.thWhite thead tr th {background: #FFF;}
.ltg {text-decoration: line-through;}

#lnbAuto{ float:left; width:230px!important;}
#lnbAuto{ border-top:2px solid #000;border-bottom:2px solid #000; margin-top:15px; }
#lnbAuto *{letter-spacing:-1px; margin:0; padding:0; color:#4c4c4c; text-align:left;}
#lnbAuto ul>li{background:url(/images/subcom/07sm_iconbox.gif) 206px 15px no-repeat}
#lnbAuto ul>li>a{font-size:14px;display:block; padding:10px 0 5px 15px ; font-weight:bold;border-bottom:1px solid #cbcccc; text-decoration:none;}
#lnbAuto ul>li>a:hover{color:#009a42 }
#lnbAuto ul>li:hover{background:url(/images/subcom/07sm_iconbox_ov.gif)  206px 15px no-repeat}
#lnbAuto ul>li:hover ul{ display:block}
#lnbAuto ul>li>ul{border-bottom:1px solid #cbcccc; background:#f9f9f9; display:none; /*padding-top:8px; padding-bottom:8px;*/ padding:8px 0 8px 10px;}
#lnbAuto ul>li>ul>li.sub_title{width:63px; /*padding:3px 0 3px 10px*/}
@media screen and (-webkit-min-device-pixel-ratio:0){#lnbAuto ul>li>ul>li.sub_title{width:63px; padding:3px 0;}
#lnbAuto ul>li>ul{border-bottom:1px solid #cbcccc; background:#f9f9f9; display:none; padding:8px 0 8px 10px;}
}
#lnbAuto ul>li>ul>li{display:inline-block;width:150px; float:left; padding:3px 0; box-sizing:border-box; background:none;}
#lnbAuto ul>li>ul>li:hover{background:none;}
#lnbAuto ul>li>ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#lnbAuto ul>li>ul>li>a{font-size:12px; font-weight:normal; display:inline-block; width:auto; padding:0 4px;border-bottom:none;}

#lnbAuto ul>li.on{background:url(/images/subcom/07sm_iconbox_ov.gif)  206px 15px no-repeat}
#lnbAuto ul>li.on>a{color:#009a42 }
#lnbAuto ul>li.on>ul{ display:block}
#lnbAuto ul>li>ul>li.on{color:#009a42}
#lnbAuto ul>li.on>ul>li>a.on{color:#009a42 }

/*#lnbAuto{ float:left; width:230px!important;}
#lnbAuto{ border-top:2px solid #000;border-bottom:2px solid #000; margin-top:15px; }
#lnbAuto *{letter-spacing:-1px; margin:0; padding:0; color:#4c4c4c; text-align:left;}
#lnbAuto ul>li{background:url(/images/subcom/07sm_iconbox.gif) 206px 15px no-repeat}
#lnbAuto ul>li.on>a{color:#009a42 }
#lnbAuto ul>li.on>ul{ display:block}
#lnbAuto ul>li.on>ul>li>a.on{color:#009a42 }
#lnbAuto ul>li>a{font-size:14px;display:block; padding:10px 0 5px 15px ; font-weight:bold;border-bottom:1px solid #cbcccc; text-decoration:none;}
#lnbAuto ul>li>a:hover{color:#009a42 }
#lnbAuto ul>li:hover{background:url(/images/subcom/07sm_iconbox_ov.gif)  206px 15px no-repeat}
#lnbAuto ul>li:hover ul{ display:block}
#lnbAuto ul>li>ul{border-bottom:1px solid #cbc; background:#f9f9f9; display:none;}
#lnbAuto ul>li>ul>li.sub_title{width:60px!important; padding:10px 0 10px 10px}
#lnbAuto ul>li>ul>li{display:inline-block; float:left; padding:10px 0; box-sizing:border-box; background:none;}
#lnbAuto ul>li>ul>li:hover{background:none;}
#lnbAuto ul>li>ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#lnbAuto ul>li>ul>li>a{font-size:12px; font-weight:normal; display:inline-block; width:auto; padding:0 4px;border-bottom:none;}*/



#lnb{ border-top:2px solid #000; margin-top:15px; }
#lnb *{letter-spacing:-1px; margin:0; padding:0; color:#4c4c4c}
#lnb{width:205px; text-align:left; }
#lnb h2{font-size:16px; height:64px; line-height:64px; border-bottom:2px solid #000; padding-left:10px;}
#lnb h2 a, #lnb h2 a:hover{color:#000000 !important; text-decoration:none;}
#lnb a{display:block;  font-weight:bold; color:#4a4a4a}
#lnb a:hover, #lnb a:hover #mm_txt, #lnb .on a{color:#009a42 !important}
#lnb .on a{color:#339900 !important; font-weight:bold !important;}
#lnb #mm_txt{font-weight:bold !important;}
#lnb .dep1 td{font-size:14px;}
#lnb .dep1 a{display:block; padding:4px 0 0 15px;}
#lnb .dep1:last-child{border:1px solid red}
.sideBnr{margin-top:15px !important;}
.sideBnr a{display:inline-block;}
.sideBnr img{vertical-align:middle;}
.sideBnr li{margin-bottom:5px !important;}


/*LNB*/
#imgLeft{display:none;}

#mmLeftSub a{display:inline;}
#mmLeftSub *{font-size:12px; font-weight:normal; color:#4a4a4a}
#mmLeftSub .sub{padding:14px 0 9px 15px; border-bottom:1px solid #cbcccc; background-color:#f9f9f9;}
#mmLeftSub a:hover span{color:#009a42 !important}
#mmLeftSub .dep3{padding:0 0 5px 2px;  line-height:1.3em !important}
#mmLeftSub .dep3 p{padding:0;}
#mmLeftSub .dep3 #mmLeftLastTxt{font-size:11px;;}
#mmLeftSub img{padding:5px 0 0 0}
#lnb .text_s{display:block; padding:1px 0 1px 0 !important; }
#lnb{ float:left; width:230px!important;}
#lnb table{}
#leftMenu a:hover{color:#009a42 !important}
#leftMenu *{letter-spacing:-1px;}
#leftMenu{width:230px; text-align:left;}
#leftMenu .leftMenu_inner{border:0; width:230px!important; border-top:2px solid #000;}
#leftMenu h2{font-size:16px; height:64px; line-height:64px;  padding-left:10px;}
#leftMenu h2 a, #lnb h2 a:hover{color:#000000 !important; text-decoration:none; line-height:64px;}
#leftMenu ul.dep2_1{border-bottom:1px solid #cbcccc !important; padding:12px 0 8px 15px; background-color:#f9f9f9}
#leftMenu li.dep1_1 a.dep1_1{display:block; background:url('/images/new2016/common/bul_lnb_open.gif') no-repeat 204px center; border:0 !important; border-bottom:1px solid #cbcccc !important; padding:10px 0 6px 15px; font-size:14px; font-weight:bold; color:#4a4a4a}
#leftMenu li.dep1_1 a.dep1_1.active{color:#339900; background:url('/images/new2016/common/bul_lnb_open.gif') no-repeat 204px center;}
#leftMenu li.dep2_1 div a{background:none; font-size:12px; padding:2px 0 !important;}
#leftMenu li.dep2_1 .active, #leftMenu li.dep2_1 .active a{color:#4a4a4a !important; /*text-decoration:underline;*/ font-weight:bold;}
#leftMenu .text_s{display:block; padding:1px 0 1px 0 !important;}
#leftMenu .dep3 #mmLeftLastTxt{font-size:11px !important; color:#999999;}



/* LNB STYLES */
/*.lnb {}
.lnb h3 {padding: 24px 15px 17px 15px; color: #333; font-size: 17px; border-bottom: 1px solid #333; margin: 0;}
.lnb > ul {margin: 0; padding: 0;}
.lnb > ul > li {list-style: none; border-bottom: 1px solid #cccccc;}
.lnb > ul > li > a {display: block; line-height: 46px; height: 46px; padding: 0 16px; background: #FFF url(/images/main2017/lnb_Icon_normal.jpg) no-repeat right center; font-size: 14px; color: #333 !important; cursor: pointer;}
.lnb > ul > li > ul, .lnb > ul > li > .lnbSubBox {margin: 0; padding: 0; padding-left: 35px; margin-bottom: 15px; display: none;}
.lnb > ul > li > ul > li {list-style: disc; color: #666; font-size: 12px;}
.lnb > ul > li > ul > li > a {display: block; font-size: 12px; color: #666 !important; padding: 5px 0;}
#lnbST1, #lnbST2 {width: 230px; position: relative; display: block;}
.subPage #lnbST1, .subPage #lnbST2 {width: 217px;}
.requestPage #lnbST1, .requestPage #lnbST2 {width: 217px;}

#lnbST1 > ul > li.active, #lnbST2 > ul > li.active {background: #fafafa;}
#lnbST1 > ul > li.active > a {background: #fafafa url(/images/main2017/lnb_Icon_over1.jpg) no-repeat right center; color: #009944 !important; font-weight: bold;}
#lnbST2 > ul > li.active > a {background: #fafafa url(/images/main2017/lnb_Icon_over2.jpg) no-repeat right center; color: #3a5697 !important; font-weight: bold;}
#lnbST1 > ul > li > ul > li.active {color: #009944;}
#lnbST1 > ul > li > ul > li.active > a {color: #009944 !important; font-weight: bold;}
#lnbST2 > ul > li > ul > li.active {color: #3a5697;}
#lnbST2 > ul > li > ul > li.active > a {color: #3a5697 !important; font-weight: bold;}

div.lnbSubBox {padding-left: 16px !important;}
.lnbSubBox table {margin-bottom: 5px;}
.lnbSubBox table tr th, .lnbSubBox table tr td {font-size: 12px; padding: 4px 0;}
.lnbSubBox table tr th {vertical-align: top; text-align: left; color: #009940;}
.lnbSubBox table tr td a {color: #666 !important;}
.lnbSubBox table tr td a:hover {color: #333 !important; font-weight: bold;}

.lnbTabList {position: relative; border-bottom: 1px solid #333; padding-top: 15px;}
.lnbTabList ul {padding: 0; margin: 0; list-style: none;}
.lnbTabList ul li {float: left; width: 106px; border: 1px solid #dbdbdb; background: #f0f0f0; border-bottom: 1px solid #333; text-align: center; line-height: 34px; height: 34px; font-size: 12px; color: #666; cursor: pointer; position: relative; top:1px;}
.lnbTabList ul li.active {border: 1px solid #333; color: #333; border-bottom: 1px solid #FFF; background: #FFF; font-weight: bold; width: 107px;}


#lnbST1 > ul > li.te_Title {padding: 16px;}
#lnbST1 > ul > li.te_Title h4 {padding: 0; margin: 0; font-size: 17px; color: #333;}
#lnbST1 > ul > li.te_Title span {font-size: 12px; color: #009940; margin-bottom: 10px; display: block;}*/

.teacher_sub{box-sizing:border-box; padding:0px; width:727px!important}
.lecTblSc{ border:1px solid #ccc; border-spacing:0; border-collapse:collapse; width:100%}
.lecTblSc td{border:1px solid #ccc; border-collapse:collapse; padding:3px}
.lecTblSc th{border:1px solid #ccc; border-collapse:collapse; background:#f1f7fd; padding:3px; white-space:nowrap}