@charset "utf-8";

/* ========== [태그 초기화] ========== */
* {margin:0; padding:0;}
html, body {width:100%; height:100%;}
body {font-size:12px; font-family:gulim; color:#757575;}
html>/**/body{overflow-y:scroll;}

img {border:0; vertical-align:middle;}
form, fieldset {display:block; border:0;}
ul,ol,li {list-style:none;}

hr {display:none;}
table {border-collapse:separate; border-spacing:0; width:100%;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var {font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}

a:link {color:#333; text-decoration:none;}
a:visited {color:#777; text-decoration:none;}
a:hover, a:focus {color:red; text-decoration:none;}
a:active {color:red; text-decoration:none;}

/* ========== [레이아웃 - 공통] ========== */
/* 내용바로가기 */
#skipnavi {position:relative; width:900px; margin:0 auto;}
#skipnavi p {margin:0; padding:0;}
#skipnavi a { display:block; padding:0 10px; height:0; overflow:hidden; color:#000; text-align:right;}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active {height:auto; padding:5px 10px;}

/* 상단바로가기 */
#returntotop {position:relative; bottom:0; width:984px; margin:0 auto;}
#returntotop p {margin:0; padding:0;}
#returntotop a {display:block; padding:0 10px; height:0; overflow:hidden; color:#000; text-align:right;}
#returntotop a:hover, #returntotop a:focus, #returntotop a:active {height:auto; padding:5px 10px;}

#wrap {width:1100px; margin:0px auto; padding-top:40px; overflow:hidden;}

/* header */
#header {padding:0px 53px 0px 47px; width:156px; float:left;}
#header h1.logo {padding-bottom:22px;}

/* header>gnb */
#header #gnb {background-color:#bf090d; }
#header #gnb ul li {list-style:none; padding-top:12px; padding-bottom:12px;}
#header #gnb ul a:hover {width:156px; height:37px; padding:12px 20px 12px 20px; background:url(../images/common/menu_over_bg.gif) repeat-x;}
#header #gnb ul a {width:156px; height:37px; padding:12px 20px 12px 20px; border-bottom:1px solid #843434;}

#header #bar01 {height:10px; background-color:#bf090d; margin-bottom:3px;}
#header #bar02 {height:337px; background-color:#bf090d;}
#header #sub01-bar {height:480px; background-color:#bf090d;}
#header #sub02-bar {height:960px; background-color:#bf090d;}
#header #sub03-bar {height:800px; background-color:#bf090d;}
#header #sub04-bar {height:400px; background-color:#bf090d;}
#header #sub05-bar {height:600px; background-color:#bf090d;}

/* container> mainwrap || subwrap > snb+contents */
#container {padding-top:31px; float:left; width:700px;}

/* footer */
#line {border-top:1px solid #b40909;} 
#footer {width:1100px; height:60px; margin:0px auto; overflow:hidden;}
#footer div {float:right; padding-right:100px;}
#footer address {padding-top:10px;}
#footer p.copyright {float:right; display:inline-block;}

/* ========== [메인페이지] ========== */
/* 메인비주얼 영역 */
#spot-main {}

/* mainwrap */
#mainwrap {float:right; padding-right:100px;}

/* 메인정보 */
.mncolgrp {width:252px; float:left;}
.mncolgrp .title {padding-bottom:12px;}

.mncolgrp1 {float:left; padding-left:30px;}
.mncolgrp1 .section1 {float:left; margin-right:15px;}
.mncolgrp1 .section2 {float:left; width:104px; background:url(../images/main/link_bar.gif) no-repeat;}
.mncolgrp2 {float:left; padding-left:34px;}
.mncolgrp2 .section1 {float:left; margin-right:11px;}
.mncolgrp2 .section2 {float:left;}

/* 메인퀵 */
.mainwrap #quick {position:absolute; top:200px; left:300px;}

/* ========== [서브레이아웃] ========== */
/* subwrap */
#subwrap {float:right; padding-right:100px;}

/* 서브컨텐츠영역 */
#contents {float:left; width:680px;}
#contents-title {float:left;}
#contents-title h2 {padding-top:26px; float:left;}
#contents .here {padding-top:50px; float:right; font-size:11px;}
#content-area {float:left; padding-top:26px;}
#content-area01 {float:left; padding-left:31px;}

/*서브비주얼*/
#spot-sub {width:680px; float:left; position:relative;}
#spot-sub .here {padding-top:50px; float:right; font-size:11px;}
#spot-sub .btn {position:absolute;	padding:204px 0 0 428px;}
#spot-sub .btn div {float:left; padding-right:2px;}


/* 서브퀵 */
.subwrap #quick {position:absolute; top:100px; left:300px;}

/* ========== [공통스타일] ========== */
/* [서식] */
.select {height:20px; padding:1px; font-size:12px; font-family:gulim; vertical-align:middle;}
.input-text {height:15px; padding-top:3px; border:1px solid #d6d6d6; font-size:12px; vertical-align:middle;}
.input-radio {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}
.input-check {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}
.input-image {margin:0; padding:0; border:none; vertical-align:middle;}
.input-file {height:22px; padding-top:2px; border:1px solid #b6b6b6; font-size:12px; background:#f5f4eb; vertical-align:middle;}
.textarea {border:1px solid #b6b6b6; font-size:12px; vertical-align:middle;}

.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}

/* 정렬 */
.al_l {text-align:left;}
.al_c {text-align:center;}
.al_r {text-align:right;}

/* [display] */
.inblock {display:inline-block;}
.none {display:none;}
.hide, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.hide-caption {overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}

/* 플로트 */
.fl {float:left;}
.fr {float:right;}
.cl_both {clear:both; overflow:hidden; height:0; font-size:0; line-height:0;}

/* table */
.tbl-fixed {table-layout:fixed;}

/* 폰트컬러 */
.ft_point1 {color:black;}
.ft_point2 {color:black;}
.ft_point3 {color:black;}
.ft_point4 {color:black;}
.ft_point5 {color:black;}
.ft_point6 {color:black;}
.ft_point7 {color:black;}
.ft_point8 {color:black;}
.ft_point9 {color:black;}

/* 폰트스타일 */
.ft_u {text-decoration:underline;}
.ft_b {font-weight:bold;}
.ft_wn {font-weight:normal;}

/* 폰트자간 */
.ft_sp0 {letter-spacing:0 !important;}
.ft_sp1 {letter-spacing:-1px !important;}

/* 폰트사이즈 */
.ft_s11 {font-size:11px; font-family:Dotum;}
.ft_s12 {font-size:12px; font-family:Gulim;}
.ft_s14 {font-size:14px; font-family:Dotum;}

/* 폰트 ndent */
.ft_indent1 {margin-left:14px; text-indent:-14px;}
.ft_indent1b {margin-left:17px; text-indent:-17px;}
.ft_indent2 {margin-left:20px; text-indent:-20px;}
.ft_indent2b {margin-left:24px; text-indent:-24px;}

/* margin/padding */
.mg0 {margin:0 !important;}

.mgt0 {margin-top:0 !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt23 {margin-top:23px !important;}
.mgt25 {margin-top:25px !important;}
.mgt36 {margin-top:36px !important;}
.mgt30 {margin-top:30px !important;}
.mgt42 {margin-top:42px !important;}
.mgt50 {margin-top:50px !important;}

.mgr0 {margin-right:0 !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl0 {margin-left:0 !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.pd48 {padding-left:48px !important;}
.pd55 {padding-left:55px !important;}
.pd65 {padding-left:65px !important;}
.pd69 {padding-left:69px !important;}
.pd77 {padding-left:77px !important;}

/* ========== [팝업] ========== */
/* [팝업스타일1] - 레이아웃 */
#popheader {position:relative; height:37px; padding-left:15px; background:orange; z-index:1;}
#popheader h1 {padding-top:12px;}
#popcontainer {min-height:100%; margin:-37px 0 -21px;} * html #popbody {height:100%;}
#popcontainer #popcontents {padding: 37px 0 31px;}
#popfooter {overflow:hidden; width:100%; height:21px; background: #cbcbcb;}