/* BASIC css start */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px;font-family:'Nanum Gothic',sans-serif; } 
html,h1,h2,h3,h4,h5,h6,form,fieldset,img {margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6 {font-size:12px;font-family:'Nanum Gothic',sans-serif; } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
#hd ul,nav ul,#ft ul {margin:0;padding:0;list-style:none}
label,input,button,select,img {vertical-align:middle}
input,button {margin:0;padding:0;font-family:'Nanum Gothic',sans-serif;;font-size:12px}
button {cursor:pointer}
textarea,select {font-family:'Nanum Gothic',sans-serif;;font-size:12px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:12px}
a:link,a:visited {color:#000;text-decoration:none}
a:hover,a:focus,a:active {color:#000;text-decoration: none}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con { } 
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color: #fff}
/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:1200px;border-bottom:1px #dddddd solid;border-top:1px #dddddd solid;height:92px}
#hd_wrapper {position:relative;margin:0 auto;padding:0;width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {position:absolute;left:50%;padding:0;margin:0 0 0 -100px}
#top_banner {position:absolute;left:50%;padding:0;margin:0 0 0 296px}
#top_banner ul {margin:0;padding:0; } 
#top_banner li {list-style:none;display:inline;float:left; } 
#tnb_bg {width:100%;height:29px;min-width: 1200px;}
#tnb {width:1200px;margin:0px auto;padding:0;list-style:none}
#tnb .line {color:#d9d9d9}
#tnb li {float:right;margin:0px;line-height:29px; } 
#tnb a {display:inline-block;padding:0 5px;color:#989898;letter-spacing:-0.05em;line-height:20px;font-size:12px;font-weight:700}
#tnb a.end {display:inline-block;padding:0 0px 0 5px;color:#989898;letter-spacing:-0.05em;line-height:20px;font-size:12px;font-weight:700}
#tnb a:focus,#tnb a:hover,#tnb a:active {text-decoration:none;display:inline-block;padding:0 5px;color:#da2128;letter-spacing:-0.05em;line-height:20px;font-size:12px;font-weight:700}
#tnb .link-join {position:relative; } 
#tnb .link-join span {position:absolute;top:30px;left:0;width:65px;text-align:center;font-weight:600;color:#fff;background:#b05408;z-index:2000}
#tnb .link-join span:before {content:'';display:block;position:absolute;left:5px;top:-7px;background:url('/design/hwawon6311/img/bg_balloon.png') 0 0 no-repeat;width:12px;height:10px}
#menu_bg {width:100%;min-width: 1200px;background: #f6f6f6;border-bottom:1px #666666 solid}
#menu {width:1200px;height:59px;line-height:59px;margin:0 auto}
#menu ul {display: flex;margin:0;padding:0;justify-content: space-around;} 
#menu li {list-style:none;display:inline;float:left; } 
#menu li a {display: block;font-size: 16px;font-weight: bold;color: #000;height: 57px;} 
#menu li a:hover{color:#da2128; border-bottom:4px solid #da2128;}
#menu li a.active{color:#da2128; border-bottom:4px solid #da2128;}
/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#aside {float:left;margin:0;width:181px;margin-right:43px; } 
#aside ul {padding:0;margin:0}
#aside li.left {width:181px;float:left;list-style:none;margin:30px 30px 0 0; } 
#aside li.content {width:780px;float:left;list-style:none;margin:0; } 
#aside .smenu_menu {width:100%;padding:0px}
#aside .smenu_menu li {float:left;list-style:none;border-bottom:1px #cccccc solid}
#aside .left_title {border-bottom:2px #da2128 solid; } 
#container_m {z-index:4;position:relative;padding:0;width:100%;margin:0px 0 0;zoom:1}
#container {z-index:4;position:relative;float:right;margin-top:149px;padding:0;width:976px;min-height:500px;height:auto !important;height:500px;font-size:13px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:28px;font-weight:800;line-height:20px;padding-bottom:30px}
#contents {font-size:13px;color:#333333;text-align: left}
/*슬라이드*/
.slide_imgs {position:relative;width:302px;margin:0 auto;z-index:1}
.slide1 {width:302px !important;height:499px; } 
.slide_imgs img {padding-top:0px;position:absolute;left:50%;margin-left:-151px}
#slides {margin:0 auto;display:none;height:499px !important; } 
#slides .slidesjs-navigation {margin-top:50px; } 
.slidesjs-navigation {position:absolute;z-index:10}
a.slidesjs-next {background-position:-317px -38px;margin-right:10px; } 
a:hover.slidesjs-next {background-position:-198px -38px; } 
a.slidesjs-previous {background-position:-256px -38px;margin-left:10px; } 
a:hover.slidesjs-previous {background-position:-135px -38px; } 
a.slidesjs-play {display:none!important;width:15px;;background-position:-25px 0; } 
a:hover.slidesjs-play {background-position:-196px -38px; } 
a.slidesjs-stop {display:none!important;width:18px;background-position:-41px 0; } 
a:hover.slidesjs-stop {background-position:-41px -18px; } 
.slidesjs-pagination {position:absolute;left:50%;top:13px;margin:0px 0 0 90px !important;list-style:none;z-index:10}
.slidesjs-pagination li {float:left;margin:0 2px; } 
.slidesjs-pagination li a {display:block;width:10px;height:0;padding-top:10px;background-image:url(/design/hwawon6311/img/b05.png);background-position:-9px -10px;float:left;overflow:hidden; } 
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position:-39px -10px}
.slidesjs-pagination li a:hover {background-position:-39px -10px}
#slides a:link,#slides a:visited {color:#333}
#slides a:hover,#slides a:active {color: #9e2020}
/*메인*/
#main_banner1 {width:1200px;margin:30px auto 0}
#main_banner1 ul {margin:0;padding:0; } 
#main_banner1 li {list-style:none;display:inline;float:left; } 
#main_banner2 {width:1200px;margin:0 auto}
#main_banner2 ul {margin:0;padding:0; } 
#main_banner2 li {list-style:none;display:inline;float:left;margin:0 20px 20px 0;border:1px #dddddd solid}
#main_banner2 li.end {margin:0px 0 20px 0; } 
#main_banner3 {width:1200px;margin:80px auto}
#main_banner3 ul {margin:0;padding:0; } 
#main_banner3>ul>li {list-style:none;width:386px;float:left;margin-right:20px; } 
#main_banner3 li.end {margin-right: 0px}
/* 추가 0613 */
#main_banner3 .board_tab:after {content:'';display:block;clear:both; } 
#main_banner3 .board_tab {list-style-type:none;padding:0;margin:0 0 20px 0;border-bottom:1px solid #000; } 
#main_banner3 .board_tab li {float:left;width:30%;position:relative; } 
#main_banner3 .board_tab li.on {border:1px solid #000;border-top:none;border-bottom:none; } 
#main_banner3 .board_tab li.on:before {content:'';display:block;height:2px;width:100%;position:absolute;left:0;top:0px;background:#000; } 
#main_banner3 .board_tab li span {display:block;padding:10px;font-size:16px;text-align:center;font-weight:bold;cursor:pointer; } 
#main_banner3 .board_tab li.on span:before {content:'';display:block;height:1px;width:100%;position:absolute;left:0;bottom:-1px;background:#fff; } 
#main_banner3 .board_tab a {position:absolute;right:0;top:13px;font-weight:bold;color:#666}
#main_banner3 .main_board {display:none;margin:0 5px 0 15px; } 
#main_banner3 .main_board.on {display:block; } 
#main_banner3 .def_board {margin:0 5px 0 15px; } 
#main_banner3 .main_board ul,#main_banner3 .def_board ul {list-style-type:none;padding:0;margin:0; } 
#main_banner3 .main_board ul li,#main_banner3 .def_board ul li {margin-top:5px; } 
#main_banner3 .main_board ul li:first-child,#main_banner3 .def_board ul li:first-child {margin-top:0; } 
#main_banner3 .main_board ul li a,#main_banner3 .def_board ul li a {position:relative;display:block;padding:7px 0;color:#999999;font-size:14px;font-weight:bold; } 
#main_banner3 .main_board ul li a span,#main_banner3 .def_board ul li a span {display:block;width:70%;background:url('/design/hwawon6311/img/icon/list_main_dot.png') 0 center no-repeat;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; } 
#main_banner3 .main_board ul li a span.date,#main_banner3 .def_board ul li a span.date {background:none;position:absolute;top:8px;right:0;width:auto; } 
#main_banner4 {width:1200px;margin:0 auto}
#main_banner4 ul {margin:0;padding:0; } 
#main_banner4 li {list-style:none;display:inline;float:left;margin-right:20px}
#main_banner4 li.end {margin-right:0px}
#main_banner5_bg {width:100%;min-width:1200px;background:#ededed;margin-top:105px;clear:both}
#main_banner5 {width:1200px;margin:0 auto}
#main_banner5 ul {margin:0;padding:0; } 
#main_banner5 ul:after {content:'';display:block;clear:both; } 
#main_banner5 li {list-style:none;display:inline;float:left;margin-right:20px}
/* FOOTER */ #footer {position:relative;padding:50px 0; } 
#footer .logo-foot {position:absolute;left:0;top:50px; } 
#footer .copy {padding-left:250px; } 
#footer .copy .accent {font-size:17px;font-weight:bold;color:#2c2c2c;margin-bottom:20px; } 
#footer .copy .accent a {margin-left:20px;border:1px solid #ccc;font-size:13px;padding:7px 20px;background:#ddd}
#footer .copy .txt {color:#5c5c5c;font-size:13px;margin-bottom:5px; } 
#footer .copy .copyright {margin-top:20px;color:#5c5c5c;font-size:13px;display:block; } 
#footer .prize {position:absolute;top:40px;right:-320px}
#quick {width:95px;margin:0 auto}
#quick ul {margin:0;padding:0; } 
#quick li {list-style:none;display:inline;float:left; } 
#quick li.today_box {border:1px #cccccc solid;border-right:0}
#quick li.today_box .today_item {width:100%;text-align:center;margin-bottom:8px}
.sub_img {width:976px;background:#ffffff;margin: 0 auto 30px}
/* TOP 메뉴 */
#menu_bg_sub {position:absolute;overflow:hidden;top:183px;left:0;width:100%;height:0;z-index:50;background:#fff;border-bottom:1px solid #eee; } 
#menu_bg_sub>div {width:1200px;margin:0 auto;padding:15px 0; } 
#menu_bg_sub ul {list-style-type:none;margin:0;padding:0; } 
#menu_bg_sub ul:after {content:'';display:block;clear:both; } 
#menu_bg_sub ul>li {list-style:none;display:inline;float:left; } 
#menu_bg_sub ul.dep_2>li {float:none;display:block;font-size:14px; } 
#menu_bg_sub ul.dep_2>li a {display:block;padding:5px 0;font-weight:bold;color:#777}
#menu_bg_sub ul.dep_2>li a:hover,#menu_bg_sub ul.dep_2>li a.on {color: #000}
/* 그리드 */
.grid_list_4 ul {margin:0;padding:0;list-style-type:none; } 
.grid_list_4 ul:after {content:'';display:block;clear:both; } 
.grid_list_4 ul li {float:left;width:232px;margin:12px 0 0 12px;border:1px solid #eee; } 
.grid_list_4 ul li.first-col {margin-left:0; } 
.grid_list_4 ul li img {width:100%}
.grid_list_4 ul li p {padding:10px; } 
.grid_list_4 ul li p span {display:block; } 
.grid_list_4 ul li p span:first-child {font-size:16px;color:#919191;font-weight:bold; } 
.grid_list_4 ul li p span.period {margin-top:5px;letter-spacing:-1px;font-weight: bold}
/* 개인정보처리방침 */
.page_title {display:block;height:70px;margin-bottom:20px;border-bottom:1px solid #ddd; } 
.page_title i {display:inline-block;float:left;width:12px;height:22px;border-radius:2px;background-color:#be2020;margin:22px 8px 0 0}
.page_title h1 {display:inline-block;font-size:16px;color:#555;padding: 22px 0 0 0}
/* Version */
.version_view {background:#f6f6f6;border:1px solid #ccc;border-radius:6px;text-align:right;padding:10px 14px;margin-top:50px; } 
.version_view form {margin:0; } 
.version_view select {padding: 4px; } 


/* BASIC css end */