/* 나눔고딕
@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(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
/* font-family: 'Jeju Gothic', sans-serif; */

/* Open Sans */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
/* font-family:'Open Sans', sans-serif; */

/* font-family: "Noto Sans KR", sans-serif  */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/* font-family: 'Roboto' */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');

body { margin:0; padding:0; font-family:'Nanum Gothic', serif; font-size:12px;  }
input, button, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button { cursor:pointer; }
button img, img { vertical-align:middle; }
.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; }
ul, ol { margin:0; padding:0; }
li { list-style:none; }
a{text-decoration:none;}

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

/* 공통 Top */
#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; }
.frame{width:1000px; margin:0 auto;}

/* topMenu */
#topMenu { background:#eeeff1;}
.topMenu {margin:0 auto; overflow:hidden; }
.site { overflow:hidden; float:left; }
.site > li{float:left; border-right:1px solid #fff; }
.site > li a{display:inline-block; font-family: "Noto Sans KR", sans-serif; font-size:14px; opacity: 0.7; color:#000; line-height:38px; padding:0 23px;}
.site > li a:hover{opacity: 1;}
.site > li.select a{opacity: 1; background:#fff; border-right:none; }

/* 공통GNB */
#Header { height:30px; width:100%; min-width:1000px; }
#Header > div { width:980px; height:30px; margin:0 auto; padding:0 10px; text-align:right; font-size:12px; }
#Header > div button { padding:0; margin:0; border:none; background:none; line-height:30px; vertical-align:middle; font-weight:bold; font-size:12px;  }
#Header > div button + button { margin-left:2px; padding-left:8px; background-repeat:no-repeat; background-position:left center; }
#Header > div button.favoriteBtn  { margin-left:9px; padding-left:18px; }
#Header > div button:hover { text-decoration:underline; }

#Header02 {width:100%; min-width:1000px; font-family: "Noto Sans KR", sans-serif; }
.HeaderWrap{ width:1000px; height:90px; margin:0 auto; padding:0 10px; text-align:right; font-size:12px;}
.HeaderWrap .logo{display:inline-block; float:left; padding-top:30px;}
.HeaderWrap button { padding:0; margin:0; margin-top:40px; border:none; background:none; line-height:20px; vertical-align:middle; font-weight:600; font-size:13px; color:#686b74;}
.HeaderWrap button > img{margin-top:-5px; margin-right:5px;}
.HeaderWrap button:hover {color:#000;}
.HeaderWrap button::after{display:inline-block; content:""; width:1px; height:10px; background:#d1d7dc; margin:0 10px;}
.HeaderWrap button:last-child::after{display:none;}


#GNB {position:absolute; left:0; overflow:hidden; width:100%; min-width:1000px; }
#GNB > div { overflow:hidden; width:1000px; height:81px; margin:0 auto; }
#GNB a { position:absolute; margin-left:10px; border:none; text-decoration:none; color:#343434; font-family: 'Jeju Gothic', sans-serif; font-size:30px; font-weight:bold; }
#GNB a img { border:none; }
/* GNB Main */
#GNB ul, #GNB ol, #GNB li { display:block; list-style:none; padding:0; margin:0; }
#GNB ul { clear:both; float:right; margin:3px 10px 0; }
#GNB ul > li { float:left; overflow:hidden; margin:29px 0 0 75px; cursor:pointer; }
#GNB ul h1 { padding:0 5px; line-height:46px; font-size:18px; font-weight:bold; font-family: 'Jeju Gothic', sans-serif; }
#GNB ul > li > h1 { border-bottom-width:3px; border-bottom-style:solid; }
#GNB ol { padding:5px 0 15px; }
#GNB ol li { line-height:28px; text-align:center; font-family: 'Jeju Gothic', sans-serif; }
/*#GNB ol li:hover { font-weight:bold; }*/
/*#GNB ul:hover ol { display:block; }*/

#GNB02 {font-family: "Noto Sans KR", sans-serif; margin-top:10px; border-top:1px solid #e0e0e0; border-bottom:2px solid #0c2979; background-color:#3162C7; }
.GNBList {height:53px; margin:0 auto; text-align:center; font-size:0; }
.GNBList > li { display:inline-block; width:16.666%; vertical-align:top; }
.GNBList > li > a {display:block; line-height:53px; font-size:19px; font-weight:500; color:#fff; }
.GNBList > li.myClass > a { color:#fff; }
.GNBList ol { overflow:hidden; padding-bottom:17px; display:none; position:relative; top:2px; background:#fff; border-bottom:1px solid #b2b6bc; z-index:11; box-sizing:border-box;}
.GNBList > li + li ol { border-left:1px solid #e8e8e8; }
.GNBList > li:first-child ol { border-left:1px solid #b2b6bc; }
.GNBList ol > li:first-child { margin-top:10px; }
.GNBList ol > li a { display:block; font-size:15px; line-height:35px; color:#555; letter-spacing:-0.5px;}
.GNBList ol > li:hover a { color:#323ff3;}
.GNBList > li.myClass ol { background:#f6f6f6; border-right:1px solid #b2b6bc; border-left:none; }


/* footer */
#footer { overflow:hidden; width:980px; margin:10px auto; padding:20px 10px; border-top:1px solid #ccc; background:#fff; }
#footer img { float:left; margin-right:36px; }
#footer ul, #footer li { display:block; margin:0; padding:0; }
#footer ul { overflow:hidden; margin:0 0 10px; }
#footer li { float:left; margin-right:15px; line-height:14px; font-weight:bold; color:#999; cursor:pointer; }
#footer li:hover { color:#666; }
#footer li + li { padding-left:15px; border-left:2px solid #999; }
#footer address { overflow:hidden; line-height:18px; color:#999; font-style:normal; }

#footer02{width:100%; margin-top:60px; font-family: "Noto Sans KR", sans-serif; }
.footer_csArea{height:225px; background:url(../images/medi/footer_cs_bg.png)no-repeat; background-attachment: fixed;}
.footer_csArea::before{display:block; content:""; height:225px; background:rgba(23, 27, 42, 0.7); }
.footer_csList{width:1000px; margin:0 auto; margin-top:-200px;}
.footer_csList h1{color:#fff; font-size:30px; font-weight:600; line-height:15px;}
.footer_csList h1 span{font-weight:200;}
.footer_csList li{display:block; float:left; width:310px; }
.footer_csList li:last-child{width:360px; }
.footer_csList li span{display:block;  float:left; width:58px; height:58px; text-indent:-10000px; border-radius:50%; margin:15px 10px 0 0;}
.footer_csList li .call{background:url(../images/medi/footer_cs_01.png) no-repeat center #fff;}
.footer_csList li .fax{background:url(../images/medi/footer_cs_02.png) no-repeat center #fff;}
.footer_csList li .time{background:url(../images/medi/footer_cs_03.png) no-repeat center #fff;}
.footer_csList li p{display:inline-block; color:#fff; font-size:15px;}
.footer_csList li p b strong{display:block;}
.footer_csList li p b{font-family:'Roboto'; font-size:30px;color:#fff;}

.footer_menu{display:block; background:#2b323e;}
.footer_menu ul{display:table;}
.footer_menu ul li{display:table-cell; width:16.6666666666%; height:50px; line-height:50px;color:rgba(255, 255, 255, 0.5); font-size:13px; text-align:center; cursor:pointer; border-left:1px solid rgba(255, 255, 255, 0.15);}
.footer_menu ul li:last-child{border-right:1px solid rgba(255, 255, 255, 0.15);}
.footer_menu ul li:hover{color:#fff;}
.footer{width:1000px; padding:30px 0; background:#fff}
.footer h1{float:left; position:relative; display:inline-block; width:280px;}
.footer h1 a{display:block; }
.footer address{text-align:left;  font-style:normal; line-height:15px; color:#888; padding-left:233px;}
.footer address span{display:inline-block;line-height:18px; font-size:10px;color:#505050; padding:0 18px}

/* 메인 */
#main_contents { width:1000px; margin:80px auto 0; }
#main_contents > img { margin:10px 0; }
#main_contents > ul, #main_contents > ul li { margin:0; padding:0; list-style:none;}
#main_contents > ul { overflow:hidden; margin:0 auto 10px; }
#main_contents > ul > li { float:left; display:inline-block; width:320px; background:#fff; border:1px solid #e7edee; }
#main_contents > ul > li + li { margin-left:17px; }
#main_contents > ul > li > h1 { margin:0; padding:0 10px; border-bottom:1px solid #e7edee; color:#999; font-size:12px; line-height:45px; }
#main_contents > ul > li > h1 > strong { color:#fff; font-size:15px; }
#main_contents > ul > li > h1 button { float:right; height:25px; margin:10px 0; padding:0 10px; border:none; font-weight:bold; line-height:26px; color:#efefef; }


/* 로그인 */
#main_contents li.loginArea, #main_contents li.myInformation { overflow:hidden; height:152px; margin-bottom:10px;}
#main_contents li.loginArea > h1 { margin:0; padding:0 15px; font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; line-height:30px; }
#main_contents li.loginArea > form { padding:10px 15px; }
#main_contents li.loginArea > form input { width:195px; height:34px; border:1px solid #ccc; padding:0 5px; color:#ccc; }
#main_contents li.loginArea > form br + input { border-top:none; }
#main_contents li.loginArea > form > button { float:right; width:95px; height:68px; border:none; background-image:url(../images/main/btn_login.png); background-repeat:no-repeat; background-position:center 8px; font-weight:bold; font-size:15px; line-height:110px; }
#main_contents li.loginArea > form div { margin-top:8px; padding-top:8px; border-top:1px dashed #ccc; text-align:left; }
#main_contents li.loginArea > form div button { border:none; background:none; color:#999; font-weight:bold; }
/* 개인정보영역 */
#main_contents li.myInformation > ul, #main_contents li.myInformation li { overflow:hidden; margin:0; padding:0; }
/*#main_contents li.myInformation li { float:left; width:106px; height:100px; border-bottom:3px solid #fafbfb; background:#fafbfb; text-align:center; font-size:12px; font-weight:bold; color:#999; cursor:pointer; }*/
#main_contents li.myInformation li { float:left; width:159px; height:100px; border-bottom:3px solid #fafbfb; background:#fafbfb; text-align:center; font-size:12px; font-weight:bold; color:#999; cursor:pointer; }
#main_contents li.myInformation li > div { overflow:hidden; width:37px; height:32px; margin:20px auto 12px; }
#main_contents li.myInformation li > div img { margin-top:0;  }
#main_contents li.myInformation li + li { border-left:1px solid #e7edee; }
#main_contents li.myInformation li:hover { border-bottom-width:5px; border-bottom-style:solid; background:#fff; }
#main_contents li.myInformation li:hover img { margin-top:-32px; }
/* 버튼모양 */
#main_contents li.btnBlock { overflow:hidden; position:relative; height:84px; /*margin-top:-134px;*/ margin-top:-86px; margin-left:0; cursor:pointer; }
#main_contents li.btnBlock div { float:right; width:64px; height:64px; margin:10px; background-image:url(../images/studycenter/btn_mainlink.png); background-position:center; background-repeat:no-repeat; }
#main_contents li.btnBlock h1, #main_contents li.btnBlock h2 { display:inline-block; margin:0 0 0 10px; padding:0; }
#main_contents li.btnBlock h2 { font-size:13px; color:#787878; margin:18px 0 5px 10px; }
#main_contents li.btnBlock h1 { font-size:20px; line-height:24px; border:none; }
/*#main_contents li.btnBlock + li { margin-top:-62px; }*/
/* 수강기간 */
#main_contents li.dateInfo { height:250px; border:none; }
#main_contents li.dateInfo h2 { height:43px; padding:0 10px; margin:0 0 1px; line-height:43px; font-size:15px; }
#main_contents li.dateInfo ul { height:164px; margin:0 0 1px; padding:0 10px; background:url(../images/studycenter/bg_mainblock.png); }
#main_contents li.dateInfo ul li { padding-top:22px; color:#999; font-size:12px; font-weight:bold; }
#main_contents li.dateInfo ul li h3 { margin:8px 0 0 0; padding:0; font-size:20px; line-height:24px; font-weight:800; }
#main_contents li.dateInfo button { display:block; width:320px; height:43px; padding:0 10px; border:none; background:url(../images/studycenter/btn_mainnext.png) no-repeat 280px center #5d5d64; font-size:15px; font-weight:bold; text-align:left; }
/* 추천과정 */
#main_contents li.favoriteStudy { width:639px; height:230px; padding:10px; }
#main_contents li.favoriteStudy > img { float:left; width:308px; height:230px; margin-right:20px; }
#main_contents li.favoriteStudy > h3 { margin:20px 0 15px; padding:0; font-size:15px; color:#666; }
#main_contents li.favoriteStudy > h2 { overflow:hidden; margin:0 0 8px; white-space:nowrap; text-overflow:ellipsis; font-size:18px; }
#main_contents li.favoriteStudy > p { overflow:hidden; height:90px; margin-bottom:9px; line-height:18px; color:#666; }
#main_contents li.favoriteStudy > button { width:140px; height:45px; border:none; font-weight:bold; font-size:15px; }
#main_contents li.favoriteStudy > button.btnPreview { width:165px; }
/* 게시판영역 */
#main_contents li.BBSArea { height:250px; }
#main_contents li.BBSArea > h1 span { padding-left:10px; font-size:15px; font-family:'Open Sans', sans-serif; font-weight:200; }
#main_contents li.BBSArea > h1 button { width:25px; padding:0; font-size:20px; }
#main_contents li.BBSArea > ul { padding:10px; }
#main_contents li.BBSArea > ul li { color:#999; cursor:pointer; }
#main_contents li.BBSArea > ul li + li { margin-top:5px;  }
#main_contents li.BBSArea > ul li > h1 { overflow:hidden; white-space:nowrap; font-size:12px; text-overflow:ellipsis; }
#main_contents li.BBSArea > ul li:hover { text-decoration:underline; }
/* 고객센터 */
#main_contents li.CSCenter { height:250px; background-image:url(../images/studycenter/bg_cscenter.png); background-repeat:no-repeat; background-position:right 8px; color:#fff; }
#main_contents li.CSCenter > h1, #main_contents li.CSCenter > h2, #main_contents li.CSCenter > table { margin:0 0 0 20px; padding:0; }
#main_contents li.CSCenter > h1 { margin-top:35px; font-size:30px; font-size:22px; color:#fff; border:none; }
#main_contents li.CSCenter > h2 { margin-bottom:10px; font-size:44px; font-family:'Open Sans', sans-serif; }
#main_contents li.CSCenter > table { border-collapse:collapse; }
#main_contents li.CSCenter > table th, #main_contents li.CSCenter > table td { padding:8px 0; vertical-align:top; line-height:18px; font-size:15px; }
#main_contents li.CSCenter > table th { width:74px; font-weight:bold; text-align:left; }


/* 메인 롤링 */
.section01 { float:left; width:100%; padding:0 0 35px 0; }
.main_rolling2 {position:relative; overflow:hidden; height:475px; margin:0; }
.main_rolling2 .con { margin:0; }
.main_rolling2 .con img { width:100%; height:485px; }
.main_rolling2 .con > a { width:100%; height:475px; display:block; background-repeat:no-repeat; background-position:center center; }
.main_rolling2 .slick-dots {  display: table; position:absolute; width:1000px; bottom:0; left:50%; margin-left:-500px; background-color: rgba( 255, 255, 255, 0.9 );/*background-color: rgba( 0, 0, 0, 0.78 );*/ text-align:center; }
.main_rolling2 .slick-dots > li {display: table-cell; width:20%; /*width:auto;*/ height:60px; margin:0; vertical-align:middle; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.main_rolling2 .slick-dots > li a {display:block; margin:0; font-size:15px; line-height:20px; color:#000; vertical-align:middle;}
.main_rolling2 .slick-dots > li + li{border-left:1px solid #d9d9d9; }
.main_rolling2 .slick-dots > li.slick-active{display: table-cell; width:20%; border:none; background-color:#0c2979;  vertical-align:middle; height:60px;}
.main_rolling2 .slick-dots > li.slick-active a, .main_rolling2 .slick-dots > li.slick-active:hover a{color:#fff; }
.main_rolling2 .slick-dots > li:hover a {color:#323ff3; }
.main_rolling2 .slick-prev, .main_rolling2 .slick-next { width:33px; height:62px; top:186px; outline:0; opacity:0.5; cursor:pointer; }
.main_rolling2 .slick-prev { margin-left:-619px; background:url(../images/medi/main_icon_prev.png) 0 0 no-repeat; left:50%; }
.main_rolling2 .slick-next { margin-right:-619px;background:url(../images/medi/main_icon_next.png) 0 0 no-repeat; right:50%; }
.main_rolling2 .slick-prev:hover {margin-left:-619px; background:url(../images/medi/main_icon_prev.png) 0 0 no-repeat; left:50%; opacity:1;}
.main_rolling2 .slick-next:hover {margin-right:-619px; background:url(../images/medi/main_icon_next.png) 0 0 no-repeat; right:50%;opacity:1;}

/* 메인-과정안내 */
.mainCourse{margin:0 auto; font-family: "Noto Sans KR", sans-serif; }
.mainCourse p {display:block; text-align:center; color:#7486e1; font-size:18px; letter-spacing:-1px; line-height:20px;}
.mainCourse h1{display:block; text-align:center; color:#3a3a3a; font-size:38px;letter-spacing:-1px; line-height:20px; margin-top:-5px; font-weight:600;}
.mainCourse ul{/*display: inline-block;*/ display:table; width:100%; margin:60px 0 70px 0; }
.mainCourse ul li{float:left; /*display:block;*/ display:table-cell; width:311px; height:186px; overflow:hidden;}
.mainCourse ul li:first-child{margin-right:33px;}
.mainCourse ul li:last-child{float:right;}
.mainCourse ul li a{display:block; width:100%; overflow:hidden; }
.mainCourse ul li a img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
.mainCourse ul li a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.mainCourse ul li a h2{position:relative; width:311px; height:186px; margin-top:-186px; text-align: center; background-color: rgba(52,52,52,0.4); }
.mainCourse ul li a h2 span{line-height:186px; color:#fff; font-weight:400; font-size:28px;}

/* 메인-베스트과정 */
.mainBestWrap{width:100%; background:#f7f7f7; padding:50px 0;}
.mainBest {width:1000px; margin:0 auto;}
.mainBest > h1 {}
.mainBest > h1 button { float:right; height:31px; border:1px solid #484f61; background:none; font-size:13px; color:#252a36; }
.mainBest > h1 button img {margin-left:6px; }

/* 메인-추천과정 */
.mainRecom{width:1000px; margin:70px auto;}

/* 메인-공통 */
.maintit{font-family: "Noto Sans KR", sans-serif; position:relative; display:inline-block; font-size:27px; color:#333; padding-left:20px; letter-spacing:-1px;}
.maintit::before{position:absolute; display:inline-block; content:""; top:8px; left:0px; width:7px; height:24px; background:#c8412b;}
.mainBtn01{ float:right; height:31px; border:1px solid #484f61; background:none; font-size:13px; color:#252a36; }
.mainBtn01 img {margin-left:6px; }
.mainBtn02{float:right; height:31px; border:1px solid #484f61; background:none; font-size:13px; color:#252a36; }

.commend { overflow:hidden; margin-top:14px; }
.commend > li { position:relative; float:left; width:235px; margin-left:20px;}
.commend > li:first-child{margin-left:0;}
.commend > li a { display:block; }
.commend > li .img { width:235px; height:170px; background-position:center center; background-repeat:no-repeat; background-color:#ccc; box-sizing:border-box; background-size:100%; }
.commend > li .img02 { width:235px; height:120px; background-position:center center; background-repeat:no-repeat; background-color:#ccc; box-sizing:border-box; background-size:100%; }
.commend > li:hover .img, .commend > li:hover .img02 { border:1px solid #2a58d8;}
.commend > li h1 { overflow:hidden; margin-top:3px; font-size:15px; line-height:20px; color:#333; }
.commend > li:hover h1 { text-decoration:underline; }
.commend > li h2 { display:inline-block; padding:0 8px; margin-top:9px; background:#b5b6ba; font-size:12px; font-weight:400; line-height:20px; color:#fff; }
.commend > li:hover h2 { background-color:#959aae; }

/* 메인-cs */
.csWrap{width:1000px; margin:70px auto; font-family: "Noto Sans KR", sans-serif; height:250px;}
.csWrap .notice{float:left; display:block; width:480px;}
.csWrap .notice h1{position:relative;}
.csWrap .notice h1::after{position:absolute; display:block; content:""; top:50px; left:0; width:480px; height:2px; background:#393c42;}
.csWrap .notice ul{position:relative; margin-top:20px;}
.csWrap .notice ul li {display:block; }
.csWrap .notice ul li::after {content:""; clear:both; display:inline-block; width:480px; height:1px; background:#e4e5e9;}
.csWrap .notice ul li a {float:left;display:inline-block; max-width:390px; color:#000; letter-spacing:-1px; font-size:16px; line-height:46px; font-weight:300; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.csWrap .notice ul li a::before{display:inline-block; content:""; left:0; top:5px; width:4px; height:4px; background:#b8babf; margin-right:10px;}
.csWrap .notice ul li .date{float:right;display:inline-block;width:80px;font-family:'Roboto'; font-size:15px;color:#adadad;text-align:center;letter-spacing:-0.7px; line-height:46px;}
.csWrap .notice ul li:hover a{color:#666;}

.csWrap .call{float:right; display:block; width:480px; background:url(../images/medi/main_call_bg.png) #314e9d; background-repeat:no-repeat; background-position:350px -20px; padding:15px 0;}
.csWrap .call h1{display:inline-block; margin-left:30px; background:url(../images/medi/main_call_icon.png) no-repeat; font-family:'Roboto'; font-size:40px; font-weight:600; color:#fff; line-height:57px; padding-left:70px;}
.csWrap .call ul{margin-left:30px;}
.csWrap .call ul li{position:relative; color:#fff;  font-size:15px; font-weight:300; letter-spacing:-0.3px;padding-left:10px;}
.csWrap .call ul li b{padding-left:10px;font-family:'Roboto'; font-size:20px; font-weight:500; letter-spacing:0;}
.csWrap .call ul li::before{position:absolute; display:inline-block; content:""; left:0; top:10px; width:2px; height:2px; background:rgba(255, 255, 255, 0.8); }
.csWrap .call .callBtn{margin:20px 0 10px 30px;}
.csWrap .call .callBtn a{display:inline-block; width:180px; line-height:44px; border:1px solid rgba(255, 255, 255, 0.7); background:url(../images/medi/main_more.png)no-repeat 170px 15px; color:#fff; font-size:14px; padding-left:15px;}
.csWrap .call .callBtn a + a{margin-left:15px;}
.csWrap .call .callBtn a:hover{border-color:#fff;}

/*메인하단배너*/
.M_fam_lstArea{margin:0 auto; width:1000px; }
.M_fam_lst{border:1px solid #dfdfdf; padding:0 24pxmargin-top:20px; background:#fff; position:relative; height:73px;}
.M_fam_lst .M_bn_roll_list{overflow:hidden;  font-size: 0;  position:relative; width:950px; height:73px;}
.M_fam_lst ul{width: 1900px;  height: 73px; text-align:left;}
.M_fam_lst ul li{display: inline-block; width:190px; height:73px; float:left; }
.M_fam_lst ul li a{width:100%; height:58px; float:left; text-align:center; padding:15px 0 0;}
.M_bn_roll_control{position:absolute; z-index:10;  top:0; right:0; width:998px; }
.M_bn_roll_control span{ width:24px; height:73px; display:block; line-height:0; cursor:pointer; position:absolute; }
.M_bn_roll_control .R_arrow{background:url(../images/medi/main_arrow_R.gif) no-repeat 6px 21px #fff; top:0; right:0; border-left:1px solid #e2e0e0; }
.M_bn_roll_control .L_arrow{background:url(../images/medi/main_arrow_L.gif) no-repeat 9px 21px #fff; top:0; left:0; border-right:1px solid #e2e0e0;}


/* 회사소개 */
#about{width:885px; margin:20px auto 50px;}
#about h1{color:#1c61b3; margin-bottom:50px; font-size:30px; font-family: 'NanumSquare', sans-serif;}
#about h1:before {display:block; content:''; width:60px; height:3px; background:#1b75ce;	margin-top: 70px; margin-bottom:30px;}
#about p{font-size:14px; line-height:22px; color:#666;}
#about .sign{display:inline-block; float:right; width:230px; color:#fff; background:#74b8f1; line-height:30px; text-align:center; font-weight:600; margin:20px 0 50px 0;}

/* 기본레이아웃 */
/* 컨텐츠 영역 공통 선언 */
#wrap { overflow:hidden; width:1000px; /*margin:90px auto 0;*/ margin:10px auto 0;}
#contents { overflow:hidden; min-height:680px; border:1px solid #d2d9db; background:#fff; }
/* 컨텐츠 영역 공통 제목부 */
#titleArea { overflow:hidden; height:120px; padding:0 20px; background-position:94% top; background-repeat:no-repeat; background-color:#f8f8f8; border-bottom:1px solid #d2d9db; }
#titleArea h1, #titleArea h2, #titleArea h3 { margin:0; padding:0; }
#titleArea h2 { margin:15px 0 8px; font-size:12px; color:#999999; font-weight:normal; }
#titleArea h2 strong, #titleArea h3 strong { font-size:12px; color:#565656; }
#titleArea h2 img { margin:0 5px; }
#titleArea h1 { margin-bottom:16px; font-size:30px; }
#titleArea h3 { font-size:12px; color:#565656; font-weight:normal; }

/* 컨텐츠 영역 snb */
/*#snb, #snb li { overflow:hidden; margin:0; padding:0; list-style:none; }
#snb { padding:10px 20px; border-bottom:1px solid #cdcdcd; }
#snb li { float:left; min-width:12%; font-size:14px; margin:0 5px 5px 0; border:1px solid #cfd3da; text-align:center; line-height:37px; font-weight:800; color:#565656; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; cursor:pointer; }
#snb li:hover{border-color:#438df2; color:#438df2;}*/
#snb, #snb li { overflow:hidden; margin:0; padding:0; list-style:none; }
#snb { margin-top:20px; padding-left:20px; border-bottom:1px solid #438df2; }
#snb li { float:left; min-width:13.5%; font-size:14px; margin-right:2px; border:1px solid #cfd3da; text-align:center; border-bottom:none; border-radius: 5px 5px 0px 0px; background: #f9f9f9; line-height:45px; font-weight:800; color:#565656; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; cursor:pointer; }
#snb li:hover{border-color:#438df2; color:#438df2;  background:#fff;}
#snb .on{background:#438df2;  color:#fff; border-color:#438df2;}


/* 강의듣기페이지 */
#wrap.study div#titleArea h3 { padding-left:20px; background:url(../images/studycenter/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.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:10px; }
#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; 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:34px; border:none; background-color:#2972f9; 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:180.6px; 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:936px; 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 { color:#343434; }
#wrap.study div#contentsArea > ul > li table.passCheck td.title { color:#fff; font-weight:bold; }
#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 div, #wrap.study .openClass div.summuryArea div { display:none; }

/* 과정상세보기 */
#contentsArea.lectureDetail { font-size:14px; line-height:22px; }
#contentsArea.lectureDetail div.summuryArea { overflow:hidden; padding:30px 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:45px 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; font-size:15px; font-weight:bold; }
#contentsArea.lectureDetail div.summuryArea button.listButton { background:#666 !important; color:#fff !important; 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 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; }
div.textArea { 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 { margin:10px 0; }
.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; 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:25px 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; border-radius:4px; line-height:18px; color:#fff; }

/* 카테고리탭 */
.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 { 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 + 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; white-space: pre-wrap;}

.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; }

#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; }

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 { text-align:center; background:#f6f6f6; line-height:30px; border-bottom:1px solid #bfc3c4; }
div.testArea > ul li div { overflow:hidden; float:right; text-align:center; width:140px; padding:0 15px; border-left:1px solid #bfc3c4;border-right:1px solid #bfc3c4;  background:#fff; white-space:nowrap; text-overflow:ellipsis; }
/*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:20px; height:20px; 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"] { float:left\9; display:inline-block\9; width:20px; height:20px; 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 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 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 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 .memberCheck form {padding:10px 0;}
#contentsArea.agreementPage .memberCheck form div {margin-bottom:10px;}
#contentsArea.agreementPage .memberCheck form .floatLeft {float:left;}
#contentsArea.agreementPage .memberCheck form .floatLeft:after {display: block;  clear: both;  content:""}
#contentsArea.agreementPage .memberCheck form .floatLeft button {width:135px; height:28px; margin:115px 0 0 20px; padding:0; font-size:14px;}
#contentsArea.agreementPage .memberCheck div h2 {float:left; width:60px; margin:5px 10px 0 0; font-size:15px;}
#contentsArea.agreementPage .memberCheck div input{display:inline-block; width:150px; height:28px; padding:0 5px; border:1px solid #bfc3c4;}
#contentsArea.agreementPage .memberCheck div .tel	{width:95px;}
#contentsArea.agreementPage .memberCheck div select{float:left; width:50px; height:28px; border:1px solid #bfc3c4;}
#contentsArea.agreementPage .memberCheck div select:after {display: block;  clear: both;  content:""}
#contentsArea.agreementPage .memberCheck div ul {padding:0; list-style:none;}
#contentsArea.agreementPage .memberCheck div span {line-height:27px; font-size:13px;}
#contentsArea.agreementPage .memberCheck div strong {line-height:27px; font-size:13px;}

/* 수강신청 */
.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:538px; height:538px; border:1px solid #bfc3c4; margin:90px auto 10px; padding:50px 231px 50px; 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; 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; zoom:1; }
div#popupStudyArea, #studyPopup iframe { float:left; margin:0; padding:0; }
#popupStudyArea h1, #popupStudyArea h2, #popupStudyArea h5 { margin:0; padding:0; }
#popupStudyArea { overflow-y:scroll; overflow-x:hidden; width:338px; padding:0; margin:0; }
#popupStudyArea > h1 { padding:0 20px; margin:20px 0 8px; font-size:15px; color:#2665ae; }
#popupStudyArea > h2 { padding:0 20px; margin-bottom:20px; font-size:12px; color:#121212; font-weight:normal; }
#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 ul, #popupStudyArea li { overflow:hidden; list-style:none; margin:0; padding:0; }
#popupStudyArea > ul { margin:0 10px; border:1px solid #ccc; border-bottom:none; background:#ccc; }
#popupStudyArea > ul > li { float:left; width:49.9%; 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 20px; 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:300px; 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:#efefef; }
#popupStudyArea > button { width:303px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; 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 > 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 15px; background:#666; border-right:1px solid #565656; line-height:36px; color:#cdcdcd; font-weight:bold; cursor:pointer; }
ul.tabMenu > li + li { border-left:1px solid #787878; }
ul.tabMenu > li.select { background:#454545; color:#fff; }

/*서브페이지 컨텐츠*/
#subconArea{width:925px; margin:0 auto; padding:60px 0; font-family: "Noto Sans KR", sans-serif; font-size:14px; color:#000;}
/*위너아카데미소개 - 위너아카데미소개 */
.eduinfo_about *{width:850px; margin:0 auto;}
.eduinfo_about h1{text-align:center; color:#393c42; font-size:42px; line-height:18px;}
.eduinfo_about h2{margin-bottom:60px; text-align:center; }
.eduinfo_about h2 span{display:inline-block; padding:0 5px; line-height:18px; box-shadow:0 15px 0 0 #dbddf4;}
.eduinfo_about h2 span b{position:relative; top:5px; font-size:25px; font-weight:400; color:#323ff3;}
.eduinfo_about img{width:835px; margin-bottom:30px; text-align:center;}
.eduinfo_about h3{position:relative; color:#3541e4; font-size:30px; font-weight:300; padding-left:20px;}
.eduinfo_about h3::before{position:absolute; content:""; width:10px; height:28px; background:#3541e4; top:10px; left:0;}
.eduinfo_about p{ font-size:18px; font-weight:300; letter-spacing:-1px; line-height:30px;}
.eduinfo_about p span{display:block; position:relative; margin:70px 0; text-align:center; color:#6792e9; font-size:23px; font-weight:400;letter-spacing:-1px; padding:55px 0;background:url(../images/medi/eduinfo_about_02.png)no-repeat center; }
.eduinfo_about p span::before, .eduinfo_about p span::after{display:block; position:absolute; content:""; height:12px; width:100%; background:url(../images/medi/sub_bg_01.png)repeat;}
.eduinfo_about p span::before{top:-30px; }
.eduinfo_about p span::after{top:220px;}

/*위너아카데미소개 - 교육분야안내*/
.eduinfo_area{display:block; padding:60px 0; }
.eduinfo_area ul{display:block; border-spacing:35px;}
.eduinfo_area ul .list{float:left; width:278px; background:#fff; box-shadow:0 0 10px 0 rgba(22, 67, 181, 0.4); border-radius:30px; overflow:hidden; text-align:center; margin:20px 15px 20px 15px; border:1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box;}
.eduinfo_area ul .list i{display:inline-block; text-indent:-10000px; width:70px; height:70px; border-radius:50%; margin-top:20px;}
.eduinfo_area ul .list .icon01{background:url(../images/medi/eduinfo_area_icon01.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list .icon02{background:url(../images/medi/eduinfo_area_icon02.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list .icon03{background:url(../images/medi/eduinfo_area_icon03.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list .icon04{background:url(../images/medi/eduinfo_area_icon04.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list .icon05{background:url(../images/medi/eduinfo_area_icon05.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list .icon06{background:url(../images/medi/eduinfo_area_icon06.png)no-repeat center #4f59d7;}
.eduinfo_area ul .list h1{font-size:25px; color:#3541e4; font-weight:400;line-height:50px; margin-top:35px; height:60px;}
.eduinfo_area ul .list h1::before{display:block; margin:-20px auto 5px; content:""; width:30px; height:1px; background:#4f59d7;}
.eduinfo_area ul .list h1 span{display:block; font-size:15px; line-height:5px; color:#8087e4;}
.eduinfo_area ul .list h2{color:#000; font-weight:300; font-size:15px; letter-spacing:-1px; margin-top:10px; margin-bottom:0; line-height:17px; height:90px;}
.eduinfo_area ul .list ol{background:#f1f4fb; height:160px; padding:20px 0 0 40px; text-align:left; }
.eduinfo_area ul .list ol li{position:relative; font-size:16px; height:25px; line-height:18px; padding-left:10px;}
.eduinfo_area ul .list ol li::before{position:absolute; content:""; top:8px; left:0; width:4px; height:4px; background:#3541e4; border-radius:50%;}

/*위너아카데미소개 - 교육분야안내-수정*/
.eduinfo_area02{display:block; padding:50px 0; background:#daeaf2; text-align:center;}
.eduinfo_list{display:table; position:relative; width:930px; height:150px; margin:0 auto; background:#fff; border-radius:20px; margin-bottom:10px; overflow:hidden; text-align:left; border:1px solid #bcdae9; box-sizing:border-box;}
.eduinfo_list > .icon, .eduinfo_list > .title, .eduinfo_list > ol {display:table-cell; vertical-align: middle;}
.eduinfo_list .icon{display:table-cell; width:120px; padding-left:30px;}
.eduinfo_list .icon span {display:inline-block; width:96px; height:96px; border-radius:50%; background:#f5f5f5;}
.eduinfo_list .icon span img{display:block; position:relative;}
.eduinfo_list .title{width:350px; padding:0 20px;}
.eduinfo_list .title h1{margin:0; font-size:24px; color:#5cadd7; font-weight:600; line-height:20px;}
.eduinfo_list .title h1 span{display:inline-block; font-size:15px; line-height:5px; font-weight:400; padding-left:5px;}
.eduinfo_list .title h2{color:#000; font-weight:500; font-size:15px; letter-spacing:-1px; margin-top:10px; margin-bottom:0; line-height:20px; }
.eduinfo_list ol{width:450px; margin-left:20px;}
.eduinfo_list ol li{float:left; position:relative; font-size:14px; height:33px;  width:200px; }
.eduinfo_list ol li span{display:inline-block; width:30px; height:30px; background:#9bcde7; border-radius:50%; color: #fff; font-weight:700; text-align: center; line-height: 30px; margin-right:5px;}
.eduinfo_list ol .one_line{width:250px;}


/*위너아카데미소개 - 강사소개*/
.teacher_title{ width: 840px; height: 130px; background:#4e79f5;  margin: 30px auto; }
.teacher_title *{ box-sizing: border-box; padding: 0; margin: 0; }
.teacher_title:after { content:""; display: block; clear:both; }
.teacher_title>p{ float: left; }
.teacher_icon{ width: 180px; height: 130px; background:url('../images/global/eduinfo_teacher_title_bg.png') #476edf center center no-repeat; }
.teacher_text{ font-size:22px; font-weight: 400; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.5px; color:#fff; line-height: 30px; padding: 37px 0 0 45px; }
.teacher_wrap{ width: 840px; margin: 0 auto 150px; }
.teacher_wrap *{ box-sizing: border-box; padding: 0; margin: 0; }
.teacher_wrap:after { content:""; display: block; clear:both; }
.teacher_wrap>div{ float: left; width: 370px; box-sizing:border-box; }
.teacher_wrap>div:first-child{ margin-right: 100px; }
.teacher_box1>.teacher_img{ position: relative; width: 370px; height: 275px; border: 1px solid #dee0e2; background:url('../images/global/teacher_img1.jpg') center center no-repeat;  }
.teacher_box2>.teacher_img{ position: relative; width: 370px; height: 275px; border: 1px solid #dee0e2; background:url('../images/global/teacher_img2.jpg') center center no-repeat;  }
.teacher_name1{ position:absolute; top:50px; right:35px;  width: 150px; height: 40px; background:#4e79f5; color: #fff; font-size: 17px; font-weight: 300;font-family: "Noto Sans KR", sans-serif;letter-spacing: -0.5px; text-align: center; line-height: 40px; }
.teacher_name1>span{ font-weight: 700; }
.teacher_name2{  position:absolute; top:145px; right:35px; font-size: 30px; font-weight: 500;font-family: "Noto Sans KR", sans-serif;letter-spacing:1.5px;  }
.teacher_all{ margin-top:40px;  }
.teacher_all:after { content:""; display: block; clear:both; }
.teacher_all *{ box-sizing: border-box; padding: 0; margin: 0; }
.teacher_t{ float: left; width: 100px; font-size: 20px; font-weight: 500;font-family: "Noto Sans KR", sans-serif;letter-spacing: -0.5px; }
.teacher_tt{ float: left; width: 270px; }
.teacher_tt li{ position:relative; padding-left:15px; font-size: 16px; font-weight: 400;font-family: "Noto Sans KR", sans-serif;letter-spacing: -0.5px;  line-height: 26px; }
.teacher_tt li::before{ position:absolute; top:10px; left: 0;  width: 5px; height: 5px; border-radius: 50%; background: #4e79f5; content: ""; }
/* 위탁교육안내 */
.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; }
/* 교육진행절차 */
.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; }
/* 환급절차 */
.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; }

/* 교육이용 안내 */
.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; }

/* 이벤트게시판 */
.eventList, .eventList > li{ overflow:hidden; padding:0; margin:0; list-style:none; }
.eventList { border-bottom:1px solid #999; }
.eventList li { padding:10px 0; cursor:pointer; }
.eventList li + li { border-top:1px dashed #999; }
.eventList li > img { float:left; margin-right:15px; }
.eventList li h1, .eventList li h2, .eventList li h3, .eventList li h4 { margin:0; padding:0; }
.eventList li h1 { margin:20px 0 8px; font-size:20px; font-weight:800; }
.eventList li h2 { margin-bottom:24px; font-size:14px; color:#999; }
.eventList li h3, .eventList li h4 { display:inline-block; font-size:14px; line-height:20px; padding:2px 12px; border-radius:12px; }
.eventList li h3 { border:2px solid #2665ae; color:#2665ae; }
.eventList li h4 { border:2px solid #bd5052; color:#bd5052; }

/* 데이트피커 */
#datePicker { position:absolute; width:200px; border:1px solid #999; background:#fff; text-align:center; padding:5px !important; }
#datePicker div { font-size:13px; padding:5px 0; margin:0; line-height:26px;  }
#datePicker div h1, #datePicker div h2 { font-size:14px !important; display:inline !important; }
#datePicker div button { width:10px; height:10px; margin:0 8px; border:none !important; background:#fff; text-align:center; vertical-align:middle; }
#datePicker div button img { width:10px; height:10px; }
#datePicker table { border-collapse:collapse; width:100% !important; border:none !important; border-top:1px solid #ccc !important; }
#datePicker th, #datePicker td { background-image:none !important;  }
#datePicker th { height:20px !important; border:none !important; border-bottom:1px solid #ccc !important; line-height:20px !important; background-color:#fff !important; font-size:12px; }
#datePicker td h1 { margin:0; padding:0; }
#datePicker td, #datePicker td h1 { font-size:12px !important; }
#datePicker td { height:24px !important; cursor:pointer; line-height:24px !important; padding:0; margin:0; cursor:pointer; border:none !important; }
#datePicker p > button { margin:0; padding:0 10px; height:24px; line-height:24px; background:#efefef; color:#121212; border:1px solid #ccc; }
#calendarTable .sun { color:#c73333; }
#calendarTable .sat { color:#338ac7; }
div.datePicker { display:inline-block; margin:0; padding:0; }
div.datePicker > input { width:200px; height:32px; border:1px solid #999; vertical-align:middle; background:url(../images/admin/icon_calendar.png) no-repeat right center; }

/**/



/* 로그인페이지 */
.orderSearch { overflow:hidden; width:538px; height:438px; margin:0 auto; text-align:center; }
.orderSearch h1 { margin:40px 0 0; font-size:28px; line-height:22px; }
.orderSearch h2 { padding:0; margin:20px 0 40px; font-size:15px; line-height:22px; }
.orderSearch input { height:52px; padding:0 10px; border:1px solid #bac3c5; color:#787878; font-size:15px; font-weight:bold; }
.orderSearch > input { width:400px; }
.orderSearch > button { width:400px; height:68px; border:none; color:#fff; font-size:18px; font-weight:bold; }
.orderSearch > button img { margin-right:10px; }
.orderSearch > input+input { margin-top:10px; }
.orderSearch > input+button { margin-top:30px; }
.orderSearch > div+button { margin-top:15px; }
.orderSearch > div { overflow:hidden; text-align:left; }
.orderSearch > div h1 { float:left; width:86px; margin:0 15px 0 0; padding:0; border-right:2px solid #ccc; line-height:52px; font-size:15px; }
.orderSearch > div + div { margin-top:15px; }
.orderSearch > div strong { line-height:24px; color:#ef1313; }
.orderSearch > div input { width:352px; }
.orderSearch > div input[type="tel"] { width:52px; }
.orderSearch > div input.email { width:168px; }


/* 최종평가 모달 */
#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-family:'Nanum Gothic'; 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; }

/* 퀵메뉴 추가 여준혁 */
/* .quickmenu {position:fixed; _position:absolute; z-index:800; right:50%;top:180px;background-color: transparent; margin-right: -750px;padding:0;	} */
.quickmenu {position:fixed; _position:absolute; z-index:800; right:0;top:180px;background-color: transparent; padding:0;	}
.quick_list{float:right; }
.quick_list:after{content:""; display: block; clear:both;}
.quickmenu dl{width:110px; background:#fff; overflow:hidden; text-align:center; margin:0; }
.quickmenu dl dt{color:#fff;font-weight:600;font-size:13px; text-align:center;line-height:26px;background:#367d8d;}
.quickmenu dl dd{margin:0; padding:0; text-align:center; height:80px; width:110px; padding:10px 5px; border-left:1px solid #d2d9db; border-right:1px solid #d2d9db; box-sizing:border-box; }
.quickmenu dl dd img{display:block;}
.quickmenu dl dd.last{height:92px; }
.quickmenu dl dd a{display:block;padding-top:54px;color:#666;line-height:17px;text-align:center; text-decoration:none; font-weight:600;}
.quickmenu dl dd a:hover{color:#000;}
.quickmenu p{margin:0; margin-bottom:3px; }
.quickmenu p a{display:block; width:110px; text-align:center;line-height:26px;background:#000; color:#fff; font-weight:600;}
.quickmenu p a:hover{background:#232425;}

.quick_lecture{float:left; width:180px; margin-right:10px;}
.quick_lecture:after{content:""; display: block; clear:both;}


/*찾아오시는길*/
.map{ width: 900px; margin: 40px auto 70px; }
.location_wrap{ width:800px; margin: 0 auto 150px; }
.location_title{ font-size: 23px; font-weight: 500; color: #000; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif;   }
.location_add{width:100%; border-collapse: collapse;  text-align: left; }
.location_add *{padding: 0; margin: 0; }
.location_add tr{ border-bottom:1px solid #e6e6e6 !important;  }
.location_add tr th{ font-size: 16px; font-weight: 700; color: #5592f8; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif; padding: 15px 0; }
.location_add tr th i { display: inline-block; width: 40px; height: 40px; background: #b4b5c4; border-radius: 50%; font-size:23px; color: #fff; margin-right:15px;text-align: center; line-height: 40px; }
.location_add tr td{ padding: 25px 0;  font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif;   }
ul .location_w:first-child{ margin-bottom: 30px; }
.location_w:after { content:""; display: block; clear:both; }
.location_w>div{ float: left; }
.location_w>div:first-child{ width: 75px;  font-size: 16px; font-weight: 700; color: #323ff3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif;  }
.location_w_t p{ line-height: 40px; }
.location_w_t p>span{ display:inline-block; width:50px; height: 25px; text-align: center; line-height: 25px; background: #e3e4e8; border-radius: 30px; margin-right: 15px;}


/*자격증안내*/
.certificate_wrap{ text-align: center; margin-top: 40px; }
.certificate_wrap *{ font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; }
.certificate_wrap ul.tabs { display: inline-block; width: 900px;  font-size: 0; background: #f1f1f1;}
.certificate_wrap ul.tabs:after { content:""; display: block; clear:both; }
.certificate_wrap ul.tabs li { float: left; width: 180px; text-align: center; padding: 15px 10px 15px;font-family: 'Noto Sans KR', sans-serif;   font-size: 15px; color: #222; box-sizing: border-box; font-weight: 500; letter-spacing: -0.5px; cursor:pointer; }
.certificate_wrap .boxPanel{ width:100%; height:auto; min-height: 500px; clear: both; margin-top: 50px; padding: 20px 70px 100px 70px;box-sizing:border-box; }
.certificate_wrap .boxPanel>div{ display:none; text-align: left; }
.certificate_wrap .tabs .active{ color: #fff; background: #4e79f5; }

.certificate_title{ font-size: 23px; color: #3541e4;  font-weight: 700; letter-spacing: -0.3px; margin-bottom: 40px; text-align: center; }
.certificate_title>i{ margin-bottom:10px;}
.certificate_title>span{ display: inline-block; padding: 0 5px; line-height: 15px; box-shadow: 0 10px 0 0 #dbddf4;}
.certificate_text{  font-size: 15px; color: #353535;  font-weight: 400; letter-spacing: -0.3px;   }
.certificate_text li { position: relative; padding-left:13px; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.certificate_text li::before{ position: absolute; top:12px; left:0; width:5px; height: 5px; border-radius: 50%; background:#4e79f5; content: ""; }
.certificate_text li>p{ font-size: 18px; font-weight: 500; color: #4e79f5; margin-bottom:7px; }
.cert_num{ display: inline-block; width:20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background: #80b0ff; color: #fff; margin-right: 5px; margin-bottom: 10px;}
.certificate_table{ width:100%; border-collapse: collapse;  text-align: center; }
.certificate_table th{ background: #80b0ff; font-size: 16px; color: #fff;  font-weight: 500; letter-spacing: -0.3px; padding: 10px; border-left: 1px solid rgba(255,255,255,0.3); }
.certificate_table td { border: 1px solid #ccc; padding: 10px;}
.certificate_bottom{ padding: 20px; text-align: center; border-radius: 10px; font-size: 16px; color: #666;  font-weight: 500; letter-spacing: -0.3px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
.certificate_bottom>img{ margin-left: 10px;}
.certificate_o{ margin-bottom: 10px; }
.certificate_o:last-child{ margin: 0; }
.certificate_o>dt{ font-size: 18px; color: #000; font-weight: 500; margin-bottom:10px;}

/*PC원격지원*/
.remote_wrap *{ margin:0; padding:0 0 0; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;}
.remote_box1{ width:971px; height:385px;  background: url('../images/remote_box1_bg.png') #e5f9ff 650px 48px no-repeat; padding:50px 0 0 80px;}
.remote_box1_t{ font-size: 35px; font-weight: 400; letter-spacing: -0.5px; line-height: 43px; margin-bottom: 22px; }
.remote_box1_tt{  font-size: 15px; font-weight: 400; letter-spacing: -0.5px; line-height: 24px; color: #353535;margin-bottom:25px; }
.remote_box1_tt>span{ font-weight: 700;  }
.remoteBt_wrap:after { content:""; display: block; clear:both; }
.remoteBt_wrap>div{ float: left; width: 165px; height: 45px; }
.l_btn_wrap a{display: inline-block; width: 165px; height: 45px; text-align: center; line-height: 45px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.5px; }
.l_btn_wrap a.btn1{ background:#09b6b0;}
.l_btn_wrap a.btn2{ background:#347f96;  }
.remote_box2{ padding: 10px 0 0 70px; }
.remote_box2_t{font-size: 18px; font-weight: 500; letter-spacing: -0.5px;  color: #09b6b0;  margin-bottom: 20px; }
.remote_box2_tt{ margin-bottom: 80px;}
.remote_box2_tt li{ margin-bottom: 20px; }
.remote_box2_tt img{ vertical-align: bottom;}
.remote_box2_tt span{display: inline-block; width: 590px; height: 40px; background: url('../images/remote_box2_bg.png') center center no-repeat;  line-height: 40px; padding-left: 30px; font-size: 15px; font-weight: 400; letter-spacing: -0.5px;  color: #5c5c5c; margin-left: 10px;}
.remote_box3{ padding-left:80px; margin:60px 0;}
.remote_box3:after { content:""; display: block; clear:both; }
.remote_box3 li{position:relative; float: left; width: 210px; height: 200px; border:1px solid #ddd; border-radius: 40px; margin-left:80px;  }
.remote_box3 li::before{ position:absolute; top:7px; left: -55px; width: 25px; height: 190px; background: url('../images/remote_box3_bg.png') center center no-repeat;  content: "";}
.remote_box3 li:first-child{ margin:0 0 30px 0; background: url('../images/remote_box3_icon1.png') center 32px no-repeat; }
.remote_box3 li:first-child::before{ background:none;}
.remote_box3 li:nth-child(2){ margin-bottom: 30px; background: url('../images/remote_box3_icon2.png') center 35px no-repeat;  }
.remote_box3 li:nth-child(3){ margin-bottom: 30px;background: url('../images/remote_box3_icon3.png') center 35px no-repeat;  }
.remote_box3 li:nth-child(4){ margin:0;  background: url('../images/remote_box3_icon4.png') center 14px no-repeat;  }
.remote_box3 li:nth-child(4)::before{ background:none;}
.remote_box3 li:nth-child(5){ background: url('../images/remote_box3_icon5.png') center 32px no-repeat;  }
.remote_box3 li:nth-child(6){ background: url('../images/remote_box3_icon6.png') center 27px no-repeat;  }
.remote_box3 li div{position: absolute; bottom:0; left:0; width: 100%; height: 80px; background: #ededed; text-align: center; font-size: 14px; color: #6b6b6b; font-weight: 400; letter-spacing: -0.5px; line-height:18px; padding-top: 10px;
    border-radius:0 0 40px 40px;}
.remote_box3 li div p{  font-size: 17px; color: #fca50a; font-weight: 700; margin-bottom: 5px; }