@charset "utf-8";
/*** Mobile ~ 767px ***/

/* 스프라이트 */

.sprh_main,
.cont_main .link_area ul li:before,
.cont_main .ban_area ul li .more:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; text-indent:100%; background:url('/Main/Images/section/exam_info/main/sprh_main.png') no-repeat 0 0;}
.cont_main{padding:0 0 20px;}

/* 비쥬얼존 */
.cont_main .section_content{/*margin:0 -10px;*/ margin:10px 10px 0 10px; }
.cont_main .section_content > .inr{height:auto; border:0;}

/* 보도자료 */
.cont_main .press_area{overflow:hidden; margin:20px 0 0;}
.cont_main .press_area ul{margin:0 -7px;}
.cont_main .press_area ul:after{content:''; display:block; clear:both;}
.cont_main .press_area ul li{float:left; box-sizing:border-box; width:50%; padding:0 7px;}
.cont_main .press_area ul li + li ~ li{display:none;}
.cont_main .press_area ul li a{display:block; overflow:hidden; border-radius:6px;}
.cont_main .press_area ul li a .img img{width:100%;}
.cont_main .press_area ul li a .tit{display:block; box-sizing:border-box; min-height:70px; padding:12px 5px 12px 20px; background:#585858; font-weight:400; font-size:15px !important; line-height:1.4; color:#fff; letter-spacing:-1px;}

/* 게시판 */
.cont_main .board_area{/*margin:20px 0 0;*/}
.cont_main .board_area .tab_mn{position:relative; overflow:hidden; height:350px; padding:0 30px 0 0; box-sizing:border-box; border:1px solid rgba(255,255,255,.5); border-bottom:0;}

/*.cont_main .board_area .tab_mn:before{content:''; display:inline-block; position:absolute; top:140px; left:0; right:0; height:1px; background:#c0c3ca;}*/
.cont_main .board_area .tab_mn:after{content:''; display:inline-block; position:absolute; top:45px; left:0; width:50px; height:2px; /*background:#eb5255;*/}
.cont_main .board_area .tab_mn > li{float:left; box-sizing:border-box; width:16.22% !important; 
border:1px solid #e6e6e6; text-align:center; display:block;}
.cont_main .board_area .tab_mn > li > a{display:block; position:relative; text-align:center; overflow:hidden; box-sizing:border-box; height:45px;font-size:14px; line-height:45px; text-align:center;}
.cont_main .board_area .tab_mn > li > a:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:2px; height:12px; margin-top:-6px; 
/*background:#ddd;*/}
.cont_main .board_area .tab_mn > li:first-child > a:before{display:none;}
.cont_main .board_area .tab_mn.tab01 .tab01 > a,
.cont_main .board_area .tab_mn.tab02 .tab02 > a,
.cont_main .board_area .tab_mn.tab03 .tab03 > a,
.cont_main .board_area .tab_mn.tab04 .tab04 > a,  
.cont_main .board_area .tab_mn.tab05 .tab05 > a,
.cont_main .board_area .tab_mn.tab06 .tab06 > a, 
.cont_main .board_area .tab_mn.tab07 .tab07 > a, 
.cont_main .board_area .tab_mn.tab08 .tab08 > a, 
.cont_main .board_area .tab_mn.tab09 .tab09 > a, 
.cont_main .board_area .tab_mn.tab10 .tab10 > a, 
.cont_main .board_area .tab_mn.tab11 .tab11 > a, 
.cont_main .board_area .tab_mn.tab12 .tab12 > a, 
.cont_main .board_area .tab_mn.tab13 .tab13 > a{z-index:5; font-weight:400; color:#fff; background-color:#2a4891; text-align:center; }

.cont_main .board_area .tab_mn > li > div{display:none; position:absolute; top:60px; left:0; right:0; height:200px;}
.cont_main .board_area .tab_mn iframe{width:100%; height:100%; margin:0; padding:0; border:0;}
.cont_main .board_area .tab_mn.tab01 > .tab01 > div,
.cont_main .board_area .tab_mn.tab02 > .tab02 > div,
.cont_main .board_area .tab_mn.tab03 > .tab03 > div,
.cont_main .board_area .tab_mn.tab04 > .tab04 > div,
.cont_main .board_area .tab_mn.tab05 > .tab05 > div,
.cont_main .board_area .tab_mn.tab06 > .tab06 > div,
.cont_main .board_area .tab_mn.tab07 > .tab07 > div,
.cont_main .board_area .tab_mn.tab08 > .tab08 > div,
.cont_main .board_area .tab_mn.tab09 > .tab09 > div,
.cont_main .board_area .tab_mn.tab10 > .tab10 > div,
.cont_main .board_area .tab_mn.tab11 > .tab11 > div,
.cont_main .board_area .tab_mn.tab12 > .tab12 > div,
.cont_main .board_area .tab_mn.tab13 > .tab13 > div{display:block; text-align:center;}
.cont_main .board_area .more{display:inline-block; position:absolute; top:-60px; right:0; width:48px; height:47px; border:1px solid #e6e6e6; }
@media all and (max-width:640px) {
.cont_main .board_area .more{width:37px;}
}
.cont_main .board_area .more .sprh_main{position:absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background-position:0 0;}

.cont_main .board_area .lst{padding:13px 0 0 10px;}
.cont_main .board_area .lst li{position:relative; padding:0 80px 0 10px; padding-right:0; line-height:17px;}
.cont_main .board_area .lst li:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; background:#fde1e2;}
.cont_main .board_area .lst li a{display:block; position:relative; text-align:left; overflow:hidden; box-sizing:border-box; padding:7px 0 6px; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.cont_main .board_area .lst li a .new{display:inline-block;}
.cont_main .board_area .lst li a img{vertical-align:middle;}
.cont_main .board_area .lst li .date{display:none; position:absolute; top:7px; right:0; font-size:13px;color:#4c4c4c;}


.cont_main .board_area .tab_mn > li.tab01,
.cont_main .board_area .tab_mn > li.tab02,
.cont_main .board_area .tab_mn > li.tab03,
.cont_main .board_area .tab_mn > li.tab04,
.cont_main .board_area .tab_mn > li.tab05,
.cont_main .board_area .tab_mn > li.tab06,
.cont_main .board_area .tab_mn > li.tab07{border-right:0;}

.cont_main .board_area .tab_mn > li.tab08,
.cont_main .board_area .tab_mn > li.tab09,
.cont_main .board_area .tab_mn > li.tab10,
.cont_main .board_area .tab_mn > li.tab11{border-right:0;}


/* 배너영역 */
.cont_main .ban_area{margin:20px 0 0;}
.cont_main .ban_area ul li{margin:5px 0 0;}
.cont_main .ban_area ul li a{display:block; position:relative; box-sizing:border-box; height:65px; padding:18px 0 0 77px; border-radius:6px; background:#00907f;}
.cont_main .ban_area ul li a:before{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; border-radius:50%; background:#006559;}
.cont_main .ban_area ul li a:after{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; background:url('/Main/Images/section/exam_info/main/ico_main01.png') no-repeat 50% 50%; background-size:60%;}
.cont_main .ban_area ul li.item01 a{background:#fde1e2;}
.cont_main .ban_area ul li.item02 a{background:#fddfd6;}
.cont_main .ban_area ul li.item03 a{background:#e2dae7;}
.cont_main .ban_area ul li.item01 a:after{background-image:url('/Main/Images/section/exam_info/main/ico_main01.png');}
.cont_main .ban_area ul li.item02 a:after{background-image:url('/Main/Images/section/exam_info/main/ico_main02.png');}
.cont_main .ban_area ul li.item03 a:after{background-image:url('/Main/Images/section/exam_info/main/ico_main03.png');}

.cont_main .ban_area ul li .tit{display:block; font-size:17px; color:#333;}
.cont_main .ban_area ul li .txt,
.cont_main .ban_area ul li .more{display:none;}
.cont_main .link_area ul li{width:33.3%;}


/* 링크모음 */
.cont_main .link_area{margin:20px 0 0; padding:20px 0 20px 20px; border-radius:6px; background-color:#d1e1ed ;/*url('/Main/Images/section/exam_info/main/bg_building.png') repeat-x 50% 100%;*/}
.cont_main .link_area ul:after{content:''; display:block; clear:both;}
.cont_main .link_area ul li{float:left; position:relative; box-sizing:border-box; width:50%; padding:12px 5px 11px 18px; line-height:18px; letter-spacing:-1px;}
.cont_main .link_area ul li:before{content:''; position:absolute; top:16px; left:0; width:13px; height:11px; background-position:0 -20px;}
.cont_main .link_area ul li a{display:block;}


/*오른편배너*/
.banner_right {width:100%; overflow:hidden; margin-top:30px; }
.banner_right ul {width:97%;}
.banner_right ul li{width:47%; height:170px; margin-bottom:10px; margin-left:3%; float:left; border:1px solid #c3c3c3; border-radius:6px; box-sizing:border-box; }
.banner_right ul li a{display:block;}
.banner_right ul li a .tit{width:100%; text-align:center; font-size:17px; font-weight:500; display:block; padding:20px 0 70px 0;}
.banner_right ul li a .txt{width:100%; font-size:14px; display:block; text-align:center; letter-spacing:-0.05em;}
.exam01 {overflow:hidden; background:url('/Main/Images/section/exam_info/main/icon_01.png') no-repeat 50% 58px;}
.exam02 {overflow:hidden; background:url('/Main/Images/section/exam_info/main/icon_02.png') no-repeat 50%  58px;}
.exam03 {overflow:hidden; background:url('/Main/Images/section/exam_info/main/icon_03.png') no-repeat 50%  58px;}
.exam04 {overflow:hidden; background:url('/Main/Images/section/exam_info/main/icon_04.png') no-repeat 50%  58px;}


/*** Tablet 768px ~  ***/
@media all and (min-width:768px) {
	.cont_main{margin:0 20px; padding:30px 0;}
	/* 비쥬얼존 */
	.cont_main .section_content{margin:0 -20px;}
	.cont_main .section_content > .inr{border:2px solid #28458b; padding:25px; border-radius:6px; box-sizing:border-box; overflow:hidden;}

	/* 보도자료 */
	.cont_main .press_area{margin-top:30px;}
	.cont_main .press_area ul{margin:0 -8px;}
	.cont_main .press_area ul li{width:33.3%; padding:0 8px;}
	.cont_main .press_area ul li + li ~ li{display:block;}
	.cont_main .press_area ul li a .tit{font-size:17px;}
	.cont_main .board_area .more{display:inline-block; position:absolute; top:-60px; right:0; width:50px; height:47px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  border-right:1px solid #e6e6e6;}
	/* 게시판 */
	.cont_main .board_area{/*margin:20px 0 0; padding:15px 30px; border:1px solid #ddd; border-radius:6px;*/}
	.cont_main .board_area .tab_mn > li{width:auto;}
	.cont_main .board_area .tab_mn > li > a{padding:0 0px; font-size:15px; text-align:center;}
	.cont_main .board_area .tab_mn > li:first-child > a{padding-left:0;}
	.cont_main .board_area .lst li{padding-right:80px;}
	.cont_main .board_area .lst li .date{display:inline-block;}
	/* 배너영역 */
	.cont_main .ban_area .tit{font-weight:bold;}
	.cont_main .ban_area ul{margin:0 -8px;}
	.cont_main .ban_area ul:after{content:''; display:block; clear:both;}
	.cont_main .ban_area ul li{float:left; box-sizing:border-box; width:32%; margin:0 0 0 2%;}
	.cont_main .ban_area ul li:first-child {margin-left:0;}
	.cont_main .ban_area ul li a{height:180px; padding:20px;}
	.cont_main .ban_area ul li a:before{display:none;}
	.cont_main .ban_area ul li a:after{top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0; background-position:95% 90%; background-size:auto;}
	.cont_main .ban_area ul li .txt{display:block; margin:20px 0 0; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more{display:block; position:absolute; bottom:23px; left:20px; padding-right:12px; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more:after{content:''; position:absolute; top:50%; right:0; width:7px; height:8px; margin-top:-4px; background-position:0 -40px;}
.banner_right {width:100%; overflow:hidden; margin-top:0; }
.banner_right ul li a span.tit{font-weight:bold;}
.banner_right ul {width:100%;}
.banner_right ul li{width:47%; height:170px; margin-bottom:10px; margin-left:3%; float:left; border:1px solid #c3c3c3; border-radius:6px; box-sizing:border-box; }
.banner_right ul li:nth-child(2n+1) {margin-left:0;}
.banner_right ul li:nth-child(n+3) {margin-bottom:0;}
.banner_right ul li a{display:block;}
.banner_right ul li a .tit{width:100%; text-align:center; font-size:17px; font-weight:500; display:block; padding:20px 0 70px 0;}
.banner_right ul li a .txt{width:100%; margin-top:5px; font-size:15px; line-height:1.3; display:block; text-align:center; letter-spacing:-0.05em;}		
}

/*** Pc 1024px ~  ***/
@media all and (min-width:1024px) {
	.cont_main {margin:0;}
	.cont_main .section_content{margin:0; background-position:50% 0;}
	.cont_main .section_content > .inr{width:96%; margin:0 auto;}
	.cont_main > .section_group{width:96%; margin:0 auto;}
	.cont_main > .section_group:after{content:''; display:block; clear:both;}
	.cont_main .press_area {float:left; width:720px; margin:50px 0 0;}
	.cont_main .press_area ul{margin:0 -6px;}
	.cont_main .press_area ul li{padding:0 6px;}
	.cont_main .press_area ul li a .img{display:block; width:100%; height:210px;}
	.cont_main .board_area {float:left; width:calc(100% - 380px);}
	.cont_main .ban_area {float:left; width:calc(100% - 430px);}
	.cont_main .ban_area ul{margin:0;}
	.cont_main .ban_area ul li{padding:0x;}
	.cont_main .link_area{float:right; box-sizing:border-box; width:400px; height:180px; padding:25px 0 0 30px;}
	.cont_main .link_area ul li{width:50%;}
	.banner_right {width:350px; overflow:hidden; float:right; }
	.cont_main .board_area .lst li a {font-size:17px;}
}
@media all and (min-width:1400px) {
	.cont_main .section_content > .inr {width:1400px;}
	.cont_main .board_area {width:calc(100% - 500px);}
	.banner_right {width:450px;}
	.cont_main > .section_group {width:1400px;}
	.cont_main .press_area {width:calc(100% - 570px);}
	.cont_main .ban_area {width:calc(100% - 570px);}
	.cont_main .link_area {width:550px;}
}