@charset "utf-8";
/* CSS Document */

/* //////////////////////////////////////////////////////////////// */
/* //////////////////////////   global class  ///////////////////// */
/* ////////////한곳이 수정되면 사이트 전체가 수정되는 부분///////// */
/* //////////////////////////////////////////////////////////////// */

/* align 시리즈 속성 정의 */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;} 
.middle {vertical-align:middle !important;}

/* none 시리즈 속성 정의 */
.none_bor {border:none !important;}
.none_bor_l {border-left:none !important;}
.none_bor_r {border-right:none !important;}
.none_bor_b {border-bottom:none !important;}
.none_bor_t {border-top:none !important;}
.none_bg {background:none !important;}
.none_dp {display:none !important;} 
.none_ma {margin:0px !important;}
.none_pa {padding:0px !important;}
.none_clear {clear:both  !important;}

/* font style 시리즈 속성 정의 */
.bold {font-weight:bold !important;}
.underline { text-decoration:underline !important; }

/* margin 시리즈 속성 정의 */ 
.mar_bot_40 {margin-bottom:40px !important;}
.mar_bot_30 {margin-bottom:30px !important;}
.mar_bot_20 {margin-bottom:20px !important;}
.mar_bot_10 {margin-bottom:10px !important;}

/* padding 시리즈 속성 정의 */
.pad_bot_40 {padding-bottom:40px !important;}
.pad_bot_20 {padding-bottom:20px !important;}

/* font color 시리즈 속성 정의 */ 
.f_red {color:#ff0000 !important;}
.f_brown {color:#a4651e !important;}
.f_gray {color:#747578 !important;}
.f_st_orange {color:#b73100 !important;}
.f_orange {color:#d35400 !important;}
.f_black {color:#2e3036 !important;}

.f_12 {font-size: 12px !important;}
.f_15 {font-size: 15px !important;}

/* float */
.f_left {float:left;}
.f_right {float:right;}
/* etc */

select option {margin-bottom:5px;}

/* //////////////////////////////////////////// */
/* ///////////////    Header   /////////////// */
/* //////////////////////////////////////////// */
#wrap_bg {width:100%; min-height:100%; height:auto; background: url(../images/bg_main.gif) repeat 0 0; background-position:0 140px;}
#wrap {width:100%; background: url(../images/bg_header.gif) repeat-x 0 0;}
#header {position:relative; width:1026px; height:94px; margin:0 auto; }
#header h1 {padding-top:21px;}
#header ul {position: absolute; top:34px; left:484px;}
#header ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header ul li {float:left; margin-right:20px;}
#perv_m {position:absolute; top:24px; right:0; height:41px; width:180px; padding-left:10px; font-size:16px; font-weight:bold; line-height:33px; border:none; background: url(../images/bg_input.png) no-repeat 0 0; }

#gnb {width:100%; background: url(../images/bg_gnb.gif) repeat-x 0 0; height:66px; overflow:hidden;}
#gnb ul {width:1026px; margin:0 auto;}
#gnb ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#gnb ul li {float:left;}
#gnb ul li.menu>a {display:inline-block; height:66px;}
#gnb ul li.menu:hover>a {background: url(../images/bg_gnb_on.gif) repeat-x 0 bottom;}
#gnb ul li.menu.on>a {background: url(../images/bg_gnb_on.gif) repeat-x 0 bottom;}

#content {position:relative; width:1025px; margin:0 auto;}
#footer_wrap {padding-bottom:20px;}
#footer {position:relative; width:1026px; height:80px; margin:0 auto; background-color: #565656;}
#footer .logo {position: absolute; top:28px; left:30px;}
#footer .info {padding-top:20px; margin-left:181px; font-size:13px; line-height:1.5em; color:#fff;}
#footer .info a {font-size:13px; line-height:1.5em; color:#fff;}
#f_site {position:absolute; top:19px; right:220px; height:41px; width:180px; padding-left:10px; font-size:16px; font-weight:bold; line-height:33px; border:none; background: url(../images/bg_input.png) no-repeat 0 0; }
#f_perv_m {position:absolute; top:19px; right:20px; height:41px; width:180px; padding-left:10px; font-size:16px; font-weight:bold; line-height:33px; border:none; background: url(../images/bg_input.png) no-repeat 0 0; }

/* //////////////////////////////////////////// */
/* ///////////////    SNB   /////////////// */
/* //////////////////////////////////////////// */
#snb {position: absolute; left:1046px; top:20px; width:108px; z-index:999;}
#snb ul li a {display:block; overflow:hidden; text-indent:-999em;}
#snb ul li.menu>a { width:108px; height:108px;  margin-bottom: 20px; background: url(../images/img_snb.gif) no-repeat 0 0; }
#snb ul li.menu01>a {background-position: 0 0;}
#snb ul li.menu01>a:hover {background-position: -108px 0;}
#snb ul li.menu02>a {background-position: 0 -108px;}
#snb ul li.menu02>a:hover {background-position: -108px -108px;}
#snb ul li.menu03>a {background-position: 0 -216px;}
#snb ul li.menu03>a:hover {background-position: -108px -216px;}
#snb ul li.menu04>a {background-position: 0 -324px;}
#snb ul li.menu04>a:hover {background-position: -108px -324px;}
#snb ul li.menu_top>a { width:56px; height:56px; margin:0 auto; background: url(../images/btn_snb_top.gif) no-repeat center 0;}
/* //////////////////////////////////////////// */
/* ///////////////   form class  /////////////// */
/* //////////////////////////////////////////// */

/* //////////////////////////////////////////// */
/* ///////////////   btn class  /////////////// */ 
/* //////////////////////////////////////////// */

/* //////////////////////////////////////////// */
/* ///////////////   ico class  /////////////// */ 
/* //////////////////////////////////////////// */
/* 배경이미지 + 텍스트 아이콘 */


/* //////////////////////////////////////////// */
/* ///////////////   Path class  ///////////// */
/* //////////////////////////////////////////// */
/* 현재 위치 */

/* //////////////////////////////////////////// */
/* ///////////////   Tabs class  ///////////// */
/* //////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////// */
/* //////////////////////////   local class  ///////////////////// */
/* /////////////////// 카테고리별 세부사항 적용 CSS /////////////// */
/* //////////////////////////////////////////////////////////////// */

/* main Page */
#content.main {margin:73px auto 27px;}
.main .position {position:relative; height:621px;}
.main .position .menu01 {position:absolute; top:-12px;}
.main .position .menu02 {position:absolute; top:242px;}
.main .position .menu03 {position:absolute; top:496px;}
.main .position .menu04 {position:absolute; left:366px;}
.main .position .menu05 {position:absolute; left:731px;}
.main .position .menu06 {position:absolute; left:730px; top:195px;}
.main .position .menu07 {position:absolute; left:730px; top:350px;}
.main .position .menu08 {position:absolute; left:730px; top:496px;}

.main .position .menu>a {display:block; overflow:hidden; text-indent:-999em;}
.main .position .menu01>a {width:355px; height:243px; background: url(../images/btn_main_01.png) no-repeat 0 0;}
.main .position .menu01>a:hover {background-position:0 -243px;}
.main .position .menu02>a {width:355px; height:244px; background: url(../images/btn_main_02.jpg) no-repeat 0 0;}
.main .position .menu02>a:hover {background-position:0 -244px;}
.main .position .menu03>a {width:355px; height:124px; background: url(../images/btn_main_03.jpg) no-repeat 0 0;}
.main .position .menu03>a:hover {background-position:0 -124px;}
.main .position .menu04>a {width:355px; height:620px; background: url(../images/btn_main_04.jpg) no-repeat 0 0;}
.main .position .menu04>a:hover {background-position:0 -620px;}
.main .position .menu05>a {width:294px; height:185px; background: url(../images/btn_main_05.jpg) no-repeat 0 0;}
.main .position .menu05>a:hover {background-position:0 -185px;}
.main .position .menu06>a {width:295px; height:145px; background: url(../images/btn_main_06.jpg) no-repeat 0 0;}
.main .position .menu06>a:hover {background-position:0 -145px;}
.main .position .menu07>a {width:295px; height:136px; background: url(../images/btn_main_07.jpg) no-repeat 0 0;}
.main .position .menu07>a:hover {background-position:0 -136px;}
.main .position .menu08>a {width:295px; height:124px; background: url(../images/btn_main_08.jpg) no-repeat 0 0;}
.main .position .menu08>a:hover {background-position:0 -124px;}

/* page */
.section {width:100%; padding:66px 0 83px; margin-bottom:20px; background-color:#fff;}
.section .article {margin-left:76px;}
.section .article.type0 {margin-bottom:0;}
.section .article.type01 {margin-bottom:30px;}
.section .article.type02 {margin-bottom:60px;}
.section .article.type03 {margin-bottom:40px;}
.section .article.type_mb46 {margin-bottom:46px;}
.section .article.type_mb70 {margin-bottom:70px;}
.section .article.type_mb110 {margin-bottom:110px;}
.section .article.type_all {margin-left:0;}

.section .article.right.type_last {margin-right:76px;}