@charset "utf-8";

@import url("font.css");

/* common */
.IOwrap {width:100%;border-bottom:1px solid #DDD;height:100px;max-height:100px;overflow:hidden}
.IOwrapHeader {width:100%;border-bottom:1px solid #DDD;height:80px;max-height:80px;}
#wrap {position:relative; width:100%;}


.IOwrap .topArea { width:1200px;border:0px solid blue;margin:0 auto;height:100px;display:flex;justify-content:space-between}
.IOwrap .topArea .topAreaLeft {border:0px solid red;width:250px;height:200px;background-color:#FFF;overflow:hidden !important }
.IOwrap .topArea .topAreaCenter { display:inline-block;margin:0 auto;border:0px solid green !important;padding-top:5px;box-sizing:border-box}
.IOwrap .topArea .topAreaRight {border:0px solid red;width:250px;height:200px;background-color:#FFF }


#header2020 { font-family:'Noto Sans KR', 'Noto Sans KR', sans-serif; font-style:normal;width:1200px;margin:0 auto;border:0px solid blue;height:190px;}
#header2020 .top { width:1200px !important;position:relative; height:109px;}

#header2020 .top h1 { padding:15px;text-align:center !important}
#header2020 .top div { padding:15px;text-align:center !important}
#header2020 .top .mark { position:absolute; top:46px; right:120px; font-size:0; line-height:normal;}
#header2020 .top .mark span { margin-left:20px;}
#header2020 .top .mark img { height:18px;}
#header2020 .menuWrap {width:1200px;border:0px solid green;height:70px;border-top:0px solid #DDD;display:flex;padding-top:5px}

#header2020 .menu { 
	position:relative; 
	padding-top:10px;
	border:0px solid red;
	width:680px;
	float:left !important;
	}
/*#header2020 .menu ul .sub {box-shadow: -1px 0px 9px 4px #555555} */

#header2020 .menu ul { width:156px; vertical-align:top; display:inline-block;}
#header2020 .menu h2 { display:inline-block;}
#header2020 .menu h2 a { width:155px; height:47px; color:#221814; font-size:22px; font-weight:700; line-height:46px; text-decoration:none; display:inline-block;}
#header2020 .menu .sub { position:absolute; top:56px; z-index:9990 !important; background:#FFF; border:solid 1px #CCC; width:156px; min-height:320px; display:none;}
#header2020 .menu .sub:last-child { border-right:solid 1px #CCC; width:155px;}
#header2020 .menu .sub li { padding:16px 0 0 15px; text-align:left;}
#header2020 .menu .sub li a { color:#000; font-size:14px; font-weight:00; border-bottom:solid 1px #f6f7f7; text-decoration:none;}
#header2020 .menu .sub li a:hover { font-weight:700;background-color:#0066cc;color:#FFF;text-decoration:none;padding:8px 16px}

#header2020 .side { position:absolute; top:119px; right:120px; font-size:0; line-height:normal;}
#header2020 .side span { margin-left:38px;}
#header2020 .side span a { color:#2081c6; font-size:17px; text-decoration:none; display:inline-block;}
#header2020 .side span a:hover { color:#000;}

#header2020 .sidenew { text-align:right;border:0px solid red;width:500px;float:left !important;font-size:16px;padding-top:20px}
#header2020 .sidenew span { margin-left:10px;}
#header2020 .sidenew span a { color:#2081c6; font-size:16px; text-decoration:none; }
#header2020 .sidenew span a:hover { color:#000;}

/*sub header */
.subHeaderWrap { box-sizeing:border-box;width:100%;height:150px;border:0px solid red; }
.subHeaderTxtWrap {border:0px solid red;font-size:32px;font-weight:700;color:#FFF;align-self: start;margin-top:50px}
.subHeaderDesc {border:0px solid red;font-size:18px;font-weight:300;color:#FFF;align-self: start;margin-top:10px}




	/* main */
	#mainVisual_2020 { position:relative; width:100%; margin:0 auto; background:#fff;}
	#mainVisual_2020 .dot { position:absolute; bottom:37px; z-index:200; width:100%; margin:0 auto; font-size:0; line-height:normal;}
	#mainVisual_2020 .dot span { margin:0 5px;}
	#mainVisual_2020 ul { position:relative; font-size:0; line-height:normal;}
	#mainVisual_2020 ul li { height:748px;}
	#mainVisual_2020 ul li.back01 { background:url(../images/main_200629/visual01_back.jpg) no-repeat top #535047;}
	#mainVisual_2020 ul li.back02 { background:url(../images/main_200629/visual02_back.jpg) no-repeat top #747473;}
	#mainVisual_2020 ul li.back03 { background:url(../images/main_200629/visual03_back.jpg) no-repeat top #59493b;}
	#mainVisual_2020 ul li .txt { padding-top:258px;}
	#mainVisual_2020 ul li .btn { margin-top:53px; font-family:'Noto Sans KR', sans-serif;}
	#mainVisual_2020 ul li .btn a { background:#00a0e9; border:solid 1px #c9c9ca; width:215px; color:#fff; font-size:23px; font-weight:; line-height:58px; text-align:center; text-decoration:none; display:inline-block;}
	#mainVisual_2020 ul li .btn a:hover { background:#000;}

	#mainContent2020 { font-family:'Noto Sans KR', 'Noto Sans KR', sans-serif; font-style:normal;}
	#mainContent2020 .warn { position:relative; margin:120px auto 0 auto; display:table;}
	#mainContent2020 .warn div { vertical-align:top; display:table-cell;}
	#mainContent2020 .warn strong { font-weight:800}
	#mainContent2020 .infoArea { padding-left:45px; color:#261f20; text-align:left;}
	#mainContent2020 .infoArea .title { margin-top:70px; font-size:48px;}
	#mainContent2020 .warn .title strong { color:#ee1d23;}
	#mainContent2020 .infoArea .txt { margin-top:25px; font-size:22px; font-weight:400; line-height:34px;}
	#mainContent2020 .infoArea .btnArea { position:relative; font-family:'Noto Sans KR', sans-serif; padding-top:40px;}
	#mainContent2020 .infoArea .btnArea span { margin:0;}
	#mainContent2020 .title { font-family:'Noto Sans KR', sans-serif; color:#2e2624; font-size:43px; font-weight:700; line-height:60px;}
	#mainContent2020 .docu { position:relative; margin-top:85px;}
	#mainContent2020 .docu .frame { background:url(../images/main_200629/document_back.png) no-repeat bottom; margin-top:40px;}
	#mainContent2020 .lecture { position:relative; background: url(../images/main_200629/lecture_back.png) no-repeat top center #eeefef; padding:115px 0 124px 0;}
	#mainContent2020 .txt { font-family:'Noto Sans KR', sans-serif; color:#2e2624; font-size:26px; font-weight:700;}
	#mainContent2020 .info { margin-top:67px;}

	#mainContent2020 .btnArea { position:relative; font-family:'Noto Sans KR', sans-serif;}
	#mainContent2020 .btnArea span { margin:0 7px;}
	#mainContent2020 .btnArea a { text-decoration:none; display:inline-block;}
	#mainContent2020 .btnArea a:hover { background:#333;}
	#mainContent2020 .btnRed01 a { background:#e60012; border:solid 1px #c9c9ca; width:170px; color:#fff; font-size:19px; font-weight:; line-height:48px; text-align:center;}
	#mainContent2020 .btnRed02 a { background:#b60005; border:solid 1px #c9c9ca; width:170px; color:#fff; font-size:19px; font-weight:; line-height:48px; text-align:center;}
	#mainContent2020 .btnGreen01 a { background:#c3d600; border:solid 1px #c9c9ca; width:170px; color:#fff; font-size:19px; font-weight:; line-height:48px; text-align:center;}
	#mainContent2020 .btnGreen02 a { background:#acc500; border:solid 1px #c9c9ca; width:170px; color:#fff; font-size:19px; font-weight:; line-height:48px; text-align:center;}
	#mainContent2020 .btnSky01 a { background:#00a0e9; border:solid 1px #c9c9ca; width:170px; color:#fff; font-size:18px; font-weight:; line-height:48px; text-align:center;}

	.banner_2020 { position:relative; border-top:solid 1px #e5e6e6; padding:70px 0 70px 0; font-size:0; line-height:0;}
	.banner_2020 span { margin:0 5px;}
	.banner_2020 img { border:solid 1px #c9c9ca; width:240px;}


	/* quick */
	/* 2020-07-17
	.quick2020 { position:absolute; z-index:22; top:250px; right:34px; background:#fff; border:solid 3px #3f3a39; width:118px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;}
	.quick2020 .title { font-family:'Noto Sans KR', sans-serif; background:#3f3a39; padding:10px 0 12px 0; color:#fff; font-size:20px; font-weight:bold;}
	.quick2020 ul { margin-top:20px; font-size:0; line-height:normal;}
	.quick2020 ul li { padding-bottom:30px;}
	.quick2020 ul li a { width:100%; display:inline-block;}*/

	.quick2020 { position:absolute; z-index:22; top:250px; right:34px; background:url(../images/main_200629/quick_back.png) repeat; width:96px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px;}
	.quick2020 .title { font-family:'Noto Sans KR', sans-serif; padding-top:20px; color:#eeefef; font-size:17px; font-weight:bold;}
	.quick2020 ul { margin-top:20px; font-size:0; line-height:normal;}
	.quick2020 ul li { padding-bottom:30px;}
	.quick2020 ul li a { width:100%; display:inline-block;}


	/* sub */
	.cpsinfo { position:relative; min-height:280px;}
	.cpsinfo img { position:absolute; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	.cpsinfo ul { margin-left:400px; padding-left:40px;}
	.cpsinfo li { position:relative; margin-top:20px; font-size:17px; font-weight:bold; padding-left:19px;}
	.cpsinfo li .noBul { position:absolute; left:0;}
	.cpsinfo li p { font-size:16px; font-weight:normal;}