body {background:#f0f0f0;}

#header {position:relative; overflow:hidden; width:100%; height:130px; background:url(/layouts/default/image/top_bg.jpg) center top no-repeat;}
#header .wrap {position:relative; height:130px;}
#header .wrap #sLogo {position:absolute; top:25px; left:0; height:85px;}
#header .wrap #sLogo h4 {padding-left:30px; font-family: 'NotoKrM'; font-weight:normal; font-size:20px; color:#fff; float:right; line-height:85px;}
#header .login {position:absolute; top:0; right:0; height:130px; line-height:130px;}
#header .login a {color:#fff; padding:5px 8px;}
#header .login .toploginbg {font-family: 'NotoKrM';background:#13bfca;}

#topmenu {position:relative; width:100%; height:55px; background:#002b6b; margin-bottom:20px;}
#topmenu .wrap {position:relative;}
#topmenu ul {width:1000px;}
#topmenu ul li {position:relative; float:left;}
#topmenu ul li > a {display:inline-block; border-left:1px solid #1a3f77; line-height:55px; padding:0 31.5px; font-size:17px; color:#fff; letter-spacing:-1px;}
#topmenu ul li > a:hover, #topmenu ul li > a.on{color:#5ae0e6;}
#topmenu ul li > div {display:none;}
#topmenu ul li > div dl {display:none;}

#topmenu ul li.search {display:block; height:55px; border-left:1px solid #1a3f77;border-right:1px solid #1a3f77; position:absolute; right:0;}
#topmenu ul li.search > form {display:inline-block; width:150px; height:30px;padding:10px 27px;}
#topmenu ul li.search input {color:#fff; vertical-align:middle; position:absolute; right:27px;}
#topmenu ul li.search input.keyword {background:none; border:none; border-bottom:1px solid #fff; width:150px; height:30px;}
#topmenu ul li.search input.sbtn {padding:4px 0;}


#side {position:relative; float:left; width:210px; margin-right:20px; padding-bottom:30px;}
#side .submenu {position:relative; width:210px; overflow:hidden; border-top:5px solid #5ae0e6; border-bottom:1px solid #e2e5ea; letter-spacing:-1px; margin-bottom:20px;}
#side .submenu ul {list-style:none; padding:0px; margin:0px;}
#side .submenu li{list-style:none; padding:0px; margin:0px; border-top:1px solid #2e548d;}
#side .submenu li:first-child {border-top:none;}
#side .submenu li a{display:block; background:url(/layouts/default/image/main/i_smarr.png) 180px center no-repeat #002e73; color:#fff; padding-left:30px; height:59px; line-height:59px; font-size:16px;}
#side .submenu li a:hover , #side .submenu li a.on {color:#5ae0e6;}

#side .logout {display:block; width:160px; padding:20px 25px; background:#fff; margin-bottom:20px;}

#side .banner {display:block; width:210px;}
#side .banner .bann01 {width:170px; padding:20px; background:url(/layouts/default/image/bann01_bg.jpg);}
#side .banner .bann01 dt {font-family: 'NotoKrM';font-size:22px; color:#1a1a1a; margin-bottom:15px; padding-top:5px;}
#side .banner .bann01 dd h3 {font-family: 'NotoKrM';font-size:26px; color:#002e73;}
#side .banner .bann01 dd ul {margin:12px 0;}
#side .banner .bann01 dd li {font-family: 'NotoKrM';line-height:18px;}
#side .banner .bann01 dd li span { padding-right:10px; color:#002e73;}
#side .banner .bann01 dd p {display:inline-block; padding:0 15px; line-height:26px; background-color:rgba(243,86,0,0.7); color:#fff;}

#side .banner .bann02 {width:170px; padding:20px; color:#fff; margin-top:10px; background:url(/layouts/default/image/bann02_bg.jpg);}
#side .banner .bann02 dt {font-family: 'NotoKrM';font-size:20px; color:#fff; margin-bottom:15px; padding-top:5px;}
#side .banner .bann02 dd p {font-family: 'NotoKrM';display:inline-block; padding:0 15px; line-height:26px; background-color:rgba(33,156,211,0.8); margin-top:15px;}
#side .banner .bann02 dd p a {color:#fff;}

#side .banner .bann03 {width:170px;padding:20px;color:#002e73;margin-top:10px;background: #dbe8f4;}
#side .banner .bann03 p {margin-bottom:10px;}
#side .banner .bann03 dt {font-family:'NotoKrM';font-size:14px;}
#side .banner .bann03 dt span {margin-left:4px; font-family:'NotoKrB'; font-size: 16.5px;}
#side .banner .bann03 dd {color: #0683c9;}



.slogArea {width:170px; height:170px; padding:20px; overflow:hidden; display:inline-block;background:#fff;letter-spacing:-1px; margin-bottom:20px; }
.slogArea .input{border:none; background:#f0f0f0; width:160px; height:40px; padding:0px 0px 0px 10px; line-height:38px; margin:0px 0px 5px 0px; color:#333;}
.slogArea .bt_login {background:#1b1b1b; padding:0px; margin:10px 0px 0px 0px; color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:170px;height:44px; line-height:44px; text-align:center; border:0px;}
.slogArea #logcheck {display:none;}
.slogArea #log_else {margin:10px 0px 0px 0px;text-align:center;}
.slogArea #log_else a{display:inline-block; margin:0px 0px 0px 8px;}
.slogArea #log_else a:first-child{margin:0px 8px 0px 0px;}

.slogArea .nameA {font-size:18px; color:#888; border-bottom:1px solid #e3e3e3; padding-bottom:10px;}
.slogArea .nameA .b{ color:#1a1a1a; font-weight:bold;}
.slogArea .resdate{padding:8px 0px; font-size:13px;}
.slogArea .resdate strong {font-weight:bold;}
.slogArea .mylec {float:left; margin-bottom:20px;margin-left:1px;}
.slogArea .mylec a{display:inline-block;background:#13bfca; padding:0px; margin:0px; color:#fff; font-size:16px; font-family: 'NotoKrM';cursor:pointer; width:84px;height:40px; line-height:40px; text-align:center; border:0px;}
.slogArea .myBtn {margin-top:8px;}
.slogArea a.bt_mypage{display:inline-block; margin-left:0px;background:#1b1b1b; padding:0px; color:#fff; font-size:14px; cursor:pointer; width:80px;height:30px; line-height:30px; text-align:center; border:0px;}
.slogArea a.bt_logout{display:inline-block; margin-left:10px;background:#1b1b1b; padding:0px;  color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:80px;height:30px; line-height:30px; text-align:center; border:0px;}

.slogArea .myBtn2 {margin-top:15px;}
.slogArea a.bt_mypage2{display:inline-block; margin-left:0px;background:#2f8daf; padding:0px; color:#fff; font-size:14px; cursor:pointer; width:80px;height:60px; line-height:60px; text-align:center; border:0px;}
.slogArea a.bt_logout2{display:inline-block; margin-left:10px;background:#666; padding:0px;  color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:80px;height:60px; line-height:60px; text-align:center; border:0px;}


.mbrinfo {display:none;}
.hotbox {display:none;}



#Scontent {position:relative; display:block; float:left; width:700px; min-height:830px; padding:17px 35px 40px 35px; background:#fff; margin-bottom:20px;}

#Scontent .slocation {width:700px; height:21px; padding-bottom:24px; border-bottom:1px solid #e5e5e5;}
#Scontent .slocation a {font-size:13px; line-height:16px; height:16px; display:inline-block;padding:5px 5px 0px 5px;}
#Scontent .slocation a:first-child {height:21px;padding:0px 5px 0px 5px;}
#Scontent .slocation .home  {display:block; width:14px; height:21px;  background:url(/layouts/default/image/home.png) center bottom no-repeat;}
#Scontent .SconA {position:relative; display:block; width:100%; line-height:190%; min-height:500px;}


.tit01 {font-size:28px; font-family: 'NotoKrM'; line-height:190%;}
.tit02 {font-size:32px; line-height:190%;}
.fwB {font-family:'NotoKrM';}
.fwN {font-family:'NotoKrR';}
.pott1 {color:#002e73;}
.pott2 {color:#2f8daf;}
.pott3 {color:#ed9501;}
.pott4 {color:#e9544f;}
.pott5 {color:#000;}
.pott6 {color:#e95200 !important;}
.lets1 {letter-spacing:-1px;}

.fs1{font-size:30px !important;}

span.bul {font-size:22px; font-family:'NotoKrM'; color:#fff; text-align:center; display:inline-block; margin-right:14px; width:40px; height:40px; line-height:40px;}
.bul01 {background:#014367;}
.bul02 {background:#2f8daf;}
.bul03 {background:#ed9501;}
.bul04 {background:#ec4742;}

ul.bulli {width:100%; box-sizing:border-box; padding:12px 20px; background:#f5f5f5;}
ul.bulli li {padding-left:8px; background:url(/layouts/default/image/bul03.gif) 0px center no-repeat;}
ul.bulli li.bulli2 {padding-left:8px; background:none; line-height:140%; padding-bottom:2px; color:#999;}


dl.fl1 {position:relative; width:700px; height:180px; overflow:hidden;}
dl.fl1 dt {padding:30px 0 0 40px;}
dl.fl1 dd {padding-left:40px; font-size:18px;}

dl.fl2 {color:#1b1b1b; width:100%; clear:both;}
dl.fl2 dt {font-size:22px; font-family:'NotoKrM'; line-height:40px; margin-bottom:10px;}
dl.fl2 dd {font-size:16px; padding-left:10px; margin-bottom:7px; background:url(/layouts/default/image/bul03.gif) left 11px no-repeat;}


/* 운영기관소개 */
dl.tit_intro {position:relative; width:700px; height:630px; text-align:center; overflow:hidden; background:url(/layouts/default/image/01/bg_intro.gif) top no-repeat;}
dl.tit_intro dt {position:relative; width:100%; padding-top:90px; z-index:1;}
dl.tit_intro dd {position:absolute; width:100%; height:100%; top:30px; padding-top:120px; font-size:18px; background:url(/layouts/default/image/01/tit_intro.png) top no-repeat;}

dl.intro1 {width:100%; text-align:center;}
dl.intro1 dt {display:inline-block; position:relative; width:300px; height:40px; line-height:40px; color:#fff; font-size:18px; border-radius:20px !important;-webkit-border-radius:20px !important;-moz-border-radius:20px !important; background:#2f8daf;}
dl.intro1 dd {font-size:15px; margin-top:20px;}
dl.intro1 dd span.blo{display:block;}

ul.intro2 {width:660px; padding:15px 20px; background:url(/layouts/default/image/01/bg_intro2.gif) bottom no-repeat;}
ul.intro2 li {padding:10px 0; font-size:18px; font-family:'NotoKrM'; line-height:40px;}
ul.intro2 li p {font-size:15px; font-family:'NotoKrR'; line-height:15px; text-align:right;}

/* 연혁 */
dl.history {width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0; box-sizing:border-box;}
dl.history dt{width:180px; font-family:'NotoKrB'; font-size:40px; float:left; line-height:40px; color:#ccc;}
dl.history dd{width:519px; float:left;}
dl.history dd ul li {line-height:200%;}
dl.history dd ul li span {display:inline-block; width:100px; color:#2f8daf; padding-left:15px; font-family:'NotoKrM'; background:url(/layouts/default/image/bul01.gif) left 7px no-repeat;}
dl.history:nth-child(even) dd li span {color:#e9544f; background:url(/layouts/default/image/bul02.gif) left 7px no-repeat !important;}

/* 찾아오시는길 */
div.tit_map dl.fl1 {color:#1e2639; background:url(/layouts/default/image/01/tit_map.jpg) top left no-repeat #bdd5e5;}
div.tit_map > ul {width:100%; height:50px; font-size:15.5px; background:#eef5fa; color:#003567; padding-left:40px; box-sizing:border-box;}
div.tit_map > ul li {float:left; padding-right:45px; line-height:50px;}
div.tit_map > ul li span {font-family:'NotoKrM'; margin-right:10px;}

dl.map {margin-bottom:40px; border:1px solid #e5e5e5; letter-spacing:0;}
dl.map dt {color:#e9544f; font-size:22px; line-height:30px; font-family:'NotoKrM'; background:url(/layouts/default/image/01/bg_map.jpg) 10px no-repeat #f5f5f5; padding:10px 0 10px 50px;}
dl.map dd {color:#1b1b1b; padding:15px 20px; font-size:15px; text-align:justify;}
dl.map dd p {color:#002e73; font-size:18px; font-family:'NotoKrM';margin:5px 0;padding-left:14px; background:url(/layouts/default/image/bul01.gif) left 5px no-repeat;}
dl.map dd p span {color:#2f8daf; font-size:17px; padding-left:6px;}
dl.map dd:nth-child(odd) p {background: url(/layouts/default/image/bul02.gif) left 5px no-repeat !important;}
dl.map dd.dash {border-bottom:1px dashed #ccc;}


/* 교육과정안내 */
table.tbl01 tr th {font-weight:normal; font-family:'NotoKrM';}
table.tbl01 tr.tbTit {font-size:15px; height:46px; line-height:46px; background:#f6f6f6; border-top:2px solid #e5e5e5;}
table.tbl01 tr.tbTit2 {font-size:15px; line-height:22px; height:60px;  background:#f6f6f6; border-top:2px solid #e5e5e5;}
table.tbl01 tr {font-size:14px; border-bottom:1px solid #e5e5e5; text-align:center;}
table.tbl01 td {line-height:170%; padding:8px 0; border-left:1px solid #e5e5e5;}
table.tbl01 td.fl {text-align:left; padding-left:15px;}
table.tbl01 td.bl {border-left:1px solid #e5e5e5 !important;}
table.tbl01 td:first-child {border-left:none; }
table.tbl01 td > p {font-family:'NotoKrM';}

table.tbl01 td.txtLef {text-align:left; padding-left:14px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
table.tbl01 td.txtLef2 {text-align:justify; padding:10px 14px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.impor, .gener{font-family:'NotoKrM';font-size:22px; color:#fff; display:inline-block; padding:5px 10px; line-height:26px; text-align:center; margin-bottom:10px;}
.impor {background:#f35600;}
.gener {background:#ed9501;}

/*수강신청*/
div.tit_class dl {position:relative; overflow:hidden; width:700px; height:150px; color:#1e2639; background:url(/layouts/default/image/03/tit_class_01.png)bottom 20px center no-repeat #fbf4e4;}
div.tit_class dl dt {padding:20px 0 0 40px; font-size:22px; font-family:'NotoKrM'; }
div.tit_class dl dd {font-size:0;}
div.tit_class > ul {width:680px; overflow:hidden; height:50px; font-size:15px; padding-left:20px; background:#fcdfa5; color:#746147;}
div.tit_class > ul li {float:left; line-height:50px; padding:0 20px;}
div.tit_class > ul li span {font-family:'NotoKrM'; margin-right:5px;}

.step_wrap {width:680px; padding:0 10px;}
.step_wrap dd {text-align:center; line-height:160%; margin-top:10px;}
.step_wrap dd .bul04 {background:url(/layouts/default/image/bul03.gif) 0px 3px no-repeat; width:10px; height:10px; display:inline-block; }

.step1 {width:150px; float:left;}
.step2 {width:150px; float:left; /*padding:0 115px;*/}
.step3 {width:150px; float:left;}
.step4 {width:150px; float:right;} 
.step4:after{clear:both; content:''; display:block;}
.step5 {width:150px; float:right; /*padding:0 115px;*/}
.step6 {width:150px; float:right;}

span.arrow_btn1 {background: url(/layouts/default/image/03/arrow_right.gif) center 60px no-repeat;font-size:0;width:115px;height:150px; float:left; display:inline-block;}
span.arrow_btn2 {background: url(/layouts/default/image/03/arrow_left.gif) center 60px no-repeat;font-size:0;width:115px;height:150px; float:right; display:inline-block;}

.step_hr {width:610px; height:45px; background:url(/layouts/default/image/03/arrow_bottom.gif) right no-repeat; clear:both; margin:30px 0;}


/*#mypage_main {}
#mypage_main .photo {float:left;width:50px;height:50px;margin:3px 0 20px 20px;background:url('../../../../../../_var/simbol/0.gif') center center no-repeat;}
#mypage_main .msg {height:60px;padding:0 0 25px 20px;margin:0 0 0 70px;color:#1C5B8C;font-family:dotum;line-height:150%;}
#mypage_main .msg .info {font-size:11px;font-family:dotum;color:#093877;}
#mypage_main .line {border-top:#dfdfdf dashed 1px;}

#mypage_main h5 {margin:0;padding:0 0 7px 0;font-weight:bold;font-size:14px;font-family:gothic,dotum;color:#111111;border-bottom:#dfdfdf solid 1px;}
#mypage_main ul {padding:0;margin:10px 0 30px 0;}
#mypage_main li {list-style-type:none;letter-spacing:-1px;overflow:hidden;margin:10px 0 11px 0;border-bottom:#ccc dotted 1px;padding:15px;}

#mypage_main li.item {padding:5px;}
#mypage_main li .new {font:normal 10px arial;color:#ff0000;}
#mypage_main li .comment {font:normal 11px arial;color:#FC6138;}
#mypage_main li .trackback {font:normal 11px arial;color:#02ACD6;}
#mypage_main li .imgpos {margin-bottom:-1px;}
#mypage_main li .imgpos1 {margin-bottom:-1px;position:absolute;}
#mypage_main li a {color:#666666;}
#mypage_main li a:hover {text-decoration:underline;}
*/

#course_main ul.categTb {width:700px; padding:20px; box-sizing:border-box; border:1px solid #dcdcdc; overflow:hidden;}
#course_main ul.categTb li {position:relative; text-align:center; float:left; margin:0 20px 20px 0;}
#course_main ul.categTb li a {width:149px; height:40px; display:inline-block; background:#002e73; font-size:15px; color:#fff; line-height:40px;}
#course_main ul.categTb li a.on {background:#13bfca; color:#fff;}
#course_main ul.categTb li a:hover{background:#13bfca; color:#fff;}

#mypage_main .coursebox {color:#1b1b1b;}
#mypage_main .coursebox h3 {font:normal 22px 'NotoKrM'; height:38px; line-height:38px;}
#mypage_main .coursebox h3 span.exp {font-size:16.5px; display:inline-block; margin-left:5px;}
#mypage_main .coursebox div.btnWR {position:relative;}
#mypage_main .coursebox div.btnWR > input {width:140px; height:38px; line-height:38px; padding-left:30px; margin-right:10px; color:#fff; font-family:'NotoKrM'; box-sizing:border-box; border:none; letter-spacing:-1px;}
#mypage_main .coursebox div.btnWR > input.go01 {background:url(/layouts/default/image/03/btn_check.png)center left 20px no-repeat #808080; cursor:pointer;}
#mypage_main .coursebox div.btnWR > input.go02 {background:url(/layouts/default/image/03/btn_check.png)center left 20px no-repeat  #2f8daf; cursor:pointer;}
#mypage_main .coursebox div.btnWR .search {display:block; height:38px; position:absolute; top:0; right:0; width:250px; background:#f0f0f0;}
#mypage_main .coursebox div.btnWR .search input.keyword {background:none; border:none; color:#787878; line-height:15px; height:38px; padding-left:20px; width:180px;}
#mypage_main .coursebox div.btnWR .search input.sbtn {float:right; margin-right:10px; padding:10px;}

#course_main .coursebox .courseTB {width:100%; clear:both;}
.courseTB th {height:42px; text-align:center; font-weight:normal; font-size:14px; font-family:'NotoKrM'; color:#1b1b1b; background:#eaf1ff; border-top:1px solid #a3b6d2;}
.courseTB tr {text-align:center; border-bottom:1px solid #e2e9f1;}
.courseTB td {padding:12px 0; font-size:15px;}
.courseTB td.cstit {padding-left:20px; line-height:24px; font-size:14px;}
.courseTB td.cstit p a {font-size:17px; font-family:'NotoKrM'; color:#1b1b1b;}
.courseTB td.cstit div {width:100%; clear:both; margin-top:5px; font-size:11px; font-family:'NotoKrB'; letter-spacing:-1px;}
.courseTB td.cstit div span {width:36px; height:18px; line-height:18px; display:inline-block; margin-right:4px; text-align:center; }
.courseTB td.cstit div .new {color:#70c502; border:1px solid #31ca13;}
.courseTB td.cstit div .hot {color:#ec5401; border:1px solid #ec5401;}
.courseTB td.cstit div .recom {color:#00bac7; border:1px solid #00bac7;}
.courseTB td.price p {color:#787878; text-decoration:line-through; line-height:18px; font-size:14px;}
.courseTB tr td:last-child input {font-size:0px; width:30px; height:30px; border:none;}
.courseTB .btn_preview {background:url(/layouts/default/image/btn_preview.gif) no-repeat; margin-bottom:5px;}
.courseTB .btn_details {background:url(/layouts/default/image/btn_details.gif) no-repeat;}


/** 강의 상세보기 **/

#mypage_main .postbtn {text-align:center; margin-top:40px;}
#mypage_main .postbtn .btn_gray {background:#808080; border:1px solid #808080; height:38px; width:120px; color:#fff; cursor:pointer; margin-right:5px;}
#mypage_main .postbtn .btn_blue {background:#002e73; border:1px solid #002e73; height:38px; width:120px;  color:#fff; cursor:pointer;}

#mypage_main .postbox h5{font-size:20px; line-height:160%; margin-bottom:10px; color:#1a3f77; margin-top:30px; font-family: 'NotoKrR';}

#mypage_main .postbox table.subj_box {border-collapse:collapse; border:#e5e5e5 solid 2px; padding:10px; overflow:hidden;}
#mypage_main .postbox td.subj_tit p {font:normal 20px 'NotoKrM'; color:#313131; border-bottom:2px solid #e5e5e5; margin:10px 10px 15px 10px; padding-bottom:15px;}
#mypage_main .postbox td.subj_tit span {line-height:20px; display:inline-block; margin-left:2px; padding:0 5px; font-size:13px;}
#mypage_main .postbox .new {color:#fff; background:#70c502;}
#mypage_main .postbox .hot {color:#fff; background:#ec5401;}
#mypage_main .postbox .recom {color:#fff; background:#00bac7;}

#mypage_main .postbox td.subj_img {display:table-cell; padding:0 0 15px 10px; margin:0; width:250px;}
#mypage_main .postbox td.subj_cont {display:table-cell; padding:0 10px 15px 0;margin:0; width:380px; overflow:hidden;}
#mypage_main .postbox td.subj_cont dl {display:block; font-size:14.5px; margin-bottom:5px; clear:both;}
#mypage_main .postbox td.subj_cont dt {width:68px; float:left; display:block; margin-left:15px;}
#mypage_main .postbox td.subj_cont dt.bul01 {font-family:'NotoKrM'; padding-left:10px; background:url(/layouts/default/image/bul01.gif) left 7px no-repeat;}
#mypage_main .postbox td.subj_cont dt.bul02 {font-family:'NotoKrM'; padding-left:10px; background:url(/layouts/default/image/bul02.gif) left 7px no-repeat;}
#mypage_main .postbox td.subj_cont dd {width:280px; float:right; display:block;}

#mypage_main .postbox .postbtn {text-align:center; margin-top:24px;}
#mypage_main .postbox .postbtn .btn_check {background:#43288e;border:1px solid #381f7b;height:38px;width: 95px;color:#fff;margin-right: 2px;cursor:pointer;}
#mypage_main .postbox .postbtn .btn_cart {background:#808080;border:1px solid #808080;height:38px;width: 95px;color:#fff;cursor:pointer;}
#mypage_main .postbox .postbtn .btn_app {background:#2f8daf;border:1px solid #2f8daf;height:38px;width: 90px;color:#fff;margin: 0 2px;cursor:pointer;} 
#mypage_main .postbox .postbtn .btn_view {background:#002e73;border:1px solid #002e73;height:38px;width: 90px;color:#fff;cursor:pointer;}

/* 상세보기 소개 탭부분 */
#mypage_main .postbox .my_t th {height:42px; text-align:center; font-weight:normal; font-size:14px; font-family:'NotoKrM'; color:#1b1b1b; background:#eaf1ff; border-top:1px solid #a3b6d2;}
#mypage_main .postbox .my_t tr {text-align:center; border-bottom:1px solid #e2e9f1;}
#mypage_main .postbox .my_t td {padding:12px 0; font-size:15px;}

#mypage_main .postbox .info_box {position:relative; width:700px; overflow:hidden;}
#mypage_main .postbox .info_tittab {position:absolute; top:0; width:100%; box-sizing:border-box; margin:20px;}
#mypage_main .postbox .btn_info_sel {display:inline-block; height:45px; line-height:45px; width:320px; margin-left:15px; text-align:center; border:#e5e5e5 solid 2px; background:#f6f6f6; font-size:16px; box-sizing:border-box; color:#aaa;}
#mypage_main .postbox .btn_info_sel.on {background:#2f8daf; color:#fff; font-family: 'NotoKrM'; border:none;}
#mypage_main .postbox #info_lec {display:block;border:#e5e5e5 solid 2px; padding-top:55px; overflow:hidden;box-sizing:border-box; }
#mypage_main .postbox #info_prof {display:block;border:#e5e5e5 solid 2px; padding-top:70px; overflow:hidden;box-sizing:border-box; }

#mypage_main .postbox .box_item {border-bottom:1px solid #dcdcdc; padding:0 0 20px 10px;}
#mypage_main .postbox .box_item li {padding:5px 0;}
#mypage_main .postbox .box_item li span {color: #2f8daf; font-family: 'NotoKrM'; padding-left:15px; display: inline-block; width:120px;  background: url(/layouts/default/image/bul01.gif) left 7px no-repeat;}

#mypage_main .postbox .box_item2 {padding-left:20px;}
#mypage_main .postbox .box_item2 li {padding:5px 0;}
#mypage_main .postbox .box_item2 li span {color:#e9544f; font-family: 'NotoKrM'; padding-left:15px; display: inline-block; width:100px;  background: url(/layouts/default/image/bul02.gif) left 7px no-repeat;}

#mypage_main .postbox .box_item3 {border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
#mypage_main .postbox .box_table tr td {padding-bottom:5px;}
#mypage_main .postbox .box_table tr td span{width:15%; color:#313131; font-family:'NotoKrM'; display: inline-block;}
#mypage_main .postbox .box_table tr td input{border: 1px solid #e4eaec; background:#f7f7f7; color:#000; vertical-align:middle; padding: 0px 5px; height:30px; width:250px;}
#mypage_main .postbox .box_table tr td.radios input{height:auto;width:auto;}

#mypage_main .postbox .box_table2 tr td span{color:#313131; font-family:'NotoKrM'; display: inline-block;}
#mypage_main .postbox .box_table2 tr td {padding-bottom:5px;}
#mypage_main .postbox .box_table2 tr td.tab_money {font-size:16px; font-family:'NotoKrM';}
#mypage_main .postbox .box_table2 tr td input{width:15px; height:15px; border: 1px solid #e4eaec; background:#f7f7f7; color:#000; vertical-align:middle;}
#mypage_main .postbox .box_table2 tr td li {margin-left:15px; display:inline-block;}
#mypage_main .postbox .box_table2 tr td li:first-child {margin-left:0;}


/*나의 강의실*/
/*.submenu {display:none;}
#myclass_main {width:100%; clear:both; position:relative;}*/
#myclass_main > .fl1 {color:#1e2639; background:url(/layouts/default/image/05/tit_room.png)bottom right no-repeat #dbe8f4;}

#myclass_main > .btnWR {position:relative; overflow:hidden; width:100%; clear:both; margin-bottom:20px;}
#myclass_main > .btnWR li {position:relative; float:right; margin-left:10px;}
#myclass_main > .btnWR li a {display:block; height:40px; line-height:40px; padding:0 15px; font-size:16px; background:#f0f0f0;}
#myclass_main > .btnWR li a:hover, #myclass_main > .btnWR li a.on {background:#1e2639; color:#fff;}

#myclass_main .classWR{width:100%; clear:both; position:relative; overflow:hidden; color:#313131;}
#myclass_main .classWR .classbox {position:relative; overflow:hidden; width:345px; height:250px; float:left; box-sizing:border-box; border:1px solid #dcdcdc; padding:30px; margin-bottom:10px;}
#myclass_main .classWR div.classbox:nth-child(odd) {margin-right:10px;}

.classbox .state {position:absolute; top:0; right:0; background:#eee; color:#eb5300; font-family:'NotoKrM'; line-height:34px; padding:0 10px;}
.classbox ul.clsList .subj {font-family:'NotoKrM'; font-size:22px; line-height:40px;}
.classbox ul.clsList .date {color:#898989; line-height:28px;}
.classbox ul.clsList .date span {font-family:'NotoKrM'; margin-right:15px;}
.classbox ul.clsList .clsBar {width:100%; padding:5px 0;} 
.classbox ul.clsList .clsBar .bgbar {position:relative; display:inline-block; width:240px; height:10px;background:#e5e5e5;/* border-radius:5px !important; */-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important;overflow:hidden;}
.classbox ul.clsList .clsBar .onbar{position:absolute; top:0px; left:0px; background:#11d9e0; height:10px;}
.classbox ul.clsList .clsBar span {float:right;}
.classbox p .btn_enter {width:285px; height:45px; line-height:45px; font-family:'NotoKrM'; background:#2f8daf; border:none; color:#fff; margin-top:5px; cursor:pointer;}

/*개인정보 취급방침*/

.policy_wrap .box_type_wrap02{width:100%; box-sizing:border-box; padding:15px 20px; background:#f0f0f0; margin-bottom:30px;}
.policy_wrap .list_policy {margin-top:30px;}
.policy_wrap .list_tit {font-size:18px; font-family:'NotoKrM'; line-height:160%; margin-bottom:10px; color:#1a3f77;}
.policy_wrap .list_tit2 {font-size:20px; font-family:'NotoKrM'; line-height:160%; color:#1b1b1b;}

.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#eaeaea; height:1px;margin:40px 0px; padding:0px; font-size:0px; clear:both;}

.mg0 {margin:0 !important;}
.mb0 {margin-bottom:0 !important;}

.oprule_down {margin-top:30px;}
.oprule_down a {height:50px !important;margin:0 2px 0 2px;padding:10px 40px !important;font-weight:bold; font-size:14px; border: #2f8daf solid 1px !important; background: #2f8daf !important; color: #ffffff !important;}

/* 나의 강의실 > 강의실입장 */
.room_subj {color:#1e2639; background:url(/layouts/default/image/05/tit_room.png)bottom right no-repeat #dbe8f4;}
.room_subj h1 {margin-bottom:5px;color:#1a3f77; font:normal 22px 'NotoKrM';}
.room_subj h5.room_name {font-weight:normal; font-size:16px;}

h2.room_list {color:#1e2639;font-family:'NotoKrM'; display:block; font-weight:normal; margin:30px 0 20px 0;}
#class_tab li div {position:relative; overflow:hidden; width:340px; height:200px; float:left; box-sizing:border-box; border:1px solid #dcdcdc; padding:20px 25px; margin-bottom:30px;}
#class_tab li div:nth-child(odd) {margin-right:20px;}
#class_tab .result {line-height:50px;}
#class_tab .btnblue {background:#2f8daf !important; border:0 !important;}
/*#class_tab .btngray, .btnblue {position:absolute; top:0; left:0; width:100%; font-family:'NotoKrM'; font-size:18px; height:48px !important; line-height:48px;}*/
#class_tab .btngray, .btnblue {position:relative; text-align:center; width:290px; font-family:'NotoKrM'; font-size:18px; height:40px !important; line-height:40px;}
#class_tab .latestTime {font-size:14px; line-height:28px; color:#898989;}
#class_tab .latestTime span.bul01 {font-family:'NotoKrM'; margin-right:15px; padding-left:10px; background:url(/layouts/default/image/bul01.gif) left 4px no-repeat;}
#class_tab .latestTime span.bul02 {font-family:'NotoKrM'; margin-right:15px; padding-left:10px; background:url(/layouts/default/image/bul02.gif) left 4px no-repeat;}
#class_tab span.result {display:block; width:100%; height:36px; line-height:36px; font-family:'NotoKrM'; border:1px solid #2f8daf; color:#2f8daf; margin-top:15px; text-align:center;}