/* 나눔고딕
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); */
/* font-family: 'Nanum Gothic', serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
/* font-family:'Open Sans', sans-serif; */
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 100;
  src: local('Noto Sans Thin'), local('NotoSans-Thin'),
  url(./fonts/NotoSansKR-Thin.eot),
  url(./fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Thin.woff) format('woff'),
  url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans Light'), local('NotoSans-Light'),
  url(./fonts/NotoSansKR-Light.eot),
  url(./fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Light.woff) format('woff'),
  url(./fonts/NotoSansKR-Light.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans Regular'), local('NotoSans-Regular'),
  url(./fonts/NotoSansKR-Regular.eot),
  url(./fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Regular.woff) format('woff'),
  url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans Medium'), local('NotoSans-Medium'),
  url(./fonts/NotoSansKR-Medium.eot),
  url(./fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Medium.woff) format('woff'),
  url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
  url(./fonts/NotoSansKR-Bold.eot),
  url(./fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Bold.woff) format('woff'),
  url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans Black'), local('NotoSans-Black'),
  url(./fonts/NotoSansKR-Black.eot),
  url(./fonts/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NotoSansKR-Black.woff) format('woff'),
  url(./fonts/NotoSansKR-Black.woff2) format('woff2'),
  url(./fonts/NotoSansKR-Black.otf) format('opentype');
}

/* font-family: 'Noto Sans KR', sans-serif; */

body { margin:0; padding:0; font-family: 'Noto Sans Korean', sans-serif; font-size:12px; background:#f2f6f7; }
input, button, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Noto Sans Korean', sans-serif;}
button { cursor:pointer;background:none }
button img, img { vertical-align:middle; }
button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;}
a{font-family: 'Noto Sans Korean', sans-serif;}
.fLeft { float:left; margin-right:5px; }
.fRight { float:right; margin-left:5px; }
.Left { text-align:left !important; margin-right:5px !important; }
.Right { text-align:right; margin-left:5px; }
input[readonly="readonly"]{ background:#f8f8f8; }
strong.red, span.red, label.red { color:#c73333 !important; }
strong.blue, span.blue, label.blue { color:#2665ae !important; }
strong.titleBlue, span.titleBlue { color:#1082c4; }
table, tr, td, th, span, *{font-family: 'Noto Sans Korean', sans-serif;}


@keyframes blink-effect { 50% { opacity: 0; } } 
.blink { animation: blink-effect 1s step-end infinite; /* animation-name: blink-effect; animation-duration: 1s; animation-iteration-count:infinite; animation-timing-function:step-end; */ }



/*layerPopup*/
#layerArea { position:relative; height:0px; z-index:10000; }
#layerArea .fix { position: fixed !important; left: 50%; transform: translateX(-50%); margin-top: 90px; }
#layerArea .layer_bg { position: fixed !important; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); zoom: 1; display:none; }
#layerArea .layer_wrap { position: absolute; left: 50%; transform: translateX(-50%); }
#layerArea .close_icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10001;
    width: 20px;
}
#layerArea .layer_cont {
    position: relative;
    text-align: right;
}
#layerArea .layer_close a {
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    color: #e3e3e3;
}

/* button  */
.button {
  background-color: #77ddcc !important;
  border: 1px solid #555 !important;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin: auto;
  padding: 0em 1em !important;
  position: relative;
  text-transform: uppercase;
}

.button::before,
.button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

.button:hover {
  color: #2ecc71;
}

/* BUTTON 1 */
.btn-1::after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.btn-1:hover:after {
  height: 100%;
}




/*상단배너*/
#topBannerArea { background:url(../images/safety/bg_topbanner.png); text-align:center; }

/* 공통 Top */
#header { overflow:hidden; min-width:1260px; background:#f4f4f4}
#header div { width:1260px; height:34px; margin:0 auto; text-align:right; line-height:34px; color:#01487f; font-size:14px}
#header button { height:26px; padding:0 10px; border:none; vertical-align:middle; color:#666; font-size:13px; line-height:26px; }
#header button + button { margin-left:4px; }
#header h1, #header h2, #header h3, #header h4, #header h5,
#GNB h1, #GNB h2, #GNB h3, #GNB h4, #GNB h5, #GNB ul, #GNB li,
#LNB h1, #LNB h2, #LNB h3, #LNB h4, #LNB h5, #LNB ul, #LNB li,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer ul, #footer li { margin:0; padding:0; }

/* 공통GNB */
#GNB {overflow:hidden;width:100%; min-width:1260px;  background:#fff; z-index:900; }
#GNB > div { overflow:hidden; width:1260px; margin:0 auto; text-align:right; }
#GNB a { float:left;
    margin:33px 14px 33px 0;
    /* margin:26.5px 10px;  */
    width:220px;
    border:none; }
#GNB a img { border:none;width:100% }
/* GNB Main */
#GNB ul, #GNB ol, #GNB li { display:block; list-style:none; padding:0; margin:0; }
#GNB ul { float:left;}
#GNB ul > li { overflow:hidden; float:left;
    margin-left:50px;cursor:pointer; text-align: center; }
#GNB ul h1 { padding-top:28px; border-bottom:5px solid #fff; font-size:16px; font-weight:500; color:#333; line-height:50px; letter-spacing:-0.05em;}
#GNB ul > li:hover > h1 { border-bottom:2px solid #2665ae; }
#GNB ul > li.studyMenu { background:url(../images/global/icon_studymenu.png) no-repeat center top; }
#GNB ul > li.studyMenu > h1 { border-bottom:5px solid #68adde; color:#68adde; }
#GNB ol { display:none; margin:5px 0 15px; }
#GNB ol li { line-height:28px; color:#565656; text-align:center; }
#GNB ol li:hover { color:#2665ae; font-weight:bold; }
#GNB ul:hover ol { display:none;}

#GNB .search_box{float:right;overflow:hidden;width:230px;margin-top:35px;border:1px solid #ddd}
#GNB .search_box input{float:left;width:170px;height:38px;padding:0 20px;line-height:38px;border:0;box-sizing: border-box;}
#GNB .search_box button{float:right;width:60px;height:38px;border:0;overflow:hidden;text-indent:-9999px;background:url(../images/global/search_box_btn.png) no-repeat center center;}

/* footer */
#footer {overflow:hidden;min-width:1260px;background:#333}
#footer > div {overflow:hidden;width:1260px;margin:30px auto 40px}
#footer > div img{float:left;margin-right:50px}
#footer > div ul, #footer > div li { display:block; margin:0; padding:0; }
#footer > div ul { overflow:hidden; margin:0 0 40px; }
#footer > div li { float:left; margin-right:18px; line-height:18px; color:#fff; cursor:pointer;font-size:16px }
#footer > div li + li { padding-left:18px; border-left:1px solid #636363; }
#footer > div address { overflow:hidden; line-height:2; font-size:14px; color:#999; font-style:normal; }
#footer > div address strong{font-weight:700;color:#fff;}

#floatdiv{position:fixed;right:0;top:131px}
#floatdiv ul,
#floatdiv ul li{list-style:none}
#floatdiv ul li.link{border:1px solid #ddd;border-bottom:0}
#floatdiv ul li.list {border-bottom:1px solid #ddd}
#floatdiv ul li.link a{display:block;width:78px;height:83px;padding-top:59px;color:#666;font-size:13px;line-height:1.1;box-sizing:border-box;text-align:center;text-decoration:none}
#floatdiv ul li.link a:hover{color:#fff}
#floatdiv ul li.question a{background:#fff url(../images/global/quick_question.png) no-repeat center center;}
#floatdiv ul li.blog a{background:#fff url(../images/global/quick_blog.png) no-repeat center center;}
#floatdiv ul li.my a{background:#fff url(../images/global/quick_my.png) no-repeat center center;}
#floatdiv ul li.help a{background:#fff url(../images/global/quick_ezhelp.png) no-repeat center center;}
#floatdiv ul li.list a{background:#fff url(../images/global/blogger.png) no-repeat center 20%;background-size: 50px 45px;}
/* #floatdiv ul li.question a{background:#1499e1 url(../images/global/quick_question_on.png) no-repeat center center;} */
#floatdiv ul li.question a{overflow:hidden;padding:0}
#floatdiv ul li.blog a:hover{background:#01487F url(../images/global/quick_blog_on.png) no-repeat center center;}
#floatdiv ul li.my a:hover{background:#01487F url(../images/global/quick_my_on.png) no-repeat center center;}
#floatdiv ul li.help a:hover{background:#01487F url(../images/global/quick_ezhelp_on.png) no-repeat center center;}
#floatdiv ul li.list a:hover{background:#01487F url(../images/global/blogger.png) no-repeat center 20%; background-size: 50px 45px;}
#floatdiv ul li.top a{display:block;background:#000;text-align:center;line-height:25px;color:#fff;font-size:15px;text-decoration:none}

/* 메인 */
#main_contents{min-width:1260px;}
#main_contents ul,
#main_contents ul li{list-style: none;margin:0;padding:0}
#main_contents > ul { overflow:hidden; width:1260px; margin:0 auto; padding:20px 0; }
#main_contents > ul > li { display:inline-block; width:408px; background:#fff; border:1px solid #e7edee;}
/* 메인슬라이드 */
#main_contents .rolling_area{position:relative}
#main_contents .rolling_area ,
#main_contents .rolling_area .rolling_banner{ overflow:hidden}
#main_contents .rolling_area .rolling_banner li { float:left; text-align:center;overflow:hidden}
#main_contents .rolling_area .rolling_banner li a{display:block;position:relative;left:50%;width:1920px;margin-left:-960px}
#main_contents .rolling_area .rolling_banner li a img{}
#main_contents .rolling_area .rolling_pager{position:absolute;bottom:23px;width:100%;text-align:center}
#main_contents .rolling_area .rolling_pager li{display:inline-block;width:11px;height:11px;margin:0 3px;background:none;overflow:hidden;text-indent:-9999px;border:1px solid #01487f;border-radius:100%;opacity:0.5}
#main_contents .rolling_area .rolling_pager li.On{background:#01487f;opacity:1}
/* 로그인 */
#main_contents .loginArea{position: absolute;top:30px;width:230px;left:50%;margin-left:400px}
#main_contents .loginArea .no_login input{width:100%;height:38px;border:1px solid #ddd;background:#fff;padding:0 20px;margin-bottom:10px;font-size:14px;line-height:38px}
#main_contents .loginArea .no_login button.login{display:block;width:100%;padding-bottom:0;background:#01487f;line-height:40px;text-align:center;color:#fff;font-size:14px;border:0}
#main_contents .loginArea .no_login ul{margin-top:10px;text-align:center}
#main_contents .loginArea .no_login ul li{display:inline-block;position:relative;padding:0 13px}
#main_contents .loginArea .no_login ul li:after{content:"";position:absolute;left:0;top:5px;bottom:4px;width:1px;background:#01487f}
#main_contents .loginArea .no_login ul li:first-child:after{display:none}
#main_contents .loginArea .no_login ul li button{font-size:15px;color:#01487f;border: 0;background:0;letter-spacing:-0.05em;}
#main_contents .loginArea .login{background:#fff;padding-bottom:20px;}
#main_contents .loginArea .login h1{margin:0;padding:15px 20px 5px;font-size:14px;color:#333;font-weight:400;line-height:1.5;letter-spacing:-0.05em}
#main_contents .loginArea .login h1 strong{font-size:20px;color:#0e5186;font-weight:700}
#main_contents .loginArea .login .btn_area{margin-bottom:20px;padding:0 20px;overflow:hidden}
#main_contents .loginArea .login .btn_area button{letter-spacing:-0.05em}
#main_contents .loginArea .login .btn_area .logout{float:left;padding:1px 5px;border:0;border-bottom:1px solid #666;background:none;font-size:14px;color:#666;}
#main_contents .loginArea .login .btn_area .admin_mode{float:right;padding:1px 5px;border:1px solid #ddd;background:none;font-size:14px;color:#666}
#main_contents .loginArea .login ul{overflow:hidden}
#main_contents .loginArea .login ul li{float:left;width:76px;border-right:1px solid #ddd}
#main_contents .loginArea .login ul li:last-child{border-right:0}
#main_contents .loginArea .login ul li a{display:block;padding-top:33px;text-decoration:none;text-align:center;font-size:12px;color:#666;line-height:1.1;letter-spacing:-0.05em}
#main_contents .loginArea .login ul li.my_room a{background:url(../images/main/login_my_room.png) center top no-repeat}
#main_contents .loginArea .login ul li.help a{background:url(../images/main/login_help.png) center top no-repeat}
#main_contents .loginArea .login ul li.my_info a{background:url(../images/main/login_info.png) center top no-repeat}
#main_contents .loginArea .bank_account{width:230px;padding:10px 19px 16px 19px;margin-top:8px;background:#1499e1;color:#fff;letter-spacing:-0.05em;box-sizing: border-box;}
#main_contents .loginArea .bank_account p{margin:0;padding:0;color:#fff;line-height:1.1;text-align:left}
#main_contents .loginArea .bank_account .tit{margin-bottom:8px;padding-left:35px;background:url(../images/main/bank_account_icon.png) left center no-repeat;line-height:25px;font-size:18px;font-weight:500}
#main_contents .loginArea .bank_account .bank{margin-bottom:6px;font-weight:700;font-size:14px}
#main_contents .loginArea .bank_account .bank span{display:inline-block;margin-left:10px;font-weight:400;font-size:13px;}
#main_contents .loginArea .bank_account .account{font-weight:700;font-size:22px}
#main_contents .loginArea .cs_center{width:230px;padding:15px 10px 13px 19px;margin-top:8px;background:#01487f;color:#fff;letter-spacing:-0.05em;box-sizing: border-box;}
#main_contents .loginArea .cs_center p{padding:0;margin:0;color:#fff}
#main_contents .loginArea .cs_center .tit{padding-left:35px;background:url(../images/main/cs_cen_icon.png) left center no-repeat;margin-bottom:6px;font-size:18px;font-weight:500;line-height:23px}
#main_contents .loginArea .cs_center strong{display:block;margin-bottom:8px;font-size:37px;font-weight:700;line-height:39px}
#main_contents .loginArea .cs_center .call{margin-bottom:3px;font-size:16px;line-height:18px}
#main_contents .loginArea .cs_center .con{font-size:12px;line-height:1.25}
/* 신규 최신 콘텐츠 */
#main_contents .keyvisul{margin-bottom:80px}
#main_contents .education_contents{width:1260px;margin:0 auto 80px}
#main_contents .education_contents h1,
#main_contents .education_contents h2,
#main_contents .education_contents a{padding:0;margin:0;text-decoration:none;font-weight:400;border:0}
#main_contents .education_contents .tit h1{margin-bottom:12px;color:#111;font-size:28px;font-weight:700;line-height:30px;letter-spacing:-0.05em;}
#main_contents .education_contents .tit h2{padding-bottom:30px;font-size:14px;color:#666;line-height:16px;letter-spacing:-0.05em;}
#main_contents .education_contents ul{overflow:hidden}
#main_contents .education_contents ul li{float:left;width:300px;margin-right:20px}
#main_contents .education_contents ul li a{display:block}
#main_contents .education_contents ul li a div{width:300px;height:226px;border-radius:5px;overflow:hidden}
#main_contents .education_contents ul li a div img{width:100%}
#main_contents .education_contents ul li a h2{padding:20px 20px 10px;font-size:12px;color:#666}
#main_contents .education_contents ul li a h1{padding:0 20px 20px;font-size:16px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;height:2.4em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* 게시판 */
#main_contents{background:#fff}
#main_contents .board{background:#f4f4f4;padding:60px 0;clear:both}
#main_contents .board ul {width:1260px;overflow:hidden;margin:0 auto}
#main_contents .board ul li{float:left;width:300px;margin-right:20px;background:#fff}
#main_contents .board ul li:last-child{margin-right:0}
#main_contents .board ul li h1{position:relative;line-height:84px;padding-left:60px;margin:0;color:#333;font-weight:700;font-size:20px}
#main_contents .board ul li h1 button{position:absolute;top:38px;right:30px;width:17px;height:17px;overflow:hidden;text-indent:-9999px;background:none;border:0}
#main_contents .board ul li h1 button::after{content:"";position:absolute;top:50%;left:0;right:0;height:3px;margin-top:-1.5px;background:#333}
#main_contents .board ul li h1 button::before{content:"";position:absolute;top:0;left:50%;bottom:0;width:3px;margin-left:-1.5px;background:#333}
#main_contents .board ul li table{margin:0 20px 30px 30px;border-top:1px solid #ddd;width:250px;border-collapse:collapse;table-layout:fixed;}
#main_contents .board ul li table tr th,
#main_contents .board ul li table tr td{padding-top:20px;font-size:15px;color:#666}
#main_contents .board ul li table tr th{width:170px;padding-right:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500;box-sizing:border-box;cursor: pointer;}
#main_contents .board ul li.notice h1{background:url(../images/main/board_icon_01.png) 23px center no-repeat}
#main_contents .board ul li.review h1{background:url(../images/main/board_icon_02.png) 23px center no-repeat}
#main_contents .board ul li.question h1{background:url(../images/main/board_icon_03.png) 23px center no-repeat}
#main_contents .board ul li.reference h1{background:url(../images/main/board_icon_04.png) 23px center no-repeat}
/* 인증기관 */
#main_contents .agency{padding:30px 0}
#main_contents .agency li{float:left;width:25%;text-align:center;border: 0;background: none;}
#main_contents .agency li img{display:block;margin:0 auto}
#main_contents .agency li p{margin-top:15px;color:#666;font-size:12px;line-height:1.3}
/* 공통LNB */
#LNB { float:left; overflow:hidden; width:270px; margin-right:15px; }
#LNB > div { overflow:hidden; border:1px solid #d2d9db; background:#fff; }
/* 좌측메뉴 */
#LNB > div.menuArea {}
#LNB > div.menuArea > h1 { padding:71px 20px 30px; border-top:5px solid #2665ae; border-bottom:1px solid #d2d9db; font-size:30px; color:#2665ae; }
#LNB > div.menuArea > h1 span { font-size:22px; color:#aabcd9; font-family:'Open Sans', sans-serif; font-weight:200; }
#LNB > div.menuArea ul { background:#fafbfb; }
#LNB > div.menuArea li { color:#343434; font-size:14px; padding:20px; font-weight:bold; cursor:pointer; }
#LNB > div.menuArea li:hover, #LNB > div.menuArea li.selected { background-color:#fff; color:#0981c3; }
#LNB > div.menuArea li.selected { background-image:url(../images/global/bg_lnbselected.png); background-repeat:no-repeat; background-position:242px center; }
/* 빠른메뉴메뉴 */
#LNB > div.quickHelp {}
#LNB > div.quickHelp > h1 { padding:0 20px; border-bottom:1px solid #d2d9db; font-size:15px; color:#2665ae; line-height:38px; }
#LNB > div.quickHelp button { float:left; width:134px; margin:10px 0; border:none; background:none; color:#bfbfbf; font-size:14px; font-weight:bold; }
#LNB > div.quickHelp button img { margin:5px 0 2px; }
#LNB > div.quickHelp button + button { border-left:1px solid #d2d9db; }
/* 고객센터 */
/* #LNB > div.CSCenter { padding-bottom:20px; background:url(../images/global/bg_cscenter.png) no-repeat right 5px #83c0eb; color:#fff; }
#LNB > div.CSCenter > h1, #LNB > div.CSCenter > h2, #LNB > div.CSCenter > table { margin-left:20px; }
#LNB > div.CSCenter > h1 { margin-top:30px; font-size:14px; }
#LNB > div.CSCenter > h2 { margin-top:5px; font-size:34px; font-family:'Open Sans', sans-serif; }
#LNB > div.CSCenter > table { border-collapse:collapse; }
#LNB > div.CSCenter > table th, #LNB > div.CSCenter > table td { padding:8px 0; vertical-align:top; line-height:15px; font-size:12px; }
#LNB > div.CSCenter > table th { width:54px; font-weight:bold; text-align:left; }
#LNB > div.CSCenter > table td { letter-spacing:-0.05em; } */
#LNB > div.CSCenter{width:100%;padding:15px 10px 13px 19px;margin-top:8px;background:#01487f;color:#fff;letter-spacing:-0.05em;box-sizing: border-box;}
#LNB > div.CSCenter p{padding:0;margin:0;color:#fff}
#LNB > div.CSCenter .tit{padding-left:35px;background:url(../images/main/cs_cen_icon.png) left center no-repeat;margin-bottom:6px;font-size:18px;font-weight:500;line-height:23px}
#LNB > div.CSCenter strong{display:block;margin-bottom:8px;font-size:37px;font-weight:700;line-height:39px}
#LNB > div.CSCenter .call{margin-bottom:3px;font-size:16px;line-height:18px}
#LNB > div.CSCenter .con{font-size:12px;line-height:1.25}
/* LNB공통간격 */
#LNB > div + div { margin-top:15px; }

/* 컨텐츠 영역 공통 선언 */
#wrap { overflow:hidden; width:1260px; margin:30px auto 15px}
#contents { overflow:hidden; border:1px solid #d2d9db; background:#fff; }
/* 컨텐츠 영역 공통 제목부 */
#titleArea { overflow:hidden; height:170px; padding:0 20px; background-position:right top; background-repeat:no-repeat; border-bottom:1px solid #d2d9db; }
#titleArea h1, #titleArea h2, #titleArea h3 { margin:0; padding:0; }
#titleArea h2 { margin:45px 0 8px; font-size:12px; color:#999999; font-weight:normal; }
#titleArea h2 strong, #titleArea h3 strong { font-size:14px; color:#565656; }
#titleArea h2 img { margin:0 5px; }
#titleArea h1 { margin-bottom:16px; font-size:42px; color:#343434; }
#titleArea h3 { font-size:12px; color:#565656; font-weight:normal; }

/* 강의듣기페이지 */
#wrap.study div#titleArea h3 { padding-left:20px; background:url(../images/study/bg_title_h3.png) no-repeat left center; }
#wrap.study div#contents div.noticeArea { overflow:hidden; margin:15px 20px; padding:15px; background:url(../images/study/bg_notice.png); color:#eaecf7; line-height:18px; }
#wrap.study div.noticeArea img { float:right; margin-top:5px; }
#wrap.study div.noticeArea h1, #wrap.study div#contents div.noticeArea p { margin:0; padding:0; }
#wrap.study div.noticeArea h1 { margin-bottom:5px; font-size:15px; color:#fff; }
#wrap.study div.noticeArea strong { color:#ffdc61; }

/* 과정정보 */
#wrap.study div#contentsArea ul, #wrap.study div#contentsArea li { list-style:none; margin:0; padding:0; }
#wrap.study div#contentsArea { padding:0 20px 20px; }
#wrap.study div#contentsArea > ul > li { overflow:hidden; margin-bottom:10px; border:1px solid #bfc3c4; border-top:4px solid #cfcfcf; background:url(../images/study/bg_study.png); }
#wrap.study div#contentsArea > ul > li:hover, #wrap.study div#contentsArea > ul > li.openClass { border-top:4px solid #0780c2; }
#wrap.study div.summuryArea { overflow:hidden; background:#fff; cursor:pointer; }
#wrap.study div.summuryArea > div, #wrap.study div.summuryArea img { width:128px; height:96px; }
#wrap.study div.summuryArea img { float:left; margin:10px; }
#wrap.study div.summuryArea > div { position:absolute; margin:10px; background:url(../images/study/bg_summeryimg.png); }
#wrap.study div.summuryArea > h1, #wrap.study div.summuryArea > h2, #wrap.study div.summuryArea > h3  { overflow:hidden; float:left; display:inline-block; width:460px; margin:0; padding:0; white-space:nowrap; text-overflow:ellipsis; color:#999; }
#wrap.study div.summuryArea > h1 { line-height:24px; font-size:20px; margin-top:20px; }
#wrap.study div.summuryArea > h2 { line-height:18px; font-size:15px; margin-top:5px; }
#wrap.study div.summuryArea > h3 { line-height:15px; font-size:12px; margin-top:12px; }
#wrap.study div.summuryArea > h3 strong { display:inline-block; padding:0 8px; margin-left:15px; background:#0780c2; border:1px solid #83c0eb; border-radius:4px; line-height:18px; color:#fff; }
#wrap.study div.summuryArea ul { float:right;  }
#wrap.study div.summuryArea li { float:left; width:104px; height:116px; border-left:1px solid #bfc3c4; background:#f5f5f5; text-align:center; color:#999; font-size:20px; line-height:76px; }
#wrap.study div.summuryArea li strong { font-size:30px; font-family:'Open Sans', sans-serif; font-weight:700; }
#wrap.study div.summuryArea li > h1 { height:40px; margin:0; padding:0; border-bottom:1px solid #bfc3c4;line-height:40px; color:#343434; font-size:12px; }
#wrap.study div.summuryArea li.smallText > h1 { margin-bottom:5px; }
#wrap.study div.summuryArea li.smallText { font-size:15px; line-height:30px; }
#wrap.study div.summuryArea li.smallText strong { font-size:20px; }
#wrap.study div.summuryArea li button.epilogue { overflow:hidden; width:80px; height:70px; border:none; background:url(../images/study/btn_write.png) no-repeat center top; line-height:108px; font-size:15px; font-weight:700; color:#999; }
#wrap.study div.summuryArea li button.epilogue:hover { background:url(../images/study/btn_write.png) no-repeat center bottom; color:#2665ae;  }
#wrap.study div#contentsArea > ul > li > button { width:100%; height:24px; border:none; background-color:#a5a9aa; background-repeat:no-repeat; background-position:center bottom; background-image:url(../images/study/btn_studyopen.png); }
#wrap.study div#contentsArea > ul > li.openClass > button { background-image:url(../images/study/btn_studyclose.png); }
#wrap.study div#contentsArea > ul > li:hover > button { background-position:center top; }
#wrap.study div#contentsArea > ul > li > ul { overflow:hidden; margin:15px 10px 15px; border:1px solid #bfc3c4; background:#fff; }
#wrap.study div#contentsArea > ul > li > ul li { float:left; width:172px; height:68px; padding:20px 10px 20px 120px; margin:0; background-repeat:no-repeat; background-position:30px center; line-height:22px; cursor:pointer; }
#wrap.study div#contentsArea > ul > li > ul li h1 { margin:0; padding:0; font-size:12px; }
#wrap.study div#contentsArea > ul > li > ul li strong { font-size:15px; }
#wrap.study div#contentsArea > ul > li > ul li span { color:#787878; }
#wrap.study div#contentsArea > ul > li > ul li a { color:#2665ae; }
#wrap.study div#contentsArea > ul > li > ul li a:after { content:' >' }
#wrap.study div#contentsArea > ul > li > ul li + li { border-left:1px solid #bfc3c4; }
#wrap.study div#contentsArea > ul > li > ul li.middleTest { background-image:url(../images/study/img_test01_small.png); }
#wrap.study div#contentsArea > ul > li > ul li.lastTest { background-image:url(../images/study/img_test02_small.png); }
#wrap.study div#contentsArea > ul > li > ul li.report { background-image:url(../images/study/img_report_small.png); }
#wrap.study div#contentsArea > ul > li > ul li:hover { background-color:#efefef; }
#wrap.study div#contentsArea > ul > li table { width:911px; margin:0 10px 5px; border-collapse:collapse; background:#fff; border:1px solid #bfc3c4; border-bottom:none; }
#wrap.study div#contentsArea > ul > li table th, #wrap.study div#contentsArea > ul > li table td { height:48px; border-bottom:1px solid #bfc3c4; border-top:1px solid #bfc3c4; }
#wrap.study div#contentsArea > ul > li table th { text-align:left; font-weight:normal; line-height:18px; padding:10px 0; color:#565656; }
#wrap.study div#contentsArea > ul > li table th strong { color:#343434; font-size:14px; word-break:break-all; }
#wrap.study div#contentsArea > ul > li table td { text-align:center; }
#wrap.study div#contentsArea > ul > li table button { overflow:hidden; height:25px; margin-right:10px; padding:0; border:none; background:none; }
#wrap.study div#contentsArea > ul > li table button img { margin-top:-25px; }
#wrap.study div#contentsArea > ul > li table button:hover img { margin-top:0; }
#wrap.study div#contentsArea > ul > li table.passCheck { margin-top:15px; }
#wrap.study div#contentsArea > ul > li table.passCheck th,
#wrap.study div#contentsArea > ul > li table.passCheck td { height:30px; padding:0; text-align:center; border:1px solid #bfc3c4; }
#wrap.study div#contentsArea > ul > li table.passCheck th { background:#eaf2f8; color:#343434; }
#wrap.study div#contentsArea > ul > li table.passCheck td.title { background:#2665ae; color:#fff; }
#wrap.study div#contentsArea > ul > li table.passCheck td.downFile, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView { width:120px; }
#wrap.study div#contentsArea > ul > li table.passCheck td a { color:#343434; text-decoration:none; }
#wrap.study div#contentsArea > ul > li table.passCheck td.downFile h1, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView h1 { font-size:14px; margin:0; padding-top:80px; background-repeat:no-repeat; background-position:center top; }
#wrap.study div#contentsArea > ul > li table.passCheck td.downFile h1 { background-image:url(../images/study/img_filedown.png); }
#wrap.study div#contentsArea > ul > li table.passCheck td.detailView h1 { background-image:url(../images/study/img_contdetail.png); }
#wrap.study div#contentsArea > ul > li table.passCheck td.downFile:hover, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView:hover { text-decoration:underline; background:#efefef; }
#wrap.study div#contentsArea > ul > li.noList { height:120px; background:#efefef; line-height:120px; font-size:15px; border:1px solid #ccc; text-align:center; font-weight:bold; }

#wrap.study .openClass div.summuryArea { border-bottom:1px solid #bfc3c4; }
#wrap.study div.summuryArea:hover > h1, #wrap.study .openClass div.summuryArea > h1 { color:#333; }
#wrap.study div.summuryArea:hover > h2, #wrap.study .openClass div.summuryArea > h2 { color:#666; }
#wrap.study div.summuryArea:hover > h3, #wrap.study .openClass div.summuryArea > h3 { color:#999; }
#wrap.study div.summuryArea:hover ul strong, #wrap.study .openClass div.summuryArea ul strong { color:#2665ae; }
#wrap.study div.summuryArea:hover div, #wrap.study .openClass div.summuryArea div { display:none; }

/* 과정상세보기 */
#contentsArea.lectureDetail { font-size:14px; line-height:22px; }
#contentsArea.lectureDetail div.summuryArea { overflow:hidden; padding:20px 0; background:url(../images/global/bg_block.png) no-repeat bottom; }
#contentsArea.lectureDetail div.summuryArea > img { float:left; width:340px; height:256px; margin:0 20px 0 10px; border:1px solid #bfc3c4; }
#contentsArea.lectureDetail h1, #contentsArea.lectureDetail h2, #contentsArea.lectureDetail h3, #contentsArea.lectureDetail h4, #contentsArea.lectureDetail h5 { margin:0; padding:0; }
#contentsArea.lectureDetail div.summuryArea h1 { margin:0 0 10px; font-size:20px; line-height:30px; }
#contentsArea.lectureDetail div.summuryArea h2 { margin:0 0 8px; font-size:15px; font-weight:normal; }
#contentsArea.lectureDetail div.summuryArea h3 { margin:0 0 15px; font-size:12px; }
#contentsArea.lectureDetail div.summuryArea h5 { margin:25px 0 20px; font-size:12px; }
#contentsArea.lectureDetail div.summuryArea h5 img { margin:0 8px; }
#contentsArea.lectureDetail div.summuryArea button { width:180px; height:48px; margin:15px 0; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; }
#contentsArea.lectureDetail div.summuryArea button.listButton { background:#666; color:#fff; margin-left:2px; }
#contentsArea.lectureDetail > h1 { overflow:hidden; border-left:3px solid #0780c2; padding:0 0 0 7px; margin:20px 0 10px 0; font-size:15px; }
#contentsArea.lectureDetail > h1 button { float:right; margin-top:3px; border:none; background-color:transparent; font-weight:800; }
#contentsArea.lectureDetail table { width:100%; margin:0 0 20px 0; border-collapse:collapse; border:1px solid #ccc; }
#contentsArea.lectureDetail table th, #contentsArea.lectureDetail table td { padding:10px 0; text-align:center; border:1px solid #ccc; }
#contentsArea.lectureDetail table th { background:#eaf2f8; }
#contentsArea.lectureDetail div.bookInfo { overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; }
#contentsArea.lectureDetail div.bookInfo img { width:100px; margin-right:10px; border:1px solid #ccc; vertical-align:middle; }
#contentsArea.lectureDetail div.bookInfo h1 { display:inline-block; font-size:15px; }
#contentsArea.lectureDetail div.infoArea { padding:5px 10px 15px; line-height:22px; }
#contentsArea.lectureDetail ol { padding-left:25px; line-height:28px; }
#contentsArea.lectureDetail ol + h1 { margin-top:40px; }
#contentsArea.lectureDetail div.btnArea { border-top:1px solid #ccc; margin:20px 0; padding:20px 0; }
#contentsArea.lectureDetail div.reviewArea ul, #contentsArea.lectureDetail div.reviewArea li { overflow:hidden; margin:0; padding:0; list-style:none; }
#contentsArea.lectureDetail div.reviewArea ul { border-top:1px solid #ccc; }
#contentsArea.lectureDetail div.reviewArea li { padding:10px 0; border-bottom:1px solid #ccc; }
#contentsArea.lectureDetail div.reviewArea h3 { overflow:hidden; float:left; width:120px; height:80px; margin-right:15px; text-align:center; line-height:110px; font-weight:normal; color:#787878; }
#contentsArea.lectureDetail div.reviewArea h3 strong { font-size:20px; font-weight:800; color:#343434; }
#contentsArea.lectureDetail div.reviewArea h3.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat 10px 10px; }
#contentsArea.lectureDetail div.reviewArea h3.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat 10px 10px; }
#contentsArea.lectureDetail div.reviewArea h3.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat 10px 10px; }
#contentsArea.lectureDetail div.reviewArea h3.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat 10px 10px; }
#contentsArea.lectureDetail div.reviewArea h3.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat 10px 10px; }
#contentsArea.lectureDetail div.reviewArea h1, #contentsArea.lectureDetail div.reviewArea h2, #contentsArea.lectureDetail div.reviewArea p { margin:0 0 0 135px; padding:0; border-left:1px solid #ccc; }
#contentsArea.lectureDetail div.reviewArea h1, #contentsArea.lectureDetail div.reviewArea h2 { padding-left:10px; }
#contentsArea.lectureDetail div.reviewArea h1 { line-height:24px; font-size:15px; }
#contentsArea.lectureDetail div.reviewArea h2 { line-height:18px; font-size:12px; color:#999; }
#contentsArea.lectureDetail div.reviewArea p { padding:10px; font-size:14px; line-height:20px; }
#contentsArea.lectureDetail div.reviewArea + div { border-top:none; }

/* 디자인페이지 */
div.designImage { padding:20px; }
.agreement div.textArea, .agreement div.textArea2 { padding:30px; line-height:18px; }

#contentsArea { padding:0 20px 20px; }
/* 검색영역 */
div.searchArea { overflow:hidden; padding:8px 20px 12px; text-align:right; background:url(../images/global/bg_block.png) no-repeat center bottom; }
div.searchArea form { float:right; padding-left:35px; background:url(../images/global/icon_search.png) no-repeat left center; }
div.searchArea input, #contents div.searchArea select, #contents div.searchArea button { height:30px; border:1px solid #ccc; }
div.searchArea select { border:none !important; border-bottom:2px solid #999 !important; padding-left:5px; }
div.searchArea input { border:none; border-bottom:2px solid #999; }
div.searchArea input[type="text"]{ width:180px; }
div.searchArea button { border:2px solid #999 !important; background:none; color:#565656; vertical-align:middle; line-height:23px; font-weight:bold; }
div.searchArea > button { float:right; margin:2px 0 0 5px; }
div.searchArea br + form { margin-top:5px; }
div.searchArea select + select, div.searchArea input + select { margin-left:10px; }
div.searchArea div.searchChangeArea { width:100%; padding-bottom:5px; margin-bottom:5px; }
div.inputArea { padding:10px; background:#ddd; border-top:1px solid #999; }
div.inputArea table { border-collapse:collapse; width:100%; border:1px solid #ccc; }
div.inputArea table th, div.inputArea table td { padding:5px 0; border:1px solid #ccc; line-height:18px; text-align:center; }
div.inputArea table th { background:#efefef; }
div.inputArea table td { background:#fff; }
div.inputArea table input[type="text"], div.inputArea table input[type="tel"], div.inputArea table select { height:28px; padding-left:5px; }
div.inputArea table input[type="text"], div.inputArea table input[type="tel"] {  width:90%; padding-right:5px; }
div.inputArea table td > button { width:80%; height:48px; border:1px solid #ccc; background:#efefef; color:#121212; font-weight:bold; }
div.inputArea + div.searchArea { margin-top:5px; }
div.inputArea + div.BBSList, div.searchArea + div.BBSList { margin-top:10px; }

/* 게시판 쓰기페이지 */
.BBSList { }
.BBSList table { width:100%; border-collapse:collapse; border-bottom:1px solid #565656 !important; }
.BBSList table th, .BBSList table td { text-align:center; padding:15px 0; line-height:20px; }
.BBSList table th button { width:16px; height:12px; margin:0; padding:0; border:none; background:none; }
.BBSList table th { border-top:1px solid #565656; background:#fff; }
.BBSList table td { border-top:1px dashed #999; background:#fff; }
.BBSList table th.left, .BBSList table td.left { text-align:left; padding-left:10px; }
.BBSList table td.right { text-align:right; padding-right:15px; line-height:28px; }
.BBSList table td.right span { color:#999; }
.BBSList table td.right strong { color:#e91818 }
.BBSList table td img { vertical-align:middle; }
.BBSList table td span { color:#999; }
.BBSList table tr.hover { background:#efefef; }
.BBSList table td button { background:#fff; line-height:28px; padding:0 8px; border:1px solid #999; color:#565656; background:#efefef; }
.BBSList table td button img { margin-right:5px; }
.BBSList table td input[type="text"], .BBSList table td input[type="tel"] { height:28px; padding:0 5px; border:1px solid #999; width:90%; }
.BBSList table td select { height:28px; padding:0 0 0 5px; border:1px solid #999; }
.BBSList table td br + button { margin-top:8px; }
.BBSList table tr.red td { background-color:#fbe3e3; }
.BBSList table tr.green td { background-color:#edf7e9; }
.BBSList table tr.notice td { background-color:#f8f8f8; }
/* FAQ보기용 */
.BBSList table tr.openView td { text-align:left; padding:5px 15px 20px; border-left:1px dashed #ccc; border-right:1px dashed #ccc; background:#efefef; }
.BBSList table tr.openView td div { border:1px solid #ccc; background:#fff; padding:15px; }
/* 과정리스트 */
.BBSList ul.lectureList, .BBSList ul.lectureList li{ margin:0; padding:0; list-style:none; }
.BBSList ul.lectureList { }
.BBSList ul.lectureList li { overflow:hidden; border:1px solid #ccc; }
.BBSList ul.lectureList li.noList { text-align:center; line-height:80px; font-size:15px; }
.BBSList ul.lectureList li + li { margin-top:8px; }
.BBSList ul.lectureList li > img { float:left; width:150px; height:112px; margin:10px; cursor:pointer; }
.BBSList ul.lectureList li button { float:right; width:112px; height:132px; border-radius:0; border:none; border-left:1px solid #ccc; background:#efefef; font-weight:bold; color:#565656; text-align:center; }
.BBSList ul.lectureList li button img { margin-bottom:15px; }
.BBSList ul.lectureList li button:hover { background:#fff; }
.BBSList ul.lectureList li h1, .BBSList ul.lectureList li h2, .BBSList ul.lectureList li h3, .BBSList ul.lectureList li h4, .BBSList ul.lectureList li h5 { margin:0; padding:0; }
.BBSList ul.lectureList li h1 { overflow:hidden; width:510px; font-size:15px; color:#0780c2; margin:0 0 15px; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.BBSList ul.lectureList li h2 { font-size:12px; color:#565656; font-weight:normal; }
.BBSList ul.lectureList li h3 { font-size:12px; color:#999; margin:14px 0 8px; }
.BBSList ul.lectureList li h2, .BBSList ul.lectureList li h5 { display:inline-block; }
.BBSList ul.lectureList li h5 { padding:0 8px; margin-left:5px; background:#0780c2; border:1px solid #83c0eb; border-radius:4px; line-height:18px; color:#fff; }

/* 수강후기 */
.BBSList ul.reviewList { margin:48px 0 0; padding:0; }
.BBSList ul.reviewList li { overflow:hidden; padding:10px 0 12px; border-bottom:1px dashed #999; list-style:none; cursor:pointer; }
.BBSList ul.reviewList li > h1, .BBSList ul.reviewList li > h2 { float:left; text-align:center; font-size:12px; font-weight:400; }
.BBSList ul.reviewList li > h1 { width:5.5%; margin:10px 0 0; color:#121212; }
.BBSList ul.reviewList li > h2 { width:15%; margin:0; padding-top:25px; color:#000017; }
.BBSList ul.reviewList li > h2 strong { font-size:15px; font-weight:800; color:#c34602; }
.BBSList ul.reviewList li > h2.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat center 0; }
.BBSList ul.reviewList li > h2.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat center 0; }
.BBSList ul.reviewList li > h2.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat center 0; }
.BBSList ul.reviewList li > h2.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat center 0; }
.BBSList ul.reviewList li > h2.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat center 0; }
.BBSList ul.reviewList li > div { overflow:hidden; }
.BBSList ul.reviewList li > div > h1 { margin:3px 0 0; font-size:12px; font-weight:800; color:#121212; }
.BBSList ul.reviewList li > div > p { overflow: hidden; margin:3px 0 0; padding-right:15px; font-size:12px; line-height:20px; color:#121212; white-space:nowrap; text-overflow:ellipsis; }
.BBSList ul.reviewList li.on > div > p { white-space:normal; }
.BBSList ul.reviewList li.reviewTitle { padding:18px 0; border-top:1px solid #565656; }
.BBSList ul.reviewList li.reviewTitle h1 { width:auto; margin:0; float:left; text-align:center; font-size:12px; color:#000017; }
.BBSList ul.reviewList li.noList { padding:14px 0; text-align:center; }

/* 카테고리탭 */
.BBSCategory, .BBSCategory li { display:block; margin:0; padding:0; }
.BBSCategory { overflow:hidden; margin:10px 0 5px; padding:5px 10px 0; border:1px solid #ccc; border-bottom:none; background:url(../images/admin/bg_boardcategory.png) repeat-x bottom #efefef; }
.BBSCategory li { float:left; padding:0 20px; line-height:36px; border:1px solid #efefef; border-bottom:none; cursor:pointer; }
.BBSCategory li.select { border-bottom:none; background:#fff; font-weight:bold; }

/* Paser */
.BBSList div.pager { overflow:hidden; padding:15px 0; text-align:center; }
.BBSList div.pager a, .BBSList div.pager b, .BBSList div.pager button { vertical-align:middle; }
.BBSList div.pager button { height:24px; border:none; margin:0; background-color:transparent; }
.BBSList div.pager button img { vertical-align:middle; }
.BBSList div.pager a, .BBSList div.pager b { display:inline-block; height:24px; padding:0 7px; text-align:center; line-height:24px; font-size:15px; }
.BBSList div.pager a { color:#787878; text-decoration:none; }
.BBSList div.pager b { border:1px solid #dfdfdf; margin:3px 0 5px; color:#ec772d; }
.BBSList div.pager a:hover { text-decoration:underline; }
/* 버튼영역 */
.btnArea { text-align:center; margin:10px 0; }
.btnArea button { height:46px; margin:0 2px; padding:0 30px; border-radius:3px; background:#666; border:1px solid #ccc; line-height:24px; color:#fff; font-size:15px; font-weight:bold; vertical-align:middle; }
.BBSView { margin-top:5px; }
.BBSView div.titleArea { padding:5px 0; border-bottom:1px solid #ccc; }
.BBSView div.titleArea h1, .BBSView div.titleArea h2, .BBSView div.titleArea h3, .BBSView div.titleArea div { margin:0; padding:0 35px;}
.BBSView div.titleArea h1 { margin-bottom:8px; font-size:18px; line-height:24px; }
.BBSView div.titleArea h1 span { font-size:15px; color:#565656; }
.BBSView div.titleArea h2 { overflow:hidden; font-size:15px; line-height:38px; color:#565656; }
.BBSView div.titleArea h2 span { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; font-weight:normal; font-size:15px; color:#999; }
.BBSView div.titleArea h2 strong.email, .BBSView div.titleArea h2 strong.tel, .BBSView div.titleArea h2 strong.date, .BBSView div.titleArea h2 strong.hit { float:right; display:inline-block; padding-left:28px; background-position:left center; background-repeat:no-repeat; line-height:36px; font-size:12px; }
.BBSView div.titleArea h2 strong.email { background-image:url(../images/admin/icon_mail.png); }
.BBSView div.titleArea h2 strong.tel { background-image:url(../images/admin/icon_tel.png); }
.BBSView div.titleArea h2 strong.date { background-image:url(../images/admin/icon_date.png); }
.BBSView div.titleArea h2 strong.hit { background-image:url(../images/admin/icon_hit.png); }
.BBSView div.titleArea h2 strong + strong { margin-right:30px; }
.BBSView div.titleArea h3 { font-size:12px; line-height:24px; font-weight:normal; color:#999; }
.BBSView div.titleArea div { overflow:hidden; color:#343434; }
.BBSView div.titleArea div p { display:inline-block; padding:0 20px 0 0; margin:0; line-height:24px; }
.BBSView div.titleArea h2, .BBSView div.titleArea h3, .BBSView div.titleArea div { border-top:1px dashed #ccc; }
.BBSView div.fileArea { overflow:hidden; height:50px; padding:0 35px; line-height:40px; border-bottom:1px solid #ccc; background:#efefef; }
.BBSView div.fileArea a { display:inline-block; height:32px; margin:8px 10px 8px 0; padding:0 15px 0 10px; border:1px dashed #999;  background:#fff;line-height:32px; text-decoration:none; color:#121212; }
.BBSView div.fileArea img { width:24px; opacity:0.5; vertical-align:middle; margin-right:5px; }
.BBSView div.fileArea a:hover { border:1px solid #565656 }
.BBSView div.BBSContents { min-height:360px; padding:20px 35px; line-height:18px; }
.BBSView div.btnArea { border-top:1px dashed #ccc; padding:20px 0; }

/* 비밀번호 확인 모달 */
#modal .chkPWD input[type="password"] { width:180px; height:32px; text-align:center; }

/* 코멘트 */
.BBSView .commentArea { overflow:hidden; background:#efefef; }
.BBSView form.commentWrite { border:1px solid #ccc; margin:15px; padding:10px; background:#fff; }
.BBSView form.commentWrite > div { margin-bottom:10px; }
.BBSView form.commentWrite > div h1 { display:inline; font-size:12px; padding-right:8px; }
.BBSView form.commentWrite > div input { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; margin-right:32px; }
.BBSView form.commentWrite textarea, .BBSView form.commentWrite button { height:74px; vertical-align:middle; border:1px solid #999; }
.BBSView form.commentWrite textarea { width:90%; border-right:none; padding:10px 5px; }
.BBSView form.commentWrite button { width:10%; background:#565656; color:#fff; font-size:12px; font-weight:bold; }
.BBSView ul.commentList { padding:0 15px 10px; }
.BBSView ul.commentList li { padding:10px 15px; margin-top:5px; list-style:none; border:1px solie #999; background:#fff; }
.BBSView ul.commentList li h1, .BBSView ul.commentList li h3 { line-height:18px; font-size:12px; }
.BBSView ul.commentList li h1 { float:left; margin-bottom:8px; line-height:20px; font-weight:bold; color:#565656; }
.BBSView ul.commentList li h1 span { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; font-weight:normal; color:#999; }
.BBSView ul.commentList li p { clear:both; padding:3px 0; line-height:18px; }
.BBSView ul.commentList li h3 { color:#999; }
.BBSView ul.commentList li form > button { float:right; margin:5px 0 0 5px; background:none; border:1px solid #999; vertical-align:middle; line-height:24px; color:#565656; }
.BBSView ul.commentList li form > button:hover { background:#efefef; }
.BBSView ul.commentList li.noReply { text-align:center; line-height:40px; }
.BBSView ul.commentList div { clear:both; }
.BBSView ul.commentList div > div { margin-bottom:10px; }
.BBSView ul.commentList div > div h1 { display:inline; font-size:12px; padding-right:8px; }
.BBSView ul.commentList div > div input { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; margin-right:32px; }
.BBSView ul.commentList div textarea, .BBSView ul.commentList div button { height:74px; vertical-align:middle; border:1px solid #999; }
.BBSView ul.commentList div textarea { width:90%; border-right:none; padding:10px 5px; }
.BBSView ul.commentList div button { width:10%; background:#565656; color:#fff; font-size:12px; font-weight:bold; }

div.replyArea { display:block; margin:10px 0; padding:8px 20px 20px; border:1px solid #ccc; background:#eaf2f8; }
div.replyArea h2 { overflow:hidden; margin:0 0 5px 0; padding:5px 0; font-size:15px; color:#0780c2; }
div.replyArea h2 span { font-size:12px; color:#666; }
div.replyArea h2 button { float:right; background:#666; color:#efefef; font-weight:bold; }
div.replyArea div { width:96%; min-height:180px; padding:2%; background:#fff; border:1px solid #ccc; line-height:18px; }

.BBSWrite {}
.BBSWrite ul { margin:20px 0; padding:0; border-top:1px solid #999; }
.BBSWrite li { overflow:hidden; padding:5px 30px; border-bottom:1px dashed #ccc; line-height:22px; list-style:none; }
.BBSWrite li > h1, .BBSWrite li div.halfDiv > h1 { display:inline-block; width:100px; margin:0 10px 0 0; padding:0 10px 0 0; font-size:12px; border-right:2px solid #ccc; vertical-align:middle; }
.BBSWrite li > h2 { margin:0 10px 10px 0; font-size:12px; vertical-align:middle; }
.BBSWrite li input { vertical-align:middle; }
.BBSWrite li br + input[type="text"]{ margin:2px 0; }
.BBSWrite li input[type="tel"], .BBSWrite li input[type="text"], .BBSWrite li input[type="password"], .BBSWrite li select, .BBSWrite li input[type="file"] { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; }
.BBSWrite li select { padding-right:0; }
.BBSWrite li textarea { width:85%; height:180px; border:1px solid #999; padding:8px; line-height:18px; vertical-align:middle; }
.BBSWrite li div.normalText, .BBSWrite li div.address, .BBSWrite li div.halfDiv, .BBSWrite li div.textInputs { display:inline-block; overflow:hidden; vertical-align:middle; }
.BBSWrite li div.textInputs { width:88%; }
.BBSWrite li div.address { line-height:32px; }
.BBSWrite li div.normalText { line-height:24px; }
.BBSWrite li div.halfDiv { width:48%; line-height:22px; }
.BBSWrite li button { display:inline-block; height:32px; padding:0 10px; border:1px solid #999;  background:#efefef; line-height:32px; text-decoration:none; color:#121212; vertical-align:middle; }
.BBSWrite li button img { width:24px; vertical-align:middle; }
.BBSWrite .subject { width:600px; }
.BBSWrite .name { width:200px; }
.BBSWrite .tel { width:60px; }
.BBSWrite .mail { width:240px; }
.BBSWrite .year { width:50px; }
.BBSWrite .month { width:30px; }
.BBSWrite div.btnArea { padding:20px 0; border-bottom:1px solid #565656; text-align:center; }
.BBSWrite div.btnArea button { height:48px; margin:0 5px; border:1px solid #999; border-radius:5px; background:#666; padding:0 20px; font-weight:bold; }
.BBSWrite div.btnArea button img { margin-right:6px; }
.BBSWrite div.textPrint { padding:8px 0; line-height:18px; }
.BBSWrite div.attachFile { display:inline-block; padding:3px; background:#565656; vertical-align:middle; text-align:center; }
.BBSWrite div.attachFile a { display:inline-block; padding:0 15px; background:#fff; line-height:28px; text-decoration:none; vertical-align:middel; font-weight:bold; color:#121212; }
.BBSWrite div.attachFile a img { margin-right:8px; }
.BBSWrite div.attachFile button { border:none; height:28px; color:#efefef; background:none; vertical-align:middle; }
.BBSWrite label.AttachFiles { display:inline-block; min-width:60px; height:28px; padding:0 15px 0 42px; border:1px solid #999; border-radius:2px; background:url(../images/admin/icon_addfile.png) no-repeat 10px center #efefef; line-height:28px; vertical-align:middle; }
.BBSWrite div.examView { overflow-y:scroll; overflow-x:none; width:95%; height:80px; margin:5px 0; border:1px solid #999; padding:8px; line-height:18px; vertical-align:middle; word-break:break-strict; }
.BBSWrite label.AttachFiles span { padding:0; margin:0; display:inline; }

.BBSWrite li.replyArea { display:block; margin:10px 10px 0; padding:8px 20px 20px; border:1px solid #ccc; background:#eaf2f8; }
.BBSWrite li.replyArea h2 { overflow:hidden; margin:0 0 5px 0; padding-bottom:5px; border-bottom:1px dashed #999; font-size:15px; color:#0780c2; }
.BBSWrite li.replyArea h2 span { font-size:12px; color:#666; }
.BBSWrite li.replyArea h2 button { float:right; background:#666; color:#efefef; font-weight:bold; }
.BBSWrite li.replyArea div { width:96%; min-height:180px; padding:2%; background:#fff; border:1px solid #ccc; line-height:18px; }



/* 통계 레이아웃 */

/* study modal */
#screenModal { overflow-x:hidden; overflow-y:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:#f2f6f7; z-index:999; }
#screenModal > div, #screenModal > form > div { width:1260px; margin:0 auto; border:1px solid #bfc3c4; background:#fff; }
#screenModal > div + div, #screenModal > div + form, #screenModal > form div + div { margin-top:15px; }
#screenModal div.titleArea { overflow:hidden; width:100%; border-top:5px solid #0780c2; border-bottom:2px solid #2665ae; background:#fff; }
#screenModal div.titleArea > div { overflow:hidden; width:1260px; margin:20px auto; text-align:right; }
#screenModal div.titleArea > div > img,  #screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { float:left; }
#screenModal div.titleArea > div > img { margin-right:20px; }
#screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { width:1020px; margin:0; padding:0; text-align:left; }
#screenModal div.titleArea > div > h1 { margin:26px 0 8px; font-size:30px; color:#343434; }
#screenModal div.titleArea > div > h2 { font-size:20px; color:#565656; }
#screenModal div.titleArea > div button { overflow:hidden; width:70px; height:70px; margin:27px 0; padding:0; border:none; background:none; }
#screenModal > div.caution { padding:45px 0; background:url(../images/study/bg_notice.png); text-align:center; }
#screenModal > div.caution h1, #screenModal > div.caution strong, #screenModal > div.caution b { color:#ffdc61;}
#screenModal > div.caution h1 { font-size:26px; }
#screenModal > div.caution p { margin:0 auto; line-height:22px; font-size:15px; padding:20px 80px; color:#fff;  }
/*#screenModal > div.caution p + p { padding-top:25px; background:url(../images/study/img_blockdiv.png) no-repeat center top; }*/
#screenModal > div.caution p + p { padding-top:25px; }
#screenModal > div.agreeArea { height:74px; line-height:74px; text-align:center; font-size:15px; }
#screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:none; }
#screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */
#screenModal > div.agreeArea label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; }
#screenModal > div.agreeArea label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
#screenModal > div.agreeArea input:checked + label { background-position:left top; }
#screenModal > div.btnArea { overflow:hidden; border:none; background:none; padding:20px 0; margin-bottom:40px; text-align:center; }
#screenModal > div.btnArea button { overflow:hidden; height:54px; margin:0 2px; padding:0; border:none; background:none; vertical-align:middle; }
#screenModal > div.btnArea button img { margin-top:-54px; }
#screenModal > div.btnArea button:hover img { margin-top:0; }
/* 시험보기 페이지 */
#screenModal > div.cautionTest { overflow:hidden; height:85px; padding:0; background:url(../images/study/bg_notice.png); color:#fff; }
#screenModal > div.cautionTest strong, #screenModal > div.cautionTest b { color:#ffdc61;}
#screenModal > div.cautionTest div.timer { float:left; width:270px; height:85px; margin-right:20px; background:url(../images/global/bg_glbalbtn.png); line-height:85px; color:#ffdc61; font-family:'Open Sans', sans-serif; text-align:center; font-size:15px; font-weight:bold; }
#screenModal > div.cautionTest div.timer strong { margin-left:5px; font-size:50px; color:#fff; vertical-align:middle; font-weight:700;  }
#screenModal > div.cautionTest div.textArea { overflow:hidden; height:85px; margin:0 20px 0 10px; padding:0; background:url(../images/study/img_notice.png) no-repeat right center; }
#screenModal > div.cautionTest div.textArea h1, #screenModal > div.cautionTest div.textArea p { margin:0; padding:0; margin-right:72px;  }
#screenModal > div.cautionTest div.textArea h1 { padding:15px 0 5px; font-size:15px; }
#screenModal > div.cautionTest div.textArea p { line-height:18px; }
#screenModal div.mobileCert span.red { display:inline-block; margin-left:96px; }

#contentsPopup { margin:0 auto; margin-top:60px; border:1px solid #bfc3c4; background:#fff; }
#contentsPopup div.caution { overflow:hidden; margin:15px 30px 0; padding:15px 10px; background:url(../images/study/bg_notice.png); color:#fff; }
#contentsPopup div.caution h1 { font-size:15px; margin:0 0 8px; padding:0; }
#contentsPopup div.caution strong, #contentsPopup div.caution b { color:#ffdc61;}
#contentsPopup div.answerTrue { background:url(../images/study/bg_checktrue.png) no-repeat 10px 15px; }
#contentsPopup div.answerFalse { background:url(../images/study/bg_checkfalse.png) no-repeat 10px 15px; }
#contentsNav { overflow:hidden; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:2px solid #0780c2; background:#f2f6f7; }
#contentsNav > h1 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:0 20px; line-height:60px; text-overflow:ellipsis; }
#contentsNav > h2 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:10px 20px; line-height:20px; text-overflow:ellipsis; }
#contentsNav > h2 span { font-size:12px; color:#898989; }
#contentsNav form, #contentsNav table { float:right; }
#contentsNav table { margin:5px;  border-collapse:collapse; border:1px solid #bfc3c4; }
#contentsNav table th, #contentsNav table td { width:60px; height:20px; background:#fff; text-align:center; }
#contentsNav table td { border-top:1px dashed #ccc; background:#fff; }
#contentsNav form { height:60px; padding:0 10px; background:#0780c2; text-align:center; }
#contentsNav form select { height:28px; }
#contentsNav form h1 { margin:0; padding:0; line-height:28px; color:#fff; font-size:12px; }

/* 최종평가 모달 */
#screenModal .studyModal { position:fixed; top:50%; left:50%; width:450px; margin:-90px 0 0 -225px; padding:20px; border:none; border-top:6px solid #373839; z-index:1111; text-align:right; box-sizing:border-box; }
#screenModal .studyModal > h1 { margin:0 0 10px 0; padding-bottom:20px; border-bottom:1px solid #ccc; text-align:left; font-size:12px; line-height:18px; font-weight:400; }
#screenModal .studyModal > button { margin:0 0 0 5px; padding:8px 15px; background:none; border:1px solid #bfc3c4;font-size:12px; }
#screenModal .studyModal > button:hover { border-color:#0780c2; }
#screenModal .dark { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:1000; background:#000; opacity:0.4; }

div.mobileCert { }
div.mobileCert > form { display:none; }
div.mobileCert ul, div.mobileCert li { overflow:hidden; margin:0; padding:0; list-style:none; }
div.mobileCert li { line-height:45px; padding:10px 20px; }
div.mobileCert li h1 { display:inline-block; margin:0 20px 0 0; padding:0 20px 0 0; border-right:2px solid #ccc; font-size:15px; }
div.mobileCert li form { display:inline-block; }
div.mobileCert li button { height:45px; padding:0 60px; border:none; font-size:15px; color:#fff; background:#787878; font-weight:bold; }
div.mobileCert li strong { font-size:15px; }
div.mobileCert li button { padding:0 25px 0 60px; height:48px; border:none; background-position:20px center; background-repeat:no-repeat; background-color:#666; color:#fff; font-size:15px; font-weight:bold; }
div.mobileCert li button.btnPhone { background-image:url(../images/member/icon_phone.png); }
div.mobileCert li button.btnIpin { background-image:url(../images/member/icon_ipin.png); }


div.testArea { overflow:hidden; }
div.testArea > ul, div.testArea > ul li { list-style:none; margin:0; padding:0; }
div.testArea > ul { float:left; overflow:hidden; width:270px; }
div.testArea > ul li { overflow:hidden; height:30px; text-align:center; background:#f6f6f6; line-height:30px; border-bottom:1px solid #bfc3c4; font-size:0;}
div.testArea > ul li .orderBy { float:left; display:block; width:99px; text-align:center; font-size:12px; }
div.testArea > ul li div { overflow:hidden; float:right; text-align:center; width:140px; padding:0 15px; border-left:1px solid #bfc3c4; background:#fff; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
div.testArea > ul + div {  border-left:1px dashed #bfc3c4; }
div.testArea > div { width:929px; overflow:hidden; padding:0 30px 30px; }
div.testArea > div h1, div.testArea > div h2, div.testArea > div h3 { margin:0; padding:0; }
div.testArea > div h1 { margin:40px 0 20px; font-size:20px; color:#565665; }
div.testArea > div h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.testArea > div h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.testArea > div h3 strong { color:#343434; padding-right:20px; }
div.testArea > div ol, div.testArea > div li { margin:0; padding:0; list-style:none; }
div.testArea > div li { overflow:hidden; padding:5px 0;  }
div.testArea > div li input[type="radio"] { display:none; }
div.testArea > div li input[type="radio"] { float:left\9; display:inline-block\9; width:18px; height:18px; border:none; padding:0; vertical-align:middle; } /* IE8 Hack */
div.testArea > div li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; }
div.testArea > div li label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
div.testArea > div li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; }
div.testArea > div input[type="text"], div.testArea > div textarea { width:100%; border:1px solid #bfc3c4; color:#999; }
div.testArea > div input[type="text"] { height:36px; padding:0 10px; }
div.testArea > div textarea { height:200px; padding:10px; }
div.testArea > div input[type="text"]:focus, div.testArea > div textarea:focus { color:#343434; border:1px solid #666; }

div.reportArea { overflow:hidden; padding:20px 0; }
div.reportArea > h1, div.reportArea > h2 { margin:0; padding:0 30px; }
div.reportArea > h1 { margin:10px 0 20px; font-size:20px; color:#565665; }
div.reportArea > h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.reportArea > h3 { border:1px dashed #999; margin:0 30px 10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.reportArea > h3 strong { color:#343434; padding-right:20px; }
div.reportArea > a { display:block; margin:0 30px; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; }

div.surveyArea { overflow:hidden; overflow:hidden; padding:0 0 30px; }
div.surveyArea > form { padding:0 30px; }
div.surveyArea h1, div.surveyArea > div h2, div.surveyArea > div h3 { margin:0; padding:0; }
div.surveyArea h1 { margin:40px 0 20px; font-size:20px; color:#565665; }
div.surveyArea h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px }
div.surveyArea h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; }
div.surveyArea h3 strong { color:#343434; padding-right:20px; }
div.surveyArea ol, div.surveyArea li { margin:0; padding:0; list-style:none; }
div.surveyArea li { overflow:hidden; padding:5px 0;  }
div.surveyArea li input[type="radio"] { display:none; }
div.surveyArea li input[type="radio"] { display:inline-block\9; padding:0; vertical-align:middle; } /* IE8 Hack */
div.surveyArea li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; }
div.surveyArea li label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
div.surveyArea li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; }
div.surveyArea textarea { width:100%; border:1px solid #bfc3c4; color:#999; }
div.surveyArea textarea { height:52px; padding:10px; }
div.surveyArea textarea:focus { color:#343434; border:1px solid #666; }

div.testArea div.commentaryArea, div.reportArea div.commentaryArea { margin-top:15px; padding:15px; border:1px solid #bfc3c4; background:#f2f6f7; }
div.testArea div.commentaryArea > h1, div.reportArea div.commentaryArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #bfc3c4; font-size:15px; color:#0780c2; }
div.reportArea div.exampleArea { margin-top:15px; padding:15px; border:1px solid #ccc; background:#f2f2f2; }
div.reportArea div.exampleArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #ccc; font-size:15px; color:#343434; }
div.reportArea div.commentaryArea, div.reportArea div.exampleArea { margin:15px 30px; }
div.reportArea div.commentaryArea > div, div.reportArea div.exampleArea > div { font-size:13px; line-height:21px; }
div.reportArea div.commentaryArea a, div.reportArea div.exampleArea a { display:block; margin:0; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center #fff; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; }

div.reportSubmit { margin:0 20px 20px; border:1px solid #999; }
div.reportSubmit > ul, div.reportSubmit > ul li { list-style:none; margin:0; padding:0; }
div.reportSubmit > ul li { float:left; height:74px; font-size:20px; color:#565665; width:50%; text-align:center; background:#e5ebec; line-height:74px; cursor:pointer; }
div.reportSubmit > ul li.select { background:#fff; }
div.reportSubmit > div { overflow:hidden; padding:20px; }
div.reportSubmit > div ul, div.reportSubmit > div ul li { margin:0; padding:0; list-style:none; }
div.reportSubmit > div ul { margin-bottom:20px; }
div.reportSubmit > div ul li { overflow:hidden; margin:0; padding:15px; line-height:22px; font-size:15px; }
div.reportSubmit > div ul li a { display:inline-block; height:30px; line-height:30px; margin:5px 0; padding:5px 0 0 40px; background:url(../images/study/bg_a_tag.png) no-repeat 0 center; line-height:22px; color:#0780c2; }
div.reportSubmit > div ul li h1 { float:left; width:120px; margin:10px 20px 10px 0; padding:0 20px 0 10px; border-right:2px solid #565656; font-size:15px; }
div.reportSubmit > div ul li label { display:inline-block; height:50px; padding:0 25px 0 60px; border:1px solid #a0acae; background:url(../images/study/btn_file.png) no-repeat 20px center; font:bold; line-height:50px; text-align:center; cursor:pointer; }
div.reportSubmit > div ul li input[type="file"] { display:none; }
div.reportSubmit > div ul li + li { border-top:1px dashed #bfc3c4; }
div.reportSubmit > div textarea { width:100%; height:240px !important; margin-bottom:10px; border:1px solid #bfc3c4; color:#999; height:52px; padding:10px; }
div.reportSubmit > div textarea:focus { color:#343434; border:1px solid #666; }
div.reportSubmit > div div { overflow:hidden; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; }
div.reportSubmit > div div strong { color:#ffdc61;}

/* 회원가입 */
#contentsArea.agreementPage { overflow:hidden; }
#contentsArea.agreementPage div, #contentsArea.agreementPage h1 { overflow:hidden; margin:0; padding:0; }
#contentsArea.agreementPage > div { padding:20px 0 30px; background:url(../images/global/bg_block.png) no-repeat bottom;  }
#contentsArea.agreementPage h1 { float:left; width:200px; padding:10px 0; font-size:20px; line-height:30px; }
#contentsArea.agreementPage input { display:none; }
#contentsArea.agreementPage input { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */
#contentsArea.agreementPage h1 label { margin-top:8px; display:block; padding-left:21px; background-image:url(../images/global/input_checkbox.png); background-repeat:no-repeat; background-position:left bottom; font-size:12px; line-height:17px; cursor:pointer; }
#contentsArea.agreementPage h1 label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
#contentsArea.agreementPage h1 input:checked + label { background-position:left top; }
#contentsArea.agreementPage > div > div { overflow-y:scroll; border:1px solid #bfc3c4; width:700px; height:360px; padding:10px; line-height:18px; }
#contentsArea.agreementPage > div button { padding:0 25px 0 60px; height:48px; border:none; background-position:20px center; background-repeat:no-repeat; background-color:#666; color:#fff; font-size:15px; font-weight:bold; }
#contentsArea.agreementPage > div.btnArea { background:none; text-align:center; }
#contentsArea.agreementPage > div.btnArea button { width:400px; height:68px; border:none; background:#0780c2; color:#fff; font-size:18px; font-weight:bold; }
#contentsArea.agreementPage > div.btnArea button img { float:right; }
#contentsArea.agreementPage > div strong { line-height:50px; font-size:15px; }
#contentsArea.agreementPage > div form { display:inline-block; }
#contentsArea.agreementPage button.btnPhone { background-image:url(../images/member/icon_phone.png); }
#contentsArea.agreementPage button.btnIpin { background-image:url(../images/member/icon_ipin.png); }
#contentsArea.agreementPage span.red { display:inline-block; margin-left:200px; }

/* 수강신청 */
.submitLectureArea { overflow:hidden; margin:20px; padding:10px; border:1px solid #bfc3c4; }
.submitLectureArea h1, .submitLectureArea h1, .submitLectureArea h3 { margin:0; padding:0; }
.submitLectureArea > h1 { padding:0 10px; border-bottom:1px dashed #ccc; font-size:15px; line-height:30px;  }
.submitLectureArea > h2 { margin-bottom:8px; padding:0 10px; font-size:13px; color:#999; font-weight:normal; line-height:20px; }
.submitLectureArea > h2 strong { color:#343434; }
.submitLectureArea h3 { margin:10px 10px 15px; text-align:right; font-size:15px; }
.submitLectureArea table { border-collapse:collapse; width:100%; border-top:1px solid #0780c2; }
.submitLectureArea table th, .submitLectureArea table td { height:34px; text-align:center; }
.submitLectureArea table th { border-bottom:1px dashed #ccc; background:#eaf2f8; }
.submitLectureArea table td { border-bottom:1px solid #999; text-align:center; }

/* 로그인페이지 */
#loginArea { overflow:hidden; width:460px; height:538px; border:1px solid #bfc3c4; margin:75px auto; padding:50px 425px 50px 425px;/* background:url(../images/member/bg_login.jpg) no-repeat right center #fff; */ background:#fff;text-align:center; }
#loginArea > form { padding:30px 0; }
#loginArea > form h1 { padding:0; margin:0 0 20px 0; font-size:15px; line-height:22px; }
#loginArea > form input { height:52px; padding:0 10px; border:1px solid #bac3c5; color:#787878; font-size:15px; font-weight:bold; }
#loginArea > form > input { width:400px; }
#loginArea > form > button { width:400px; height:68px; border:none; background:#0780c2; color:#fff; font-size:18px; font-weight:bold; }
#loginArea > form > button img { margin-right:10px; }
#loginArea > form > input+input { margin-top:10px; }
#loginArea > form > input+button { margin-top:30px; }
#loginArea > form > div+button { margin-top:15px; }
#loginArea > form > div { overflow:hidden; text-align:left; }
#loginArea > form > div h1 { float:left; width:86px; margin:0 15px 0 0; padding:0; border-right:2px solid #ccc; line-height:52px; font-size:15px; }
#loginArea > form > div + div { margin-top:15px; }
#loginArea > form > div strong { line-height:24px; color:#ef1313; }
#loginArea > form > div input { width:352px; }
#loginArea > form > div input[type="tel"] { width:52px; }
#loginArea > form > div input.email { width:168px; }
#loginArea > a { padding:0 8px; color:#999; font-size:15px; text-decoration:none; }
#loginArea > a:hover { color:#666; }
/* 공사중, 홈페이지 준비중 */
#contentsArea.alreadyPage { min-height:840px; background:url(../images/global/alreadypage.png) no-repeat center #fff; }

/* 학습하기 모달 */
#studyPopup  { overflow:hidden; margin:0; padding:0; background:#666; zoom:1; }
#studyPopup  > button { width:10px; border:none; padding:0; margin:0; background:url(bg_btnarea.jpg) repeat-y; z-index:999; vertical-align:top; }
div#popupStudyArea, #studyPopup iframe { margin:0; padding:0; }
/*#popupStudyArea { position:absolute; overflow-y:scroll; overflow-x:hidden; top:0; width:338px; padding:0; background:#f2f6f7; z-index:900; }*/
#popupStudyArea { position:absolute; top:0; width:338px; padding:0; background:#f2f6f7; z-index:900; }
#popupStudyArea h1, #popupStudyArea h2, #popupStudyArea h5 { margin:0; padding:0; }
#popupStudyArea > h1 { padding:0 20px; margin:20px 0 8px; font-size:15px; color:#2665ae; }
#popupStudyArea > h2 { padding:0 20px; margin-bottom:10px; font-size:12px; color:#121212; font-weight:normal; }
#popupStudyArea > h3 > a { padding:0 0 0 20px; margin-bottom:10px; font-size:12px; color:red; font-weight:normal; text-decoration:none;}
#popupStudyArea > h5 { padding:0 20px; background:#0780c2; line-height:30px; color:#edf9ff; text-align:center; font-size:12px; }
#popupStudyArea > h5 strong { color:#fff; font-size:15px; }
#popupStudyArea > span { padding:0 20px; line-height:30px; text-align:center; font-size:12px; }
#popupStudyArea > span > button { width:70px; height:30px; margin:0 10px 10px; border:none; background:#009900; color:#fff; font-size:12px; font-weight:bold; }
#popupStudyArea ul, #popupStudyArea li { overflow:hidden; list-style:none; margin:0; padding:0; }
#popupStudyArea > ul { margin:0 11px 0 10px; border:1px solid #ccc; border-bottom:none; background:#ccc; }
#popupStudyArea > ul > li { float:left; width:33.3%; line-height:40px; font-weight:bold; text-align:center; cursor:pointer; }
#popupStudyArea > ul > li.select { background:#fff; color:#0780c2; }
#popupStudyArea > div, #popupStudyArea > form { margin:0 10px 0; border:1px solid #ccc; border-top:none; background:#fff; }
#popupStudyArea > div h1 { margin:10px 0 5px; font-size:12px; color:#0780c2; }
#popupStudyArea > div ul { padding:10px; }
#popupStudyArea > div li { padding:10px; line-height:18px; }
#popupStudyArea > div li + li { border-top:1px dashed #ccc; }
#popupStudyArea > form { display:block; width:279px; padding:10px; }
#popupStudyArea > form textarea { width:281px; height:280px; border:1px solid #ccc; margin:0; padding:10px; }
*:first-child+html #popupStudyArea > form textarea { width:260px; margin-left:-10px; }
#popupStudyArea > form h1 { margin:10px 0 5px; font-size:12px; color:#0780c2; }
#popupStudyArea > form h2 { margin:10px 0; font-size:12px; line-height:18px; font-weight:normal; }
#popupStudyArea > form > button { width:281px; height:42px; margin:10px 0; border:1px solid #999; color:#565656; background:#fff; font-size:12px; font-weight:bold; }
#popupStudyArea > form > button:hover { background:#ff6666; } /*#efefef*/
/*#popupStudyArea > button { width:303px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; }*/
#popupStudyArea > button { width:318px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; }

#popupStudyArea .studyText ul {overflow-x:hidden; overflow-y:scroll; height:375px;}
#popupStudyArea .prgoressText {margin:0; padding:10px; color:#0780c2; font-weight:600; text-align:center; line-height:140%; }
#popupStudyArea .endButton { width:318px; height:42px; background-color: #ff6666; border-radius: 12px; border:none; color:#fff; font-size:15px; font-weight:bold; }

/* 일반모달 */
/* 모달 설정 */
#modal { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/admin/bg_modal.png); z-index:999; }
#modal > div { position:absolute; top:50%; left:50%; background:#fff; border:1px solid #121212; }
#modal > div > h1 { overflow:hidden; margin:0; padding:10px 15px; line-height:32px; font-size:16px; background:#4a5359; color:#efefef; }
#modal > div > h1 button { position:absolute; left:100%; width:32px; height:32px; margin:0 0 0 -45px; padding:0; background:#d0d6da; border:3px solid #292f33; border-radius:16px; }
#modal > div > div, #modal > div > form > div { padding:15px; }
#modal > div > div > h1, #modal > div > form > div > h1 { border-bottom:1px dashed #565656; padding:0 0 0 8px; margin:3px 0; border-left:5px solid #4a5359; line-height:24px; font-size:15px; }
#modal > div > div > h1 span, #modal > div > form > div > h1 span { font-size:12px; font-weight:normal; color:#787878; }
#modal > div > div > ul + h1, #modal > div > div > table + h1, #modal > div > div > div + h1,
#modal > div > form > div > ul + h1, #modal > div > form > div > table + h1, #modal > div > form > div > div + h1 { margin-top:12px;  }
#modal div.scrollDiv { overflow-y:scroll; background:#fefefe; }
#modal table + table { margin-top:18px; }


/* 모달별 설정 */
#modal .lectureSubmit { width:640px; height:530px; }

/* 캡차 */
#captcha { overflow:hidden; width:380px; height:435px; border-top:5px solid #0780c2; }
#captcha > form { display:none; }
#captcha div.header { overflow:hidden; height:42px; border-bottom:1px solid #0780c2; background:#fff; padding:0 15px; line-height:42px; }
#captcha div.header > h1 { display:inline-block; margin:0; padding:0; font-size:18px; color:#0780c2; }
#captcha div.header > input { float:right; height:22px; margin:10px 0; border:2px solid #0780c2; color:#0780c2; background:none; }
#captcha div.info_area { text-align:center; padding:0 15px; }
#captcha div.info_area h1, #captcha div.info_area h2 { padding:0; margin:0; }
#captcha div.info_area h1 { margin:15px 0 5px; font-size:15px; color:#343434; }
#captcha div.info_area h2 { margin:0 0 8px; padding-bottom:15px; font-size:12px; color:#898989; border-bottom:1px dashed #ccc; }
#captcha div.info_area ul, #captcha div.info_area li { margin:0; padding:0; list-style:none; }
#captcha div.info_area li { line-height:24px; }
#captcha div.capcha_div { margin:20px; padding:20px; background:#fff; border:1px solid #ccc; text-align:center; }
#captcha div.capcha_div div { overflow:hidden; height:62px; }
#captcha div.capcha_div div + div { height:34px; margin-top:20px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
#captcha div.capcha_div div > img { display:block; margin:0 auto; }
#captcha div.capcha_div div > input { width:40%; height:24px;  background:#efefef; border:1px solid #999; color:#565656; }
#captcha div.capcha_div h2 { color:#0780c2; font-size:12px; }
#captcha div.capcha_div > input[type="text"] { width:82%; border:1px solid #999; height:28px; text-align:center;  }
#captcha div.capcha_div > input[type="button"] { width:82%; height:36px; margin-top:5px; border:none; background:#0780c2; color:#fff;  }

/* 최초 본인인증페이지 */
#agreementCheck { }
#agreementCheck > div, #agreementCheck > form { width:1260px; margin:0 auto; border:1px solid #bfc3c4; background:#fff; }
#agreementCheck > div + div, #agreementCheck > div + form, #agreementCheck > form div + div { margin-top:15px; }
#agreementCheck div.titleArea { overflow:hidden; width:100%; border-top:5px solid #0780c2; border-bottom:2px solid #2665ae; background:#fff; }
#agreementCheck div.titleArea > div { overflow:hidden; width:1260px; margin:20px auto; text-align:right; }
#agreementCheck div.titleArea > div > img,  #agreementCheck  div.titleArea > div > h1, #agreementCheck  div.titleArea > div > h2 { float:left; }
#agreementCheck div.titleArea > div > img { margin-right:20px; }
#agreementCheck div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { width:1020px; margin:0; padding:0; text-align:left; }
#agreementCheck div.titleArea > div > h1 { margin:26px 0 8px; font-size:30px; color:#343434; }
#agreementCheck div.titleArea > div > h2 { font-size:20px; color:#565656; }
#agreementCheck div.agreeUse > h1, #agreementCheck div.private > h1, #agreementCheck div.ACS > h1 { margin:0; padding:0 20px; font-size:18px; background:#0780c2; color:#fff; line-height:54px; }
#agreementCheck div.agreeUse > div, #agreementCheck div.private > div, #agreementCheck div.ACS > div { overflow-x:hidden; overflow-y:scroll; padding:20px; height:200px; line-height:22px; font-size:13px; }
#agreementCheck > div.agreeArea { height:74px; line-height:74px; margin:5px auto 20px; text-align:center; font-size:15px; }
#agreementCheck > div.agreeArea input[type="checkbox"], #agreementCheck > div.agreeArea input[type="radio"] { display:none; }
#agreementCheck > div.agreeArea input[type="checkbox"], #agreementCheck > div.agreeArea input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */
#agreementCheck > div.agreeArea label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; }
#agreementCheck > div.agreeArea label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
#agreementCheck > div.agreeArea input:checked + label { background-position:left top; }
#agreementCheck > div.btnArea { overflow:hidden; border:none; background:none; padding:20px 0; margin-bottom:40px; text-align:center; }
#agreementCheck > div.btnArea button { overflow:hidden; height:54px; margin:0 2px; padding:0; border:none; background:none; vertical-align:middle; }
#agreementCheck > div.btnArea button img { margin-top:-54px; }
#agreementCheck > div.btnArea button:hover img { margin-top:0; }
#agreementCheck > form { margin-bottom:15px; padding-bottom:20px; }
#agreementCheck > form > ul, #agreementCheck > form > ul li { margin:0; padding:0; list-style:none; }
#agreementCheck > form > h1 { margin:0 0 15px 0; padding:0 20px; font-size:18px; background:#0780c2; color:#fff; line-height:54px; }
#agreementCheck > form > ul { padding:0 20px; }
#agreementCheck > form > ul li { overflow:hidden; line-height:45px; font-size:15px; }
#agreementCheck > form > ul li + li { border-top:1px dashed #ccc; }
#agreementCheck > form > ul li h1 { display:inline-block; width:120px; font-size:15px; color:#999; }
#agreementCheck > form > ul li input, #agreementCheck > form > ul li select { height:32px; padding:5px; font-size:15px; }
#agreementCheck > form > ul li input[type="tel"]{ width:60px; }
#agreementCheck > form > ul li input[type="text"] { width:180px; }
#agreementCheck > form > ul li input[type="checkbox"], #agreementCheck > form > ul li input[type="radio"] { display:none; }
#agreementCheck > form > ul li input[type="checkbox"], #agreementCheck > form > ul li input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */
#agreementCheck > form > ul li label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; }
#agreementCheck > form > ul li label { background:none\9; padding-left:8px\9; vertical-align:middle\9;  } /* IE8 Hack */
#agreementCheck > form > ul li input:checked + label { background-position:left top; padding-right:10px; }
#agreementCheck > form > div { overflow:hidden; margin:10px 20px; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; }
#agreementCheck div.address { display:inline-block; overflow:hidden; vertical-align:middle; }
#agreementCheck div.address input[type="tel"]{ margin-bottom:5px; width:120px; border:1px solid #ccc; }
#agreementCheck div.address input[type="text"]{ margin-bottom:5px; width:680px; }
#agreementCheck div.address button { height:32px; padding:0 10px; border:1px solid #343434; background:#666; color:#fff; vertical-align:middle; }

/* 상단 날짜및 공지 출력 페이지 */
div.dateArea { overflow:hidden; margin:10px 20px 1px; background:url(../images/study/bg_notice.png); }
div.dateArea ul, div.dateArea li { overflow:hidden; margin:0; padding:0; list-style:none; }
div.dateArea li { float:left; margin-right:20px; font-size:15px; color:#ffdc61; font-size:15px; font-weight:bold; line-height:42px; }
div.dateArea li + li { border-left:1px solid #787878; }
div.dateArea li h1 { display:inline-block; padding:0 10px 0 20px; font-size:15px; color:#fff; }

/* 탭메뉴 */
ul.tabMenu { }
ul.tabMenu, ul.tabMenu > li { overflow:hidden; margin:0; padding:0;list-style:none; }
ul.tabMenu { margin:0 20px 10px; background:#787878;  border-bottom:3px solid #454545; }
ul.tabMenu > li { display:inline-block; float:left; padding:0 16px; background:#666; border-right:1px solid #565656; line-height:36px; color:#ffdc61; font-weight:bold; cursor:pointer; }
ul.tabMenu > li + li { border-left:1px solid #787878; }
ul.tabMenu > li.select { background:#454545; color:#fff; }

/* 학습도움말 */
#helpDesk { overflow-y:scroll; overflow-x:hidden; background:#fff; padding-top:66px; }
#helpDesk > div { position:fixed; top:0; left:0; width:100%; height:66px; background:#2665ae; text-align:center; color:#fff; }
#helpDesk > div > button { position:absolute; top:0; width:68px; height:66px; border:none; background-image:url(../images/help_img/btn_bg.png); background-repeat:repeat-y; background-color:transparent; text-align:center; }
#helpDesk > div > button.btnPrev { left:0; background-position:right; }
#helpDesk > div > button.btnNext { left:100%; margin-left:-68px; background-position:left; }
#helpDesk > div > h1, #helpDesk > div > h2 { margin:0; padding:0; }
#helpDesk > div > h1 { font-size:20px; margin:10px 0 5px; }
#helpDesk > div > h2 { font-size:15px; color:#a0b3d0; }

/* 교육이용 안내 */
.rule { padding-top:44px; }
.rule ul { margin:0; padding:0; }
.rule .skyblue { color:#5da3d4; font-weight:700; }
.rule ol { margin:0 0 0 66px; padding:0; }
.rule ol > li { margin-bottom:60px; font-size:20px; font-weight:700; color:#343434; }
.rule ol > li > ul { margin-top:12px; }
.rule ol > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat; font-size:15px; font-weight:400; line-height:28px; list-style:none; color:#343434; }
.rule ol > li > ul > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list02.png) 0 10px no-repeat; font-size:13px; line-height:21px; list-style:none; color:#787878; }
.rule ol > li > ul > li > ul > li > ol { margin:0 0 0 14px; }
.rule ol > li > ul > li > ul > li > ol > li { margin:0; font-size:13px; font-weight:400; line-height:21px; color:#787878; }
.rule .list > ul > li + li { margin-top:25px; }
.rule .list > ul > li > ul > li + li { margin-top:21px; }

/* 환급절차 */
.goyong { padding:44px 0 60px; }
.goyong h1 { margin:0 0 0 44px; font-size:20px; color:#343434; }
.goyong h2 { margin:19px 0 0 44px; font-size:15px; font-weight:400; line-height:22px; color:#343434; }
.goyong ol { margin:0 0 0 66px; padding:0; }
.goyong ol > li { margin-top:60px; font-size:20px; font-weight:700; color:#343434; }
.goyong ol > li h2 { margin:19px 0 0; }
.goyong ol > li > img { margin-top:20px; }
.goyong ol > li button { margin-top:11px; padding:0; background:none; border:none; }
.goyong ol > li > ul {  padding:0; }
.goyong ol > li > ul > li { margin-top:22px; list-style:none; font-size:15px; color:#565656; }
.goyong ol > li > ul > li p { margin:7px 0 0 19px; font-size:15px; font-weight:400; color:#666; }
.goyong ol > li > ul > li > ol { margin:6px 0 0 35px; }
.goyong ol > li > ul > li > ol > li { margin:0; list-style-type: lower-alpha; font-size:15px; font-weight:400; line-height:28px; color:#666; }
.goyong ol > li > ul > li > ol > li > ul { margin:0 0 6px 0	; }
.goyong ol > li > ul > li > ol > li > ul > li { margin:0; font-size:12px; line-height:20px; color:#999; }

/* 교육진행절차 */
.logic { overflow:hidden; height:935px; padding-left:374px; background:url(../images/eduinfo/bg_logic.png) 56px 66px no-repeat; }
.logic h1 { margin:69px 0 0 0; font-size:20px; color:#343434; }
.logic ol { margin:48px 0 0 0; padding-left:16px; }
.logic ol li { margin-bottom:65px; font-size:15px; font-weight:700; line-height:22px; color:#565656; }
.logic ol li span { color:#0780c2; text-decoration:underline; }

/* 위탁교육안내 */
.eduinfoArea { padding-bottom:60px; }
.eduinfoArea h1 { margin:54px 0 0 66px; font-size:20px; color:#343434; }
.eduinfoArea h2 { margin:19px 0 0 44px; font-size:15px; font-weight:400; line-height:22px; color:#343434; }
.eduinfoArea ol { margin:0 0 0 66px; padding:0; }
.eduinfoArea ol > li { margin-top:60px; font-size:20px; font-weight:700; color:#343434; }
.eduinfoArea ol > li > ul { margin-top:12px; padding:0; }
.eduinfoArea ol > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat; font-size:15px; font-weight:400; line-height:28px; list-style:none; color:#343434; }
.eduinfoArea ol li h2 { margin:19px 0 0; }
.eduinfoArea p { margin:22px 0 0; font-size:13px; font-weight:400; line-height:22px; color:#999; }
.eduinfoArea table { width:838px; margin-top:18px; border-collapse:collapse; border-bottom:1px solid #b8c4c6; text-align:center; font-size:13px; line-height:22px; }
.eduinfoArea th { padding:5px 0;background:#eaedee; border-top:1px solid #b8c4c6; border-bottom:1px solid #b8c4c6; }
.eduinfoArea th + th { border-left:1px solid #b8c4c6; }
.eduinfoArea tr + tr td { border-top:1px dashed  #b8c4c6; }
.eduinfoArea td + td { border-left:1px solid #b8c4c6; }
.eduinfoArea .tableLeft { padding:14px 0 14px 34px; text-align:left; }
.eduinfoArea .tableLeft p { margin:0; }
.eduinfoArea .imgInfo01 { margin:75px 0 0 21px; }
.eduinfoArea .imgInfo02 { margin:22px 0 0 60px; }
.eduinfoArea .imgInfo03 { margin:5px 0 0 60px; }
.eduinfoArea .imgInfo04 { margin:5px 0 0 60px; }

/* 찾아오시는 길 */
.location { padding:0 0 55px 44px; }
.location h1 { margin:44px 0 0; font-size:25px; color:#343434; }
.location iframe + h1 { margin-top:60px; }
.location div { margin-top:28px; }
.location div h1, .location div p{ display:inline-block; margin:0; vertical-align:middle; }
.location div h1 { width:154px; font-size:15px; line-height:28px; }
.location div h1 strong { font-size:25px; }
.location div p { margin-left:16px; font-size:15px; line-height:22px; color:#343434; }

/* 교육신청하기 */
.pay { padding:8px 20px 12px; }
.pay h1 { margin:40px 0 20px; font-size:24px; line-height:30px; }
.pay .BBSList th { background:#eaf2f8; }
.pay .payForm { margin-top:45px; }
.payForm input[type="radio"], .payForm label, .payForm span { vertical-align:middle; }
.payForm label { margin-right:10px; }
.pay .payForm .BBSWrite { display:none; }

/* 팝업 컨텐츠 상세보기 */
body.lectureDetail { overflow:hidden; }
body.lectureDetail > div.lectureArea { overflow-y:scroll !important; height:594px; margin-top:30px; padding:0 15px 15px; font-size:14px; line-height:22px; background:#fff; box-sizing:border-box; }
body.lectureDetail > div.lectureArea h1 { overflow:hidden; border-left:3px solid #3e75e6; padding:0 0 0 7px; margin:20px 0 10px 0; font-size:15px; }
body.lectureDetail > div.lectureArea h1 button { float:right; margin-top:3px; border:none; background-color:transparent; font-weight:800; }
body.lectureDetail div.navArea { overflow:hidden; position:fixed; width:100%; height:38px; top:0; left:0; background:#666; border-bottom:1px solid #464646; line-height:38px; text-align:right; }
body.lectureDetail div.navArea h1 { float:left; padding:0 15px; font-size:15px; font-weight:800; color:#efefef; }
body.lectureDetail div.navArea button { width:32px; height:32px; margin:3px 8px; border-radius:16px; border:1px solid #787878; background:#ccc; }
body.lectureDetail div.navArea button:hover { background:#efefef; }
body.lectureDetail div.summuryArea { overflow:hidden; padding:20px 0; background:url(../images/global/bg_block.png) no-repeat bottom; }
body.lectureDetail div.summuryArea > img { float:left; width:186px; height:140px; margin:0 20px 0 10px; border:1px solid #bfc3c4; }
body.lectureDetail h1, body.lectureDetail h2, body.lectureDetail h3, body.lectureDetail h4, body.lectureDetail h5 { margin:0; padding:0; }
body.lectureDetail div.summuryArea h1 { border:none; padding:0; margin:0 0 6px; font-size:20px; line-height:30px; }
body.lectureDetail div.summuryArea h2 { margin:0 0 5px; font-size:15px; font-weight:normal; }
body.lectureDetail div.summuryArea h3 { margin:0 0 10px; font-size:12px; }
body.lectureDetail div.summuryArea h5 { margin:8px 0; font-size:12px; }
body.lectureDetail div.summuryArea h5 img { margin:0 8px; }
body.lectureDetail div.summuryArea button { width:180px; height:48px; margin:15px 0; border:none; background:#e6443e; color:#fff; font-size:15px; font-weight:bold; }
body.lectureDetail div.summuryArea button.listButton { background:#666; color:#fff; margin-left:2px; }
body.lectureDetail table { width:100%; margin:0 0 20px 0; border-collapse:collapse; border:1px solid #ccc; }
body.lectureDetail table th, body.lectureDetail table td { padding:10px 0; text-align:center; border:1px solid #ccc; }
body.lectureDetail table th { background:#e8f9fc; }
body.lectureDetail div.bookInfo { overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; }
body.lectureDetail div.bookInfo img { width:100px; margin-right:10px; border:1px solid #ccc; vertical-align:middle; }
body.lectureDetail div.bookInfo h1 { display:inline-block; font-size:15px; }
body.lectureDetail div.infoArea { padding:5px 10px 15px; line-height:22px; }
body.lectureDetail ol { padding-left:25px; line-height:28px; }
body.lectureDetail ol + h1 { margin-top:40px; }
body.lectureDetail div.btnArea { border-top:1px solid #ccc; margin:20px 0; padding:20px 0; }
body.lectureDetail div.reviewArea ul, body.lectureDetail div.reviewArea li { overflow:hidden; margin:0; padding:0; list-style:none; }
body.lectureDetail div.reviewArea ul { border-top:1px solid #ccc; }
body.lectureDetail div.reviewArea li { padding:10px 0; border-bottom:1px solid #ccc; }
body.lectureDetail div.reviewArea h3 { overflow:hidden; float:left; width:120px; height:80px; margin-right:15px; text-align:center; line-height:110px; font-weight:normal; color:#787878; }
body.lectureDetail div.reviewArea h3 strong { font-size:20px; font-weight:800; color:#343434; }
body.lectureDetail div.reviewArea h3.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat 10px 10px; }
body.lectureDetail div.reviewArea h3.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat 10px 10px; }
body.lectureDetail div.reviewArea h3.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat 10px 10px; }
body.lectureDetail div.reviewArea h3.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat 10px 10px; }
body.lectureDetail div.reviewArea h3.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat 10px 10px; }
body.lectureDetail div.reviewArea h1, body.lectureDetail div.reviewArea h2, body.lectureDetail div.reviewArea p { margin:0 0 0 135px; padding:0; border-left:1px solid #ccc; }
body.lectureDetail div.reviewArea h1, body.lectureDetail div.reviewArea h2 { padding-left:10px; }
body.lectureDetail div.reviewArea h1 { line-height:24px; font-size:15px; }
body.lectureDetail div.reviewArea h2 { line-height:18px; font-size:12px; color:#999; }
body.lectureDetail div.reviewArea p { padding:10px; font-size:14px; line-height:20px; }
body.lectureDetail div.reviewArea + div { border-top:none; }

/* 컨텐츠 영역 snb */
#snb, #snb li { overflow:hidden; margin:0; padding:0; list-style:none; }
#snb { padding:10px 20px; border-bottom:1px solid #cdcdcd; }
#snb li {font-size:12pt; float:left; min-width:12%; margin:0 10px 5px 0; padding:0 20px; border:1px solid #717171; text-align:center; line-height:37px; font-weight:700; color:#565656; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; cursor:pointer; }
#snb .selected {font-size:12pt; float:left; min-width:12%; margin:0 10px 5px 0; padding:0 20px; border:1px solid #717171; text-align:center; line-height:37px; font-weight:700; background-color:#0780c2; color:#ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; cursor:pointer; }

/* 근로자 카드 */
  .box_top { background:url(../images/eduinfo/bg_str.gif) 0 0 repeat; height:160px; width:890px; padding:10px; margin-left:45px; margin-top:30px;}
  .box_top .box_inner { padding:15px; background:#fff url(../images/eduinfo/bg_ico.gif) 30px center no-repeat; height:130px; }
  .box_top .box_inner .box_txt { padding-left:240px;  font-size:15px; color:#333;  line-height:28px; width:70%;}
  .bg_blue { background:url(../images/eduinfo/bg_blue.gif) 0 0 repeat-x; font-size:15px!important; color:#000!important; display:inline; }

   /* 발급자격 안내 */
  .bdBx_gr { background:#fafafa; border:1px solid #ddd; margin-bottom:40px; width:890px; margin-left:40px; margin-top:20px;}
  .bdBx_gr ul {padding:40px 0 0px 40px; overflow:hidden; display:table;  }
  .bdBx_gr ul li { float:left; display:table-cell; width:270px; background:url(../images/eduinfo/bull_dia.png) 0 8px no-repeat; padding-left:15px; margin-bottom:40px; box-sizing: border-box;  }
  .bdBx_gr ul li:nth-child(13), .hrd_con_wrap .bdBx_gr ul li:nth-child(14) { margin-bottom:0;}
  .bdBx_gr ul li p { font-size:15px; width:240px; margin:0; font-size:14px; color:#333;}

  /* 신청절차 */
  .step-wrap > li { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
  .step-wrap > li.step04{ padding-bottom:0!important;;}
  .step-wrap li { overflow:hidden; background:none!important; }
  .step-wrap li.step01 .step_img { background:url(../images/eduinfo/step1.png) 15px 50px no-repeat;}
  .step-wrap li.step02 .step_img { background:url(../images/eduinfo/step2.png) 15px 50px no-repeat;}
  .step-wrap li.step03 .step_img { background:url(../images/eduinfo/step3.png) 15px 50px no-repeat;}
  .step-wrap li.step04 .step_img { background:url(../images/eduinfo/step4.png) 15px 50px no-repeat;}
  .step-wrap li .step_img { float:left; width:170px; height:100%; min-height:190px; }
  .step-wrap li .step_img p { font-size:18px; font-family:'nanumsquare'; color:#000; font-weight:bold; }
  .step-wrap li .step_img p span { padding-left:10px; color:#0780c2; }
  .step-wrap li .step_con {margin-left:180px; margin-top:30px;}
  .step-wrap li .step_con .bull-dia.mbt30 { margin-top:70px;}
  .step-wrap li .step_con .bull-dia li { margin-bottom:20px;}
  .step-wrap li .step_con .bull-dia li strong { font-weight:bold; background:url(../images/eduinfo/bull_dia.png) 0 5px no-repeat!important; padding-left: 15px; }
/*   .step-wrap li .step_con .bull-dia li a { background:#0780c2; width:120px; height:20px; display:inline-block; text-align:center; margin-left: 20px; border-radius:5px; text-decoration: none; color:#fff; font-weight:bold; } */
  .step-wrap li .step_con .bull-dia li button { background:#0780c2; text-align:center; margin:0 0 7px 20px; padding:0 15px 0 15px; border-radius:12px; text-decoration: none; color:#fff; }
  .step-wrap li .step_con .bull-dia li p { font-size:15px; width:80%; margin:0; }
  .box_gray { background:#f8f8f8; padding:30px; border-top-left-radius: 5px; border-top-right-radius: 5px; width:800px; margin-top:20px; }
  .box_gray ul { margin:0; padding:0;}
  .box_gray ul li { padding-left:13px; background:url(../images/eduinfo/bull_cir.png) 0 6px no-repeat; font-size:15px!important; color:#333; margin-bottom:20px; font-weight:normal; list-style:none;}
  .box_gray ul li:last-child { margin-bottom:0;}
  p.txt { width:820px; height:60px; font-size:15px; text-align:center; font-weight:bold; background:#ddd; color:#333; padding:10px 20px 0; margin-top:0;}
  .tbl_bl {}
  .tbl_bl table {width:860px!important}
  .tbl_bl table caption { text-indent:-9999em; margin:0; padding:0; display:none;}
  .tbl_bl table thead tr th { font-size:15px; background:#147fba; text-align:center; height:60px; line-height:60px; color:#fff;}
  .tbl_bl table thead tr th:nth-child(2) { background:#1080be}
  .tbl_bl table thead tr th:nth-child(3) { background:#0b75b0}
  .tbl_bl table tbody tr { background:#f7f7f7; border:0;}
  .tbl_bl table tbody tr:nth-child(2) { background:#fff; }
  .tbl_bl table tbody tr td { font-size:15px; text-align:left; padding:10px 10px 10px 0;}
  .tbl_bl table tbody tr td:nth-child(1) { text-align:center;}
  .tbl_bl table tbody tr td.bg_g { background:#f2f2f2; }
  .tbl_bl table tbody tr td.bg_g2 { background:#f0efef; }
  .tbl_bl table tbody tr td ul {}
  .tbl_bl table tbody tr td ul li {}


/* 주문목록 */
.BBSList ul.orderList, .BBSList ul.orderList li{ margin:0; padding:0; list-style:none; }
.BBSList ul.orderList { margin-top:10px; }
.BBSList ul.orderList li { overflow:hidden; min-height:116px; border:1px solid #ccc; padding-left:15px; }
.BBSList ul.orderList li.noList { text-align:center; line-height:80px; font-size:15px; }
.BBSList ul.orderList li + li { margin-top:8px; }
.BBSList ul.orderList li > img { float:left; width:130px; height:88px; margin:10px 20px 10px 10px; cursor:pointer; }
.BBSList ul.orderList li button { float:right; width:96px; height:116px; border-radius:0; border:none; border-left:1px solid #ccc; background:#efefef; font-weight:bold; color:#565656; text-align:center; }
.BBSList ul.orderList li button img { margin-bottom:15px; }
.BBSList ul.orderList li button:hover { background:#fff; }
.BBSList ul.orderList li h1, .BBSList ul.orderList li h2, .BBSList ul.orderList li h3, .BBSList ul.orderList li h4, .BBSList ul.orderList li h5 { margin:0; padding:0; }
.BBSList ul.orderList li h1 { overflow:hidden; margin:12px 0 8px; width:350px; font-size:16px; color:#252525; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; background:none; }
.BBSList ul.orderList li h2 { margin-top:11px; font-size:12px; color:#666; font-weight:normal; }
.BBSList ul.orderList li h3 { margin-top:23px; font-size:12px; color:#999; }
.BBSList ul.orderList li h2, .BBSList ul.orderList li h5 { display:inline-block; }
.BBSList ul.orderList li h5 { padding:0 8px; margin-left:5px; background:#0780c2; border:1px solid #83c0eb; border-radius:4px; line-height:18px; color:#fff; }
.BBSList ul.orderList li h4 { font-size:12px; color:#666; line-height:18px; }
.BBSList ul.orderList li h4 + h4 {}