@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0; padding:0; box-sizing: border-box}
body{margin:0; padding:0; color:#333; font-family: '나눔고딕','Nanum Gothic','NanumGothic', '맑은 고딕', '돋움';  background:url('../img/intro_main01.png') 0px 0px no-repeat; background-size: cover; }
li {list-style:none;margin:0;padding:0; }

.wrap{ padding-bottom:20px; padding-top: 20px;}
.container{margin-bottom:15px; width:840px; height: 100%;  padding: 10px 0px 10px 0px; }
.header{ position:relative; margin: 30px 0px; text-align:center; line-height:160%; font-size: 15px; color:#333; padding:20px 0px 0px 0px;}
.head_line{ border-top:#666 2px double; padding:10px 15px;}
.h_title{font-weight:600; color:#005baa; letter-spacing:-1px;  padding-bottom:40px; margin:0px 10px 40px 10px; border-bottom: 1px #aaa solid; font-size: 40px;}
.h_sub_title{ text-align:center;}
.h_sub_title2{font-weight:600; color:#005baa;  text-align:center; font-size: 16px; solid;}

.content{ width:100%; padding: 10px 0px 10px 0px;  font-size: 14px; line-height:150%; text-align:center;}
.box_con{ padding:20px 5px; color:#fff;  text-shadow:#000 1px 1px 2px;}
.cam_title{font-weight:600; color:#fff;  text-align:center; font-size: 18px;}
.cam_title2{font-weight:600; color:#fff;  text-align:center; font-size: 16px;}
.box01{ width:100%; height:200px;}
.bottom{ margin-bottom:0px; margin-top:0px; padding-left: 50px; padding-top:40px; padding-bottom:20px; text-align:left; font-size:11px; color:#FFF; line-height:160%; background:#666; width: 100%; min-height: 100px;} 
@media all and (min-width:2000px) {.bottom{position: fixed; bottom:0;}}

.content a dt{color:#fff; padding:10px 0px;}
.content a dd{color:#fff; padding-top:3px; padding-bottom:3px;}
.content a:hover dt{color:#fff;}
.content a:hover dd{color:#fff;}
.content a dl{margin: 10px 5px; width:20%; background:#7b9acc; border:#7493c6 1px solid; display:inline-block;border-radius:3px; height: 180px; padding-top: 10px;}
.content a:hover dl{margin: 10px 5px; width:20%; background:#5078ba; border:#4b72b2 1px solid; display:inline-block; border-radius:3px;}
.bg_red {background:red !important;}

.banner_box{width:535px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.banner_box img{width: 100%; cursor: pointer}

.pip_id_wrap{width:720px; height: 100%;  padding: 10px 0px 0px 0px;background:url('../img/pip_id_bg.png') 0px 0px repeat; }
.pip_id_header{padding:10px 10px 20px 10px; font-size: 22px; font-weight:600; color:#069; letter-spacing:-1px; border-bottom: 1px #bcbcbc dashed; text-align: center;}
.head_icon{background:url('../img/head_icon.png') 0px 0px no-repeat; padding:2px 0px 20px 40px;}
.pip_id_header span{ font-size:14px; padding-left:15px; color:#666;}
.pip_id_content{padding: 20px 40px 20px 240px; background:url('../img/pip_id_icon.png') 20px 0px no-repeat; font-size: 14px; line-height:150%; text-align:justify;}
.pip_id_content ul{ padding: 0px 0px 5px 0px; line-height:160%; text-align:justify; display:block; }
.pip_id_content .ftxt{ padding: 0px 0px 5px 20px; line-height:160%; text-align:justify;  font-size:14px; color:#222; background:url(../img/ic01.png) 0 5px no-repeat; margin-left: 0px; }
.pip_id_content .redtxt{ font-weight:700; color:#F03; }
.pip_id_bottom{ margin-bottom:0px; margin-top:0px; height: 100%; padding-left: 50px; padding-top:20px; padding-bottom:20px; text-align:left; font-size:11px; color:#FFF; line-height:160%; background:#666; background:url('../img/logo.png') center right no-repeat #666;} 



/*20220329 추가---- 팝업레이어 CSS*/
.popup{display: none; z-index: 1000; border: 1px solid #ccc; background: #fff; cursor: move; width: 600px;}
.popup_area .title{ padding: 10px; background: #eee; color: #666; font-size: 1.2rem; font-weight: bold;}
.popup_area .popup_close { width: 25px; height: 25px; display: block; position: absolute; top: 10px; right: 10px;  background: url('../img/btn_close.png') no-repeat; }
.popup_area .popup_close:hover{ background: url('../img/btn_close_on.png') no-repeat; cursor: pointer; }
.popup_area .content{width: 100%; padding: 0;}
.popup_area .content img{width: 100%; display: table-cell}
/*20220329 추가---- 팝업레이어 CSS 끝*/