@charset "utf-8"; 

/* common.css */
@import url('main.css');
@import url('contents.css');
@import url('check_style.css');


/* reset */
*{margin:0; padding:0;}
/*body {font-size:13px;letter-spacing:-0.5px; line-height:1.5; font-family:"맑은고딕","malgun gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color: #444; line-height: 1.5em;}*/
body {font-size:13px;letter-spacing:-0.2px; line-height:1.5; font-family:"돋움","맑은고딕","malgun gothic","AppleGothic","dotum",Helvetica,Arial,sans-serif; color: #444; line-height: 1.5em;}
div, p, ol, ul, li, img, a, form, span, iframe, dl, dt, dd {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-size:12px;}
ul, ol {list-style-type:none;}
img {border:0; vertical-align:middle;}
table, th, td {margin:0; padding:0; border-collapse:collapse;}
input {vertical-align:middle; border:none; font-size:12px;}
select {vertical-align:middle; font-size:12px;}
textarea {border:1px solid #cbcaca; font-size:12px;}
input.text {border:1px solid #cbcaca; background-color:#fff; padding:2px;}
input.none {border:none; border-color:#fff; padding:2px;}
input.bg {background:#f2f8ff;}
fieldset {margin:0; padding:0; border:none;}
caption { visibility:hidden;overflow:hidden;width:0;height: 0;line-height: 0;font-size: 0;}
legend {position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:underline; color:#0390d9;}
hr {display:none;}
input,option,select {tpadding:3px 3px;}
label, button{cursor:pointer}

.img_t {border:0; vertical-align:top;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.input01 {height:25px; border:1px solid #c6cad1;vertical-align:middle; line-height:19px;}
.input02 {height:24px; border:1px solid #c6cad1;vertical-align:middle; line-height:19px;}
.select01 {height:25px; border:1px solid #c6cad1;vertical-align:middle; line-height:19px;}
.textarea-cont {width:98%; border:1px solid #c6cad1; margin:0; padding:0;}

/* 기본 링크 정의
----------------------- */
a {color:#333; text-decoration:none;}
a:link, a:visited {color:#333; text-decoration: none;outline:none;}
a:hover, a:active {color:#e0200c; text-decoration:underline;}


/* float or clear */
.fl{float:left !important;}
.fr{float:right !important;}
.fn{font-weight:normal !important;}
.f_clear{*zoom:1 !important;}
.f_clear:after{content:""; display:block; clear:both; height:0; visibility:hidden;}

/* display */
.ovh{overflow:hidden !important;}
.db{display:block !important;}
.dn{display:none !important;}
.dib{display:inline-block !important;}
.di{display:inline !important;}
.blind{display:block; overflow:hidden; position:absolute; left:0; top:-5000px; text-indent:-5000px; height:0 !important; width:0 !important;  font-size:0 !important; line-height:0 !important; padding:0 !important;}


/* bg or line */
.bn{background:none !important;}
.bdn{border:none !important;}
.bdtn{border-top:none !important;}
.bdbn{border-bottom:none !important;}
.bdln{border-left:none !important;}
.bdrn{border-right:none !important;}


/* space */
.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt_2 {margin-top:-2px !important;}
.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb33 {margin-bottom:33px !important;}
.mb40 {margin-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml13 {margin-left:13px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml110{margin-left:110px !important;}
.ml125{margin-left:125px !important;}
.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.pt0{padding-top:0 !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt6{padding-top:6px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt9{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pb0{padding-bottom:0 !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb6{padding-bottom:6px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb9{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pl0{padding-left:0 !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl6{padding-left:6px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl9{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pr0{padding-right:0 !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr6{padding-right:6px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr9{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}


@media screen and (max-width: 1024px) {
	#wrap{min-width:1020px}
}
#wrap {position:auto; z-index:9999; width:100%;}

/* skip nav */
#skip{position:relative; z-index:999;}
#skip ul li{display:inline;}
#skip a{position:absolute; top:-100px; left:-999px; display:inline-block; border:1px solid #000; background:#000; color:#fff;}
#skip a:focus,#saip a:active{top:0; left:0; cursor:pointer; zoom:1; display:inline-block; margin-right:9px; padding:5px 8px; font-size:11px}
 

/* common layout */
.inner{width:1005px; margin:0 auto; position:relative; *zoom:1;}
.inner:after{content:""; display:block; clear:both; height:0; visibility:hidden;}


/* header */
#header{position:relative; z-index:100; margin:0 auto;}
#header .header_util{background:#fbfbfb; position:relative; z-index:2; border-bottom:1px solid #dfdfdf; height:26px; padding-top:8px; *zoom:1;}
#header .header_util:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
#header .header_util .util_nav{float:right; *zoom:1;}
#header .header_util .util_nav li{float:left; padding:0 9px; background:url(/resources/images/common/line_dh1.png) 0 5px no-repeat;}
#header .header_util .util_nav li.first{background:none;}
#header .header_util .util_nav li.end{padding-right:0px;}

#header .search {width:1005px; margin:0 auto; position:relative;}
#header .search .search_inner {width:729px; height:57px; margin:0 auto;}
#header .search .search_inner h1{padding-top:17px; float:left}
#header .search .search_inner .search_box{ float:left; position:relative; left:73px; top:11px; width:289px; height:22px; padding:7px 37px 0 10px; border:3px solid #84bad3; border-right:none;}
#header .search .search_inner .search_box input{border:none; width:260px; font-size:12px; color:#999; focus:none; outline:none;}
#header .search .search_inner .search_box button {position:absolute; right:0; top:-3px; width:45px; height:35px; background:url(/resources/images/common/search_btn.jpg) 0 0 no-repeat; border: none;}

#header #gnb{border-top:1px solid #ccc; border-bottom:2px solid #84bad3; height:43px; text-align: center;}
#header #gnb ul{/*position:absolute;*/ top:5px; left:0;}
#header #gnb ul li{/*float:left;*/display: inline-block;}
#header #gnb ul li a{display:block; height:38px;}
#header #gnb ul .nav1 a{background:url(/resources/images/common/header_gnb.jpg) 0 0px no-repeat; width:142px;}
#header #gnb ul .nav1 a:hover,#header #gnb ul .nav1 a.active {background-position:0 -38px; width:142px;}
#header #gnb ul .nav2 a{background:url(/resources/images/common/header_gnb.jpg) -142px 0 no-repeat; width:140px;}
#header #gnb ul .nav2 a:hover,#header #gnb ul .nav2 a.active {background-position:-142px -38px; width:140px;}
#header #gnb ul .nav3 a{background:url(/resources/images/common/header_gnb.jpg) -282px 0 no-repeat; width:147px;}
#header #gnb ul .nav3 a:hover,#header #gnb ul .nav3 a.active {background-position:-282px -38px;  width:147px;}
#header #gnb ul .nav4 a{background:url(/resources/images/common/header_gnb.jpg) -429px 0 no-repeat; width:141px;}
#header #gnb ul .nav4 a:hover,#header #gnb ul .nav4 a.active {background-position:-429px -38px; width:141px;}
#header #gnb ul .nav5 a{background:url(/resources/images/common/header_gnb.jpg) -570px 0 no-repeat; width:154px;}
#header #gnb ul .nav5 a:hover,#header #gnb ul .nav5 a.active {background-position:-570px -38px; width:154px;}
#header #gnb ul .nav6 a{background:url(/resources/images/common/header_gnb.jpg) -724px 0 no-repeat; width:142px;}
#header #gnb ul .nav6 a:hover,#header #gnb ul .nav6 a.active {background-position:-724px -38px;  width:142px;}
#header #gnb ul .nav7 a{background:url(/resources/images/common/header_gnb.jpg) -866px 0 no-repeat; width:139px;}
#header #gnb ul .nav7 a:hover,#header #gnb ul .nav7 a.active {background-position:-866px -38px;  width:139px;}
#header #gnb ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;}

#header #gnb ul li .twoD {position:absolute; top:; left:; z-index:300; background:none; padding-left: 22px; opacity: 1; display: none;}
/* 
#header #gnb ul li .twoD.one{width:142px;}
#header #gnb ul li .twoD.two{width:140px;}
#header #gnb ul li .twoD.thr{width:147px;}
#header #gnb ul li .twoD.fou{width:141px;} 
#header #gnb ul li .twoD.fiv{width:154px;}
#header #gnb ul li .twoD.six{width:142px;}
#header #gnb ul li .twoD.sev{width:139px;}*/
#header #gnb ul li .twoD a {display:block; margin-left:10px; padding-left:10px; margin-bottom:15px; height:15px; background:url(/resources/images/common/gnb_twoicon.png) no-repeat 0 6px; background-size:6px 6px; color:#555; text-align:left}
#header #gnb ul li .twoD a:first-child {margin-top:16px;}
#header #gnb ul li .twoD a:hover {font-weight:bold; color:#0080ff; text-decoration:underline; background:url(/resources/images/common/gnb_twoicon.png) no-repeat 0 6px; background-size:6px 6px; }

#gnbTwo{position:absolute; top:136px; left:0; width:100%; height:237px; border-bottom:2px solid #84bad3; background:#f6fbfe; z-index:100}
#gnbTwo .twoBg{width:100%; height:237px; margin:auto; overflow:hidden; background:url('/resources/images/icon/gnbBg.gif') repeat-x;}
#gnbTwo .twoBg .twoImg{width:1260px; height:237px; margin:0 auto; position:relative;}
#gnbTwo .twoBg .twoImg img{position:absolute; height:230px; bottom:0px; right:0px; opacity:0}

/* sub_visual */
.sub_visual{border-bottom:1px solid #dfdfdf; width:100%; height:140px;}
.sub_visual.type1 {background:url(/resources/images/common/bg_sub_visual1.jpg) no-repeat top center}
.sub_visual.type2 {background:url(/resources/images/common/bg_sub_visual2.jpg) no-repeat top center}
.sub_visual.type3 {background:url(/resources/images/common/bg_sub_visual3.jpg) no-repeat top center}
.sub_visual.type4 {background:url(/resources/images/common/bg_sub_visual4.jpg) no-repeat top center}
.sub_visual.type5 {background:url(/resources/images/common/bg_sub_visual5.jpg) no-repeat top center}
.sub_visual.type6 {background:url(/resources/images/common/bg_sub_visual6.jpg) no-repeat top center}
.sub_visual.type7 {background:url(/resources/images/common/bg_sub_visual7.jpg) no-repeat top center}
.sub_visual.type8 {background:url(/resources/images/common/bg_sub_visual8.jpg) no-repeat top center}

.sub_visual.type1 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type2 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type3 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type4 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type5 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type6 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type7 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}
.sub_visual.type8 > div h2 {background:url(/resources/images/common/sub_visual1_text.png) 0 0 no-repeat; width:263px; height:96px; top:22px; position:relative;}


/* container */
#container {padding-top:23px; padding-bottom:50px;}

#lnb {float:left; width:190px; padding-right:30px;}
#lnb ul {border-top:1px solid #c6c6c6;}
#lnb ul li {}
#lnb ul li a {display:block;}
#lnb ul li.depth01 {background:#fff;border-bottom:1px solid #c6c6c6;}
#lnb ul li.depth01 a{display:block; background:#fff; color:#666; font-size:14px;}
#lnb ul li.depth01.on a span{background:url(/resources/images/common/lnb_arrow_on.jpg) no-repeat 0 0; font-weight:bold; color:#fff;}
#lnb ul li.depth01 a:hover span{background:url(/resources/images/common/lnb_arrow_on.jpg) no-repeat; font-weight:bold; color:#fff;}
#lnb ul li.depth01 a span{display:inline-block; line-height:24px; padding:5px 0 5px 15px; width:100%;}
#lnb ul li.depth01 .twoA {padding:0 0 5px 0; width:100%; background:#eee; overflow:hidden;}
#lnb ul li.depth01 .twoA a {padding:5px 0 0 28px; background:#eee url('/resources/images/common/dot3x3.gif') no-repeat 18px 18px; font-size:13px; color:#555; line-height:25px; text-decoration:none;}
#lnb ul li.depth01 .twoA a.on{background:#eee url('/resources/images/common/lnbbg2.gif') no-repeat 18px 18px; color:#555; font-weight:bold;}
#lnb ul li.depth01 .twoA a:hover{background:#eee url('/resources/images/common/lnbbg2.gif') no-repeat 18px 18px; color:#555; font-weight:bold;}


#contents {float:right; width:785px; min-height:410px; padding:0 0 5px 0;}
#contents .title_area {position:relative; width:785px; *zoom:1; padding-bottom:30px;} 
#contents .title_area:after{content:""; display:block; clear:both; width:0px; height:0px;}
#contents .title_area h4{float:left;}
#contents .title_area .location{float:right; margin-top:4px}
#contents .title_area .location li {display:inline; background:url(/resources/images/common/nav_space.gif) no-repeat scroll left 50% transparent;padding:1px 5px 1px 15px;}
#contents .title_area .location li.home {background:url(/resources/images/common/home.jpg) no-repeat scroll left 50% transparent; padding:0 5px 1px 18px;} 
#contents .title_area .location li.last {color:#333;}
#contents .title_area .location a,
#contents .title_area .location a:focus,
#contents .title_area .location a:hover {color:#666;}

#contents .section {width:785px; clear:both;}


/* footer */
#footer .innr_box { width: 960px; min-height: 120px; margin: 10px auto; background: url(/common/img/logo/logo_rfoot.png) no-repeat; vertical-align: middle; position: relative; }
#footer {background:#f5f5f5; padding-bottom:30px; border-top:1px solid #d6d6d6;}
#footer .footer_util {padding:20px 0 15px 0;}
#footer .support_nav li {float:left; padding:0 9px 0 8px; height:23px; background:url(/resources/images/common/line_f1.png) right 5px no-repeat; color:#707070; font-weight:bold}
#footer .support_nav li.first {padding-left:0px}
#footer .support_nav li.end {background:none}

#footer .business_info li{float:left; padding:0 9px 0 8px; background:url(/resources/images/common/line_f1.png) right 5px no-repeat; color:#777;}
#footer .business_info li.first {padding-left:0;}
#footer .business_info li.tel {clear:both;}
#footer .business_info li.end {background:none}
#footer .copyright {clear:both; padding-top:5px; color:#999;}