/*SUB COMMON*/
.sub-container{margin-top:55px;}
.depth-nav{position:relative; width:100%; background-color:#1565c0; padding:15px; text-align:center;}
.depth-nav .sub-tit{font-size:1.3rem; font-weight:400; color:#fff;}
.depth-nav .d-next{position:absolute; top:3px; right:5%; display:block; width:22px; height:40px; background:url(/images/global/d-next.png) no-repeat center; background-size:11px; }
.depth-nav .d-prev{position:absolute; top:3px; left:5%; display:block; width:22px; height:40px; background:url(/images/global/d-prev.png) no-repeat center; background-size:11px; }
.contents .cont-inn .wrap{padding:25px 0 60px 0;}
.cont-inn .sub-visual{width:100%; height:200px; background-size:cover;}
.cont-inn .sub-visual strong{padding-top:50px; display:block; color:#fff; font-size:3.2rem; font-weight:bold; text-align:center; line-height:1.3em;}
.cont-inn .sub-visual p{color:#fff; font-size:1.6rem; text-align:center; line-height:1.3em;}
.cont-inn .cont .cont-tit{ margin-bottom:20px; font-size:2rem; font-weight:bold; display:block; padding-bottom:10px; color:#1565c0; border-bottom:2px solid #1565c0; }
.cont-inn .img-area img{width:100%;}
.bnone{border:0px !important;}
.w100{width:100%;}

.btn-area{text-align:center;}
.btn-area .btn.default{display:block; width:100%; height:45px; line-height:45px; background-color:#f9a825; font-size:1.2rem; font-weight:bold; cursor:pointer; border:0;}
.btn-area .btn.type03{display:block; width:100%; height:45px; line-height:45px; background-color:#1565c0; color:#fff; font-size:1.2rem; font-weight:bold; cursor:pointer; border:0;}
.btn-area .btn.type01{display:block; width:100%; height:45px; line-height:45px; background-color:#fff; border:1px solid #999; font-size:1.2rem; font-weight:bold; cursor:pointer;}
.btn-area .btn.type02{display:block; width:100%; height:45px; line-height:45px; background-color:#aaaaaa; border:0; font-size:1.2rem; font-weight:bold; cursor:pointer;}
.btn-area .btn.type06{width:50%; float:left; padding:15px 0 ; text-align:center; box-sizing:border-box; border:1px solid #1565c0; color:#1565c0; font-size:1.2rem; margin-top:20px;}
.btn-area .btn.type06.left{border-right:0;}
.btn-area .btn.b02{margin-top:10px;}
.btn-area .btn.b03{margin-top:20px;}
.btn-area .btn.s-btn{display:block; width:100px; height:45px; line-height:45px; background-color:#f9a825; font-size:1.2rem; font-weight:bold; cursor:pointer; border:0;}

.btn-area.type01{margin-top:20px;} 
.btn-area.type01 a{float:left; display:block; width:50%; font-size:1.2rem; font-weight:400; text-align:center; padding:15px 0; border:1px solid #1565c0; color:#1565c0; }
.btn-area.type01 a.on{background-color:#1565c0; color:#fff;}


/*이사장 인사말*/
.cont-inn.greeting .sub-visual img{width:100%;}
.cont-inn.greeting .cont .title{margin-bottom:20px;}
.cont-inn.greeting .cont .title .t1{display:block; font-size:1.6rem; line-height:1.6em;}
.cont-inn.greeting .cont .title .t2{display:block; font-size:2rem; letter-spacing:-1px; line-height:1.2em;}
.cont-inn.greeting .cont .title .t2 i{font-size:2rem; color:#1565c0; letter-spacing:-1px; font-weight:bold;}
.cont-inn.greeting .cont p{font-weight:300; line-height:1.6em; margin:15px 0;}
.cont-inn.greeting .bd-visual li{position:relative; width:100%; overflow:hidden; padding:20px 0px 20px 40px; border:1px solid #1565c0; margin-bottom:10px; font-size:1.1rem; line-height:1.2em;}
.cont-inn.greeting .bd-visual li .no{position:absolute; top:-40px; left:-30px; width:60px; height:100px; background-color:#1565c0; transform:rotate(45deg);}
.cont-inn.greeting .bd-visual li i{position:absolute; top:8px; left:8px; color:#fff;}

/*조직도*/
.cont-inn.organization .sub-visual{background:url(/images/global/sub-visual02.jpg) no-repeat center; background-size:cover;}

/*연혁*/
.cont-inn.history .sub-visual{background:url(/images/global/sub-visual03.jpg) no-repeat center; background-size:cover;}
.cont-inn.history .box .years{display:block; font-size:1.6rem; font-weight:500; color:#1565c0; margin-bottom:10px;}
.cont-inn.history .box ul{padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #868686;}
.cont-inn.history .box ul li{position:relative; font-weight:300; margin-bottom:5px; padding-left:10px; line-height:1.2em;}
.cont-inn.history .box ul li:after{position:absolute; left:0; top:0; content:'· '; font-size:1.2rem; display:block; line-height:1em;}

/*사업안내*/
.cont-inn.work .sub-visual{background:url(/images/global/sub-visual04.jpg) no-repeat center; background-size:cover;}
.cont-inn.work .box{background-color:#d5e8fc; border-radius:5px; margin-bottom:10px; padding:20px;}
.cont-inn.work .box .tit{float:left; width:40%;}
.cont-inn.work .box .tit em{font-size:1rem; line-height:1.6em; font-weight:400;}
.cont-inn.work .box .tit h4{font-size:1.7rem; font-weight:bold;}
.cont-inn.work .box .info{float:left; width:60%;}
.cont-inn.work .box .info ul li{position:relative; font-weight:300; padding-left:10px; padding-bottom:5px;}
.cont-inn.work .box .info ul li:after{position:absolute; left:0; top:0; content:'· '; font-size:1.2rem; display:block; line-height:1em;}

/*찾아오시는 길*/
.cont-inn.maps .maps-area{position:relative;}
.cont-inn.maps .map{display:block;}
.cont-inn.maps .map .root_daum_roughmap{width:100%; height:300px;}
.cont-inn.maps .map .wrap_controllers{display:none;}
.cont-inn.maps .root_daum_roughmap .wrap_map{top:-27px;}
.cont-inn.maps .box{padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #868686;}
.cont-inn.maps .box strong{font-size:1.2rem; font-weight:500; line-height:1.6em;}
.cont-inn.maps .box p{line-height:1.6em; font-weight:300;}


/*재단활동 SALON*/
.cont-inn.salon .sub-visual{background:url(/images/global/sub-visual05.jpg) no-repeat center; background-size:cover;}
.cont-inn.salon .cont p{font-size:1.3rem; line-height:1.6em; margin-bottom:20px;}
.cont-inn.salon .cont .img-area{text-align:center;}
.cont-inn.salon .cont .img-area img{width:50%;}

/*INP*/
.cont-inn.inp .sub-visual{background:url(/images/global/sub-visual06.jpg) no-repeat center; background-size:cover;}
.cont-inn.inp .cont .cont-txt{font-weight:bold; font-size:1.6rem; line-height:1.3em; display:block; margin-bottom:30px;}
.cont-inn.inp .cont .cont-txt i{color:#1565c0; font-size:1.6rem; font-weight:bold;}
.cont-inn.inp .cont .box{margin:20px 0 40px 0;}
.cont-inn.inp .cont .box .img-area{float:left; width:40%;}
.cont-inn.inp .cont .box .img-area img{width:100px; max-width:100px;}
.cont-inn.inp .cont .box .info{float:left; width:60%; padding-top:10px;}
.cont-inn.inp .cont .box .info strong{display:block; font-size:1.3rem; font-weight:500; padding-bottom:10px;}
.cont-inn.inp .cont .box .info ul li{font-weight:300; line-height:1.6em;}


/*다문화지원*/
.cont-inn.multi .img-area img{width:100%;}
.cont-inn.multi .cont .cont-t01{font-size:1.6rem; font-weight:bold; display:block; margin:10px 0;}
.cont-inn.multi .cont .cont-t01 i {font-size:1.6rem; font-weight:bold; color:#1565c0;}
.cont-inn.multi .cont .cont-t02{font-size:1.2rem; font-weight:500; margin:10px 0; display:block;}
.cont-inn.multi .cont p{line-height:1.6em; font-weight:300; margin-bottom:20px;}

/*GENY 소개*/

.cont-inn.geny .sub-visual{background:url(/images/global/sub-visual08.jpg) no-repeat center; background-size:cover;}
.cont-inn.geny .sub-visual p{font-weight:300;}
.cont-inn.geny .cont .cont-t01{font-size:1.3rem; display:block; margin-bottom:10px;}
.cont-inn.geny .cont .cont-t01 .geny-img{width:100px;}
.cont-inn.geny .cont .div-tit{font-size:1.2rem; font-weight:500; line-height:1.6em; display:block; margin:15px 0 5px 0; }
.cont-inn.geny .cont .div-tit i{font-size:1.2rem; font-weight:500;}
.cont-inn.geny .cont .div-tit i.c01{color:#77a5c9; }
.cont-inn.geny .cont .div-tit i.c02{color:#f6931b; }
.cont-inn.geny .cont .div-tit i.c03{color:#51b749; }
.cont-inn.geny .cont .div-tit i.c04{color:#9c76af; }
.cont-inn.geny .cont p{line-height:1.6em; font-weight:300;}
.cont-inn.geny .cont ul li{position:relative; font-weight:300; line-height:1.2em; padding-left:10px; padding-bottom:5px;}
.cont-inn.geny .cont ul li:after{position:absolute; left:0; top:0; content:'· '; font-size:1.2rem; display:block; line-height:1em;}
.cont-inn.geny .cont ul.program{margin-bottom:10px;}
.cont-inn.geny .cont ul.program li{position:relative; width:33.333%; float:left; padding-left:35px; padding-top:5px;}
.cont-inn.geny .cont ul.program li:after{display:none;}
.cont-inn.geny .cont ul.program i{position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; background:url(/images/global/list-icon-geny.png) no-repeat center; background-size:30px;}
.cont-inn.geny .cont ul.dotnone li{padding-left:0;}
.cont-inn.geny .cont ul.dotnone li:after{display:none;}

/*GENY 모집안내*/
.cont-inn.geny .cont ul.way{margin-bottom:10px; float:left;}
.cont-inn.geny .cont ul.way.w01{width:55%;}
.cont-inn.geny .cont ul.way.w02{width:45%;}
.cont-inn.geny .cont ul.way li{position:relative; padding-left:35px; padding-top:5px; margin-bottom:10px; letter-spacing:-1px;}
.cont-inn.geny .cont ul.way li:after{display:none;}
.cont-inn.geny .cont ul.way i{position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; line-height:30px; font-weight:500; background-color:#c3ddf9; border-radius:50%;}
.cont-inn.geny .box{margin-bottom:20px;}
.br0{border-right:0 !important;}
.bl0{border-left:0 !important;}

/*GENY 교육과정*/
.cont-inn.geny .cont .cont-tit b{font-size:1.3rem;}
.cont-inn.geny .tb-list{ border-left:0; border-right:0; margin-top:20px;}
.cont-inn.geny .tb-list thead tr{background-color:#efefef;}
.cont-inn.geny .tb-list thead tr th{font-size:1rem; padding:5px 0; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;}
.cont-inn.geny .tb-list tbody tr td{padding:10px 5px; font-weight:300; text-align:center; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5;}
.cont-inn.geny .tb-list tbody tr td em{font-weight:500;}
.cont-inn.geny .tb-list tbody tr td p{font-weight:300;}
.cont-inn.geny .cont .step{margin-bottom:50px;}
.cont-inn.geny .cont .step li{position:relative; margin-bottom:30px; padding-top:20px; padding-left:70px !important;}
.cont-inn.geny .cont .step li b{position:absolute; left:0; top:0; width:60px; height:60px; line-height:60px; text-align:center; background-color:#c3ddf9; font-weight:500; font-size:1.2rem; border-radius:50%;}
.cont-inn.geny .cont .step li span{padding-left:10px;}

/*GENY 모집안내*/
/*login*/
.cont-inn.login .login-form .form-left{margin-bottom:20px;}
.cont-inn.login .login-form .login-input-area{position:relative; border:1px solid #b5b5b5; margin:5px 0;}
.cont-inn.login .login-form .login-input-area .txt{width:80px; padding-left:10px;  display:inline-block; font-weight:500;}
.cont-inn.login .login-form .login-input-area input{border:0; font-size:1rem; width:calc(100% - 80px); padding:10px 0 10px 10px; background-color:#fff;}
.cont-inn.login .l-bottom {margin-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #b5b5b5;}
.cont-inn.login .l-bottom .id-save input{ width:15px; height:15px; vertical-align:middle;}
.cont-inn.login .l-bottom .login-group-2 a{display:block; color:#1565c0; font-weight:bold; line-height:1.6em; vertical-align:middle;}

/*아이디비밀번호 찾기*/
.cont-inn.idpass .signup-area .tit{font-size:1.2rem; font-weight:bold; line-height:1.6em;}
.cont-inn.idpass .name-check{margin:20px 0;}
.cont-inn.idpass .name-check .field{position:relative; margin:5px 0;border:1px solid #b5b5b5;}
.cont-inn.idpass .name-check .field .labels{width: 80px; padding-left: 10px; display: inline-block;font-weight:500;}
.cont-inn.idpass .name-check .field .i-text{display:inline-block; border: 0; font-size: 1rem; width: calc(100% - 90px); padding: 10px 0 10px 10px; background-color: #fff;}
.cont-inn.idpass .terms-tit.tt02{border-top:1px solid #b5b5b5; padding-top:20px;}

/*회원가입*/
.left_menu{display:none;}
.nav-top p{display:none;}
.cont-inn .div-tit{font-size: 1.3rem; font-weight: 500; line-height: 1.6em; display: block; margin: 15px 0 5px 0;}
.cont-inn.join .terms-box{width:100%; font-size:1rem; color:#555; font-weight:300; padding:10px; line-height:1.6em; border:1px solid #b5b5b5; font-family:'Noto Sans KR'; }
.cont-inn.join .terms-check{float:right; margin:10px 0;}
.cont-inn.join .terms-check label{font-size:1rem; font-weight:300; color:#000; vertical-align:middle;}
.cont-inn.join .terms-check input{vertical-align:middle; width:15px; height:15px;}
.cont-inn.join .terms-info{margin-bottom:20px; font-size:1rem; font-weight:300; color:#555;}
.cont-inn.join .box{margin:5px 0;}
.cont-inn.join .btn-area .btn.default.targets {background-color:#aaaaaa; margin-bottom:10px;}
.cont-inn.join .seccess{padding:30px 0; background:url(/images/global/join-success.png) no-repat right center; background-size:100px;}
.cont-inn.join .seccess p.txt01{font-size:1.1rem; font-weight:400; line-height:1.6em;}
.cont-inn.join .seccess p.txt02{font-size:1.4rem; font-weight:500; line-height:1.6em;}

.board-list4{table-layout:fixed; margin-bottom:30px;}
.board-list4 tbody tr th,
.board-list4 tbody tr td{padding:10px 0;}
.board-list4 tbody tr th{font-weight:300; font-size:1rem; vertical-align:top; text-align:left;}
.board-list4 tbody tr td.radio-box-area .radios{width:32.333%; display:inline-block; text-align:left; margin-bottom:10px;}
.board-list4 tbody tr td.radio-box-area .radios input{vertical-align:top; width:15px; height:15px;}
.board-list4 tbody tr td .i-text{border:1px solid #b5b5b5; padding:6px; font-size:1rem; background-color:#fafafa;}
.board-list4 tbody tr td .i-text.ip01{width:calc(100% - 100px);}
.board-list4 tbody tr td .i-text.ip02{width:100%;}
.board-list4 tbody tr td .i-text.ip03{width:20%;}
.board-list4 tbody tr td .i-text.ip04{width:32.2%;}
.board-list4 tbody tr td .i-text.ip05{width:50%;}
.board-list4 tbody tr td .btn-s01{display:inline-block; width:80px; background-color:#868686; color:#fff; text-align:center; padding:5px 0;}
.board-list4 tbody tr td .btn-s02{display:inline-block; width:100px; background-color:#868686; color:#fff; text-align:center; padding:5px 0;}
.board-list4 tbody tr td .chks-areas{margin-top:5px;}
.board-list4 tbody tr td .chks-areas input{width:18px; height:18px; display:inline-block; vertical-align: middle;}
.board-list4 tbody tr td .chks-areas label{vertical-align: middle; font-size:1rem; font-weight:300;}
.board-list4 tbody tr td .field{margin-bottom:10px;}
.board-list4 tbody tr td .i-check{width:15px; height:15px; vertical-align:middle;}
.board-list4 tbody tr td textarea{width:100%; background-color:#fafafa; border:1px solid #b5b5b5; padding:6px; font-size:1rem; font-family:'Noto Sans KR'; }

.board-list4.modi tbody th,
.board-list4.modi tbody td{display:block; width:100%;}
.board-list4.modi tbody th{text-align:left; margin-bottom:0 !important;}
.board-list4.modi{table-layout: inherit;}
.board-list4.modi tbody td{padding-bottom:20px; border-bottom:1px solid #d2d2d2; margin-top:0 !important; padding-top:0 !important;}

.cont-inn.notice .tabs-area{margin-bottom:20px;}
.cont-inn.notice .tabs-area a{font-size:1.1rem; color:#868686; width:50%; border:1px solid #d1d1d1; display:block; padding:10px; text-align:center;}
.cont-inn.notice .tabs-area a.on{border:1px solid #1565c0; color:#1565c0; font-weight:bold;}

/*개인정보 and 이용약관*/
.cont-inn.terms .cont .mbs{margin-bottom:30px;}
.cont-inn.terms .cont p{line-height:1.6em; margin-bottom:10px;}
.cont-inn.terms .cont dl{margin-bottom:10px;}
.cont-inn.terms .cont dl dt{line-height:1.6em;}
.cont-inn.terms .cont dl dd{line-height:1.6em;}
.cont-inn.terms .cont ul{margin-bottom:10px;}
.cont-inn.terms .cont ul li{line-height:1.6em;}

/*사이트맵*/
.cont-inn.sitemap dl{margin-bottom:30px;}
.cont-inn.sitemap dl dt{font-size:1.3rem; width:100%; display:block; padding:7px 0; background-color:#f9a825; color:#111; text-align:center; margin-bottom:10px;}
.cont-inn.sitemap dl dd{line-height:1.6em; text-align:center; margin-top:10px;}
.cont-inn.sitemap dl dd a{font-size:1.2rem; line-height:1.6em;}



/*행사일정 캘린더 상세페이지*/
.cont-inn.schedule .calendar-controls .month{display: block; font-size: 1.7rem; text-align: center;width: 100%; padding-bottom:10px; margin-bottom:20px; color:#1565c0; font-weight:bold; border-bottom:2px solid #1565c0;}
.cont-inn.schedule .calendar-controls{position:relative;}
.cont-inn.schedule .calendar-controls .icon-control{position: absolute; top:0; width:24px; height: 24px;}
.cont-inn.schedule .calendar-controls .icon-control.icon-prev{left: 10%; background: url(/images/global/cal-prev01.png) no-repeat center; background-size: 24px;}
.cont-inn.schedule .calendar-controls .icon-control.icon-next{right:10%; background: url(/images/global/cal-next01.png) no-repeat center; background-size: 24px;}



.cont-inn.schedule .box ul li{margin:10px 0;}
.cont-inn.schedule .box ul li .box-inn{position:relative; padding:20px 0px; border:1px solid #d2d2d2;}
.cont-inn.schedule .box ul li .box-inn:before{position:absolute; left:0; top:0; content:''; display:block; width:5px; height:100%; background-color:#686868; clear:both;}
.cont-inn.schedule .box ul li .box-inn.on:before{background-color:#f9a825;}
.cont-inn.schedule .box ul li .box-inn .date{float:left; width:80px; padding:0 10px;}
.cont-inn.schedule .box ul li .box-inn .date strong{display:block; text-align:center;font-size:1.8rem; font-weight:bold; line-height:1.3em;}
.cont-inn.schedule .box ul li .box-inn .date span{display:block; text-align:center; color:#888;}
.cont-inn.schedule .box ul li .box-inn .info-box{float:left; width:calc(100% - 80px); padding:0 10px; border-left:1px solid #d2d2d2;}
.cont-inn.schedule .box ul li .box-inn .info-box .tit{font-size:1.2rem; font-weight:500; margin-bottom:5px; display:block;}
.cont-inn.schedule .box ul li .box-inn .info-box p{font-weight:300;}
.cont-inn.schedule .box .info{text-align:center; padding:50px 0; font-weight:300; font-size:1.2rem;}