@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Nosifer|Vollkorn:400,700|Roboto);
@import url('common.css');

body{}

#wrapper{width:100%;}
#header{height:80px; border-bottom:2px solid #fe800c; }
#header .header_wrap{width:980px; margin:0 auto; overflow:hidden; padding-top:30px;}
#header .header_wrap h1{float:left;}
#header .utile_menu{float:right; height:12px; padding:7px 0 0;}
#header .utile_menu li{float:left; padding-left:6px; background:url(../images/main/utile_line.gif) no-repeat 0 2px; }
#header .utile_menu li img {vertical-align:top;}
.first{padding-right:6px;}

.gnb_navi{width:580px; padding-top:5px; padding-left:190px; float:left;}
.gnb_navi:after {content:""; display:block; clear:both; }
.m1{margin:0 0 0 0px; float:left;}
.m2{margin:0 0 0 58px ;float:left;}
.m3{margin:0 0 0 58px ;float:left;}
.m4{margin:0 0 0 58px ;float:left;}
.m5{margin:0 0 0 58px ;float:left;}
.m6{margin:0 0 0 58px; float:left;}
.m1 a{display:inline-block; width:58px; background:url(/index/images/main/menu_01.gif) no-repeat 0px 0px; height:16px; text-indent:-5000px;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.m2 a{display:inline-block; width:59px; background:url(/index/images/main/menu_02.gif) no-repeat 0px 0px; height:16px; text-indent:-5000px;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.m3 a{display:inline-block; width:105px; background:url(/index/images/main/menu_03.gif) no-repeat 0px 0px; height:16px; text-indent:-5000px;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.m4 a{display:inline-block; width:59px; background:url(/index/images/main/menu_04.gif) no-repeat 0px 0px; height:16px; text-indent:-5000px;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.m5 a{display:inline-block; width:59px; background:url(/index/images/main/menu_05.gif) no-repeat 0px 0px; height:16px; text-indent:-5000px;*text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.gnb_navi .active a { background-position:0 -16px; } 
.gnb_navi a:hover { background-position:0 -16px;  } 

.gnb_navi_open{width:980px; position:absolute; top:65px; z-index:1; clear:both;}
.open_menu{width:960px; margin:0 auto; }
.open_menu ul li {overflow:hidden;} 
.open_menu ul li a:hover img,
.open_menu ul li img.active { /* margin-top: 0; */ } /* Ãß°¡ */
.menu_m1{float:left; margin-left:255px;background:#fe7f0c; display:none;}
.menu_m1 li{float:left; background:url(/index/images/main/memu_line.gif) no-repeat 0px 12px;}
.menu_m2{float:left; margin-left:370px; background:#fe7f0c; display:none;}
.menu_m2 li{float:left;background:url(/index/images/main/memu_line.gif) no-repeat 0px 12px;}
.menu_m3{float:left; margin-left:360px; background:#fe7f0c; display:none;}
.menu_m3 li{float:left;  background:url(/index/images/main/memu_line.gif) no-repeat 0px 12px;}
.menu_m4{float:left; margin-left:650px; background:#fe7f0c; display:none;}
.menu_m4 li{float:left;  background:url(/index/images/main/memu_line.gif) no-repeat 0px 12px;}
.menu_m5{float:left; margin-left:715px; background:#fe7f0c; display:none;}
.menu_m5 li{float:left; background:url(/index/images/main/memu_line.gif) no-repeat 0px 12px;}
.open_menu .activeMenu {display:block; }

#visual{height:480px; position:relative;background:url(/index/images/main/visual_bg.jpg) no-repeat; width:100%;background-position:center;}
#visual .v_title{width:980px; margin:0 auto; height:480px;   }
.v_txt{padding-top:80px;}
.v_txt .txt2{padding-top:15px;}

.visual_btn{}
.visual_btn ul {padding-top:20px;}
.visual_btn ul li{float:left; padding-right:17px;}

#content{}
.cont_top{border-bottom:1px solid #dbdbdb}
.cont_wrap{width:980px; margin:0 auto; padding:19px 0 38px 0; letter-spacing:-0.25px;}

.notice{float:left;width:470px;}
.notice h2{float:left; padding-right:24px;}
.notice ul {float:right; width:375px; margin-right:10px; margin-top:3px;}
.notice ul li {overflow:hidden;}
.notice ul li a {float:left; font-family:'µ¸¿ò',Dotum; font-size:12px;}
.notice ul li span{float:right; font-size:12px; font-family:'µ¸¿ò',Dotum; }

.voice{float:right; width:480px; padding-left:0px;}
.voice h2{float:left; padding-right:24px;}
.voice ul {float:right; width:375px; margin-top:3px;}
.voice ul li {overflow:hidden;}
.voice ul li a {float:left; font-family:'µ¸¿ò',Dotum; font-size:12px;}
.voice ul li span{float:right; font-size:12px; font-family:'µ¸¿ò',Dotum; }

.cont_wrap2{width:980px; margin:0 auto; padding:30px 0 20px 0; overflow:hidden}
.cont_wrap2 p{padding-top:16px; padding-bottom:25px;}

.advice{float:left; width:324px; background:url(../images/main/advice_bg.jpg) no-repeat 180px 25px;}
.buy{float:left; width:280px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:url('/index/images/main/buy_bg.jpg') no-repeat 215px 20px; padding:0px 40px;}
.coustom{float:right; width:250px; background:url(../images/main/coustom_bg.jpg) no-repeat 170px 20px;}

#footer{clear:both; background:#303437; height:125px; letter-spacing:-0.5px;}
.footer_wrap{width:980px; margin:0 auto;}
.footer_wrap .f_logo{float:left; padding-top:50px; padding-right:30px;}
.addres{float:left; padding:25px; font-size:11px;}
.addres p{padding-top:5px;}
.addres .copy{padding-top:10px;}


#sub_visual{height:179px; background:url(../images/sub/sub_visual_bg.jpg) no-repeat; position:relative; width:100%;background-position:center;}
#sub_visual .s_v_title{width:980px; margin:0 auto;}
.s_v_txt{padding-top:60px;}
.s_v_txt .s_txt2{padding-top:10px;}

.locationarea{height:42px; background:#f3f3ed; border-top:1px solid #d1d1cc; border-bottom:1px solid #d1d1cc; font-size:14px;}
.location {width:980px; height:100%; margin:0 auto;}
.location a {display:block; float:left; height:27px; padding:15px 24px 0; border-left:1px solid #d1d1cc;}
.location .current {position:relative; float:left; background:#ff810d; }
.location .current a {border-right:1px solid #ccc;}
.location .current a span {display:inline-block; padding-right:15px; background:url('/index/images/sub/location_arrow.png') no-repeat 100% 5px; text-decoration:underline; color:#fff;}
.location .current a.active {/*border-color:#999;*/}
.location .current a.active span {background-position:100% -12px;}
.location .current a:hover span, .location .current a:focus span, .location .current a:active span {}
.location .current .other {position:absolute; top:42px; left:0; right:0; background:#fff; border:1px solid #d1d1cc}
.location .current .other a {border:0; float:none; height:auto; padding:10px;}
.location .current .other a.active {background:#ff810d; color:#fff;}
.location .home{background:url('/index/images/sub/location_home.png') no-repeat 50% 50%; text-indent:-5000px;}

.titlearea{width:980px; margin:0 auto;}
.titlearea h3{padding:50px 0 2px 0;}
.titlearea p{padding-top:3px;}

#content_body{width:980px; margin:0 auto; padding-bottom:100px; font-size:13px; overflow:hidden;}
#content_body h3{font-size:22px; color:#303437; padding-top:40px;}
#content_body h4{font-size:22px; color:#303437; padding-top:80px; }
#content_body h5{font-size:20px; color:#555; padding-top:30px; }
.pb20{padding-bottom:25px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pt30{padding-top:30px;}
.pt15{padding-top:15px;}

.inbox{overflow:hidden; padding-top:32px;}
.inbox dl {float:left; width:160px; padding-left:45px;}
.inbox dl dt{font-size:17px; font-weight:bold; padding-bottom:16px;}
.inbox dl dt .num{color:#ff5a00;}
.inbox dl dd{padding-bottom:23px; line-height:20px;}


.define_01{overflow:hidden; padding-top:15px; }
.define_01 dl {width:100%; }
.define_01 dt{font-size:16px; width:124px;  float:left;  font-weight:bold; color:#415b00;  padding:43px 0 40px 40px; background:#c8e08e;}
.define_01 dd{float:right; height:69px; line-height:20px; width:735px; background:#f4f4f4; padding:21px 35px 12px 35px;}

.define_02{overflow:hidden; padding-top:5px; }
.define_02 dt{font-size:16px; width:124px;  float:left;  font-weight:bold; color:#626300;  padding:32px 0 32px 40px; background:#ecee59;}
.define_02 dd{float:right; height:50px; line-height:20px; width:735px; background:#f4f4f4; padding:22px 35px 11px 35px;}

.define_03{overflow:hidden; padding-top:5px; }
.define_03 dt{font-size:16px; width:124px;  float:left;  font-weight:bold; color:#aa5201; padding:21px 0 21px 40px; background:#f0a662;}
.define_03 dd{float:right; height:28px; line-height:20px; width:735px; background:#f4f4f4; padding:20px 35px 13px 35px;}

.busi_left{float:left; padding-right:30px; padding-top:10px;}
.busi_box{overflow:hidden;}
.busi_box h1{font-size:17px; color:#303437; background:url('/index/images/sub/line_bg.gif') no-repeat 0 0; padding-top:10px;}
.busi_box dl {width:580px; line-height:24px;}
.busi_box dl dt{font-size:14px; font-weight:bold; color:#545454;}
.busi_box dl dd{padding-bottom:18px;}
.red{color:#fe2400; font-weight:bold;}

.tbl_left{float:left; width:470px; text-align:center; }
.icon{background:url('/index/images/sub/icon_bg.gif') no-repeat 0 10px; padding-left:10px;}
.tbl_left img{ }
.tbl_right{float:right; width:470px; text-align:center; }


.com_01{}
.com_01 .com_img{float:left; }
.com_txt{float:right;width:645px; padding-right:30px; line-height:20px;}
.com_txt img{padding-bottom:20px;}
.com_txt p{padding-bottom:27px;}

.busi_02{background:url('/index/images/sub/busi_02_cont_bg.gif') no-repeat 100% 0px;}
.busi_02 p{padding-top:7px; line-height:20px;}
.busi_02 img{padding-top:25px;}

.ser_03{background:url('/index/images/sub/ser_03_cont_bg.gif') no-repeat 100% 0px;}
.ser_03 p{padding-top:7px; line-height:20px;}
.ser_03 img{padding-top:25px;}




/*table*/
.tbl_01{width:100%; border-top:2px solid #79aa02; line-height:40px; }
.tbl_01 th{background:#f2f2f2; border-bottom:1px solid #dbdbdb; color:#434343;}
.tbl_01 td{border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding-left:20px;}
/*table*/

/*table*/
.tbl_02{width:100%; margin:15px 0 0 0;}
.tbl_02 thead th{background:#404347; color:#fff;line-height:40px; font-size:14px;}
.tbl_02 tbody th{border-bottom:1px solid #dbdbdb; font-size:14px; font-weight:bold; color:#474a4d;}
.tbl_02 tbody td{border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding-left:20px; line-height:22px; padding:15px 0 15px 20px; font-size:13px;}
/*table*/

/*table*/
.tbl_03{width:100%; border-top:2px solid #dbdbdb; line-height:24px; margin:15px 0 0 0; }
.tbl_03 th{border-bottom:1px solid #666666; border-top:2px solid #666666; color:#303437; font-size:17px; font-weight:bold; }
.tbl_03 td{border-bottom:1px solid #dbdbdb; padding:15px 20px; text-align:left;}
/*table*/

/*table*/
.tbl_step{width:100%; border-top:2px solid #79aa02; line-height:40px; }
.tbl_step thead th{border-bottom:1px solid #dbdbdb;font-size:16px; color:#415b00;border-right:1px solid #dbdbdb;}
.tbl_step tbody th{border-right:1px solid #dbdbdb; color:#404347;}
.tbl_step tbody td{text-align:center; line-height:24px; padding:14px 0; border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb; color:#555; }
.tbl_step tbody td .arrow{display:block; widht:16px; height:26px; overflow:hidden; text-indent:-5000px; background:url('/index/images/sub/arrow.png') no-repeat 50% 5px; line-height:16px;}
.tbl_step .color_01{background:#fcfaf1;}
.tbl_step .color_02{background:#f8f3d9}
.tbl_step .color_03{background:#f5f0cd;}
.tbl_step .br_n{border-right:none;}
/*table*/


/* ¿Â¶óÀλó´ã CSS */
#online_form td{ border-bottom:1px solid #DBDBDB; }
#online_form {border-top:2px solid #404347; } 
#online_form th{border-bottom:1px solid #DBDBDB; background:#f2f2f2; color:#434343}
#online_form span{color:#fe7f0c;}