/**
* File Name : web_layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Wed Project Team / Design
* Update : 2020.02.05*/

@charset "utf-8";

/* Layout Selector */
html, body {padding:0; margin:0; width:100%;  box-sizing: border-box; font-family: 'Noto Sans KR',' sans-serif','Nanum Gothic','NanumBarunGothic','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica', }
#wrap {position:relative; width:100%; margin: 0; }
#contents { width:100%; margin:0 auto;  position: relative; margin-bottom:50px;}
#contents:after { content:""; display:block; clear:both;}

/* Link */
a { font-family: 'Noto Sans KR',' sans-serif','Nanum Gothic','NanumBarunGothic','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica' ; text-decoration:none;   outline: none } 
a:link a:visited {color:#000;text-decoration:none;}
a:hover, a:active { color:#000;text-decoration:none;}


.slide {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 0 !important;
    padding-top: 40% !important;
    background: #ccc;
}

/* 헤더 */
#headwarp { width:100%; margin:0 auto; background:url('../img/hedader_bg.jpg') repeat-x;  position:relative;}

.topList {width:980px; height:auto; margin:0 auto; list-style:none; position:relative; }
.topList .hdtop_lt  {float:left; width:40%; height:40px; display:inline-block; }
.topList .hdtop_lt p {float:left; font-size:14px; font-weight:400; line-height:40px; color:#333;  }
.topList .hdtop_lt p span {margin-left: 10px ;  }
.topList .hdtop_rt  {float:right; width:60%; height:40px; display:inline-block; text-align:right; }
.topList .hdtop_rt p {font-size:14px; font-weight:400; line-height:40px; color:#333;  }
.topList .hdtop_rt p span { margin-right:10px; }

.hdgnb {width:980px; height:auto;  margin:0 auto;  list-style:none;position:relative; }
.hdgnb .cplogo  { float:left; width:224px; text-align:left; padding-top:12px; line-height:65px;  display:inline-block; }
.hdgnb .hdmenu { float:right;  width:auto; text-align:right; padding-top:32px; line-height:42px;  display:inline-block; }
/*
.hdgnb .hdmenu li { float:left; text-align:right; font-size:17px; font-weight:500; color:#000;  margin-right:30px;    }
.hdgnb .hdmenu li:last-child { margin-right:0;    }*/


/* NAVIGATION */
/*nav { float:right; width: 100%;  background: #fff; display:inline-block;	 }
nav ul {list-style: none;  width:auto; text-align:right;}
nav ul li { float:left; text-align:right; margin-right:28px; font-size:16px; display:inline-block;}
nav ul li:last-child { float:left; text-align:right; margin-right:0; font-size:16px; display:inline-block;}

nav ul li a {text-decoration: none;	color: #2c2c2c;	font-weight: 500;	text-transform: uppercase;	text-decoration: none;  margin: 0 4px;}
nav ul li a, nav ul li a:after, nav ul li a:before { transition: all .5s; text-decoration: none;}
nav ul li a:hover {	color: #0a90dd; text-decoration: none;}

nav.stroke ul li a, nav.fill ul li a {
	position: relative;
}
nav.stroke ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	background: #0a90dd;
	height: 1px;
}
nav.stroke ul li a:hover:after {
	width: 100%;
}

*/


#main_vimg { width:100%; height:auto;  position:relative; margin:0 auto; /*background:url('../img/main_visual.jpg') no-repeat center; background-size:cover;*/ clear:both; }


.pre-wrap {white-space:pre-wrap}


.slider_text {width:980px; height:auto; margin:0 auto; padding-top:350px;   }
.slider_text .readmorebt { width:100%;  text-align:left; height:50px; margin-left:5px;   }



#main_adcopy {width:100%; height:104px; background:#040318; clear:both; position:relative; display:none;}
.adcopywrap {width:980px; height:104px; margin:0 auto; list-style:none;}
.adcopywrap .adtxt { float:left;  width:836px; line-height:23px; color:#FFF; font-size:18px; font-weight:400; text-align:left; padding-top:30px; }
.adcopywrap .advideo { float:right;  width:144px; height:42px; margin-top:30px;  display:inline-block; }
.adcopywrap button { background:#008ce7; text-align:center; width:100%; height:42px; line-height:42px; color:#FFF; border:0; }


#mcp_content {width:100%; height:auto; position: relative; margin-bottom:100px;}
#mcp_content:after { content:""; display:block; clear:both;}


.cpboard_in {width:980px; height:333px; margin:0 auto; padding-top:90px ; list-style:none; clear:both; position:relative }
.cpboard_in li { float:left; width:33.33333333%; height:243px; border-left:1px solid #00abff; border-top:1px solid #00abff; border-bottom:1px solid #00abff; padding:29px; }
.cpboard_in li:last-child { float:right; width:33.33333333%; height:243px; border:1px solid #00abff; padding:29px; }


.cpboard_in .cpinfo { width:100%; height:185px; padding-top:10px; clear:both; position:relative;  }
.cpboard_in .cpinfo .cphdin_con { float:left; height:40px;}
.cpboard_in .cpinfo .cphdin_more { float:right; height:40px;}
.cpboard_in .cpinfo .cpinner_tit { float:left; width:293px; height:auto; font-size:18px; color:#000; font-weight:300; padding-top:25px;  }
.cpboard_in .cpinfo .cpinner_tit fontblue { color:#0097ff;  }
.cpboard_in .cpinfo .cpsummary  { float:left; width:100%; line-height:20px; font-size:14px; color:#6f6969; margin-top:10px;   }
.cpboard_in .cpinfo .cpbs_lecture  { float:left; width:100%; line-height:23px; font-size:14px; color:#6f6969; }
.cpboard_in .cpinfo .cpnews  { float:left; width:100%; line-height:23px; font-size:14px; color:#6f6969; }



#sample_yotube {width:100%; height:910px;  background:url('../img/yotube_video_bg.jpg'); background-position:center; background-size:cover;  clear:both; margin-top:90px ;  position:relative; }
.ytb_content {width:980px; height:auto; margin:0 auto;   clear:both;  position:relative; }
.ytb_content .yotube_ptxt { width:980px; height:190px; margin:0 auto; text-align:center; line-height:40px; font-size:30px; font-weight:200; color:#fff; padding-top:60px;  }
.ytb_content .ytbbox { width:960px; height:540px; background:#000; margin:0 auto; text-align:center; }
.ytb_content .ytbebox img {width:960px;  text-align:center; position:absolute; transform:translate(-50%, -50%); top:50%; left:50%; }
.ytb_content .yotube_intxt {width:980px; margin:0 auto; height:100px; margin:0 auto; text-align:center; line-height:26px; font-size:20px; font-weight:100; color:#fff; padding-top:40px;}


.smcp_contibox {width:100%; height:830px; padding-top:90px; margin:0 auto;  clear:both; position:relative;}
.smcp_contibox .cpimgwrap {width:100%; margin:0 auto; height:644px; list-style:none;}
.smcp_contibox .cpimgwrap .cpimg_lt {float:left; width:50%; height:644px;  background:url(../img/contiimg_lt_bg.jpg);  text-align:right;}
.smcp_contibox .cpimgwrap .cpimg_lt img { float:right; width:490px; height:644px; text-align:right;}
.smcp_contibox .cpimgwrap .cpimg_rt { float:left; width:50%; height:644px;  background:url(../img/contiimg_rt_bg.jpg);  text-align:left;}
.smcp_contibox .cpimgwrap .cpimg_rt img { float:left; width:490px; height:644px; text-align:left;}



.cpLecture_in {width:100%; height:auto;  margin:0 auto;  clear:both; position:relative;}
.cptab_mn {width:100%; margin:0 auto; height:auto;  list-style:none;}
.cptable-table { border-collapse: collapse;  width:980px;  margin:0 auto; text-align:center;}
.cptable-table tr td {border:1px solid #adc1bf}
.cptab_mn > table .hpa{
    height: auto !important;
}
.cptable-DataGrid { border-collapse: collapse;  width:980px;  }
.cptable-DataGrid thead  {text-align:center; font-size:14px; border-top:2px solid #0299c4; background:#0dbfe7 }
.cptable-DataGrid thead tr {text-align:center; font-size:14px; border-bottom:1px solid #0299c4;  }
.cptable-DataGrid thead tr td { color:#fff; padding:10px;  border-bottom:1px solid #0299c4; border-right:1px solid #1cabd4;  line-height:20px; font-weight:400;}
.cptable-DataGrid thead tr td:last-child { padding:10px; border-right:1px solid #adc1bf; }

.cptable-DataGrid tbody {text-align:center; font-size:14px; font-weight:300;  color:#333; }
.cptable-DataGrid tbody tr {border-top:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9; }
.cptable-DataGrid tbody tr:hover {background: #e7efff;}
.cptable-DataGrid tbody td { color:#333; padding:10px; border-right:1px solid #d9d9d9; line-height:20px; font-weight:400;}
.cptable-DataGrid tbody tr td:last-child { border-top:1px solid #d9d9d9; color:#333; padding:10px; border-right:1px solid #adc1bf; }
.cptable-DataGrid tbody td .fontleft {text-align:left; padding:10px; color:#333; line-height:20px; font-weight:400; font-size:14px; background:none; border:0;}


.cptable-DataGrid tbody td span { font-weight:500; color:#246ed4; }
.cptable-DataGrid tbody td p { border:1px solid #CCC; padding:3px; border-radius:2px; background:#eaeaea; font-size:13px; width:80%; margin:0 auto; }



/*Generic styles*/
.cpLecture_in #tab_wrapper{ max-width: 980px;  margin:0 auto; }
.cpLecture_in #generic-tabs{ width:100%; }

/*Tab styles*/
.cpLecture_in .generic-tabs ul { overflow: hidden; margin:0; padding:0;}
.cpLecture_in .generic-tabs ul li{ float:left; display:inline-block; width:20%; background:#EDEDED; border-top:4px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cpLecture_in .generic-tabs ul li:last-child {border-right:none;}
.cpLecture_in .generic-tabs ul li:first-child { padding-left:0; }

/*Tab link styles*/
.cpLecture_in .generic-tabs ul li a {text-align:center; display:block; font-size: 1.2em; text-decoration: none; padding: 1.2em 1em; line-height: 16px; color:#BBBBBB;}

/*Active tab styles*/
.cpLecture_in .generic-tabs ul li.active {background:#FFF; border-top:4px solid #0dbfe7;}
.cpLecture_in .generic-tabs ul li.active a { color:#333;}
.cpLecture_in .generic-tabs ul li.active a i {color:#27ae60;}

/*Tab content styles*/
.cpLecture_in .generic-tabs .tab-content{ background:#FFF; padding-top:30px; }
.cpLecture_in .generic-tabs .tab-content h1 { text-align:center; padding-bottom:20px; }



/*Generic styles2*/
.cpLecture_in #generic-tabs2{ width:980px; margin:0 auto;}

/*Tab styles2*/
.cpLecture_in .generic-tabs2 ul { overflow: hidden; margin:0 auto; padding:0;}
.cpLecture_in .generic-tabs2 ul li{ float:left; display:inline-block; width:33.33%; background:#EDEDED; border-top:4px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cpLecture_in .generic-tabs2 ul li:last-child {border-right:none;}
.cpLecture_in .generic-tabs2 ul li:first-child { padding-left:0; }

/*Tab link styles2*/
.cpLecture_in .generic-tabs2 ul li a {text-align:center; display:block; font-size: 1.2em; text-decoration: none; padding: 1.2em 1em; line-height: 16px; color:#BBBBBB;}

/*Active tab styles2*/
.cpLecture_in .generic-tabs2 ul li.active {background:#FFF; border-top:4px solid #0dbfe7;}
.cpLecture_in .generic-tabs2 ul li.active a { color:#333;}
.cpLecture_in .generic-tabs2 ul li.active a i {color:#27ae60;}

/*Tab content styles2*/
.cpLecture_in .generic-tabs2 .tab-content2{ background:#FFF; padding-top:30px; }


/*Generic styles3*/
.cpLecture_in #generic-tabs3{ width:980px; margin:0 auto;}

/*Tab styles3*/
.cpLecture_in .generic-tabs3 ul { overflow: hidden; margin:0 auto; padding:0;}
.cpLecture_in .generic-tabs3 ul li{ float:left; display:inline-block; width:50%; background:#EDEDED; border-top:4px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cpLecture_in .generic-tabs3 ul li:last-child {border-right:none;}
.cpLecture_in .generic-tabs3 ul li:first-child { padding-left:0; }

/*Tab link styles3*/
.cpLecture_in .generic-tabs3 ul li a {text-align:center; display:block; font-size: 1.2em; text-decoration: none; padding: 1.2em 1em; line-height: 16px; color:#BBBBBB;}

/*Active tab styles3*/
.cpLecture_in .generic-tabs3 ul li.active {background:#FFF; border-top:4px solid #0dbfe7;}
.cpLecture_in .generic-tabs3 ul li.active a { color:#333;}
.cpLecture_in .generic-tabs3 ul li.active a i {color:#27ae60;}

/*Tab content styles3*/
.cpLecture_in .generic-tabs3 .tab-content3{ background:#FFF; padding-top:30px; }



/*Generic styles*/
.cpLecture_in #tab_wrapper{ max-width: 980px;  margin:0 auto; }


/*Tab styles*/
.cpLecture_in .generic-tabs5 ul { overflow: hidden; margin:0; padding:0;}
.cpLecture_in .generic-tabs5 ul li{ float:left; display:inline-block; width:20%; background:#EDEDED; border-top:4px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cpLecture_in .generic-tabs5 ul li:last-child {border-right:none;}
.cpLecture_in .generic-tabs5 ul li:first-child { padding-left:0; }

/*Tab link styles*/
.cpLecture_in .generic-tabs5 ul li a {text-align:center; display:block; font-size: 1.2em; text-decoration: none; padding: 1.2em 1em; line-height: 16px; color:#BBBBBB;}

/*Active tab styles*/
.cpLecture_in .generic-tabs5 ul li.active {background:#FFF; border-top:4px solid #0dbfe7;}
.cpLecture_in .generic-tabs5 ul li.active a { color:#333;}
.cpLecture_in .generic-tabs5 ul li.active a i {color:#27ae60;}

/*Tab content styles*/
.cpLecture_in .generic-tabs5 .tab-content5{ background:#FFF; padding-top:30px; }
.cpLecture_in .generic-tabs5 .tab-content5 h1 { text-align:center; padding-bottom:20px; }






/* ====  sub page ==== */
#spcontent_wrap {width:100%; height:auto; position: relative; margin-bottom:100px;}
#spcontent_wrap:after { content:""; display:block; clear:both;}


#sub_svimg { width:100%; height:256px; /*background:url('../img/sub/stop_img.jpg') no-repeat center; background-size:cover;*/ clear:both; position:relative;}


.spctbox {width:980px; height:160px; padding-top:60px; margin: 0 auto; position:relative;}
.spctbox .redline { width:60px; height:20px; border-top:2px solid #e82e09; text-align:center; margin:0 auto;}
.spctbox p { width:980px; height:40px; line-height:40px; font-size:30px; font-weight:600; text-align:center;}

.about_in {width:980px; height:auto; padding-top:50px; margin: 0 auto; position:relative;}
.about_intro {width:980px; height:auto; list-style:none;}
.about_intro .ab_intro_lt { float:left; width:715px; height:auto;}
.about_intro .ab_intro_lt p { text-align:left; font-size:24px; color:#333; line-height:30px; width:100%; }
.about_intro .ab_intro_lt .feature  { list-style:none; padding-top:40px;}
.about_intro .ab_intro_lt .feature  li { float:left; height:96px; text-align:left; font-size:18px; font-weight:300; color:#191919; margin-bottom:20px;  }
.about_intro .ab_intro_lt .feature  li img { float:left; width:97px;  }
.about_intro .ab_intro_lt .feature  li p { float:right; width:auto; font-size:18px;  color:#191919; line-height:23px; margin-top:28px; margin-left:23px;}
.about_intro .ab_intro_lt .feature  li p span {font-size:15px;   color:#717171;}
.about_intro .ab_intro_rt { float:right; width:265px; height:auto;}

.about_gallery {width:980px; height:auto; list-style:none; padding-top:100px; position:relative; clear:both;}
.about_gallery li { float:left; width:33.3333333%;  list-style:none; }



.timetable_in {width:980px; height:auto;  clear:both; margin: 0 auto; position:relative;}
.timetable {width:980px; height:245px; border:5px solid #272b34; padding:45px 67px 51px 67px; }
.timetabel_smcnt_lt_box { float:left; width:458px; padding:0 23px 0 0;}
.timetabel_smcnt_lt_box .dotbox { 
  width:402px; 
  height:55px; 
  text-align:center; 
  font-size:26px;
  font-weight:300;
  line-height:55px; 
  border-width: 1px;
  border-color: #d5262b; /* changes to "pink" for the rest */
  border-style: dotted; /* dashed, double, groove, ridge, inset, outset */
  color:#242633;  
  
}

.timetabel_smcnt_lt_box .font-1{ width:402px;  text-align:center; font-size:13px; color:#333; line-height:20px; }
.timetabel_smcnt_lt_box .font-2{ width:402px; text-align:center; font-size:46px; color:#000; line-height:50px;font-weight:300; }
.timetabel_smcnt_lt_box .font-2 span { color:#d5262b; font-weight:600; }

.timetabel_smcnt_lt2_box { float:left; width:1px; height:142px; background:url('../img/sub/dotline.png') no-repeat ; margin-left:19px;  }

.timetabel_smcnt_rt_box { float:right; width:348px; text-align:right; }
.timetabel_smcnt_rt_box p { width:348px; font-size:13px; color:#666; font-weight:normal; line-height:24px; text-align:left;}
.timetabel_smcnt_rt_box img { width:348px; height:114px; text-align:left;}


.timetable_in h4 {width: 980px; line-height:50px; font-size:20px; font-weight:600; text-align:left; color:#000; padding-top:30px;}

.timetable_in table {width: 100%;  border-collapse: collapse; margin-top:10px;}
.timetable_in table thead {border-top:2px solid #65bab3;}
.timetable_in table thead th { width:12.5%; border:1px solid #65bab3; text-align:center; background:#6eefe4;}
.timetable_in table tbody {}
.timetable_in table tr, td { padding:10px; height:40px;  border:1px solid #adc1bf; text-align:center;}


/* 카피라이터 */
#footwrap {width:100%; height:254px; background:url('../img/footer_bg.jpg') repeat-x; margin:0 auto;  position:relative; clear:both;  }
.footmn { width:980px; height:54px; margin:0 auto; list-style:none; }
.footmn li{ float:left;  font-size:13px; font-weight:300; color:#ddd; padding-right:20px;line-height:54px;  text-align:left; display:inline-block;}
.footmn li:link {color:#fff;  }
.footmn li:hover {color:#fff;}
.footmn li:active {color:#fff;}
.footmn .top-bt { float:right; text-align:right; text-align:left; display:inline-block; }

.footer_in {width:980px; height:auto; margin:0 auto; list-style:none; padding-top:65px; }
.footer_in .ftcopy {float:left;  width:740px; height:auto; font-size:14px; color:#dcdcdc; text-align:left; font-weight:normal; line-height:26px;  }
.footer_in .ftcopy .cpinfo {float:left;  text-align:left; font-size:13px; font-weight:normal; color:#999; }
.footer_in .ftcopy .copyright {float:left; text-align:left; font-size:11px; line-height:20px; font-weight:400; color:#666; }
.footer_in .ft_loog  { float:right; width:240px; text-align:right; margin-top:14px; display:inline-block; }
.footer_in .ft_loog  grayscale{ -webkit-filter: grayscale(100%);  filter: grayscale(100%); }

.mainpage {text-align:center;margin-top:30px;}
.mainpage .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.mainpage .pg_wrap {clear:both;float:left;display:inline-block}
.mainpage .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.mainpage .pg {text-align:center}
.mainpage .pg_page,.mainpage .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.mainpage .pg a:focus, .mainpage .pg a:hover {text-decoration:none}
.mainpage .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:1px}
.mainpage .pg_page:hover {background-color:#fafafa}
.mainpage .pg_start {z-index:1000;text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.mainpage .pg_prev {z-index:1000;text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.mainpage .pg_end {z-index:1000;text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.mainpage .pg_next {z-index:1000;text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.mainpage .pg_start:hover,.mainpage .pg_prev:hover,.mainpage .pg_end:hover,.mainpage .pg_next:hover {background-color:#fafafa}
.mainpage .pg_current {display:inline-block;background:#1cabd4;border:1px solid #1cabd4;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:1px}


/* 페이지 내 검색 */
.local_sch{}
.local_sch:after ,.local_sch div:after{display:block;visibility:hidden;clear:both;content:""}
.local_sch .btn_sch{width:30px;height:30px;border:0;padding:0;float:left;background:url('../img/sch_btn.png') no-repeat 50% 50%;border:1px solid #dcdcdc;border-left:0;text-indent:-999px;overflow:hidden}
.local_sch .btn_sch2{width:35px;height:35px;border:0;padding:0;background:url('../img/sch_btn.png') no-repeat 50% 50% #eee;border:1px solid #dcdcdc;text-indent:-999px;overflow:hidden}
.local_sch li{ float:left;  font-size:13px; font-weight:300; color:#ddd; padding-right:20px;line-height:54px;  text-align:left; display:inline-block;}
.local_sch .sch_input{height:30px;border:1px solid #dcdcdc;border-right:0;;padding:0 5px;float:left;}
.local_sch select{height:30px;margin-right:3px;border:1px solid #dcdcdc}
.local_sch01{margin: 10px 0;}
.local_sch02{}
.local_sch01 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}
.local_sch01 .btn_submit{width:30px;height:30px;border:0;padding:0;background:url('../img/sch_btn.png') no-repeat 50% 50% #eee;border:1px solid #dcdcdc;text-indent:-999px;overflow:hidden}
.local_sch03{;padding:5px 15px;background:#e9ebf9;margin:10px 0}
.local_sch div{margin:5px 0;}
.local_sch03 strong{display:inline-block;width:70px;}
.local_sch03  label{margin-right:5px;display:inline-block}
.local_sch03 button{height:30px;padding:0 5px;border:0;background:#9eacc6;color:#fff;}
.local_sch03 .btn_submit{height:30px;padding:0 5px;border:0;;color:#fff;}
.local_sch03 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}