/* ================================================================================================================
===================================================================================================================

							서브공통CSS

===================================================================================================================
================================================================================================================ */

/*강태성 191003수정*/
#section{position: relative;height:auto;overflow:hidden;background-color:#fff;padding:0px;width:96%;min-width:300px;margin:0 auto;box-shadow:1px 1px 2px #dbdbdb;-webkit-box-shadow:1px 1px 2px   #dbdbdb;-mox-box-shadow:1px 1px 2px #dbdbdb;box-sizing:border-box;margin-bottom:20px;}

/* ////////////////// 서브내비 /////////////////// */
.sub_navi{background: #2578BB;display:none}
.sub_navi:after{content: ''; display: block; clear: both}
.sub_navi>ul{max-width: 1050px; margin: 0 auto}
.sub_navi>ul>li{width: 260px; height: 56px; line-height: 56px; float: left; position: relative; z-index: 10; color: #ffffff; font-size: 17px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'; word-break: break-word}
.sub_navi>ul>li.home{width: 70px; padding-left: 0; border-left: 1px solid #438cc3; border-right: 1px solid #438cc3; text-align: center}
.sub_navi>ul>li>span{padding-left: 15px; border-right: 1px solid #438cc3; display: block; background: url(../img/comm/icon_arrow02.png) no-repeat; background-position-x: calc(100% - 15px); background-position-y: center; cursor: pointer}
.sub_navi>ul>li>ul{width: calc(100% + 1px); border: 1px solid #D9D9D9; border-top: 0; display: none; position: absolute; top: 56px; left: -1px; background: #ffffff}
.sub_navi>ul>li>ul>li>a{padding: 0 15px; display: block; font-weight: 400; font-family: 'NanumSquare', '나눔스퀘어'}
.sub_navi>ul>li>ul>li>a:hover{background: #D9D9D9}
.sub_navi>ul>li.on>ul{display: block}
@media screen and (min-width:1051px) {
	.sub_navi>ul>li:hover >ul,
	.sub_navi>ul>li:focus >ul{display: block}
}
@media screen and (max-width:768px) {
	.sub_navi>ul{width: 100%; display: table; table-layout: fixed}
	.sub_navi>ul>li{width: 50%; height: auto; border-right: 1px solid #438cc3; display: table-cell; vertical-align: middle; float: none; line-height: 1.6em}
	.sub_navi>ul>li:last-child{border-right: 0}
	.sub_navi>ul>li.home{display: none}
	.sub_navi>ul>li>span{height: 100%; padding: 15px; padding-right: 40px; border-right: 0}
	.sub_navi>ul>li>ul>li>a{padding: 15px 40px 15px 15px}
}




/* ////////////////// 서브배너 /////////////////// */
.sub_banner{max-width: 1050px; margin: 30px auto}
.sub_banner .top_banner{width: 100%; height: 150px; padding: 0 40px; margin-bottom: 60px; display: table; text-align: center; background: url(../img/sub/comm/sub_banner01.jpg) center center/cover}
.sub_banner .top_banner .txt{display: table-cell; vertical-align: middle}
.sub_banner .top_banner h2{padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.3); color: #ffffff; font-size: 40px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'}
.sub_banner .top_banner p{color: #c3cfe0; font-size: 18px; font-family: 'NanumSquare', '나눔스퀘어'}
/*.sub_banner h3{color: #636363; font-size: 24px; font-weight: 700; text-align: center; font-family: 'NanumSquare', '나눔스퀘어';margin-top:20px;}*/
.sub_banner h3{color: #636363; font-size: 30px; font-weight: 700; text-align: center; font-family: 'NanumSquare', '나눔스퀘어';}
.sub_banner h3:after{content: ''; width: 4px; height: 16px; margin: 20px auto 40px; display: none; background: #193b6a; transform: rotate(15deg)}
.sub_banner h4{padding: 15px 0; position: relative; font-size: 26px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'; text-align: center;}
/*.sub_banner h4:after{content: ''; width: 4px; height: 16px; margin: 20px auto 20px; display: block; background: #333333; transform: rotate(15deg)}*/
@media screen and (max-width:1050px) {
	.sub_banner .top_banner,
	.sub_banner h3,
	.sub_banner h4{padding: 0 20px}
}
/*강태성 수정 20191007*/
.sub_banner02{max-width: 1050px; margin: 2px auto}
.sub_banner02 .top_banner{width: 100%; height: 150px; padding: 0 40px; margin-bottom: 60px; display: table; text-align: center; background: url(../img/sub/comm/sub_banner01.jpg) center center/cover}
.sub_banner02 .top_banner .txt{display: table-cell; vertical-align: middle}
.sub_banner02 .top_banner h2{padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.3); color: #ffffff; font-size: 40px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'}
.sub_banner02 .top_banner p{color: #c3cfe0; font-size: 18px; font-family: 'NanumSquare', '나눔스퀘어'}
.sub_banner02 h3{color: #636363; font-size: 30px; font-weight: 700; text-align: center; font-family: 'NanumSquare', '나눔스퀘어';}
.sub_banner02 h3:after{content: ''; width: 4px; height: 16px; margin: 20px auto 40px; display: none; background: #193b6a; transform: rotate(15deg)}
.sub_banner02 h4{padding: 15px 0; position: relative; font-size: 26px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'; text-align: center;}
.sub_banner02 h4:after{content: ''; width: 4px; height: 16px; margin: 20px auto 20px; display: block; background: #333333; transform: rotate(15deg)}
@media screen and (max-width:1050px) {
	.sub_banner02 .top_banner,
	.sub_banner02 h3,
	.sub_banner02 h4{padding: 15px 20px}
}

/* ////////////////// 서브탭메뉴 /////////////////// */
/* sub_tab *//*강태성 191003수정*/
.sub_tab{max-width: 1050px; width: 100%; margin: 0 auto 30px; display: table; table-layout: fixed}
.sub_tab ul{width: 100%; display: table; table-layout: fixed}
.sub_tab li{border: 1px solid #dedede;border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
.sub_tab li:first-child{border-left: 1px solid #dadada;}
.sub_tab li a{padding: 20px; display: block; font-size: 16px; font-weight:700; font-family: 'NanumSquare', '나눔스퀘어'; word-break: keep-all;color:#898989;}
.sub_tab li.on{font-color: #fff; font-weight:600;background-color:#42a2c8;margin:0px;}
.sub_tab li.on:before{content: ''; height: 100%; border-left: 0px solid #193b6a; position: absolute; top: 0; left: -1px;}
.sub_tab li.on:after{content: ''; width: calc(100% + 2px); border-top: 0px solid #193b6a;  border-bottom: 0; position: absolute; top: -1px; left: -1px;}
.sub_tab li.on a{color: #fff; }


@media screen and (max-width:768px) {
	.sub_tab li a{padding: 10px; font-size: 16px}
}


/* sub_tab02 */
.sub_tab02{max-width: 1050px; width: 96%; margin: 0 auto 40px; display: table; table-layout: fixed;margin-top:20px;}
.sub_tab02 li{border: 1px solid #D3D3D3; border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center}
.sub_tab02 li:first-child{border-left: 1px solid #d3d3d3}
.sub_tab02 li a, .sub_tab02 li span{padding: 8px 5px; display: block; color: #4c4c4c; font-size: 16px; letter-spacing: -1px}
.sub_tab02 li.on{border-color: #5B9BD5; background: #5B9BD5}
.sub_tab02 li.on:after{content: ''; position: absolute; left: 50%; bottom: -10px; border-top: 5px solid #193b6a; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; transform: translate(-50%, 0)}
.sub_tab02 li.on a, .sub_tab02 li.on span{color: #ffffff}

@media screen and (max-width:768px) {
	.sub_tab02{display: flex; flex-flow: wrap}
	.sub_tab02 li{width: 50%; border-top: 0; display: block}
	.sub_tab02 li:nth-child(1),
	.sub_tab02 li:nth-child(2){border-top: 1px solid #d3d3d3}
	.sub_tab02 li:nth-child(1).on,
	.sub_tab02 li:nth-child(2).on{border-color: #5B9BD5}
	.sub_tab02 li:nth-child(odd){border-left: 1px solid #d3d3d3}
	.sub_tab02 li.on:after{display: none}
}


@media screen and (max-width:320px) {
	.sub_tab02 li a, .sub_tab02 li span{padding: 8px 5px; display: block; color: #4c4c4c; font-size:14px; letter-spacing: -1px}
}


/* ////////////////// 서브콘텐츠 /////////////////// */


.sub_content{max-width: 1050px; min-height: 400px; margin: 0 auto ; color: #4c4c4c; font-size: 17px; line-height: 1.6em}

@media screen and (max-width:1050px) {
	.sub_content{padding: 0 0px }/*강태성 191003수정*/

}

@media screen and (max-width:768px) {
	.sub_content{width:100%;font-size: 16px;}
}




/* sub_tab */
.sub_tab03{max-width: 1050px; height:3rem; width: 100%; margin: 0 auto 5px; display: table; table-layout: fixed;overflow:hidden;}
.sub_tab03 ul{width: 100%; display: table; table-layout: fixed;padding:0;}
.sub_tab03 li{border: 0px solid #ED7D31; border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center; cursor: pointer;border:0px solid red;}
.sub_tab03 li:first-child{border-left: 0px solid #ED7D31;width: 24%;background: #;}
.sub_tab03 li a{padding: 0px; display: block; font-size: 17px; font-family: 'NanumSquare', '나눔스퀘어'; word-break: keep-all}

/*#txt_rolling2{margin-top:10px;height:26px;float:left;padding-left:1px;line-height:26px;padding-left:0px;text-align:left;}*//*강태성 추가 20191007*/
#txt_rolling2{margin-top:10px;height:26px;float:left;padding-top:1px;padding-left:1px;line-height:26px;padding-left:0px;text-align:left;font-family: 'gulim', '굴림';}
@media screen and (max-width:1050px) {
	.sub_tab03{padding: 0 10px}
	.sub_content .sub_tab03{padding: 0}
}
@media screen and (max-width:768px) {
	.sub_tab03 li a{padding: 0px; font-size: 14px}
}

@media screen and (max-width:300px) {
	#txt_rolling2{margin-top:13px;height:22px;float:left;padding-left:1px;line-height:22px;padding-left:0px;text-align:left;font-size:12px;}/*강태성 추가 20191007*/
	.sub_tab03 li a{padding: 0px; font-size: 12px}
}
/* sub_tab */
.sub_tab031{max-width: 1050px; height:3rem; width: 100%; margin: 0 auto 5px; display: table; table-layout: fixed}
.sub_tab031 ul{width: 100%; display: table; table-layout: fixed}
.sub_tab031 .border {border: 1px solid #ED7D31; border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
.sub_tab031 .first {border-left: 1px solid #ED7D31;width: 30%;background: #ED7D31;}
.sub_tab031 li a{padding: 20px; display: block; font-size: 17px; font-family: 'NanumSquare', '나눔스퀘어'; word-break: keep-all}


@media screen and (max-width:1050px) {
	.sub_tab031{padding: 0 20px}
	.sub_content .sub_tab031{padding: 0}
}
@media screen and (max-width:768px) {
	.sub_tab031 li a{padding: 10px; font-size: 14px}
}

/* sub_tab04 */
.sub_tab04{max-width: 1050px; width: 100%; margin: 0 auto 10px; display: table; table-layout: fixed;}
.sub_tab04 ul{width: 100%; display: table; table-layout: fixed;margin: 0 auto;}
.sub_tab04 li{height:50px;width:48.6%; display: inline-block; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
.sub_tab04 li:first-child{margin-right:0%;}
.sub_tab04 li:last-child{float:right;}

.sub_tab04 li a{padding: 0px; display: block; font-size: 16px; font-family: 'NanumSquare', '나눔스퀘어'; word-break: keep-all;}
.sub_tab04 li.on{border-top:1px solid #42a2c7;border-radius:4px;border-color: #5B9BD5;background:url("../img/sub/mypage/icon_tab_arr.png") no-repeat ;background-size:100%;background-position:center bottom;}
.sub_tab04 li.on:before{content: ''; height: 100%; position: absolute; top: 0; left: -1px}
.sub_tab04 li.on:after{content: ''; width: calc(100% + 2px); border-bottom: 2px solid #193b6a;  border-bottom: 0; position: absolute; top: -1px; left: -1px;}
.sub_tab04 li.on a{color: #ffffff; font-size: 1rem;background: #42a2c7;font-weight:700;border:1px solid #42a2c7;border-radius:4px;letter-spacing: -1px}
.sub_tab04 li.off a{color: #ffffff; font-size:1rem;background: #c2c2c2;font-weight:700;border:1px solid #c2c2c2;border-radius:4px;letter-spacing: -1px}

@media screen and (max-width:1050px) {
	.sub_tab04{padding: 0 10px}
	.sub_content .sub_tab04{padding: 0}
}
@media screen and (max-width:768px) {
	.sub_tab04 li a{padding: 10px; font-size: 14px}
}

@media screen and (max-width:320px) {
	body {font-size: 0.8rem}
	.sub_tab04 li{height:48px;width:48.6%; display: inline-block; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
	.sub_tab04 li.on a{color: #ffffff; font-size: 0.9rem;background: #42a2c7;font-weight:700;border:1px solid #42a2c7;border-radius:4px;letter-spacing: -1px}
	.sub_tab04 li.off a{color: #ffffff; font-size:0.9rem;background: #c2c2c2;font-weight:700;border:1px solid #c2c2c2;border-radius:4px;letter-spacing: -1px}		
}
@media screen and (max-width:300px) {
	.sub_tab04 li a{padding: 10px; }
	.sub_tab04 li{height:48px;width:48.6%; display: inline-block; vertical-align: middle; position: relative; text-align: center; cursor: pointer}
	.sub_tab04 li.on a{color: #ffffff; font-size: 0.8rem;background: #42a2c7;font-weight:700;border:1px solid #42a2c7;border-radius:4px;letter-spacing: -1px}
	.sub_tab04 li.off a{height:40px;padding-top:11px;color: #ffffff; font-size:0.8rem;background: #c2c2c2;font-weight:700;border:1px solid #c2c2c2;border-radius:4px;letter-spacing: -1px}		
}




/* ////////////////// 서브타이틀 /////////////////// */
/* sub_title */
.sub_title{width:96%;margin:0 auto;}
.sub_title:after{content: ''; display: block; clear: both;margin-bottom: 20px;}
.sub_title .tit{padding-left: 10px; margin-bottom: 10px; border-left: 9px solid #193b6a; display: inline-block; position: relative; color: #193b6a; font-size: 20px; font-weight: 900; font-family: 'NanumSquare', '나눔스퀘어'; letter-spacing: -1px}
.sub_title .tit02{margin-bottom: 10px; color: #193b6a; font-size: 20px; font-weight: 700; letter-spacing: -1px}
.sub_title p{font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕';}

/* sub_title02 */
.sub_title02{padding: 30px; margin-bottom: 50px; border: 1px solid #193b6a; font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; text-align: justify; letter-spacing: -0.5px; box-shadow: 4px 5px 0 rgba(25,59,106,.7)}

/* sub_title03 */
.sub_title03{color: #414141; font-size: 12px; font-family: '굴림', Gulim}
.sub_title03:after{content: ''; display: block; clear: both}
.sub_title03 .tit_left{width: 120px; margin-bottom: 30px; display: block; float: left; color: #ee3a43; font-weight: bold}
.sub_title03 .tit_right{width: calc(100% - 130px); line-height: 1.4em; margin-top: 3px; margin-left: 10px; margin-bottom: 25px; display: block; float: left; vertical-align: middle}
.sub_title03 .emp{color: #ff6000}
.sub_title03 .emp2{color: #f72831}

/* ////////////////// 넘버리스트 /////////////////// */
.list_num{counter-reset: list_num 0}
.list_num li{padding-left: 20px; position: relative; font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; letter-spacing: -0.5px}
.list_num>li:before{content: counter(list_num)'.'; counter-increment: list_num 1; position: absolute; left: 0}
.list_num>li>ul{counter-reset: list_num 0}
.list_num>li>ul>li:before{content: counter(list_num)')'; counter-increment: list_num 1; position: absolute; left: 0}

/* ================================================================================================================
===================================================================================================================

							서브페이지

===================================================================================================================
================================================================================================================ */

/* ////////////////// 원격교육안내 /////////////////// */
/* 원격교육이란? */
.icon_list02{width: 100%; padding: 30px 0; border-bottom: 1px dashed #dedede; display: table}
.icon_list02 .num{width: 100px; display: table-cell; vertical-align: middle; color: rgba(25,59,106,.6); font-size: 60px; font-weight: 900; text-align: center; letter-spacing: -4px}
.icon_list02 .con{padding-left: 20px; display: table-cell; vertical-align: middle; letter-spacing: -1px}
.icon_list02 .con .tit{margin-bottom: 4px; color: #193b6a; font-size: 22px; font-weight: 800; word-break: keep-all}

@media screen and (max-width:525px) {
	.icon_list02 .num{width: 100%; margin-bottom: 10px; display: block; text-align: left; line-height: normal}
	.icon_list02 .con{padding: 0; display: block}
}
/* 교육운영절차 */
.step_box ol{width: 100%; display: table; text-align: center}
.step_box ol li{position: relative; margin-right: 25px; display: inline-block}
.step_box ol li:after{content: ''; position: absolute; top: 50%; right: -27px; border-top: 8px solid transparent; border-left: 8px solid #193b6a; border-right: 8px solid transparent; border-bottom: 8px solid transparent; transform: translate(0, -50%)}
.step_box ol li:nth-child(4n){margin-right: 0}
.step_box ol li:nth-child(4n):after{display: none}
.step_box ol li:last-child:after{display: none}

.step_box .step{width: 240px; height: 240px; padding: 10px; margin-bottom: 20px; border: 8px solid #193b6a; border-radius: 100%; display: inline-block; position: relative; overflow: hidden; background: #193b6a}
.step_box .step .num{width: 100%; height: 60px; line-height: 60px; color: #ffffff; font-size: 40px; font-weight: 900; text-align: center; letter-spacing: -3px;}
.step_box .step .con{width: 100%; height: calc(100% - 70px); padding: 20px; position: absolute; left: 0; bottom: 0; text-align: center; background: #ffffff}
.step_box .step .con .tit{margin-bottom: 10px; color: #193b6a; font-size: 24px; font-weight: 900; letter-spacing: -1px}
.step_box .step .con .txt{font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; line-height: 1.2em; letter-spacing: -0.5px; word-break: keep-all}

@media screen and (max-width:1050px) {
	.step_box ol li:nth-child(4n){margin-right: 30px}
	.step_box ol li:nth-child(4n):after{display: block}
	.step_box ol li:nth-child(3n){margin-right: 0}
	.step_box ol li:nth-child(3n):after{display: none}
	.step_box ol li:last-child:after{display: none}
}
@media screen and (max-width:820px) {
	.step_box ol li:nth-child(4n){margin-right: 30px}
	.step_box ol li:nth-child(4n):after{display: block}
	.step_box ol li:nth-child(3n){margin-right: 30px}
	.step_box ol li:nth-child(3n):after{display: block}
	.step_box ol li:last-child:after{display: none}
}
@media screen and (max-width:580px) {
	.step_box ol li{margin-right: 0 !important; display: block}
	.step_box .step{margin-bottom: 40px}
	.step_box ol li:after{top: 90%; right: 50%; transform: translate(50%, 0); border-top: 8px solid #193b6a; border-left: 8px solid transparent}
}

/* ////////////////// 교육과정안내 /////////////////// */
.course_list{margin-bottom: 0px}
.course_list ul{background-color:#ececec;}
.course_list ul li{width: 100%; border: 0px solid #cccccc; border-top: 0; display: table;margin-bottom:6px ;background-color:#fff;box-shadow:1px 1px 2px #dbdbdb;}

.course_list ul li:first-child{border-top: 0px solid #193b6a}
.course_list ul li:last-child{margin-bottom:0px ;}
.course_list ul li .course_img{width: 240px; padding: 20px; display: table-cell; vertical-align: middle;}
.course_list ul li .course_img img{width: 200px; height: 125px}

.course_list ul li .course_txt{padding: 5px; display: table-cell; vertical-align: middle}
.course_list ul li .course_txt .tit{color: #7a7a7a; font-size: 15px}
.course_list ul li .course_txt .tit02{margin-bottom: 5px; color: #7c7c7c; font-size: 20px; font-weight: 700;background-color:#f5f5f5;padding:5px;}
.course_list ul li .course_txt .tit03{color: #4e4e4e; font-size: 14px;font-weight:700;padding-left:5px;}
.course_list ul li .course_txt .tit03 b{font-weight: 900}
/*강태성수정 20191016*/
.course_list ul li .course_txt .text_icon04{padding:2px 4px 0px 4px; line-height:20px;border: 0; border-radius: 1px; display: inline-block; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Dotum, '돋움'; word-break: keep-all; background: #70AD47}
.course_list ul li .course_txt .text_icon05{padding:2px 4px 0px 4px; line-height:20px;border: 0; border-radius: 1px; display: inline-block; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Dotum, '돋움'; word-break: keep-all; background: #2578BB}

/*강태성 추가 20191008*/
.course_list ul li .course_txt .graph{height:30px;display:block;padding:6px;background:#ebebeb;margin-bottom:10px;}
.course_list ul li .course_txt .graph ul{position:relative;width:100%;border:none;}
.course_list ul li .course_txt .graph li{display:inline-block;float:left;box-shadow:none;-webkit-box-shadow:none;-mox-box-shadow:none;margin:0;}
.course_list ul li .course_txt .graph li:first-child{width:82%;border:none;box-shadow:none;-webkit-box-shadow:none;-mox-box-shadow:none;margin:0;}
.course_list ul li .course_txt .graph li:last-child{width:18%;font-size:14px;letter-spacing:-1px;background:#ebebeb;padding-left:2px;line-height:18px;text-align:right;border:none;}
.btn_img img{width:30%;margin-top:10px;margin-bottom:5px;}
.course_list ul li .course_btn{width: 145px; border-left: 1px solid #cccccc; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 700; text-align: center; background: #fff}
.course_list ul li .course_btn i,
.course_list ul li .course_btn svg{margin-bottom: 10px; font-size: 60px}

@media screen and (max-width:991px) {
	.course_list ul li .course_txt .tit02{font-size: 16px ;color: #7c7c7c;}
	.course_list ul li .course_btn{width: 120px}
}
@media screen and (max-width:768px) {
	.course_list ul li .course_img,
	.course_list ul li .course_txt{width: 100%; display: block}
	.course_list ul li .course_btn{width: 50%; padding: 20px 0; border-top: 1px solid #cccccc; border-left: 0; display: block; float: left}
	.course_list ul li .course_btn:last-child{border-left: 1px solid #cccccc}
	.course_list ul li .course_img img{width: 100%; height: auto}
		
}
@media screen and (max-width:320px) {

	.course_list ul li .course_txt img{float:right;width: 35%;margin-bottom:10px;margin-top:10px; }
	
		
}

.course_tit{margin-bottom: 20px}
.course_tit:after{content: ''; display: block; clear: both}
.course_tit .course_top{width: 100%; border: 1px solid #cccccc; border-top: 2px solid #193b6a; display: table; background: #F8F8F8}
.course_tit .course_top .course_img{width: 270px; padding: 20px 30px; display: table-cell; vertical-align: middle}
.course_tit .course_top .course_img img{width: 200px; height: 125px}
.course_tit .course_top .course_txt{padding: 20px; display: table-cell; vertical-align: middle}
.course_tit .course_top .course_txt .tit{color: #7a7a7a; font-size: 15px}
.course_tit .course_top .course_txt .tit02{margin-bottom: 20px; color: #193b6a; font-size: 22px; font-weight: 700}
.course_tit .course_top .course_txt .tit03{color: #4e4e4e; font-size: 15px}
.course_tit .course_top .course_txt .tit03 b{font-weight: 900}
.course_tit .course_top .course_btn{width: 228px; padding: 20px 30px; display: table-cell; vertical-align: middle;}
.course_tit .course_top .course_btn .btn01{max-width: 168px; width: 100%; height: 45px; line-height: 45px; border: 1px solid #D4D4D4; display: block; text-align: center; background: #ffffff}
.course_tit .course_top .course_btn .btn02{max-width: 168px; width: 100%; height: 45px; line-height: 45px; display: block; color: #ffffff; text-align: center; background: #193b6a}
.course_tit .course_bottom{padding: 20px 30px; border: 1px solid #cccccc; border-top: 0}
.course_tit .course_bottom .course_tb{width: 100%; margin-bottom: 20px}
.course_tit .course_bottom .course_tb td{padding: 7px; padding-left: 90px; border-bottom: 1px dashed #efefef; position: relative; font-size: 14px; font-family: 'Nanum Gothic', '나눔고딕'; letter-spacing: -0.5px}
.course_tit .course_bottom .course_tb label{font-family: 'Nanum Gothic', '나눔고딕'}
.course_tit .course_bottom .course_tb b{width: 90px; position: absolute; left: 0; font-size: 17px; font-family: 'NanumSquare', '나눔스퀘어'}
.course_tit .course_bottom .bar{margin: 0 10px}
@media screen and (max-width:767px) {
	.course_tit .course_top .course_img{width: 100%; padding: 20px; display: block}
	.course_tit .course_top .course_img img{width: 100%; height: auto}
	.course_tit .course_top .course_txt{padding: 0 20px; display: block}
	.course_tit .course_top .course_txt .tit02{font-size: 19px}
	.course_tit .course_top .course_btn{width: 100%; padding: 0 20px; margin-bottom: 20px; display: block; text-align: center}
	.course_tit .course_top .course_btn .btn01,
	.course_tit .course_top .course_btn .btn02{max-width: 100%; width: calc(50% - 3px); display: inline-block; vertical-align: top}
	.course_tit .course_bottom{padding: 20px}
	.course_tit .course_bottom .course_tb td{display: block}
	.course_tit .course_bottom .bar{height: 0; display: block; overflow: hidden}
}
.course_con{margin-bottom: 20px}
.course_con .course_info{padding: 20px 0; border-bottom: 1px dashed #d3d3d3}
.course_con .course_info .tit{margin-bottom: 10px; color: #193b6a; font-size: 17px; font-weight: 700}
.course_con .course_info .tit:before{content: ''; width: 12px; height: 12px; margin-right: 10px; display: inline-block; background: #193b6a}
.course_con .course_info .con{font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; line-height: 1.6em}
.course_con .course_info .con p, .course_con .course_info .con span, .course_con .course_info .con div, .course_con .course_info .con table, .course_con .course_info .con th, .course_con .course_info .con td, .course_con .course_info .con input, .course_con .course_info .con select{font-family: inherit}
.course_apply .tit{margin-bottom: 10px; font-size: 18px; font-weight: 700}

/* ////////////////// 학습유의사항 /////////////////// */
/* 학습유의사항 */
.icon_list{width: 100%; padding: 30px 0; border-top: 1px solid #dedede; display: table}
.icon_list:nth-child(even){background: #f9f9f9}
.icon_list:last-child{border-bottom: 1px solid #dedede}
.icon_list .img{width: 200px; display: table-cell; vertical-align: middle; text-align: center}
.icon_list .img>span{width: 150px; height: 150px; line-height: 150px; padding: 20px; margin: 0 auto; border-radius: 100%; display: block; background: #193b6a}
.icon_list .img i, .icon_list .img svg{color: #ffffff; font-size: 60px}
.icon_list .con{padding: 0 20px; display: table-cell; vertical-align: middle}
.icon_list .con .tit{margin-bottom: 10px; color: #193b6a; font-size: 20px; font-weight: 700; letter-spacing: -1px}
.icon_list .con .txt{font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; letter-spacing: -0.5px}
.icon_list:nth-child(even) .img>span{background: #3995A3}
.icon_list:nth-child(even) .con .tit{color: #3995a3}
@media screen and (max-width:525px) {
	.icon_list .img{margin: 0 auto 20px; display: block}
	.icon_list .con{display: block}
	.icon_list .con .tit{text-align: center}
}
/* 학습환경설정 */
.config_box{padding: 30px; background: #EEEEEE}
.config_box:after{content: ''; display: block; clear: both}
.config_box .content{width: calc(50% - 20px); float: left}
.config_box .content:nth-child(even){float: right}
.config_box .content .txt{height: 55px; margin-bottom: 20px; font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; letter-spacing: -1px}
.config_box .content .txt02{height: 55px; margin-bottom: 20px; font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'; letter-spacing: -1px}
@media screen and (max-width:991px) {
	.config_box .content .txt02{height: 80px}
}
@media screen and (max-width:768px) {
	.config_box .content{width: 100%; margin-bottom: 50px; float: none}
	.config_box .content:last-child{margin-bottom: 0}
	.config_box .content .txt,
	.config_box .content .txt02{height: auto}
}
/* 필수프로그램 */
.program_box{margin-bottom: 60px}
.program_box:after{content: ''; display: block; clear: both}
.program_box:last-child{margin-bottom: 0}
.program_box .tit{margin-bottom: 20px; color: #193b6a; font-size: 24px; font-weight: 700}
.program_box .program_list{border-top: 2px solid #193b6a}
.program_box .program_list li{width: 100%; padding: 7px 0; border-bottom: 1px dotted #B4B4B4; display: table}
.program_box .program_list li .name{width: 350px; display: table-cell; vertical-align: middle; color: #2578BB}
.program_box .program_list li .desc{padding: 0 20px; display: table-cell; vertical-align: middle; font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'}
.program_box .program_list li .down{width: 200px; display: table-cell; vertical-align: middle; text-align: right}
.program_box .program_list li .down .program_btn{width: 100px; padding: 5px 10px; margin: 0 auto; display: inline-block; color: #ffffff; text-align: center; background: #2578bb}
@media screen and (max-width:991px) {
	.program_box .program_list li .name{width: 250px}
}
@media screen and (max-width:680px) {
	.program_box .tit{text-align: center}
	.program_box .program_list li{padding: 20px 0; text-align: center}
	.program_box .program_list li .name{width: 100%; margin-bottom: 10px; display: block; font-weight: 700}
	.program_box .program_list li .desc{padding: 0; margin-bottom: 10px; display: block}
	.program_box .program_list li .down{width: 100%; display: block}
	.program_box .program_list li .down .program_btn{display: block}
	
}
/* 모사방지시스템 운영기준 */
.mosa_box{padding: 15px; margin-bottom: 20px; background: #fff;width:96%;}
.mosa_box p{font-size: 15px; font-family: 'Nanum Gothic', '나눔고딕'}
.mosa_box .tit{color: #2578BB; font-size: 18px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'; letter-spacing: -1px}
.mosa_box .tit02{color: #F38034; font-weight: 700; letter-spacing: -1px}

/* ////////////////// 학습지원센터 /////////////////// */
/* 자주하는질문 */
.faq_box{max-width: 1050px; margin: 0 auto 20px}
.faq_box .faq_list .faq_con{max-width: 1050px; width: 100%; border-bottom: 1px solid #D3D3D3; color: #6d6d6d}
.faq_box .faq_list .faq_con:first-child{border-top: 2px solid #193b6a}
.faq_box .faq_list .faq_con .faq_q{padding: 15px 50px 15px 50px; position: relative; font-size: 17px; font-weight: 700; word-break: keep-all; cursor: pointer}
.faq_box .faq_list .faq_con .faq_q:before{content: ''; width: 3px; height: 15px; margin-top: -7.5px; position: absolute; top: 50%; right: 21px; background: #6d6d6d;}
.faq_box .faq_list .faq_con .faq_q:after{content: ''; width: 15px; height: 3px; margin-top: -1.5px; position: absolute; top: 50%; right: 15px; background: #6d6d6d;}
.faq_box .faq_list .faq_con .faq_q .q{position: absolute; left: 15px; font-size: 20px;}
.faq_box .faq_list .faq_con .faq_a{padding: 20px 15px 20px 50px; border-top: 1px solid #193b6a; display: none; position: relative; font-size: 14px; font-family: 'Nanum Gothic', '나눔고딕'; background: #F5F5F5}
.faq_box .faq_list .faq_con .faq_a .a{content: 'A'; position: absolute; left: 15px; color: #e71515; font-size: 20px; font-weight: 700}
.faq_box .faq_list .faq_con .faq_q.on,
.faq_box .faq_list .faq_con .faq_q.on .a{color: #193b6a}
.faq_box .faq_list .faq_con .faq_q.on:before{content: ''; width: 100%; height: 0; margin: 0; border-top: 1px solid #193b6a; position: absolute; top: -1px; left: 0; background: none}
.faq_box .faq_list .faq_con .faq_q.on:after{background: #193b6a}

/* 약관 */
.article_box{height: 400px; padding: 20px; border: 1px solid #dadada; overflow-y: scroll}

/* ////////////////// 멤버쉽 /////////////////// */
/* 공통 */
.result_box{padding: 60px 20px; background: #F9F9F9; text-align: center; letter-spacing: -1px}
.result_box .img{width: 174px; height: 174px; line-height: 174px; margin: 0 auto 20px; border-radius: 100%; text-align: center; background: #ffffff}
.result_box .tit{margin-bottom: 10px; color: #193b6a; font-size: 36px; font-weight: bold; line-height: 1.4em; word-break: keep-all}
.result_box .txt{margin-bottom: 20px; color: #193b6a; font-size: 17px; line-height: 1.5em; word-break: keep-all}
.result_box .user{color: #e71515}
@media screen and (max-width:525px) {
	.result_box .tit{font-size: 30px}
}

/*강태성 191003수정 border:1px solid red;*/
.login_box{max-width: 1050px; width: 100%; margin: 0 auto; display: table;font-family: 'dotum', '돋움'}
.login_box .login_btn01{width: 100%; padding: 16px 16px; border: 0; display: block; color: #ffffff; font-size: 22px; font-weight: 700; text-align: center; background: #42a2c8; cursor: pointer}
.login_box .login_btn02{ height: 20px; line-height: 20px; padding:2px 0px 0px 0px;margin-left:6px; border:0px solid #515151; color:#7d7d7d;display:inline-block; float: right; text-align: right; letter-spacing: -1px}
.login_box .login_btn03{ height: 20px; line-height: 20px; padding: 0 10px; margin: 0 auto; display: block; color: #ffffff; text-align: right; letter-spacing: -1px; background: #3995A3}
.login_box .left{padding: 60px 40px; border: 0px solid #BFBFBF; display: table-cell; vertical-align: middle}
.login_box .left .login{margin: 0 auto; display: table; font-size: 0.8em;width:100%;}
.login_box .left .login p:after{content: ''; display: block; clear: both}
.login_box .left .login legend{ margin-bottom: 10px; color: #193b6a; font-size: 17px; font-weight: 700; letter-spacing: -1px;}
.login_box .left .login legend span{display: block}
.login_box .left .login legend .tit{font-size: 18px;font-weight:600;color:#636363;}

.login_box .left .login input[type="text"],
.login_box .left .login input[type="password"]{width: calc(100% - 49px); height: 48px; outline:none;padding: 5px 10px; border: 0px solid #f3f3f3;background-color:#f3f3f3; display: block; float: left;font-family: 'dotum', '돋움'}
.login_box .left .login .info{width: 49px; display: block; float: left; color: #193b6a; font-size: 20px; font-weight: 900; line-height: 30px}


.login_box .right{padding: 0 40px; border: 0px solid #bfbfbf; border-left: 0; display: table-cell; vertical-align: middle; background: #F0F0F0}
.login_box .right .find{height: 50px; line-height: 50px; margin-bottom: 10px; padding-left: 50px; position: relative; letter-spacing: -1px}
.login_box .right .find:after{content: ''; display: block; clear: both}
.login_box .right .find.id{background: url(../img/sub/member/icon_user.png) no-repeat center left}
.login_box .right .find.pw{background: url(../img/sub/member/icon_unlocked.png) no-repeat center left}
.login_box .right .find>span{display: block; float: left; font-weight: 700; word-break: keep-all}
.login_box .right .join{border-top: 1px solid #bfbfbf; text-align: center; letter-spacing: -1px}
.login_box .right .join>p{margin: 15px 0;}

@media screen and (max-width:991px) {
	.login_box .left{display: block}
	.login_box .right{padding: 0px; border-top: 0; border-left: 0px solid #bfbfbf; display: block}
	.login_box .right .find{max-width: 448px; width: 100%; margin: 0 auto 20px; display: table}
	.login_box .right .cs{width:100%;display:block;background:url("../img/sub/member/banner_cs.png") no-repeat ;background-size:cover;height:700px;overflow:hidden;}
	.login_box .right .cs_call{width:100%;height:100%;bottom:0px;padding-left:8%;box-sizing:border-box;}
	.login_box .right .cs_call ul{display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
	.login_box .right .cs_call li{display:inline-block;width:100%;margin:0;padding:0;}
	.login_box .right .cs_call li:nth-child(1){height:75%;}
	.login_box .right .cs_call li:nth-child(2){height:15%;}
	.login_box .right .cs_call li:nth-child(3){height:10%;}
	.login_box .right .cs_call img{width:40%;height:auto;}
}
@media screen and (max-width:767px) {
	.login_box .left{padding: 18px;margin-top:20px;font-size:1em;font-weight:600;width:98%;margin:0 auto;}
	.login_box .left .login legend{padding: 0; text-align:left;width:100%;background: none;}
		
	.login_box .right .cs{width:100%;display:block;background:url("../img/sub/member/banner_cs.png") no-repeat ;background-size:cover;height:400px;overflow:hidden;}
	.login_box .right .cs_call{width:100%;height:100%;bottom:0px;padding-left:8%;box-sizing:border-box;}
	.login_box .right .cs_call img{width:40%;height:auto;}

}

@media screen and (max-width:525px) {
	.login_box .left{padding: 18px;margin-top:20px;font-size:1em;font-weight:600;width:98%;margin:0 auto;}
	.login_box .left .login legend{padding: 0; text-align:left;width:100%;background: none;}
	
	.login_box .right{padding: 0px;margin-top:10px;}
	.login_box .right .cs{width:100%;display:block;background:url("../img/sub/member/banner_cs.png") no-repeat ;background-size:cover;-webkit-background-size:cover;background-position:left center;height:360px;overflow:hidden;}
	.login_box .right .cs_call{width:100%;height:100%;bottom:0px;padding-left:28px;/*padding-top:75%;*/box-sizing:border-box;}
	.login_box .right .cs_call img{width:40%;height:auto;}
	
	.login_box .right .find{height: auto; line-height: 1.6em; padding-left: 0; float: none}
	.login_box .right .find.id{margin-bottom: 30px; background: none}
	.login_box .right .find.pw{background: none}
	.login_box .right .find>span{padding-right: 10px; display: table-cell; vertical-align: middle; float: none}
	.login_box .right .join{word-break: keep-all}
}
@media screen and (max-width:480px) {
	.login_box .left{padding: 18px;margin-top:20px;font-size:1em;font-weight:600;width:98%;margin:0 auto;}
	.login_box .left .login legend{padding: 0; text-align:left;width:100%;background: none;}
	
	.login_box .right{width:100%;padding: 0px;margin-top:10px;}
	.login_box .right .cs{width:100%;display:block;background:url("../img/sub/member/banner_cs.png") no-repeat 0px 0px;background-size:cover;-webkit-background-size:cover;background-position:left center ;height:290px;overflow:hidden;}
	.login_box .right .cs_call{width:100%;height:100%;bottom:0px;padding-left:28px;/*padding-top:75%;*/box-sizing:border-box;}
	.login_box .right .cs_call img{width:40%;height:auto;}
	
	.login_box .right .find{height: auto; line-height: 1.6em; padding-left: 0; float: none}
	.login_box .right .find.id{margin-bottom: 30px; background: none}
	.login_box .right .find.pw{background: none}
	.login_box .right .find>span{padding-right: 10px; display: table-cell; vertical-align: middle; float: none}
	.login_box .right .join{word-break: keep-all}
}


@media screen and (max-width:320px) {

	
	.login_box .right{padding: 0px;margin-top:10px;}
	.login_box .right .cs{width:100%;display:block;background:url("../img/sub/member/banner_cs.png") no-repeat ;background-size:cover;height:280px;overflow:hidden;}
	.login_box .right .cs_call{width:100%;height:100%;bottom:0px;padding-left:28px;/*padding-top:75%;*/box-sizing:border-box;}
	.login_box .right .cs_call img{width:40%;height:auto;}
}

/* 로그인 
.login_box{max-width: 1050px; width: 100%; margin: 0 auto; display: table}
.login_box .login_btn01{width: 100%; padding: 20px 10px; border: 0; display: block; color: #ffffff; font-size: 24px; font-weight: 700; text-align: center; background: #193b6a; cursor: pointer}
.login_box .login_btn02{width: 130px; height: 50px; line-height: 50px; padding: 0 10px; border: 1px solid #515151; display: block; float: right; text-align: center; letter-spacing: -1px}
.login_box .login_btn03{width: 130px; height: 50px; line-height: 50px; padding: 0 10px; margin: 0 auto; display: block; color: #ffffff; text-align: center; letter-spacing: -1px; background: #3995A3}
.login_box .left{padding: 60px 40px; border: 1px solid #BFBFBF; display: table-cell; vertical-align: middle}
.login_box .left .login{margin: 0 auto; display: table; font-size: 14px}
.login_box .left .login p:after{content: ''; display: block; clear: both}
.login_box .left .login legend{padding-left: 80px; margin-bottom: 20px; color: #193b6a; font-size: 17px; font-weight: 700; letter-spacing: -1px; background: url(../img/sub/member/icon_login.png) no-repeat center left}
.login_box .left .login legend span{display: block}
.login_box .left .login legend .tit{font-size: 24px}
.login_box .left .login input[type="text"],
.login_box .left .login input[type="password"]{width: calc(100% - 80px); height: 30px; padding: 0 5px; border: 1px solid #C1C1C1; display: block; float: left; font-family: 'Nanum Gothic', '나눔고딕'}
.login_box .left .login .info{width: 80px; display: block; float: left; color: #193b6a; font-size: 20px; font-weight: 900; line-height: 30px}
.login_box .right{padding: 0 40px; border: 1px solid #bfbfbf; border-left: 0; display: table-cell; vertical-align: middle; background: #F0F0F0}
.login_box .right .find{height: 50px; line-height: 50px; margin-bottom: 10px; padding-left: 50px; position: relative; letter-spacing: -1px}
.login_box .right .find:after{content: ''; display: block; clear: both}
.login_box .right .find.id{background: url(../img/sub/member/icon_user.png) no-repeat center left}
.login_box .right .find.pw{background: url(../img/sub/member/icon_unlocked.png) no-repeat center left}
.login_box .right .find>span{display: block; float: left; font-weight: 700; word-break: keep-all}
.login_box .right .join{border-top: 1px solid #bfbfbf; text-align: center; letter-spacing: -1px}
.login_box .right .join>p{margin: 15px 0;}
@media screen and (max-width:991px) {
	.login_box .left{display: block}
	.login_box .right{padding: 40px; border-top: 0; border-left: 1px solid #bfbfbf; display: block}
	.login_box .right .find{max-width: 448px; width: 100%; margin: 0 auto 20px; display: table}
}
@media screen and (max-width:525px) {
	.login_box .left{padding: 30px}
	.login_box .left .login legend{padding: 0; text-align: center; background: none}
	.login_box .right{padding: 30px}
	.login_box .right .find{height: auto; line-height: 1.6em; padding-left: 0; float: none}
	.login_box .right .find.id{margin-bottom: 30px; background: none}
	.login_box .right .find.pw{background: none}
	.login_box .right .find>span{padding-right: 10px; display: table-cell; vertical-align: middle; float: none}
	.login_box .right .join{word-break: keep-all}
}*/
/* 회원가입 */
.join_box{max-width: 1050px; margin: 0 auto}
.join_box:after{content: ''; display: block; clear: both}
.join_box .all_chk{padding: 20px; margin-bottom: 30px; border: 1px solid #193b6a; color: #193b6a; font-size: 20px; font-weight: 700; text-align: center}
.join_box .all_chk input[type="checkbox"]{width: 20px; height: 20px}
.join_box .chk_box{margin-bottom: 30px}
.join_box .chk_box .tit{margin-bottom: 7px; font-size: 18px; font-weight: 700}
.join_box .chk_box .con{height: 360px; padding: 20px; margin-bottom: 7px; border: 1px solid #BFBFBF; overflow-y: scroll; background: #F9F9F9}
.join_box .chk_box .agr{text-align: right}
.join_box .chk_box .agr input[type="checkbox"]{width: 16px; height: 16px}
.join_box .ident_box{padding: 30px; background: #F9F9F9; word-break: keep-all}
.join_box .ident_box .tit{margin: 10px 0 30px; color: #193b6a; font-size: 20px; text-align: center; letter-spacing: -1px}
.join_box .ident_box .txt{margin: 40px 0; text-align: center; letter-spacing: -1px}
.join_box .ident_box .ident_btn{max-width: 180px; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; display: inline-block; color: #ffffff; font-size: 17px; background: #193b6a}
.join_box .ident_box .ident_btn:first-child{margin-right: 10px}
@media screen and (max-width:525px) {
	.join_box .ident_box{padding: 30px 20px}
	.join_box .ident_box .ident_btn{max-width: 100%}
	.join_box .ident_box .ident_btn:first-child{margin-right: 0; margin-bottom: 10px}
}

/* ////////////////// 내강의실 /////////////////// */
/* 내강의실 */
.myclass_detail{padding: 10px 9px; border: 1px solid #dfdfdf; background-color: #fdfdfd}
.detail_info{margin-bottom: 12px;padding:0;}
.detail_info:after{content: ''; display: block; clear: both}
.detail_info .detail_left{width: calc(100% - 260px); height: 151px; float: left}
.detail_info .detail_right{width: 260px; height: 150px; display: table; float: right}
.detail_info .detail_right span{display: table-cell; border: 1px solid #dfdfdf; border-left: 0; text-align: center; background-color: #ffffff}

@media screen and (max-width:767px) {
	.detail_info .detail_left{width: 100%; height: auto; float: none}
	.detail_info .detail_right{width: 100%; height: auto; float: none}
	.detail_info .detail_right span{width:50%;border:1px solid #dfdfdf;}
	.detail_info .detail_right span:nth-child(2){border-left:0;}
}

.detail_info2{width:100%;margin-bottom: 10px}
.detail_info2 ul{width: 100%; display: table;bordeR:1px solid #dfdfdf;}
.detail_info2 ul li{padding: 5px 0; display: table-cell; vertical-align: middle; background-color: #ffffff;}
.detail_info2 ul li:nth-child(2){border-left:1px solid #dfdfdf;}
.detail_info2 ul li:nth-child(3){border-left:1px solid #dfdfdf;}



.detail_info2 .detail_icon .icon{margin-bottom: 5px; text-align: center;}
.detail_info2 .detail_icon .con{padding-left: 0px; text-align: center;line-height:20px;}
.detail_info2 .detail_icon .con .tit{color: #3e72bc;font-size:16px;}


/*강태성 가림 20191008*/
/*@media screen and (max-width:525px) {
	.detail_info2 ul li{display: display: table-cell; }
	.detail_info2 .detail_icon .icon{display: table-cell; vertical-align: middle}
	.detail_info2 .detail_icon .con{display: table-cell; vertical-align: middle; text-align: left}
	
}*/
.detail_list{margin-bottom: 20px}

.detail_con>li{width: 100%; padding: 0px 0px; border-left: 0px solid #dedede;border-right: 0px solid #dedede; border-top:4px solid #68b5d3;display: table; table-layout: fixed; background-color: #ffffff}

.detail_con .esti{border-top:4px solid #197b30;}
.detail_con .homew{border-top:4px solid #c69c6d;}
.detail_con>li>div{display: table-cell; vertical-align: middle; text-align: left; }


.detail_con .num{color: #fff; font-size: 17px; font-weight: bold; text-align: center ; background:#68b5d3;width:30%;margin:0 auto;border: 2px solid #68b5d3;border-radius:0px 0px 5px 5px;border-top:0px;}
.detail_con .num02{color: #fff; font-size: 17px; font-weight: bold; text-align: center ; background:#197b30;width:30%;margin:0 auto;border: 2px solid #197b30;border-radius:0px 0px 5px 5px;border-top:0px;}
.detail_con .num03{color: #fff; font-size: 17px; font-weight: bold; text-align: center ; background:#c69c6d;width:30%;margin:0 auto;border: 2px solid #c69c6d;border-radius:0px 0px 5px 5px;border-top:0px;}
.detail_con .txt{padding: 0 16px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; color: #3f3f3f; font-size: 16px; text-align: justify; line-height: 1.4em}
.detail_con .txt .tit{margin-bottom: 5px; color: #444444; font-size: 16px; font-weight: bold; line-height: 1.6em;margin-top:5px; }
.detail_con .txt .tit2{margin-bottom: 5px; color: #636363; font-size: 16px; font-weight: bold; line-height: 1.4em; }
.detail_con .txt .tit3{margin-bottom: 5px; color: #636363; font-size: 14px; font-weight: bold; line-height: 1.4em;margin-top:5px; }

.detail_con .stat{width: 135px; padding: 20px 0; margin-right: 10px; color: #000000; font-size: 18px; font-weight: bold; text-align: center}
.detail_con .detail_btn{width: 120px;  height: 38px; line-height: 38px; margin: 0 auto; margin-bottom:30px; display: block; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center; cursor: pointer}
.detail_con .detail_btn02{width: 120px; height: 38px; line-height: 38px; margin: 0 auto; margin-bottom:30px; display: block; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center;  cursor: pointer}

@media screen and (min-width:768px) {
	.detail_con .txt{width: 50%}
}
@media screen and (max-width:767px) {
	.detail_con>li{padding-left: 0px; padding-right: 5px;letter-spacing:-1px;}
	.detail_con>li>div{margin-bottom: 10px; display: block;}
	.detail_con li:last-child{border-bottom:1px solid #dcdcdc;}
	.detail_con>li:last-child >div{margin-bottom: 0}
	.detail_con .txt{padding-top: 10px; padding-bottom: 10px; border: 0; text-align: left}
}

/* m_study	 */
.m_study_tit{margin-bottom: 20px; color: #FE6225; font-size: 30px; font-weight: bold}
.m_study_top{padding:10px; border: 0px solid #c7c7c7; background-color: #fff;}
.m_study_top .tit{margin-bottom: 0px; font-size: 20px; font-weight: bold;}
.m_study_top .tit02{margin-top: 10px; color: #7c7c7c; font-size: 20px; font-weight: 700;padding:0px;margin-bottom:-10px;}
.m_study_top .tit03{color: #4e4e4e; font-size: 15px; font-weight: 700;margin:0;padding:0;}
.m_study_top .text_icon04{padding:2px 4px 0px 4px; line-height:20px;border: 0; border-radius: 1px; display: inline-block; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Dotum, '돋움'; word-break: keep-all; background: #70AD47}
.m_study_top .text_icon05{padding:2px 4px 0px 4px; line-height:20px;border: 0; border-radius: 1px; display: inline-block; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Dotum, '돋움'; word-break: keep-all; background: #2578BB}

/*강태성 추가 20191008*/
.m_study_top .graph{height:30px;display:block;padding:6px;background:#ebebeb;margin-bottom:10px;}
.m_study_top .graph ul{position:relative;width:100%;border:none;}
.m_study_top .graph li{display:inline-block;float:left;box-shadow:none;-webkit-box-shadow:none;-mox-box-shadow:none;margin:0;}
.m_study_top .graph li:first-child{width:82%;border:none;box-shadow:none;-webkit-box-shadow:none;-mox-box-shadow:none;margin:0;background-color:#fff;}
.m_study_top .graph li:last-child{width:18%;font-size:14px;letter-spacing:-1px;background:#ebebeb;padding-left:2px;line-height:18px;text-align:right;border:none;}





.m_study_video{width: 100%; background: url(../img/popup/video_bg.jpg) center center no-repeat; background-size: cover}

.m_study_list{padding: 10px; border: 0px solid #dedede}
.m_list_top{margin-bottom: 10px; font-size: 16px; font-weight: bold}
.m_list_con{color: #5a5a5a; font-size: 13px; line-height: 1.6em}
.m_list_btn{width:90%;text-align: center; background-color: #0099dc;margin:0 auto;border:1px solid #0099dc;border-radius:5px;margin-top:10px;margin-bottom:10px;}
.m_list_btn a{padding: 10px; display: block; color: #ffffff}

.m_study_arrow{color: #555555; background-color:#ececec;width:96%;margin:0 auto;}
.m_study_arrow ul{width: 100%; display: table}
.m_study_arrow ul li{height: 50px; line-height: 50px; display: table-cell; color: #707070; font-size:1rem;text-align: center;font-weight:800;}
.m_study_arrow ul li a{display: block}

.m_arrow_btn{width: 50px}

.m_text_icon{margin-right: 5px; padding: 3px 5px; display: inline-block; color: #ffffff; font-size: 12px; font-weight: normal; font-family: 돋움, Dotum; text-align: center; background-color: #CA6162; vertical-align: middle}
.m_text_icon02{margin-right: 5px; padding: 3px 5px; display: inline-block; color: #ffffff; font-size: 14px; font-weight: bold; font-family: 돋움, Dotum; text-align: center; background-color: #888888; vertical-align: middle}
@media screen and (max-width:767px) {
	.m_study_top .con>span{display: block}
}
.video-js .vjs-tech{position: relative}



/*button*/

.btn_blue_s {
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:4px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: 돋움, Dotum;
	font-size:14px;
	font-weight:bold;
	padding:1px 10px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #7cacde;*/
}
.btn_blue_s:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.btn_blue_s:active {
	position:relative;
	top:1px;
}
@media screen and (max-width:320px) {
.btn_blue_s {
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:4px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: 돋움, Dotum;
	font-size:12px;
	font-weight:bold;
	padding:1px 8px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #7cacde;*/
}
.btn_blue_s:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.btn_blue_s:active {
	position:relative;
	top:1px;
}
}


.btn_red {
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	border-radius:20px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.btn_red:hover {
	background-color:#eb675e;
}
.btn_red:active {
	position:relative;
	top:1px;
}