@charset "utf-8";
/* CSS Document */

/*fclear*/
.fclear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .fclear { height:1%; }
.fclear { display:block; min-height:1%;}

#Wrap {width:100%; margin:0; padding:0; border:0; background:#dae1e9; position:relative}
/*상단*/
.HeaderWrap { width:100%; margin:0 0 42px; padding:0; border:0; background:#fff;}
.header {width:1280px; margin:0 auto; height:93px; text-align:right; background:#fff}
.header h1 { float:left; margin-top:30px}
.header > ul { display:block;}
.header > ul li { padding:10px 12px; display:inline-block;}
.header > ul li:last-child { padding:10px 0 10px 12px;}
.header > ul li a {color:#6f6f6f; font-size:12px; line-height:65px; vertical-align:middle}
.header > ul li a:hover {color:#21a3e5}
.header > ul li a img { vertical-align:middle}
.header > ul li a img:hover { opacity:0.7}

.topMenu {width:100%; margin:0;background:#21a3e5}
.topMenu ul:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .topMenu ul { height:1%; }
.topMenu ul { display:block; min-height:1%; width:1200px; margin:0 auto; position:relative;}
.topMenu li { list-style:none; display:inline-block; zoom:1; *display:inline; vertical-align:top; text-align:center; font-size:17px; font-weight:600; letter-spacing:-0.3px; line-height:64px; height:64px; background:#21a3e5; width:200px; float:left;}
.topMenu li a {color:#fff; display:block; width:100%; }
.topMenu li a:hover { background:#cbeeff; color:#0073a0 !important}
#topNav.overlay {height:0%; width:100%; position: absolute; z-index: 10000 !important; top:157px; left: 0; background-color: rgb(255,255,255); background-color: rgba(255,255,255, 255.9); overflow: hidden; transition: 0.5s; z-index:100; border-bottom:2px solid #21a3e5;}
.overlay-content { position: relative; top:0; width:1200px; text-align: center; margin:0 auto; display:block; height:100%}
.overlay-content ul { display:inline-block;  vertical-align:top; width:199px; padding-top:10px;  border-right:1px solid #d7d4db; text-indent:14px; margin:0; height:100%; float:left;}
.overlay-content ul:last-child { border-right:0}
.overlay-content ul li {  list-style:none; display:block; text-align:left;line-height:16px; padding:7px 0; }
.overlay-content ul li > a { display:inline-block; zoom:1; *display:inline; letter-spacing:-0.05px; font-weight:500; text-decoration:none; font-size:13px; color:#666}
.overlay-content ul li > a:visited, {color:#fff}
.overlay-content ul li > a:hover { color:#21a3e5;}
.dept3 {   line-height:15px !important; height:19px !important;  display:block; width:90%; margin:0 auto; padding:0 !important; vertical-align:middle !important }
.dept3 a {color:#6da6c1 !important; font-weight:normal !important; font-size:12px !important;letter-spacing:-0.05px !important} 
.dept3 a:hover {color:#21a3e5!important} 
/*팝업*/
#pop {width:345px; height:auto; background:#6f6f7a; color:#fff;   position:absolute; top:230px; left:100px; text-align:right;   border:1px solid #6f6f7a;  z-index:1000000000   } 
#pop img {width:345px}
.close div{float:left; text-align:right;}
#check{font-size:0.9em; font-family:"NanumBarunGothic", Dotum, Arial, verdana; width:70%; text-align:left; margin-top:5px; margin-left:10px; vertical-align:middle}
#check input {vertical-align:middle}
#close{font-size:0.9em; padding:5px; font-weight:bold; width:22%; text-align:right; }
#close a {color:#fff; text-align:right}

/*하단*/
.FooterWrap {width:100%; background:#fff; border-top:2px solid #21a3e5; height:100px; clear:both; margin-top:42px;}
.FooterWrap > div {width:1280px; margin:0 auto; position:relative}
.FooterWrap p { display:block; position:absolute; left:0; top:30px}
.FooterWrap > div > div { text-align:left; margin-left:167px; padding-top:30px; font-size:12px; font-weight:normal; color:#252525; line-height:20px}
.FooterWrap > div > div strong { font-weight:700}
.FooterWrap > div > div a {color:#333;}
.FooterWrap > div > div a:hover {color:#21a3e5}

/*메인컨텐츠*/
.MainWrap {width:100%; margin:0; padding:0; border:0; background:#dae1e9}
.main1 {width:1280px; margin:0 auto}
.main1 > div {width:768px; height:512px; margin:0; padding:0; border:0; background:#fff; float:left}
.main1 > ul {width:512px; float:left; margin:0; padding:0; border:0; text-align:center;}
.main1 > ul > li { display:inline-block; height:256px; width:256px; position:relative; vertical-align:top; text-align:center; float:left;}
.main1 > ul > li a { display:block; width:100%; height:100%}
.whitetxt { color:#fff !important}
.main1 > ul > li a h2 {position:absolute; top:28px; left:20px; font-size:22px; letter-spacing:-0.5px; color:#292929; font-weight:600;}
.main1 > ul > li a p { position:absolute; bottom:23px; text-align:center; font-size:12px; line-height:18px; color:#666; width:100%;}
.main1 > ul > li a > img { margin-top:70px}
.main1 > ul > li:nth-child(1) { background:url(../../images/main/menu2_bg.jpg) 0 0 no-repeat; background-size:cover;}
.main1 > ul > li:nth-child(2) { background:#fff} 
.main1 > ul > li:nth-child(3) { background:#fff} 
.main1 > ul > li:nth-child(4) { background:url(../../images/main/menu5_bg.jpg) 0 0 no-repeat; background-size:cover;}

.main2 {width:1280px; margin:0 auto;}
.main2 > li a { display:block; width:100%; height:100%}
.main2 > li { display:inline-block; vertical-align:top; position:relative; height:256px; text-align:center; float:left;}
.main2 > li h2 {position:absolute; top:28px; left:20px; font-size:22px; letter-spacing:-0.5px; color:#292929}
.main2 > li a p { position:absolute; bottom:23px; text-align:center; font-size:12px; line-height:18px; color:#666; }
.main2 > li a > img {}

.main2 > li:nth-child(1) { width:256px; background:#8d8d97}
.main2 > li:nth-child(2) {width:512px; background:#fff}
.main2 > li:nth-child(3) {width:256px; background:url(../../images/main/menu8_bg.jpg) 0 0  no-repeat; background-size:cover}
.main2 > li:nth-child(3)  a p {width:100%;}
.main2 > li:nth-child(4) {width:256px; background:#fff}
.main2 > li:nth-child(4) img { margin-top:90px}
.notice_list {width:90%; margin:80px auto 60px; position:relative}
.notice_list > p { position:absolute; right:12px; bottom:-45px; line-height:20px; height:20px}
.notice_list > p a {color:#fff; font-size:12px; font-weight:normal; vertical-align:middle; }
.notice_list > p a img { vertical-align:middle}

.notice_list > li { background:url(../../images/common/bullet1.gif) 8px 12px no-repeat; color:#fff; padding-left:15px; width:90%; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; line-height:25px}
.notice_list > li a { color:#fff; font-weight:normal; font-size:12px; }
.notice_list > li a:hover {color:#e8e8e8}
.notice_list2 {width:90%; margin:77px auto 0;  position:relative}
.notice_list2 > li { display:inline-block; width:120px; height:120px; overflow:hidden; border-radius:100px; margin-right:20px}
.notice_list2 > li:last-child { margin-right:0}
.notice_link { line-height:20px; height:20px; color:#666; font-size:12px; font-weight:normal; vertical-align:middle; text-align:right !important; width:90%; }
.notice_link img { vertical-align:middle;}