@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.sub {font-size: 16px;}
.c0 {margin-top: 0;}

ol.basic { margin-top:20px;}
ol.basic.c0 {margin-top: 0;}
ol.basic > li {list-style-type:decimal; margin-left:17px; margin-bottom: 5px; line-height: 150%; border-bottom:1px dashed #ddd;}
ol.basic > li > ul { margin-top:5px; color:#333; margin-bottom:5px;}
ol.basic > li > ul > li {  padding:0 0 0 12px;}
ol.basic > li::marker {color: #2979cb; font-weight: 600; font-size: 17px;}
.finish { margin-top:70px; margin-bottom:120px;}

.line_dot { display: block; margin: 20px 0; height: 1px; width: 100%; border-bottom:1px dashed #ddd}

ul.basic {margin-top: 30px;font-family: 'Noto Sans KR', sans-serif;}
ul.basic.c0 {margin-top: 0;}
ul.basic > li{padding-left: 12px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all; text-align: left;}
ul.basic > li:last-child {margin-bottom: 0;}
ul.basic > li:before {width: 2px; height: 2px; position: absolute; background-color: #333; content: ""; top: 12px; left: 0;}
ul.basic2  {margin:10px 0 15px;}
ul.basic2 > li{padding-left: 12px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all; text-align: left;}
ul.basic2 > li:last-child {margin-bottom: 0;}
ul.basic2 > li:before {width: 7px; height:4px; position: absolute; background-color: #ddd; content: ""; top: 12px; left: 0;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer;}

p.basic { margin-top:20px;}


/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 30px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch { display:none; background:url("/resources/img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}
/* 서브페이지 기본 세팅 e */

.flicking {min-width: 850px !important;}

#container.sub {overflow: hidden; position: relative;padding-top: 129px;}





/*eng*/
/*.eng .lnb .depth1_name {width: 220px;}*/

/*navi*/
.navi {padding: 20px 0; background: url("/resources/img/sub/navi_bg.jpg");}
.navi .inner .lnb > div {display: inline-block; margin-right: 15px;  padding-right: 20px; float: left; position: relative;}
.navi .inner .lnb > .home > a {background: url("/resources/img/sub/sub_home.png") center no-repeat; width: 12px; height: 14px; padding: 4px 0; text-indent: -99999px; display: inline-block;}
.navi .inner .lnb > div::before {position: absolute; content: ""; width: 5px; height: 8px; background: url("/resources/img/sub/navi_arw.png") center no-repeat; right: 0; top: 50%; transform: translateY(-50%);}
.navi .inner .lnb > div:last-child {margin-right: 0;  padding-right: 0;}
.navi .inner .lnb > div:last-child::before {display: none;}
.navi .inner .lnb .lnb_menu > ul > li, .navi .inner .lnb .lnb_menu .more_btn {display: none;}
.navi .inner .lnb .lnb_menu > ul > li.on {display: inline-block; }
.navi .inner .lnb .lnb_menu > ul > li > a {cursor: default;}

/*navi*/
/*contents s*/

/*left_menu s*/
.left_menu {transition:1s ease; opacity:1; animation:loadLnb 2s; z-index: 1; position: relative; }
@keyframes loadLnb{
    0% {opacity:0;}
    100% { opacity:1;}
}

.contents .lnb.pc { float: left; width: 225px; box-sizing: border-box;}
.contents .lnb.pc .depth1_name {width: 100%; text-align: center; background: #2979cb;  margin-bottom: 20px; display: table;  height: 145px; border-bottom: 8px solid #2fb2ce; position: relative;}
.contents .lnb.pc .depth1_name::before {content: ""; position: absolute; width: 36px; height: 36px; left: 0; top: 0; background: url("/resources/img/sub/sub_tri.png") center no-repeat;}
.contents .lnb.pc .depth1_name span { display: table-cell; vertical-align: middle; font-size: 25px; font-weight: 500;  color:#fff; }
.contents .lnb.pc .lnb_menu > ul { border: 1px solid #ddd;}
.contents .lnb.pc .lnb_menu > ul > li { border-bottom: 1px solid #ddd; position: relative;}
.contents .lnb.pc .lnb_menu li {display: block !important;}
.contents .lnb.pc .lnb_menu > ul > li.openul > ul { display: block;}
.contents .lnb.pc .lnb_menu > ul > li > a {display: block; padding: 21px 25px; font-size: 15px; letter-spacing: -1px;  }
.contents .lnb.pc .lnb_menu > ul > li.lnb_menu > ul > a.open, .contents .lnb.pc .lnb_menu > ul > li.on > a, .contents .lnb.pc .lnb_menu > ul > li.openul > a { color: #2979cb; position: relative;}
.contents .lnb.pc .lnb_menu > ul > li.lnb_menu > ul > a.open::after, .contents .lnb.pc .lnb_menu > ul > li.on > a::after, .contents .lnb.pc .lnb_menu > ul > li.openul > a::after { content:''; display: inline-block; width: 9px; height: 16px; background: url("/resources/img/sub/sub_arw.png") center no-repeat;; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);  }

/* 교육안내 뎁스 추가 */
.contents .lnb.pc .lnb_menu > ul > li > a.deps-2 { padding:21px 23px; background: #fafafa; position: relative; }
.contents .lnb.pc .lnb_menu > ul > li > a.deps-2-total { background: #fafafa; }
.contents .lnb.pc .lnb_menu > ul > li > a.deps-2::before { content: ''; display: block; width:calc(100% + 2px); height:100%; position: absolute; top:-1px; left:-1px; border-bottom:solid 2px #2fb2ce; }
.contents .lnb.pc .lnb_menu > ul > li > a.deps-3 { text-indent: 10px; font-size: 13px; }

/*
.lnb .lnb_menu > ul > li > .open_menu { display: inline-block; position: absolute; right: 12px; cursor: pointer; top:24px; width:11px; height:6px; background: url("/web/resources/img/sub/left_lnb_menu.png") no-repeat center; text-indent: -99999px ;transition: .3s ease; z-index:-1;}
.lnb .lnb_menu > ul > li > .open_menu.open { transform: rotate(180deg);}
.lnb .lnb_menu > ul > li > ul {display: none; padding: 24px 18px; box-sizing: border-box; background: #f9f9f9;}
.lnb .lnb_menu > ul > li > ul > li {margin-top: 8px; padding-left: 11px; position: relative;;}
.lnb .lnb_menu > ul > li > ul > li:first-child { margin-top:0}
.lnb .lnb_menu > ul > li > ul > li::before {content: ''; display: inline-block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top:12px; border-radius: 5px;}
.lnb .lnb_menu > ul > li > ul > li > a { font-size:15px; letter-spacing: -.8px;}
.lnb .lnb_menu > ul > li > ul > li > a:hover { text-decoration: underline;}
.lnb .lnb_menu > ul > li > ul > li.on > a {color: #343651; font-weight: 500; border-bottom: 1px solid #343651;}
*/
.contents .lnb.pc .lnb_menu .more_btn, .contents .lnb.pc .lnb_menu .lnb_title, .contents .lnb.pc .home {display: none;}
.contents .lnb.pc .lnb_menu ul {display: block !important;}

/*left_menu e*/

.sub_contents { width: 925px; float: right;}
.sub_contents.full {width:100%}

h3 {font-size: 28px; font-weight: 500; line-height: 120%; word-break: keep-all; padding-bottom: 25px; border-bottom: 2px solid #ddd; margin-bottom: 30px;}
h3 span{display: block; font-weight: 300; line-height: 120%;}
h3 .txt {font-weight: 100;}
h4, .h4 {font-size: 22px; font-weight: 400; position: relative; margin-top: 55px; word-break: keep-all;  padding: 0 0 10px 35px; border-bottom: 1px solid #ddd;}
h4:before, .h4:before {display: inline-block; position: absolute; width: 26px; height: 26px; background: url("/resources/img/sub/h4_ico.png") center no-repeat; top: 3px; left: 0; content: "";}

.h4 {padding-left: 0; font-size: 22px; margin-top: 0;}
.h4:before {position: static; margin-right: 10px; vertical-align: middle;}


h5, .h5 {display: block; color: #193777; font-weight: 400; padding-left: 22px; font-size: 18px; margin-top: 25px;  position: relative; word-break: keep-all;}
h5:before, .h5:before {display: inline-block; position: absolute; width: 15px; height: 15px; background: url("/resources/img/sub/h5_ico.png") center no-repeat; top: 6px; left: 0; content: "";}
.e_box h5, .e_box .h5 {}
h6 {font-weight: 400; padding-left: 12px; position: relative; margin-top: 30px; font-size: 20px; word-break: keep-all;line-height: 130%;}
h6:before {content: ""; display: inline-block; width: 4px; height: 4px; background-color: #333; position: absolute; top: 9px; left: 0;}



.c_box {padding: 20px; border: 4px solid #eee; word-break: keep-all; line-height: 150%; margin-top: 20px;}

/*자주 묻는 질문*/
.qna .faq_wrap {border-top: 2px solid #2979cb; box-sizing: border-box; border-bottom: 1px solid #d2d2d2;}
.qna .faq_wrap .faq_box:first-child {border-top: none;}
.qna .faq_wrap .faq_box {border-top: 1px solid #d2d2d2; box-sizing: border-box;}
.qna .faq_wrap .faq_q {min-height: 50px; background: #fff; display: table; cursor: pointer; width:100%;}
.qna .faq_wrap .ico {width: 50px; min-height: 50px; height: 100%; background: #2979cb; display: table-cell; color: #fff; text-align: center; vertical-align: middle;}
.qna .faq_wrap .con {height: 100%; width: calc(100% - 50px); vertical-align: middle; padding: 10px 15px; display: table-cell;}
.qna .faq_wrap .faq_a {box-sizing: border-box; float: left; width: 100%; background: #fff; display: table; display: none; border-top: 1px solid #d2d2d2;}
.qna .faq_wrap .faq_a .ico {background: #f9f9f9; color: #333;}
.qna .faq_wrap .faq_a .con {padding: 20px 15px;}

.d_box {padding: 20px; border: 1px dashed #aaa; word-break: keep-all; line-height: 150%; margin-top: 20px;}
.m_color {color: #2979cb;}
.p_color {color: #2fb2ce;}

.tab_box {text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; margin-top: 40px;}
.tab_box a {display: inline-block; height: 50px; border: 1px solid #ddd; text-align: center; line-height: 50px; box-sizing: border-box; width: 20%;margin-left: -1px; transition: all .3s ease-in-out;}
.tab_box a.on, .tab_box a:hover {background-color: #2979cb; color: #fff; border: 1px solid #2979cb; z-index: 1;}
.txt {line-height: 150%; word-break: keep-all;}
img {max-width: 100%;}
.contents {padding: 35px 0 140px;}

.q_box {background: #f1f1f1 url("/resources/img/sub/sub_paral.png") right -230px top no-repeat; padding: 18px; box-sizing: border-box; position: relative; margin-top: 40px;}
.q_box::before {position: absolute; top: -20px; left: 50px; width: 49px; height: 34px; background: url("/resources/img/sub/quo.png") center no-repeat; content: "";}
.q_box .cont { background: #fff; padding: 35px;}
.q_box .cont .txt1 { font-size: 17px; color: #999; font-weight: 500;  position: relative; padding-bottom: 20px;}
.q_box .cont .txt1::before { width: 35px; height: 2px; background: #2979cb; content:""; position: absolute; bottom: 0; left: 0;}
.q_box .cont .txt2 {font-size: 25px; color:#2979cb; font-family: "Arita";     padding-top: 13px; word-break: keep-all;}
.q_box .cont .txt2 p {margin-top: 5px;}
.q_box .cont .txt2 p:first-child {margin-top: 0;}

.line {margin: 50px 0; width: 100%; border-top: 1px dashed #bbb;}
.sub .sec::after {display: block; content: ""; clear: both; height: 0;}

.new1 { display: inline-block; background:#fff url("/resources/img/sub/newwin_b.png") no-repeat 18px 8px;    cursor: pointer;
    border: 1px solid #d2d2d2;
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 6px 15px 6px 38px;
    transition: all 0.3s ease 0s;
    margin-left: 3px;}
.new1:hover { background: #e0e0e0 url("/resources/img/sub/newwin_b.png") no-repeat 18px 6px; color:#282828; border:1px solid #c0c0c0; }

.new5 { border:none; background: url("/resources/img/sub/newwin_b.png") no-repeat 18px 12px;}
.new5:hover { text-decoration: underline;}

/*greet s*/

/* .greet .q_box .cont {background: #fff url("/resources/img/sub/greet_bg.png") right bottom -20px no-repeat;} */
.greet .q_box .cont {background: #fff url("/resources/img/sub/greet_bg.png?ver=260708") 98% -1% no-repeat; background-size: 220px 220px; }
.greet .txt p {margin-top: 35px; line-height: 180%; font-weight: 400;}
.greet .sign {float: right; font-family: "Arita"; font-size: 21px; margin-top: 20px;}
/*greet e*/
/*history s*/
.history h5 {margin: 40px 0 20px;}
.history table.basic tbody td {word-break: keep-all;}
/*history e*/
/*vision s*/
.vision .q_box .cont { background: #fff url("/resources/img/sub/vision_bg.png?ver=0204") left center no-repeat;}
.vision .cw { display: inline-block; width: 49%; margin-right: 2%; float: left;}
.vision .cw:nth-child(2n) {margin-right: 0;}
/*vision e*/
/*org s*/
.org .sec1 {background: #eef1f3; padding: 50px 20px; text-align: center; margin-bottom: 50px;}
.org .sec1 img { max-width: 100%;}
.org .sec1 .pc {max-width: 100%;}
.org .sec1 .mobile {max-width: 290px; display: none;}
/*org e*/
/*location s*/
.location .map {width: 100%; height: 400px;}
.location .map .root_daum_roughmap { width: 100%; }
.location .map .root_daum_roughmap .cont { display: none; }
.location .sec1 > h4 {  }
.location .sec1 .info {margin-top: 20px;}
.location .sec1 .if {display: table;}
.location .sec1 .if .ico {width: 40px; height: 40px; border-radius: 100%; background: #2979cb; transition: all .3s ease; margin-right: 8px; position: relative; display: table-cell; vertical-align: middle;}
.location .sec1 .if .tt {vertical-align: middle; display: table-cell; padding-left: 8px;}
.location .sec1 .if .ico:hover {background: #2fb2ce;}
.location .sec1 .if .ico::before {width: 23px; height: 24px; background: url("/resources/img/sub/sp_loca.png") 0 -250px no-repeat; content: ""; position: absolute; /*top: 50%;*/ left: 50%; transform: translate(-50%, -50%);}
.location .sec1 .tel .ico::before {background-position: 0 -362px;}
.location .sec1 .fax .ico::before {background-position: 0 -307px;}
.location .sec1 .if .ti {font-weight: 600; margin-right: 20px;}
.location .sec1 .adr {margin-bottom: 15px;}
.location .sec1 .tel, .location .sec1 .fax {display: inline-block; width: 50%; float: left;}
.location .sec2 .ico {width: 40px; height: 50px; background: url("/resources/img/sub/sp_loca.png") -1px 0 no-repeat; display: inline-block; float: left; text-indent: -99999px;}
.location .sec2 .info {display: inline-block; width: calc(100% - 40px); box-sizing: border-box; padding: 15px 0 0 30px;}
.location .sec2 .info .rt {display: inline-block; float: left; padding-left: 20px; margin-left: 8px; position: relative;}
.location .sec2 .info .rt::after { content: ""; position: absolute; background: url(/resources/img/sub/sp_loca.png) no-repeat 0 -190px;  left: 0; top: 0; width: 19px; height: 19px;}
.location .sec2 .info .rt:first-child {padding-left: 0; margin-left: 0;}
.location .sec2 .info .rt:first-child::after {display: none;}
.location .sec2 .cw2 .ico {background-position: 0 -100px;}
.location .sec2 .cw2 .bus {display: inline-block; float: left; margin-right: 18px; padding-right: 20px; position: relative;}
.location .sec2 .cw2 .bus::before {height: 16px; width: 1px; background: #bbb; top: 2px; right: 0; content: ""; position: absolute;}
.location .sec2 .cw2 .bus:last-child {margin-right: 0; padding-right: 0;}
.location .sec2 .cw2 .bus:last-child::before {display: none;}
.location .sec3 .cont3 .f_wrapper {margin-top: 30px;}
.location .sec3 .cont3 .line {margin: 30px 0;}

.location .dep3_cont { position: relative; }
.location .dep3_cont > ul > li { width: 100%; position: absolute; transition: all 0.4s ease; opacity: 0; overflow: hidden; }
.location .dep3_cont > ul > li .sec1 > h4 { margin-top: 35px; margin-bottom: 20px; }
.location .dep3_cont > ul > li h4 { line-height: normal; }
.location .dep3_cont > ul > li.active { position: relative; opacity: 1; }
.location .dep3_cont > ul > li.active .sec1 > h4 { margin-top: 35px; margin-bottom: 20px; opacity: 0; }
.location .dep3_cont > ul > li.active .map { opacity: 0; }
.location .dep3_cont > ul > li.active .sec1 > h4,
.location .dep3_cont > ul > li.active .map { animation: fadeInDown 0.8s linear 0.2s 1 normal forwards; }

@-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }


/*location e*/
/*secu s*/
.secu h4 {margin-bottom: 20px;}
/*secu e*/
/*site s*/
.site .link_wrap::after {display: block; content: ""; clear: both;  height: 0;}
.site .link {display: inline-block; width: 32%;  border: 1px solid #ddd; margin: 2% 2% 0 0; float: left;  box-sizing: border-box; transition: all .3s ease; text-align: center; padding: 12px; position: relative; overflow: hidden;}
.site .link::before {content: ""; position: absolute; bottom: -10px;  width: 20px; height: 20px; background: #ddd; right: -10px;   transform: rotate(45deg); transition: all .3s ease;}
.site .link:hover::before {background: #2fb2ce;}
.site .link:hover {border-color: #2fb2ce; background: #fafafa;}
.site .link:nth-child(3n) { margin: 2% 0 0 0;}
.site .link .st_logo {border: 1px solid #ddd; background: #fff;}
.site .link .st_logo img {width: 100%; max-width: 210px;}
.site .link .ti {margin-top: 10px;}
.site .link .tx { font-size: 15px; font-weight: 400;margin: 25px 0 15px; transition: all .3s ease; position: relative;}
/*.site .link .tx::before {  content: ""; position: absolute; top: -15px; width: 15px; height: 2px;background: #ddd;  left: 50%; transform: translateX(-50%); transition: all .3s ease;}*/
.site .link:hover .tx {color: #2979cb;} 
/*.site .link:hover .tx::before {background: #2979cb;}*/
.site .link:hover .new1 { background: #e0e0e0 url("/resources/img/sub/newwin_b.png") no-repeat 18px 6px; color:#282828; border:1px solid #c0c0c0; }
.site .new1 {font-size: 15px; display: block; text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal; overflow: hidden; display: none;}
.site .line {margin: 25px 0;}
/*site e*/

/*회원가입 join s*/
.joinbox_wrap .join_box {border: 1px solid #ddd; border-top: 2px solid #2979cb; box-sizing: border-box; margin-top:20px;}
.joinbox_wrap .join_box .item {padding: 16px 20px;box-sizing: border-box;border-top: 1px solid #e5e9f0; font-size: 0;}
.joinbox_wrap .join_box .item:first-child {border-top:0}
.joinbox_wrap .join_box .item > * { font-size: 16px;}
.joinbox_wrap .join_box .id_input .join_inp { width: calc(60% - 89px);}
.joinbox_wrap .join_box .item .join_sel {width: 120px; height: 36px; box-sizing: border-box; background: #fff url(/resources/img/common/lnb_ico.png)no-repeat right 3px top -62px;  border: 1px solid #ddd; padding: 5px;}
.joinbox_wrap .join_box .item .join_label { font-weight:500; box-sizing: border-box;  display: inline-block; width:160px; padding-left: 15px; vertical-align: middle;} 
.joinbox_wrap .join_box .item .join_txt { vertical-align: middle; display: inline-block; width: calc(100% - 160px); padding-left: 10px; box-sizing: border-box;} 
.joinbox_wrap .join_box .item .join_inp {background: #f9f9f9; border: 1px solid #eee; line-height: 150%;}
.essential {position: relative; padding-left: 15px;}
.essential::before { position: absolute; left:0; content: '*'; display: inline-block; color: #f68c1f; font-weight: 600;}
.joinbox_wrap .join_box .item .j_address { width:200px;}
.joinbox_wrap .chk_btn {padding: 7.5px 15px; vertical-align: middle;  background: #343651; border: 0; color: #fff; border: 1px solid #343652; text-align: center; transition: all .2s; display: inline-block;}
.essential {position: relative; padding-left: 15px;}
.essential::before { position: absolute; left:0; content: '*'; display: inline-block; color: #f68c1f; font-weight: 600;}
.j_agree_box { height:200px;}

.id_check_pop .search_btn{ padding:6px 15px; vertical-align: middle; background: #343651; border: 0; color: #fff; border:1px solid #343652; text-align: center;transition: all .2s; display: inline-block;}
.id_check_pop .search_btn:hover{background: #333;transition: all .2s;}
.id_check_pop .search_form { font-size: 0; padding:30px; box-sizing: border-box; border: 2px solid #ddd; background: #f9f9f9 }
.id_check_pop .search_form * { font-size: 15px; vertical-align: middle;}
.id_check_pop .search_form input[type="text"]{/*width: 50%;*/ width:auto; height: 35px; box-sizing: border-box; /*margin: 0 3px;*/padding: 5px; border: 1px solid #ddd;}
.id_check_pop .search_form .search_btn { width: 16%; box-sizing: border-box; padding: 6px 5px; max-width: 70px;}
.id_check_pop .popup_layer .pop_header { background: #343651; color:#fff; font-family: 'nexentire'; font-size: 22px; position: relative; font-weight: 600; padding: 15px 30px;}
.id_check_pop .popup_layer .pop_header p { display: inline-block; transform: skew(-0.03deg);}
.id_check_pop .pop_cont { overflow-y: auto; background: #fff; padding:30px 30px 40px; box-sizing: border-box;}
.id_check_pop .pop_cont .search_form  { text-align: center;}
.id_check_pop .pop_cont .search_form > input[type="text"] {width: 50%;}

/*인천중구 join s*/
.ui-widget-content {min-width: 318px;  border: none;}
.ui-widget.ui-widget-content {border-radius: 0px;  border: 3px solid;}
.ui-datepicker-div {font-family: 'NanumSquare';}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #2fb2ce;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #000; background: #2fb2ce;}
.ui-datepicker .ui-datepicker-buttonpane button {border-radius: 0; border: 2px solid;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background: url(/resources/img/sub/datepicker_arw_l.png) center no-repeat;  height: 19px; width: 11px; transform: translate(-50%, -50%);  margin: 0;}
.ui-datepicker .ui-datepicker-next span {background-image: url("/resources/img/sub/datepicker_arw_r.png");}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
padding: 4px;
margin: 0 3px;
background: #fdfdfd url(/resources/img/common/select_bg.png) no-repeat 98% 50%;
}
/*인천중구 join e*/

/*아이디 찾기 s*/
.sch .joinbox_wrap .join_box .item .join_label {padding-left: 0;}
.sch .joinbox_wrap .join_box .item .result_box {background: #f9f9f9; border: 1px solid #eee; line-height: 150%; box-sizing: border-box; padding: 7px; display: inline-block;float: left; margin-right: 5px; width: 60%;}

/*아이디 찾기 e*/

/*회원가입 join e*/
/*이용약관 term s*/
.infouse .sub_contents ol, .infouse .sub_contents ul {margin-top: 10px;margin-bottom: 10px;}
.infouse .sub_contents li {line-height: 1.5; margin-bottom: 5px;}
.section4-body > [class^="list"],
.section4-body > [class^="bul"],
.h5-content { margin-left:12px;}

.h5 + [class^="tbl"], .h5 ~ [class^="tbl"], .h5 ~ .txt-wrap, .h5 + .h5-content {
    margin: 10px 0 10px 12px;
}
/* 한글목록 */
.list-kor1 > li::before {content:'가.';} .list-kor1 > li+li::before {content:'나.';} .list-kor1 > li+li+li::before {content:'다.';} .list-kor1 > li+li+li+li::before {content:'라.';} .list-kor1 > li+li+li+li+li::before {content:'마.';} .list-kor1 > li+li+li+li+li+li::before {content:'바.';} .list-kor1 > li+li+li+li+li+li+li::before {content:'사.';} .list-kor1 > li+li+li+li+li+li+li+li::before {content:'아.';} .list-kor1 > li+li+li+li+li+li+li+li+li::before {content:'자.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li::before {content:'차.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li::before {content:'카.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'타.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'파.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'하.';}
.list-kor2 > li::before {content:'(가)';} .list-kor2 > li+li::before {content:'(나)';} .list-kor2 > li+li+li::before {content:'(다)';} .list-kor2 > li+li+li+li::before {content:'(라)';} .list-kor2 > li+li+li+li+li::before {content:'(마)';} .list-kor2 > li+li+li+li+li+li::before {content:'(바)';} .list-kor2 > li+li+li+li+li+li+li::before {content:'(사)';} .list-kor2 > li+li+li+li+li+li+li+li::before {content:'(아)';} .list-kor2 > li+li+li+li+li+li+li+li+li::before {content:'(자)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li::before {content:'(차)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li::before {content:'(카)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(타)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(파)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(하)';}
.list-kor3 > li::before {content:'가)';} .list-kor3 > li+li::before {content:'나)';} .list-kor3 > li+li+li::before {content:'다)';} .list-kor3 > li+li+li+li::before {content:'라)';} .list-kor3 > li+li+li+li+li::before {content:'마)';} .list-kor3 > li+li+li+li+li+li::before {content:'바)';} .list-kor3 > li+li+li+li+li+li+li::before {content:'사)';} .list-kor3 > li+li+li+li+li+li+li+li::before {content:'아)';} .list-kor3 > li+li+li+li+li+li+li+li+li::before {content:'자)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li::before {content:'차)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li::before {content:'카)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'타)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'파)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'하)';}
.list-kor1 > li, .list-kor2 > li, .list-kor3 > li, .list-kor4 > li { padding-left:24px;}

/* 숫자목록 */
.list-num {counter-reset:num0;list-style-type: decimal-leading-zero;} .list-num > li::before {counter-increment:num0; content:counter(num0, decimal) "";}
.list-num1 {counter-reset:num1;} .list-num1 > li::before {counter-increment:num1; content:counter(num1, decimal) ".";margin-right:4px;}
.list-num2 {counter-reset:num2;} .list-num2 > li::before {counter-increment:num2; content:"(" counter(num2, decimal) ")";margin-right:4px;}
.list-num3 {counter-reset:num3;} .list-num3 > li::before {counter-increment:num3;content:counter(num3, decimal) ")";margin-right:4px;}
.list-num4 {counter-reset:num4;} .list-num4 > li::before {counter-increment:num4; content:counter(num4, decimal);margin-right:4px;font-size:12px;display:inline-block;width:16px;height:16px;border:1px solid #666;border-radius:50%;line-height:16.5px;text-align:center;}

.list-num1>li,
.list-num2>li{padding-left: 20px;}
.list-num3>li,
.list-num4>li {padding-left:22px;}
/* 알파벳목록  */
.list-eng1 > li {padding-left:18px;}
.list-eng2 > li {padding-left:18px;}
.list-eng3 > li {padding-left:18px;}
.list-eng4 > li {padding-left:18px;}
.list-eng4 > li:before {top:8px;}
.list-eng1 {counter-reset:eng1;} .list-eng1 > li::before {counter-increment:eng1; content:counter(eng1, upper-alpha) ".";margin-right:4px;}
.list-eng2 {counter-reset:eng2;} .list-eng2 > li::before {counter-increment:eng2; content:"(" counter(eng2, lower-alpha) ")";margin-right:4px;}
.list-eng3 {counter-reset:eng3;} .list-eng3 > li::before {counter-increment:eng3; content:counter(eng3, lower-alpha) ")";margin-right:4px;}
.list-eng4 {counter-reset:eng4;} .list-eng4 > li::before {counter-increment:eng4; content:counter(eng4, lower-alpha);margin-right:4px;font-size:12px;display:inline-block;width:16px;height:16px;border:1px solid #666;border-radius:50%;line-height:13px;text-align:center;}
.list-num1 > li, .list-num2 > li, .list-num3 > li, .list-kor1 > li {position: relative;}
.list-num1 > li::before, .list-num3 > li::before, .list-num2 > li::before, .list-kor1 > li::before { position: absolute; left: 0; top: 0;}
.section4 .section4-body { padding-top: 20px;}
.section4-body h5:first-child { margin-top: 0;}
.infouse .txt-wrap { display: block; margin-bottom: 10px;}
.infouse .txt-wrap > p {line-height: 1.6;}
.list-circle > li, .list-square > li, .list-bar > li, .list-dot > li, .list-num > li, .list-num1 > li, .list-num2 > li, .list-num3 > li, .list-num4 > li, .list-kor1 > li, .list-kor2 > li, .list-kor3 > li, .list-kor4 > li, .list-eng1 > li, .list-eng2 > li, .list-eng3 > li, .list-eng4 > li {display: block; position: relative; margin: 3px 0; text-align: left; line-height: 1.6;}
.list-circle > li { position:relative; padding-left: 8px;}
.list-circle > li:before { content: "";  display: block;  overflow: hidden; position: absolute;  left: 0;  top: 10px; width: 4px;height: 4px;  border-radius: 50%;  background-color: #575757;}
.h5-content > p { margin: 10px 0;}
.copy .tit-wrap { text-align: center; padding: 15px 0; background: #f2f2f2;}
.copy .mark_img {    vertical-align: middle;}
.copy-policy-list ul li {width: 50%; float: left; }
.copy-policy-list ul li .copy-policy-inner { margin: 0 0 28px 28px; height: 240px; background-color: #fff;  border: 1px solid #ddd;}
.copy-policy-list ul li .copy-policy-inner .cont-wrap {width: 100%; line-height: 170px;text-align: center;}
.copy-policy-list { width: 100%; height: auto; padding-top: 20px;  box-sizing: border-box;}

/*이용약관 term e*/
/*교육 안내 view*/
.edu_view .title1 {font-size: 20px;  margin: 20px 0 30px;}
.edu_view .edu_pic {border: 1px solid #ddd;}
.edu_view .edu_pic img {width: 100%;}
.edu_view .board_list th {width: 13%;}
.edu_view .board_list td {word-break: keep-all;}
/*교육 안내 view*/

/*설문조사 write*/
.survey_box {    border: 1px solid #ddd;
    border-top: 2px solid #2979cb;
    box-sizing: border-box;
    margin-top: 30px;}
.survey_box .sbj_box {    padding: 20px;
    background: #eee;}
.survey_box .item {    padding: 14px 20px;
    box-sizing: border-box;
    border-top: 1px solid #e5e9f0;}
.survey_box .item input[type="text"] {width: 100%;}
.infouse .sub_contents .survey_box .item_box {margin: 0;}

.survey_box.term_box {border-top: 2px solid #555;}
.survey_box .term_agree{box-sizing: border-box;
    padding: 14px 20px;}

.survey_box .term_con {max-height: 150px; overflow-y: auto; /*border: 1px solid #ddd;*/ background-color: #fff; padding: 20px; box-sizing: border-box;}

.survey_wrap h4 {margin: 30px 0; padding: 0 0 30px 35px;}

/*설문조사 list*/
.survey_wrap .board_list th.no  {width: 7%;}
.survey_wrap .board_list th.dt1 {width: 20.5%;}
.survey_wrap .board_list th.pt {width: 6.2%;}
.survey_wrap .board_list th.st {width: 9%;}
.survey_wrap .st01 {color: #2979cb; font-weight: 500;}/*진행 중*/
.survey_wrap .st02 {color: #ff6248; font-weight: 500;}/*마감*/
.survey_wrap .st03 {color: #333; font-weight: 500;}/*중지*/

/*input 디자인*/


input[type="checkbox"], input[type="radio"] {display: none;}
/*checkbox*/
input[type="checkbox"] + label {display: inline-block;
    cursor: pointer;
    line-height: 18px;
    padding-left: 27px;
    position: relative;}
input[type="checkbox"] + label span {vertical-align: middle;}
    input[type="checkbox"] + label:before {width: 20px; height: 20px; border: 1px solid #ddd; box-sizing: border-box; content: ""; position: absolute; left: 0; top: 0px;}
    input[type="checkbox"]:checked + label:before {background: url("/resources/img/board/chk.jpg") no-repeat center; }

/*radio*/
input[type="radio"] + label {display: inline-block;
    cursor: pointer;
    line-height: 18px;
    padding-left: 27px;
    position: relative;}
input[type="radio"] + label span {vertical-align: middle;}
    input[type="radio"] + label:before {width: 20px; height: 20px; border: 1px solid #ddd; box-sizing: border-box; content: ""; position: absolute; left: 0; top: 2px; border-radius: 20px; overflow: hidden;}
    input[type="radio"]:checked + label:before {background: url("/resources/img/board/chk.jpg") no-repeat center; }




/* login */
.login_cont { background: #f1f5f7; padding:70px 0;}
.login_cont .tit {  color:#2a79cb; font-size: 55px; font-weight: 600; text-align: center; padding-top: 65px; background: url("/resources/img/sub/login_tit.png") no-repeat center 0; background-size: 50px; }
.login_cont .lgn_box {margin-top:30px; padding:0 30px; box-sizing: border-box; text-align: center;}
.login_cont .tiptxt { line-height: 160%; margin-top: 20px;}
.login_cont .lgn_div { padding:10px 20px; border:1px solid #ddd; background:#fff; margin-bottom: 15px; text-align: center; display: inline-block; width:55%; text-align: left; box-sizing: border-box;}
.login_cont .lgn_div:first-child {margin-bottom: 5px;}
.login_cont .lgn_div label {display: inline-block; border-right: 1px solid #ddd; padding-right: 10px; min-width: 15%; vertical-align: middle;}
.login_cont .lgn_div input[type="text"], .login_cont .lgn_div input[type="password"] {padding-left:10px; border:none; vertical-align: middle;}
.login_cont .rmber_id { width:55%; display: inline-block; text-align: left; margin-bottom:20px;}
.login_cont .rmber_id input {vertical-align: middle;}
.login_cont .rmber_id label {vertical-align: middle;}
.login_cont .login_btn { display: inline-block;min-width: 55%; text-align: center; background: #2a79cb; transition: .3s ease; cursor: pointer; border:none; color: #fff; padding:20px 10px;  box-sizing: border-box; border-radius: 5px;}
.login_cont .login_btn:hover {background:#193777;}
.login_cont .join_btn_box { margin-top: 25px; border-top: 1px solid #ddd; padding-top: 15px; min-width: 55%; display: inline-block; text-align: left;}
.login_cont .join_btn_box::after { content: '';display: block; clear: both;}
.login_cont .join_btn_box a { display: inline-block; vertical-align: middle; text-align: center; position: relative; }
.login_cont .join_btn_box a::before { display: inline-block;content: ''; width: 2px; height: 2px; border-radius: 50px; background: #777; margin: 0 5px; vertical-align: middle;}
.login_cont .join_btn_box a:first-child::before { display: none;}
.login_cont .join_btn_box a:hover { text-decoration: underline;}
.login_cont .join_btn_box a.join { border: 1px solid #ddd; border-radius: 5px; padding: 4px 15px; background: #f9f9f9; transition: .3s ease;}
.login_cont .join_btn_box a.join:hover { background-color: #eee;}
.login_cont .join_btn_box a.join::before {display: none; }


/* 3 depth s */
.depth_3 {  display:block; margin-bottom: 30px; font-size: 0; text-align: center;} 
.depth_3 ul {display:inline-block; border-left: 1px solid #ddd; max-width: 80%; width: 100%;}
.depth_3 li {display:inline-block; width: 50%;} 
.depth_3 li a {display:block;padding: 10px 0;text-align: center; box-sizing: border-box; border: 1px solid #ddd;  border-left: 0; font-size: 17px; background: #f2f2f2;} 
.depth_3 li a.on { background: #2979cb;border-color: #2979cc; color: #fff;}
.depth_3 li a .txt {vertical-align:middle;}
.depth_3 li a .ico {vertical-align:middle; margin-right:10px; display:inline-block; width:18px; height:18px; }
.depth_3 li a.photo_btn .ico {background:url("/resources/img/sub/imgvdo_ico1_b.png") no-repeat center; background-size:100%;}
.depth_3 li a.vdo_btn .ico {background:url("/resources/img/sub/imgvdo_ico2_b.png") no-repeat center; background-size:100%;}
.depth_3 li a.on.vdo_btn .ico {background:url("/resources/img/sub/imgvdo_ico2.png") no-repeat center; background-size:100%;}
.depth_3 li a.on.photo_btn .ico {background:url("/resources/img/sub/imgvdo_ico1.png") no-repeat center; background-size:100%;}

/* 3 depth e */

/* 갤러리 */
.gallery_box {font-size: 0; margin-top: 30px;}
.gallery_box > div {border:1px solid #fff; display: inline-block; width: 50%;box-sizing: border-box; font-size: 17px; text-align: center; position: relative;}
.gallery_box > div.left {background:url("/resources/img/sub/imgvdo_left.jpg") no-repeat center; background-size: cover;}
.gallery_box > div.right {background:url("/resources/img/sub/imgvdo_right.jpg") no-repeat center; background-size: cover;}
.gallery_box > div a { display: block; width: 100%; height: 100%; padding:70px 30px; box-sizing: border-box; position: relative; color: #fff; position: relative;z-index: 1; transition:.3s ease;}
.gallery_box > div a::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,.5); transition:.3s ease;  z-index: -1;}
.gallery_box .left .ico { display: inline-block; width: 50px; height: 50px; background:url("/resources/img/sub/imgvdo_ico1.png")  no-repeat center;}
.gallery_box .right .ico { display: inline-block; width: 50px; height: 50px; background:url("/resources/img/sub/imgvdo_ico2.png")  no-repeat center;}

.gallery_box > div .tit { margin-top: 20px; font-size: 30px;}
.gallery_box > div .more_btn { margin-top: 15px; display: inline-block; color:#eee; border:1px solid #eee; transition:.3s ease; padding: 2px 10px; border-radius: 50px;}

.gallery_box > div a:hover::before {background: rgba(41,121, 203, .85);}
.gallery_box > div a:hover .more_btn { background: #fff; color:#333}


.gallery_box > div::before {top:10px; transform: translateX(-50%); left: 50%; }
.gallery_box > div::after{top:50%; left:10px; transform: translateY(-50%); }
.gallery_box > div .hover::before { bottom:10px; transform: translateX(-50%); left: 50%; }
.gallery_box > div .hover::after{top:50%; right:10px; transform: translateY(-50%); }


.gallery_box > div::before, .gallery_box > div::after, .gallery_box > div .hover::before, .gallery_box > div .hover::after {content: ""; display: block; position: absolute; background-color: #fff; z-index: 2; transition: .3s ease; }

.gallery_box > div::before, .gallery_box > div .hover::before {width: 0%; height: 1px;}
.gallery_box > div::after, .gallery_box > div .hover::after {width: 1px; height: 0%;}
.gallery_box > div:hover:after, .gallery_box > div:hover .hover::after {height:100%;}
.gallery_box > div:hover:before, .gallery_box > div:hover .hover::before {width: 100%;} 


/* 창업동아리 */
.startup_title {margin-top:20px; display:inline-block; width:100%;}
.startup_title .title_box {background:url("/resources/img/sub/startup_top2.png?ver=210217") no-repeat right 21px; background-size:420px;padding:20px 0 45px;  }
.volunteer_title .title_box {background:url("/resources/img/sub/volunteer_top2.png?ver=210217") no-repeat right 21px; background-size:420px;padding:20px 0 45px;  }
.academy_title .title_box {background:url("/resources/img/sub/academy_top2.png?ver=210217") no-repeat right 0; background-size:500px;padding:20px 0 50px;  }
.startup_title .title_box .txt1 { font-size: 23px; color: #2979cb; font-weight:500; letter-spacing:-1.2px; line-height: 180%; }
.startup_title .title_box .txt2 { font-size: 18px;  margin-top:20px;line-height: 160%;}
.e_box {padding:25px; margin-top:0; border:1px solid #dfeaf7; background:#f2f6fb; }


.recruit_btn {transition:.3s ease; display:inline-block; padding:2px 8px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; background:#f9f9f9; color:#777}
.recruit_btn.recruit1 { background:#e88117; color:#fff; border-color:#e88118; }
a.recruit_btn.recruit1:hover, button.recruit_btn.recruit1:hover {background:#de7304}
.recruit_btn.recruit2 { color:#999; background:#eee;}
.recruit_btn.recruit3 { border:1px dotted #193777; color:#193777; background:#fff;}
.recruit_btn.recruit4 { border:1px solid #2979cd; color:#fff; background:#2979cd;}
.recruit_btn.recruit4:hover { border-color: #193778; background:#193777;}

.recruit_btn.recruit1_2 { background:#64b329; color:#fff; border-color:#64b328; }
.recruit_btn.recruit1_3 { background:#23947f; color:#fff; border-color:#239479; }

.ul_step {}
.ul_step li { position: relative; font-size: 0; margin-top: 7px;}
.ul_step li:first-child {margin-top:0;}
.ul_step li * { font-size: 16px;}
.ul_step li .tit {box-sizing: border-box; display: inline-block; min-width: 80px; font-weight: 500; border:1px dotted #193777; color: #193777; border-radius:5px; padding: 2px 10px; text-align: center;vertical-align: top;}
.ul_step li .txt { display: inline-block; width: calc(100% - 80px); box-sizing: border-box; padding-left: 15px;vertical-align: top;}

.step_6 { font-size: 0; margin-top: 20px;}
.step_6 li { font-size:15px; font-weight: 400; position: relative; display: inline-block; vertical-align: top; border:1px solid #ddd; background: #f9f9f9; text-align: center; padding: 30px 10px 15px; border-radius: 10px; box-sizing: border-box; width: 14.666%; margin: 1%; }
.step_6 li .num { border-radius: 50px; position: absolute; top: -10px; left: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; color:#fff; background: #2979cd;}
.step_6 li .ico { width: 40px; height: 40px; display: inline-block; margin: 0 auto; margin-bottom: 10px;}
.step_6 li .txt {border-top: 1px dotted #ddd; padding-top: 10px; min-height: 40px; display: table;width: 100%;}
.step_6 li .txt .middle {display: table-cell;vertical-align: middle;}
/* 수강신청 및 취소 */
.step_6 li .ico.ico1_1 {background: url("/resources/img/sub/prog_ico1_1.png") no-repeat center;}
.step_6 li .ico.ico1_2 {background: url("/resources/img/sub/prog_ico1_2.png") no-repeat center;}
.step_6 li .ico.ico1_3 {background: url("/resources/img/sub/prog_ico1_3.png") no-repeat center;}
.step_6 li .ico.ico1_4 {background: url("/resources/img/sub/prog_ico1_4.png") no-repeat center;}
.step_6 li .ico.ico1_5 {background: url("/resources/img/sub/prog_ico1_5.png") no-repeat center;}
.step_6 li .ico.ico1_6 {background: url("/resources/img/sub/prog_ico1_6.png") no-repeat center;}
.step_6 li .ico.ico2_1 {background: url("/resources/img/sub/prog_ico2_1.png") no-repeat center;}
.step_6 li .ico.ico2_2 {background: url("/resources/img/sub/prog_ico2_2.png") no-repeat center;}
.step_6 li .ico.ico2_3 {background: url("/resources/img/sub/prog_ico2_3.png") no-repeat center;}
.step_6 li .ico.ico2_4 {background: url("/resources/img/sub/prog_ico2_4.png") no-repeat center;}
.step_6 li .ico.ico2_5 {background: url("/resources/img/sub/prog_ico2_5.png") no-repeat center;}


/* 텍스트 강조형 */
.round_txt { font-weight: 500; background-color: #ec5520; border: 1px solid #ec5521; color: #fff; border-radius: 50px; padding: 2px 10px; display: inline-block;}
.round_txt2 { font-weight: 500; background-color: #2979cb; border: 1px solid #2979ca; color: #fff; border-radius: 50px; padding: 2px 10px; display: inline-block;}
.cont_tit { font-size: 20px; font-weight: 500; margin-top: 30px; position: relative;}
.cont_tit::before { content: ''; display: inline-block;background: #ddd;}


.tip_box {margin-top: 30px;  border: 2px dotted #dfeaf7; border-bottom: 3px solid #dfeaf7; display: inline-block; width: 100%; background: #f7fbff url("/resources/img/common/tip_ico.png") no-repeat 20px 22px;  padding:20px 25px 20px 60px; box-sizing: border-box; }
.tip_box h3, .tip_box h4, .tip_box .cont_tit { color:#333; margin:25px 20px 5px 0; font-weight: 600; tip_box-left:0; font-size:19px;}
.iconbox p.basic, .tip_box ul.basic, .tip_box ol.basic {font-size: 17px;  margin:10px 20px 0 0; }

.tip_box2 {margin-top: 30px;background: #f7fbff; border: 2px dotted #dfeaf7;text-align:center; border-bottom: 3px solid #dfeaf7; display: inline-block; width: 100%;  padding:20px 25px; box-sizing: border-box; }
.tip_box2 p {vertical-align:top; font-size:17px;}
.tip_box2 p::before {content:''; display:inline-block; width:30px;vertical-align:top; margin-right:5px; height:30px;background: url("/resources/img/common/tip_ico.png") no-repeat center;  margin-top:-2px;}
.chkbox_wrap {}
.chkbox_wrap > div { display: inline-block; font-size: 17px; margin:0 10px}

input[type="checkbox"].default_chkbox, input[type="radio"].default_chkbox { position:relative; display: inline;} /* 기본 체크박스 */

/* register.php - 수강증 */
.printDiv { text-align: center;max-width: 500px; width:100%; margin:0 auto; position: relative; box-sizing: border-box; border:1px solid #ddd;}
.printDiv .bg {position: absolute; width: 100%; height: 100%; z-index: -1; }
.printDiv .bg img { max-width: 60%;}
.printDiv .bg .top_bg { position: absolute;text-align: right;  z-index:-1; top: 0; right: 0;}
.printDiv .bg .bottom_bg { position: absolute;text-align: left;  z-index:-1; bottom: 0; left: 0;}
.printDiv .bg .bottom_bg { max-width: 320px;}
.printDiv .bg .bottom_bg2 { position: absolute;text-align: right;  z-index:-1; bottom:25px; right: 10px;}
.printDiv .bg .bottom_bg2 img { max-width: 200px;}
.printDiv table {background: none; border:1px solid #ddd; border-top: 2px solid #2979cb;}
.printDiv table td, .printDiv table th { border-color: #ddd; border-right: 1px solid #ddd;}
.prnt_tit { font-family: 'NotoSerifKR'; font-size: 45px; margin-top: 50px;}
.printDiv .print_bottom { margin-top: 20px;}
.printDiv .foot_txt { background: #fff; border:1px solid #ddd; text-align: center; font-size: 14px; padding: 10px; box-sizing: border-box; margin-top: 20px;}
.printDiv .print_cont { max-width: 90%; margin:0 auto; width: 100%;}

.print_btn{ vertical-align:middle;width:auto;display:inline-block;background:#2979cb; padding:3px 5px; min-width:80px; box-sizing:border-box; text-align: center; color:#fff; cursor: pointer; transition:all .2s; border: 1px solid #2979cb;}
.btprint_btnn07:hover { color: #fff; background:#193777;}



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

    .sub_contents {width: 100%;}
    .navi {display: none;}
    .navi .lnb_menu { display: inline-block; padding-left:26px; box-sizing: border-box; max-width: 260px; width: 100%; position: relative; z-index: 1; vertical-align: middle;}
    .navi .lnb_menu .lnb_title { display: block; font-size:17px; color:#fff; cursor: pointer; padding: 15px 0;}
    .navi .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
    .navi .lnb_menu li {  box-sizing: border-box; }
    .navi .lnb_menu li a { font-size: 15px; transition: .3s ease; color: #eee; box-sizing: border-box; display: block; padding: 10px 20px; width: 100%; border: 1px solid #354d66; border-top: 0; background: #073956;}
    .navi .lnb_menu li a:hover, .navi .lnb .lnb_menu li.on a {background-color: #0e253c;}
    .navi .lnb_menu li a span { }
    .navi .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}
    
  
.contents .lnb.mobile {height: 58px;  background-color: #2979cb; font-size: 17px;   box-sizing: border-box;width: 100%; position: relative; z-index: 1; margin: -35px 0 35px; margin-left: -1.5%; /*(이너width값%-100%)/2 */}
.contents .lnb.mobile::before { width: 120vw; content: ""; position: absolute;  height: 58px; background: #2979cb; z-index: -1; top: 0; left: -10vw;}
    
.contents .lnb.mobile div {float: left;}
.contents .lnb.mobile .home {width: 68px; height: 58px; background: #2979cb url("/resources/img/sub/sub_home_w.png") no-repeat center;}
.contents .lnb.mobile .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.contents .lnb.mobile .depth1_name {width: 130px;text-align: center; border-left: 1px solid #2fb2ce;  border-right: 1px solid #2fb2ce; }
.contents .lnb.mobile .depth1_name span {color: #eee; line-height: 58px; display: inline-block; width: 100%; height: 100%; box-sizing: border-box;}
.contents .lnb.mobile .lnb_menu {width: 240px;position: relative; z-index: 10;}
.contents .lnb.mobile .lnb_menu .lnb_title {cursor: pointer; line-height: 58px; color: #fff; box-sizing: border-box; padding-left: 25px; position: relative; z-index: 1;}
.contents .lnb.mobile .lnb_menu ul { display: none; border-top: none; border-bottom: none; background-color: #fff; box-sizing: border-box; position: absolute; width: 100%;}
.contents .lnb.mobile .lnb_menu li {  box-sizing: border-box; background-color: #2a6cb1;border-top: 1px solid #3c85d0;}
.contents .lnb.mobile .lnb_menu li a {display: inline-block; width: 100%; height: 100%; padding:14px 0;color: #fff; padding-left: 30px; box-sizing: border-box;font-weight: 400; transition: all .3s ease; font-size: 14px;}
.contents .lnb.mobile .lnb_menu li a:hover {background-color: #2fb2ce;}

.contents .lnb.mobile .lnb_menu .more_btn {width: 30px; height: 30px; background: url("/resources/img/sub/sub_lnb_arw.png") no-repeat center; position: absolute; right: 20px; text-indent: -9999px; cursor: pointer; transition: all .3s ease-in-out; top:13px;}
.contents .lnb.mobile .lnb_menu .more_btn.more_add { transform: rotate(-180deg);  right: 20px;}

    
/* login */
.login_cont { box-sizing: border-box; padding: 20px; background:#f4f8fb; border: 1px solid #ddd; text-align: center;}
.login_cont .tit { font-size:20px; color:#343651; text-shadow: none; border-bottom: 1px solid #343651;padding-bottom: 5px;display: inline-block;}
.login_cont .lgn_div {width:100%; padding:5px; margin-bottom: 0;}
.login_cont .lgn_div label { width: 100%; border-right: 0; padding: 0 0 0 10px; font-weight: 500; color:#343651}
.login_cont .rmber_id { text-align: left; margin-top:10px;}
.login_cont .rmber_id input {vertical-align: middle;}
.login_cont .rmber_id label {vertical-align: middle;}
.login_cont .login_btn {min-width: 100%; padding: 13px 15px; margin-top: 15px; border-radius: 50px;}
.login_cont .lgn_box {padding:  0;}
.login_cont .join_btn_box { width:100%; font-size: 0; }
.login_cont .join_btn_box a.join {width:33.3%; font-size:14px; box-sizing: border-box; background: #eee; border-radius: 0}
.login_cont .join_btn_box a {font-size:14px;  border: 1px solid #ddd; border-left: 0; border-radius: 0; padding: 4px 15px; background: #fff; transition: .3s ease; box-sizing: border-box; }
.login_cont .join_btn_box a:first-child { border-left: 1px solid #ddd;}
.login_cont .join_btn_box a::before { display: none;}


.step_6 li { width: 31.3%; margin: 0 1% 20px;}



  
}

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

    .contents .lnb.mobile {margin-left: -2.5%;}
    
    /*site s*/
    .site .link {width: 49%; margin: 2% 2% 0 0;}
    .site .link:nth-child(3n) { margin: 2% 2% 0 0;}
    .site .link:nth-child(2n) { margin: 2% 0 0 0;}
    .site .new1, .site .link .tx {font-size: 14px;}
    /*site e*/
    
}
@media screen and (max-width:925px){
    table.basic {min-width: auto;}
    
}
@media screen and (max-width:900px){

    .f_wrapper .touch {display:block;}
    .survey_wrap .board_list th.pt {width: 9%;}
    .survey_wrap .board_list th.st {width: 7%;}
    


}

@media screen and (max-width:768px){
     /*공통*/
    h3 {font-size: 26px; padding-bottom: 10px; margin-bottom: 20px;}
    #container.sub {padding-top: 80px;}
    .contents .lnb.mobile {margin: -35px auto 35px -4.5%;}
    .tab_box a {width: 25%;}
        .c_box {padding: 10px;}
    /*vision*/
    .vision .cw {width: 100%; margin-right: 0;}
    .vision .q_box .cont {background: #fff;}
    /*vision*/
    /*location*/
    .location .sec1 .tel, .location .sec1 .fax {width: 100%; display: block;}
    .location .sec1 .tel {margin-bottom: 15px;}
    .location .sec1 .if .ti {min-width: 70px; display: inline-block;}
    .location .sec2 .info {    padding: 5px 0 0 30px;}
    .location .sec2 .cw2 .bus {display: block; width: 100%; margin-right: 0; padding-right: 0;}
    .location .sec2 .cw2 .bus::before {display: none;}
    /*location*/
    /*join*/
    .joinbox_wrap .join_box .item .join_label {margin-bottom: 10px;}
    .joinbox_wrap .join_box .item .join_txt { width:100%;}
        /*아이디 찾기 s*/
        .sch .joinbox_wrap .join_box .item .join_txt {padding-left: 0;}
        /*아이디 찾기 e*/
    /*join*/
    /*copy*/
    .copy-policy-list ul li .copy-policy-inner {height: 185px; margin: 0 0 20px 20px;}
    .copy-policy-list ul li .copy-policy-inner .cont-wrap {line-height: 131px;}
    /*copy*/
    .contents { padding-bottom: 50px;}
    
	.depth_3 ul { max-width: 100%;}
	.depth_3 li a .txt { display: block;}
	.depth_3 li a .ico { display: block; margin: 0 auto 8px; }
    .gallery_box > div { width:100%; margin-bottom: 20px;}
    .gallery_box > div a { padding: 20px ​30px;}
    .gallery_box > div .tit { font-size: 25px; font-weight: 500;}

	.startup_title .title_box { text-align:center; padding:0 0 150px; background-position:center bottom; background-size:250px;}
	.academy_title .title_box {margin-top: 30px; text-align:center; padding:0; background:none; display:inline-block; margin-bottom: 20px;}
	.startup_title .title_box .txt1 {     font-size: 17px; background: #2979cb; color: #fff; padding: 10px 20px; border-radius: 50px;}
	.startup_title .title_box .txt2 { font-size:17px; margin-top:10px;}

    .step_6 li { width: 48%;}
    .tip_box { padding:20px 5px 20px 40px; background-position: 10px 22px;}
}
@media screen and (max-width:650px){

    /*공통*/
    .lnb .depth1_name, .lnb .home {display: none;}
    .lnb .lnb_menu {width: 100%;}
    /*site s*/
    .site .link {width: 100%; margin: 2% 0 0 0;}
    .site .link:nth-child(3n) { margin: 2% 0 0 0;}
    /*site e*/

}
@media screen and (max-width:550px){
    .sub {font-size: 15px;}
    .q_box {padding: 12px;}
    .q_box .cont {padding: 15px;}
    .q_box .cont .txt1 {font-size: 15px;}
    .q_box .cont .txt2 {font-size: 18px;}
    .d_box {padding: 15px;}
/*greet*/
    .greet .txt p {margin-top: 20px;line-height: 150%;}
/*greet*/
    /*org*/
    .org .sec1 {padding: 30px 20px;}
    /* .org .sec1 .pc {display: none;} */
    .org .sec1 .mobile {display: inline;}
    /*org*/
    /*location*/
    .location .sec1 .if .ico {display: inline-block; float: left; width: 35px; height: 35px; margin-right: 0;}
    .location .sec1 .if .tt {display: inline-block; width: calc(100% - 35px); margin-top: 7px; float: left;  box-sizing: border-box;}
    .location .sec1 .if .ti {font-weight: 600; margin-right: 10px; width: 64px; display: inline-block;  float: left; min-width: auto;} 
    .location .sec1 .if .tx {display: inline-block; float: left; width: calc(100% - 74px);}
    .location .sec2 .info .rt {padding-left: 0;
    margin-left: 0;
    display: block;
    width: 100%;
    margin-top: 5px;
    padding-top: 14px;}
    .location .sec2 .cw1 .info {padding-top: 0;}
    .location .sec2 .info .rt:first-child {margin-top:0; padding-top:0;}
    .location .sec2 .info .rt::after {    transform: translateX(-50%); left: 50%; background-position: 0 -212px; top: -8px;}
       .location .sec2 .c_box {text-align: center;}
    .location .sec2 .ico {float: none;
    margin: 0 auto;
    display: block;}
    .location .sec2 .info {    width: 100%;
    padding: 0;
    margin-top: 10px;}
    .location .sec2 .cw2 .bus {margin-top: 8px;}
    .location .sec2 .cw2 .bus:first-child {margin-top: 0;}
    
    .location .sec1 .tel, .location .sec1 .adr {margin-bottom: 10px;}
    
    .location .sec1 .if .ico::before {top: 50%;}
    /*location*/
    


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

 /*공통*/
    h3 {font-size: 24px;}

    h4, .h4 {font-size: 22px; margin-top: 30px;}

    h5, .h5 {font-size: 17px; margin-top: 15px;}

    .contents .lnb.mobile {width: 109%;}
    .contents .lnb.mobile .lnb_menu {width: 100%;}
    /*join*/    
    /*아이디 찾기 s*/
    .sch .joinbox_wrap .join_box .item .result_box {width: 100%;}
    /*아이디 찾기 e*/
    
   .joinbox_wrap .join_box .item .chk_btn {width:100%; box-sizing: border-box; margin-top:5px;} /* 회원가입 중복확인 */
   .joinbox_wrap .join_box .item .join_inp, .joinbox_wrap .join_box .id_input .join_inp { width: 100%;}
   .joinbox_wrap .join_box .item .j_address { width:120px;}
   .joinbox_wrap .join_box .item .join_txt select { width: 100%; margin-bottom: 5px;}
   .joinbox_wrap .join_box .item .join_txt .search_btn3 { width: 30%;}
    .ui-widget.ui-widget-content { width: 80%; min-width: 0;}
    .ui-widget-content {min-width: 0;}
    /*join*/
 .location .sec3 .cont3 .line {margin: 10px 0;}
    
        /*copy*/
    .copy-policy-list ul li {width: 100%;}
    .copy-policy-list ul li .copy-policy-inner { margin: 0 0 20px;height: 172px;}
    .copy-policy-list ul li .copy-policy-inner .cont-wrap {
    line-height: 117px;
}
    /*copy*/

/*board css */
    /*인천중구 notice*/
.view_file .file_tit {display: block; box-sizing: border-box; width: 90px;}
.view_file .new1 {max-width: none; width: 100%; float: left;  box-sizing: border-box;  margin: 10px 0 0 0;}
/*board css*/
    
}
@media screen and (max-width:340px){
    table.basic th, table.basic td, table.basic2 th, table.basic2 td {padding: 10px 5px;}
    /*location*/
    .location .sec1 .tel .dot {display: none;}
    .location .sec1 .tel .num2 {display: block;}
    .location .line {margin: 30px 0;}
    .location .sec2 .info {padding-left: 12px;}
    /*location*/
}