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


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px 'Nanum Gothic', monospace; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px 'Nanum Gothic', monospace; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

/*------------------------------------------------------------------------------------------------------------*/

body{ margin:0; padding:0; width:100%; background:#232323; overflow-x:hidden; position:relative;}
#document{width:100%; margin:0 auto; overflow:hidden; position:relative;}

/*해더*/
#hd_ba {width:100%; background:url(../img/comm/hd_babg.gif); position:relative;}
#hd_ba div {width:1200px; height:156px; background:url(../img/comm/hd_ba.jpg) no-repeat; left:50%; margin-left:-600px; position:absolute;}
#hd_ba .event_close {bottom:20px; right:0px; cursor:pointer; position:absolute; z-index:100;}
#hd_wrap {width:100%; background:#232323; position:relative;}
#hd_wrap .hd_box {width:1200px; height:92px; margin:0 auto; overflow:hidden; position:relative;}
#hd_wrap .hd_box h1 {left:455px; top:23px; position:absolute;}
#hd_wrap .hd_box .log_box {float:right;}
#hd_wrap .hd_box .log_box ul {overflow:hidden; margin:15px 0 0 92px;}
#hd_wrap .hd_box .log_box ul li {float:left; margin-right:15px;}
#hd_wrap .hd_box .log_box ul li.last {margin-right:0;}
#hd_wrap .hd_box .log_box ul li a {font:bold 11px/17px 'arial'; color:#fff;}
#hd_wrap .hd_box .log_box ul li.last a {color:#ff242e;}
#hd_wrap .hd_box .log_box form {display:block; margin-top:10px;}
#hd_wrap .hd_box .log_box form .search_btn {position:relative; z-index:2;}
#hd_wrap .hd_box .log_box .il {width:187px; height:24px; position:relative; float:left; background:#4a4a4a; border:0;}
#hd_wrap .hd_box .log_box .il label {display:block; font:normal 12px/24px 'dotum';padding-left:10px;color:#909090;}
#hd_wrap .hd_box .log_box .il span {display: block;}
#hd_wrap .hd_box .log_box .il input {position:absolute; width:180px; height:24px; padding-left:10px; border:0; background:transparent; font-size:12px; vertical-align:top; color:#909090; top:0; left:0; z-index:1;}

/*탑메뉴*/
.gnb_wrap {width:100%; height:59px; overflow:hidden; background:url(../img/comm/gnb_bg.gif) repeat-x; position:relative;}
#top_menu {width:1200px; margin:22px auto 0 auto; overflow:hidden; position:relative;}
#top_menu .dep1 {float:left; text-align:center;}
#top_menu .dep1.n1 a {border:0;}
#top_menu .dep1 a {font:bold 16px/15px 'Nanum Gothic'; color:#b8b8b8; letter-spacing:-1px; display:block; padding:0 23px; border-left:1px solid #606060; border-bottom:0; text-decoration:none;}
#top_menu .dep1.on a {color:#fff;}
#top_menu .dep1.off a {color:#b8b8b8;}
#top_menu .dep2 {margin-top:40px; border-left:1px solid #d6d7d8; text-align:left;}
#top_menu .dep2.n1 {border:0;}
#top_menu .dep2 li {margin-bottom:3px;}
#top_menu .dep2 li a {font:normal 12px/17px 'dotum'; color:#454545; letter-spacing:-1px; display:inline-block; *zoom:1; padding:0; border-left:0; margin-left:19px;}
#top_menu .dep2 li.on a {color:#454545; border-bottom:2px solid #e60606;}
#top_menu .dep2 li.off a {color:#454545; border-bottom:0;}
#top_menu .dep1.n11 {display:none;}
#top_menu .dep1.n12 {display:none;}

/*푸터*/
#foot_wrap {width:100%; background:#4c4c4c; position:relative;}
#foot_top {width:100%; background:#4c4c4c;}
#foot_top .box {width:800px; height:78px; margin:0 auto; overflow:hidden; position:relative;}
#foot_top .box h1 {left:0px; top:17px; position:absolute;}
#foot_top .box ul {float:right; margin-top:30px; overflow:hidden;}
#foot_top .box ul li {float:left;}
#foot_top .box ul li span {font:normal 12px/17px 'dotum'; color:#d0d0d0; cursor:default;}
#foot_top .box ul li a {font:bold 12px/17px 'dotum'; color:#d0d0d0;}
#foot_bottom {width:100%; padding:30px 0 40px 0; background:#5d5d5d;}
#foot_bottom .box {width:900px; margin:0 auto; overflow:hidden; position:relative;}
#foot_bottom .box p {text-align:center; font:bold 11px/15px 'arial'; color:#959595;}
#foot_bottom .box ul {margin-bottom:20px;}
#foot_bottom .box ul li {font:bold 12px 'dotum'; line-height:25px; color:#aeaeae;}
#foot_bottom .box ul li strong {font:bold 12px 'dotum'; color:#fff;}
#foot_bottom .box ul li span {display:inline-block; *zoom:1; width:328px; margin:0 17px; font:bold 12px 'dotum'; color:#aeaeae;}
#foot_bottom .box ul li em {font:bold 12px 'dotum'; color:#fbffd1;}

/*네트워크*/
#m_net {width:1200px; height:118px; background:#000; position:relative; overflow:hidden;}
#m_net h4 {float:left; width:209px; height:71px; background:#e50000; font:bold 22px/71px "Nanum Gothic"; color:#fff; text-align:center;}
#m_net .roll_img {width:1200px; height:47px; bottom:0px; overflow:hidden; position:absolute;}
#m_net .roll_img a {display:none; float:left; margin-left:33px; font:bold 13px/47px "Nanum Gothic"; color:#fff; text-decoration:none;}
#m_net .roll_img a em {font:bold 14px/47px "Nanum Gothic"; color:#ff363b;}
#m_net .roll_img a.kakao {width:220px; height:37px; margin:5px 4px 0 39px; background:url(../img/main/kakao_bg.gif) no-repeat; text-indent:60px; font:bold 13px/37px "Nanum Gothic"; color:#3a2d30; position:relative; z-index:100;}
#m_net .roll_img a.kakao01 {width:145px; height:37px; margin:5px 2px 0 5px; background:url(../img/main/kakao_bg_ulsan.gif) no-repeat; text-indent:45px; font:bold 13px/37px "Nanum Gothic"; color:#3a2d30; position:relative; z-index:100;}
#m_net .roll_img a.btn {width:110px; height:37px; margin:5px 4px 0 0; background:#f3f3f3; font:bold 13px/37px "Nanum Gothic"; color:#000; text-align:center; position:relative; z-index:100;}
#m_net .roll_img a.on {display:block;}
#m_net .roll_img a.off {display:none;}
#m_net ul {float:left; overflow:hidden;}
#m_net ul .roll_btn {float:left; width:140px; border-left:1px solid #a3a3a3; margin-right:-1px;}
#m_net ul .roll_btn.first {border-left:0;}
#m_net ul .roll_btn a {display:block; height:71px; font:bold 18px/71px "Nanum Gothic"; color:#fff; text-align:center; background:url(../img/main/net_btn.gif) repeat-x;}
#m_net ul .roll_btn a.on {background:url(../img/main/net_btn_ov.gif) repeat-x;}
#m_net ul .roll_btn a.off {background:url(../img/main/net_btn.gif) repeat-x;}

/*우측퀵*/
#mqr {width:488px; top:151px; right:-488px; position:fixed; overflow:hidden; z-index:150;}

#counsel_btn1 {cursor:pointer;}
#counsel_btn2 {cursor:pointer;}

.rq_area {width:88px; float:left;}
.rq_area p {margin-bottom:1px;}
.rq_area ul li {margin-bottom:1px;}

.cw_close {top:0px; right:0px; position:absolute; cursor:pointer; z-index:10;}

.cw_wrap {float:left; width:400px; height:541px; background:url(../img/comm/form_bg.jpg) #dfdfdf no-repeat; overflow:hidden; position:relative;}
.cw_wrap form {display:block; width:320px; top:140px; left:40px; position:relative;}
.cw_wrap form .cw_name {margin:0 0 8px 70px;}
.cw_wrap form .cw_name input {width:250px; height:22px; font:normal 12px/22px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_tel {margin:0 0 8px 70px;}
.cw_wrap form .cw_tel input {width:82px; height:22px; font:normal 12px/22px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_date {margin:0 0 8px 70px;}
.cw_wrap form .cw_date input {width:250px; height:22px; font:normal 12px/22px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_time {margin:0 0 8px 70px;}
.cw_wrap form .cw_time input {width:250px; height:22px; font:normal 12px/22px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_sec {margin:0 0 10px 70px;}
.cw_wrap form .cw_sec select {width:250px; height:22px;}
.cw_wrap form .cw_sec select option {font:normal 12px/22px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_area {margin:0 0 20px 70px;}
.cw_wrap form .cw_area textarea {width:250px; height:100px; font:normal 12px/17px 'dotum'; color:#555; border:0; background:#fff;}
.cw_wrap form .cw_chk {width:320px; height:26px; overflow:hidden;}
.cw_wrap form .cw_chk span {display:block; float:left; font:normal 12px/30px 'dotum'; color:#555;}
.cw_wrap form .cw_chk span input {border:0; background:#fff; margin-top:-2px;}
.cw_wrap form .cw_chk a {float:right; display:block;}
.cw_wrap form .cw_btn {margin-top:17px;}

.kakao_wrap {float:left; width:400px; height:541px; display:none; background:url(../img/comm/kakao_bg.jpg) #fff413 no-repeat; overflow:hidden; position:relative;}
.kakao_wrap ul {margin:170px 0 0 97px}
.kakao_wrap ul li {margin-bottom:22px; font:normal 12px/20px 'dotum'; color:#392d2d;}
.kakao_wrap ul li strong {font:normal 12px/21px 'dotum'; color:#a8451a;}