@charset "utf-8";

/*00. 서브공통 - **/


/*subContent*/
div.subContent{width:100%; font-size:1em;  line-height:1.5em; font-weight:400;word-break:keep-all; padding:50px 0; background:#f2f2f2; min-height:400px}

div.subContent_in_01 {max-width:1300px;  margin:0 auto; }
div.subContent_in_01-2 {max-width:1300px;  background:#fff; padding:40px; border-radius:20px;margin:0 auto; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
div.subContent_in_02 {max-width:100%; padding:120px 0; }
div.subContent_in_03 {max-width:100%; padding:120px 0; background:#f9f9f9}
.junbi{display:block; width:100%; height:100%; background:#f2f2f2 url('/images/common/ci_junbi.png') no-repeat center center; }


@media (max-width:1400px) {
	div.subContent{padding:0px 0; background:#f2f2f2}
	div.subContent  h3{ font-weight:normal; background:none; padding:53px 0 20px 0;text-align:center; width:100% }
	div.subContent h3:after{margin:30px auto;}
	div.subContent_in_01 {padding:40px 10px; }
	div.subContent_in_02 {padding:40px 10px; }
	div.subContent_in_03 {padding:40px 10px; }
	
}
@media (max-width:1200px) {


	div.subContent{font-size:16px !important;   }



}

@media (max-width:840px) {
div.subContent{font-size:15px !important;   }

	div.subContent{width:100%; font-size:14px !important; padding:0 important;  }
	div.subContent_in_01 {padding:20px 10px; }
	div.subContent_in_02 {padding:20px 10px; }
	div.subContent_in_03 {padding:20px 10px; }
div.subContent_in_01-2 {padding:20px; }

}
@media (max-width:720px) {
div.subContent{font-size:14px !important;   }


}




@media (max-width:640px) {
div.subContent_in_01-2 {padding:10px; }


 }
/*1-1. Say_List - **/

div.btn_listSelect{display:flex; margin-bottom:20px  }
div.btn_listSelect > a{display:block; border:1px solid #ccc; width:42px; height:42px; font-size:0 }
div.btn_listSelect > a:nth-child(1){margin-right:5px; background:#fff url('/images/common/ico_list_01.png') no-repeat center center; background-size:24px 20px;}
div.btn_listSelect > a:nth-child(1).on{background:#fff url('/images/common/ico_list_01_o.png') no-repeat center center; background-size:24px 20px;}
div.btn_listSelect > a:nth-child(2){background:#fff url('/images/common/ico_list_02.png') no-repeat center center; background-size:24px 20px;}
div.btn_listSelect > a:nth-child(2).on{background:#fff url('/images/common/ico_list_02_o.png') no-repeat center center; background-size:24px 20px;}
ul.Say_List{width:100%;  }
ul.Say_List > li{  }



ul.paging{width:100%;  display:flex; justify-content:center}
ul.paging > li{padding:5px;}
ul.paging > li > a{display:block;width:30px; height:30px; font-size:14px; border:1px solid #ccc; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items:center}
ul.paging > li > a:hover{ border:1px solid#0099cc; color:#0099cc}
ul.paging > li > a.current{font-weight:600; color:#fff; background:#0099cc; border:0}
ul.paging > li > a.prev{font-weight:600; color:#0099cc;  border:0; width:auto}
ul.paging > li > a.next{font-weight:600; color:#0099cc;  border:0; width:auto}

ul.prenext{width:100%;  }
ul.prenext > li{width:100%;  display:flex;border-bottom:1px solid #ccc; padding:10px 20px}
ul.prenext > li > div:nth-child(1){width:100px; }
ul.prenext > li > div:nth-child(2){width:calc(100% - 100px); }
ul.prenext > li > div{display:flex; justify-content:space-between  }
ul.prenext > li > div a.board_prev{display:inline-block; width:21px; height:21px;background:url('/images/common/board_prev.png') no-repeat center center; background-size:cover; font-size:0}
ul.prenext > li > div a.board_next{display:inline-block; width:21px; height:21px;background:url('/images/common/board_next.png') no-repeat center center; background-size:cover;font-size:0}



ul.List_01-2 > li{width:100%; }
ul.List_01-2 > li > dl{width:100%; height:338px; display:flex; margin-bottom:40px;background:#fff;  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);  border-radius:0 20px 0 20px; overflow:hidden  }
ul.List_01-2 > li > dl > dt{width:450px; height:100%;   overflow:hidden;position:relative }

ul.List_01-2 > li > dl > dt img{width:100%; }
ul.List_01-2 > li > dl > dt :hover img{ transform:scale(1.2);             /*  default */
	-webkit-transform:scale(1.2);     /*  크롬 */
	-moz-transform:scale(1.2);       /* FireFox */
	-o-transform:scale(1.2);           /* Opera */
    /* 기본 '1'의 크기에서 얼마큼 확대 되는지 */
transition-duration: 0.5s
}

ul.List_01-2 > li > dl > dd{width:calc(100% - 450px); height:100%; padding:40px;  overflow:hidden;  }
ul.List_01-2 > li > dl > dd > div{height:100%; width:100%; overflow:hidden;position:relative; display:flex; flex-direction:column;  justify-content:center; }
ul.List_01-2 > li > dl > dd:hover{color:#0082a1 }
ul.List_01-2 > li > dl > dd > div > a{position:absolute; left:0; top:0; display:block; height:100%; width:100%;  }
ul.List_01-2 > li > dl > dd > div > p.list_title{font-size:25px; font-weight:600;line-height:1.3em;   max-height:70px; overflow:hidden;margin-bottom:20px }
ul.List_01-2 > li > dl > dd > div > p.list_content{margin-bottom:20px;  max-height:80px; overflow:hidden; }

#sec_03 > div > ul > li > dl dt img{width:100% !important; height:auto !important;  tansition:all 0.3s ease-in-out /* 확대 시 부드럽게 */}
#sec_03 > div > ul > li > dl dt:hover img{ transform:scale(1.2);             /*  default */
	-webkit-transform:scale(1.2);     /*  크롬 */
	-moz-transform:scale(1.2);       /* FireFox */
	-o-transform:scale(1.2);           /* Opera */
    /* 기본 '1'의 크기에서 얼마큼 확대 되는지 */
transition-duration: 0.5s
}



.footBtn{width:100%;  display:flex; justify-content:center; padding:40px 0 }
.footBtn ul{width:100%;  display:flex; justify-content:center; padding:40px 0 }
.footBtn a{display:inline-block; padding:15px 20px; width:100px; text-align:center; color:#fff; background:#ff6666; border-radius:5px; margin-right:5px }

.footBtn a.cancel{background:#999; padding-top:18px;  }
.footBtn a.cancel:hover{background:#000;  }
.footBtn input[type=submit]{display:inline-block; padding:15px 20px; width:100px; text-align:center; color:#fff; background:#ff6666; border-radius:5px }
.footBtn button{display:inline-block; padding:15px 20px; width:100px; text-align:center; color:#fff; background:#ff6666; border-radius:5px }
.boardSearch{width:100%;  display:flex; justify-content:center; padding:20px 0;  }
.boardSearch select{width:110px; height:50px; background:#fff; border:1px solid #ccc;  }
.boardSearch input[type=text]{width:180px; height:50px; background:#fff; border:1px solid #ccc; }
.boardSearch button{display:inline-block; padding:11px 10px; width:80px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0 }
.boardSearch2{width:100%;  display:flex;  justify-content:center; padding:20px 0; background:#f2f2f2;margin-bottom:20px ; border-radius:20px }
.boardSearch2 select{width:110px; height:48px; background:#fff; border:1px solid #ccc;  }
.boardSearch2 input[type=text]{width:180px; height:48px; background:#fff; border:1px solid #ccc; }
.boardSearch2 button{display:inline-block; padding:10px 10px; width:80px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0; vertical-align:middle }
button.btn_comment{display:inline-block; padding:11px 20px;  text-align:center; color:#fff; background:#289ff3; border-radius:5px; border:0 }
button.btn_searchresult{display:inline-block; padding:10px 10px; vertical-align:middle; width:80px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0 }

.boardSearch2 ul{display:flex;   }
@media (max-width:1000px) {
ul.List_01 > li > dl > dd > div > p.list_title{font-size:20px;  }
ul.List_01-2 > li > dl > dd > div > p.list_title{font-size:20px;  }
}

@media (max-width:840px) {
ul.List_01-2 > li{margin-bottom:20px}

ul.List_01-2 > li > dl{width:100%; height:263px; display:flex;   }
ul.List_01-2 > li > dl > dt{width:350px; height:100%;   overflow:hidden }
ul.List_01-2 > li > dl > dd > div{height:auto; width:100%; overflow:hidden;position:relative }
ul.List_01 > li > dl > dd > div > p.list_title{font-size:18px;  }
ul.List_01-2 > li > dl > dd{width:calc(100% - 350px); height:100%; padding:40px;  overflow:hidden }



}
@media (max-width:720px) {
ul.List_01-2 > li > dl{width:100%; height:223px; display:flex;   }
ul.List_01-2 > li > dl > dt{width:300px; height:100%;   overflow:hidden; }
ul.List_01-2 > li > dl > dd{width:calc(100% - 300px); height:100%; padding:20px;  overflow:hidden }
ul.List_01-2 > li > dl > dd > div{height:auto;width:100%; overflow:hidden;position:relative }
.footBtn{ padding:20px 0 }
.boardSearch{padding:20px 0 }
ul.List_01-2 > li > dl > dd > div > p.list_title{font-size:18px; font-weight:500 }
.boardSearch2 ul{display:flex;  flex-wrap:wrap }
.boardSearch2 ul > li{width:50%; padding:2px }
.boardSearch2 ul > li:nth-child(3){width:100%; }
.boardSearch2 select{width:100% !important  }
.boardSearch2 span{width:100% !important }
.boardSearch2 input[type=text]{width:calc(100% - 100px) !important }
}
@media (max-width:640px) {

ul.List_01-2 > li{margin-bottom:10px;padding:0 10px}
ul.List_01-2 > li > dl{width:100%; height:auto; display:flex;  flex-direction:column }
ul.List_01-2 > li > dl > dt{width:100%; height:auto; }
ul.List_01-2 > li > dl > dt  img{width:100%;}
ul.List_01-2 > li > dl > dd{width:100%; height:100%; padding:20px;  overflow:hidden }
ul.List_01-2 > li > dl > dd > div{height:auto;  width:100%; overflow:hidden;position:relative }

ul.List_01-2 > li > dl > dd > div > p.list_title{font-size:16px; font-weight:500 }


.boardSearch select{width:100px; height:50px; background:#fff; border:1px solid #ccc;  }
.boardSearch input[type=text]{width:150px; height:46px; background:#fff; border:1px solid #ccc; }
.boardSearch button{display:inline-block; padding:11px 10px; width:80px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0 }
.boardSearch2{width:100%;  display:flex;  justify-content:center; padding:20px 0; background:#f2f2f2;margin-bottom:20px ; border-radius:20px }
.boardSearch2 select{width:70px; height:40px; background:#fff; border:1px solid #ccc;  }
.boardSearch2 input[type=text]{width:90px; height:40px; background:#fff; border:1px solid #ccc; }
.boardSearch2 button{display:inline-block; padding:10px 10px; width:80px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0; vertical-align:middle }
button.btn_comment{display:inline-block; padding:11px 20px;  text-align:center; color:#fff; background:#289ff3; border-radius:5px; border:0 }
button.btn_searchresult{display:inline-block; padding:10px 10px; vertical-align:middle; width:60px; text-align:center; color:#fff; background:#666; border-radius:5px; border:0 }

}


ul.List_02{width:100%; display:flex; flex-wrap:wrap; margin-bottom:40px}
ul.List_02 > li{width:33.33333%;padding:0 20px 20px 0px}
ul.List_02 > li > dl{width:100%; min-width:400px;background:#fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);  border-radius:0 20px 0 20px; height:500px; overflow:hidden;  }
ul.List_02 > li > dl > dt{width:413px; height:310px;   overflow:hidden }
ul.List_02 > li > dl > dt img{width:100% }
ul.List_02 > li > dl > dd{ padding:20px;  overflow:hidden ; }
ul.List_02 > li > dl > dd > div{height:60px; width:100%; overflow:hidden;position:relative; margin-bottom:20px}
ul.List_02 > li > dl > dd:hover{color:#0082a1 }
ul.List_02 > li > dl > dd > div > a{position:absolute; left:0; top:0; display:block; height:100%; width:100%;  }
ul.List_02 > li > dl > dd > div > p.list_title{font-size:18px; font-weight:600; line-height:1.7em; margin-bottom:20px;  max-height:90px; overflow:hidden;  }
ul.List_02 > li > dl > dd > div > p.list_content{margin-bottom:20px;max-height:140px; overflow:hidden;  }

ul.List_02 > li > dl > dt :hover img{ transform:scale(1.2);             /*  default */
	-webkit-transform:scale(1.2);     /*  크롬 */
	-moz-transform:scale(1.2);       /* FireFox */
	-o-transform:scale(1.2);           /* Opera */
    /* 기본 '1'의 크기에서 얼마큼 확대 되는지 */
transition-duration: 0.5s
}
@media (max-width:1300px) {
ul.List_02 > li{width:50%;}
ul.List_02 > li > dl > dt{width:100%; }
ul.List_02 > li > dl > dd > div{width:100%; height:50px;overflow:hidden;position:relative ; }
ul.List_02 > li > dl > dd > div > p.list_title{font-size:17px; font-weight:600; line-height:1.5em; margin-bottom:0px;  max-height:80px; overflow:hidden;}
}


@media (max-width:840px) {
ul.List_02 > li{width:50%;}
ul.List_02 > li > dl{width:100%; min-width:auto;; height:450px; overflow:hidden    }
ul.List_02 > li > dl > dt{width:auto; height:auto;   overflow:hidden }
}
@media (max-width:640px) {
ul.List_02 > li{width:100%;padding:0 10px 20px 10px}
ul.List_02 > li > dl{width:100%;height:auto;   }
ul.List_02 > li > dl > dt{width:auto; height:auto;   overflow:hidden }
ul.List_02 > li > dl > dd > div{height:auto; width:100%; overflow:hidden;position:relative; margin-bottom:20px}
ul.List_02 > li > dl > dd > div > p.list_content{margin-bottom:20px;max-height:110px; overflow:hidden;  }
ul.List_02 > li > dl > dd > div > p.list_title{font-size:16px;line-height:1.5em; margin-bottom:20px;  max-height:50px; overflow:hidden;  }
}
div.Say_Detail{max-width:1200px; margin:0 auto  }
div.Say_Detail > div{margin-bottom:40px;  }
div.Say_Detail > div.detail_01{width:100%; padding:40px; font-size:22px; font-weight:600; line-height:1.5em; background:rgba(255,255,255,0.5);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45); border-radius:20px}
div.Say_Detail > div.detail_03{width:100%; overflow:hidden  }
p.detail_title_01{font-weight:600; font-size:25px; margin-bottom:20px  }
div.detail_img{  }


div.Say_Detail ul.List_02 > li{width:25%;padding:0 10px 20px 0px; }
div.Say_Detail ul.List_02 > li > dl{width:100%; min-width:290px;background:#fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);  border-radius:0 20px 0 20px; height:500px; overflow:hidden    }
div.Say_Detail ul.List_02 > li > dl > dt{width:290px; height:225px;   overflow:hidden }

div.Say_Detail ul.List_02 > li > dl > dd{ padding:10px;  overflow:hidden }
div.Say_Detail ul.List_02 > li > dl > dd > div{height:250px; width:100%; overflow:hidden;position:relative }
div.Say_Detail ul.List_02 > li > dl > dd > div > p.list_title{font-size:20px; font-weight:600; line-height:1.3em; margin-bottom:20px;  max-height:50px; overflow:hidden; }
div.Say_Detail ul.List_02 > li > dl > dd > div > p.list_content{margin-bottom:20px;max-height:140px; overflow:hidden;  }


/*privacy*/
.privacy{max-width:1300px; width:100%; margin:0 auto; }
.privacy_box{border:1px solid #4972c3; padding:10px 20px; background:#f4f6f9; border-radius:10px}

.privacy  ul > li{background: url('/images/common/dot_blue.gif') left 12px no-repeat; padding-left:10px; margin-bottom:10px}


.privacy_box.boxver_1 > ul > li {background:none; padding-left: 1em; text-indent: -1.0em;}



.privacy h4{font-size:20px !important; font-weight:600; margin:20px 0 10px 0;line-height:1.5em; color:#003399}

.email{max-width:1280px; background:#fff; padding:40px; margin:0 auto; border:1px solid #ccc}

@media (max-width:840px) { 
.privacy_box{padding:10px;}
.email{max-width:1280px; background:#fff; padding:20px; margin:0 auto; border:0}
.privacy h4:first-child{margin-top:0px !important}
.privacy h4{font-size:20px !important;margin-top:40px !important; color:#4b66bd}

}

/* inquiry - */
div.inquiry {max-width:700px;margin:0 auto; }
div.inquiry > div{width:100%;border-bottom:1px solid #000; padding:30px 0 10px 0; display:flex; justify-content:space-between  }
div.inquiry > div > div:nth-child(1){font-weight:500; font-size:1.2em; color:#000; }
div.inquiry > dl{width:100%;margin:0 auto; }
div.inquiry > dl > dt{font-weight:500; font-size:1.05em; color:#000; padding:20px 0 10px 0}
div.inquiry > dl > dt > span{font-size:14px; color:#daa563; margin-right:5px}
div.inquiry > dl > dd{padding:10px 0 ;}
div.inquiry > dl > dd input[type=text]{width:100%; background:#eee; padding:10px; text-align:center}
div.inquiry > dl > dd.phone input[type=text]{width:250px}
div.inquiry > dl > dd.phone select{width:200px}
div.inquiry > dl > dd textarea{width:100%; height:200px; background:#eee; font-size:0.85em }
div.inquiryBtn{width:100%; margin-top:50px; text-align:center }
a.btn_send{display:inline-block; padding:20px 30px; color:#fff; background:#8b6f4c }
a.btn_send:hover{background:#000 }
a.btn_cancel{display:inline-block; padding:20px 30px; color:#fff; background:#434242 }
a.btn_cancel:hover{background:#000 }
ul.hope_date{width:100%; display:flex;}
ul.hope_date > li{width:50%;}
ul.hope_date > li:nth-child(1){padding-right:10px;}

/* 게시판 - */
div.board {max-width:1320px;margin:0 auto; }
table.consultBoard{width:100%; font-size:0.9em }
table.consultBoard td{border-bottom:1px solid #b2b2b2; padding:10px 20px;}

table.consultBoard th{border-bottom:1px solid #2d97f1; background:#f2f2f2; border-top:2px solid #2d97f1; padding:10px 20px;font-weight:500 }
table.consultBoard td.num{width:80px; text-align:center}
table.consultBoard td.file{width:80px; text-align:center}
table.consultBoard td.writer{width:100px; text-align:center}
table.consultBoard td.statement{width:100px; text-align:center}
table.consultBoard td.date{width:150px; text-align:center}


.mbo_01 {width:120px;}
.mbo_01 a{color:#2a92db;}
.mbo_02 { }
.mbo_03 {}

@media (max-width:640px) {
.mbo_01 { }
.mbo_02 {display:none; }
.mbo_03 {display:none; }
}

div.board > ul.Exam_List{margin-bottom:20px }

div.board > ul.Exam_List > li{border-bottom:1px solid #ccc; padding:40px 0px }

div.board > ul.Exam_List > li > dl{width:100%; display:flex; font-size:0.8em }
div.board > ul.Exam_List > li > dl > dt{width:440px; }
div.board > ul.Exam_List > li > dl > dd{width:calc(100% - 440px); padding-left:80px }
div.board > ul.Exam_List > li > dl > dd p.book_year{color:#063c7a }
div.board > ul.Exam_List > li > dl > dd p.book_date{color:#999 }
div.board > ul.Exam_List > li > dl > dd p.book_title{font-size:1.5em; font-weight:700}
div.board > ul.Exam_List > li > dl > dd a.viewmore{display:inline-block; width:140px;  background:url('/images/common/book_more.jpg') no-repeat 75px 6px; background-size:50px; padding:10px 20px; border:1px solid #1c5086; margin-top:20px}

ul.Exam_Tab{width:100%; display:flex; }
ul.Exam_Tab > li{width:20%}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:64px; line-height:64px; text-align:center; margin-left:-1px; font-size:0.8em}
ul.Exam_Tab > li:first-child > a{ margin-left:0;}
ul.Exam_Tab > li > a:hover{background:#99ccff}
ul.Exam_Tab > li > a.on{background:#31649c; color:#fff}

.state{font-size:0.9em;color:#fff; display:inline-block; padding:0px 10px; text-align:center; width:100px; margin-right:10px}
.state_01{background:#20a581; }
.state_02{background:#6288f3; }
.state_03{background:#f36262; }




div.board > ul.gallery_list{display:flex; flex-wrap:wrap }
div.board > ul.gallery_list > li{width:25%; padding:0 10px 40px 10px }
div.board > ul.gallery_list > li > dl{width:100%; border:1px solid #ccc; background:#fff;}
div.board > ul.gallery_list > li > dl > dt{height:180px; overflow:hidden; border:1px solid #ccc; }
div.board > ul.gallery_list > li > dl > dt > img{width:100%;}
div.board > ul.gallery_list > li > dl > dd{padding:20px; text-align:center}
div.board > ul.gallery_list > li > dl > dd > a{display:block; height:50px; overflow:hidden; line-height:1.3em}

table.consultWrite{width:100%; border-top:2px solid #386395 }
table.consultWrite th{font-weight:500; padding:10px 40px; background:#f8f8f8; border:1px solid #ccc; font-size:0.9em; text-align:center; }
table.consultWrite td{padding:10px 20px;border:1px solid #ccc; font-size:0.9em; text-align:center; }
table.consultWrite td input[type='text']{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:55px; border-radius:3px; border:0; margin-right:5px}
table.consultWrite td select{padding:10px 20px;padding:10px 20px;border:1px solid #ccc; height:55px; border-radius:3px; margin-right:5px; font-size:0.9em}
table.consultWrite td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:300px; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }
table.consultWrite input[type='file']{border:1px solid #ccc; margin-right:10px; padding:10px; height:50px }

table.consultWrite2{width:100%; margin-bottom:30px }
table.consultWrite2 th.th_top{background:#0e1e3d; color:#fff; font-weight:500; font-size:1.1em; text-align:center }
table.consultWrite2 th.th_first{background:#f2f2f2; text-align:center; width:100px}
table.consultWrite2 th{width:200px font-weight:500; padding:20px 20px; background:#ebf1fb; border:1px solid #ccc; font-size:0.9em}
table.consultWrite2 td{padding:10px 20px;border:1px solid #ccc; font-size:0.9em}
table.consultWrite2 td input[type='text']{padding:10px 10px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:45px; border-radius:3px; border:0; margin-right:5px}
table.consultWrite2 td select{padding:10px 20px;padding:10px 20px;border:1px solid #ccc; height:55px; border-radius:3px; margin-right:5px; font-size:0.9em}
table.consultWrite2 td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:200px;  width:100%; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }dl
table.consultWrite2 input[type='file']{border:1px solid #ccc; margin-right:10px; padding:10px; height:50px }
div.eventBtn > ul{display:flex; justify-content:center; margin-bottom:30px }
div.eventBtn > ul > li:nth-child(1) {margin-right:5px}
div.eventBtn > ul > li > a {display:block; border:1px solid #ccc; padding:10px 20px; font-size:0.8em}
div.consultAgree > div{width:100%; margin-bottom:30px }
div.consultAgree > div.consultAgree_01{padding:40px;  background:#0e1e3d; color:#fff ; text-align:center; }
div.consultAgree > div.consultAgree_02{padding:40px;  border:1px solid#ccc; text-align:center; }
div.consultAgree > div.consultAgree_02 h4{background:none}
div.consultAgree > div.consultAgree_02 > p{font-size:0.9em}
div.consultAgree > div.consultAgree_02 table{width:100%;; margin:20px 0 10px auto; font-size:0.8em }
div.consultAgree > div.consultAgree_02 table td,div.consultAgree > div.consultAgree_02 table th{width:100%; border:1px solid #333; width:33.33333%; padding:20px }
div.consultAgree > div.consultAgree_03 span{margin-right:20px;font-size:0.9em }
div.consultTop{border:1px solid #ccc; padding:50px; margin-bottom:50px }
div.consultTop p.consultTitle{font-size:1.2em; font-weight:500; margin-bottom:20px }

div.consultTop > dl{width:100%; margin-top:50px }
div.consultTop > dl > dt{width:100%; background:#3a527d; color:#fff; padding:15px 25px; margin-bottom:10px;  }
div.consultTop > dl > dd > ul{display:flex; flex-wrap:wrap}
div.consultTop > dl > dd > ul > li {width:calc(20% - 23px);display:flex; flex-direction:column; align-items:center; margin-right:23px;}
div.consultTop > dl > dd > ul > li:last-child {width:20%; margin-right:0px;}
div.consultTop > dl > dd > ul > li > div{width:100%; padding:10px 20px; line-height:1.2em}
div.consultTop > dl > dd > ul > li > div:nth-child(1){border:1px solid #ccc; background:#f6f6f6}
div.consultTop > dl > dd > ul > li > div:nth-child(2){background:#d8d8d8; text-align:center; height:80px;display:flex; align-items:center; justify-content:center}
div.consultTop > dl > dd > ul > li > div > p{margin-bottom:20px; }
div.consultTop > dl > dd > ul > li >  div > p:nth-child(2){text-align:center}
p.consultB{width:100%; text-align:center; font-size:1.1em; font-weight:700; color:#ea1313; padding:20px 0px;}
div.consult_Rule{margin-top:20px }
div.consult_Rule > p{margin-bottom:10px }
div.consult_Rule textarea{width:100%; height:200px; border:1px solid #ccc; padding:20px; font-size:0.7em }

div.consult_Rule p.agree{padding:0 0 20px 20px; font-size:0.8em }
p.consultBtn{width:100%; text-align:center; font-size:0.9em; background:none !important;  border:0  !important; margin-bottom:30px}
p.consultBtn a{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn a.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn button{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn button.consultBtn_01{background:#ebaa36; border:1px solid #ebaa36;; color:#000;margin-right:10px ; vertical-align:top }
p.consultBtn a.consultBtn_02{background:#838383;  color:#fff;   }
p.consultBtn input{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn input.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn input.consultBtn_02{background:#838383;  color:#fff;  }

.consultBtn2{width:100%; text-align:center; font-size:0.9em; background:none !important;  border:0  !important; margin-bottom:30px;display:flex;justify-content: flex-end;    align-items: center;    align-content: center;    flex-direction: row;    flex-wrap: nowrap;}
.consultBtn2 a{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
.consultBtn2 a.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
.consultBtn2 a.consultBtn_02{background:#838383;  color:#fff;   }


ul.tab_mypage{padding:0 0 40px 0; display:flex; }
ul.tab_mypage > li > a{display:block; width:200px; padding:20px 20px; border:1px solid #ccc; text-align:center; font-size:16px; background:#fff }
ul.tab_mypage > li > a.on{background:#289ff3; color:#fff  }
td.bun{color:#4b66bd; width:100px; text-align:center  }

@media (max-width:1320px) {
div.consultTop > dl > dd > ul > li {width:20%; margin-right:0px;padding:10px}
div.consultTop > dl > dd > ul > li:last-child {width:20%;}
}
@media (max-width:1000px) {

div.consultTop > dl > dd > ul > li {width:33.33333%;}
div.consultTop > dl > dd > ul > li:last-child {width:33.33333%;}
}
@media (max-width:840px) {
ul.tab_mypage{padding:20px 0 10px 0;}
ul.tab_mypage > li > a{width:200px; padding:10px 10px;  }
div.consultTop{padding:20px; }
div.board > ul.Exam_List  > li{padding:20px 20px }
div.board > ul.Exam_List  > li > dl > dd{padding-left:20px }
table.consultWrite th{width:auto;  padding:10px 10px; }
table.consultWrite td input[type='text']{padding:5px 10px; height:auto;margin-right:0px}
table.consultWrite td select{padding:5px 10px;height:auto; margin-right:0; }
table.consultWrite td textarea{height:100px;}
div.consultTop > dl > dd > ul > li {width:50%;}
div.consultTop > dl > dd > ul > li:last-child {width:50%;}

div.board > ul.gallery_list > li{width:50%; padding:0 10px 20px 10px }
div.board > ul.gallery_list > li > dl{width:100%; border:1px solid #ccc; background:#fff;}
}




@media (max-width:720px) {
div.board > ul.Exam_List  > li > dl{flex-direction:column }
div.board > ul.Exam_List  > li > dl > dt{width:100%; text-align:center; margin-bottom:10px }
div.board > ul.Exam_List  > li > dl > dd{width:100%; padding:0 0}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:44px; line-height:44px; text-align:center; margin-left:-1px; font-size:0.8em}
.state{ padding:0px 5px; margin-right:5px}
}
@media (max-width:640px) {
.file, .date, .writer{display:none}
ul.tab_mypage > li > a{width:auto; font-size:15px }
}

/* 회사현황 - ** { */


/* 사업영역 -  */

p.busi_title{text-align:center; font-weight:500; font-size:1.1em; margin:-40px 0 80px 0 }
p.busi_title_02{font-weight:500; font-size:1.2em; margin:0px 0 30px 0 }
div.busi_01{max-width:1300px; margin:0 auto; padding-bottom:80px }
div.busi_02{max-width:100%; background:#fbf2f4; padding:80px 0 }
div.busi_02 > div{max-width:1300px; margin:0 auto; }
ul.busi_list_01{width:100%; display:flex; margin-top:40px }
ul.busi_list_01 > li{width:50%;}
ul.busi_list_01 > li:nth-child(1){padding-right:18px}
ul.busi_list_01 > li:nth-child(2){padding-left:18px}
ul.busi_list_01 > li img{width:100%}
ul.busi_list_02{width:100%; display:flex; margin-top:40px }
ul.busi_list_02 > li{width:calc(25% - 25px); text-align:center; position:relative; margin-right:25px }
ul.busi_list_02 > li img{width:100% }
ul.busi_list_02 > li > p{width:100%; text-align:center; color:#fff; position:absolute; bottom:0; padding:10px 0; background:rgba(0,0,0,0.6);font-size:0.9em }



.taba_1 {margin:0 auto 20px auto; display:flex; justify-content:center }
.taba_1:after{content:''; display:block; clear:both;}
.taba_1 li {width:200px; margin-left:-1px;}
.taba_1 li.line_1 a {font-size:0.9em}
.taba_1 li a {width:100%; display:block; background:#f9f9f9; border:1px solid #ccc; text-align:center; padding:13px;line-height:1.2em; position:relative; font-weight:bold; color:#494949; font-size:0.9em}
.taba_1 li a.on{color:#fff; background:#b60026;border:0; box-shadow: 3px 3px 10px rgba(182,0,38,0.6);  }
.taba_1 li a.on:after {content: ""; display: block; /* clear: both; */width:1px; height:100%; position:absolute; right:0; top:0; background:#153d80;}
.taba_1 {margin:0 auto 0 auto; display:flex; justify-content:center }
.taba_1:after{content:''; display:block; clear:both;}
.taba_1 li {width:200px; margin-left:-1px;}


@media (max-width:1300px) {

ul.busi_list_01{flex-wap:wrap; margin-top:20px }
ul.busi_list_01 > li:nth-child(1){padding-right:5px}
ul.busi_list_01 > li:nth-child(2){padding-left:5px}

}


@media (max-width:840px) {
p.busi_title{text-align:center; font-weight:500; font-size:1.1em; margin:0px 0 20px 0 }
.info_tab_1 .tab_1 li.line_1 a {line-height:18px;}
.info_tab_1 .tab_1 li a {padding:13px;height:46px}
.tab_contents_1 { padding:20px 0 } 
ul.busi_list_01{margin-top:20px }
div.busi_02{padding:20px 0 }
ul.busi_list_02{flex-wrap:wrap; margin-top:20px }
ul.busi_list_02 > li{width:calc(50% - 10px); margin-right:10px; margin-bottom:10px }

ul.busi_list_02 > li > p{padding:5px 0; }


}

/* 사업영역  end-  */

div.form_login{width:100%; display:flex; align-items:center ; min-height:600px; flex-wrap:wrap }
div.form_login > div{width:50%;  }
div.login_title{font-size:80px; padding:50px 100px 50px 0;font-family: 'yg-jalnan'; text-align:right }
div.login_title span{color:#995ba8 }
div.login_box{border-left:1px solid #ccc;padding:50px 0 50px 100px; height:100%}
div.login_box div.logform{border:1px solid #ccc;padding:0; height:45px; width:350px;padding-left:50px; border-radius:30px; overflow:hidden}
div.login_box div.logid{background:url('/images/common/ico_log_01.jpg') no-repeat 5px 8px; margin-bottom:5px; }
div.login_box div.logpass{background:url('/images/common/ico_log_02.jpg') no-repeat 5px 8px;margin-bottom:20px; }
div.login_box input[type='text'],div.login_box input[type='password']{border:0; padding:0 0 0 0 important; width:100%; height:100%}
div.login_box button{padding:10px; height:50px; width:350px; background:#995ba8; color:#fff; text-align:center; font-weight:600;border-radius:30px; margin-bottom:20px;}
#login_info{max-width:350px;display:flex; font-size:16px; justify-content:space-between }

@media (max-width:840px) {
div.form_login{min-height:auto;align-items:top ;  }
div.form_login > div{width:100%;  }
div.login_title{font-size:40px; padding:30px 0px 30px 30px;text-align:center }
div.login_box{border-left:0; padding:30px 30px 30px 30px;height:auto;max-width:400px; margin:0 auto}
 }
@media (max-width:640px) {


div.login_title{font-size:20px; padding:20px 0px 20px 20px;text-align:center }
div.login_box{border-left:0; padding:20px 20px 20px 20px;}
 }
div.edt{font-size:16px; font-weight:600; text-align:right; padding:20px 10px; border-top:1px solid #ccc; width:100px }



