@charset "utf-8";
@import url("../css/sub_notice_re.css?2025081301");
@import url("../css/sub_accordian_re.css?20250306");
@import url("../css/sub_training_re.css?20250813");
@import url("../css/sub_mystudy_re.css?20250306");
/* background, snb*/
section.sub { position: relative; min-height:800px; padding-bottom:100px; background-position: 0px 0px; background-repeat: repeat-x; font-family: 'G-sans', "sans-serif"; }
section.sub .snb { position: relative; width: 240px; min-height: 500px; height: 100%; }
/* snb title, snb list */
section.sub .snb h2, section.sub .snb ul { border-radius: 16px; }
section.sub .snb h2 { overflow: hidden; position: absolute; top: 50px; left: 0; right: 0;; width: 100%; height: 120px; color: #fff; font-weight: 500; text-align: center; line-height: 110px; font-size: 1.688rem; }
section.sub .snb ul { position:absolute; top:143px; right: 0; left: 0; z-index: 2; padding: 10px 10px 22px; background-color: #fff; border: 1px solid #e8e8e8; border-top: transparent; }
section.sub .snb ul li a { display: flex; align-items:center; height:49px; padding: 0 20px 0 10px; font-size: 0.938rem; border-bottom: 1px solid #e8e8e8;}
section.sub .snb ul li a.active { background-position: top 50% right 10px; background-repeat: no-repeat; }

/* content_wrap */
section.sub .content_wrap { position: relative; top:0; right: 0; left: 0; width:calc(100% - 240px); min-height: 500px; height: 100%; padding:0 0 0 65px;; }
section.sub .content_wrap .sub_con_title { position: relative; width: 100%; height: 160px; }
section.sub .content_wrap .sub_con_title .title { position:absolute; bottom: 30px; left:0; }
section.sub .content_wrap .sub_con_title .title h3 { font-size: 1.75rem; font-weight: 500; margin-bottom: 20px; }
section.sub .content_wrap .sub_con_title .title .self_nav {display:flex; align-items:center; gap:12px; width: auto; }
section.sub .content_wrap .sub_con_title .title .self_nav li {position:relative; height:13px; padding-right:20px; font-size: 0.875rem; color: #666; }
section.sub .content_wrap .sub_con_title .title .self_nav li a{display:block; line-height:1.2rem;}
section.sub .content_wrap .sub_con_title .title .self_nav li a img{display:block; width:15px; height:13px;}
section.sub .content_wrap .sub_con_title .title .self_nav li::after {position:absolute; top:0; right:0; width:6px; height:10px; content: url(../image/sub/path_arr.png);}
section.sub .content_wrap .sub_con_title .title .self_nav li:last-of-type:after { display: none; }
/* content title */
section.sub .content_wrap .sub_con_title .icon_wrap { position: absolute; right: 0; bottom: 30px; }
section.sub .content_wrap .sub_con_title .icon_wrap .share_wrap { float: left; overflow: hidden; border-radius: 30px; }
section.sub .content_wrap .sub_con_title .icon_wrap .hidden_btn { float: left; margin-right: -270px; transition: .3s; }
section.sub .content_wrap .sub_con_title .icon_wrap .hidden_btn.active { margin-right: 0; }

section.sub .content_wrap .sub_con_title .icon_wrap a { float: left; width:35px; border-radius: 50%; height: 35px; margin-left: 10px; background-position: 50% 50%; background-repeat: no-repeat;; }
/* content title icon */
section.sub .content_wrap .sub_con_title .icon_wrap a.print { background-image: url(../image/sub/icon_print.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.share { background-image: url(../image/sub/icon_share.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.close { background-image: url(../image/sub/icon_close.png); background-color: #d7d7d7; }
section.sub .content_wrap .sub_con_title .icon_wrap a.facebook { background-image: url(../image/sub/sns_icon_facebook.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.twitter { background-image: url(../image/sub/sns_icon_twitter.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.blog { background-image: url(../image/sub/sns_icon_blog.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.band { background-image: url(../image/sub/sns_icon_band.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.band > a{margin-left:0;}
section.sub .content_wrap .sub_con_title .icon_wrap a.band img{display:none !important;}
section.sub .content_wrap .sub_con_title .icon_wrap a.kakaostory { background-image: url(../image/sub/sns_icon_kakaostory.png); }
section.sub .content_wrap .sub_con_title .icon_wrap a.kakaotalk { background-image: url(../image/sub/sns_icon_kakaotalk.png); }

/* sub_con */
section.sub .content_wrap .sub_con { padding-top: 50px; font-family: 'N-sans', "sans-serif"; }
.txt_wrap { padding: 30px; }
section.sub .content_wrap .sub_con > p > br {display:none;}
section.sub .mob_padding_wrap {padding:5px 15px;}

/* sitemap */
section.sub .content_wrap .sub_con .sub_sitemap_title { font-family: 'G-sans', "sans-serif"; font-size: 1.375rem; font-weight: 500; margin-bottom: 30px; }
section.sub .content_wrap .sub_con .sub_sitemap ul { display: flex; flex-wrap: wrap; flex-direction: row; margin-bottom: 60px; }
section.sub .content_wrap .sub_con .sub_sitemap ul li { display:inline-flex; width: 18%; min-width: 105px; margin-right:18px; margin-bottom: 20px; font-size: 1rem; }
section.sub .content_wrap .sub_con .sub_sitemap .btn_sitemap{display:flex; justify-content:center; align-items:center; width:100%; height:60px; line-height:1.3em; border: 1px solid #e8e8e8; text-align: center; border-radius: 5px; letter-spacing:-2px;}

/* media */
@media screen and (max-width: 800px) { section, section.sub { background-image: none!important; min-height: auto; background-color: #fff; padding: 0; padding: 0px; padding-top: 75px; }
 /* background, snb*/
 section.sub .snb { position:absolute; top:0; }
 /* snb title, snb list *//* section */
 section.sub .snb h2 { display: none; }
 section.sub .snb ul { position:absolute; top:12px; left: 52px; z-index: 9999999; padding: 0; background-color: transparent; border: 0 }
 section.sub .snb ul li a { display: none; }
 section.sub .snb ul li a.active { display: inline-flex; align-items:center; height:55px; padding: 0;; position: fixed; top: 0px; color: #2b4173!important; font-size: 20px; font-family: 'N-sans','san-serif'; border-bottom: 0!important; background-image:none!important; font-weight: bold; }

 /* section.sub .snb { display: none; } */
 section.sub .content_wrap { width: 100%; padding-left: 0; padding: 0; }
 /*section.sub .content_wrap .sub_con_title { display: none; }*/
 section.sub .content_wrap .sub_con { padding: 15px 15px 70px; }
 section.sub .content_wrap .sub_con.padding { padding: 0px; }

 .txt_wrap { padding: 10px; }

 /* sitemap */
 section.sub .content_wrap .sub_con .sub_sitemap_title { font-family: 'G-sans', "sans-serif"; font-size: 1rem; font-weight: 500; margin-top: 10px; margin-bottom: 15px; }
 section.sub .content_wrap .sub_con .sub_sitemap ul { display: flex; flex-wrap: wrap; flex-direction: row; margin-bottom: 20px; }
 section.sub .content_wrap .sub_con .sub_sitemap ul li { display:inline-flex; width: 18.3%; min-width: 100px; margin-right:10px; margin-bottom: 10px; font-size: 0.875rem; }
 section.sub .content_wrap .sub_con .sub_sitemap .btn_sitemap {width:100%;}
}

/* 2022.07.18 ssj 추가 */
.txt_div{margin-top:10px; padding:15px; border:1px dashed #ccc; background:#fafafa; border-radius:5px; box-sizing:border-box;}
.txt_div p, .txt_div span{color:#555; font-family:'N-sans'; font-size:15px;}
.txt_div ul{margin-top:10px;}
.txt_div ul li{position:relative; padding-left:12px;}
.txt_div ul li:before{content:''; display:block; position:absolute; left:0; top:10px; width:5px; height:1px; border-top:1px solid #555;}
.txt_div .red{color:#e74f5c;}
.txt_div01{margin-top:15px; padding:25px 30px; border:1px solid #e8e8e8; border-radius:5px; box-sizing:border-box;}
.txt_div01 > .list_ul{margin-top:0;}
.mT0{margin-top:0 !important;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT50{margin-top:50px;}
p.right{margin-top:10px; color:#555; font-family:'N-sans'; font-size:15px; text-align:right;}
.taC{text-align:center;}
.taL{text-align:left !important;}
.list_ul{margin-top:20px;}
.list_ul li{position:relative; margin-top:10px; padding-left:10px; color:#333; font-family:'N-sans'; font-size:16px; word-break:keep-all;}
.list_ul li:first-child{margin-top:0;}
.list_ul li:before{content:''; display:block; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background:#3c76ed;}
.f_s{font-family:'N-sans';}
.go_link{display:inline-block; padding:5px 15px; border:1px solid #6d7c9a; background:#fff; border-radius:5px;}
.go_link span{position:relative; padding-right:20px; color:#6d7c9a; font-family:'N-sans'; font-size:14px;}
.go_link span:before{content:''; display:block; position:absolute; right:0; top:50%; width:11px; height:11px; transform:translateY(-50%); background:url(../image/sub/ico_go_link.png) no-repeat;}
.btn_div{text-align:center;}
.txt_info{margin-top:15px; text-align:right;}
.txt_info p{display:inline-block; position:relative; padding-left:20px;}
.txt_info p:before{content:'!'; display:block; position:absolute; left:0; top:5px; width:11px; height:13px; padding-right:2px; color:#1a54cd; font-size:11px; font-weight:800; text-align:center; line-height:12px; border:1px solid #1a54cd;}
.list_ul > li > ul{margin-top:10px;}
.list_ul > li > ul > li:before{top:12px; width:3px; height:3px; border-radius:0; background:#999;}
.list_ul > li > ul > li ul{margin-top:10px;}
.list_ul > li > ul > li ul li{padding-left:10px;}
.list_ul > li > ul > li ul li:before{top:12px; width:5px; height:1px; background:#666;}

/* table */
.tbl_st{width:100%; margin-top:20px;}
.tbl_st caption{font-size:0; width:0; height:0; overflow:hidden; text-indent:100%; white-space:nowrap;}
.tbl_st tr th, .tbl_st tr td{padding:10px; font-family:'N-sans'; border:1px solid #ddd; box-sizing:border-box;}
.tbl_st thead tr{background:#f4fbfe;}
.tbl_st thead tr:first-child{border-top:2px solid #3c76ed;}
.tbl_st thead tr th{color:#333; font-family:'N-sans'; font-size:15px; letter-spacing:-2px;}
.tbl_st tbody tr th{font-family:'N-sans'; background:#fafafa;}
.tbl_st tfoot tr th{background:#e8e8e8;}
.tbl_st.tbl_tbody tbody tr:first-child{border-top:2px solid #3c76ed;}
.tbl_st.tbl_tbody tbody tr th{font-family:'N-sans'; background:#f4fbfe;}
.tbl_txt{margin-top:10px; color:#555; font-family:'N-sans'; font-size:15px;}
.tbl_st td ul li:first-child.boldFont{color:#1a54cb; font-size:18px;}
.tbl_st td:first-child .boldFont{color:#555; font-size:17px; font-weight:600;}
.tbl_st td:first-child .boldFont ~ .boldFont{margin-top:15px;}
.tbl_st li dl dd{position:relative; margin:2px 0 2px 15px; padding-left:10px;}
.tbl_st li dl dd:before{content:''; display:block; position:absolute; left:0; top:11px; width:4px; height:4px; background:#888; border-radius:50%;}
.tbl_st td ul a .boldFont{color:#333 !important; font-size:16px !important;}
.tbl_st.tbl_line tbody tr:first-child{border-top:2px solid #555;}
.tbl_st.tbl_line tbody td .tit{font-weight:700;}
.tbl_st tr.tr_yellow{background:#ffffe1;}

.edit_box table{width:100%;}
.edit_box table thead tr:first-child{background:#f4fbfe; border-top:2px solid #3c76ed;}
.edit_box table thead tr th,
.edit_box table thead tr td {padding:10px;}
.edit_box table thead + tbody tr:first-child{background:#fff; border-top:0;}
.edit_box table tbody tr:first-child{background:#f4fbfe; border-top:2px solid #3c76ed;}
.edit_box table tbody tr:first-child td{padding:16px !important;}
.edit_box table tbody tr td{width:auto !important; height:auto !important; padding:10px !important; color:#333 !important; font-family:'N-sans' !important; font-size:15px !important; border:1px solid #ddd !important; background:#fff; box-sizing:border-box;}
.edit_box table tbody tr td p,
.edit_box table tbody tr td span{margin:0 !important; color:#333 !important; font-family:'N-sans' !important; font-size:15px !important;}

/* sub visual */
.sub_visual{position:relative; min-height:150px; margin-bottom:30px; padding:30px 30px 30px 150px; font-family:'N-sans'; background:#fafcfe; border:1px solid #f3f7ff; box-sizing:border-box;}
.sub_visual:before{content:''; display:block; position:absolute; left:30px; top:50%; width:100px; height:100px; background:url(../image/sub/ico_visual.png) no-repeat; transform:translateY(-50%);}
.sub_visual p{padding-top:20px; color:#333; font-family:'N-sans'; font-size:15px; word-break:keep-all;}
.sub_visual h4{color:#3c76ed; font-family:'N-sans'; font-size:22px; font-weight:bold;}
.sub_visual h4 + p{padding-top:0;}
.sub_visual em{display:block; font-family:'N-sans'; font-size:17px; font-style:normal; word-break:keep-all;}
.sub_visual .big{display:inline-block; font-family:'N-sans'; font-size:22px; font-weight:bold;}
.sub_visual ul{margin-top:15px;}
.sub_visual ul li{position:relative; margin-top:5px; padding-left:10px; color:#333; font-family:'N-sans'; font-size:15px; word-break:keep-all;}
.sub_visual ul li:first-child{margin-top:0;}
.sub_visual ul li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background:#3c76ed;}
.sub_visual p span{font-family:'N-sans'; color:#3c76ed; font-weight:700;}
.mB_0{margin-bottom:0 !important;}
.pT30{padding-top:30px !important;}

/* 연수원연혁 */
.history{margin-top:50px;}
.history .visual{position:relative; height:210px; padding:50px 100px 30px 30px; background:#f6f9ff; border:1px solid #e4ebf5; box-sizing:border-box;}
.history .visual:before{content:''; display:block; position:absolute; left:80px; bottom:0; width:295px; height:203px; background:url(../image/sub/img_history.png) no-repeat;}
.history .visual:after{content:''; display:block; clear:both;}
.history .visual h4{float:right; color:#333; font-family:'G-sans'; font-size:18px; font-weight:500; letter-spacing:-0.5px; line-height:2.2em;}
.history .visual h4 i{display:block; color:#3c76ed; font-family:'N-sans'; font-size:55px; font-weight:600; font-style:normal; letter-spacing:-1px;}
.history .box{margin-top:50px;}
.history .box .list{padding:50px 30px 50px 80px; border-bottom:1px solid #dcdde2; box-sizing:border-box;}
.history .box .list:first-child{border-top:2px solid #999;}
.history .box .list .date{float:left; min-width:120px; color:#3c76ed; font-family:'G-sans'; font-size:45px; font-weight:500;}
.history .box .list > ul{float:left; width:calc(100% - 230px); margin-left:100px;}
.history .box .list > ul > li{margin-top:50px;}
.history .box .list > ul > li:first-child{margin-top:0;}
.history .box .list .txt{font-family:'N-sans';}
.history .box .list .txt > p{position:relative; float:left; min-width:120px; padding-left:15px; color:#333; font-family:'N-sans'; font-size:20px; font-weight:700; box-sizing:border-box;}
.history .box .list .txt > p:before{content:''; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; background:#333; border-radius:50%; transform:translateY(-50%);}
.history .box .list .txt > div{float:left; width:calc(100% - 170px); margin-left:50px; color:#3c76ed;}
.history .box .list .txt span{display:block; margin-bottom:10px; color:#555; font-size:17px; font-weight:700; word-break:keep-all;}
.history .box .list .txt em{display:inline-block; position:relative; padding:2px 10px; color:#666; font-size:15px; font-style:normal; background:#f7f7f7; border:1px solid #e8e8e8; border-radius:5px 5px 0 0; box-sizing:border-box; word-break:keep-all;}
.history .box .list .txt ul{margin-top:-1px; padding:15px; border:1px solid #e8e8e8; border-radius:0 5px 5px 5px; box-sizing:border-box;}
.history .box .list .txt ul li{position:relative; margin-top:5px; padding-left:10px; color:#666; font-size:14px; box-sizing:border-box; word-break:keep-all;}
.history .box .list .txt ul li:first-child{margin-top:0;}
.history .box .list .txt ul li:before{content:''; display:block; position:absolute; left:0; top:13px; width:5px; height:1px; background:#666;}
.history .box .list .txt i{display:block; margin-top:5px; color:#888; font-size:14px; font-style:normal; word-break:keep-all;}
.history .box .list:after,
.history .box .list .txt:after{content:''; display:block; clear:both;}

/* 연수원조직 */
.organization{margin-top:50px; font-family:'N-sans'; }
.organization .dept1{text-align:center;}
.organization .dept1 a,
.organization .dept1 p{display:block; position:relative; width:120px; height:120px; margin:0 auto; padding-top:45px; color:#fff; font-size:20px; font-weight:700; letter-spacing:1px; box-sizing:border-box; background:#1a54cd; border-radius:50%;}
.organization .dept1 a:after,
.organization .dept1 p:after{content:''; display:block; position:absolute; left:50%; top:120px; width:1px; height:372px; border-left:1px solid #ddd; transform:translateX(-50%);}
.organization .dept_name a span{padding-top:35px;}
.organization .dept_name em{display:block; color:#fff; font-size:17px; font-style:normal;}
.organization .dept2{margin-top:30px;}
.organization .dept2 > li{position:relative; float:right; width:50%; height:302px; padding:0 100px; box-sizing:border-box;}
.organization .dept2 > li:first-child{float:left;}
.organization .dept2 > li a,
.organization .dept2 > li p{display:block; padding:12px 5px; text-align:center; color:#555; font-size:15px; line-height:1.3em; border:1px solid #3c76ed; background:#fff; border-radius:5px; box-sizing:border-box;}
.organization .dept2 > li ul{position:relative;}
.organization .dept2 > li ul:before{content:''; display:block; position:absolute; right:-22px; top:50%; width:1px; height:225px; border-left:1px solid #ddd; transform:translateY(-50%);}
.organization .dept2 > li ul li{position:relative; margin-top:10px;}
.organization .dept2 > li ul li:first-child{margin-top:0;}
.organization .dept2 > li ul li:before{content:''; display:block; position:absolute; right:-30px; top:50%; width:20px; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization .dept2 > li > div{position:relative; height:100%;}
.organization .dept2 > li > div:before{content:''; display:block; position:absolute; left:-50px; top:50%; width:259px; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization .dept2 > li > div a,
.organization .dept2 > li > div p{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%);}
.organization .dept3{position:relative; margin-top:70px;}
.organization .dept3:before{content:''; display:block; position:absolute; left:50%; top:-30px; width:69.2%; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization .dept3.dept_list:before{width:69.2% !important;}
.organization .dept3 > li{position:relative; float:left; width:30.65%; margin:0 2%;}
.organization .dept3.dept_w4 > li{position:relative; float:left; width:22%; margin:0 2%;}
.organization .dept3.dept_w4 > li:last-child{float:right; margin-right:0;}
.organization .dept3 > li:before{content:''; display:block; position:absolute; left:50%; top:-30px; width:1px; height:30px; border-left:1px solid #ddd; transform:translateX(-50%);}
.organization .dept3 > li:first-child{margin-left:0;}
.organization .dept3 > li:nth-child(3){margin-right:0;}
.organization .dept3 > li > a,
.organization .dept3 > li > p{display:block; padding:12px 5px; color:#fff; text-align:center; background:#6d7c9a; border-radius:5px; box-sizing:border-box;}
.organization .dept3 > li > a span,
.organization .dept3 > li > p span{display:block; color:#fff; font-size:16px; line-height:1.3em;}
.organization .dept3 > li ul li{margin-top:10px;}
.organization .dept3 > li ul li a,
.organization .dept3 > li ul li p{display:flex; justify-content:center; align-items:center; height:65px; padding:12px 5px; text-align:center; border:1px solid #ccc; background:#fff; border-radius:5px; box-sizing:border-box;}
.organization .dept3 > li ul li a span,
.organization .dept3 > li ul li p span{color:#555; font-size:15px;}
.organization .dept2:after,
.organization .dept3:after{content:''; display:block; clear:both;}
.organization.organi01 .dept1 a:after,
.organization.organi01 .dept1 p:after{height:41px;}
.organization.organi01 .dept3:before{width:78%;}
.organization.organi02 .dept2{position:relative; padding-top:30px;}
.organization.organi02 .dept2:before{content:''; display:block; position:absolute; left:50%; top:0; width:69.3%; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization.organi02 .dept2 > li{position:relative; float:left; width:30.66%; height:auto; margin:0 2%; padding:0;}
.organization.organi02 .dept2 > li:first-child{margin-left:0;}
.organization.organi02 .dept2 > li:last-child{float:right; margin-right:0;}
.organization.organi02 .dept2 > li:before{display:none;}
.organization.organi02 .dept2 > li p{position:relative; z-index:1;}
.organization.organi02 .dept1 a:after,
.organization.organi02 .dept1 p:after{display:none;}
.organization.organi02 .dept3{margin-top:25px;}
.organization.organi02 .dept3:before{display:none;}
.organization.organi02 .dept3 > li:before{top:-101px; height:126px;}
.organization.organi02 .dept3 > li:nth-child(2):before{top:-131px; height:156px;}
.organization.organi02 .dept3 > li:last-child:before{height:101px;}
.organization.organi02 .dept3 > li > ul{padding-top:15px;}
.organization.organi02 .dept3 > li:last-child > ul:before{content:''; display:block; position:absolute; left:50%; top:0; width:52%; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization.organi02 .dept3 > li:last-child > ul > li{position:relative; float:left; width:48%;}
.organization.organi02 .dept3 > li:last-child > ul > li:before{content:''; display:block; position:absolute; left:50%; top:-25px; width:1px; height:25px; border-left:1px solid #ddd; transform:translateX(-50%);}
.organization.organi02 .dept3 > li:last-child > ul > li:last-child{float:right;}
.organization.organi02 .dept3 > li:last-child > ul > li > p{border:1px solid #6d7c9a; background:#6d7c9a;}
.organization.organi02 .dept3 > li:last-child > ul > li > p span{color:#fff;}
.organization.organi02 .dept3 > li:last-child > ul:after{content:''; display:block; clear:both;}
.organization .dept2_list{position:relative; width:100%; margin-top:30px;}
.organization .dept2_list > .dept2{float:left; width:50%;}
.organization .dept2_list > .dept2 > li{width:33%; padding:0 10px;}
.organization .dept2_list > .dept2 > li p{position:relative; width:100%; z-index:1;}
.organization .dept2_list > .dept2:nth-child(2){margin-top:75px;}
.organization .dept2_list > .dept2:nth-child(2) > li > p{border:1px solid #6d7c9a; background:#6d7c9a;}
.organization .dept2_list > .dept2:nth-child(2) > li > p > span{color:#fff;}
.organization .dept2_list > .dept2 > li > ul{margin-top:66px;}
.organization .dept2_list > .dept2:nth-child(2) > li > ul{margin-top:20px;}
.organization .dept2_list > .dept2 > li > ul > li > p{border:1px solid #ccc; background:#fff;}
.organization .dept2_list > .dept2 > li > ul > li > p span{color:#555;}
.organization .dept2_list > .dept2 > li > ul > li > p em{font-size:17px; font-style:normal;}
.organization .dept2_list:after{content:''; display:block; clear:both;}
#tabs div[id^="tabs-"] h2 u{text-decoration:none;}
.organization.organ_busan .dept1 a:after, .organization .dept1 p:after{height:30px;}
.organization.organ_busan .dept2_list:before{content:''; display:block; position:absolute; left:50%; top:0; width:83.5%; height:1px; border-top:1px solid #ddd; transform:translateX(-50%);}
.organization.organ_busan .dept2 > li{height:auto;}
.organization.organ_busan .dept2_list > .dept2 > li:before{content:''; display:block; position:absolute; left:50%; top:-30px; width:1px; height:142px; border-left:1px solid #ddd; transform:translateX(-50%);}
.organization.organ_busan .dept2_list > .dept2:nth-child(2) > li:before{top:-74px;}
.organization.organ_busan .dept2_list > .dept2:nth-child(2) > li:first-child:before{top:6px; height:72px;}
.organization.organ_busan .dept2_list > .dept2:nth-child(2) > li:first-child:after{content:''; display:block; position:absolute; left:-50%; top:24px; width:100%; height:1px; border-top:1px solid #ddd;}
.organization.organ_busan .dept2 > li ul li:before{display:none;}
.organization.organ_busan .dept2_list > .dept2  > li ul:before{display:none;}


.organization_wrap .tbl_st tr th,
.organization_wrap .tbl_st tr td{font-size:15px; font-weight:500;}

/* 시설안내 */
.cntbox .map_img {text-align: center;margin-bottom: 20px;}
.cntbox .map_img img{width: 100%;max-width: 700px;height: auto;}
.cntbox .map_img::after {content: '';display: block;width: 100%;height: 2px;background-color: #5a5653;margin-top: 50px;}/* 확인 후 수정 */
.cnt_cent4 .imgbox{width:244px;height: 172px;display: inline-block;vertical-align: top;}
.cnt_cent4 .imgbox >img{width:100%;height: 100%;object-fit: cover;}
.cnt_cent4 .imgbox_01{width:389px;height: 264px;display: inline-block;vertical-align: top;}
.cnt_cent4 .imgbox_01 >img{width:100%;height: 100%;object-fit: cover;}
.cnt_cent4 .imgbox_02{width:390px;height: 130px;display: inline-block;vertical-align: top;}
.cnt_cent4 .imgbox_02 >img{width:49.5%;height: 100%;object-fit: cover;}
.cnt_cent4 .imgbox_04{width:390px;height: 260px;display: inline-block;vertical-align: top;}
.cnt_cent4 .imgbox_04 >img{width:49.5%;height: 50%;object-fit: cover;}
.cnt_cent4 .textbox_01{width:calc(100% - 250px);display: inline-block;vertical-align: top;padding-left:30px}
.cnt_cent4 .textbox_02{width:calc(100% - 400px);display: inline-block;vertical-align: top;padding-left:30px}
.mv_top {display: inline-block;vertical-align: -4px;margin-left: 4px;}
.mv_top>img {width: 27px;height: 27px;}
.cnt_cent4>ul>li {padding: 40px 30px;position: relative;min-height: 210px;border-bottom: 1px solid #e5e5e5;}
.cnt_cent4 .tit { font-size: 22px;font-weight: 600;color: #333;line-height: 26px;margin-bottom: 15px;}
.cnt_cent4 .info>li {margin-bottom: 5px;color: #666; font: inherit;font-weight: 500;}
.cnt_cent4 .info>li>span {font-weight: 900;}

/* 준비중 */
.wait_box{margin-top:30px; padding:30px 50px 50px; text-align:center; border:1px solid #e5ecf5; box-sizing:border-box;}
.wait_box h4{position:relative; padding-top:270px; color:#222; font-family:'G-sans'; font-size:35px; font-weight:200; box-sizing:border-box;}
.wait_box h4:before{content:''; display:block; position:absolute; left:50%; top:0; width:278px; height:261px; background:url(../image/sub/img_wait.jpg) no-repeat; transform:translateX(-50%);}
.wait_box h4 span{display:inline-block; color:#3c76ed; font-weight:700;}
.wait_box .wait_txt{margin-top:10px;}
.wait_box p{color:#555; font-family:'N-sans'; font-size:17px; font-weight:200; letter-spacing:-0.5px;}

/* 에러페이지 */
.error_box{padding:40px 50px;}
.error_box h4{padding-top:240px;}
.error_box h4:before{width:251px; height:206px; background:url(../image/sub/img_error.jpg) no-repeat;}
.error_box a{display:inline-block; margin-top:30px; padding:10px 40px; background:#3c76ed; color:#fff; font-size:18px; font-weight:500; border-radius:50px;}

/* 원장인사말 */
.greeting{position:relative;}
.greeting:before{content:''; display:block; position:absolute; right:0; bottom:0; width:389px; height:422px; background:url(../image/sub/img_greeting.png) no-repeat; z-index:-1;}
.greeting .txt{width:calc(100% - 300px);}
.greeting .txt p{margin-top:30px; color:#333; font-family:'N-sans'; font-size:16px; letter-spacing:-1px; line-height:1.8em; word-break:keep-all;}
.greeting .txt p:first-child{margin-top:0;}
.greeting .txt p em{display:inline-block; color:#1a54cb; font-weight:600; font-style:normal;}
.greeting .txt .bottom{margin-top:50px;}
.greeting .txt .bottom span{display:inline-block; margin-left:5px; font-size:25px; font-weight:700; letter-spacing:4px;}

/* 원장프로필 */
.cnt_cent4 h2 {color:#5a5653; font-weight:700;}
.ctbl{border-top:2px solid #5a5653;width:100%;margin-bottom:50px;}
.ctbl tbody tr {border-bottom:1px solid #e5e5e5; }
.ctbl tbody tr th {width:160px; background-color:#f7f7f7; color:#5a5653; font-weight: bold; padding:10px;}
.ctbl tbody tr td .name {color:#5a5653;}
.ctbl tbody tr td {color:#888F9B; padding:10px 20px;}

/* 역대원장 */
.cnt_history .cnt_history_tbl {width: 100%; border-top:2px solid #5a5653;}
.cnt_history .cnt_history_tbl tr {border-bottom: 1px solid #e5e5e5;}
.cnt_history .cnt_history_tbl tr th {background-color: #f7f7f7; font-size:18px; color: #5a5653; font-weight: bold; padding: 10px;}
.cnt_history .cnt_history_tbl tr td {font-size:18px; color: #888F9B; padding: 10px 20px;}
.cnt_history .cnt_history_tbl tr td span {  margin-right: 20px;}
.cnt_history .cnt_history_tbl tr td .desc {font-size:15px; font-weight:400; color:#1a54cb;}

.btn_top_box{margin-bottom:10px;}
.btn_top_box a{width:100px; height:35px; line-height:35px;}
.taR{text-align:right;}

.ctbl caption{overflow:hidden; text-indent:100%; white-space:nowrap;}

#lecture_wrap .con_info .ext_cont .ext_cont_top .ext_cont_top_link{line-height:inherit;}
#lecture_wrap .con_info .ext_cont .ext_cont_top .ext_cont_top_link > a:after{display:none !important;}
#lecture_wrap .con_info .ext_cont .ext_cont_top .ext_cont_top_link > span{display:inline-block; vertical-align:middle;}
#lecture_wrap .directSite{display:inline-block; width:70px; height:25px; margin-left:10px !important; padding-right:2px; color:#3c76ed; font-size:13px; font-weight:500; text-align:center; line-height:1.8em; background:#fff; border:1px solid #3c76ed; border-radius:6px;}

.box_img_respon{position:relative;}
.box_img_respon .img_big{display:none;}

.img_icon_box{width:65px; height:65px; margin:0 auto;}
.img_icon_box img{width:100%; height:100%;}

/* 2022.08.10 ssj - 모바일 화면 table 정보 */
	.tbl_info{display:none; position:relative; margin-top:15px; padding-left:18px; color:#3c76ed; font-family:'N-sans'; font-size:14px; font-weight:400; word-break:keep-all;}
	.tbl_info:before{content:'!'; display:block; position:absolute; left:0; top:4px; width:9px; height:10px; padding-right:2px; color:#3c76ed; font-family:'N-sans'; font-size:10px; font-weight:700; text-align:center; line-height:10px; border:1px solid #3c76ed;}

.dip_b .fc_red{vertical-align:middle;}
.dip_b > span + label,
.dip_b .fc_red + label{margin-left:10px;}

@media screen and (max-width: 920px) {
	.tbl_info{display:block;}
	.tbl_info + .table_sc_01 .tbl_st{width:850px; margin-top:10px;}
	.table_sc_01 .table_st{width:850px;}
}

@media screen and (max-width: 850px){
	.box_img_respon .img_big{display:block; position:absolute; right:0; bottom:0; padding:5px 10px; color:#fff;  background:rgba(0, 0, 0, 0.5);}
}

@media screen and (max-width: 800px){
	#contents{padding:15px 15px 70px; box-sizing:border-box;}
	section.sub .content_wrap .sub_con{padding:15px; box-sizing:border-box;}
	.sub_visual{padding:30px 30px 30px 130px;}
	.sub_visual:before{width:80px; height:80px; background:url(../image/sub/ico_visual_s.png) no-repeat;}
	.btn_top_box{margin-top:10px; padding-right:15px;}
	.btn_top_box a.btn_regist{margin-top:0; background-color:#1a54cd !important; border-radius:60px;}

	.table_st tbody tr:first-child td{padding:15px !important;}
	.table_st tbody tr td{font-size:15px !important;}
	.table_st tbody tr td p,
	.table_st tbody tr td span{font-size:15px !important;}
}

@media screen and (max-width: 460px){
	.cnt_history .cnt_history_tbl tr td{text-align:center;}
	.cnt_history .cnt_history_tbl tr td span{display:block;}
	/* 시설안내 */
	.cnt_cent4 .imgbox_01, .cnt_cent4 .imgbox_02, .cnt_cent4 .imgbox_04{display: block;margin:0 auto;height: auto;}
    .cnt_cent4 .imgbox_02{width:100%;max-width: 390px;}
    .cnt_cent4 .imgbox_01 >img{width:auto;max-width: 100%;height: auto;object-fit:none;}
    .cnt_cent4 .textbox_01{width:100%;display: block;padding-left:0px;text-align: center;}
    .cnt_cent4 .textbox_01 .info{text-align: left;}
    .cnt_cent4 .textbox_02{width:100%;display: block;padding-left:0px;text-align: center;}
    .cnt_cent4 .textbox_02 .info{text-align: left;}
}

@media screen and (max-width: 400px){
	.txt_info{text-align:left;}
	.txt_info p{word-break:keep-all;}
}

.mt20{margin-top:20px;}
.mt25{margin-top:25px;}

/* templete_flat 적용 */
.templete_flat .txt_div,
.templete_flat #lecture_wrap .directSite,
.templete_flat .history .box .list .txt em,
.templete_flat .history .box .list .txt ul,
.templete_flat .organization .dept2 > li a,
.templete_flat .organization .dept3 > li > a,
.templete_flat .organization .dept3 > li ul li a,
.templete_flat .organization .dept1 a{border-radius:0;}

.btn_go_link{display:inline-block; margin-left:5px; padding:5px 10px; border:1px solid #ddd; border-radius:5px;}
.btn_go_link span{padding-right:18px; font-size:15px; background:url(../image/sub/ico_go_link.png) no-repeat 100% 50%;}

/* 시설안내 CSS 추가 */
.cntbox .map_img {text-align: center;}
.cnt_cent4 .img {position: absolute; top: 30px;left: 0; display: inline-block; width: 244px; height: 172px; overflow: hidden; }
.cnt_cent4 > ul > li {  padding: 30px 0 30px 275px; position: relative; min-height: 230px; border-bottom: 1px solid #e5e5e5;}
.cnt_cent4 .tit {font-size: 22px; font-weight: 600; color: #333; line-height: 26px; margin-bottom: 15px;}
.cnt_cent4 .info > li { margin-bottom: 5px; color:#666; font: inherit;}
.cnt_cent4 .info > li > span {font-weight: 700;}
.mv_top >img {width: 27px; height: 27px;}
@media (max-width:720px){
	.cnt_cent4 .tit {margin-top:15px;}
	.cnt_cent4 > .map_img > #Map {display:none;}
	.cnt_cent4 .img, .cnt_cent4 .img1 {position: static;}
	.cnt_cent4 > ul > li {padding:30px 0 ;}
	.cnt_cent4 .img > img{width: 195px; height: 125px;}
	.cnt_cent4 .img.img1 > img{width: 195px; height: 125px;}
	.cnt_cent4 .img.img2 > img{width: 195px; height: 125px;}
	.cnt_cent4 .img.img3 > img{width: 195px; height: 125px;}
	.cnt_cent4 .img {position: absolute; left: 0; display: inline-block; width: 195px; height: 130px; overflow: hidden; }
	.cnt_cent4 .img.img1 {left: 200px;}
	.cnt_cent4 .img.img2 {top:175px; left: 0px;}
	.cnt_cent4 .img.img3 {top:175px; left: 200px;}
	.cnt_cent4 > ul > li {padding: 40px 30px 40px 430px; position: relative; min-height: 210px; border-bottom: 1px solid #e5e5e5;}
	.cnt_cent4 .tit {font-size: 22px; font-weight: 600; color: #333; line-height: 26px; margin-bottom: 15px;}
	.cnt_cent4 .info > li { margin-bottom: 5px; color:#666; font: inherit;}
	.cnt_cent4 .info > li > span {font-weight: 700;}
	.mv_top >img {width: 27px; height: 27px;}
}

.edit_box table tbody tr.tr_foot td{background:#f5f5f5 !important; font-weight:700;}
table tfoot .tbl_foot{color:#1a54cb !important; background:#f4fbfe !important; font-weight:700;}

/*앱다운로드(딥링크)*/
.deep_link{position:relative; width:1280px; height: calc(var(--vh, 1vh) * 100); margin:0 auto; background:#0e1e3f; overflow:hidden;}
.deep_link:before{content:''; display:block; position:absolute; left:-5%; top:-10%; width:920px; height:660px; background:url(/resource/image/sub/bg_deep_shape.png) no-repeat;}
.deep_link:after{content:''; display:block; position:absolute; right:-6.5%; top:5%; width:674px; height:852px; background:url(/resource/image/sub/img_deep_link.png) no-repeat;}
.deep_link .inr{display:flex; flex-direction:column; justify-content:end; position:relative; height:100%; padding:80px 90px; box-sizing:border-box; z-index:1;}
.deep_link .txt{font-family:'G-sans';}
.deep_link .txt > *{color:#fff; font-weight:500; letter-spacing:-0.5px;}
.deep_link .txt > span{display:block; color:#5bffff; font-size:30px;}
.deep_link .txt h4{margin-top:5px; font-size:70px; font-weight:700;}
.deep_link .txt h4 span{font-weight:500;}
.deep_link .txt p{margin-top:10px; font-size:25px; line-height:1.5em;}
.deep_link .txt .noti{position:relative; padding-left:20px; margin-top:10px; color:#ccc; font-size:15px;}
.deep_link .txt .noti:before{content:'!'; position:absolute; left:0; top:5px; width:14px; height:14px; color:#fff; font-size:12px; font-weight:800; line-height:1rem; text-align:center; border-radius:50%; background:#1f438e;}
.deep_link .txt .noti em{display:block; font-size:14px; font-style:normal;}
.deep_link a{display:inline-block; margin-top:30px; padding:14px 50px 10px; color:#fff; font-family:'G-sans'; font-size:20px; line-height:1.3em; border:1px solid #fff; border-radius:10px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease;}
.deep_link a:hover{border:1px solid #2ff1ff; background:#04122d; box-shadow:0 0 5px 3px rgb(47 241 255 / 50%);}

@media screen and (max-width:1280px){
	.deep_link{width:100%;}
}
@media screen and (max-width:1024px){
	.deep_link:before{top:-2%; width:820px; height:560px; background-size:100% 100%;}
	.deep_link:after{width:574px; height:752px; background-size:100% 100%;}
	.deep_link .inr{padding:80px;}
	.deep_link .txt > span{font-size:25px;}
	.deep_link .txt h4{font-size:60px;}
	.deep_link .txt p{font-size:20px;}
	.deep_link a{font-size:18px;}
	.deep_link .txt .noti{font-size:14px;}
	.deep_link .txt .noti em{font-size:13px;}
}
@media screen and (max-width:800px){
	.deep_link:before{top:-4%; left:-25%; width:780px; height:520px;}
	.deep_link:after{width:534px; height:712px;}
	.deep_link .inr{padding:70px;}
	.deep_link .txt > span{font-size:20px;}
	.deep_link .txt h4{font-size:50px;}
	.deep_link .txt p{font-size:18px;}
	.deep_link a{font-size:17px;}
	.deep_link .txt .noti{font-size:13px;}
	.deep_link .txt .noti:before{top:4px;}
	.deep_link .txt .noti em{font-size:12px;}
}
@media screen and (max-width:650px){
	.deep_link:before{top:0; left:-36%; width:740px; height:480px;}
	.deep_link:after{width:484px; height:662px;}
	.deep_link .inr{padding:50px;}
	.deep_link .txt > span{font-size:18px;}
	.deep_link .txt h4{font-size:40px;}
	.deep_link .txt p{font-size:17px;}
	.deep_link a{font-size:16px; line-height:1.2em;}
}
@media screen and (max-width:520px){
	.deep_link:before{top:0; left:-46%; width:690px; height:430px;}
	.deep_link:after{width:444px; height:562px;}
	.deep_link .inr{padding:40px;}
	.deep_link .txt > span{font-size:17px;}
	.deep_link .txt h4{font-size:30px;}
	.deep_link .txt p{font-size:16px;}
	.deep_link a{font-size:15px;}
}
@media screen and (max-width:400px){
	.deep_link:after{width:384px; height:442px;}
	.deep_link .inr{padding:40px;}
	.deep_link .txt > span{font-size:16px;}
	.deep_link .txt h4{font-size:28px;}
	.deep_link .txt p{font-size:15px;}
}

/*출석체크*/
.attendance_check{position:relative; width:1280px; height: calc(var(--vh, 1vh) * 100); margin:0 auto; background:#0059c0 url(/resource/image/sub/bg_attendance_check.jpg) no-repeat; background-size:cover; overflow:hidden;}
.attendance_check .inr{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; height:100%; background:url(/resource/image/sub/bg_attendance_title.png) no-repeat 50%;}
.attendance_check .txt{position:relative; margin:0 auto; font-family:'G-sans'; text-align:center;}
.attendance_check h4{position:relative; width:568px; height:271px; margin:0 auto; font-size:0; overflow:hidden; text-indent:100%; white-space:nowrap;}
.attendance_check h4:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/resource/image/sub/img_attendance_title.png) no-repeat 50%; background-size:cover;}
.attendance_check p{margin-top:50px; color:#fff; font-size:35px; font-weight:500; letter-spacing:-0.5px; line-height:1.3em;}
.attendance_check span{display:block; font-weight:700;}
.attendance_check .bottom{position:relative; margin-top:50px;}
.attendance_check .bottom button{padding:20px 55px; color:#fff; font-size:30px; font-weight:500; letter-spacing:-0.5px; background:none; border:1px solid #fff; border-radius:15px; cursor:pointer; transition:all 0.3s ease 0s;}
.attendance_check .bottom button:hover{box-shadow:0 5px 5px 5px rgba(42, 48, 132, 0.5);}


@media screen and (max-width:1280px){
	.attendance_check{width:100%;}
}
@media screen and (max-width:1024px){
	.attendance_check .inr{background-size:70%;}
	.attendance_check h4{width:455px; height:217px;}
	.attendance_check p{margin-top:40px; font-size:28px;}
	.attendance_check .bottom{margin-top:40px;}
	.attendance_check .bottom button{padding:18px 40px; font-size:24px;}
}
@media screen and (max-width:768px){
	.attendance_check .inr{background-size:90%;}
	.attendance_check h4{width:287px; height:138px;}
	.attendance_check p{margin-top:30px; font-size:22px;}
	.attendance_check .bottom{margin-top:30px; padding-bottom:250px;}
	.attendance_check .bottom:before{content:''; display:block; position:absolute; left:50%; bottom:0; width:296px; height:204px; background:url(/resource/image/sub/ico_attendance_title.png) no-repeat; background-size:cover; transform:translateX(-50%);}
	.attendance_check .bottom button{padding:12px 30px; font-size:20px;}
}
@media screen and (max-width:500px){
	.attendance_check .inr{background-size:85%;}
	.attendance_check h4{width:187px; height:90px;}
	.attendance_check p{margin-top:25px; font-size:18px;}
	.attendance_check .bottom{margin-top:25px; padding-bottom:170px;}
	.attendance_check .bottom:before{width:196px; height:135px;}
	.attendance_check .bottom button{padding:10px 20px; font-size:17px; border-radius:10px;}
}

/*찾아오시는길*/
.location_box{margin-top:20px; padding:15px; color:#333; font-family:'N-sans'; font-size:15px; border:1px solid #ddd; border-top:2px solid #555; box-sizing:border-box;}
.location_box p{font-weight:700;}

/*[교원]마이크로러닝*/
.microLearn .directSite{display:inline-block;width: 140px;height:25px;margin-left:10px !important;padding-right:2px;color: #f6f9fd;font-size:13px;font-weight:500;text-align:center;line-height:1.8em;background:#fff;border: 1px solid #ffa20e;background-color: #ffa20e;border-radius:6px;}
.microLearn .lrnTimeLabel{display:inline-block;width: 85px;height:25px;margin-left:10px !important;padding-right:2px;color: #273548;font-size: 13px;font-weight:500;text-align:center;line-height:1.8em;background:#fff;/* border: 1px solid #090808; */background-color: #f7f7f7;border-radius:6px;}
.micro_popup .micInfo li{list-style: circle;margin-left: 20px;}
.microLearn .select_01 .selectric-items .selectric-scroll{max-height: 200px!important;overflow-y: auto!important;}
.microLearn .select_01.letter02{min-width:100px!important}
.microLearn .search_box_wrap.type_01 .search_box .search_inner{display: inline-block;}
.microLearn .micro_list_box.list {display: flex;}

.login_info{background-color:#e8efff; color:#1a54cb; width:70px;text-align: center;display: inline-block;height: 26px;border-radius: 10px;}
.login_span{font-size:0.97rem;}
.em_st{font-style:normal; font-weight: bold;color: #003964;}
.microLearn .fll.cont_info{font-weight: 100 !important; font-size: 15px !important;margin-top: 15px !important;margin-left: 15px !important;}
.microLearn .cont_info label{cursor: pointer;}
.microLearn .rawInfo{color: #858585;font-size: 0.8rem;text-align: right;margin-bottom: 10px;margin-right: 5px;}
.microLearn .micro_list_wrap .no_data{min-height:30px;}
.microLearn .micro_success{color: #fff;background-color: #696e5f;}
.microLearn .microInfo .info{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.popup_wrap.micro_popup{width: 720px;}
.popup_wrap.micro_popup .micInfo .bullet_blue_circle{color: #1a54cd;}

section.sub .content_wrap .sub_con.microLearn .list_top .fll {
	display: inline-block;
	margin-top: 5px;
	vertical-align: middle;
	FONT-SIZE: 21PX;
	FONT-WEIGHT: BOLD;
}
section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01 {
    width: 100%;
    height: 80px;
    padding: 17px;
    margin-top: 15px;
    background-color: #f7f7f7;
    text-align: center;
    margin-bottom: 30px;
}
section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01.mypage {
    width: 100%;
    height: 80px;
    padding: 17px;
    margin-top: 15px;
    background-color: #f7f7f7;
    text-align: center;
    margin-bottom: 30px;
}
.microLearn .myMicroLernLabel{
	vertical-align:top;
	font-weight: bold;
}

.microLearn .myMicroLernTime {
	width: 400px;
	padding: 5px;
	border-radius: 10px;
	text-align: right;
	vertical-align: middle;
	margin-left: calc(100% - 398px);
	font-size: 0.76rem;
}


/* media */
@media screen and (max-width: 1280px) {

	.microLearn .micro_list_box.list {display: flex !important ;}
	.microLearn .rawInfo {float: none !important;}

}
/* media */
@media screen and (max-width: 980px) {

	section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01.mypage {
	    width: 100%;
	    height: 125px !important;
	    padding: 17px;
	    margin-top: 15px;
	    background-color: #f7f7f7;
	    text-align: center;
	    margin-bottom: 30px;
	}
}
/* media */
@media screen and (max-width: 900px) {

    section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01.mypage {
	    width: 100%;
	    height: 134px !important;
	    padding: 17px;
	    margin-top: 15px;
	    background-color: #f7f7f7;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.mypage .ext_cont_top_link{
		margin-top: 36px !important;
		margin-right: -15px !important;
	}
}


/* media */
@media screen and (max-width: 820px) {
	section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01 .search_box.micro_search .text {
        width: calc(100% - 200px) !important;
    }

    section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01.mypage {
	    width: 100%;
	    height: 150px;
	    padding: 17px;
	    margin-top: 15px;
	    background-color: #f7f7f7;
	    text-align: center;
	    margin-bottom: 30px;
	}

    .custom_checkbox.custom_checkbox_info input[type="checkbox"]+span {
		z-index: 1;
		left: 0;
		display: inline-block;
		vertical-align: middle;
		width: 22px;
		height: 25px;
		border-radius: 4px;
		background-color: #e7e8ec;
		margin-right: 0px;
		margin-top: 0px;
	}

	.myMicroLernLabel{
		vertical-align:middle;
		font-weight: bold;
	}

	.myMicroLern {
		width: 450px;
		border: 1px solid #dce5f6;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		vertical-align: middle;
		margin-left: calc(100% - 460px);
	}



	.myMicroLern.on {
		width: 450px;
		border: 1px solid #dce5f6;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		vertical-align: middle;
		margin-left: calc(100% - 460px);
		background: #2272d617;
	}

	.search_box_wrap.type_01 .search_box .search_inner{display: flex;margin-bottom: 10px;}
	.search_box_wrap.type_01 .search_box .search_inner label  { margin-left: 10px; margin-right: 20px;padding-top:6px;}
	.search_box_wrap.type_01 .search_box .text{width:calc(100%) !important ;height: 38px;padding-left: 10px;margin: 0 0 0 4px;border: 1px solid #2b4173;}
	.search_box_wrap.type_01 .search_box .text.full{width:calc(100% - 35px);margin-left: 0;}
	.search_box_wrap.type_01 .search_box .btn_search{margin-left: -48px;width: 56px;height: 38px;line-height: 40px;border-radius: 8px;font-size: 0;background-image:url(/resource/image/sub/icon_search.png);background-position: 50% 50%;background-repeat: no-repeat;}
	.search_box_wrap.type_01 .search_box .btn_search.one{margin-left:0px;width:100%;font-size:inherit;text-align:center;background-image:none}
	/* sub_con list type 02 */
	.search_box_wrap.type_02 *{font-family: 'N-sans', "sans-serif";vertical-align: middle;}
	.search_box_wrap.type_02{width: 100%;height: auto;padding:15px;background-color: #f7f7f7;text-align: center;margin-bottom: 0px;}
	.search_box_wrap.type_02 .search_box{width:100%}
	.search_box_wrap.type_02 .search_box .text{display: inline-block;width: 100%;height: 40px;border-radius: 8px; margin: 0;margin-bottom: 10px; padding: 0 20px;border: 1px solid #506188;}
	.search_box_wrap.type_02 .search_box .text::placeholder{color: #506188;}
	.search_box_wrap.type_02 .search_box .btn_search{display: block;width: 100%;height: 38px;line-height: 40px;border-radius: 20px;color: #fff;font-size: 15px;float:left;margin-top: 20px;}

	/* search filter box */
	.search_filter_box_wrap{display: block;text-align: left;margin-top: 10px;}
	.search_filter_box_wrap .search_filter_box{display: inline-block;width: auto; height: 26px;line-height: 24px;padding:0px 12px 0;border-radius: 20px;text-align: left;font-size: 13px;background-color:#d8e6ff ;}
	.search_filter_box_wrap .search_filter_box .txt{display: inline-block;vertical-align: middle;color: #3c76ed;}
	.search_filter_box_wrap .search_filter_box .btn_icon_remove{display: inline-block;vertical-align: middle;margin-left: 6px;width: 16px;height: 16px;background: url(/resource/image/sub/btn_icon_remove.png) 50% 50% no-repeat;}


}

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

   	.myMicroLern {
		width: 325px;
		border: 1px solid #dce5f6;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		vertical-align: middle;
		margin-left: calc(100% - 328px);
		margin-top: 10px;
	}


	.myMicroLern.on {
		width: 325px;
		border: 1px solid #dce5f6;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		vertical-align: middle;
		margin-left: calc(100% - 328px);
		background: #2272d617;
	}

	.mypage .ext_cont_top_link{
		margin-top: 14px !important;
		margin-right: -10px !important;
	}

}

/* media */
@media screen and (max-width: 730px) {

}

/* media */
@media screen and (max-width: 540px) {
/*
	.micro_list_box.list {display: inline-flex !important;}
*/
	.microLearn .micro_list_box.list {display: flex !important;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 {overflow: hidden;float: left;position: relative;width: 97% !important;height: 490px;border-radius: 20px;background-color: #fff;transition: .2s;box-shadow: 0px 5px 8px rgb(151 174 182 / 59%);margin: 10px 10px 25px;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2.mypage  {overflow: hidden;float: left;position: relative;width: 97% !important;height: 530px;border-radius: 20px;background-color: #fff;transition: .2s;box-shadow: 0px 5px 8px rgb(151 174 182 / 59%);margin: 10px 10px 25px;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail{overflow: hidden;position:relative;top: 0; left: 0 ;right: 0; height: 263px;z-index: 1;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail .btn_heart_icon{position: absolute;z-index: 3;top:10px; right: 10px;display: inline-block;width: 30px;height: 30px; background: url(/resource/image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail .btn_heart_icon.on{background-image: url(/resource/image/main/btn_icon_heart_on.png)}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail .overlay_box{opacity:0;position:absolute;top: 0;bottom: 0;left: 0; right: 0;z-index: 2;background-color: rgba(0,0,0,0.4);transition: .2s;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail img{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;width: 100%; height:auto!important;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .txt_box_wrap{overflow: hidden;height:auto;z-index: 2;padding:20px 15px 15px; position: relative;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .txt_box_wrap .top{margin-bottom: 8px;cursor:default;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .txt_box_wrap .top>p.star_score{padding:2px 5px;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .txt_box_wrap .top>p.star_score span{width:70px; height:13px; background-image:url(/resource/image/main/star_score_off3.png) !important;}
	.microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .txt_box_wrap .top>p.star_score span.st_on{background-image:url(/resource/image/main/star_score_on3.png) !important;}

	.microLearn .microLabel {
		color: #fff;
		background-color: #9a1d1d;
		width: 77px;
		margin: 10px;
		font-size: 15px;
		text-align: center;
		border-radius: 4px;
		float: left;
	}

    .microLearn .star_score span.st_off {
        position: relative;
        margin-top: 0px;
    }
    .microLearn .star_score{
		padding:10px;
    }

    .microLearn .star_score u{
		margin: 0px 10px;
    }

     .microLearn .star_score span {
         display: inline-block;
         width: 80px;
         height: 15px;
         background: url(/resource/image/main/star_score_off.png) no-repeat;
         margin-left: 10px;
         background-size: contain;
     }


	.microLearn .btn_heart_icon {
		padding: 0px;
		width: 30px;
		height: 30px;
		min-height: auto;
		margin-top: 0;
		background: url(/resource/image/main/btn_icon_heart_off.png) 50% 50%
			no-repeat;
		cursor: pointer;
		background-size: contain;
		float: right;
		margin: 5px;
	}

	.microLearn .btn_heart_icon.on {
		padding: 0px;
		width: 30px;
		height: 30px;
		min-height: auto;
		margin-top: 0;
		background: url(/resource/image/main/btn_icon_heart_on.png) 50% 50% no-repeat;
		cursor: pointer;
		background-size: contain;
		float: right;
		margin: 5px;
	}

	.microLearn .microInfo {
		margin: 20px 10px;
		cursor: pointer;
	}


	.microLearn .info.icon_cal {
		background-position: 0px 70%;
		background-repeat: no-repeat;
		background-image: url(/resource/image/sub/icon_calendar.png);
		padding-left: 25px;
		margin: 10px 5px;
		font-size: 16px;
		background-size: 4%;
		color: #878787;
		width: 100%;
	}

	.microLearn .info.icon_list {
		background-position: 0px 70%;
		background-repeat: no-repeat;
		background-image: url(/resource/image/main/icon_list_ccc.png);
		padding-left: 20px;
		margin: 6px;
		font-size: 16px;
		background-size: 7%;
		color: #878787;
		width: 50%;
	}

	.microLearn .info.icon_check {
		background-position: 0px 40%;
		background-repeat: no-repeat;
		background-image: url(/resource/image/main/icon_check_ccc_16px.png);
		padding-left: 23px;
		margin: 5px 5px 5px 5px;
		font-size: 16px;
		background-size: 24%;
		color: #878787;
	}

	.microLearn .microInfo .title {
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 10px;
		min-height: 48px;
		max-height: 48px;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.microLearn .microInfo .infoBox .info {
		margin-top: 10px;
		font-size: 18px;
		line-height: 17px;
	}


	.microLearn .microPlayTime {
		position: absolute;
		top: 78%;
		left: 85%;
		z-index: 3;
		background-color: #454c39;
		width: 57px;
		text-align: center;
		border-radius: 5px;
		border: 1px solid #fff;
		color: #fff;
		padding: 5px;
		font-size: 14px;
		letter-spacing: 1.2px;
	}

	.microLearn .ext_cont_top_link {
		margin-top: 25px !important;
		margin-right: -9px !important;
	}

	.microLearn .ext_cont_top_link.mypage {
		margin-top: 25px !important;
		margin-right: -9px !important;
	}


	.microLearn .info.icon_lern {
		background-position: 0px 70%;
		background-repeat: no-repeat;
		background-image: url(/resource/image/main/icon_edu_mob.png);
		padding-left: 25px;
		margin: 10px 5px;
		font-size: 16px;
		background-size: 4%;
		color: #878787;
		width: 100%;
	}

	section.sub .content_wrap .sub_con.microLearn .search_box_wrap.type_01 .search_box.micro_search .text {float: none;width: calc(100% - 120px)!important;}

	.microLearn .micro_box_wrap {
		display: flex;
		margin-top: 0px;
		padding-top: 4px;
		border-top: 1px dashed #d7d7d7;
	}

	.microLearn .myMicroLern {
		width: 330px;
		border: 1px solid #dce5f6;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		vertical-align: middle;
		margin-left: calc(100% - 340px);
	}

    .microLearn .star_score span.st_on {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -10px;
        z-index: 10;
        background: url(/resource/image/main/star_score_on.png) no-repeat;
        background-size: 78px;
    }


	.microLearn .ext_cont_top_link {
		margin-top: 14px !important;
		margin-right: -10px !important;
	}

	.microLearn .select_04.selectCols {
		display: none !important;
	}

	 .content_wrap .sub_con.microLearn .list_top .flr.mob_full .list_filter {
        float: right;
    }

    .microLearn .titleWebHide {
    	display: block !important;
    	float: left;
    	font-size: 25px;
    }

    /*css수정*/
    section.sub .content_wrap .sub_con.microLearn .list_top .flr{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; height:auto;}
    .microLearn .titleWebHide{flex:0 1 auto;}
    .content_wrap .sub_con.microLearn .list_top .flr.mob_full .list_filter{flex-shrink:0; float:none !important; order:2;}
    .microLearn .rawInfo{margin:0 !important; padding:5px; box-sizing:border-box;}
    .microLearn .micro_list_box.list{padding:15px; box-sizing:border-box;}
    .microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2{width:100% !important; height:auto; margin:10px 0 25px !important;}
    .microLearn .microPlayTime{top:auto; left:auto; bottom:10px; right:10px;}
    .microLearn .micro_list_wrap .micro_list_box ul .micro_list_card_wrap_2 .thumbnail img{height:100% !important;}
}