@charset "utf-8";

@import url(font.css);

#container > .inr{max-width:1260px; margin:0 auto; clear:both;}
#container.main > .inr{max-width:initial;}
#container.main #content > .inr{max-width:1260px; margin:0 auto;}
#container > .inr:after{content:''; display:block; clear:both;}

/* 수강신청 레이아웃 */
.conWrap {padding-top:30px;}
.conWrap:before {left:0px; right:0px; top:-60px;}
.enrolment_header { padding:0;}
/*.fixed_header .enrolment_header{position:fixed; width:100%; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.08); z-index:999;}*/
.enrolment_header .area_step .btn_guide {display:block; margin:0 auto 10px;}

#wrap {overflow-x:hidden; width:100%; min-width:360px;}

/* 수강신청 레이아웃 */
.enrolment_header {background:#fff; position:relative; z-index:3;}
.enrolment_header .area_top{position:relative; z-index:30; background-image:linear-gradient(to right, #ea599e, #601986 55%);}
.enrolment_header .area_top > .inr{display:flex; align-items:center; max-width:1260px;}
.enrolment_header .area_top .lst{display:flex;}
.enrolment_header .area_top .lst li{border-bottom:1px solid #d8d8d8;}
.enrolment_header .area_top .lst li.n02{border-bottom:1px solid #fff;}
.enrolment_header .area_top .lst li a{display:flex; justify-content:center; align-items:center; height:48px; padding:0 20px; color:#737373; font-size:17px; background:#f2f2f3; font-weight:700;}
.enrolment_header .area_top .lst li.n02 a{color:#601986; border-top:3px solid #601986; background:#fff; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.enrolment_header .area_top .lst li:hover a,
.enrolment_header .area_top .lst li:focus a{color:#601986; text-decoration:underline;}

.enrolment_header .inr {position:relative; max-width:1260px; margin:0 auto;}
.enrolment_header.phy_header .inr{padding-bottom:40px;}
.enrolment_header .inr .h_top{position:relative; display:flex; align-items:center; justify-content:space-between;}
.enrolment_header .inr h1 a{display:flex;}

.enrolment_header .inr .h_right{display:flex;}

.enrolment_header .inr .area_util{display:flex; align-items:center; gap:25px;}
.enrolment_header .inr .area_util li a{display:flex; align-items:center; font-size:15px; font-weight:700;}
.enrolment_header .inr .area_util li a:hover,
.enrolment_header .inr .area_util li a:focus{text-decoration:underline;}
.enrolment_header .inr .area_util li a:before{content:""; display:block; margin:0 5px 0 0;}
.enrolment_header .inr .area_util li a.type_a:before{width:26px; height:23px; background:url(../images/common/ico_login.png);}
.enrolment_header .inr .area_util li a.type_b:before{width:23px; height:19px; background:url(../images/common/ico_join.png);}
.enrolment_header .inr .area_util li a.type_c:before{width:26px; height:24px; background:url(../images/common/ico_mypage.png);}
.enrolment_header .inr .area_util li a.type_e:before{width:17px; height:19px; background:url(../images/common/ico_name.png);}
.enrolment_header .inr .area_util li a.type_g:before{width:26px; height:23px; background:url(../images/common/ico_logout.png);}
.enrolment_header .inr .area_util li a.btn_guide:before{width:21px; height:24px; background:url(../images/common/ico_guide.png);}

.enrolment_header .inr .busan_area{display:flex; margin:0 0 0 30px;}

.enrolment_header .area_step {text-align:center; padding:20px 0 110px;}
.enrolment_header .area_step div {display:inline-block; position:relative;  margin:3px 48px 3px 0; }
.enrolment_header .area_step div em { display:inline-block; color:#fff; font-size:20px;letter-spacing:-1.4px; font-weight:600; position:relative; }
.enrolment_header .area_step div em:after { content:''; display:block; width:15px; height:7px; background:url(../images/common/enrol_cursor.png) no-repeat; position:absolute; right:-33px; top:50%; margin-top:-3px; }
.enrolment_header .area_step div:last-child {margin-right:0;}
.enrolment_header .area_step div:last-child em:after {display:none;}
.enrolment_header .area_step div span { display:inline-block; padding:2px 11px; border:1px solid #fff; color:#fff; border-radius:50px; font-size:14px; margin-right:6px; position:relative; top:-2px;}
.enrolment_header .area_step div.on em {color:#fcd627;}
.enrolment_header .area_step div.on:before {content:''; display:block;  position:absolute; left:15px; right:0; bottom:2px; height:1px; background:#fcd627;}
.enrolment_header .area_step div.on span {color:#fcd627; border:1px solid #fcd627;}

.guide_txt{text-align:center; font-size:18px; font-weight:bold; background:#ebf1fc; padding:15px; margin:0 0 40px 0; border-radius:15px;}
.guide_txt span{display:flex; justify-content:center; align-items:center;}
.guide_txt span:before{content:""; display:block; width:39px; height:41px; margin:0 10px 0 0; flex:0 0 auto; background:url(../images/common/ico_guide_txt.png);}

.info_srch_wrap{position:relative; padding:60px 0; margin:0 0 60px; background:#f3eaf7; background-size:cover; overflow:hidden;}
.info_srch_wrap:before,
.info_srch_wrap:after{content:""; display:block; position:absolute;}
.info_srch_wrap:before{width:382px; height:488px; bottom:-34px; left:0; background:url(../images/content/bg_srch_l.jpg);}
.info_srch_wrap:after{width:329px; height:507px; top:-31px; right:0; background:url(../images/content/bg_srch_r.jpg);}
.info_srch_wrap > .inr{max-width:1260px; margin:0 auto; position:relative; z-index:30;}
.sg_info_box{text-align:center;}
.sg_info_box .txt{font-size:17px; margin:20px 0 34px; word-break:keep-all; line-height:1.5;}

.enrolment_footer{border-top:1px solid #d8d8d8;}
.enrolment_footer .inr{display:flex; justify-content:space-between; gap:15px; max-width:1260px; width:100%; margin:0 auto;}
.enrolment_footer .footer_top{padding:40px 0 35px;}
.enrolment_footer .footer_top .inr{align-items:flex-end;}
.enrolment_footer .footer_top .address{margin:35px 0 0;}
.enrolment_footer .footer_top .right{flex:0 0 auto;}
.enrolment_footer .tel .txt{display:flex; align-items:center; font-size:15px; line-height:1.6;}
.enrolment_footer .tel .txt:before{content:""; display:block; width:49px; height:49px; margin:0 10px 0 0; flex:0 0 auto; background:url(../images/common/ico_footer_tel.png);}
.enrolment_footer .footer_btm .inr{padding:30px 0 40px; border-top:1px solid #d8d8d8;}
.enrolment_footer .f_menu{display:flex; gap:35px;}
.enrolment_footer .f_menu .privacy a{font-weight:600;}
.enrolment_footer .f_menu a:hover{text-decoration:underline;}
.enrolment_footer .copy{font-size:15px; letter-spacing:-0.1px;}

/* 퀵배너 */
.quick_area{position:fixed; right:24px; top:50%; z-index:30; transform:translateY(-50%);}
.quick_area ul li{margin-bottom:20px;}
.quick_area ul li a{display:block; padding:100px 0 0; border-radius:29px; background:#fff url(../images/common/img_quick01.jpg) no-repeat 0 0; color:#fff;}
.quick_area ul li a:hover,
.quick_area ul li a:focus{text-decoration:underline;}
.quick_area ul li.n02 a{padding:89px 0 0; background-image:url(../images/common/img_quick02.jpg);}
.quick_area ul li span{display:block; text-align:center; width:146px; height:46px; line-height:46px; border-radius:24px; font-size:15px; font-weight:700; background:#e6007e;}
.quick_area ul li.n02 span{background:#0086cd;}
.btn_top_scroll{display:flex; align-items:center; justify-content:center; flex-direction:column; width:50px; height:50px; border-radius:50%; margin:0 auto; background:#fff; font-size:15px; color:#3f4191; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.btn_top_scroll:before{content:''; display:block; width:7px; height:7px; margin:5px 0 0; border-top:1px solid #3f4191; border-right:1px solid #3f4191; transform:rotate(315deg);}

/* 동영상강좌 */
.enrolment_header.phy_header .area_step { padding-bottom:80px;}
.enrolment_header.phy_header .guide_txt {}
.enrolment_header .h_top.h_movie {padding-bottom:50px; }
.enrolment_header .h_top.h_movie:before { content:''; display:block; width:287px; height:153px; background:url(../images/common/movie_bg.png); position:absolute; right:50px; bottom:0;}
.movie_wrap .m_top {border-bottom:3px solid #2a8fda; padding-bottom:20px; position:relative; margin:30px 0 25px;}
.movie_wrap .m_top .more_btn { display:block; line-height:33px; padding-right:40px; background:url(../images/common/movie_more.png) no-repeat right center; position:absolute; right:0; top:6px;}
.movie_wrap .lst {overflow:hidden; margin:0 -1%;}
.movie_wrap .lst li {float:left; width:23%; margin:0 1% 25px; border-bottom:1px solid #e2e2e2;}
.movie_wrap .lst li a {display:block; position:relative;  padding-bottom:25px;}
.movie_wrap .lst li .img { height:180px; display:block; overflow:hidden;}
.movie_wrap .lst li .img img {width:100%; min-height:180px;}
.movie_wrap .lst li .tit { display:block; font-size:17px; margin:15px 0 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.movie_wrap .lst li .txt { margin-bottom:3px;height:39px; overflow:hidden; padding-right:57px;}
.movie_wrap .lst li .txt span { font-size:14px; display:inline-block; color:#666; padding-right:12px; margin-right:11px; position:relative; float:left; }
.movie_wrap .lst li .txt span:last-child {padding-right:0; margin-right:0;}
.movie_wrap .lst li .txt span:last-child:before {display:none;}
.movie_wrap .lst li p {color:#666; font-size:14px;}
.movie_wrap .lst li .click {position:absolute; right:0; bottom:25px; padding:6px 5px; min-width:70px; border:1px solid #ffbebe; text-align:center; display:inline-block; font-size:14px; color:#444;}
.movie_wrap .lst li .click strong {color:#ff3a3a;}

.enro_con {margin-bottom:90px; position:relative;}
/* .enro_con_view:before{content:""; display:block; position:absolute; left:0; top:40px; width:100%; height:1px; background:#ccc; z-index:20;} */
.enro_con_view .conWrap{padding-top:60px;}

.conWrap {margin-top:-60px; padding-top:60px; background:#fff; }
.conWrap:before {content:''; display:block; position:absolute; left:0; right:0; top:0; background:#fff; height:60px; }
.conWrap h2 , .conWrap .form_group {position:relative; z-index:2;}

/* 수강신청 검색박스 */
.wrap_srch_lecture{position:relative; margin:20px 0 60px 0;}
.enro_con.main .wrap_srch_lecture{margin:0;}
.area_org{position:relative;}
.area_org .org_inr{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:30; background:#0c428d; border-radius:40px; padding:50px 50px 25px; width:100%;}
.enrolmentSrch{text-align:center; border-radius:5px; margin-right:134px;}
.enrolmentSrch fieldset{display:flex; align-items:center;}
.enrolmentSrch:after{content:""; display:block; clear:both;}
.enrolmentSrch select {height:48px; font-weight:bold;}
.enrolmentSrch select[name="searchCnd"]{margin-left:10px;}
.enrolmentSrch input.datetimepicker{width:130px; height:48px; padding-right:23px; background:#fff; text-align:left;}
.enrolmentSrch input[type="image"],
.enrolmentSrch input[type="checkbox"],
.enrolmentSrch input[type="radio"]{vertical-align:middle;}
.enrolmentSrch .rdo_wp{display:flex; justify-content:center; align-items:center; gap:20px; height:76px; background:#fff; border-radius:12px; width:233px;}
.enrolmentSrch label {font-size:17px; cursor:pointer;}
.enrolmentSrch label input {width:16px; height:16px; position:relative; top:-2px; margin:0 3px 0 0;}

.enrolmentSrch .word_wrap{position:relative; width:630px; margin-left:8px;}
.enrolmentSrch .word{display:inline-block; position:relative; width:100%;}
.enrolmentSrch .word input{width:100%; height:76px; line-height:76px; margin:0; border:0; font-size:17px; border-radius:12px; padding:5px 80px 5px 20px;}
.enrolmentSrch .word input::placeholder {color:#666;}
.enrolmentSrch .btn_srch{display:flex; align-items:center; position:absolute; right:7px; top:5px; height:65px; width:65px; background:#f1f1ff; border:1px solid #d4d4d4; margin:0; padding:0; border-radius:16px;}
.enrolmentSrch .btn_srch span{display:inline-block; text-indent:-999999px;}
.enrolmentSrch .btn_srch:before{content:''; display:block; background:url(../images/common/srch_btn_wh.png) no-repeat; width:30px; height:30px; margin:0 auto;}
.enrolmentSrch .btn_srch:hover, 
.enrolmentSrch .btn_srch:focus{background:#e7e7ff;}
.enrolmentSrch .btn_srch:active{background:#d9d9ff; border-color:#d9d9ff;}

.srh_word_lst{display:flex; align-items:center; margin:25px 0 0;}
.srh_word_lst .word_tit{flex:0 0 auto; position:relative; color:#fff; background:#e6007e url(../images/common/ico_clock.png) no-repeat 9px 7px; font-size:15px; font-weight:700; border-radius:14px; padding:5px 13px 5px 29px; margin:0 20px 0 0;}
.srh_word_lst .word_tit:before{position:absolute; top:-10px; left:17px; content:""; display:block; width:11px; height:10px; background:url(../images/common/ico_word_tit.png);}
.srh_word_lst .lst{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.srh_word_lst .lst li{color:#fff;}
.srh_word_lst .lst li a{font-size:17px; color:#fff; line-height:1.1;}
.srh_word_lst .lst li:hover a{text-decoration:underline;}

.dtl_srch_btn,
.dtl_srch_btn2{display:flex; justify-content:center; align-items:center; position:absolute; top:50px; left:calc(50% + 378px); z-index:2; width:124px; height:76px; font-weight:700; border-radius:12px; z-index:99; background:#7dd2ff;}
.dtl_srch_btn2{z-index:100;}
.dtl_srch_btn2.none{display:none;}
.dtl_srch_btn2 .srch_txt01{display:block !important;}
.dtl_srch_btn:after,
.dtl_srch_btn2:after{content:''; display:block; width:6px; height:6px; margin:-1px 0 0 8px; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(135deg);}
.open .dtl_srch_btn:after{transform:rotate(315deg); margin-top:6px;}
.dtl_srch_btn .srch_txt02,
.dtl_srch_btn2 .srch_txt02{display:none;}
.dtl_srch_btn.open .srch_txt01,
.dtl_srch_btn2.open .srch_txt01{display:none;}
.dtl_srch_btn.open .srch_txt02,
.dtl_srch_btn2.open .srch_txt02{display:block;}
.srch_dtl {display:none; text-align:center; position:relative; z-index:2; width:100%; height:100%; background:#fff; padding:50px 50px 45px; border:1px solid #0c428d; border-top:none; border-radius:0 0 40px 40px;}
.srch_dtl.office{display:none !important;}
.srch_dtl.learning:before{content:""; display:block; position:absolute; left:-1px; top:-50px; width:100%; height:50px; background:#fff; border-left:1px solid #0c428d; border-right:1px solid #0c428d;}
.srch_dtl .form_group2 {display:flex; align-items:center;	flex-wrap:wrap; margin-bottom:-1px; border:1px solid #ccc; font-size:17px;}
.srch_dtl .srch_dtl_wrap{border:1px solid #ccc; border-left:none; border-right:none; border-radius:0; margin:0 auto 30px; max-width:initial;}
.srch_dtl .srch_dtl_wrap div:first-child.form_group2{border-top:none;}
.srch_dtl .form_group2 dl{}
.srch_dtl .form_group2 dl dt{display:flex; justify-content:center; align-items:center; font-size:17px; background:#f5f5f5; border-left:1px solid #ccc; width:136px;}
.srch_dtl .form_group2:last-child dl dt{border-bottom-width:0;}
.srch_dtl .form_group2 dl dd{min-height:inherit; padding:15px; margin-left:136px;}
.srch_dtl .form_group2 dl dd > span{position:relative;}
.srch_dtl .form_group2 dl dd input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.srch_dtl .form_group2 dl dd label{display:inline-block; padding:0 0 0 22px; vertical-align:top; cursor:pointer;}
.srch_dtl .form_group2 dl dd label:before{content:''; display:inline-block; position:absolute; top:5px; left:0; bottom:0; box-sizing:border-box; margin:0; width:16px; height:16px; background: url(../images/common/ico_check.jpg) 0 0 no-repeat;}
.srch_dtl .form_group2 dl dd input:checked + label:before{background: url(../images/common/ico_checked.jpg) 0 0 no-repeat;}
.srch_dtl .form_group2 dl dd input:focus + label{outline:1px dashed #fff; outline-offset:-2px; box-shadow:inset 0 0 3px #000;}

.srch_dtl .l_box {max-width:330px; position:relative; border:1px solid #00679e; background:#fff; margin:0 auto 25px; padding:10px 0 10px 131px; text-align:left; border-radius:10px; font-size:17px; overflow:hidden;}
.srch_dtl .l_box strong {width:120px; position:absolute; left:0; top:0; line-height:56px; text-align:center; background:#1655a8; color:#fff;}
.srch_dtl .l_box select {height:36px; max-width:180px; margin:0 2px; width:calc(100% - 20px);}
.srch_dtl .btn_wrap .button {height:48px; line-height:46px; text-align:center; font-size:17px; font-weight:700; border-radius:22px; color:#fff !important; background:#0c428d; padding:0 25px;}
.srch_dtl .btn_wrap .button.srch:before {content:''; display:inline-block; background:url(../images/content/srch_btn_wh.png) no-repeat; width:16px; height:17px; position:relative; top:2px; margin:0 9px 0 0;}
.srch_dtl .btn_wrap .button.line{border-radius:22px; border:none; color:#fff; font-weight:700; cursor:pointer; background:#555;}
.srch_dtl .btn_wrap .button.line:before{content:""; display:inline-block; background:url(../images/common/ico_reset_wh.png) no-repeat; width:17px; height:19px; position:relative; top:2px; margin:0 8px 0 0;}

.srch_dtl .tab_office .nav_wrap{display:flex; align-items:center; justify-content:center;}
.srch_dtl .tab_office .nav_wrap .tit{font-size:17px; font-weight:700;}
.srch_dtl .tab_office .nav_wrap .nav{display:flex; flex-wrap:wrap; justify-content:center; gap:16px 6px;}
.srch_dtl .tab_office .nav_wrap .nav li a{display:block; height:44px; line-height:42px; padding:0 20px; border:1px solid #fff; border-radius:22px; color:#fff; font-size:17px; font-weight:700;}
.srch_dtl .tab_office .nav_wrap .nav li a.active,
.srch_dtl .tab_office .nav_wrap .nav li:hover a,
.srch_dtl .tab_office .nav_wrap .nav li:focus a{background:#fff; color:#3f4191;}
.srch_dtl .tab_office .nav_wrap .nav li a span{display:flex; justify-content:center; align-items:center;}
.srch_dtl .tab_office .nav_wrap .nav li a span:before{content:""; display:block; width:20px; height:20px; margin:1px 5px 0 0; background:url(../images/common/ico_srch_chk.png);}
.srch_dtl .tab_office .tab_box{display:none; margin:23px 0 0;}
.srch_dtl .tab_office .tab_box.active{display:block;}
.srch_dtl .tab_office .tab_box ul{display:flex; flex-wrap:wrap; justify-content:center; gap:7px;}
.srch_dtl .tab_office .tab_box ul li a{display:flex; align-items:center; justify-content:center; color:#666; min-width:117px; height:44px; padding:0 10px; border-radius:8px; background:#fff; font-size:15px;}
.srch_dtl .tab_office .tab_box ul li.on a,
.srch_dtl .tab_office .tab_box ul li:hover a,
.srch_dtl .tab_office .tab_box ul li:focus a{font-weight:700; color:#000;}

/* 수강신청  2.기관 */
.txt_box_chk {position:relative; margin-bottom:15px; background:#f1f3f7 url(../images/common/txt_box_bg.jpg) no-repeat left bottom; padding:35px 45px 35px 50px; border-radius:10px;}
.txt_box_chk h2 {padding-left:28px; position:relative; font-size:24px; letter-spacing:-1px; padding-bottom:15px;}
.txt_box_chk h2 strong {color:#f53333; text-decoration:underline;}
.txt_box_chk h2:before {content:''; display:block; width:20px; height:20px; background:url(../images/common/ico_chk.png) no-repeat; position:absolute; left:0; top:7px;}
.txt_box_chk p {margin:0; margin-left:26px; letter-spacing:-1.3px; line-height:1.5; position:relative; font-size:16px; color:#222; max-width:720px; word-break: keep-all;}
.txt_box_chk a {display:block; width:212px; height:54px; font-size:17px; line-height:54px; text-align:center; color:#fff !important; font-weight:600; background:#333; border-radius:50px; position:absolute; right:48px; top:50%; margin-top:-27px; text-decoration:underline;}
.txt_box_chk a:before {content:''; display:inline-block; width:20px; height:20px; background:url(../images/common/ico_chk_w.png) no-repeat; position:relative; top:4px; margin-right:5px; }
.lst_top_area{display:flex; justify-content:space-between; align-items:flex-start;}
.lst_top_area .top_l{display:flex; align-items:center; flex-wrap:wrap; gap:5px;}
.lst_top_area .top_l a{height:44px; line-height:42px; border:1px solid #adadad; border-radius:22px; font-weight:700;}
.lst_top_area .top_l a.lst_btn{position:relative; font-size:17px; padding:0 15px 0 35px;}
.lst_top_area .top_l a.lst_btn:after{content:'';display:block;width:9px;height:4px;border:1px solid #666666;border-width:0 0 2px 2px;transform:translateY(-25%) rotate(-45deg);position:absolute;left:18px;top:18px;}
.lst_top_area .top_l a.lst_btn.on{border-width:2px; border-color:#e6007e; color:#e6007e; line-height:40px;}
.lst_top_area .top_l a.lst_btn.on:before{content:""; display:block; position:absolute; left:13px; top:13px; width:17px; height:17px; border-radius:5px; background:#e6007e;}
.lst_top_area .top_l a.lst_btn.on:after{border-color:#fff;}
.lst_top_area .top_l .lst_btn01{width:200px; padding:0 0 0 52px; background:#0c428d url(../images/content/ico_chk_wh.png) no-repeat 26px 50%; border-color:#3f4191; color:#fff;}
.lst_top {display:flex; align-items:center; overflow:hidden; margin-bottom:25px;}
.lst_top2{justify-content:space-between; align-items:flex-start;}
.lst_top .left {font-size:16px; margin:0 20px 0 0; color:#666;}
.lst_top2 .left{color:#333;}
.lst_top .left h2 {float:left; /*padding-left:27px; background:url(../images/common/tit_ico01.png) no-repeat left 8px;*/ font-size:28px;}
/*.lst_top .left h2.n2 {background-image:url(../images/common/tit_ico02.png);}*/
.lst_top .left div {float:left; margin:10px 0 0 16px; max-width:450px;}
.lst_top .left strong{color:#111;}
.lst_top .right {display:flex; flex-wrap:wrap; gap:0 5px; margin-right:-3px; flex:0 0 auto;}
.lst_top .right .button{height:45px; line-height:45px; margin:0; margin-right:3px;}
.lst_top2 .right .pc{display:inline-block;}
.lst_top2 .right .pc .tab_lst{display:none;}
.lst_top2 .right .button{border-radius:4px;}
.lst_top2 .right .button.blue{position:relative; padding:0 10px 0 25px; background:#fff; color:#6357a3 !important; font-weight:700; border:1px solid #6357a3; background:url(../images/content/ico_chk.png) no-repeat 8px 12px;}
.lst_top2 .right .button.gray{background:#e3e3e3; color:#333 !important;}
.l_state_m{display:none;}
.wrap_e_lst{overflow:hidden;}
.e_lst_tit{margin-top:20px; margin-bottom:10px; font-size:28px;}
.e_lst_type01 {overflow:hidden; margin:0 -10px;}
.e_lst_type01 li {float:left; width:calc(25% - 20px); margin:0 10px 20px; position:relative; border-radius:12px; overflow:hidden;}
.e_lst_type01 li a {display:flex; justify-content:center; align-items:center; flex-direction:column; height:180px; text-align:center; background:#f5f5f5; border:1px solid #ccc; padding:30px 12px 0; border-radius:15px; margin:1px;}
.e_lst_type01 li.peach a {background:#f5f5f5;}
.e_lst_type01 li.red a {background:#f1f2fe; border-color:#c0aaec;}
.e_lst_type01 li.blue a {height:140px; padding:35px 20px 10px; background:#fff; border-color:#c0aaec;}
.e_lst_type01 li.green a {background:#edf9f6; border-color:#a7d4c4;}
.e_lst_type01 li.bonwon a {border:2px solid #a7e1c4; background:#edfded; color:#004bb8;}
.e_lst_type01 li a .type {position:absolute; left:13px; top:13px; width:84px; height:32px; padding:5px; color:#fff; background-image:linear-gradient(-30deg,#e6007e, #53398f 70%); font-size:16px; border-radius:10px; font-weight:700;}
.e_lst_type01 li a .type2 {position:absolute; left:13px; top:13px; width:84px; height:32px; padding:5px; color:#fff; background-image:linear-gradient(-30deg,#0c9dd3, #018078 70%); font-size:16px; border-radius:10px; font-weight:700;}
.e_lst_type01 li a .type3 {position:absolute; left:13px; top:13px; width:84px; height:32px; padding:5px; color:#fff; background:#777; font-size:16px; border-radius:10px; font-weight:700;}
.e_lst_type01 li a strong {display:flex; align-items:center; font-size:24px; height:75px; word-break:keep-all; padding-bottom:10px; letter-spacing:-1.8px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/}
.e_lst_type01 li.blue a strong{padding:0 !important; height:auto !important;}
.e_lst_type01 li a .txt {position:relative; display:flex; align-items:center; gap:8px; width:100%; font-size:15px; height:44px; border-radius:16px; background:#fff; padding:0 12px;}
.e_lst_type01 li a .txt:after{content:""; display:block; position:absolute; right:-6px; bottom:-6px; width:24px; height:24px; background-image:url(../images/content/sp_arrow.png); background-repeat:no-repeat; background-position:-34px 0;}
.e_lst_type01 li.red a .txt:after{background-position:0 0;}
.e_lst_type01 li a .txt em{border:1px solid #e6e6eb; border-radius:7px; padding:2px 8px 3px; font-size:14px;}
.e_lst_type01 li .chk {position:absolute; right:2px; top:2px; height:41px; line-height:36px; padding:0 15px 0 20px; font-size:16px; border-radius:0 15px 0 10px; background:transparent; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.e_lst_type01 li.red .chk{border-color:#c0aaec; background:#fff;}
.e_lst_type01 li.blue .chk{border-color:#c0aaec; background:#fff; color:#666; line-height:39px;}
.e_lst_type01 li.green .chk{border-color:#a7d4c4; background:#fff;}
.e_lst_type01 li .chk input {position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.e_lst_type01 li .chk label {color:#666; cursor:pointer;}
.e_lst_type01 li .chk label:before {content:''; display:inline-block; box-sizing:border-box; width:17px; height:17px; border:1px solid #666; position:relative; top:3px; margin-right:4px; border-radius:5px; background:#fff;}
.e_lst_type01 li .chk label:after{ content:''; display:inline-block; width:9px; height:4px; border:1px solid #222; border-width:0 0 2px 2px; transform:translateY(-25%) rotate(-45deg); position:absolute; left:25px; top:16px; opacity:0;}
.e_lst_type01 li .chk input:checked + label {opacity: 1; font-weight:bold; color:#222;}
.e_lst_type01 li .chk input:checked + label:before{opacity:1;}
.e_lst_type01 li .chk input:checked + label:after{ opacity:1;}



.button.sm.bbs_btn{font-size:15px; height:40px; line-height:40px;}
.button.sm.gray.bbs_btn{background:#e3e3e3; color:#333 !important;}

/*초성검색*/
.srch_word {border:1px solid #d2d2d2; text-align:center; padding:25px 20px; margin-bottom:20px; position:relative; border-radius:10px;}
.srch_word button {display:inline-block; transition:0.3s; min-width:36px; height:36px; padding:0 8px; border:1px solid #bdbdbd; text-align:center; line-height:32px; font-size:16px; background:#ededed; color:#666; margin:3px 1px; border-radius:6px;}
.srch_word button:hover {border-color:#f53333; color:#f53333;}
.srch_word button.receipt{width:auto; padding:0 17px 0 20px; border-color:#f26531; background:#f26531; font-weight:600; color:#fff; margin-right:25px; border-radius:30px;}
.srch_word button.on {border:1px solid #09348d; background:#09348d; color:#fff; font-weight:bold;}

/* 수강신청 강좌목록 */
.s_type {font-size:14px; display:block; margin:1px 0; letter-spacing:-0.6px; }
.s_type:before {content:''; display:inline-block; width:17px; height:17px; line-height:17px; font-family:'dotum'; border:1px solid #666; font-size:12px; font-weight:bold; text-align:center; border-radius:3px; margin-right:4px;}
.s_type.red:before {content:'일반'; border:1px solid #f53333; color:#f53333; width:30px;}
.s_type.purple:before {content:'우선'; border:1px solid #8d14e2; color:#8d14e2; width:30px;}
.s_type.gray:before {content:'대기'; border:1px solid #666; color:#666; width:30px;}
.s_type.blue:before {content:'교'; border:1px solid #308bda; color:#308bda;}
.s_type.green:before {content:'시'; border:1px solid #2a9f5e; color:#2a9f5e;}
.s_type.orange:before {content:'추첨식'; border:1px solid #ff6c00; color:#ff6c00; width:45px;}
.s_type.navy:before {content:'선착순'; border:1px solid #0008b0; color:#0008b0;  width:45px;}
.s_type.mint:before {content:'선발식'; border:1px solid #00b0a6; color:#00b0a6;  width:45px;}
.s_type.indigo:before {content:'총인원'; border:1px solid #4b0082; color: #4b0082; width:45px;}
.s_type.range {width:100px; margin:0 auto; text-align:left;}

.s_type.red1:before {/*content:'일반 인터넷접수';*/ content:'일반접수'; border:1px solid #f53333; color:#f53333; width:70px;}
.s_type.purple1:before {/*content:'우선 인터넷접수';*/ content:'우선접수'; border:1px solid #8d14e2; color:#8d14e2; width:70px;}
.s_type.red2:before {/*content:'일반 방문접수';*/ content:'일반접수'; border:1px solid #e21448; color:#e21448; width:70px;}
.s_type.purple2:before {/*content:'우선 방문접수';*/ content:'우선접수'; border:1px solid #8d14e2; color:#8d14e2; width:70px;}
.s_type.indigo1:before {/*content:'인터넷 총모집인원';*/ content:'모집인원'; border:1px solid #09348d; color: #09348d; width:70px;}
.s_type.indigo2:before {/*content:'방문 총모집인원';*/ content:'모집인원'; border:1px solid #4b0082; color: #4b0082; width:70px;}

.conWrap .form_group .s_type.indigo1:before{content:'인터넷'; width:60px;}
.conWrap .form_group .s_type.indigo2:before{content:'방문'; width:60px;}

.s_type2 {font-size:14px; display:inline-block !important; margin:1px 0; letter-spacing:-0.6px; }
.s_type2:before {content:''; display:inline-block; width:72px; height:22px; line-height:22px; border:1px solid #666; font-size:13px; text-align:center; border-radius:22px; font-weight:normal;}
.s_type2.red:before {content:'일반'; border:1px solid #e21448; color:#e21448; width:30px;}
.s_type2.purple:before {content:'우선'; border:1px solid #8d14e2; color:#8d14e2; width:30px;}
.s_type2.gray:before {content:'대기'; border:1px solid #666; color:#666; width:30px;}
.s_type2.blue:before {content:'교'; border:1px solid #308bda; color:#308bda;}
.s_type2.green:before {content:'시'; border:1px solid #2a9f5e; color:#2a9f5e;}
.s_type2.orange:before {content:'추첨식'; border:1px solid #ff6c00; color:#D95C00;}
.s_type2.navy:before {content:'선착순'; border:1px solid #09348d; color:#09348d;}
.s_type2.mint:before {content:'선발식'; border:1px solid #00b0a6; color:#00968D;}
.s_type2.pink:before {content:'동반접수'; border:1px solid #e1277e; color:#e1277e;}
.s_type2.range {width:100px; margin:0 auto; text-align:left;}

.s_btn {border:1px solid #61646c; border-radius:24px; display:inline-block; width:72px; line-height:22px; font-size:13px; margin:2px; background:#61646c; color:#fff; text-align:center !important;} /* 교육중, 교육완료 */
.s_btn.red {border:1px solid #09348d; background:#09348d; color:#fff;} /* 마감 */
.s_btn.blue {border:1px solid #f53333; background:#f53333; color:#fff;} /* 접수중 */
.s_btn.green{background-color:#00aa2e; border: #00aa2e;} /* 대기 */

.tbl.lecture .tit{display:block; font-weight:bold; font-size:18px;}
.tbl.lecture .org{display:block; color:#666; font-size:14px;}
.tbl.lecture .tits{display:none;}
.tbl.lecture th.num{width:100px;}
.tbl.lecture th.subject{width:200px;}
.tbl.lecture td.subject a{display:inline-block;}
.tbl.lecture th.applDate{width:180px;}
.tbl.lecture th.date{width:150px;}
.tbl.lecture th.won{}
.tbl.lecture th.member{}
.tbl.lecture th.method{}
.tbl.lecture th.state {width:180px;}

/* 수강신청 강좌상세 */
.enrolTit {display:flex; align-items:center; font-size:40px; letter-spacing:-0.07em; margin-bottom:20px; color:#18114e;}
.enrolTit span {font-size:18px; color:#ec4b47; padding:12px 22px; margin:0 15px 0 0; border:1px solid #ec4b47; border-radius:5px;}
.b_apply:after {content:''; display:inline-block; background:url(../images/content/b_apply.png); width:17px; height:14px; position:relative; top:2px; margin-left:5px;}
.b_link:after {content:''; display:inline-block; background:url(../images/content/b_link.png); width:19px; height:14px; position:relative; top:2px; margin-left:5px;}
.b_srch:after {content:''; display:inline-block; background:url(../images/content/b_srch.png); width:16px; height:16px; position:relative; top:3px; margin-left:5px;}
.p_location {padding-left:16px; background:url(../images/content/ico_location.png) no-repeat left 8px;}
.enrol_loca{font-size:17px; margin:30px 0 40px;}

/* 수강신청 선택완료 */
.box_payguide{margin:0 0 35px; padding:30px 40px; border:1px solid #c7d7f2; background:#f5f8fd;}
.box_payguide .tit{font-size:1.33em;}
.box_payguide .lst{margin:15px 0 0;}
.box_payguide .lst li{margin-bottom:20px; padding-left:26px; font-size:1.133em; text-indent:-26px;}
.box_payguide .lst li:last-child{margin-bottom:0;}
.box_payguide .lst li [class^=num]{display:inline-block; width:21px; height:21px; line-height:20px; margin:3px 5px 0 0; border-radius:50%; background:#444; color:#fff; text-align:center; vertical-align:top; text-indent:0;}
.enrolTit_info{position:relative; margin:0 0 10px; padding:0 0 0 37px; font-size:1.6em; color:#0066b2;}
.enrolTit_info:before{content:''; display:inline-block; position:absolute; top:0; left:0; width:31px; height:30px; background:url(../images/content/bu_lecture01.png) no-repeat 0 0;}
.conWrap .area_lecture_btn{margin:40px 0 0;}

/* 수강신청 결제하기 */
.guide_require{margin:0 0 5px;}
.require{font-weight:600; color:#ee2e2e;}
.enrolTit_apply{position:relative; margin:0 0 10px; padding:0 0 0 37px; font-size:1.6em; color:#0066b2;}
.enrolTit_apply:before{content:''; display:inline-block; position:absolute; top:2px; left:0; width:30px; height:31px; background:url(../images/content/bu_lecture02.png) no-repeat 0 0;}

/* 수강신청 신청완료 */
.box_lecture_complete{padding:45px; border:1px solid #c7d7f2; background:#f5f8fd; text-align:center;}
.box_lecture_complete:before{content:''; display:inline-block; width:136px; height:136px; background:url(../images/content/ico_complete.png) no-repeat 0 0;}
.box_lecture_complete .txt01{margin:20px 0 0; font-weight:600; font-size:1.67em; letter-spacing:-2px;}
.box_lecture_complete .txt01 strong{color:#004bb8;}
.box_lecture_complete .txt02{margin:5px 0 0; font-size:1.133em;}
.box_lecture_complete .area_btn{max-width:580px; margin:20px auto 0; padding:20px 0 0; border-top:1px solid #e4e6e9;}

/* 수강신청 로그인 */
.happy_top.login_intro{margin:0 0 30px 0; border-radius:20px; padding:30px 45px; background:#fcf2f8; min-height:200px;}
.happy_top.login_intro .happy_top_inr{position:relative; padding-left:165px;}
.happy_top.login_intro h3{color:#404040; font-size:28px; padding:5px 0 10px; line-height:1.5;}
.happy_top.login_intro h3:before{content:""; display:block; position:absolute; top:0; left:0; width:124px; height:124px; background:url(../images/content/img_happy_login.png); flex:0 0 auto;}
.happy_top.login_intro h3 em{color:#e1277e;}
.happy_top.login_intro h3:before{background:url(../images/content/img_happy_login.png);}
.happy_top.login_intro .mt15{display:inline-block; margin:12px 0;}
.happy_top.login_intro .button{margin-top:0;}
.happy_top.login_intro p{margin:0; line-height:1.6;}

.wrap_login{max-width:1140px; margin:10px auto 0;}
.wrap_login .box_login {position:relative; padding:40px; background:#f5f5f5; border-radius:15px; overflow:hidden; margin-bottom:30px;}
.wrap_login .box_login:before,
.wrap_login .box_login:after{content:""; display:block; position:absolute;}
.wrap_login .box_login:before{width:273px; height:345px; left:0; bottom:0; background:url(../images/content/bg_find_idpw_l.jpg);}
.wrap_login .box_login:after{width:267px; height:374px; right:0; top:0; background:url(../images/content/bg_find_idpw_r.jpg);}
.wrap_login .box_login_in{position:relative; border:5px solid #fff; padding:40px; z-index:30;}
.wrap_login .box_login_in > .inr{border-radius:10px; padding:50px 30px; max-width:800px; margin:0 auto; border:1px solid #ccc; background:#fff;}
.wrap_login .box_login .tit {text-align:center; position:relative; z-index:10;}
.wrap_login .box_login .tit strong {display:block; font-size:32px; font-weight:700; line-height:1.4; margin:0 0 15px;}
.wrap_login .box_login .tit span{color:#e71825; font-weight:bold;}
.wrap_login .box_login .ipt_wrap{display:flex; justify-content: space-between; max-width:560px; margin:30px auto 0; position:relative; z-index:10;}
.wrap_login .box_login .login_l{width:calc(74% - 15px);}
.wrap_login .box_login .login_r{width:26%;}
.wrap_login .box_login .inp_area{position:relative; height:66px; padding:10px; padding-left:60px; border:1px solid #999; font-size:17px;}
.wrap_login .box_login .inp_id{background:#fff url(../images/content/ico_login_id.png) no-repeat 20px 50%; margin-bottom:15px;}
.wrap_login .box_login .inp_pw{background:#fff url(../images/content/ico_login_pw.png) no-repeat 20px 50%;}
.wrap_login .box_login .inp_area label{position:absolute; top:50%; left:60px; transform:translateY(-50%);}
.wrap_login .box_login .inp_area.on label{opacity:0;}
.wrap_login .box_login .inp_area input{width:100%; height:100%; padding:0; border:0; font-size:17px; outline:none;}
.wrap_login .box_login .ipt_wrap #password{font-family:'맑은 고딕' !important;}
.wrap_login .box_login .ipt_wrap .btn {width:100%; height:100%; padding:25px 10px; border:0; border-radius:5px; background:#004098; font-size:24px; color:#fff; font-weight:700;}
.wrap_login .box_login .txt_caution{display:flex; align-items:center; justify-content:center; margin:65px 0 0 30px; font-size:16px;}
.wrap_login .box_login .txt_caution:before{content:''; flex:0 0 auto; width:39px; height:39px; margin:0 10px 0 0; background:url(../images/content/ico_login_coation.png) no-repeat 0 0;}

.wrap_login .sns_login_wrap{border:1px solid #caced2; padding:35px 50px 0; margin:0 0 20px 0; border-radius:10px;}
.wrap_login .sns_login_wrap .details{display:flex; align-items:center; border-top:1px dashed #ccc; padding:25px 0;}
.wrap_login .sns_login_wrap .details p{margin:0; width:calc(100% - 170px); font-size:15px; padding:0 20px 0 0; line-height:1.6;}
.wrap_login .sns_login_wrap .details p span{font-weight:700;}
.wrap_login .sns_login_wrap .details p .t_normal{font-weight:400;}
.wrap_login .sns_login_wrap .details p .arrow{display:inline-flex; align-items:center;}
.wrap_login .sns_login_wrap .details p .arrow:after{content:""; display:inline-block; width:13px; height:14px; margin:2px 0 0 6px; background:url(../images/content/ico_login_arrow.png);}
.wrap_login .sns_login_wrap .details .button{width:170px; height:44px; line-height:42px; font-size:16px;}

.wrap_login .box_sns_login{max-width:610px; margin:10px auto 30px; padding:0 60px;}
.wrap_login .box_sns_login .title{margin-bottom:10px; padding:0 0 5px; border-bottom:2px solid #333; font-size:24px; text-align:center;}
.wrap_login .box_sns_login .login_ul{display:flex;}
.wrap_login .box_sns_login .login_ul li{width:50%;}
.wrap_login .box_sns_login .login_ul li a{display:flex; align-items:center; font-size:16px;}
.wrap_login .box_sns_login .login_ul li a span{margin-left:5px;}
.wrap_login .area_guide{display:flex; justify-content:space-between; margin:20px 0 45px 0;}
.wrap_login .area_guide li{width:calc(50% - 10px); border:1px solid #caced2; border-radius:10px;}
.wrap_login .area_guide li a{display:flex; align-items:center; padding:30px;}
.wrap_login .area_guide li a:before{content:''; flex:0 0 auto; width:56px; height:57px; margin:0 20px 0 0; background:url(../images/content/ico_login_find.png) no-repeat 0 0;}
.wrap_login .area_guide li.guide_join a:before{width:56px; height:56px; background-image:url(../images/content/ico_login_join.png);}
.wrap_login .area_guide li .guide_find_txt strong{display:block; font-size:22px; margin:0 0 3px 0;}
.wrap_login .area_guide li .guide_find_txt span{display:flex; align-items:center; font-size:17px; color:#2054a8;}
.wrap_login .area_guide li .guide_find_txt span:after{content:''; width:13px; height:9px; margin:0 0 0 10px; background:url(../images/content/bu_rarr_login.png) no-repeat 0 0;}
.wrap_login .gray_box{background:#f7f7f8; padding:25px 40px 30px 40px;}
.wrap_login .gray_box .conBox1{background:#fff; margin:0; padding:20px 25px; border:1px solid #ccc; border-radius:10px;}
.wrap_login .gray_box .conBox1 .conLst3{margin:0;}

.wrap_login .txt_caution.pop_txt{margin-left:0;}
.wrap_login .pop_btn{padding:20px 0 0;}

.cont_join_intro_top{padding:2px 0 0; margin-bottom:30px; background-image:linear-gradient(to bottom, #e79a4e 15px, #fef6ea 15px); border-radius:15px;}
.cont_join_intro_top .inr{background:#fef6ea; padding:20px 50px 20px 50px; border-radius:15px;}
.cont_join_intro_top.inr .txt:before{content:""; display:block; flex:0 0 auto; width:100px; height:100px; margin:0 20px 0 0; background:url(../images/content/ico_use_top.png);}
.cont_join_intro_top .lst li{position:relative; padding:20px 0 20px 160px; margin:0; line-height:1.8;}
.cont_join_intro_top .lst li:before{content:""; display:block; position:absolute; left:0; top:20px; width:140px; height:128px; background:url(../images/content/ico_join_intro01.png) no-repeat 0 50%;}
.cont_join_intro_top .lst li strong{font-size:17px;}
.cont_join_intro_top .lst li strong.txt{font-size:18px;}
.cont_join_intro_top .lst li .button{margin-top:10px;}

/*개인정보 이용방침*/
.fund_box { border:2px solid #e3e3e3; border-radius:5px; padding:30px 25px 30px; margin-bottom:30px;}
.fund_box h3 {font-size:22px; padding-left:32px; letter-spacing:-1.5px; margin-bottom:12px; background:url(../images/content/fund_icon.png) no-repeat left 9px;}
.fund_box p {margin:10px 0 20px;}
.fund_inr {margin:0 0 5px 34px;}
.fund_inr > .conLst {margin:-8px 0 0px;}
.fund_inr li {font-size:16px;}
.line_check {border:1px solid #d2d2d2; background:#fafafa; padding:12px 12px 12px 12px; margin-top:-1px; vertical-align: middle; overflow:hidden; font-size:16px;}
.line_check .left {float:left;}
.line_check .right {float:right;}
.conLst2 {margin:10px 0 20px;}
.conLst2 li{padding-left:13px;}
.conLst2 li:before{position:relative; width:5px; height:1px; margin:-3px 8px 0 -13px; background:#444; vertical-align:middle;}

/*수강신청 가이드*/
.guide_area h1{text-align:center; padding:20px 0; font-size:28px;}
.lecture_step li{text-align:center;}
.lecture_step li .num{display:inline-block; background:#26a4e0; width:28px; height:28px; line-height:28px;border-radius:28px; color:#fff; font-weight:bold; font-size:20px; margin-right:5px;}
.lecture_step li .tit{font-weight:bold; font-size:20px;}
.lecture_step li:after{content:''; display:block; background:url(/cmsh/ilms/images/content/lecture_arrow.jpg) no-repeat 0 0; width:88px; height:78px; margin:0 auto 40px;}
.lecture_step li:last-child:after{background:none; height:0;}
.lecture_step li .txt{display:block; margin:10px 0 0;}
.lecture_step li .txt > span{position:relative; display:block; max-width:530px; margin:0 auto; text-align:left; padding-left:10px;}
.lecture_step li .txt > span:before{content:''; display:inline-block; position:absolute; top:10px; left:0; width:5px; height:1px; background:#666;}

/*생활체육강좌 추가*/
.athletic_content {margin-top:50px;}
.area_athletic .srch_dtl_wrap { }
.area_athletic .srch_dtl_wrap .form_group2 { display:inline-block; width:48.4%; margin:2px 0 2px;}
.area_athletic .srch_dtl_wrap select {width:140px;}
.ico_wait:before {content:'대'; display:inline-block; width:17px; height:17px; line-height:19px; font-family:'dotum'; border:1px solid #308bda; color:#308bda; font-size:12px; font-weight:bold; text-align:center; border-radius:3px; margin-right:4px; vertical-align:middle; margin-top:-2px;}
.ico_wait2 { display:inline-block; width:19px; height:19px; line-height:19px; font-family:'dotum'; border:1px solid #308bda; color:#308bda; font-size:12px; font-weight:bold; text-align:center; border-radius:3px; vertical-align:middle; margin-top:-2px;}
.ico_wait2 { display:inline-block; width:19px; height:19px; line-height:19px; font-family:'dotum'; border:1px solid #308bda; color:#308bda; font-size:12px; font-weight:bold; text-align:center; border-radius:3px; vertical-align:middle; margin-top:-2px;}
.s_btn2 {border:1px solid #61646c; border-radius:24px; display:inline-block; width:72px; line-height:22px; font-size:13px; margin:2px; background:#61646c; color:#fff; text-align:center !important;}
.s_btn2.green {border:1px solid #00aa2e; background:#00aa2e; color:#fff;}
.s_btn2.yellow {border:1px solid #aa7c00; background:#aa7c00; color:#fff;}
.s_btn2.blue {border:1px solid #004bb8; background:#004bb8; color:#fff;}
.s_btn2.red {border:1px solid #e21448; background:#e21448; color:#fff;}
.ex_box {padding:30px 36px; border:2px solid #d2d2d2; margin-bottom:30px;}
.ex_box li {padding:5px 0 5px 12px; position:relative;}
.ex_box li:before {content:''; display:block; width:4px; height:4px; border-radius:4px; background:#aaa; position:absolute; left:0; top:14px;}

.fund_box .go_id {text-align:center; padding:7px 8px; border:1px solid #d2d2d2;}
.fund_box .go_id * {display:inline-block;border:0; background:none; padding-left:26px; line-height:21px; letter-spacing:-0.6px; font-size:16px; text-decoration: underline; background:url(../images/content/fund_bullet.jpg) no-repeat left top; margin:5px 20px;}
.fund_box .go_id *:after {content:''; display:inline-block; width:12px; height:7px; background:url(../images/content/fund_cursor.jpg) no-repeat; margin-left:11px;}

.tbl.lecture thead .num {width:3.5%;}
.tbl.lecture thead .date {width:11.6%;}
.tbl.lecture thead .state {width:7%;}
.tbl.lecture thead .view {width:7.4%;}
.tbl.lecture thead .applDate {width:22%;}

.tbl.lecture thead .member {width:9%;}
.tbl.lecture thead .won {width:6%;}
.tbl.lecture thead .method {width:8%;}
.tbl.lecture thead .date2 {width:10%;}
.tbl.lecture thead .state2 {width:6%;}
.tbl.lecture thead .view2 {width:6%;}

/* 탭메뉴 common */
.cont_body .lnb{margin-bottom:40px; width:100%;}
.cont_body .lnb ul{position:relative;}
.cont_body .lnb ul:after{content:''; display:block; clear:both;}
.cont_body .lnb li{float:left; position:relative; padding:0; font-size:16px; line-height:1.2; letter-spacing:-1px;}
.cont_body .lnb li:before{display:none;}
.cont_body .lnb li a{display:block; position:relative; color:#333;}
.cont_body .lnb li a[target="_blank"]:after{content:''; display:inline-block; position:relative; left:6px; top:1px; width:16px; height:14px; margin:auto; background:url(../images/common/ico_blank.png) no-repeat 0 0/cover;}
.cont_body .lnb li.on a{font-weight:600; color:#00398c;}
/* 탭메뉴01(일반 4개 이하) */
.cont_body .lnb.tmn01 li{width:25%; height:48px; line-height:47px; margin-bottom:-1px; margin-left: -1px; border:1px solid #c5c5c5;}
.cont_body .lnb.tmn01 li a{overflow:hidden; height:100%; padding:0; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.cont_body .lnb.tmn01 li.on{line-height:45px;}
.cont_body .lnb.tmn01 li.on a{z-index:10; height:calc(100% + 2px); margin:-1px; border:1px solid #c5c5c5; background:#353c47; color:#fff;}
/* 탭메뉴02(일반 5개 이상) */
.cont_body .lnb.tmn01.col05 li{width:20%;}
/* 탭메뉴03(박스) */
.cont_body .lnb.tmn03{padding:25px 0; background:#f7f7f7;}
.cont_body .lnb.tmn03 li{position:static; width:33.33%;}
.cont_body .lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #bcbcbc;}
.cont_body .lnb.tmn03 li:nth-child(3n+1){clear:left;}
.cont_body .lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.cont_body .lnb.tmn03 li a{margin:0 0 0 25px; padding:5px 10px 4px 10px;}
.cont_body .lnb.tmn03 li a:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.cont_body .lnb.tmn04{padding:0 7px; border:1px solid #dedede;}
.cont_body .lnb.tmn04 ul{overflow:hidden; background-image:repeating-linear-gradient(#fff, #fff 50px, #dedede 50px, #dedede 51px, #fff 51px);}
.cont_body .lnb.tmn04 li{position:relative; margin:7px 0;}
.cont_body .lnb.tmn04 li:before{content:''; display:inline-block; position:absolute; top:0; left:-1px; bottom:0; height:15px; margin:auto; border-left:1px solid #dedede;}
.cont_body .lnb.tmn04 li a{height:36px; margin:0 7px; padding:0 12px; line-height:36px;}
.cont_body .lnb.tmn04 li.on:after{content:''; display:inline-block; position:absolute; left:calc(50% - 5px); top:100%; border:5px solid transparent; border-top-color:#0c4ba7;}
.cont_body .lnb.tmn04 li.on a{background:#0c4ba7; color:#fff;}
.cont_body .lnb.tmn04 li a[target="_blank"]:after{left:0;}

.fund_box { border:2px solid #e3e3e3; border-radius:5px; padding:30px 25px 30px; margin-bottom:30px;}
.fund_box h3 {font-size:22px; padding-left:32px; letter-spacing:-1.5px; margin-bottom:12px; background:url(../images/content/fund_icon.png) no-repeat left 9px;}
.fund_box .fund_inr_box {margin:0 38px; background:#fafafa; padding:30px 0 20px; overflow:hidden;}
.fund_box .fund_inr_box div {float:left; width:50%; padding:0 35px;}
.fund_box .fund_inr_box div:last-child {border-left:1px solid #eee;}
.fund_box .fund_inr_box div h4 {color:#004bb8; font-size:18px;  margin-bottom:-4px;}
.fund_box .fund_inr_box div li {font-size:16px;}

/* 결제오류처리방법 */
.pay_error_lst{margin:0 0 30px; padding:30px 1.5%; border-radius:5px; background:#f4f4f4;}
.pay_error_lst:after{content:''; display:block; clear:both;}
.pay_error_lst li{float:left; position:relative; width:33.3%; padding:0 1.5% 30px;}
.pay_error_lst li:nth-child(3n+1){clear:left;}
.pay_error_lst li > a{display:block; width:100%; text-align:center;}
.pay_error_lst li .img{display:block; position:relative; width:100%; padding-top:79%; border:1px solid #ccc;}
.pay_error_lst li .img img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; max-height:100%;}
.pay_error_lst li .txt{display:block; padding:8px 0 0;}

/*수강신청안내*/
.sg_box{margin-top:38px; }
.sg_box .step_box{width:100%; position:relative; min-height:180px; margin-bottom:30px;}
.sg_box .step_box .step_tit{position:relative; float:left; width:370px; height:69px; text-align:center;}
.sg_box .step_box .step_tit span{ display:inline-block; padding:20px; border-radius:35px; height:69px; color:#fff; font-size:20px; font-weight:bold; }
.sg_box .step_box .step_tit span:after{content:''; display:block; position:absolute; right:0; top:22px; width:73px; height:25px; background:url(../images/content/sg_arrow2.gif); z-index:-1;}
.sg_box .step_box .no_arrow span:after{display:none;}
.sg_box .step1 .step_tit span{background:#007BC2;}
.sg_box .step2 .step_tit span{background:#01848C;}
.sg_box .step3 .step_tit span{background:#3a72d2;}
.sg_box .step4 .step_tit span{background:#697283;}
.sg_box .step5 .step_tit span{background:#8268bc;}
.sg_box .step_box .step_tit span strong:after{content:''; display:block; position:absolute; left:100px; top:21px; width:27px; height:5px; background:url(../images/content/sg_after.png);}
.sg_box .step_box:after{content:''; display:block; position:absolute; left:138px; top:100px; width:91px; height:81px; background:url(../images/content/lecture_arrow.jpg) no-repeat 0 0;}
.sg_box .step5{min-height:70px;}
.sg_box .step5:after{display:none;}
.sg_box .step4 .conLst2{position:absolute; top:0; left:370px;}
.sg_box .step_box .conLst2{float:left; margin:0 0 0 15px; min-height:100px;  width:calc(100% - 390px);}
.sg_box .step_box .step_tit span strong{position:relative; padding:10px 20px; margin-right:28px; border:1px solid #fff; border-radius:30px; font-size:18px; text-transform:uppercase;}
.con_boxx3{margin:15px 0 0 20px; padding:20px; background:#edf5ff; border-radius:10px;}
.con_boxx3 ul{margin:0;}

.c_blue {color:#004bb8;}
.c_red {color:#ee3a3a;}

/* 레이어팝업 */
.popop001{position: absolute; z-index: 9999; top:0; left:0;}
#bottom {position: relative; display: block; width: 100%; height: 35px; line-height: 35px; font-size: 9pt; text-align: center; background: #222; color: #fff;}

/* 미디어실 */
.media_wp .enrolment_header .inr h1 a:before{top:5px;}
.media_wp .enrolment_header .inr h1 a:nth-child(2) img{padding:8px 0 0 0;}
.media_wp .enrolment_header .inr h1 a:nth-child(2):before{display:none;}
.media_wp .enrolmentSrch select{float:left; position:relative; width:150px; border:none; cursor:pointer;}
.media_wp .enrolmentSrch .word{width:calc(100% - 395px); margin-left:15px;}
.media_wp .enrolmentSrch .word:before{height:19px; background:#9d9d9d; margin-top:-10px;}
.media_wp .m_top {border-bottom:2px solid #008797; padding-bottom:15px; display:flex; justify-content:space-between; align-items:center; margin:45px 0 20px;}
.media_wp .m_top01{border-bottom:2px solid #09548b;}
.media_wp .m_top02{border-bottom:2px solid #ea4c03;}
.media_wp .m_top03{border-bottom:2px solid #6577c5;}
.media_wp .m_top04{border-bottom:2px solid #00759e;}
.media_wp .m_top .more_btn {display:block; line-height:33px; padding-right:40px; background:url(../images/common/movie_more.png) no-repeat right center;}
.media_wp .m_top h3,
.media_wp .m_top h3 a{display:flex; align-items:flex-end;}
.media_wp .m_top .txt1{font-size:26px; margin:0 0 0 10px;}
.media_wp .m_top .txt1 img{margin:3px 0 0 3px;}
.media_wp .m_top .txt2{font-size:15px; margin:0 0 0 20px;}
.media_wp .media_bnr{display:flex; justify-content:space-between;}
.media_wp .media_bnr a{width:calc(20% - 10px);}
.media_wp .lst {overflow:hidden; margin:0 -1%;}
.media_wp .lst li {float:left; width:23%; margin:0 1% 30px; border-bottom:1px solid #ccc;}
.media_wp .lst li a{display:block; position:relative; padding-bottom:18px;}
.media_wp .lst li a:after{content:""; display:block; clear:both;}
.media_wp .lst li .img {height:180px; display:block; overflow:hidden; border-radius:10px; border:1px solid #ccc; box-sizing:border-box;}
.media_wp .lst li .img img {width:100%; min-height:180px;}
.media_wp .lst li .tit {display:block; font-size:17px; margin:15px 0 18px; min-height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.media_wp .lst li .click {padding:6px 5px; width:77px; border:1px solid #fea7a7; text-align:center; display:block; font-size:14px; float:right;}
.media_wp .lst li .click strong {color:#f91111;}
.media_wp .m_site{display:flex;padding:50px 60px 40px 130px;}
.media_wp .site01{background:url(../images/common/media_bg01.jpg); background-size:cover;}
.media_wp .site02{background:url(../images/common/media_bg02.jpg); background-size:cover;}
.media_wp .site03{background:url(../images/common/media_bg03.jpg); background-size:cover;}
.media_wp .site04{background:url(../images/common/media_bg04.jpg); background-size:cover;}
.media_wp .m_site .link{text-align:center; padding:0 40px 0 0;}
.media_wp .m_site .link p{display:flex; justify-content:center; align-items:center; margin:15px 0 0 0; font-size:17px; letter-spacing:0;}
.media_wp .m_site .link p:before{content:""; display:block; width:17px; height:15px; margin:0 7px 0 0; background:url(../images/common/ico_home.png);}
.media_wp .m_site .link p:after{content:""; display:block; width:15px; height:13px; margin:0 0 0 8px; background:url(../images/common/go_site.png);}
.media_wp .m_site .dt{width:calc(100% - 450px);}
.media_wp .m_site .dt .s_txt{font-size:17px; font-weight:700; padding:10px 0 5px 0;}
.media_wp .m_site .dt .tt{font-size:27px; padding:0 0 40px 0;}
.media_wp .m_site .dt .tt span{font-size:22px; font-weight:300; text-transform:uppercase;}
.media_wp .m_site .dt .txt{font-size:16px; line-height:1.6; text-transform:uppercase;}

/* 상단 배너 */
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .slider .item .mobile{display:none;}
.slickwrap .slider .item img{width:100%; margin:0 auto;}
.slickwrap .nav button{display:inline-block; position:relative; z-index:1; overflow:hidden; width:30px; height:30px; background:none; color:transparent !important; white-space:nowrap; vertical-align:top; font-size:12px;}
.slickwrap .nav button:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; margin:auto; background:url(../images/common/sp_slick.png) no-repeat 0 0/400px 400px;}
.slickwrap .nav .prev{position:absolute; left:0; bottom:0;}
.slickwrap .nav .next{position:absolute; right:0; bottom:0;}
.slickwrap .nav .pause:after{width:8px; height:12px; background-position:-16px -1px;}
.slickwrap .nav .play:after{width:12px; height:14px; background-position:0 0;}
.slickwrap .nav .prev:after{width:8px; height:14px; background-position:-19px -36px;}
.slickwrap .nav .next:after{width:8px; height:14px; background-position:-19px -36px; transform:scaleX(-1);}
.slickwrap .nav .ctrl_area{margin:10px 0 0; font-size:0; text-align:center;}
.slickwrap .nav .dots_wrap{display:flex; align-items:center; justify-content:center;}
.slickwrap .nav .dots{display:inline-block; vertical-align:top;}
.slickwrap .nav .count{display:inline-block; padding:0 5px; font-size:15px; line-height:30px; vertical-align:top;}
.slickwrap .nav .slick-dots{display:flex;}
.slickwrap .nav .slick-dots li{padding:0 8px;}
.slickwrap .nav .slick-dots button{display:inline-block; position:relative; width:10px; height:10px; border-radius:50%; border:2px solid #898989; vertical-align:middle; margin-top:-5px; transition:all .3s;}
.slickwrap .nav .slick-dots button:after{display:none;}
.slickwrap .nav .slick-dots .slick-active button{border-color:#373434; background-color:#373434;}

/* 수강신청 목록 */
.enro_con .lecture_wrap{position:relative;}
.enro_con .lecture_wrap #pageUnit{margin-left:102px; width:120px;}
.enro_con .lecture_wrap #card_pageUnit{margin-left:102px; width:120px;}
.enro_con .lecture_wrap .tab_lst{display:flex; position:absolute; right:199px; top:3px;}
.enro_con .lecture_wrap .tab_lst li{margin-left:7px;}
.enro_con .lecture_wrap .tab_lst li a{display:block; width:42px; height:40px; text-indent:-999999px; padding:1px; border:1px solid #222; border-radius:3px; box-sizing:border-box; background:#fff;}
.enro_con .lecture_wrap .tab_lst li a:hover{background:#f3f3f3;}
.enro_con .lecture_wrap .tab_lst li a.active{border:2px solid #ea3d27; padding:0; background:#fff;}
.enro_con .lecture_wrap .tab_lst li a:before{content:""; display:block; position:absolute; width:42px; height:40px; margin:-2px 0 0 -2px; background:url(../images/content/ico_tab_sp.png);}
.enro_con .lecture_wrap .tab_lst li a.tab_list1.active:before{background-position:-42px 0;}
.enro_con .lecture_wrap .tab_lst li a.tab_list2:before{background-position:-84px 0;}
.enro_con .lecture_wrap .tab_lst li a.tab_list2.active:before{background-position:-126px 0;}
.enro_con .lecture_wrap .tab_box{display:none;}
.enro_con .lecture_wrap .tab_box.active{display:block;}
.enro_con .lecture_wrap .bbs_list_wrap{display:flex; flex-wrap:wrap;}
.enro_con .lecture_wrap .bbs_list_wrap .item{position:relative; border:1px solid #ccc; border-radius:10px; width:calc(25% - 14px); margin:0 18px 30px 0; padding:20px 20px 67px;}
.enro_con .lecture_wrap .bbs_list_wrap div:nth-child(4n).item{margin-right:0;}
.enro_con .lecture_wrap .bbs_list_wrap .subject{display:block; margin:13px 0 15px;}
.enro_con .lecture_wrap .bbs_list_wrap .subject .tit{display:block; font-size:20px; font-weight:700; letter-spacing:-1.5px; margin:0 0 5px 0;}
.enro_con .lecture_wrap .bbs_list_wrap .subject .org{font-size:14px; color:#666;}
.enro_con .lecture_wrap .bbs_list_wrap .info_lst{padding:15px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; color:#444; font-size:15px;}
.enro_con .lecture_wrap .bbs_list_wrap .info_lst li{display:flex; margin:0 0 10px 0;}
.enro_con .lecture_wrap .bbs_list_wrap .info_lst li:last-child{margin-bottom:0;}
.enro_con .lecture_wrap .bbs_list_wrap .info_lst li .con_l{position:relative; font-weight:700; padding:0 10px 0 0; margin:0 10px 0 0; flex:0 0 auto; width:70px;}
.enro_con .lecture_wrap .bbs_list_wrap .info_lst li .con_l:after{content:""; display:block; position:absolute; right:0; top:3px; width:1px; height:14px; background:#bbb;}
.enro_con .lecture_wrap .bbs_list_wrap .period{margin:20px 0;}
.enro_con .lecture_wrap .bbs_list_wrap .period .date{display:block; color:#444; font-size:15px; margin:5px 0 10px 0;}
.enro_con .lecture_wrap .bbs_list_wrap .btn_wrap{position:absolute; left:0; bottom:10px; width:100%; padding:10px 0 0; border-top:1px solid #ccc; text-align:center;}
.enro_con .lecture_wrap .tab_box #bbsList tr:hover a .tit{text-decoration:underline;}
.enro_con .lecture_wrap .tab_box #bbsList tr:hover .button.sm.gray.bbs_btn{background:#c6c6c6;}
.enro_con .lecture_wrap .tab_box #bbsList tr:hover .button.sm.bbs_btn{background:#07152f;}

/* 00. Tablet 1023px ~ 1259px */
@media screen and (max-width:1259px){

	/* 수강신청  2.기관 */
	.txt_box_chk a {right:30px;}

	/* 수강신청 레이아웃 */
	.athletic_header {height:135px;}

	.enrolment_header .inr .h_top{padding-left:24px; padding-right:24px;}
	.enrolment_header .inr .h_top.h_movie {padding-bottom:30px;}
	.enrolment_header .inr .h_top.h_movie:before {display:none;}
	.enrolment_header .area_top > .inr{margin:0 24px;}

	.enrolment_footer .inr{padding-left:24px !important; padding-right:24px !important;}

	.enro_con{padding:0 24px;}
	.enro_con.main{padding:0;}

	.info_srch_wrap > .inr{padding:0 24px;}

	#container.main #content > .inr{padding:0 24px;}

	/* 퀵배너 */
	.quick_area{top:initial; bottom:24px; right:24px; top:initial; transform:initial;}
	.quick_area ul{display:none;}

	/* 수강신청 검색박스 */
	.enrolmentSrch .rdo_wp{padding:0 15px;}
	.enrolmentSrch .word_wrap{width:500px;}
	.srch_dtl .tab_office .nav_wrap{flex-direction:column;}
	.srch_dtl .tab_office .nav_wrap .tit{margin:0 0 15px 0;}
	.dtl_srch_btn,
	.dtl_srch_btn2{left:calc(50% + 314px);}
	.e_lst_type01 li a strong{font-size:19px; line-height:1.5;}

	/* 미디어실 */
	.media_wp .enrolment_header .inr h1 a:nth-child(2) img{height:20px;}
	.media_wp .m_site{padding:50px 40px 40px;}
	.media_wp .m_site .dt .txt br{display:none;}

	/* 수강신청 목록 */
	.enro_con .lecture_wrap #pageUnit{margin-left:10px;}
	.enro_con .lecture_wrap #card_pageUnit{margin-left:10px;}
	.enro_con .lecture_wrap .tab_lst{position:initial; justify-content:flex-end; margin:0 0 10px 0;}

}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){

	/* 수강신청 레이아웃 */
	.enrolment_header{height:auto; margin:0;}
	.enrolment_header .inr .h_top{flex-direction:column; padding:0;}
	.enrolment_header .inr h1{padding:18px 0 15px;}
	.enrolment_header .inr h1 img{width:280px;}
	.enrolment_header .area_top .lst{width:100%;}
	.enrolment_header .area_top .lst li{width:33.3333%;}
	.enrolment_header .area_top .lst li a{height:38px; font-size:14px; padding:0;}
	.enrolment_header .inr .area_util{width:100%; justify-content:center; flex-wrap:wrap; padding:15px 24px; border-top:1px solid #ccc;}
	.enrolment_header .inr .area_util li a.type_a:before{background:url(../images/common/ico_login_m.png); background-size:26px auto;}
	.enrolment_header .inr .area_util li a.type_b:before{background:url(../images/common/ico_join_m.png); background-size:23px auto;}
	.enrolment_header .inr .area_util li a.type_c:before{background:url(../images/common/ico_mypage_m.png); background-size:26px auto;}
	.enrolment_header .inr .area_util li a.type_e:before{background:url(../images/common/ico_name_m.png); background-size:17px auto;}
	.enrolment_header .inr .area_util li a.type_g:before{background:url(../images/common/ico_logout_m.png); background-size:26px auto;}
	.enrolment_header .inr .area_util li a.btn_guide:before{background:url(../images/common/ico_guide_m.png); background-size:21px auto;}
	.enrolment_header .inr .h_right{width:100%;}
	.enrolment_header .inr .busan_area{display:none;}

	.enrolment_footer .inr{flex-direction:column; align-items:flex-start !important;}
	.enrolment_footer .footer_top .address span{display:block; margin:0 0 5px;}

	.guide_txt {bottom:-52px; font-size:17px; margin:0 0 20px 0;}

	.enro_con {margin-bottom:50px;}
	.enro_con_view .conWrap{padding-top:70px;}

	.info_srch_wrap:before,
	.info_srch_wrap:after{display:none;}

	/* 수강신청 검색박스 */
	.lst_top_area{flex-direction:column-reverse;}
	.lst_top_area .top_l{margin:0 0 15px;}
	.lst_top{justify-content:flex-end; margin:0 0 10px 0; width:100%;}
	.lst_top2{width:100%; justify-content:space-between; flex-wrap:wrap;}
	.lst_top2 .right{width:100%; text-align:right; margin:10px 0 0;}
	.area_org .org_inr{flex-direction:column; align-items:center; padding:30px 20px 35px;}

	.enrolmentSrch{width:100%;}
	.enrolmentSrch .rdo_wp{display:flex; justify-content:center;}
	.enrolmentSrch{margin:0;}
	.enrolmentSrch .rdo_wp{gap:10px; width:195px;}
	.enrolmentSrch label{font-size:15px;}
	.enrolmentSrch .word_wrap{width:calc(100% - 203px);}
	.enrolmentSrch .word{width:100%;}
	.enrolmentSrch .word input{font-size:15px;}
	.dtl_srch_btn,
	.dtl_srch_btn2{top:initial; left: calc(50% - 62px); bottom:-25px; top:initial; height:50px;}

	.wrap_srch_lecture{margin-top:0;}
	.srch_dtl_wrap {margin-bottom:13px;}
	.srch_dtl{padding:20px 20px 40px;}
	.srch_dtl .l_box {margin-bottom:13px;}
	.srch_dtl .form_group2{font-size:16px;}
	.srch_dtl .tab_office .nav_wrap .nav{flex-wrap:wrap; justify-content:center;}
	.srch_dtl .tab_office .nav_wrap .nav li a{font-size:16px;}
	.srch_dtl .tab_office .nav_wrap .nav li a.active span:before{margin:0 3px 0 0;}
	.srch_dtl .tab_office .tab_box{margin:18px 0 10px;}
	.srch_dtl .srch_dtl_wrap{margin:0 auto 15px;}
	.srch_dtl .btn_wrap .button{margin:3px;}
	.srch_dtl .form_group2 dl dt{font-size:16px;}
	.srch_dtl .form_group2:last-child dl dt{border-bottom-width:1px;}
	.srch_dtl .form_group2:last-child dl:last-child dt{border-bottom-width:0;}

	.txt_box_chk {padding:18px; margin-bottom:23px;}
	.txt_box_chk h2 {font-size:18px; padding-left:22px;}
	.txt_box_chk h2:before {width:18px; height:18px; background-size:100%; top:4px;}
	.txt_box_chk p {max-width:inherit; padding-bottom:15px; border-bottom:1px solid #e2e2e2; margin:0; font-size:15px;}
	.txt_box_chk a {position:inherit; right:inherit; top:inherit; margin:15px auto 0; height:42px; line-height:42px; width:190px; font-size:16px;}

	/* 수강신청  2.기관 */
	.e_lst_type01 {margin:0 -10px;}
	.e_lst_type01 li {width:calc(33.3333% - 20px); margin:0 10px 14px;}

	.enrolTit {flex-direction:column; align-items:flex-start; font-size:28px;}
	.enrolTit span {font-size:16px; display:block; line-height:1.1; margin-bottom:10px;}
	.enrol_loca{font-size:16px; margin:0 0 20px;}

	/* 강좌목록 */
	.tbl.lecture colgroup {display:none;}
	.tbl.lecture thead{display:none;}
	.tbl.lecture tr:after{content:''; display:block; clear:both;}
	.tbl.lecture td{float:left;box-sizing:border-box;width:100%;padding:5px 10px;border:0;}
	.tbl.lecture tr{border-bottom:1px solid #5b5b5b;}
	.tbl.lecture tr td:first-child{float:none; width:50px; padding:0; border-right:1px solid #e5e6e6; text-align:center; border-left:0;}
	.tbl.lecture tr td:last-child{border-bottom:1px solid #5b5b5b !important; width:100%;}
	.tbl.lecture td.type.tac{text-align:left !important;}
	.tbl.lecture .tits{display:inline-block;}
	.tbl.lecture .subject{border-top:0 !important;}
	.tbl.lecture .mobile{text-align:left !important;}
	.tbl.lecture .mobile > span{text-align:left;}
	.tbl.lecture .mobile > span > span{text-align:center !important;}
	.tbl.lecture td{padding:10px 5px !important;}
	.tbl.lecture tr td:first-child{border-bottom:1px solid #5b5b5b !important;}
	.s_type.range{display:inline-block;}

	.area_athletic .srch_dtl_wrap {}
	.area_athletic .srch_dtl_wrap .form_group2 {display:block; width:auto; margin:3px 0;}

	.movie_wrap .lst li {width:31.3333%;}

	.wrap_srch_lecture.type1 .enrolmentSrch {padding:15px 10px; border-radius:10px;}
	.wrap_srch_lecture.type1 select {height:36px !important; position:absolute; left:10px; top:18px; width:150px;}
	.wrap_srch_lecture.type1 .enrolmentSrch .word {margin:0px 88px 0 156px;}
	.wrap_srch_lecture.type1 .enrolmentSrch .word input[type=text] {margin-top:4px;}
	.wrap_srch_lecture.type1 .enrolmentSrch .btn_srch { top:19px;}

	.wrap_srch_lecture.type2 .enrolmentSrch {padding:15px 10px; border-radius:10px;}
	.wrap_srch_lecture.type2 #searchCondition2 { float:left; width:29%; margin-right:0.5%; height:36px;}
	.wrap_srch_lecture.type2 .datetimepicker {float:left; width:35% !important; margin-right:0.5%; height:36px !important;}
	.wrap_srch_lecture.type2 #searchKeywordTo {margin-right:0;}
	.wrap_srch_lecture.type2 #searchCondition {height:36px !important; position:absolute; left:10px; top:56px;}
	.wrap_srch_lecture.type2 .enrolmentSrch .word {margin:0px 88px 0 87px;}
	.wrap_srch_lecture.type2 .enrolmentSrch .word input[type=text] {margin-top:4px;}
	.wrap_srch_lecture.type2 .enrolmentSrch .btn_srch {top:57px;}

	/* 미디어실 */
	.media_wp .wrap_srch_lecture{padding:30px 0;}
	.media_wp .lst li{width:31.3333%;}
	.media_wp .enrolmentSrch{padding:13px 0 50px;}
	.media_wp .enrolmentSrch:before{display:none;}
	.media_wp .enrolmentSrch .word{width:calc(100% - 140px) !important; margin-left:120px;}
	.media_wp .enrolmentSrch select{width:120px; margin:0 0 0 10px;}
	.media_wp .m_top h3{flex-wrap:wrap; width:calc(100% - 90px);}
	.media_wp .m_top .txt2{width:100%; margin:15px 0 0 0;}
	.media_wp .m_site{flex-direction:column; padding:30px 20px 30px;}
	.media_wp .site01{background:#c9e9fe;}
	.media_wp .site02{background:#feeed4;}
	.media_wp .site03{background:#eae5ff;}
	.media_wp .site04{background:#d1f3f2;}
	.media_wp .m_site .link{padding:0;}
	.media_wp .m_site .link p{font-size:15px;}
	.media_wp .m_site .dt{width:100%; text-align:center;}
	.media_wp .m_site .dt .s_txt{padding:25px 0 5px 0; font-size:15px;}
	.media_wp .m_site .dt .tt{font-size:24px; padding:0 0 15px 0;}
	.media_wp .m_site .dt .txt{line-height:1.4;}

	/* 수강신청 목록 */
	.enro_con .lecture_wrap .bbs_list_wrap{margin:0 -1%;}
	.enro_con .lecture_wrap .bbs_list_wrap .item{width:31.3333%; margin:0 1% 15px !important;}
	.lst_top .left div{max-width:initial;}

}

/* Mobile 640px ~ 767px */
@media screen and (max-width:767px){

	/* 수강신청 레이아웃 */
	.enrolment_header .area_top > .inr{margin:0 16px;}
	.enrolment_header .inr .area_util{gap:10px; padding-left:16px; padding-right:16px;}
	.enrolment_header .inr .area_util li a{font-size:14px;}

	.enrolment_footer .inr{padding-left:16px !important; padding-right:16px !important;}
	.enrolment_footer .footer_top .address{margin:30px 0 0;}
	.enrolment_footer .f_menu{gap:10px; font-size:15px;}

	.info_srch_wrap{padding:40px 0 60px; margin:0 0 30px;}
	.info_srch_wrap > .inr{padding:0 16px;}
	.sg_info_box .tit img{width:380px;}
	.sg_info_box .txt{font-size:16px; margin:10px 0 25px;}

	#container.main #content > .inr{padding:0 16px;}

	.enro_con{padding:0 16px;}

	/* 퀵배너 */
	.quick_area{bottom:16px; right:16px;}

	/* 수강신청  2.기관 */
	.e_lst_type01 {margin:0 -5px;}
	.e_lst_type01 li {width:calc(50% - 10px); margin:0 5px 10px;}
	.e_lst_type01 li a{height:170px;}
	.e_lst_type01 li.blue a{height:120px;}
	.e_lst_type01 li a strong{font-size:18px; height:65px; padding-bottom:2px;}
	.e_lst_type01 li a .txt:after{background-image:url(../images/content/sp_arrow_x2.png); background-size:80px auto;}

	.lst_top_area .top_l .lst_btn01{background-position:16px 50%; width:183px; padding:0 0 0 40px;}
	.lst_top_area .top_l a.lst_btn{padding:0 13px 0 28px;}
	.lst_top_area .top_l a.lst_btn.on:before{left:9px;}
	.lst_top_area .top_l a.lst_btn:after{left:13px;}

	.lst_top2 .right .pc{display:none;}
	.l_state_m{display:inline-block;}

	/* 수강신청 검색박스 */
	.enrolmentSrch fieldset{flex-direction:column; gap:10px;}
	.enrolmentSrch .rdo_wp{height:50px; width:100%;}
	.enrolmentSrch .word_wrap{margin:0; width:100%;}
	.enrolmentSrch .word input{height:60px; line-height:60px; padding-right:65px;}
	.enrolmentSrch .btn_srch{width:50px; height:50px;}
	.enrolmentSrch .btn_srch:before{width:25px; height:25px; background:url(../images/common/srch_btn_wh_m.png) no-repeat; background-size:25px;}
	
	.srh_word_lst{margin:20px 0 0;}
	.srh_word_lst .word_tit{margin:0 10px 0 0; background-image:url(../images/common/ico_clock_m.png); background-size:15px;}
	.srh_word_lst .lst{gap:5px 10px;}
	.srh_word_lst .lst li a{font-size:15px;}

	.srch_dtl .tab_office .nav_wrap .nav{gap:10px 6px;}
	.srch_dtl .tab_office .nav_wrap .nav li a{padding:0 10px; height:40px; line-height:38px;}
	.srch_dtl .tab_office .tab_box ul li a{min-width:80px;}
	.srch_dtl .btn_wrap .button.srch:before{background:url(../images/content/srch_btn_wh_x2.png) no-repeat; background-size:16px auto;}
	.srch_dtl .btn_wrap .button.line:before{background:url(../images/common/ico_reset_wh_x2.png) no-repeat; background-size:17px auto;}

	/* 수강신청 로그인 */
	.happy_top.login_intro{padding:25px;}
	.happy_top.login_intro .happy_top_inr{padding:0; text-align:center;}
	.happy_top.login_intro h3{display:flex; align-items:center; font-size:22px; text-align:left; padding-top:0; word-break:keep-all;}
	.happy_top.login_intro h3:before{position:initial; width:80px; height:80px; background-size:80px !important; margin:0 10px 0 0;}
	.happy_top.login_intro p{text-align:left;}
	.happy_top.login_intro .m_none{display:none;}

	.wrap_login{margin-top:10px;}
	.wrap_login .box_login {padding:15px;}
	.wrap_login .box_login:before,
	.wrap_login .box_login:after{display:none;}
	.wrap_login .box_login .box_login_in{border-width:2px; padding:20px;}
	.wrap_login .box_login_in > .inr{padding:30px 20px;}
	.wrap_login .box_login .txt_caution{margin:20px 0 0 0; font-size:15px;}
	.wrap_login .box_login .ipt_wrap{margin-top:20px;}
	.wrap_login .box_login .tit{line-height:1.6;}
	.wrap_login .box_login .tit strong{font-size:25px;}
	.wrap_login .box_sns_login{margin-bottom:30px; padding:0;}
	.wrap_login .box_sns_login .title{font-size:18px;}
	.wrap_login .box_sns_login .login_ul{display:block;}
	.wrap_login .box_sns_login .login_ul li{width:100%; margin:10px 0; border:1px solid #bbb;}
	.wrap_login .box_sns_login .login_ul li a{justify-content:center; padding:15px;}
	.wrap_login .area_guide{display:block; margin:10px 0 30px 0;}
	.wrap_login .area_guide li{width:100%; max-width:610px; margin:10px auto;}
	.wrap_login .area_guide li a{padding:10px 20px;}
	.wrap_login .area_guide li a:before{margin-right:10px;}
	.wrap_login .area_guide li .guide_find_txt strong{font-size:16px; line-height:1.2;}
	.wrap_login .area_guide li .guide_find_txt span{font-size:16px;}
	.wrap_login .box_login .ipt_wrap{flex-direction: column;}
	.wrap_login .box_login .ipt_wrap .btn{padding:15px; font-size:18px;}
	.wrap_login .box_login .login_l{width:100%;}
	.wrap_login .box_login .login_r{width:100%;}
	.wrap_login .box_login .inp_area{height:50px; margin:10px 0;}
	.wrap_login .gray_box{padding:20px 15px;}
	.wrap_login .sns_login_wrap{padding:20px 20px 30px; margin:0 0 25px 0;}
	.wrap_login .sns_login_wrap .details{flex-direction:column; padding:20px 0 0;}
	.wrap_login .sns_login_wrap .details p{width:100%; padding:0; margin:0 0 20px 0;}
	.wrap_login .sns_login_wrap .details p .m_none{display:none;}
	.cont_join_intro_top > .inr{padding:10px 20px;}
	.cont_join_intro_top .lst li{padding:20px 0; margin:0;}
	.cont_join_intro_top .lst li:before{display:none;}

	.ex_box {padding:12px;}

	.srch_word {padding:16px 10px;}
	.srch_word button {min-width:28px; height:28px; line-height:26px; padding:0 5px;}
	.srch_word button.receipt {display:block; margin:0 auto 10px;}

	.srch_dtl .form_group2 dl dd {line-height:1.5; padding:10px 12px; min-height:46px;}
	.srch_dtl .form_group2 dl dd label{padding:0 0 0 20px;}
	.srch_dtl .form_group2 dl dd label:before{top:3px;}

	/* 탭메뉴01(일반 4개 이하) */
	.cont_body .lnb.tmn01 li{width:50%; height:40px; line-height:39px;}
	.cont_body .lnb.tmn01 li.on{line-height:37px;}

	/*수강 및 결제 안내*/
	.sg_box .step_box{padding-bottom:80px; overflow:hidden;}
	.sg_box .step_box:after{top:auto; bottom:0; left:50%; transform:translateX(-50%);}
	.sg_box .step_box .step_tit{width:100%;}
	.sg_box .step_box .step_tit span:after{display:none;}
	.sg_box .step_box .conLst2{width:100%; margin:20px 0;}
	.sg_box .step5{padding-bottom:0; margin-bottom:0;}
	.sg_box .step_box .step_tit span{font-size:1.3em;}
	.sg_box .step4 .conLst2 {position:inherit; left:inherit;}
	.fund_box {padding:20px 20px 38px; margin-bottom:30px;}
	.fund_box .fund_inr_box {margin:0;}
	.fund_step {margin:0;}
	.fund_step li strong:before {width:170px; height:170px;}
	.fund_step li span { display:block; text-align:center; height:30px;line-height:1.1; margin-top:5px;}
	.fund_inr {margin:0;}

	.movie_wrap .lst li {width:48%;}
	.movie_wrap .lst li .tit {font-size:15px;}
	.movie_wrap .lst li .txt {padding-right:0; height:37px;}
	.movie_wrap .lst li .txt span {font-size:13px;}
	.movie_wrap .lst li p {font-size:13px;}
	.movie_wrap .lst li .click {font-size:13px; min-width:60px;}

	/* 미디어실 */
	.media_wp .media_bnr{flex-wrap:wrap; justify-content:center;}
	.media_wp .media_bnr a{width:33.3333%; padding:0 10px 10px 0;}
	.media_wp .media_bnr a:nth-child(3),
	.media_wp .media_bnr a:nth-child(5){padding-right:0;}
	.media_wp .m_top{margin:30px 0 20px; flex-direction:column; align-items:flex-start;}
	.media_wp .m_top h3,
	.media_wp .m_top h3 a{flex-direction:column; align-items:flex-start;}
	.media_wp .m_top.m_top04 h3 a{flex-direction:row;}
	.media_wp .m_top h3{width:100%;}
	.media_wp .m_top .txt1{font-size:22px; margin:10px 0 0 0;}
	.media_wp .m_top.m_top04 .txt1{margin-left:10px;}
	.media_wp .m_top .txt2{margin:10px 0;}
	.media_wp .lst li{width:48%;}
	.media_wp .lst li .img{height:150px;}
	.media_wp .lst li .img img{min-height:150px;}
	.media_wp .lst li .tit{font-size:16px; min-height:44px; margin:10px 0 13px;}

	/* 상단배너 */
	.slickwrap .slider .item .pc{display:none;}
	.slickwrap .slider .item .mobile{display:block;}

	/* 수강신청 목록 */
	.enro_con .lecture_wrap .bbs_list_wrap .item{width:48%;}
	.enro_con .lecture_wrap .bbs_list_wrap .subject .tit{font-size:18px;}
	
}

/* Mobile  ~ 639px */
@media screen and (max-width:639px){

	/* 수강신청 레이아웃 */
	.enrolment_header .area_step{margin-top:10px; padding:10px 0 100px;}

	/* 수강신청 신청완료 */
	.box_lecture_complete{padding:20px 10px;}
	.box_lecture_complete:before{width:80px; height:80px; background-size:cover;}

	/* 수강신청 로그인 */
	.lst_top .left h2 {font-size:22px; /*background-size:auto 17px; padding-left:20px;*/}
	.lst_top .left div {margin:5px 0 0 10px;}
	.lst_top2{align-items:flex-start;}
	.lst_top2 .right{padding-top:10px;	border-top:1px solid #aaa; margin-top:10px;}

	/* 결제오류처리방법 */
	.pay_error_lst{margin-bottom:20px; padding:15px;}
	.pay_error_lst li{width:50%;}
	.pay_error_lst li:nth-child(3n+1){clear:none;}
	.pay_error_lst li:nth-child(2n+1){clear:left;}

	.movie_wrap .lst li .img {height:150px;}
	.movie_wrap .lst li .img img {min-height:150px;}
	.movie_wrap .lst li .tit {margin:11px 0 6px;}
	.movie_wrap .lst li a {padding-bottom:16px;}
	.movie_wrap .lst li .click {position:inherit; right:inherit; bottom:inherit; margin-top:10px;}
	
}

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

	/* 수강신청  2.기관 */
	.lst_top_area .top_l .lst_btn01{margin-right:calc(100% - 183px);}

}

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

	/*수강 및 결제 안내*/
	.sg_box .step_box .step_tit span strong{margin-right:7px; font-size:0.9em; font-weight:normal;}
	.sg_box .step_box .step_tit span strong:after{display:none;}
	.sg_box .step_box .step_tit span{font-size:1.2em;}

	.area_athletic .srch_dtl_wrap .form_group2 dl dt {width:90px;}
  .area_athletic .srch_dtl_wrap .form_group2 dl dd {margin-left:110px;}

	.srch_dtl .form_group2 dl dt {width:100px;}
	.srch_dtl .form_group2 dl dd {margin-left:100px;}

	.wrap_srch_lecture.type1 select {width:118px; font-size:13px;}
  .wrap_srch_lecture.type1 .enrolmentSrch .word { margin:0px 0px 0 123px;}
  .wrap_srch_lecture.type1 .enrolmentSrch .btn_srch {top:inherit; position:inherit; right:inherit; display:block; margin-top:5px; width:100%;}

  .wrap_srch_lecture.type2 #searchCondition2 {width:100%; margin-right:0;}
	.wrap_srch_lecture.type2 .datetimepicker {width:49.5% !important; margin-right:1%; margin-top:3px;}
	.wrap_srch_lecture.type2 #searchCondition {top:96px;}
	.wrap_srch_lecture.type2 .enrolmentSrch .word {margin-right:0;}
	.wrap_srch_lecture.type2 .enrolmentSrch .btn_srch {top:inherit; position:inherit; right:inherit; display:block; margin-top:5px; width:100%;}

	.srch_dtl.learning .srch_dtl_wrap select{width:150px;}
	.srch_dtl .btn_wrap .button{padding:0 20px;}

	/* 수강신청 목록 */
	.enro_con .lecture_wrap .bbs_list_wrap .item{width:100%; margin:0 0 15px !important;}

}


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

	/* 수강신청 레이아웃 */
	.lst_top{flex-direction:column; align-items:flex-end;}
	.lst_top2{align-items:flex-start;}
	.lst_top .left{margin:0 0 10px 0;}

	/* 결제오류처리방법 */
	:root .pay_error_lst li{clear:both; width:100%; padding:0 0 20px;}
	.pay_error_lst li .img{padding:0;}
	.pay_error_lst li .img img{position:relative; top:auto; left:auto; transform:none;}

	.movie_wrap .lst li {width:98%;}
	.movie_wrap .lst li .txt {height:auto;}
	.movie_wrap .lst li .img {height:auto;}
	.movie_wrap .lst li .img img {min-height:inherit;}

	/* 미디어실 */
	.media_wp .lst li{width:98%;}
	.media_wp .lst li .txt {height:auto;}
	.media_wp .lst li .img {height:auto;}
	.media_wp .lst li .img img {min-height:inherit;}

	/* 수강신청  2.기관 */
	.e_lst_type01{margin:0;}
	.e_lst_type01 li{width:100%; margin:0 0 10px;}
	.e_lst_type01 li.blue{width:calc(50% - 10px); margin:0 5px 10px;}
	.e_lst_type01 li.blue a{padding:35px 10px 10px;}
	.e_lst_type01 li a{height:auto; padding:30px 12px 20px;}
	.e_lst_type01 li a strong{height:auto; padding:20px 0 15px;}

}

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

	.enrolment_header .area_top .lst li a{font-size:12px;}

}

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

	.guide_txt{letter-spacing:-2px;}

}

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

	.enrolment_header .area_step {margin-top:55px;}

}