@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#wrap{width:100%; float:left; background:#204780}
#wrap .iw_border{border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999}
#in_wrap{width:1126px; margin:0 auto 20px}

#container{width:1106px; margin:0 auto; background:#fff; overflow:hidden; margin-bottom:20px; position:relative; padding:5px 0 0 0;}
#header{width:1066px;height:80px;margin:0 auto; background:#494673;/* overflow:hidden;*/ margin-bottom:10px}
#header h1{padding:12px 0 0 15px; float:left}
#header #top_link{float:right; margin-right:5px; position:relative}
#header #top_link .left{float:left; margin:5px 0 0 0;} 
#header #top_link .sns{float:left; margin:5px 0 0 20px}
#header #top_link .sns span{ display:block; float:left; padding-right:7px}
#header #top_link span img{border:1px solid #0e307b}

/*로그인*/
#header #top_link #sign{ position:absolute; top:36px; left:4px; background:#fff; border:1px solid #ccc; width:292px; height:76px }
#header #top_link #sign .panel_close{display:inline-block; position:absolute; top:-11px; right:-11px; cursor:pointer}
#header #top_link #sign .login_idpw{ float:left; margin:10px 10px 5px 10px; width:302px}
#header #top_link #sign .login_idpw input.id{ width:130px; height:22px}
#header #top_link #sign .login_idpw input.password{ width:130px; height:22px}
#header #top_link #sign .login_help{ float:left; margin:8px 0 0 10px}
#header #top_link #sign .login_help a:link, 
#header #top_link #sign .login_help a:visited{ color:#333}
#header #top_link #sign .login_help a:hover, 
#header #top_link #sign .login_help a:focus, 
#header #top_link #sign .login_help a:active{ color:#111; font-weight:bold}
#header #top_link #sign .login_help span{ color:#555; font-size:9px; margin:0 3px}
#header #top_link #sign .login_submit{float: left;margin-left: 46px}

/* 기존 로그인 */
#container #log_in { float:left; width:788px; border: 1px solid #ccc; padding:1px 0 1px 20px; background:#d2d2d2; height:24px}
#container #log_in strong{ font-size:11px; margin-right:4px}
#container #log_in .id_box{ margin-right:15px}
#container #log_in .btn_login{ margin-right:15px}
#container #log_in .join a{ font-size:11px}
#container #log_in .join a:hover{ font-size:11px; color:#002d5f; font-weight:bold; text-decoration:none}
#container #log_in .pw_find a{ font-size:11px}
#container #log_in .pw_find a:hover{ font-size:11px; color:#002d5f; font-weight:bold; text-decoration:none}
#container #log_in .welcome{ font-size:13px; margin:5px 0 0 5px; display:inline-block;float:left}
#container #log_in .modify a{ font-size:11px}
#container #log_in .modify a:hover{ font-size:11px; color:#002d5f; font-weight:bold; text-decoration:none}
#container #log_in .logout a{ font-size:11px}
#container #log_in .logout a:hover{ font-size:11px; color:#002d5f; font-weight:bold; text-decoration:none}
#container #log_box{ float:left; width:250px;height:60px}
#container #log_in .btn_box{float:left; margin:10px 0 0 5px}
/* gnb */
#header #gnb{ float:left; margin:-18px 0 0 260px; width:806px}
#header #gnb ul{float:left;z-index:999}
#header #gnb ul .gnb01{float:left; background:url(/images/menu/gnb_vline.png) no-repeat left bottom; height:29px; margin-left:20px; padding-left:20px}
#header #gnb ul .gnb01:first-child{margin-left:0; padding-left:0; background:none}
#header #gnb ul .gnb02{float:left; background:url(/images/menu/gnb_vline.png) no-repeat left bottom; height:29px; margin-left:25px; padding-left:25px}
#header #gnb ul .gnb02:first-child{margin-left:0; padding-left:0; background:none}
#header #gnb ul .gnb03{float:left; background:url(/images/menu/gnb_vline.png) no-repeat left bottom; height:29px; margin-left:25px; padding-left:25px}
#header #gnb ul .gnb03:first-child{margin-left:0; padding-left:0; background:none}
#header #gnb ul .gnb04{float:left; background:url(/images/menu/gnb_vline.png) no-repeat left bottom; height:29px; margin-left:20px; padding-left:20px}
#header #gnb ul .gnb04:first-child{margin-left:0; padding-left:0; background:none}
#header #gnb ul .gnb05{float:left; background:url(/images/menu/gnb_vline.png) no-repeat left bottom; height:29px; margin-left:20px; padding-left:20px}
#header #gnb ul .gnb05:first-child{margin-left:0; padding-left:0; background:none}


#header #gnb ul .gnb02:hover > a {background:#494673;color:#abdb85;text-shadow:none}
#header #gnb ul .gnb02 a {text-align:left; display:block; text-decoration:none;color:#FFF;font-weight:bold;font-size:15px;}
#header #gnb ul .gnb02 a:hover{background:#494673; color:#abdb85}
#header #gnb ul .gnb02 ul { display:none; margin-top:20px; background:#fff}
#header #gnb ul .gnb02:hover ul { display: block; position: absolute;  padding:3px; margin:3px 0 0 0; width:auto; border:0;; float:left; top:82px;;z-index:999;-webkit-box-shadow:0 0 8px 4px rgba(50,50,50,.2);-moz-box-shadow:0 0 8px 4px rgba(50,50,50,.2);box-shadow:0 0 8px 4px rgba(50,50,50,.2)}
#header #gnb ul .gnb02:hover ul li a:link,
#header #gnb ul .gnb02:hover ul li a:visited { display:block; background:#fff; color:#333; text-align:left;font-weight:normal; width:270px; font-size:12px; padding:5px}
#header #gnb ul .gnb02:hover ul li a:hover,
#header #gnb ul .gnb02:hover ul li a:focus,
#header #gnb ul .gnb02:hover ul li a:active { display:block; background:#a683a9; color:#fff;text-align: left; border-top: none; font-weight:bold; width:270px; padding:5px}

#header #gnb ul .gnb01:hover > a {background:#494673;color:#abdb85;text-shadow:none}
#header #gnb ul .gnb01 a {text-align:left; display:block; text-decoration:none; color:#FFF;font-weight:bold;font-size:15px;}
#header #gnb ul .gnb01 a:hover{background:#494673; color:#abdb85}
#header #gnb ul .gnb01 ul { display:none; margin-top:20px; background:#fff}
#header #gnb ul .gnb01:hover ul { display: block; position: absolute;  padding:3px; margin:3px 0 0 0; width:auto; border:0;; float:left; top:82px;z-index:999;-webkit-box-shadow:0 0 8px 4px rgba(50,50,50,.2);-moz-box-shadow:0 0 8px 4px rgba(50,50,50,.2);box-shadow:0 0 8px 4px rgba(50,50,50,.2)}
#header #gnb ul .gnb01:hover ul li a:link,
#header #gnb ul .gnb01:hover ul li a:visited { display:block; background:#fff; color:#333; text-align:left;font-weight:normal; width:260px; font-size:12px; padding:5px}
#header #gnb ul .gnb01:hover ul li a:hover,
#header #gnb ul .gnb01:hover ul li a:focus,
#header #gnb ul .gnb01:hover ul li a:active { display:block; background:#90ad7f; color:#fff;text-align: left; border-top: none; font-weight:bold; width:260px; padding:5px}

#header #gnb ul .gnb03:hover > a {background:#494673;color:#abdb85;text-shadow:none}
#header #gnb ul .gnb03 a {text-align:left; display:block; text-decoration:none; color:#FFF;font-weight:bold;font-size:15px;}
#header #gnb ul .gnb03 a:hover{background:#494673; color:#abdb85}
#header #gnb ul .gnb03 ul { display:none; margin-top:20px; background:#fff}
#header #gnb ul .gnb03:hover ul { display: block; position: absolute;  padding:3px; margin:3px 0 0 0; width:auto; border:0;; float:left; top:82px;z-index:999;-webkit-box-shadow:0 0 8px 4px rgba(50,50,50,.2);-moz-box-shadow:0 0 8px 4px rgba(50,50,50,.2);box-shadow:0 0 8px 4px rgba(50,50,50,.2)}
#header #gnb ul .gnb03:hover ul li a:link,
#header #gnb ul .gnb03:hover ul li a:visited { display:block; background:#fff; color:#333; text-align:left;font-weight:normal; width:180px; font-size:12px; padding:5px}
#header #gnb ul .gnb03:hover ul li a:hover,
#header #gnb ul .gnb03:hover ul li a:focus,
#header #gnb ul .gnb03:hover ul li a:active { display:block; background:#d39b4b; color:#fff;text-align: left; border-top: none; font-weight:bold; width:180px; padding:5px}

#header #gnb ul .gnb04:hover > a {background:#494673;color:#333;text-shadow:none}
#header #gnb ul .gnb04 a {text-align:left; display:block; text-decoration:none; color:#FFF;font-weight:bold;font-size:14px;}
#header #gnb ul .gnb04 a:hover{background:#494673; color:#333}
#header #gnb ul .gnb04 ul { display:none; margin-top:20px; background:#fff}
#header #gnb ul .gnb04:hover ul { display: block; position: absolute;  padding:3px; margin:3px 0 0 0; width:auto; border:0;; float:left; top:102px;z-index:999}
#header #gnb ul .gnb04:hover ul li a:link,
#header #gnb ul .gnb04:hover ul li a:visited { display:block; background:#fff; color:#333; text-align:left;font-weight:normal; width:100px; font-size:12px; padding:5px}
#header #gnb ul .gnb04:hover ul li a:hover,
#header #gnb ul .gnb04:hover ul li a:focus,
#header #gnb ul .gnb04:hover ul li a:active { display:block; background:#d39b4b; color:#fff;text-align: left; border-top: none; font-weight:bold; width:100px; padding:5px}

#header #gnb ul .gnb05:hover > a {background:#494673;color:#333;text-shadow:none}
#header #gnb ul .gnb05 a {text-align:left; display:block; text-decoration:none; color:#FFF}
#header #gnb ul .gnb05 a:hover{background:#494673; color:#333}
#header #gnb ul .gnb05 ul { display:none; margin-top:20px; background:#fff}
#header #gnb ul .gnb05:hover ul { display: block; position: absolute;  padding:3px; margin:3px 0 0 0; width:auto; border:0;; float:left; top:102px;z-index:999}
#header #gnb ul .gnb05:hover ul li a:link,
#header #gnb ul .gnb05:hover ul li a:visited { display:block; background:#fff; color:#333; text-align:left;font-weight:normal; width:150px; font-size:12px; padding:5px}
#header #gnb ul .gnb05:hover ul li a:hover,
#header #gnb ul .gnb05:hover ul li a:focus,
#header #gnb ul .gnb05:hover ul li a:active { display:block; background:#78b3b1; color:#fff;text-align: left; border-top: none; font-weight:bold; width:150px; padding:5px}


#contents{float:left; width:810px; margin:0 0 0 20px; min-height:688px}
#contents #left{float:left; width:810px; background:url(/images/main/con_bg.png) no-repeat left 281px}
#contents #left #main_slide{float:left;height:281px; /*background:#c5c5c5;*/ position:relative}
#contents #left #main_slide .main_btn1{position:absolute; bottom:4px; left:37px}
#contents #left #main_slide .main_btn2{position:absolute; bottom:4px; left:288px}
#contents #left #main_slide .main_btn3{position:absolute; bottom:4px; left:538px}
.main_slide { width:810px; height:281px; position:relative; margin-bottom:10px; overflow:hidden;}
.main_slide .cicle_btn { position:absolute; top:309px; right:63px;}
.main_slide ul { text-align:center; /*max-width:87px;*/ width:87px;}
.main_slide ul li{ display:inline; padding-left:10px;}
.main_slide .cs-prev { position:absolute; top:304px; right:168px;}
.main_slide .cs-next { position:absolute; top:304px; right:32px;}
#contents #left .nod_banner{float:left; margin:30px 20px 30px 24px; position:relative;}
#contents #left .nod_banner span{position:absolute;top:6px; right:4px}
#contents #left .nod_speak{float:left; margin:10px 20px 10px 10px; position:relative; background:url(/images/main/nod_logo.png) no-repeat left center; width:780px; background-size:80px}
#contents #left .nod_speak .con{ margin-left:80px; /* border-left:1px dotted #b7b7b7; */ padding-left:25px; float:left;/*  padding-bottom:5px; */ margin-top:7px; width:675px}
#contents #left .nod_speak .con h3{ font-size:20px; /* padding-bottom:15px */}
#contents #left .nod_speak .con h3 a{ color:#000}
#contents #left .nod_speak .con h3 strong{color:#013c4d}
#contents #left .nod_speak .con p{ float:left; line-height:20px; margin-top:5px; font-size:13px;width:675px}

#contents #left #bottom_banner{float:left;font-size:12px}
#contents #left #bottom_banner ul{float:left}
#contents #left #bottom_banner ul li{float:left; background:url(/images/main/banner_bg.gif) no-repeat left 106px; width:250px; height:293px; margin-right:20px}
#contents #left #bottom_banner ul li img{ margin-bottom:20px}
#contents #left #bottom_banner ul li h3{ font-size:15px; color:#204780; padding-bottom:7px; border-bottom:1px dotted #b2b2b2; margin:-1px 7px 10px 7px; height:26px}
#contents #left #bottom_banner ul li h3 a{ font-weight:600; font-size:14px}
#contents #left #bottom_banner ul li h3 a:link, 
#contents #left #bottom_banner ul li h3 a:visited{color:#204780; text-decoration:none}
#contents #left #bottom_banner ul li h3 a:hover, 
#contents #left #bottom_banner ul li h3 a:focus, 
#contents #left #bottom_banner ul li h3 a:active{text-decoration:none}
#contents #left #bottom_banner ul li h3 span{ width:57px;font-size:11px; color:#333; display:inline-block; float:right; margin:2px 5px 0 0; background:url(/images/main/bul_go.gif) no-repeat right 50%}
#contents #left #bottom_banner ul li h3 span a{font-weight:600; font-size:13px}
#contents #left #bottom_banner ul li h3 span a:link, 
#contents #left #bottom_banner ul li h3 span a:visited{ color:#333;text-decoration:none}
#contents #left #bottom_banner ul li h3 span a:hover, 
#contents #left #bottom_banner ul li h3 span a:focus, 
#contents #left #bottom_banner ul li h3 span a:active{ text-decoration:underline}
#contents #left #bottom_banner ul li p{ margin:0 7px;line-height:16px; font-size:13px; margin-bottom:20px}
#contents #left #bottom_banner .board{ float:left}
#contents #left #bottom_banner .board li{ float:left; background:none; height:auto; line-height:20px; margin:0 7px; width:236px}
#contents #left #bottom_banner ul li .board strong {
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 170px; /* 원하는 너비 */
}
#contents #left #bottom_banner .board li span{ display:block; float:right}
#contents #left #bottom_banner .pass_list{ line-height:15px; margin:0 7px}
#contents #left #bottom_banner .pass_list th{ vertical-align:top;}

#container #right{width:246px;min-height:688px;background:#CEBC8E;padding:0 5px; position:absolute; right:20px}
#container .right_bg1123123{float:left}
#container .right_bg1 #right{float:left; width:246px;min-height:688px; background:#a683a9;padding:0 5px}
#container .right_bg2 #right{float:left; width:246px;min-height:688px; background:#90ad7f;padding:0 5px}
#container .right_bg3 #right{float:left; width:246px;min-height:688px; background:#90A4C2;padding:0 5px}
#container .right_bg4 #right{float:left; width:246px;min-height:688px; background:#d39b4b;padding:0 5px}
#container .right_bg5 #right{float:left; width:246px;min-height:688px; background:#78b3b1;padding:0 5px}
#container #right .counsel{ float:left; width:246px; border-bottom:1px solid #111; padding-bottom:15px;margin-top:15px; position:relative }
#container #right .counsel h3{ padding:8px 5px 16px 5px; background:url(/images/main/ttl_underline.png) no-repeat left bottom; width:236px}
#container #right .counsel p{ margin:9px 0 0 7px}
#container #right .counsel span{ position:absolute; top:2px;right:-2px;}

#container #right .news{ float:left;width:246px;font-size:12px;min-height:135px;border-bottom:1px solid #111;padding:15px 0 10px 0}
#container #right .news h3{ padding:5px 5px 5px 5px; background:url(/images/main/ttl_underline.png) no-repeat left bottom; width:236px; height:29px}
#container #right .news h3 span{ float:right; margin:4px 0 0 0; display:block}
#container #right .news ul{ float:left; margin:2px 0 0 7px; width:230px;min-height:110px}
#container #right .news ul li{line-height:22px}
#container #right .news ul li strong{ }
#container #right .news ul li a:link,
#container #right .news ul li a:visited{ color:black; text-decoration:none}
#container #right .news ul li a:hover,
#container #right .news ul li a:focus,
#container #right .news ul li a:active{ color:black; text-decoration:underline; font-weight:bold!important}
#container #right .news ul li span{ float:right; color:#333}


#container #right #psp_lst{ float:left;width:246px;margin:15px 0 0 0;font-size:12px;}
#container #right #psp_lst h3{ padding:8px 5px 16px 5px; background:url(/images/main/ttl_underline.png) no-repeat left bottom; width:236px;height:18px;}
#container #right #psp_lst h3 span{ float:right; margin:4px 0 0 0}
#container #right #psp_lst2{ padding:0 7px} 
#container #right #psp_lst2 ul li{line-height:22px}
#container #right #psp_lst2 ul li a{ color:black}


#container #right .right_banner{ float:left; width:246px; margin-top:15px;border-top:1px solid #111111;padding-top:15px;}
#container #right .right_banner .ban1{ float:left; margin:0 10px 10px 6px}
#container #right .right_banner .ban2{ float:left; margin:0 0 10px 0}

#container #right .campus{ float:left; width:246px; margin:15px 0 0 0}
#container #right .campus h3{padding:5px 5px 15px 5px; background:url(/images/main/ttl_underline.png) no-repeat left bottom; width:236px;height:20px}
#container #right .campus h3 span{ float:right; margin:5px 0 0 0;display:block}
#container #right .campus ul{ float:left; margin:3px 0 0 5px}
#container #right .campus ul li{ float:left; padding-left:2px}
#container #right .campus ul li:first-child{padding-left:0}

#container #right #cooperation{ float:left; width:246px; margin:10px 0 10px 0; border-bottom:1px solid #111; padding-bottom:15px}
#container #right #cooperation h3{padding:5px 5px 16px 5px; background:url(/images/main/ttl_underline.png) no-repeat left bottom; width:236px;margin-bottom:5px}
#container #right #cooperation h3 span{ float:right; margin:5px 0 0 0;display:block}
#container #right #cooperation2{ padding:0 7px; height:118px!important}
#container #right #cooperation2 ul{ }
#container #right #cooperation2 ul li{ line-height:12px; width:230px; padding-top:5px}
#container #right #cooperation2 ul li:first-child{margin-top:0}
#container #right #cooperation2 ul li span{ display:block; color:#333; font-size:11px}
#container #right #cooperation2 ul li .name{ display:block; float:left; color:#111; font-size:12px}
#container #right #cooperation2 ul li .call{ display:block; float:right; color:#9b1515; margin-left:15px;font-size:12px}

#footer{clear:both; float:left; width:1066px; margin:0 0 0 20px; *padding-bottom:20px;font-size:12px}
#footer .quick{float:left; background:#e0e4f0; width:1046px; margin:20px 0 0 0; padding:10px; position:relative}
#footer .quick ul{ float:left}
#footer .quick ul li{ float:left; padding-left:15px}
#footer .quick ul li:first-child{ padding-left:0}
#footer .quick ul li a:link, 
#footer .quick ul li a:visited{ color:#204880;text-decoration:none}
#footer .quick ul li a:hover, 
#footer .quick ul li a:focus,
#footer .quick ul li a:active{ color:#204880; font-weight:bold;text-decoration:underline}
#footer .copyright{float:left; margin:0 0 20px 0;width:1066px}
#footer .copyright address{float:left; margin:12px 0 0 0px; line-height:25px; color:black}
#footer .copyright address .copy1{float:left;  margin:0 0 5px 0}
#footer .copyright address .copy2{float:left; line-height:15px}
#footer .copyright address strong{color: #555;font-size: 9px;margin: 0 3px; font-weight:normal}
#footer .copyright .mark{float:left;}