

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*
@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('/inc/NanumGothic.eot'); 
  src: local('☺'), url('/inc/NanumGothic.woff') format('woff'); 
}*/
html, body, td, div, input, span, li, dt, dd, em , a, th, table,p, h3, h4, h5, h2, h1 { font-family: 'Nanum Gothic';}
tspan { font-family: 'Dotum';}

#gnbheader, #gnbbody,#gnbbodyflash, #gnbfooter {float:left; position:relative; display:block;width:100%;height:auto;min-height:119px; clear:both;}
#gnbheader {z-index:1000;}
#gnbheader .backbody {float:left; position:absolute; display:block;width:100%;height:auto;clear:both;min-height:119px; background-image:url(../images/layout/header/top_bg.jpg);background-repeat:repeat-x;z-index:100000; }
#gnbheader .sub_gnb { float:left; position:absolute; display:block;width:100%;height:170px;margin-top:-119px; background-image:url(../images/layout/header/sub_gnb.jpg);background-repeat:repeat-x;z-index:10000;background-position:center top; }
.body { float:left;position:relative; display:block;width:1004px;height:auto;min-height:105px; clear:both;text-align:left;margin:auto;;}
center {position:relative; display:block;width:1004px;height:auto; clear:both;text-align:left;margin:auto;}
.mainitem { width:1024px; }
.input {height:22px;border:1px #d9d9d9 solid;padding-left:4px;vertical-align:top;padding-top:2px;color:#555555;}
.input:hover { background-color:#f7f7ff}
.input_g {width:80px;height:20px;border:1px #d9d9d9 solid;padding-left:2px;color:#555555;}
.input_w {width:80px;height:20px;border:0;padding-left:2px;color:#555555;}
textarea {padding-left:2px;color:#555555;}
.input_g:hover { background-color:#f7f7ff}
.input_s {border:1px #d9d9d9 solid;color:#555555;height:22px;}
/*.highcharts-tooltip{width:200px;}*/
/* header */
#gnbheader .backbody .body {margin-top:14px;background-image:url(../images/layout/header/top_bg2.jpg);background-repeat:repeat-x; }
.header dl, .header dt, .header dd { float:left; position:relative; display:block;width:100%;height:auto; }
.header dt {height:61px;}
.header .logo {float:left; position:relative; }
.header .enghome {float:right; position:relative;margin-top:5px; }
.header ul { float:left; position:relative; display:block;width:100%;height:auto;margin-top:5px; }
.header li { float:left; position:relative; display:block;height:auto;text-align:center;  }
.sub_gnb ul { float:left; position:relative; display:block;width:100%;height:auto;margin-top:12px;z-index:10000; }
/*.main li { width:270px; }*/
.sub_gnb li {  float:left;padding-left:25px;position:relative; display:block;height:auto;min-height:148px;text-align:left;z-index:10000; }
.sub1 {width:220px;}
.sub2 { width:212px;}
.sub3 { width:300px;}

.mb36 {margin-bottom:36px;}
.mb20 {margin-bottom:20px;}
.mt100 {margin-top:100px;}
.mt85 {margin-top:85px;}
.mt80 {margin-top:80px;}
.mt50 {margin-top:50px;}
.mt48 {margin-top:48px;}
.mt36 {margin-top:36px;}
.mt30 {margin-top:30px;}
.mt26 {margin-top:26px;}
.mt20 {margin-top:20px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mb70 {margin-bottom:70px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.ml20 {margin-left:20px;}
.ml10 {margin-left:10px;}
.ml5 {margin-left:5px;}
.fs17 { font-size:17px; }
.fs16 { font-size:16px; }
.fs15 { font-size:15px; }
.fs14 { font-size:14px; }
.fs13 { font-size:13px; }
.fs12 { font-size:12px; }
.fs11 { font-size:11px; }
.fc00a0b0 { color:#00a0b0; }
.fc676666 { color:#676666; }
.fb { font-weight:bold; }
.rb { border-right:1px #e5e5e5 solid; }
textarea {width:100%;margin-top:10px;border:1px #dbdbdb solid;height:190px;text-align:left;}
.close { float:right; position:relative; display:block;width:59px;height:19px;margin-top:-10px;margin-right:147px;cursor:pointer; }
/* header */

/* main */
#gnbbody.sub {background-image:url(../images/layout/body/sub_main_bg.jpg);background-repeat:repeat-x;}
#gnbbody.gnbbody { background-color:#f9f9f9; }
#gnbbody .gnbsub {margin-top:62px;}
#gnbbodyflash .flash { float: left;position:relative; background-repeat:repeat-x;width:100%;height:408px;min-height:408px;overflow-x:hidden; background-image:url(../images/layout/body/flash_bg.jpg); } /* background-image:url(../images/layout/body/flash_bg.jpg); */
.neo_main_banner  {   float: left;position:absolute;width:100%;height:408px; z-index:40;    }  
.neo_main_banner .img {   float: left;position:absolute;width:100%;height:408px;opacity:0;left:0px;top:0px; text-align:center;z-index:10;  }  
.neo_main_banner .img img {float: left;position:relative;}
#gnbbodyflash .neo_main_banner .backbody { float: left;position:absolute;width:100%;height:408px; text-align:center;z-index:70;}
.neo_main_banner .backbody .body {min-height:408px;}
#gnbbodyflash .btnbox { float: left;position:absolute;width:auto;min-width:100px;height:30px;left:0px;top:0px; text-align:center;z-index:100;margin-top:350px;margin-left:40px;}
#gnbbody .btnbox { float: left;position:absolute;width:auto;min-width:100px;height:30px;left:0px;top:0px; text-align:center;z-index:100;margin-top:350px;margin-left:40px;}
 .btnbox .fbtn {  float:left; position:relative; display:block;width:15px;height:13px;margin-right:5px;cursor:pointer;background-image:url(../images/layout/icon/fl_icon.png);background-repeat:no-repeat; }
 .btnbox .fbtn.active {background-image:url(../images/layout/icon/fl_icon2.png);background-repeat:no-repeat; }
#gnbbody .itembody {float:left; position:relative;width:100%;height:auto;margin-top:10px;}
#gnbbody .itembody .item { float:left; position:relative; display:block;width:332px;height:auto;margin-top:22px;margin-right:9px; }
#gnbbody .itembody .itembox { float:left; position:relative; display:block;width:332px;height:auto;min-height:188px;margin-top:22px;margin-right:2px;background-image:url(../images/layout/body/box_bg.jpg);text-align:left; }
#gnbbody .brandbox { float:left; position:relative; display:block;width:100%;height:31px;margin-top:26px;padding-bottom:50px; }

#gnbbody .brandbox li {  float:left; position:relative; display:block;min-width:90px;width: 19%; height:auto;}
.item_body { margin-top:24px;margin-left:20px;margin-right:20px; }
.item_body p {height:27px;}
.item_body li { height:25px; }
.txt { float:left; position:relative; font-weight:bold;color:#393939;width:76px; }
.wdate { float:left; position:relative;color:#8d8d8d;width:76px; }
.point { float:left; position:relative;color:#f94343;width:auto; }
.bar {border-bottom:1px #dcdcdc solid;}
.item_body table { margin-top:10px;}
.item_body th { height:22px; color:#888888;text-align:left;}
.item_body td { height:22px; color:#555555;text-align:right;margin-right:5px; }
.item_body a { color:#666666;}
.item_body .m { color:#2b96ca; }
.item_body .p {color:#f94343;}
.item_body p {margin:0;}
.item_body .left { float:left; position:relative; }
.item_body .right { float:right; position:relative; }
.item_body .subject { float:left; position:relative;width:100%;height:20px;color:#919191;font-weight:bold; }
.item_body .writedate {float:left; position:relative;width:100%;height:10px;color:#9e9e9e;margin-bottom:0;}
.item_body .notice_content  {float:left;margin-top:15px;line-height:120%; position:relative;width:100%;height:39px;color:#9e9e9e;border-bottom:1px #b2cef4 dotted; margin-bottom:7px;}
.item_body .next {float:left; position:relative;width:100%;height:40px;color:#9e9e9e;}
.item_body .nexttitle {float:left; position:absolute;top:45px;width:100%;height:40px;color:#9e9e9e;}
.item_body .nextdate {float:right; position:absolute;top:45px;right:0;height:40px;color:#9e9e9e;}
/* main */
#gnbbody .gnbsub {height:auto;min-height:600px;margin-bottom:50px;}
#gnbbody.sub .gnb_main  { float:right; position:relative;width:760px;height:auto;min-height:500px;text-align:left;margin-bottom:40px;}
.gnb_main .searchbar {float:left; position:relative;width:100%;height:26px;color:#555555;margin-top:48px;top:0px;margin-bottom:20px; }
.gnb_main .searchbar li { float:left; width:auto;margin-right:3px; }
.gnb_main .table { border-top:1px #e4e4e4 solid;}
.gnb_main  .page_title { float:left; position:relative;width:760px;height:40px;}
.gnb_main  .page_title .left {float:left; position:relative;width:auto;}
.gnb_main  .page_title .right {float:right; position:relative;width:auto;}
#content { float:left; position:relative;width:100%;height:auto;min-height:200px;border-bottom:1px #cfcfcf solid;}
#content td{vertical-align:top;padding:20px;}
.content dd{vertical-align:top;padding:20px;}
#content .btnbox { float:left; position:relative;width:100%;height:auto;margin-bottom:28px;margin-top:20px; }
#btnbox { float:left; position:relative;width:100%;height:auto;min-height:28px;margin-top:20px;margin-bottom:10px; ;}
#btnbox.right {text-align:right} 
#btnbox.center {text-align:center} 
.btn{height:28px;padding:5px 15px 5px 15px; }
.e9e9e9 { background-color:#e9e9e9; color:#676768;}
.btn.small {height:20px;padding:5px 15px 5px 15px; }
.btn.list { background-color:#b7bbc2; color:#FFFFFF;border:1px #989a9d solid;}
.btn.red_btn { background-color:#e31820; color:#FFFFFF;border:1px #d1030a solid;}
.btn.list:hover {background-color:#f4f4ff;color:#676768;  }
.btn.small {height:20px;padding:1px 15px 0px 15px; }
.gnb_main .Conditions { float:left; position:relative;width:100%;height:auto;margin-top:48px;left:0px;}
.gnb_main .Conditions_txt  { float:left; position:relative;width:100%;height:280px; background-image:url(/ko/images/recruit/Conditions_bg.jpg);left:0px;}
.title {float:left;position:relative;width:100%;min-height:30px;height:auto;}

.page { float:left;position:relative;width:100%;height:auto;min-height:450px;margin-top:48px;margin-bottom:20px; vertical-align:top;}
.page ul {float:left;position:relative;width:100%;height:auto;}
.page h3 { float:left;width:100%;line-height:26px;font-size:15px;color:#676666;margin-top:14px; }
.page h4 { float:left;width:100%;color:#727272;font-size:12.5px;} 
h1 {width:100%;color:#333333;font-size:33.5px; font-stretch:condensed;display:inline} 
.page .txt {width:100%;height:auto;line-height:18px;color:#959595;}
.page .pagetxt { float:left;position:relative;width:100%;height:auto;line-height:20px;color:#959595;font-size:13px; letter-spacing: 0;font-weight:bold;  }
.page .pagebox {float:left;position:relative;width:100%;height:auto;line-height:20px;color:#959595;border:1px #e7e7e7 solid;background-color:#fbfbfb;padding-top:14px;padding-bottom:14px; }

.page_b { float:left;position:relative;width:100%;height:auto;min-height:450px;margin-top:48px;margin-bottom:20px; vertical-align:top; background-color:#ebebeb;}
.page_b ul {float:left;position:relative;width:100%;height:auto;}
.page_b h3 { float:left;width:100%;line-height:26px;font-size:15px;color:#676666;margin-top:14px; }
.page_b h4 { float:left;width:100%;color:#727272;font-size:12.5px;} 
.page_b h1 {width:100%;color:#333333;font-size:33.5px; font-stretch:condensed;display:inline} 
.page_b .txt {width:100%;height:auto;line-height:18px;color:#959595;}
.page_b .pagetxt { float:left;position:relative;width:100%;height:auto;line-height:20px;color:#959595;font-size:13px; letter-spacing: 0;font-weight:bold;  }
.page_b .pagebox {float:left;position:relative;width:100%;height:auto;line-height:20px;color:#959595;border:1px #e7e7e7 solid;background-color:#fbfbfb;padding-top:14px;padding-bottom:14px; }



.pagebox .boxtable{float:left;position:relative;width:350px;height:auto;line-height:30px;margin-left:20px;margin-right:20px;border-top:1px #e7e7e7 solid;background-color:#FFFFFF;}
.pagebox .boxtable2{float:left;position:relative;width:740px;height:auto;line-height:30px;margin-left:10px;margin-right:10px;border-top:1px #e7e7e7 solid;background-color:#FFFFFF;}
.pagebox th { border-bottom:1px #e7e7e7 solid;height:30px;font-weight:bold;text-align:left; }
.pagebox td { border-bottom:1px #e7e7e7 solid;height:30px;color:#959595; }
.pagebox .pageboxdot { padding-left:7px; }
.pagebox span {position:relative;width:auto;margin-left:9px;}
.pagebox .bold {float:left;width:80px;font-weight:bold;color:#676666;border-right:1px #e5e5e5 solid;margin-right:10px;}
.page .content li{line-height:22px;color:#727272;font-size:12.5px;}
.page .txt li{line-height:22px;color:#959595;font-size:13px;font-weight:normal;}
.red { color:#e2171f}

/* 회사소개 */
.nav a{color:#999999;}
.tabs {cursor:pointer;}
.infotable {border-top:2px #676767 solid;font-size:13px;}
.infotable th { font-weight:bold;border-bottom:1px #e4e4e4 solid;;text-align:left; }
.infotable.part2 th {font-size:13px;padding:5px; font-weight:normal;border-bottom:1px #e4e4e4 solid;;text-align:center;background-color:#f9f9f9;color:#656565; }

.infotable th span { margin-left:39px;}
.infotable td {padding:5px;border-bottom:1px #e4e4e4 solid;color:#959595; }
.infotable td table {margin-top:10px;margin-bottom:10px;}
.infotable td td {padding:1px;border-bottom:0px #FFFFFF solid;color:#959595;}
.infotable .bar {float:left; position:relative;width:8px;height:100%;margin-top:13px;margin-right:11px;background-image:url(/ko/images/icon/bar_bg.jpg);}
.infotable .bar .header {float:left; position:relative;width:8px;height:7px;background-image:url(/ko/images/icon/bar_header.jpg);}
.infotable .bar .footer {float:left; position:relative;width:8px;height:7px;background-image:url(/ko/images/icon/bar_end.jpg);}
.content_vision {float:left;width:100%;height:180px; background-image:url(); }
.infotable ul {float:left;position:relative;width:100%;height:auto;margin-top:10px;margin-bottom:20px;line-height:20px;}
.infotable ul li ul {float:left;position:relative;width:100%;height:auto;}
.infotable td span {  font-size:13px;}
.infotable td .title {width:100%;color:#454545;}

.ci_txt { float:left;position:relative;width:100%;height:auto; border-top:1px #e5e5e5 solid;margin-top:24px;padding-top:45px;margin-bottom:25px;}
.ci_txt dt { float:left;position:relative;width:320px;height:auto; }
.ci_txt dd { float:left;position:relative;width:440px;height:auto;font-size:12px; color:#959595;}
/*오시는길*/
#map { float:left; position:relative;width:755px;height:441px;margin-top:0;margin-bottom:20px;margin-left:5px;border:1px #e5e5e5 solid;overflow:hidden; }
.address { float:left; position:relative;width:100%;height:auto;line-height:22px; }
.address span {margin-left:4px;margin-right:7px;font-size:13px;color:#686767;}
.address li {color:#686767;}
.address .fax {color:#000000;}
.print {float:left;width:100%;height:25px;margin-top:32px;margin-bottom:51px;}
.print span {float:left;width:auto;height:auto;margin-left:21px;}

/* 투자정보 */
.balance { float:left; position:relative;width:740px;margin-top:20px;margin-bottom:0px; text-align:center;display:block;}
.balance tspan{color:#CCCCCC }


.balance .won  { float:left; position:relative;width:648px;height:12px;margin-top:20px;margin-left:0px;margin-bottom:0px;text-align:right; }
.balance .tabs  { float:left; position:relative;width:648px;height:17px;margin-top:20px;margin-left:30px;margin-bottom:20px;text-align:right; }
.balance .chart  { float:left; position:relative;width:700px;height:274px;display:none; }
.table7 { border-top:2px #676767 solid;border-bottom:2px #676767 solid;text-align:center;}
.table7 .stitle { background-color:#f8f8f8;}
.table7 th { background-color:#eaf5f8;height:45px;border-bottom:1px #e4e4e4 solid;color:#505050;font-weight:bold;}
.table7 th span {color:#959595;line-height:16px;}
.table7 td { height:35px; border-bottom:1px #e4e4e4 solid;color:#959595; }
#sub_chart {}
.table7 .bg { background-color:#f9f9f9;}
.table7 .tdright { border-right:1px #e4e4e4 solid; }
.table7 tr td.last { border-right:0 #e4e4e4 solid; } 
.item_title { float:left; position:relative;width:100%;height:26px; text-align:right;color:#929292;font-weight:normal;}
.item_title2 { float:left;position:relative;height:26px;color:#929292;}

/* 채용정보 */
.content .red { color:#e55c63;}
.content li {font-size:13px;}
h3 {font-size:15px;}
h4 {font-size:13px;color:#888888}
.page h3.recruit {float:left;width:100%;line-height:26px;font-size:15px;color:#444444;margin-top:15px; }
.recuit_txt {color:#666666;}
.box {  float:left; position:relative;width:100%;height:auto; min-height:35px;margin-top:10px;text-align:right; }
.infotable.part2 span {line-height:18px;margin-left:30px;}
.infotable li { }
.infotable blockquote { }
.infotable title { }
.infotable p { }
.infotable th { }
.infotable .contacttxt ul{margin-left:15px; margin-top:0;}
.infotable .contacttxt p{margin-left:15px; margin-top:0;margin-bottom:13px;}
.person { float:left; position:relative;width:760px;height:891px; background-image:url(/ko/images/recruit/content_person.jpg); }
.welfare { float:left; position:relative;width:760px;height:838px; background-image:url(/ko/images/recruit/content_welfare.jpg); }
.personbox { float:left; position:relative;width:760px;height:auto; }
.personbox dl {margin-left:0;min-height:37px;}
.personbox dt { float:left;}
.personbox .pdt { width:50px;font-size:16px;color:#010101;font-weight: bold; padding:10px;}
.personbox dd {width:285px;float:left;min-height:37px; font-size:13px;color:#727272;line-height:20px; padding:10px;}
.welfare dl {margin-left:60px;min-height:80px;}
.welfare dt { font-size:15px;color:#010101;font-weight: bold;height:30px; }
.welfare dd { font-size:13px;color:#727272;line-height:20px; }
.table .content { min-height:150px;display:none; }
.table .content dl { width:100%;}
.table .content dt {float:left; width:80px;vertical-align:top;text-align:center; padding-top:20px; }
.table .content dd {float:left; width:auto; vertical-align:top;min-height:150px;}
.table .subject {cursor:pointer;}
.xbtn{float:left; position:relative;width:110px;height:26px;border:1px #989a9d solid; }
.xbtn span { float:left; width:100%;padding-top:4px;vertical-align:middle;text-align:center;}
#paging { position:relative;width:100%;height:auto;margin-top:32px;text-align:center;color:#555658; } 
#paging .num { font-family: 'verdana','돋움','Dotum';color:#9f9f9f;font-size:9pt;position:relative;padding:5px 8px 5px 8px;margin:0;font-weight:bold; }
#paging .num:hover { color:#e32d34;}
#paging .num.selected { color:#e32d34;}
#paging ul { display:inline-block;}
#paging li { margin-left:2px;padding:0;float:left;}
#paging .number{font-size:9pt;border:1px #e5e5e5 solid; width:22px;height:20px;padding-top:3px;cursor:pointer;}
.pspacer{font-size:9pt;font-weight:normal;color:#CCCCCC;}
#paging .numbers{font-size:9pt;border:1px #e5e5e5 solid; background-color:#e32d34;color:#FFFFFF; width:22px;height:23px;height:20px;padding-top:3px;cursor:pointer;}
#paging .number:hover { background-color:#f4f4ff;}
#paging .numbers a{color:#FFFFFF;;}
#paging .firstlast{ width:24px;height:25px;}
#paging .prevnext{ width:60px;height:25px;}
#btn { float:right; position:relative;width:auto;height:26px;margin-top:32px;}
.table th { background-color:#efefef;font-weight:bold;top:1px;height:33px;text-align:center;  }
.table td { height:35px;border-bottom:1px #e5e5e5 solid;color:#666666; }
.table tr:hover {background-color:#f5f5f5}
.gnb_main .table2 { border-top:1px #e4e4e4 solid;border-bottom:1px #e4e4e4 solid;}
.table2 th { text-align:center; position:relative; height:30px;border-bottom:1px #e5e5e5 solid;background-color:#f9f9f9;font-weight:bold; }
.table2 td { position:relative;height:35px;color:#666666; }
.table2 td span{margin-left:20px;}
.center {text-align:center;  }
.center.red {color:red }
.table2 .dotted { border-bottom:1px #e5e5e5 dotted; }

.gnb_main .table3 { border-top:1px #e4e4e4 solid;border-bottom:1px #e4e4e4 solid;}
.table3 th { height:35px;position:relative;border-bottom:1px #e5e5e5 solid;background-color:#f9f9f9; text-align:center; padding:0;margin:0;}
.table3 td { padding-left:20px;height:35px;position:relative;color:#666666; border-bottom:1px #e5e5e5 solid;}
.table3 .contents { padding-top:10px;padding-bottom:10px; padding-right:20px;}

.gnb_main .table4 { border-top:2px #676767 solid;border-bottom:1px #676767 solid;}
.table4 th { height:35px;border-bottom:1px #e5e5e5 solid;background-color:#f9f9f9;text-align:center}
.table4 td {height:35px;color:#666666;border-bottom:1px #e5e5e5 solid;padding-left:20px;vertical-align:middle;}
.table4 .dotted { border-bottom:1px #e5e5e5 dotted; }
.table4 li{float:left;vertical-align:top;}
.table4 .scomment{padding-top:3px;}

.btnarea{margin-top:20px;margin-bottom:30px;}
.gnb_main .table5 { border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;}
.table5 th { height:35px;border-bottom:1px #e5e5e5 solid;background-color:#f9f9f9;font-weight:bold;text-align:left; }
.table5 td {height:35px;color:#666666;border-bottom:1px #e5e5e5 solid; }
.table5 .dotted { border-bottom:1px #e5e5e5 dotted; }
.table5 span{margin-left:10px;}
.table5 p {margin-bottom:5px; }

.gnb_main .table6 { border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;}
.table6 th { text-align:center;height:35px;border-bottom:1px #e5e5e5 solid;background-color:#f9f9f9;font-weight:bold;text-align:center; }
.table6 td {height:35px;color:#666666;border-bottom:1px #e5e5e5 solid; }
.table6 .dotted { border-bottom:1px #e5e5e5 dotted; }
.table6 span{margin-left:10px;}
.gnb_main .table7 { border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;}


.tabs {float:left; position:relative;width:100%;height:auto;margin-bottom:29px;}
.tabs li{ float:left; position:relative;width:248px;height:32px;margin-left:5px; }

.cont_title { float:left; position:relative;width:100%;height:32px;line-height:40px;border-bottom:2px #676767 solid;font-size:14px;font-weight:bold;overflow:hidden; }
.cont_title .right {float:right; position:relative;width:auto;height:auto;line-height:20px;vertical-align:middle;overflow:hidden;margin-top:10px;font-size:9pt;font-weight:normal;}
.resume_box {float:left; position:relative;width:100%;height:auto;margin-bottom:5px;}
.resume_box dt { float:left; position:relative;width:166px;height:auto;font-weight:bold; }
.resume_box li {color:#666666; }
.resume_box dt span, .result_box dt span  { font-size:12pt; }
.resume_box dd { float:right; position:relative;width:590px;height:auto;font-size:11px; }
.result_box {  float:left; position:relative;width:100%;height:193px;background-image:url(../images/recruit/result_box.jpg); }
.result_box .result_content {  float:right; position:relative;width:460px;height:158px;margin-top:28px;}
.result_search_box {  float:left; position:relative;width:688px;height:271px;background-image:url(../images/recruit/result_search_box.jpg); }
.result_search_box  .result_content {  float:right; position:relative;width:360px;height:158px;margin-top:35px;line-height:25px;}
.result_content dt {}
.result_content dd {margin-top:30px;}
.result_content td { height:30px;  }
.reception_box {  float:left; position:relative;width:688px;height:271px;margin-top:111px;margin-left:26px;background-image:url(../images/recruit/reception_box.jpg); }
.reception_content {  float:right; position:relative;width:365px;height:30px;margin-top:120px;}
.confirmation_box {  float:left; position:relative;width:688px;height:271px;margin-top:111px;margin-left:26px;background-image:url(../images/recruit/confirmation_box.jpg); }
.confirmation_content {  float:right; position:relative;width:365px;height:30px;margin-top:60px;}
.confirmation_content dt {font-size:13pt;}
.confirmation_content dd {margin-top:30px;}

.step_box {  float:left; position:relative;width:688px;height:271px;margin-left:26px;background-image:url(../images/recruit/step_box.jpg); }
.step_content {  float:right; position:relative;width:365px;height:30px;margin-top:107px;}
.irbox { float:right; position:relative;width:760px;height:825px;background-image:url(../images/ir/ir_box.jpg); }
.result_content .name, .reception_content .name, .confirmation_content .name, .step_content .name {font-size:15px;color:#e03e46;text-decoration:underline;font-weight: bold;}
/* 브랜드소개 */
.atopalm_03 { width:760px;height:373px;background-image:url(../images/brand/content_atopalm_03.jpg);color:#959595;}
.atopalm_05 { width:760px;height:505px;background-image:url(../images/brand/content_atopalm_05.jpg);color:#959595;background-position:0px 10px;overflow:hidden;background-repeat:no-repeat;}
.atopalm_06 { width:760px;height:130px;background-image:url(../images/brand/content_atopalm_06.jpg);color:#959595;background-position:0px 0px;margin-bottom:40px;}
.dermab_02 { width:760px;height:488px;color:#959595;}
.mission_01 { width:760px;height:178px;color:#959595;}
.missiontxtbox {  width:760px;height:auto;min-height:600px; }

.missiontxtbox dt {float:left;position:relative; width:377px;height:auto;color:#959595; }
.missiontxtbox dd {float:right;position:relative; width:370px;height:auto;color:#959595; }
.atopalm_03 .span, .atopalm_05 .span, .atopalm_06 .span ,  .mission_01 .span {float:left;font-size:12px; }
.dermab_02 div{float:left;font-size:12.5px;margin-bottom:10px;clear:both;line-height:160%;}
.missiontxtbox .fb {color:#676666;font-size:13.5px;}
.zero { padding-left:20px;float:left;width:100%;height:auto;line-height:18px;font-size:13px;color:#959595;}
.zero em{float:left; width:100%;line-height:35px; }
.zero_content_03 { height:294px; width:740px;background-image:url(../images/brand/zero_content_03.jpg);color:#959595; }
.zero_content_03 .zero_content_box {float:right; width:436px;height:auto;min-height:248px;margin-top:31px;line-height:22px; }
.zero_content_05 { height:330px;width:740px;background-image:url(../images/brand/zero_content_05.jpg);color:#959595; }
.zero_content_05 .zero_txt {margin-top:48px;color:#959595; line-height:22px;}

.realbarrier02.en{width:760px; height:708px; background-image:url(../../en/images/brand/content_realbarrier_02.jpg);}
.realbarrier02{width:760px; height:708px; background-image:url(../images/brand/content_realbarrier_02.jpg);}
.realbarrier02 ul li{ height:100px; width:253.333px;  float:left; margin-top:235px; text-align:center; color: #959595; }
.realbarrier02-text { height:130px; width:760px;  float:left; margin-top:77px;text-align:center; color:#909090 !important; font-size:14px !important; color:#666666; line-height:28px;font-weight: bold !important;}
.realbarrier03-text { width:360px;  margin-top:96px; float:right; text-align:left;  font-size:12px!important; color:#959595;  line-height:20px; }
.realbarrier04-text {  width:760px;   float:left; margin-top:62px; text-align:center; color: black; font-size:12px !important; color:#909090; line-height:20px;font-weight: bold !important;}
.realbarrier04 ul li{ height:100px; width:253.333px;  float:left; margin-top:235px; text-align:center; color: #959595; }
.realbarrier02-h3{font-size:14px !important; color:black !important; font-weight: bold !important;}
.realbarrier04 .contents-cicle-1 {position:absolute; right:-20px; top:-40px; }
.realbarrier04 .contents-cicle-2 { position:absolute; right:246px; top:-40px; }
.realbarrier04 .contents-cicle-3 { position:absolute; left:-10px; top:-40px;}
.realbarrier04{position:relative;}
.realbarrier03{width:761px; height:352px; background-image:url(../images/brand/content_realbarrier_03.jpg);}
.realbarrier03.en{width:761px; height:352px; background-image:url(../../en/images/brand/content_realbarrier_03.jpg);}

.realbarrier04{width:761px; height:416px; background-image:url(../images/brand/content_realbarrier_04.jpg);}
.realbarrier04.en{width:761px; height:416px; background-image:url(../../en/images/brand/content_realbarrier_04.jpg);}
/*연구소*/
#Institute .page span { float:left;position:relative; width:100%;height:auto;color:#959595; }
#Institute .page .infotable span {margin-left:20px;}
#Institute .page .infotable td {  height:28px;}
#Institute .page .infotable .bar {float:left; position:relative;width:8px;height:100%;margin-right:11px;background-image:url(/ko/images/icon/bar_bg.jpg);}
#Institute .page .infotable .bar .header {float:left; position:relative;width:8px;height:7px;background-image:url(/ko/images/icon/bar_header.jpg);}
#Institute .page .infotable .bar .footer {float:left; position:relative;width:8px;height:7px;background-image:url(/ko/images/icon/bar_end.jpg);}
#Institute .skin { float:left;position:relative; width:100%;height:auto;color:#727272; }
#Institute .skin dt {float:left;position:relative; width:371px;height:auto;color:#727272;}
#Institute .skin dd {float:left;position:relative; width:369px;height:auto;color:#727272;}
#Institute .skin .skinbox {float:left;position:relative;width:100%;height:auto;min-height:139px;}
#Institute .skin .skinbox dl {float:left;position:relative;width:100%;height:auto;  }
#Institute .skin .skinbox dt {float:left;position:relative; width:43px;height:auto;min-height:139px;background-repeat:no-repeat; }
#Institute .skin .skinbox dd {float:right;position:relative; width:316px;height:auto;background-repeat:no-repeat;color:#727272;}
#Institute .skin .skinbox span {color:#727272;}
#Institute .skin .skinbox .num01 { background-image:url(../images/icon/num_01.jpg); }
#Institute .skin .skinbox .num02 { background-image:url(../images/icon/num_02.jpg); }
#Institute .skin .skinbox .num03 { background-image:url(../images/icon/num_03.jpg); }
#Institute .skin .skinbox .num04 { background-image:url(../images/icon/num_04.jpg); }
#Institute .skin .skinbox .num05 { background-image:url(../images/icon/num_05.jpg); }
#Institute .skin .skinbox .num06 { background-image:url(../images/icon/num_06.jpg); }
#Institute .skin .skinbox .fb {float:left;position:relative; width:316px;height:auto;color:#010101; }

#Institute2 div {float:left;position:relative; width:760px;height:auto;color:#656565;}
#Institute2 .tab { float:left;position:relative; width:760px;height:auto;color:#727272; }
#Institute2 .tab li {float:left;margin-right:4px;}
#Institute2 dl {float:left;position:relative; width:100%;height:auto;color:#727272; border-bottom:1px #e4e4e4 solid;  }
#Institute2 dt {float:left;position:relative; width:147px;height:auto;min-height:157px;color:#727272;background-repeat:no-repeat;}
#Institute2 dd {float:left;position:relative; width:613px;height:auto;color:#727272;}
#Institute2 dd span {float:left;width:100%;height:auto;}
#Institute2 .fb {color:#161616}
#Institute2 .step1 { background-image:url(../images/lab/step_01.jpg); }
#Institute2 .step2 { background-image:url(../images/lab/step_02.jpg); }
#Institute2 .step3 { background-image:url(../images/lab/step_03.jpg); }
#Institute2 .CROBizModel_02 {float:left; position:relative;width:760px;height:1061px;background-image:url(/ko/images/lab/content_CROBizModel_02.jpg);}
#Institute2 .CROBizModel_02 th {height:39px;font-weight:bold;}
#Institute2 .CROBizModel_02 td {height:43px;color:#959595;}
#Institute2 .CROBizModel_02 td span {margin-left:30px;}
/* 메일 */
.mail { float:left; position:relative;width:723px;height:657px;border:13px #eeeff0  solid;}
.mail .mailbody {  float: left;position:absolute;width:723px;height:576px;z-index:10;margin-top:22px; }
.mail .mailbody .maildoc {  float:left; position:relative;width:680px;height:auto;min-height:271px;margin-top:36px;margin-left:23px; } 
.mail .rebon  {  float: left;position:absolute;width:723px;height:100px;z-index:20;left:0px;top:0px;text-align:right; }
.mail .mailcopy { float:left; position:relative; width:723px;height:auto;margin-top:10px;color:#a8a8a8;}
.mailtable { border-top:2px #e03e46 solid;margin-top:10px; }
.mailtable th {min-height:30px;border-bottom:2px #ededed solid;background-color:#f3f3f3;}
.mailtable td {min-height:30px;border-bottom:2px #ededed solid;}

#photo_box { float:left; position:relative;width:150px;height:200px;border:1px #dfdfdf solid; margin-bottom:10px;color:#8d8d8d;}
#photo_box.no { background-image:url(../images/recruit/noimg.jpg);color:#8d8d8d;text-align:center;overflow:hidden;line-height:140px; color:#8d8d8d;} 


/* 우편번호 찾기 */
#postbox {  float:left; position:relative;width:725px;height:auto;min-height:433px;border:3px #dfdfdf solid;overflow-x:hidden;padding-bottom:20px;  }
#postbox .body  {  float:left; position:relative;width:684px;height:auto;min-height:35px;margin-left:20px;  }
#postbox  .title {  float:left; padding-top:5px; position:relative;width:100%;height:35px;border-bottom:1px #dfdfdf solid;background-color:#d9d9d9;line-height:35px;font-size:14px; z-index:5;color:#7b7b7b; }
#postbox .postform {  float:left; position:relative;width:682px;height:50px; padding-top:28px;padding-left:150px;border:1px #e5e5e5 solid; }
#postbox .postform li{ float:left; margin-left:3px;height:20px;}
#postbox .postform span {margin-top:2px;margin-left:5px;}
#postbox .postbody {  float:left; position:relative;width:682px;height:350px;margin-top:20px;overflow-x:hidden;overflow:auto; }
#postbox .right {float:right; }
#postbox .tab {  float:left; position:relative;width:100%;height:30px;border-bottom:1px #7f7f7f solid; }
#postbox .tab li {  float:left;margin-right:5px; }
#postbox .post { float:left; position:relative;width:100%;height:auto;border-top:#cccccc solid 2px;  }
#postbox .post th { height:35px;background-color:#f1f1f1;border-bottom:1px #cecece solid; text-align:center; }
#postbox .post td { height:30px;border-bottom:1px #e0e0e0 dotted; }

/*사진박스*/
#picbox { float:left; position:relative;width:365px;height:auto;min-height:166px;border:4px #dfdfdf solid;overflow-x:hidden; }
#picbox .title {float:left; position:relative;width:100%;height:18px;padding-top:7px;padding-left:7px;background-color:#f1f2f0;border-bottom:1px #e8e9e6 solid;margin-bottom:0;}
#picbox .right {float:right;margin-right:10px; }

#picbox .picform {float:left; position:relative;width:98%;height:23px;margin-left:10px;}
#picbox .pictxt {float:left; position:relative;width:94%;height:23px;margin-left:10px;border-bottom:#e6e6e8 1px solid;}
#picbox .picbtn {float:left; position:relative;width:98%;height:23px;margin-top:10px;text-align:center;}
/*채용공고 셀렉트 박스*/
#recruitbox { float:left; position:relative;width:450px;height:auto;min-height:300px;border:4px #dfdfdf solid;overflow-x:hidden; }
#recruitbox .title {float:left; position:relative;width:100%;height:23px;padding-top:5px;background-color:#f1f2f0;border-bottom:4px #e8e9e6 solid;}
#recruitbox .title .left{float:left; padding-top:5px; padding-left:10px;}
#recruitbox .right {float:right;padding-right:5px; }
#recruitbox .reform {float:left; position:relative;width:98%;height:23px;margin-left:10px;padding-bottom:20px}
#recruitbox  .retxt {float:left; position:relative;width:94%;height:23px;margin-left:10px;}
#recruitbox .rebtn {float:left; position:relative;width:98%;height:23px;margin-top:0px;text-align:center;}
/*기타*/
.Personalbox, .Mediabox { padding-left:15px;float:left; position:relative;width:760px;height:auto;border:1px #efefef solid;margin-bottom:20px; }
.Mediabox {  }
.Personalbox ul, .Mediabox ul {float:left; position:relative;width:760px;height:auto;margin-top:30px;margin-bottom:20px;}
.Personalbox li { float:left; position:relative;width:380px;height:30px;font-size:14px;color:#5b5b5b;}
.Personalbox li em {margin-left:10px;padding-left:20px;background-image:url(/ko/images/icon/icon_bullet3.jpg);background-repeat:no-repeat;background-position:0px 2px;color:#5b5b5b;font-weight:bold;}
.Mediabox li em {margin-left:20px;padding-left:20px;background-image:url(/ko/images/icon/icon_bullet3.jpg);background-repeat:no-repeat;background-position:0px 2px;color:#5b5b5b;font-weight:bold;}

.Mediabox  li { float:left; position:relative;width:100%;height:30px;font-size:14px;color:#5b5b5b;}
.Personal { line-height:22px;font-size:13px;color:#7e7e7e; }
.Personal .title { font-size:15px;color:#333333; font-weight:bold; }
.Mediatable {border-top:1px #e4e4e4 solid;}
.Mediatable th { background-color:#efefef;height:37px;font-weight:bold; }
.Mediatable td {border-bottom:1px #e5e5e5 solid;height:30px;color:#7e7e7e;text-align:center;}
.Mediatable .rl { border-right:1px #e5e5e5 solid; }

/*sitemap*/
.sitemap .box { float:left; position:relative;width:238px;height:auto;height:475px;background-color:#fafafa;background-repeat:no-repeat;margin-bottom:20px;margin-right:10px; vertical-align:top;border: 1px solid #ebebeb;}
.sitemap .boximg {border-bottom:1px solid #ebebeb;}
.sitemap .box .boxbody {float:left; position:relative;width:100%;height:auto; vertical-align:top;padding-top:20px;text-align:left;}
.sitemap .box .boxbody ul {margin-left:30px;}
.sitemap .box .boxbody .step2 {margin-left:10px;margin-bottom:10px;}
.sitemap .box .boxbody li {}
.sitemap .box .boxbody li .titles {float:left; position:relative;width:100%;height:auto; height:25px;}
.sitemap .box .boxbody li .titles em{color:#3c3c3c;font-size:14px; }
.sitemap .box .boxbody li .subs em{color:#7e7e7e;font-size:13px; height:20px; }
/* left */
.gnb_left { float:left; position:relative;width:202px;height:auto;background-image:url(../images/company/left/left_menu_bg.jpg) }
.gnb_left ul { float:left; position:relative;width:202px;height:auto;min-height:150px;margin-bottom:30px; }
.gnb_left li { float:left; position:relative;width:170px;height:auto;min-height:30px;left:11px;font-size:14px;}
.gnb_left li a { float:left; position:relative;width:100%;height:auto;min-height:30px;line-height:30px;font-weight:bold;border-bottom:1px #efefef solid;color:#676767; }
.gnb_left li a.two {line-height:18px;}
.gnb_left li .step1 {background-position:0px 0px; }
.gnb_left li .step1:hover {color:#e0171e;} 
.gnb_left li .step1.active {color:#e0171e;} 
.gnb_left li .step1a {}
.gnb_left li .step1a:hover {color:#e0171e;} 
.gnb_left li .step1a.active {color:#e0171e;} 
.gnb_left li a span {margin-left:9px;}
.gnb_left .sub { min-height:40px; margin-bottom:0px; }
.gnb_left li .sub a { float:left; position:relative;width:100%;height:auto;min-height:30px;line-height:30px;font-weight:normal;color:#a5a5a5; }
.gnb_left li .sub a.active {color:#e0171e; }
.gnb_left li .sub a span {margin-left:19px;}
.gnb_left li .sub a:hover {color:#e0171e; }
.gnb_left .sub li { left:0px; }
.guick {float:right; position:absolute;width:64px;height:430px;right:-94px;z-index:30;background-image:url(../images/layout/body/guick_bg.jpg)}
.guick a.first {float:left; position:relative;width:auto;margin-top:28px;}
.guick a.top {float:left; position:relative;width:auto;margin-top:23px;}

/* footer */
#gnbfooter { border-top:#545454 2px solid; }
#gnbfooter.mainfooter { background-color:#f9f9f9;}
#gnbfooter .fsite {position:absolute;left:890px;top:18px;}
#gnbfooter span {}
#gnbfooter dl {float:left; position:relative; display:block;width:auto;height:auto;margin-top:12px; }
#gnbfooter dt {float:left; position:relative; display:block;width:143px;height:auto;margin-top:5px; }
#gnbfooter dd {float:left; position:relative; display:block;width:600px;height:auto;margin-left:47px;margin-top:5px; }
#gnbfooter .footer_menu { float:left; position:relative; display:block;width:100%;height:24px; text-align:left;}
#gnbfooter .footer_menu a {margin-right:20px;}
#gnbfooter .footer_addr { float:left; position:relative; display:block;width:100%;height:auto;min-height:61px;text-align:left; }
#gnbfooter .right {float:right; position:relative; display:block;width:auto;height:auto;margin-top:17px; }


/*brand-dermartlogy*/
#cont_dermartlogy h1 {font-size:25px; color:#5f6062; font-weight:normal; line-height:1; margin-bottom:40px; }
#cont_dermartlogy .brand_txt {text-align:center; margin-top:60px; line-height:1em; letter-spacing:-0.03em;}
#cont_dermartlogy .brand_txt h2 {color:#b6b2cf; font-size:23px; line-height:1em; margin-bottom:20px; font-weight:bold;}
#cont_dermartlogy .brand_txt h2 .tit_bar {width:15px; height:3px; background:#b6b2cf; margin:0 auto; }
#cont_dermartlogy .brand_txt h2 img{vertical-align:-5px;}
#cont_dermartlogy .brand_txt p {font-size:15px; line-height:1.5em; margin-bottom:20px; }
#cont_dermartlogy .responsive100p{text-align:center;}
#cont_dermartlogy .responsive100p img{max-width:900px;width:100%;}
#cont_dermartlogy .responsive650px img{max-width:650px;width:100%;}
#cont_dermartlogy .content_full {    padding: 20px 3%;}
#cont_dermartlogy h1 {font-size:24px; margin-bottom:20px; margin-top:20px;}
#cont_dermartlogy h1 .h1_bullet {    width: 4px;    height: 26px;    background: #c6c4d2;    float: left;    margin: 0px 10px 0 0;}
#cont_dermartlogy .brand_txt {margin-top:30px;}
#cont_dermartlogy .brand_txt p {    font-size: 15px;  margin-bottom: 20px;}
