﻿/*
beautiful-css.com
프론트엔드 개발자 [ Front End Developer ]
박 현승 [ Park Hyun Seung ]
ceo@beautiful-css.com
010-8544-9485
HTML5, CSS3, 씨맨틱 웹표준 마크업, 웹접근성, 크로스브라우징(C, FF, S, O, IE9, IE8, IE7) 더 이상 IE6은 하지 않습니다.
자바스크립트, 제이쿼리, 제이쿼리모바일, 웹앱, UI 개발 및 오픈소스 제작, PHP.
[ HTML5, CSS3, Semantic Web Standard Markup, Web Accessibility, Cross Browsing(C, FF, S, O, IE9, IE8, IE7) no more anymore IE6. 
JavaScript, jQuery, jQuery Mobile, Web App, making UI, Open Source Distribution, PHP ]

책임감을 가지고 작업을 합니다.
[ Great power comes with Great responsibility ]
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,input,textarea{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
th,td,input{vertical-align:middle;}
.b-css_sprite{background-image:url(img/b-css_sprite.png);}
a.b-css_sprite,span.b-css_sprite{display:inline-block;}
input[type="button"]{cursor:pointer;}

.C{clear:both!important;overflow:hidden!important;zoom:1!important}.L{float:left}.R{float:right}.CSP{cursor:pointer}.PR{position:relative}.PA{position:absolute}.PF{position:fixed}.DPN{display:none}.DPB{display:block}.DPI{display:inline}.DPIB{display:inline-block}.OFH{overflow:hidden}.OFA{overflow:auto}.OFS{overflow:scroll}.FWN{font-weight:400}.FWB{font-weight:700}.TAC{text-align:center}.TAL{text-align:left}.TAR{text-align:right}.VAT{vertical-align:top}.VAM{vertical-align:middle}.VAB{vertical-align:bottom}.ULL > li{float:left;}.ULR > li{float:right;}

body.if_main{}
body.if_submain{}

#header{height:30px;background:#ee2e24;text-align:right;}

#left_menu{width:410px;top:30px;left:0;position:absolute;background: url(../img/n_navi_repeat.gif) 0 0 repeat-y;}
#left_menu.if_main{width:160px;overflow:hidden;}

#navigation > li > a{width:160px;height:50px;background-image:url(../img/n_navi_one.gif);display:inline-block;zoom:1;*display:inline;}
.navi_one_1{background-position:0 0;}
.navi_one_1:hover,.navi_one_1.on{background-position:-160px 0;}
.navi_one_2{background-position:0 -50px;}
.navi_one_2:hover,.navi_one_2.on{background-position:-160px -50px;}
.navi_one_3{background-position:0 -100px;}
.navi_one_3:hover,.navi_one_3.on{background-position:-160px -100px;}
.navi_one_4{background-position:0 -150px;}
.navi_one_4:hover,.navi_one_4.on{background-position:-160px -150px;}

.navi_two{position:absolute;left:160px;top:0;bottom:0;background:#fff url(../img/n_navi_repeat_2.gif) 0 0 repeat-y;z-index:100;}
.navi_two > li > a{width:250px;height:65px;display:inline-block;zoom:1;*display:inline;}

#navi_two_b,#navi_two_c,#navi_two_d{display:none;}
#navi_two_a > li > a{background-image:url(../img/n_navi_two_a.gif);}
.navi_two_a_01{background-position:0 -1px;}
.navi_two_a_01:hover,.navi_two_a_01.on{background-position:-250px -1px;}
.navi_two_a_02{background-position:0 -66px;}
.navi_two_a_02:hover,.navi_two_a_02.on{background-position:-250px -66px;}
.navi_two_a_03{background-position:0 -131px;}
.navi_two_a_03:hover,.navi_two_a_03.on{background-position:-250px -131px;}
.navi_two_a_04{background-position:0 -196px;}
.navi_two_a_04:hover,.navi_two_a_04.on{background-position:-250px -196px;}
.navi_two_a_05{background-position:0 -261px;}
.navi_two_a_05:hover,.navi_two_a_05.on{background-position:-250px -261px;}
.navi_two_a_06{background-position:0 -326px;}
.navi_two_a_06:hover,.navi_two_a_06.on{background-position:-250px -326px;}
#navi_two_b > li > a{background-image:url(../img/n_navi_two_b.gif);}
.navi_two_b_01{background-position:0 -1px;}
.navi_two_b_01:hover,.navi_two_b_01.on{background-position:-250px -1px;}
.navi_two_b_02{background-position:0 -66px;}
.navi_two_b_02:hover,.navi_two_b_02.on{background-position:-250px -66px;}
.navi_two_b_03{background-position:0 -131px;}
.navi_two_b_03:hover,.navi_two_b_03.on{background-position:-250px -131px;}
#navi_two_c > li > a{background-image:url(../img/n_navi_two_c.gif);}
.navi_two_c_01{background-position:0 -1px;}
.navi_two_c_01:hover,.navi_two_c_01.on{background-position:-250px -1px;}
.navi_two_c_02{background-position:0 -66px;}
.navi_two_c_02:hover,.navi_two_c_02.on{background-position:-250px -66px;}
.navi_two_c_03{background-position:0 -131px;}
.navi_two_c_03:hover,.navi_two_c_03.on{background-position:-250px -131px;}
#navi_two_d > li > a{background-image:url(../img/n_navi_two_d.gif);}
.navi_two_d_01{background-position:0 -1px;}
.navi_two_d_01:hover,.navi_two_d_01.on{background-position:-250px -1px;}
.navi_two_d_02{background-position:0 -66px;}
.navi_two_d_02:hover,.navi_two_d_02.on{background-position:-250px -66px;}
.navi_two_d_03{background-position:0 -131px;}
.navi_two_d_03:hover,.navi_two_d_03.on{background-position:-250px -131px;}
.navi_two_d_04{background-position:0 -196px;}
.navi_two_d_04:hover,.navi_two_d_04.on{background-position:-250px -196px;}
.navi_two_d_05{background-position:0 -261px;}
.navi_two_d_05:hover,.navi_two_d_05.on{background-position:-250px -261px;}

.navi_three{display:none; overflow:hidden;}
.navi_three li{display:inline; float:left;}
.navi_three > li > a{background-image:url(../img/n_left_3depth.gif);width:125px;height:24px;display:inline-block;zoom:1;*display:inline;}
.navi_three_01{background-position:0 0;}
.navi_three_01:hover,.navi_three_01.on{background-position:0 -24px;}
.navi_three_02{background-position:-125px 0;}
.navi_three_02:hover,.navi_three_02.on{background-position:-125px -24px;}
.navi_three_03{background-position:0 -48px;}
.navi_three_03:hover,.navi_three_03.on{background-position:0 -72px;}
.navi_three_04{background-position:-125px -48px;}
.navi_three_04:hover,.navi_three_04.on{background-position:-125px -72px;}
.navi_three_05{background-position:0 -97px;width:250px !important;}
.navi_three_05:hover,.navi_three_05.on{background-position:0 -122px;}
.navi_three_06{background-position:0 -144px;}
.navi_three_06:hover,.navi_three_06.on{background-position:0 -168px;}
.navi_three_07{background-position:-125px -144px;}
.navi_three_07:hover,.navi_three_07.on{background-position:-125px -168px;}
.navi_three_08{background-position:0 -192px;}
.navi_three_08:hover,.navi_three_08.on{background-position:0 -216px;}
.navi_three_09{background-position:-125px -192px;}
.navi_three_09:hover,.navi_three_09.on{background-position:-125px -216px;}
.navi_three_10{background-position:0 -240px;}
.navi_three_10:hover,.navi_three_10.on{background-position:0 -264px;}
.navi_three_11{background-position:-125px -240px;}
.navi_three_11:hover,.navi_three_11.on{background-position:-125px -264px;}
.navi_three_12{background-position:0 -288px;width:250px !important;}
.navi_three_12:hover,.navi_three_12.on{background-position:0 -312px;}
.navi_three_13{background-position:0 -336px;width:151px !important;}
.navi_three_13:hover,.navi_three_13.on{background-position:0 -360px;}
.navi_three_14{background-position:-151px -336px;width:99px !important;}
.navi_three_14:hover,.navi_three_14.on{background-position:-151px -360px;}
.navi_three_15{background-position:0 -385px;}
.navi_three_15:hover,.navi_three_15.on{background-position:0 -409px;}
.navi_three_16{background-position:-125px -385px;}
.navi_three_16:hover,.navi_three_16.on{background-position:-125px -409px;}
.navi_three_17{background-position:0 -433px;}
.navi_three_17:hover,.navi_three_17.on{background-position:0 -457px;}
.navi_three_18{background-position:-125px -433px;}
.navi_three_18:hover,.navi_three_18.on{background-position:-125px -457px;}

.navi_three_19{background-position:0 -481px;width:250px !important;}
.navi_three_19:hover,.navi_three_19.on{background-position:0 -505px;}
.navi_three_20{background-position:0 -528px;}
.navi_three_20:hover,.navi_three_20.on{background-position:0 -552px;}
.navi_three_21{background-position:-125px -528px;}
.navi_three_21:hover,.navi_three_21.on{background-position:-125px -552px;}

.navi_three_22{background-position:0 -576px;}
.navi_three_22:hover,.navi_three_22.on{background-position:0 -600px;}
.navi_three_23{background-position:-125px -576px;}
.navi_three_23:hover,.navi_three_23.on{background-position:-125px -600px;}
.navi_three_24{background-position:0 -624px;}
.navi_three_24:hover,.navi_three_24.on{background-position:0 -649px;}
.navi_three_25{background-position:-125px -624px;}
.navi_three_25:hover,.navi_three_25.on{background-position:-125px -649px;}
.navi_three_26{background-position:-170px -625px;width:79px !important}
.navi_three_26:hover,.navi_three_26.on{background-position:-170px -649px;}

#content_bg.if_main{margin:0;padding:0;width:100%;}
#content_bg.if_main span{display:none;}
#content_bg.if_main img{width:100%; min-width:1570px;}
#content_bg{margin-left:160px;padding-left:30px; width:1698px; display:inline-block;}
#content_bg.sub_main{padding-left:0;}
.sub_main_content{left:250px;top:180px;width:840px;height:510px;overflow:hidden;}
.content_title{padding:20px 0;border-bottom:1px solid #e5e5e5;margin-bottom:20px;overflow:hidden;}
.content_title .R{color:#888;font-size:12px;margin-top:20px;}

#content.if_main{margin:0;padding:0;width:100%; height:730px; }
#content.if_main span{display:none;}
#content.if_main img{width:100%; min-width:1570px;}
#content{margin-left:410px;padding-left:30px; width:810px; display:inline-block;}
#content.sub_main{padding-left:0;}
.sub_main_content{left:250px;top:180px;width:840px;height:510px;overflow:hidden;}
.content_title{padding:20px 0;border-bottom:1px solid #e5e5e5;margin-bottom:20px;overflow:hidden;}
.content_title .R{color:#888;font-size:12px;margin-top:20px;}

#footer{padding-left:427px;height:84px;border-top:1px solid #d7d7d7;padding-top:16px;}
#footer > div{width:800px;}
#footer.if_main{padding-left:0;}
#footer.if_main > div{width:800px;margin:0 auto;}
#footer a:hover {text-decoration:none;}

#aside{width:190px;position:absolute;top:30px;bottom:0;right:0;background:url(../img/n_main_right_repeat.gif) left top repeat-y;}
#aside div{background:url(../img/n_main_right_repeat_1.gif) left top repeat-y;padding:5px 0;padding-left:10px;}
#aside div a{display:block;line-height:1.6;font-family: Tahoma,"돋움";font-size: 9pt;color:#3f3f3f;font-weight:bold;}

.recru_01{position:absolute;top:0;right:0;}

.table_01,.table_02{width:95%;margin:0 0 20px 20px;}
.table_01 th,.table_01 td{border:1px solid #DEDEDE;}
.table_01 th{font-size:8pt;font-family:"돋움";padding:6px 0;text-align: center;color:#484848;background:#F1F1F1;}
.table_01 .td_01{color:#ee2e24;font-weight: bold;}
.table_01 td{padding: 3px 0;font-size: 8pt;font-family: "돋움";text-align: center;}

.MB_40{margin-bottom:40px;}
.MB_20{margin-bottom:20px !important;}

.table_02 th{font-size:8pt;font-family:"돋움";padding:7px 0;text-align:center;color:#ee2e24;background:#fae9e9;border-top:2px solid #fa7a71;border-bottom:1px solid #fa7a71;border-bottom: 1px solid #fa7a71;width:33.3%;}
.table_02 td {font-size: 8pt;font-family:"돋움";padding:7px 0;text-align:center;border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7;line-height:1.5;}
.table_02 .left{text-align:left;padding:10px;vertical-align:top;}

.table_02.table_03 th{width:50%;}
.table_03 span{color:#ee2e24;font-weight:bold;line-height:34px;}
.table_03 td{vertical-align:middle;padding:20px 0;}

.table_04{margin-left:20px;line-height:1.6;font-family:Tahoma,"돋움";font-size: 9pt;color:#3F3F3F;}
.table_04 a{color: #3F3F3F;text-decoration:underline;}

.table_10{width:100%;border:1px solid #DEDEDE;line-height:1.6;margin-bottom:5px;}
.table_10 th{font-size:8pt;font-family: "돋움";padding:10px 0;text-align:center;color:#484848;background:#F1F1F1;border:1px solid #DEDEDE;width:20%;}
.table_10 td{font-size:8pt;color:#ee2e24;font-family: "돋움";padding: 10px 0 10px 10px;text-align: left;border:1px solid #DEDEDE;width:77%;}
.table_10 input,.table_10 textarea{border:1px solid #DEDEDE;width:448px;}
.table_10 textarea{height:200px;}
.table_10 input{height:20px;}

.table_10 span{float:left; width:390px;border:1px solid #C6C6C6;padding:0px;height:19px;margin-bottom:5px;}
.table_10 button{float:left;margin-top:-1px;}

.input_01{width:60px !important;}
.input_02{width:100px !important;}
.input_03{width:130px !important;}

caption{text-indent:-800%;}

.MB_60{margin-bottom:60px;}

.sub_visual {min-width:1698px;}


#bg {width:100%; background:url('/img/bg_subcontent.jpg') 160px 0 no-repeat;}

.clearfix .company1b_1 ul {margin-bottom:30px; }
.clearfix .company1b_2 {margin-top:20px;}

.pt0 {padding-top:0px !important;}.pt5 {padding-top:5px !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;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt55 {padding-top:55px !important;}.pt60 {padding-top:60px !important;}.pt65 {padding-top:65px !important;}.pt70 {padding-top:70px !important;}.pt75 {padding-top:75px !important;}.pt80 {padding-top:80px !important;}.pt85 {padding-top:85px !important;}.pt90 {padding-top:90px !important;}.pt95 {padding-top:95px !important;}.pt100 {padding-top:100px !important;}
.pr0 {padding-right:0px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr17 {padding-right:17px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr55 {padding-right:55px !important;}.pr60 {padding-right:60px !important;}.pr65 {padding-right:65px !important;}.pr70 {padding-right:70px !important;}.pr75 {padding-right:75px !important;}.pr80 {padding-right:80px !important;}.pr85 {padding-right:85px !important;}.pr90 {padding-right:90px !important;}.pr95 {padding-right:95px !important;}.pr100 {padding-right:100px !important;}
.pb0 {padding-bottom:0px !important;}.pb5 {padding-bottom:5px !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;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb55 {padding-bottom:55px !important;}.pb60 {padding-bottom:60px !important;}.pb65 {padding-bottom:65px !important;}.pb70 {padding-bottom:70px !important;}.pb75 {padding-bottom:75px !important;}.pb80 {padding-bottom:80px !important;}.pb85 {padding-bottom:85px !important;}.pb90 {padding-bottom:90px !important;}.pb95 {padding-bottom:95px !important;}.pb100 {padding-bottom:100px !important;}
.pl0 {padding-left:0px !important;}.pl5 {padding-left:5px !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;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl55 {padding-left:55px !important;}.pl60 {padding-left:60px !important;}.pl65 {padding-left:65px !important;}.pl70 {padding-left:70px !important;}.pl75 {padding-left:75px !important;}.pl80 {padding-left:80px !important;}.pl85 {padding-left:85px !important;}.pl90 {padding-left:90px !important;}.pl95 {padding-left:95px !important;}.pl100 {padding-left:100px !important;}
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !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;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}.mt90 {margin-top:90px !important;}.mt95 {margin-top:95px !important;}.mt100 {margin-top:100px !important;}
.mr0 {margin-right:0px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr55 {margin-right:55px !important;}.mr60 {margin-right:60px !important;}.mr65 {margin-right:65px !important;}.mr70 {margin-right:70px !important;}.mr75 {margin-right:75px !important;}.mr80 {margin-right:80px !important;}.mr85 {margin-right:85px !important;}.mr90 {margin-right:90px !important;}.mr95 {margin-right:95px !important;}.mr100 {margin-right:100px !important;}
.mb0 {margin-bottom:0px !important;}.mb5 {margin-bottom:5px !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;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml55 {margin-left:55px !important;}.ml60 {margin-left:60px !important;}.ml65 {margin-left:65px !important;}.ml70 {margin-left:70px !important;}.ml75 {margin-left:75px !important;}.ml80 {margin-left:80px !important;}.ml85 {margin-left:85px !important;}.ml90 {margin-left:90px !important;}.ml95 {margin-left:95px !important;}.ml100 {margin-left:100px !important;}