@charset "utf-8";

/**** bbs ****/
/* boardSearchForm */
/*#boardSearchForm {background:#f9f9f9;padding:30px 25px;text-align:center;margin-bottom:55px;border-bottom:1px solid #e5e5e5;}*/
#boardSearchForm {position:absolute;right:0;}
#boardSearchForm input[text] {width: 240px;}

/* bbsTotal */
/*.bbsTotal {margin-bottom:15px;font-family:'Noto Sans KR';font-size:14px;}
.bbsTotal .fc01 {font-size:16px;font-weight:bold;}*/
.bbsTotal {margin: 20px 10px;font-weight:600;font-size: 16px;padding: 15px 0 0;}
.bbsTotal .fc01 {color:#f00;}

/* bbsPaging */
.bbsPaging {text-align:center;}
.bbsPaging a {display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #a7a9a5;border-radius:5px;text-align:center;font-family:'NanumSquare';font-size:15px;transition:all .3s;}
.bbsPaging a.on, .bbsPaging a:hover, .bbsPaging a:focus {border:1px solid #32798f;font-weight:bold;color:#32798f;}
.bbsPaging a.prev {background:url('../imgs/common/btn_arr_prev.gif') no-repeat 50% 50% #fff;text-indent:-9999px;}
.bbsPaging a.next {background:url('../imgs/common/btn_arr_next.gif') no-repeat 50% 50% #fff;text-indent:-9999px;}

/* bbsList */
.bbsList {width:100%;border-top:2px solid #333;margin-bottom:50px;}
.bbsList th {background:#f9f9f9;border-bottom:1px solid #ccc;font-weight:bold;}
.bbsList th, .bbsList td {padding: 14px 5px;text-align:center;vertical-align:middle;}
.bbsList td {border-bottom:1px solid #e5e5e5;}
.bbsList td.title {text-align:left;}
.bbsList td .icon_secret {display:inline-block;width:17px;height:17px;border-radius:100%;padding:7px;background:url('../imgs/contents/icon_secret.png') no-repeat 50% 50% #f9f9f9;text-indent:-9999px;}
.bbsList td .icon_file {display:inline-block;width:17px;height:17px;border-radius:100%;padding:7px;background:url('../imgs/common/icon_down.png') no-repeat 50% 50% #f9f9f9;text-indent:-9999px;}
.bbsList td .noData {padding:70px 0;font-family:'NanumSquare';font-size:15px;}
.bbsList .btnArea .btnType {font-size:13px;padding:6px 10px;margin:2px;}
.bbsList tfoot td {background:#f9f9f9;}
.bbsList .imgArea {width:100px;height:100px;margin:0 auto;}
.bbsList .imgArea img {width:100%;height:100%;}
.bbsList td.bbs_title {text-align:left;}
span.notice_point {border-radius:5px;padding:5px 10px;color:#fff;margin-right:5px;font-size: 0.9em;font-weight: 400;}

/* bbsList02 */
.bbsList02 {width:100%;border-top:2px solid #333;margin-bottom:50px;}

/* bbsView */
.bbsView .listLink {width:100%;border-top:1px solid #e5e5e5;}
.bbsView .listLink:after {display:block;content:'';clear:both;}
.bbsView .listLink dt {background:#f9f9f9;font-weight:bold;text-align:center;width:15%;}
.bbsView .listLink dt, .listLink dd {float:left;border-bottom:1px solid #e5e5e5;padding:20px 0;font-family:'Noto Sans KR';font-size:15px;}
.bbsView .listLink dd {position:relative;width:83%;padding-left:2%;}
.bbsView .listLink dd .date {position:absolute;top:20px;right:20px;font-size:14px;color:#999;}
.bbsView .listLink dd .noData {color:#999;}
.bbsView .btnArea {margin-bottom:50px;}
.bbsView .btnArea button {margin-left:10px;}

/* bbsViewList */
.bbsViewList {border-top:2px solid #333;margin-bottom:40px;}
.bbsViewList > li {padding:20px;border-bottom:1px solid #e5e5e5;}
.bbsViewList .bbsTit h4 {margin:5px 0 20px;font-size:20px;font-weight:600;}
.bbsViewList .bbsTit .info {width:100%;}
.bbsViewList .bbsTit .info:after {display:block;content:'';clear:both;}
.bbsViewList .bbsTit .info li {position:relative;float:left;padding:0 15px;font-family:'Noto Sans KR';color:#999;font-size:14px;font-weight:300;line-height:18px;}
.bbsViewList .bbsTit .info li:before {position:absolute;left:0;top:0;width:1px;height:15px;background:#e5e5e5;content:'';}
.bbsViewList .bbsTit .info li:first-child {padding-left:0;}
.bbsViewList .bbsTit .info li:first-child:before {background:none;}
.bbsViewList .bbsCont .cont {padding:20px 0;fon-family:'Noto Sans KR';line-height:22px;}

.bbsViewList .bbsCont .cont table {border:1px solid grey;border-collapse: collapse;}
.bbsViewList .bbsCont .cont table th, .bbsViewList .bbsCont .cont table td {border:1px solid grey;}
.bbsViewList .bbsCont .cont table th{background:#f9f9f9;font-weight:900;text-align:center;}
.bbsViewList .bbsCont .cont table td {padding:10px;}

.bbsViewList .bbsCont .cont img{max-width:100%;}
.bbsViewList .bbsCont .cont video {width:100%;}
.bbsViewList .bbsFile p {font-family:'Noto Sans KR';font-size:14px;margin:5px 0;}
.bbsViewList .bbsFile .icon_file {display:inline-block;width:17px;height:17px;border-radius:100%;margin-right:10px;padding:7px;background:url('../imgs/common/icon_down.png') no-repeat 50% 50% #f9f9f9;vertical-align:middle;text-indent:-9999px;}
#subAreaCon .bbsViewList li.bbsCont h2 {font-size: 2.1em;line-height: 1.5;margin: 0 0 0.5em 0;}
#subAreaCon .bbsViewList li.bbsCont h2 {font-size: 1.9em;line-height: 1.6;margin: 0 0 0.5em 0;}
#subAreaCon .bbsViewList li.bbsCont h3 {font-size: 1.6em;line-height: 1.5;}
#subAreaCon .bbsViewList li.bbsCont h4 {font-size: 1.4em;line-height: 1.5;}
#subAreaCon .bbsViewList li.bbsCont h5 {font-size: 1.4em;line-height: 1.5;}
#subAreaCon .bbsViewList li.bbsCont h6 {font-size: 1.4em;line-height: 1.5;}


/* viewComment */
.viewComment {margin-bottom:30px;}
.commentBox {position:relative;margin-bottom:20px;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.commentBox .btnArea {position:absolute;top:17px;right:20px;}
.commentBox .commentCont dt, .commentBox .commentCont dd {padding:20px;font-family:'Noto Sans KR';}
.commentBox .commentCont dt {background:#f9f9f9;border-bottom:1px solid #e5e5e5;font-weight:bold;font-size:15px;}
.commentBox .commentCont dd {font-size:15px;}
.commentBox .commentCont dd.date {position:absolute;top:0;right:50px;}
.commentWrite {position:relative;width:96%;background:#f9f9f9;padding:80px 2% 20px;border:1px solid #e5e5e5;border-radius:5px;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.commentWrite:after {display:block;content:'';clear:both;}
.commentWrite .commentInfo {position:absolute;top:22px;left:20px;}
.commentWrite .commentInfo:after {display:block;content:'';clear:both;}
.commentWrite .commentInfo li {float:left;margin:0 10px;line-height:40px;}
.commentWrite .commentInfo li label {margin:0 5px;}
.commentWrite .commentInfo li .key {display:inline-block;height:40px;margin-right:10px;}
.commentWrite .commentInfo li .key img {width:100px;height:100%;}
.commentWrite .flL {width:90%;}
.commentWrite .flL textarea {width:100%;}
.commentWrite .flR {width:8.4%;}
.commentWrite .flR button {padding:29px 15px;}
.commentWrite .btnArea {position:absolute;top:20px;left:25px;margin-bottom:0;}
.commentWrite .btnArea button {float:left;width:40px;height:40px;border:1px solid #e5e5e5;background:#fff;margin-left:-1px;}
.commentWrite .btnArea button.btnUp {background:url('../imgs/common/btn_up.gif') 50% 50% no-repeat #fff;}
.commentWrite .btnArea button.btnDown {background:url('../imgs/common/btn_down.gif') 50% 50% no-repeat #fff;}
.commentWrite .btnArea button.btnStart {background:url('../imgs/common/btn_minus.gif') 50% 50% no-repeat #fff;}



/* bbsWrite */
.bbsWrite table.basic input[type="file"] {border:1px solid #a7a9ac;width:99%;border-radius:5px;padding:5px;}
.bbsWrite table.basic input[type="file"]::-webkit-file-upload-button {visibility:hidden;}
.bbsWrite table.basic input[type="file"]::before {content:"파일 선택";background:#bbb;color:#fff;padding:3px 6px;display:inline-block;}
.bbsWrite table.basic td .comment {color:#999;font-family:'Noto Sans KR';font-size:14px;line-height:22px;}
.bbsWrite table .fileList {margin:7px 0;}
.bbsWrite table .fileList input[type="file"] {width:75%;}
.bbsWrite table .fileList .btnType {padding:7px 10px;vertical-align:middle;}
.bbsWrite .btnArea {margin-bottom:50px;}
.bbsWrite .btnArea button {margin-left:10px;}

.bbsWrite .dateBox {position:relative;display:inline-block;background:#fff;border:1px solid #a7a9ac;border-radius:5px;padding-right:40px;overflow:hidden;}
.bbsWrite .dateBox label {position:absolute;top:0;right:0;width:39px;height:38px;background:url('../imgs/contents/icon_calendar.png') no-repeat 50% 50% #fff;text-indent:-9999px;cursor:pointer;}
.bbsWrite .dateBox .inputCalendar {width:110px;border:0;}
.bbsWrite .dateBox .inputCalendar:hover {border:0;}
.bbsWrite .telArea .phone1, .bbsWrite .telArea .mobile1 {width:110px;}
.bbsWrite .telArea .phone2, .bbsWrite .telArea .phone3,
.bbsWrite .telArea .mobile2, .bbsWrite .telArea .mobile3 {width:140px;}
.bbsWrite .keyArea {width:300px;}
.bbsWrite .keyArea:after {display:block;content:'';clear:both;}
.bbsWrite .keyArea .flL {width:120px;height:60px;}
.bbsWrite .postcodeList li {margin:5px 0;}
.bbsWrite .postcodeList li .btnType {vertical-align:middle;padding:9px 15px;}
.bbsWrite .wrQuantity {width:50px;}
.bbsWrite .wrMoney {border:1px solid #fff;width:80px;font-weight:bold;}


/* galleryArea */
.galleryArea .galleryList {width:100%;}
.galleryArea .galleryList:after {display:block;content:'';clear:both;}
.galleryArea .galleryList li {float:left;}
.galleryArea .galleryList li a {position:relative;display:block;padding:12px;border:1px solid #e5e5e5;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;}
.galleryArea .galleryList li span {display:block;text-align:center;}
.galleryArea .galleryList li .thumb {position:relative;/*height:180px;*/}
.galleryArea .galleryList li .thumb img {width:100%;height:100%;}
.galleryArea .galleryList li .thumb:after {position:absolute;top:0;right:0;bottom:0;left:0;background:#32798f;content:'';opacity:0;transition:all .3s;}
.galleryArea .galleryList li a:hover:after {position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:4px solid #32798f;box-sizing:border-box;}
.galleryArea .galleryList li:hover .thumb:after {opacity:0.4;}
.galleryArea .galleryList li .tit {font-weight:bold;line-height:25px;margin:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.galleryArea .galleryList li .name {font-family:'Noto Sans KR';font-size:15px;color:#999;margin-bottom:10px;}
.galleryArea .galleryList li .date {font-family:'Noto Sans KR';font-size:15px;color:#999;padding-bottom:10px;}
.galleryArea .galleryList li .noData {padding:50px 0;margin-bottom:10px;}



/**** login ****/
/* loginArea */
.loginArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;padding:50px;border-bottom:1px solid #898989;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.loginArea .loginBox {width:100%;}
.loginArea .loginBox .loginInfo {position:relative;margin-bottom:30px;}
.loginArea .loginBox .loginInfo input {width:70%;}
.loginArea .loginBox .loginInfo input.for_lecture {width:100%;}
.loginArea .loginBox .loginInfo #member_passwd {margin-top:10px;}
.loginArea .loginBox .loginInfo .btnLogin {position:absolute;top:0;right:0;padding:34px 45px;}
.loginArea .loginBox .loginInfo .btnLogin.for_lecture {position:relative;width:100%;padding:10px 0;}
.loginArea .loginBox .linkList {background:#f9f9f9;padding:7px 10px;border-radius:5px;}
.loginArea .loginBox .linkList li {position:relative;padding:17px 0;border-bottom:1px dashed #cfcfcf;font-size:18px;}
.loginArea .loginBox .linkList li:last-child {border:0;}
.loginArea .loginBox .linkList li button {position:absolute;top:12px;right:0;}


/* findArea */
.findArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;padding:50px;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.findArea .findBox {width:100%;}
.findArea .findBox .findInfo {border-top:1px solid #e5e5e5;}
.findArea .findBox .findInfo > ul {margin-bottom:20px;}
.findArea .findBox .findInfo > ul > li {margin-top:15px;}
.findArea .findBox .findInfo > ul > li:after {display:block;content:'';clear:both;}
.findArea .findBox .findInfo > ul > li > label {float:left;width:30%;margin:10px 5% 0 0;}
.findArea .findBox .findInfo .inputArea {float:left;width:65%;}
.findArea .findBox .findInfo .btnType {width:100%;}
.findArea .findBox .findInfo .comment {font-family:'Noto Sans KR';font-size:14px;color:#999;margin:10px 0;}

/* keyArea */
.keyArea {width:100%;}
.keyArea:after {display:block;content:'';clear:both;}

/* joinArea */
.joinArea h4 {font-size:23px;font-weight:600;font-weight:bold;margin-bottom:20px;}

/* agreeArea */
.agreeArea {margin-bottom:60px;}
.agreeArea .agreeBox {border:1px solid #a7a9ac;border-radius:5px;height:200px;overflow:hidden;overflow-y:scroll;margin-bottom:10px;padding:20px;}
.agreeCheck label {margin-right:10px;}

/* joinComplete */
.joinComplete {text-align:center;}
.joinComplete .txtInfo .txt_dsc.big {font-family:'NanumSquare';font-size:32px;text-align:center;line-height:40px;}
.joinComplete .txtInfo .txt_dsc.big .fc03 {font-size:40px;}
.joinComplete .txtInfo .txt_dsc {font-size:17px;line-height:23px;text-align: justify;}
.joinComplete .memberInfo {/*width:500px;*/border:1px solid #e5e5e5;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);overflow:hidden;margin:30px auto;}
.joinComplete .memberInfo .info {background:#f9f9f9;padding:20px;border-bottom:1px solid #e5e5e5;margin-bottom:0;}
.joinComplete .memberInfo .infoList {text-align:left;margin:20px 30px;}
.joinComplete .memberInfo .infoList li {font-family:'Noto Sans KR';font-size:15px;border-top:1px dashed #e5e5e5;padding:15px 0;}
.joinComplete .memberInfo .infoList li:first-child {border:0;}
.joinComplete .memberInfo .infoList li strong {display:inline-block;width:20%;font-weight:bold;margin-right:2%;}
.joinComplete .memberInfo .infoList li span {width:78%;}


/* modifyArea */
.modifyArea {width:500px;margin:0 auto;border:1px solid #e5e5e5;padding:50px;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.modifyArea .modifyBox {width:100%;position:relative;}
.modifyArea .modifyBox .modifyInfo {margin-bottom:30px;padding-right:140px;}
.modifyArea .modifyBox .modifyInfo dt, .modifyArea .modifyBox .modifyInfo dd {display:inline-block;height:40px;line-height:40px;font-family:'Noto Sans KR';vertical-align:middle;padding:3px 0;}
.modifyArea .modifyBox .modifyInfo dt {width:30%;font-size:15px;font-weight:600;}
.modifyArea .modifyBox .modifyInfo dd {width:70%;}
.modifyArea .modifyBox .btnConfirm {position:absolute;top:0;right:0;padding:35px 45px;}
.modifyArea .modifyBox .comment {border-top:1px dashed #a7a9ac;padding-top:20px;}



/**** product ****/
/* detailProduct */
/*
.detailProduct {margin-bottom:60px;border:1px solid #e5e5e5;border-bottom:1px solid #a7a9ac;box-shadow:0px 3px 1px rgba(0,0,0,0.05);}
.detailProduct:after {display:block;content:'';clear:both;}
.detailProduct .imgArea {float:left;}
.detailProduct .imgArea .thumb {width:100%;height:335px;background:#f9f9f9;}
.detailProduct .imgArea .thumb img {width:100%;height:100%;}
.detailProduct .imgArea .pageNum {display:none;}
.detailProduct .imgArea .imgList {position:relative;margin-top:20px;}
.detailProduct .imgArea .imgList ul {height:50px;overflow:hidden;margin:0 53px;text-align:center;}
.detailProduct .imgArea .imgList ul li {display:inline-block;width:70px;height:50px;margin:0 2px;background:#f9f9f9;}
.detailProduct .imgArea .imgList ul li a {position:relative;display:block;height:50px;}
.detailProduct .imgArea .imgList ul li a:before {position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #32798f;box-sizing:border-box;content:'';opacity:0;transition:all .3s;}
.detailProduct .imgArea .imgList ul li a:hover:before {opacity:1;}
.detailProduct .imgArea .imgList ul li a.hover:before {opacity:1;}
.detailProduct .imgArea .imgList ul li a img {width:100%;height:100%;}
.detailProduct .imgArea .imgList button {position:absolute;top:0;border:1px solid #e5e5e5;width:30px;height:50px;text-indent:-9999px;}
.detailProduct .imgArea .imgList button.btnPrev {left:0;background:url('../imgs/common/btn_arr_prev.gif') no-repeat 50% 50% #fff;}
.detailProduct .imgArea .imgList button.btnNext {right:0;background:url('../imgs/common/btn_arr_next.gif') no-repeat 50% 50% #fff;}
.thumb_bimg img {visibility: visible; transition:all .3s;}
.detailProduct .infoArea {position:relative;float:left;}
.detailProduct .infoArea h3 {font-size:35px;font-weight:bold;line-height:35px;margin-top:5px;}
.detailProduct .infoArea .infoList {width:100%;margin:20px 0 20px;!*border-bottom:1px solid #e5e5e5;*!}
.detailProduct .infoArea .infoList > li {padding:15px 0;border-top:1px solid #e5e5e5;}
.detailProduct .infoArea .infoList > li:first-child {padding:15px 0;border-top:1px solid #a7a9ac;}
.detailProduct .infoArea .infoList > li:after {display:block;content:'';clear:both;}
.detailProduct .infoArea .infoList dt, .detailProduct .infoArea .infoList dd {float:left;font-family:'Noto Sans KR';font-size:15px;line-height:24px;}
.detailProduct .infoArea .infoList dt {width:120px;margin-right:20px;font-weight:bold;}
.detailProduct .infoArea .infoList dd {position:relative;width:430px;color:#999;}
.detailProduct .infoArea .infoList dd .btnTypeS {line-height:18px;}

.detailProduct .infoArea .total {font-family:'Noto Sans KR';font-size:15px;text-align:right;margin:26px 0 30px;}
.detailProduct .infoArea .total .price {font-size:25px;}
.detailProduct .infoArea .total .price .fc03 {font-family:'Tahoma';font-weight:bold;font-size:35px;margin-right:5px;}
.detailProduct .infoArea .btnArea button {position:absolute;bottom:0;left:0;width:100%;font-family:'NanumSquare';font-size:19px;font-weight:bold;padding:13px 0;}

.detailCont {!*border-bottom:1px solid #e5e5e5;*!margin-bottom:30px;}
.detailCont p {font-family:'Noto Sans KR';font-size:15px;line-height:22px;margin-bottom:20px;}
.detailCont img {margin-bottom:20px;}
*/



/**** tourArea ****/
/* tourList */
.tourList {}
.tourList:after {display:block;content:'';clear:both;}
.tourList li {position:relative;float:left;padding:25px 20px;border:1px solid #e5e5e5;box-shadow:0px 3px 1px rgba(0,0,0,0.05);border-bottom:1px solid #a7a9ac;z-index:0;}
.tourList li:nth-child(2n-1) {margin-left:0;}
.tourList li .thumb {position:absolute;top:25px;left:20px;}
.tourList li .thumb a {position:relative;display:block;height:140px;}
.tourList li .thumb a img {width:100%;height:100%;}
.tourList li .thumb a:after {position:absolute;top:0;right:0;bottom:0;left:0;background:#32798f;content:'';opacity:0;transition:all .3s;}
.tourList li .thumb a:hover:after {opacity:0.4;}
.tourList li:hover:after {position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:4px solid #32798f;box-sizing:border-box;z-index:-1;}
.tourList li dl {margin-left:220px;}
.tourList li dt {font-size:21px;font-weight:600;line-height:25px;margin:5px 0 12px;}
.tourList li dd {font-family:'Noto Sans KR';font-size:15px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tourList li dd.date {color:#999;font-size:13px;margin-top:7px;}



/**** order ****/
/* orderStep */
.orderStep {margin-bottom:40px;}
.orderStep .stepList {width:100%;display:table;table-layout:fixed;border-left:1px solid #e5e5e5;}
.orderStep .stepList li {position:relative;display:table-cell;border:1px solid #e5e5e5;border-left:0;padding:20px 30px 20px 130px;font-size:20px;}
.orderStep .stepList li:before {position:absolute;left:65px;top:20px;width:45px;height:45px;background:#ff6600;content:'';}
.orderStep .stepList li:nth-child(1):before {background:url('../imgs/contents/icon_order_step01.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(2):before {background:url('../imgs/contents/icon_order_step02.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(3):before {background:url('../imgs/contents/icon_order_step03.png') no-repeat 50% 50%;}
.orderStep .stepList li:nth-child(4):before {background:url('../imgs/contents/icon_order_step04.png') no-repeat 50% 50%;}
.orderStep .stepList li:after {position:absolute;right:-30px;top:0;width:30px;height:100%;background:url('../imgs/contents/bg_step.png') no-repeat 0 50%;content:'';}
.orderStep .stepList li:last-child:after {background:none;width:0;height:0;}
.orderStep .stepList li .num {display:block;font-family:'Noto Sans KR';font-size:15px;margin-bottom:10px;}
.orderStep .stepList li.on {background:url('../imgs/contents/bg_step.png') no-repeat 0 50% #1f3a4f;color:#fff;font-weight:bold;}
.orderStep .stepList li.on:after {background:url('../imgs/contents/bg_step_on.png') no-repeat 0 50%;}
.orderStep .stepList li:first-child.on {background:#1f3a4f;}


/* order02 */
#order02 table.orderList {width:100%;border-top:2px solid #333;margin-bottom:50px;}
#order02 table.orderList th {background:#f9f9f9;border-bottom:1px solid #ccc;font-weight:bold;}
#order02 table.orderList th, #order02 table.orderList td {padding:18px 15px;font-family:'Noto Sans KR';font-size:15px;text-align:center;vertical-align:middle;}
#order02 table.orderList td {border-bottom:1px solid #e5e5e5;}
#order02 table.orderList .btnArea .btnType {font-size:13px;padding:6px 10px;margin:2px;}
#order02 table.orderList tfoot td {background:#f9f9f9;}
#order02 table.orderList .imgArea {width:100px;height:100px;margin:0 auto;}
#order02 table.orderList .imgArea img {width:100%;height:100%;}
#order02 table.orderList .price .discount {display:block;text-decoration:line-through;color:#999;}
#order02 table.orderList .quantityArea {position:relative;width:71px;margin:0 auto;}
#order02 table.orderList .quantityArea input {position:relative;float:left;width:40px;height:33px;text-align:center;text-indent:0;z-index:10;}
#order02 table.orderList .quantityArea .ctrl {float:left;margin-left:-1px;}
#order02 table.orderList .quantityArea .ctrl button {display:block;border:1px solid #e5e5e5;width:30px;height:20px;text-indent:-9999px;}
#order02 table.orderList .quantityArea .ctrl button.QuantityUp {background:url('../imgs/common/btn_arr_up.gif') no-repeat 50% 50%;}
#order02 table.orderList .quantityArea .ctrl button.QuantityDown {background:url('../imgs/common/btn_arr_down.gif') no-repeat 50% 50%;margin-top:-1px;}
#order02 table.orderList .quantityArea .btnType {clear:both;min-width:71px;padding:9px 10px 10px;font-size:14px;margin-top:5px;}


/* order03_Complete */
.orderComplete {padding:100px 0;margin-bottom:50px;border-bottom:1px solid #e5e5e5;}
.orderComplete .txt_dsc.big {font-family:'NanumSquare';font-size:28px;text-align:center;padding-top:140px;background:url('../imgs/contents/icon_order_complete.png') no-repeat 50% 0;}
.orderComplete .txt_dsc.big .fc01 {font-size:35px;}
.orderComplete dl {width:300px;margin:40px auto;background:#f9f9f9;padding:30px;}
.orderComplete dl:after {display:block;content:'';clear:both;}
.orderComplete dl dt, .orderComplete dl dd {float:left;font-family:'Noto Sans KR';font-size:15px;margin:5px 0;}
.orderComplete dl dt {width:20%;margin-right:10%;font-weight:bold;}
.orderComplete dl dd {width:70%;}
.orderComplete dl dd span {font-size:17px;font-weight:bold;}

/** online_education **/
.online_education .online_education_area {margin:50px 0;}
.online_education .online_education_area .online_education_list li {display:inline-block;border:1px solid #d5d5d5;vertical-align:top;}
.online_education .online_education_area .online_education_list li .thumb img {height:200px;width:100%;}
.online_education .online_education_area .online_education_list li .thumb {position:relative;}
.online_education .online_education_area .online_education_list li .thumb:after {position:absolute;top:0;bottom:0;left:0;right:0;background:url(../imgs/common/icon_play_yellow.png) no-repeat 50% rgba(00,00,00,0.4);content:'';}
.online_education .online_education_area .online_education_list li .class_info {padding:10px 15px;}
.online_education .online_education_area .online_education_list li .class_info .tit {display:block;font-weight:600;color:#3f3b3a;padding-top:5px;}
.online_education .online_education_area .online_education_list li.noList {border: none;height: auto;}
.online_education .detail_education {margin-bottom:50px;}
.online_education .detail_education > div {display:inline-block;vertical-align:top;}
.online_education .target_type {padding:3px 10px;color:#fff;font-size:14px;font-weight:600;}
.online_education .target_type.employee {background-color:#33cc99;}
.online_education .target_type.find_employment {background-color:#3333cc;}
.online_education .target_type.refund_process {background-color:#3399cc;}
.online_education .target_type.etc {background-color:#fff;}
.detail_education_con {/*border-top:2px solid #333;*/border-bottom:1px solid #e5e5e5;}
.detail_education_con .education_depth01 > li {font-size:20px;position:relative;padding-left:20px;}
.detail_education_con .education_depth01 > li:before {position:absolute;content:'';background-color:#959ba0;width:10px;height:10px;border-radius:50%;top:10px;left:0;}
.detail_education_con .education_depth02 {padding:10px 0;}
.detail_education_con .education_depth02 > li {list-style-type:square;line-height:2;font-size:15px;}
.detail_education_con .bbsList th, .detail_education_con .bbsList td {border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.detail_education_con .bbsList td {padding:12px 15px;text-align:center;}
.detail_education_con .bbsList th:last-child, .detail_education_con .bbsList td:last-child {border-right:1px solid #ccc;}
.detail_education_con .apply_text {width:99%;}
.education_btn_area .btnType {width:170px;height:50px;border-color:#335178;color:#335178;border-radius:unset;}
.bbsList.education_table {margin-bottom:0;}
.bbsList.education_table th, .bbsList.education_table td {padding:12px 10px;}
.bbsList.education_table td {text-align:left;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.bbsList.education_table .tit_area {text-align:left;}

/*교육상세설명*/
#subAreaCon .detail_education_con h3{font-size: 1.3em !important;text-align: inherit;}
#subAreaCon .detail_education_con h3:after{display: none;}
#subAreaCon .detail_education_con ol li {list-style-type: decimal;}
#subAreaCon .detail_education_con ul li{list-style-type: disc;}
#subAreaCon .detail_education_con ol{padding:0 0 0 1em;}

#subAreaCon .detail_education_con.not_contact ul li{list-style-type:unset;}
#subAreaCon .detail_education_con.not_contact table tr td.num {text-align:center;}

/* experience_area */
.experience_area .btnTypeS {color:#fff;border-radius:50px;}
.experience_area .recruit {background-color:#33cc99;}
.experience_area .btnArea .btnType.gray {color:#36344a;}
.experience_area .bbsList.education_table th {color:#36344a;border-left:1px solid #ccc;}
.experience_area .bbsList th > label, .experience_area .bbsList td, .experience_area.bbsWrite .telArea .phone1, .experience_area.bbsWrite .telArea .mobile1 {font-weight:normal;}
.experience_area .bbsList.education_table th:first-child {border-left:unset;}
.apply_agreement .agreeArea .agreeBox h5 {font-weight:500;}
.apply_agreement .agreeArea .agreeBox h6 {font-weight:500;}
.apply_agreement .agreeArea .agreeBox p, .apply_agreement .agreeArea .agreeBox li, .apply_agreement .agreeArea .agreeBox dt, .apply_agreement .agreeArea .agreeBox dd, .apply_agreement label, .apply_agreement input, .apply_agreement select {font-weight:400;}
.apply_agreement .agreeArea > p {text-align:center;}
.experience_area .cash_receipt_business1, .experience_area .cash_receipt_business2, .experience_area .cash_receipt_business3 {width:20%;}
.experience_area select.cash_receiptperson2 {width:35%}
.experience_area .agreeArea .agreeBox .txt_dsc {text-align:left;}
.experience_area .agreeArea .txt_dsc {text-align:center;}
.experience_area .education_apply {border:unset;color:#fff;font-size:20px;line-height:1;}
.experience_area .apply_form_area01 {display:inline-block;vertical-align:middle;margin-left:20px;}

/* experience_area - 공용 */
.education_apply_finish .btnArea.education_apply_area .btnType {color:#000;}
.education_apply_finish {border:1px solid #cecece;border-radius:20px;padding:70px 0;}
.education_apply_finish p {text-align:center;}
.btnArea.education_apply_area {text-align:center;margin-top:50px;}
.btnArea.education_apply_area button:nth-child(2) {margin-left:20px;}
.btnArea.education_apply_area .btnType {color:#fff;border-radius:50px;background-repeat:no-repeat;background-position-x:20%;background-position-y:50%;}
.btnArea.education_apply_area .btnType.mint {background-image:url(../imgs/common/icon_experience_apply01.png);}
.btnArea.education_apply_area .btnType.finish_edu {text-decoration:line-through;}

/* facility_list_area */
.facility_list li {border:1px solid #ced6d9;box-sizing:border-box;vertical-align:top;}
.facility_list .thumb img {width:100%;height:200px;}
.facility_list .facility_detail .facility_info .tit {font-weight:bold;}
.facility_list .facility_detail .facility_info .detail_con {font-weight:normal;color:#5b5f65;}
.facility_list .facility_detail .btnArea.facility_apply_area {text-align:center;padding-top:20px;}
.facility_list .facility_detail .btnArea.facility_apply_area button {font-size:16px;border:1px solid #2c89ee;}
.facility_list .facility_detail .btnArea.facility_apply_area button:first-child {color:#2c89ee;}
.facility_list .facility_detail .btnArea.facility_apply_area button:last-child {background-color:#2c89ee;color:#fff;}
.facility_view_area .tit_area {padding:12px 13%!important;}
.facility_view_area .btnArea.education_apply_area .btnType {color:#000;}
.facility_view_area .btnArea.education_apply_area .btnType.mint {color:#fff;}
.learning_state .learning_state_area {text-align:center;background-color:#f3f3f3;border:1px solid #d8d8d8;}
.learning_state .learning_state_area > div {padding:40px 0;}
.learning_state .learning_state_area > div > p {font-weight:500;}
.learning_state .learning_state_area ul {margin-top:30px}
.learning_state .learning_state_area ul li {display:inline-block;width:96px;margin-right:40px;}
.learning_state .learning_state_area ul li:last-child {margin-right:0px;}
.learning_state .learning_state_area ul li p:first-child {display:block;height:96px;line-height:96px;border-radius:50%;color:#fff;font-size:35px;font-weight:bold;margin-bottom:20px;}
.learning_list .bbsList th, .learning_list .bbsList td {border-left:1px solid #ddd;}
.learning_list .bbsList th:first-child, .learning_list .bbsList td:first-child {border-left:unset;}
.learning_list .bbsList td {padding:10px 15px;}
.learning_list .bbsList td.learning_tit {text-align:left;}
.learning_list .bbsList td p {padding:5px 10px;border-radius:50px;color:#fff;}
.learning_list .bbsList td button {border:1px solid #ccc;border-radius:5px;padding:5px 20px 5px 50px;font-size:15px;}
.learning_list .bbsList td button.un_print {background:url(../imgs/common/print_off.png) no-repeat 20% 50%;color:#9c9c9c;cursor:default;}
.learning_list .bbsList td button.can_print {background:url(../imgs/common/print_on.png) no-repeat 20% 50%;}
.learning_list .bbsList td button.learning_start {background:url(../imgs/common/icon_learn.png) no-repeat 20% 50%;}
.gms_003002 .bbsList.education_list_area td {text-align:center;}
.gms_003002 .bbsList.education_list_area td.education_title {text-align:left;}
.gms_003002 .bbsList td button {border:1px solid #ccc;border-radius:5px;padding:5px 20px 5px 50px;font-size:15px;}
.gms_003002 .bbsList td button.learning_start {background:url(../imgs/common/icon_learn.png) no-repeat 20% 50%;}
.state_type01 {background-color:#f89a27;}
.state_type02 {background-color:#87c312;}
.state_type03 {background-color:#007ae5;}
.state_type04 {background-color:#ababab;}

/* 비대면 강의 관련 */
.education_list {padding-right:40px;background:url(../imgs/common/icon_menu_list.png) no-repeat 75% 18.5px !important;}
div#lecturePlayer .video-js button span {color:#fff;}
div#lecturePlayer .video-js div.vjs-control {color:#fff;}
div#lecturePlayer .video-js div.vjs-menu-button-popup .vjs-playback-rate-value {color:#fff;}
div#lecturePlayer .video-js div.vjs-menu-button-popup .vjs-menu-item .vjs-menu-item-text {color:#fff;}
div#lecturePlayer .video-js div.vjs-menu-button-popup .vjs-menu-item.vjs-selected .vjs-menu-item-text {color:#2B333F;}


/* file_set_area */
#file_set {vertical-align:middle;padding-left:5px;}


/*모바일*/
@media all and (max-width:480px) {

    table.basic {border-right:unset!important;}
    table.basic th {width:22%!important;font-size:0.8em!important;word-break:keep-all;}
    table.basic td {font-size:0.8em!important;}

    .bbsList th {font-size:0.9em;}
    .bbsList td {font-size:0.8em;}

    .bbsViewList li.bbsCont h3 {font-size:1.2em!important;}
    .bbsView .bbsTit h4 {padding-left:0!important;font-size:1.2em;}
    /*.bbsView .listLink dt {width:20% !important;}*/
    .bbsView .listLink dt, .bbsView .listLink dd {line-height:15px;height:15px;}
    .bbsView .listLink dt {font-size:0.9em;padding-left:10px;padding-right:10px;}
    .bbsView .listLink dd {width:76.3% !important;}
    .bbsView .listLink dd a {display:inline-block;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .bbsView .listLink dd .date {display:none;}

    .galleryArea .galleryList li {width:49%;margin:0 0 20px 2%;}
    .galleryArea .galleryList li:first-child {margin-left:0 !important;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-left:0;}
    .galleryArea .galleryList li .tit {font-size:15px;}

    .bbsWrite .telArea .phone1, .bbsWrite .telArea .mobile1 {width:50px!important;}
    .bbsWrite .telArea .phone2, .bbsWrite .telArea .phone3, .bbsWrite .telArea .mobile2, .bbsWrite .telArea .mobile3 {width:60px!important;}

    .bbsList.education_table .tit_area span {margin:0 5px 0 0;display:inline-block;width:80px;text-align:center;}

    .gms_005001 .bbs_title a {width:100%;/*white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis;}
    .gms_005001 span.notice_point {display:block;width:50%;text-align:center;margin:0 auto;}
    .gms_005001 .bbs_title span.notice_point {width:20%;margin:0;}

    .btnArea.education_apply_area .btnType {background-image:unset!important;}

    .experience_area .btnTypeS {padding:2px 10px;}

    .detail_education_con > p > img {width:100%;}
}

/*아이패드*/
@media all and (min-width:481px) and (max-width:768px) {

    table.basic {border-right:unset!important;}

    .bbsView .listLink dt {width:20% !important;}
    .bbsView .listLink dd {width:75% !important;}
    .bbsViewList li.bbsCont h3 {font-size:1.2em!important;word-break:keep-all;}

    #boardSearchForm fieldset {margin-bottom:10px;}
    #boardSearchForm fieldset span, #boardSearchForm fieldset input {vertical-align:middle;}
    #boardSearchForm fieldset select {margin:0;}
    #boardSearchForm fieldset input[type=submit] {vertical-align:middle;height:2.56em!important;}
    #boardSearchForm fieldset input[type=text], #boardSearchForm fieldset input[type=password] {width:52.5% !important}

    .galleryArea .galleryList li {width:49%;margin:0 0 20px 2%;}
    .galleryArea .galleryList li:first-child {margin-left:0 !important;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-left:0;}
    .galleryArea .galleryList li .tit {font-size:15px;}

    .experience_area .btnTypeS {margin-right:10px;}
    .detail_education_con {padding:0 0 20px;margin-bottom:40px;}
    .btnArea.education_apply_area .btnType {background-size:25px!important;background-position-x:105px!important;}

}

/*아이패드프로*/
@media all and (min-width:769px) and (max-width:1024px) {

    .galleryArea {width:100%;display:table;}
    .galleryArea .galleryList li {float:unset;display:inline-block;width:49.3%;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-right:1%;}

    .bbsPaging {margin-top:40px;}

    #boardSearchForm {position:relative;float:right;margin-bottom:20px;}
    #boardSearchForm:after {content:"";display:block;clear:both;}

    .experience_area .btnTypeS {margin-right:10px;}
    .detail_education_con {padding:0 0 20px;margin-bottom:20px;}
    .btnArea.education_apply_area .btnType {width:150px;background-image:unset!important;}
}

@media all and (min-width:1025px) and (max-width:1199px) {

    .galleryArea {width:100%;display:table;}
    .galleryArea .galleryList li {float:unset;display:inline-block;width:49.3%;}
    .galleryArea .galleryList li:nth-child(2n+1) {margin-right:1%;}

    .bbsPaging {margin-top:40px;}

    #boardSearchForm {position:relative;float:right;margin-bottom:20px;}
    #boardSearchForm:after {content:"";display:block;clear:both;}

    .experience_area .btnTypeS {margin-right:10px;}
    .detail_education_con {padding:0 0 20px;margin-bottom:20px;}
    .btnArea.education_apply_area .btnType {width:150px;background-image:unset!important;}

}

/* PC */
@media all and (min-width:1200px) {

    .bbsList.education_table .tit_area {font-size:1.1em;}
    .bbsList.education_table .tit_area span {margin-right:10px;}

    .experience_area .btnTypeS {padding:5px 25px;}

}