@charset "utf-8";
body.main {background:url("../images/main/img_bg.jpg") no-repeat center top;}
body.sub {background:url("../images/common/img_bg.jpg") no-repeat center top;}

/* Layout */
#wrapper {width:100%;}
#header {position:relative; width:100%; z-index:100;}

#m_slogan {position:relative; width:1000px; margin:0 auto; height:315px;}
#m_container {position:relative; width:1000px; margin:0 auto 40px auto;}
#m_container:after {content:""; display:block; clear:both;}
#m_contents {margin-top:40px;}

#slogan {position:relative; width:1000px; margin:0 auto; height:215px;}
#container {position:relative; width:1000px; margin:0 auto; background:url("../images/common/snb_bg.gif") repeat-y;}
#container:after {content:""; display:block; clear:both;}
#snb {float:left; width:190px; padding-bottom:70px;}
#contents {float:right; position:relative; width:750px; min-height:450px; margin-top:44px; padding-bottom:70px;}
#location {}
#contents_in {margin-top:47px; margin-bottom:50px;}
#footer {width:100%; border-top:1px solid #e5e5e5; height:110px;}

/* skip */
#skipNav {position:absolute; width:0px; height:0px; overflow:hidden;}
#skipNav h2 {position:absolute; left:-5000px; height:0; line-height:0;}


/* header */
#header .form {position:relative; width:1000px; height:90px; margin:0 auto; z-index:40;}
#header .form h1 {position:absolute; top:38px; left:0; z-index:40;}
#header .form .utility {position:absolute; top:20px; right:-9px;}
#header .form .utility li {float:left; padding:0 9px; background:url("../images/common/util_line.gif") no-repeat;}
#header .form .utility li.first-child {background-image:none;}


/* 대메뉴 */
#gnb {padding:55px 0 0 279px; vertical-align:top; text-align:center; z-index:30;}
#gnb li {float:left; padding-bottom:20px; cursor:pointer;}
#gnb li a {padding-bottom:20px;}

#gnb li.m1 {width:149px;}
#gnb li.m2 {width:183px;}
#gnb li.m3 {width:128px;}
#gnb li.m4 {width:127px;}
#gnb li.m5 {width:129px;}

/* 소메뉴 */
#gnb_menu {position:absolute; width:100%; height:0; overflow:hidden; z-index:30; font-size:14px; border-top:1px solid #dfdfdf;}
#gnb_menu_box {position:absolute; width:100%; top:-250px; background-color:#fff; border-bottom:1px solid #868686;}
#gnb_menu_inner {position:relative; width:1004px; margin:0 auto; border-right:1px solid #ebebeb;} 
#gnb_menu_inner:after {content:""; display:block; clear:both;}

#gnb_menu_inner ul {float:left; line-height:1.9; padding:10px 0;}
#gnb_menu_inner ul li {padding:0 0 0 20px;} 
#gnb_menu_inner ul li a {background:url("../images/common/g_bullet_off.gif") no-repeat 0 12px; padding-left:6px; display:block;}
#gnb_menu_inner ul li a:link {color:#555; text-decoration:none;}
#gnb_menu_inner ul li a:visited {color:#555; text-decoration:none;}
#gnb_menu_inner ul li a:hover {background:url("../images/common/g_bullet_on.gif") no-repeat 0 12px; color:#ff6000; text-decoration:underline; font-weight:normal;}
#gnb_menu_inner ul li a:active {color:#555; text-decoration:none;}

#gnb_menu_inner ul#sub_0 {width:279px; height:180px; border-left:1px solid #ebebeb; padding:0 0 0 0;}
#gnb_menu_inner ul#sub_1 {width:149px; height:160px; border-left:1px solid #ebebeb;}
#gnb_menu_inner ul#sub_2 {width:183px; height:160px; border-left:1px solid #ebebeb;}
#gnb_menu_inner ul#sub_3 {width:128px; height:160px; border-left:1px solid #ebebeb;}
#gnb_menu_inner ul#sub_4 {width:127px; height:160px; border-left:1px solid #ebebeb;}
#gnb_menu_inner ul#sub_5 {width:129px; height:160px; border-left:1px solid #ebebeb;}

#gnb_menu_inner ul#sub_0 li {padding:0;}

/* snb */
#snb .form {}
#snb .form h2 {padding:28px 0; border-bottom:1px solid #e1e1e1; text-align:center;}
#snb .form ul {font-size:14px;}
#snb .form ul li {line-height:2.7; border-bottom:1px solid #e1e1e1;}
#snb .form ul li a {display:block; width:155px; margin:0 auto;}
#snb .form ul li a:hover {color:#ff6000; background:url("../images/common/snb_bullet_on.gif") no-repeat right 12px; text-decoration:none;}
#snb .form ul li a.on {color:#ff6000; background:url("../images/common/snb_bullet_on.gif") no-repeat right 12px; text-decoration:none;}
#snb .banner1 {position:relative;margin-top:68px; padding-left:10px;/*text-align:center;*/width:165px;height:90px;background:url(../images/main/img_help3.png) no-repeat right 0;background-size:50px auto;letter-spacing:-0.05em;}
#snb .banner1 .title {font-size:16px;font-weight:bold;color:#876c01;padding:15px 0 10px 0;}
#snb .banner1 .info {}
#snb .banner1 .info dl {font-size:0;}
#snb .banner1 .info dt {display:inline-block;font-size:12px;color:#888;padding-right:10px;line-height:20px;height:20px;vertical-align:middle;}
#snb .banner1 .info dd {display:inline-block;font-size:12px;color:#333;line-height:20px;height:20px;vertical-align:middle;}
#snb .banner1 .info .tel a:link, 
#snb .banner1 .info .tel a:visited, 
#snb .banner1 .info .tel a:hover, 
#snb .banner1 .info .tel a:active {font-size:16px;font-weight:bold;color:#f43e5f;text-decoration:none;}
#snb .banner2 {margin-top:13px; margin-left:60px;}


/* location*/
#location>p {float:right; color:#666; font-size:11px; padding-top:3px;}
#location>p>span {font-size:8px; padding-left:2px; padding-right:2px;}
#location h3 {float:left;}


/* footer */
#footer .footer_in {position:relative; width:1000px; margin:0 auto;}
#footer .footer_in .logo {position:absolute; top:25px; left:8px;}
#footer .footer_in .address {position:absolute; top:20px; left:190px; font-size:11px; line-height:20px;}
#footer .footer_in .address li {color:#333;}
#footer .footer_in .address li.copyright {color:#888;}


/* MAIN_CONTENTS */
#m_slogan .slogan1 {position:absolute; top:70px; left:300px;}
#m_slogan .slogan2 {position:absolute; top:155px; right:250px;}

#m_contents>div>h3 {height:37px;}
#m_contents .notice {width:350px; margin-right:50px; position:relative; float:left;}
#m_contents .notice>a.more {position:absolute; right:0; top:0}
#m_contents .notice>ul>li {background:url("../images/main/bul_01.gif") no-repeat 0 8px; overflow:hidden; line-height:20px; padding:0 0 1px 10px;}
#m_contents .notice>ul>li>a {float:left; width:270px;}
#m_contents .notice>ul>li>em {float:right; font:11px/20px Tahoma; color:#999;}

#m_contents .service {width:305px; margin-right:50px; float:left;}
#m_contents .service>ul {height:110px; overflow:hidden;}
#m_contents .service>ul>li {float:left;}
#m_contents .service>ul>li>a {display:block; height:110px; background:url("../images/main/img_service.png") no-repeat;}
#m_contents .service>ul>li.service1>a {width:105px; background-position:0 0}
#m_contents .service>ul>li.service2>a {width:100px; background-position:-105px 0}
#m_contents .service>ul>li.service3>a {width:100px; background-position:-205px 0}

#m_contents .service>ul>li.service1>a:hover {background-position:0 -110px}
#m_contents .service>ul>li.service2>a:hover {background-position:-105px -110px}
#m_contents .service>ul>li.service3>a:hover {background-position:-205px -110px}

#m_contents .help {position:relative; width:245px; float:left;}
#m_contents .help>p {position:absolute; z-index:1;}
#m_contents .help>a {position:absolute; display:block; top:106px; left:54px; z-index:2;}
#m_contents .help .info {width:245px;height:70px;background:url(../images/main/img_help3.png) no-repeat right 0;letter-spacing:-0.05em;}
#m_contents .help .info dl {font-size:0;}
#m_contents .help .info dt {display:inline-block;font-size:13px;color:#888;padding-right:10px;line-height:30px;height:30px;vertical-align:middle;}
#m_contents .help .info dd {display:inline-block;font-size:13px;color:#333;line-height:30px;height:30px;vertical-align:middle;}
#m_contents .help .info .tel a:link, 
#m_contents .help .info .tel a:visited, 
#m_contents .help .info .tel a:hover, 
#m_contents .help .info .tel a:active {font-size:18px;font-weight:bold;color:#f43e5f;text-decoration:none;}


/* SUB_CONTENTS */
#slogan .slogan1 {position:absolute; top:58px; left:330px;}
#slogan .slogan2 {position:absolute; top:86px; left:450px;}