@charset "utf-8";


/* 탭메뉴 */
div.tapMenu { overflow:hidden; margin-bottom:20px;}
div.tapMenu ul {font-size:13px;   overflow:hidden;  letter-spacing:-1px;  border-bottom:1px #ddd solid;}
div.tapMenu ul li { display:inline-block;  text-align:center; min-width:140px;}
div.tapMenu ul li a {display:block; color:#555; line-height:45px; padding:0 10px; border:1px #ddd solid; border-bottom:0px;}

div.tapMenu ul li a:hover{color:#fff;  }
div.tapMenu ul li.on a,
div.tapMenu ul li.on a:hover{ background:#b60005; border-color:#b60005; color:#fff; font-weight:bold; }



/*회사소개*/
.ocl_00 { position:relative;}
.ocl_00 .c_logo {position:absolute; left:0px; top:40px; }
.ocl_00 .c_logo img {vertical-align:middle; max-width:100%; }


.ocl_00 .text_info { padding-left:300px; padding-top:50px; }
.ocl_00 .text_info dl { font-family:'Nanum Myeongjo',sans-serif;}
.ocl_00 .text_info dl dt {font-size:40px; letter-spacing:-3px; color:#bc9b6a;}
.ocl_00 .text_info dl dd {font-size:20px; margin-top:30px; color:#b60005;}

.ocl_00 .text {font-size:16px; color:#000; margin-top:40px;}
.ocl_00 .call_num {font-size:16px; color:#000; margin-top:40px; font-size:40px; font-style:italic; }



/*olc 소개*/
.olp_01_01 {padding:30px; background:#f8f8f8; font-size:16px;}
.olp_01_01 .t1{ text-align:center;  color:#b60005; font-size:20px; line-height:22px; margin-bottom:20px;}

.olp_01_02 {margin-top:20px;}
.olp_01_02 ul { border-top:1px #ddd solid;}
.olp_01_02 ul li{padding:25px 0px; border-bottom:1px #ededed solid; position:relative; overflow:hidden;}
.olp_01_02 ul li img {vertical-align:middle;}
.olp_01_02 ul li .icon {float:left; }
.olp_01_02 ul li dl {margin-left:200px; }
.olp_01_02 ul li dl dt {font-size:20px; color:#000; margin-bottom:10px;}
.olp_01_02 ul li dl dd {font-size:16px; color:#666;}


.olp_01_03 {margin-top:20px;}
.olp_01_03 ul {display:table; width:100%; table-layout:fixed;}
.olp_01_03 ul li{display:table-cell; vertical-align:top;   border:2px #bc9b6a solid; padding:30px;}
.olp_01_03 ul li.left{padding-right:40px;}
.olp_01_03 ul li.right{padding-left:40px; border-left:0px;}
.olp_01_03 ul li dl {}
.olp_01_03 ul li dl dt {font-size:20px; color:#bc9b6a; margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.olp_01_03 ul li dl dd {font-size:15px; line-height:18px; color:#666;}



.olp_01_04 {margin-top:90px;background:#f8f8f8; padding:40px; position:relative;}
.olp_01_04 .icon{position:absolute; left:30px; bottom:0px; }
.olp_01_04 .icon img {vertical-align:middle; max-width:100%;}
.olp_01_04 dl {margin-left:0px;}
.olp_01_04 dl dt{color:#bc9b6a;  font-size:30px;margin-bottom:20px; }
.olp_01_04 dl dd{font-size:15px; line-height:22px; color:#666;}


/*커리큘럼*/
.olp_02_01 {margin-top:20px;}
.olp_02_01 li {margin-bottom:50px;}
.olp_02_01 .title_box {position:relative;  padding-left:100px; border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:20px;}
.olp_02_01 .title_box .num {position:absolute; left:0px; top:15px; font-size:70px;    color:#ddd;    font-weight:bold;    }
.olp_02_01 .title_box .t1 { color:#000; font-sizE:25px; margin:15px 0px 0px; }
.olp_02_01 .title_box .t2 {color:#bc9b6a;    font-sizE:17px;    line-height:18px; margin-top:10px; }
.olp_02_01 dl {padding:30px; padding-left:190px;background:#f8f8f8; position:relative;}
.olp_02_01 dl dt {display:inline-block; background:#b60005; padding:0 20px; color:#fff; line-height:40px; position:absolute; left:30px; top:30px;}
.olp_02_01 dl dd { font-size:16px;  background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; padding-left:10px;}



.fund_02 {border:1px #ddd solid; padding:30px; margin-top:40px;}
.fund_02 .title { text-align:center;}
.fund_02 .title .t1{font-size:30px; text-align:center;}
.fund_02 .title .t2{font-size:20px;color:#b60005; padding:15px 0px;;}
.fund_02 .col_box {width:100%; display:table; }
.fund_02 .col_box .col {display:table-cell;vertical-align:middle;}
.fund_02 .col_box .col.icon{padding:0px 60px;}
.fund_02 .col_box .col .btn {margin-top:40px;}





/*인사말*/
.common_greeting {overflow:hidden;}
.common_greeting .photo{float:left; width:220px;}
.common_greeting .photo .photo_file img{width:100%;}
.common_greeting .photo .name{text-align:center;}
.common_greeting .photo .name strong{font-size:14px;}
.common_greeting .photo .etc {color:#999; border-top:1px #ddd dashed; text-align:left; padding-top:10px; margin-top:10px;}
.common_greeting .text{margin-left:250px; font-size:15px;}


/*연혁*/
.all_about_04 .list{overflow:hidden; position:relative; margin-bottom:50px;}
.all_about_04 .list .year{position:absolute; left:20px; top:0px; font-size:30px; font-weight:bold; line-height:28px;  color:#b60005;}
.all_about_04 .list .year div{font-size:14px; color:#aaa; font-weight:normal; text-align:right;}

.all_about_04 .list .box {margin:10px 0 0 160px; position:relative;}
.all_about_04 .list .box .date{position:absolute; font-size:16px; left:0px; top:0px; padding-left:10px; width:90px; color:#000; font-weight:bold;line-height:20px; background:url(../images/main/main_list_dot.jpg) left 9px no-repeat}
.all_about_04 .list .box .text{margin-left:110px; font-size:14px; border-bottom:1px #ddd dashed;line-height:21px; padding-bottom:5px;}


.ocl_04_wrap_box .title {text-align:center; font-size:25px;background:#f2f2f2; border:1px #ddd solid; border-radius:3px; margin:40px 0px; line-height:40px; padding:20px 0px;}



/*행사일정*/
#schedule_list_info {position:relative;}
#schedule_list_info h3 {text-align:center; overflow:hidden; font-size:50px; padding:15px 0px;letter-spacing:-1px;   font-family: 'NanumBarunGothic'; line-height:40px;}
#schedule_list_info h3 a.com_btns{position:absolute; top:20px; font-weight:normal;line-height:20px; border-radius:20px; color:#888; background:#fff; font-size:30px;}
#schedule_list_info h3 a.com_btns:hover{background:#f8f8f8;}
#schedule_list_info h3 .prev{left:250px;}
#schedule_list_info h3 .next{right:250px;}
#schedule_list_info ul{display:table; table-layout:fixed; width:100%; }
#schedule_list_info ul li{display:table-cell; text-align:center; padding:0 10px; border-right:1px #ddd solid; }
#schedule_list_info ul li:last-child {border-right:0px;}

#schedule_list_info ul li.m1{width:130px;}/*시간*/
#schedule_list_info ul li.m2{width:90px;}/*주관*/
#schedule_list_info ul li.m3{text-align:left;}/*행사명*/
#schedule_list_info ul li.m3_header{text-align:center;}/*행사명*/
#schedule_list_info ul li.m4{width:200px;}/*장소*/


/*월선택*/
#schedule_list_info .day {border-top:2px #666 solid;  border-bottom:1px #ddd solid; display:table;  table-layout:fixed; }
#schedule_list_info .day li{line-height:40px; text-align:center; padding:0px;} 
#schedule_list_info .day li a{display:block; line-height:40px; color:#222;  }
#schedule_list_info .day li a.on,
#schedule_list_info .day li a:hover{color:#fff; background:#666; border-color:#666}

/*타이틀*/
#schedule_list_info .list_header{background:#f8f8f8; border-top:1px #ddd solid; border-bottom:1px #ddd solid; border-left:0px; margin-top:15px; }
#schedule_list_info .list_header li{ text-align:center; font-weight:bold; line-height:40px; color:#000   }


#schedule_list_info .list_index{}
#schedule_list_info .list_index li{ border-bottom:1px #ddd solid; text-align:center; padding:10px;  line-height:16px; color:#555; vertical-align:middle;   }
#schedule_list_info .list_index li strong{display:none; }


#schedule_list_info .nodate {text-align:center; line-height:40px;  border-bottom:1px #ddd solid; }


/*동문검색 팝업*/
._finish_sc_detail {width:800px; background:#fff;  display:none;  position:relative; border-radius:15px;     box-shadow: 0px 3px 60px rgba(0,0,0,0.8);}
._finish_sc_detail h3 {padding:20px; background:#404040; font-size:20px; color:#fff;  border-radius:15px 15px 0px 0px;   }
._finish_sc_detail .close{position:absolute; right:0px; top:-50px;}
._finish_sc_detail .close img{display:inline-block; vertical-align:middle;}
._finish_sc_detail .close a{ line-height:40px; color:#222;}
._finish_sc_detail .box  {padding:20px;}
._finish_sc_detail table {border-top:0px;}




/*테이블*/
table .link {text-decoration:underline; }
table .link:hover {color:#2dacad;}

table.cStyle {border-top:1px solid #dfe2e8;  width:100%; font-size:15px; border-spacing:0; word-break:break-all}
table.cStyle th { color:#222; font-size:13px;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;  text-align:left; line-height:20px; padding:8px 10px; }
table.cStyle td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  }
table.cStyle .center {text-align:center;}
table.cStyle .left {text-align:left;}


table.cStyle1 {width:100%; font-size:15px; border-spacing:0; border-left:1px #dfe2e8 solid; word-break:break-all}
table.cStyle1 th { color:#222; font-size:13px;  background:#f8f8f8; border:0px; border-top:1px #dfe2e8 solid; border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid;  text-align:center; line-height:20px; padding:8px 5px; }
table.cStyle1 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid; text-align:center;  border-right:1px #dfe2e8 solid; }
table.cStyle1 .center {text-align:center;}
table.cStyle1 .left {text-align:left;}


table.cStyle11 {width:100%; font-size:15px; border-spacing:0; border-left:1px #dfe2e8 solid; word-break:break-all}
table.cStyle11 th { color:#222; font-size:13px;  background:#f8f8f8; border:0px; border-top:1px #dfe2e8 solid; border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid;  text-align:center; line-height:20px; padding:8px 5px; }
table.cStyle11 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;   border-right:1px #dfe2e8 solid; }
table.cStyle11 .center {text-align:center;}
table.cStyle11 .left {text-align:left;}


table.cStyle2 {border-top:2px solid #666;  width:100%; font-size:15px; border-spacing:0; border-left:1px #dfe2e8 solid; word-break:break-all}
table.cStyle2 th { color:#222; font-size:13px;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;  line-height:20px; padding:8px 10px; }
table.cStyle2 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid; text-align:center; }
table.cStyle2 .center {text-align:center;}
table.cStyle2 .left {text-align:left;}
table.cStyle2 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal;}
table.cStyle2 .bg span{display:inline-block; line-height:30px; padding:0 20px; background:#666; border-radius:30px; margin:10px 0px;}
table.cStyle2 .bg img {padding-top:8px;}

table.cStyle3 {border-top:2px solid #666;  width:100%; font-size:15px; border-spacing:0; word-break:break-all}
table.cStyle3 th { color:#222; font-size:13px;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   line-height:20px; padding:12px 5px; }
table.cStyle3 td {color:#666; padding:12px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  text-align:center; }
table.cStyle3 .center {text-align:center;}
table.cStyle3 .left {text-align:left;}
table.cStyle3 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal; }
table.cStyle3 .line { border-right:1px #dfe2e8 solid;}
table.cStyle3 .title_name{display:inline-block; line-height:30px; width:150px; background:#666; border-radius:30px; margin:10px 0px;}
table.cStyle3 .bg img {padding-top:8px;}
table.cStyle3 .service_img_ing {border:2px #ddd solid;}


table.cStyle4 {border-top:1px solid #555;  width:100%; font-size:12px; border-spacing:0;word-break:break-all }
table.cStyle4 th { color:#222; font-size:13px;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   line-height:20px; padding:8px 10px; }
table.cStyle4 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  }
table.cStyle4 .center {text-align:center;}
table.cStyle4 .left {text-align:left;}
table.cStyle4 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal; }


table.cStyle5 {border-top:1px solid #555;  width:100%; font-size:12px; border-spacing:0; word-break:break-all}
table.cStyle5 th { color:#222;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   padding:8px 5px; }
table.cStyle5 td {color:#666; padding:5px;  border-bottom:1px #dfe2e8 solid; text-align:center;  }
table.cStyle5 .center {text-align:center;}
table.cStyle5 .left {text-align:left;}


table.cStyle6 {border-top:1px solid #dfe2e8;   width:100%; font-size:12px; border-spacing:0; word-break:break-all}
table.cStyle6 th { color:#222;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;   padding:8px 5px; text-align:left; font-weight:normal; }
table.cStyle6 td {color:#666; padding:5px;  border-bottom:1px #dfe2e8 solid;;}
table.cStyle6 .center {text-align:center;}
table.cStyle6 .left {text-align:left;}


table.cStyle7 {border:0px; width:100%; font-size:12px; border-spacing:0; word-break:break-all}
table.cStyle7 th {color:#222; background:none; border:0px;   }
table.cStyle7 td {color:#666;  border:0px; }
table.cStyle7 .center {text-align:center;}
table.cStyle7 .left {text-align:left;}

table.cStyle8 {border-top:1px solid #dfe2e8; border-left:1px solid #dfe2e8;  width:100%; font-size:12px; border-spacing:0; word-break:break-all}
table.cStyle8 th { color:#222;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid; text-align:left;   padding:8px 10px; }
table.cStyle8 td {color:#666; padding:5px;  border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid;}
table.cStyle8 .center {text-align:center;}
table.cStyle8 .left {text-align:left;}


.subject_view {position:relative;}
.user_text {display:none;}
.user_text td{ padding:20px !important; vertical-align:top; background:#f8f8f8; border:3px #ddd solid !important; text-align:left !important;}













/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}

#daum_map {width:100%; height:350px; }


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left;}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 


@media all and (max-width:1024px) {


/*회사소개*/

.ocl_00 .c_logo {position:relative; left:0px; top:0px; }
.ocl_00 .c_logo img {width:100%; }

.ocl_00 .text_info { padding-left:0px; padding-top:50px; }





/*olc 소개*/
.olp_01_02 {margin-top:20px;}

.olp_01_02 ul li .icon {float:none; text-align:center; }
.olp_01_02 ul li dl {margin-left:0px; }
.olp_01_02 ul li dl dt {text-align:center; margin-top:20px;}




.olp_01_03 ul {display:block;}
.olp_01_03 ul li{ border:2px #bc9b6a solid !important; display:block;}
.olp_01_03 ul li.left{padding:30px;}
.olp_01_03 ul li.right{padding:30px; border-top:0px !important;}



.olp_01_04 {margin-top:10px; padding:35px 25px; }
.olp_01_04 .icon{display:none;}
.olp_01_04 dl {margin-left:0px;}
.olp_01_04 dl dt{color:#bc9b6a;  font-size:30px;margin-bottom:20px; }
.olp_01_04 dl dd{font-size:15px; line-height:22px; color:#666;}



/*커리큘럼*/
.olp_02_01 {margin-top:0px;}
.olp_02_01 li {margin-bottom:50px;}
.olp_02_01 .title_box { padding-left:0px; }
.olp_02_01 .title_box .num { left:0px; top:-17px; padding-top:15px; font-size:30px;}
.olp_02_01 .title_box .t1 { margin-top:25px; padding-left:40px;  }
.olp_02_01 .title_box .t2 {padding-left:40px; font-size:16px; }

.olp_02_01 dl {padding:30px; padding-top:90px; }





.fund_02 {padding:20px; }

.fund_02 .title .t1{font-size:22px; }
.fund_02 .title .t2{font-size:16px;}
.fund_02 .col_box {display:block; }
.fund_02 .col_box .col {display:block;vertical-align:middle;}
.fund_02 .col_box .col.icon{padding:20px;}
.fund_02 .col_box .col.icon img {vertical-align:middle;}











/*인사말*/
.common_greeting .photo{float:none; width:100%;  text-align:center;}
.common_greeting .photo .photo_file img{width:auto; max-width:100%;}
.common_greeting .text{margin-left:0px;}


/*연혁*/

.all_about_04 .list .year{position:relative; left:0px; top:0px; padding-bottom:10px; border-bottom:1px #ddd solid; }
.all_about_04 .list .year div{ text-align:left;}
.all_about_04 .list .box {margin:10px 0 0 0; position:relative;}




/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {padding:15px; height:auto; }
.company_map .btn_box {display:none;}



/*행사일정*/
#schedule_list_info {position:relative; border-bottom:1px #ddd solid;}

#schedule_list_info h3 {font-size:30px; line-height:30px;}
#schedule_list_info h3 a{ top:20px; font-size:30px;}
#schedule_list_info h3 .prev{left:20%;}
#schedule_list_info h3 .next{right:20%;}


#schedule_list_info ul{display:block; width:100%;  }
#schedule_list_info ul li{display:inline-block;}

#schedule_list_info ul li.m1{width:130px;}/*시간*/
#schedule_list_info ul li.m2{width:90px;}/*주관*/
#schedule_list_info ul li.m3{text-align:left;}/*행사명*/
#schedule_list_info ul li.m4{width:200px;}/*장소*/
#schedule_list_info ul li.all_day{display:none;}/*장소*/


/*월선택*/
#schedule_list_info .day {border-left:1px #ddd solid;  width:auto; display:block;  border-bottom:0px; overflow:hidden;   -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px; }
#schedule_list_info .day li{float:left; display:block; width:25%; border-bottom:1px #ddd solid; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing:border-box;}
#schedule_list_info .day .mobile_none{display:none;}
#schedule_list_info ul li:last-child {border-right:1px #ddd solid; }


/*타이틀*/
#schedule_list_info .list_header{display:none;}



#schedule_list_info .list_index{border:0px; border:1px #ddd solid; padding:10px; margin-bottom:5px;}
#schedule_list_info .list_index li{display:block; border:0px; width:auto !important; text-align:left; line-height:22px; padding:2px 5px;}
#schedule_list_info .list_index li strong{display:inline-block; float:left; width:65px; color:#fff; background:#666; margin-right:10px; line-height:22px; font-weight:normal; border-radius:20px;text-align:center; }
#schedule_list_info .list_index li span{display:block; margin-left:70px;}

#schedule_list_info ul:nth-child(even) {background:#f8f8f8}




table.cStyle3 { border-left:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid; }
table.cStyle3 th {font-size:12px;   }



table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:70px;}
table.cStyle_location td { padding:10px;}



.bank_show_box {width:100%; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;}




/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}






/*동문검색 팝업*/
._finish_sc_detail {width:95%; }





	table.cStyle th {padding:8px 3px;}
	table.cStyle td {padding:8px 5px;}

	table.cStyle1 th {padding:8px 3px;}
	table.cStyle1 td {padding:8px 5px;}

	table.cStyle2 th {padding:8px 3px;}
	table.cStyle2 td {padding:8px 5px;}

	table.cStyle3 th {padding:8px 3px;}
	table.cStyle3 td {padding:8px 5px;}

	table.cStyle4 th {padding:8px 3px;}
	table.cStyle4 td {padding:8px 5px;}

	table.cStyle5 th {padding:8px 3px;}
	table.cStyle5 td {padding:8px 5px;}

	table.cStyle6 th {padding:8px; font-size:12px;}
	table.cStyle6 td {padding:8px 5px;}

	table.cStyle7 th {padding:8px 3px;}
	table.cStyle7 td {padding:8px 5px;}

	table.cStyle8 th {padding:8px 3px;}
	table.cStyle8 td {padding:8px 5px;}


	.td_subject {min-width:120px;}




}