/*  [Default]  */
@charset "utf-8";
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,cite,code,del,dfn,em,img,ins,q,s,samp,strike,strong,sub,sup,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed { margin:0;padding:0;border:0;font-size:100%;font:inherit; }
body { padding:84px 0 100px 0;background:#ffffff url('../images/bg_nav.png') 0 0 repeat-y;color:#4d4d4d;font:normal 14px 'NanumSquare',sans-serif; }
a { color:#4d4d4d;text-decoration:none; } a:visited,a:active { text-decoration:none; } a:hover { text-decoration:underline; }
img { border:0;vertical-align:top; }
input,select { font-size:100%;vertical-align:middle; }
fieldset,blockquote,iframe { border:none; }
ol,ul,li { list-style:none; }
i,em,u,cite { font-style:normal; }
strong { font-weight:700; }
h1,h2,h3,h4,h5 { clear:both;font-family:'NanumSquare',sans-serif;font-weight:700; }
legend,caption { display:none;clear:both; }
form { display:inline; }
table { table-layout:fixed;border-collapse:collapse;border-spacing:0; }
th,td { border-collapse:collapse; }

/* =float 해제 */
.f_clear:after {
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
/* ie용 홀리 핵 시작 */
* html .f_clear { height:1px; }
.f_clear { display:block;min-height:1px; }
/* ie용 홀리 핵 끝 */

.clr { clear:both;width:0;padding:0;font:0/0 Arial; }
.fl { float:left !important; }
.fr { float:right !important; }
.lAlign { padding-left:14px !important;text-align:left !important; }
.rAlign { padding-right:14px !important;text-align:right !important; }
.cAlign { text-align:center !important; }
.text-ellipsis { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.text-replace { height:0;overflow:hidden;font:0/0 Arial;text-indent:-1000em; }
.hidden { display:none !important; }

header { position:fixed;top:0;width:100%;height:88px;background:url('../images/bg_header.png') 0 0 repeat-x;overflow:hidden;z-index:100; }
header div { width:866px;height:84px;margin:0 auto;padding:0 17px;overflow:hidden; }
header div h1 { float:left;display:block;width:200px;height:40px;margin:22px 0 0 10px; }
header div h1 a { display:block;width:200px;height:40px;background:url('../images/bg.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
header div nav { float:left;display:block;margin:30px 0 0 40px; }
header div nav a { float:left;display:block;margin-left:30px;padding:0 4px;line-height:2em;font-family:'Nanum Square';font-weight:700; }

footer { position:fixed;bottom:0;width:100%;height:40px;background:url('../images/bg_footer.png') 0 0 repeat-y;background-size:100%;overflow:hidden;z-index:100; }
footer div { width:866px;height:40px;margin:0 auto;padding:0 17px;overflow:hidden; }
footer div p { float:left;display:block;line-height:42px;color:#ffffff;font-size:12px;overflow:hidden; }
footer div span.btn { float:right;display:block;margin-top:13px;overflow:hidden; }
footer div span.btn a { float:left;display:block;width:15px;height:15px;background:url('../images/bg.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
footer div span.btn a.btnLinkedin { background-position:-220px 0; }
footer div span.btn a.btnFacebook { margin-left:22px;background-position:-240px 0; }

/* Main */
.mainW { width:100%;overflow:hidden; }
.mainW .bgB { width:100%;height:400px;background:url('../images/bg_main.png') right 0 no-repeat;background-size:cover;overflow:hidden; }
.mainW .bgB div { width:900px;height:400px;margin:0 auto;background:url('../images/bg_main_txt.png') 17px 106px no-repeat;overflow:hidden;text-indent:-999em; }
.mainW .bgB div p { display:none; }
.mainW .bgB div strong { display:none; }
.mainW .contents { padding:0 17px; }
.mainW .contents h3 { display:block;margin:0 0 12px 0;color:#4c9c2e;font-size:26px;font-weight:500;letter-spacing:1px; }
.mainW .contents h3.mt40 { margin-top:40px; }
.mainW .contents h3 em{ letter-spacing:0; }
.mainW .contents p { display:block; }
.mainW .contents .box { width:100%;overflow:hidden; }
.mainW .contents .box a { display:inline-block;width:114px;height:25px;background-color:#006098;line-height:26px;color:#ffffff;font-size:10px;text-align:center; }
.mainW .contents .box span { float:left;display:block; }
.mainW .contents .box span strong { display:block;height:24px;line-height:24px;font-size:18px; }
.mainW .contents .box span p { display:block;height:42px;margin:5px 0 14px 0;font-size:11px; }
.mainW .contents .box span.ty01 { width:435px;height:230px;margin-top:36px;margin-bottom:45px; }
.mainW .contents .box span.ty01 p { height:auto;font-size:14px;margin-top:35px;line-height:1.3em; }
.mainW .contents .box span.ty01 a { margin-top:18px; }
.mainW .contents .box span.ty02 { position:relative;float:right;width:415px;height:230px;margin-top:36px; }
.mainW .contents .box span.ty02 a { position:absolute;display:block;background:url('../images/bg.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
.mainW .contents .box span.ty02 a.btnPrev { top:108px;left:12px;width:11px;height:18px;background-position:-100px -300px;z-index:1000; }
.mainW .contents .box span.ty02 a.btnNext { top:108px;right:12px;width:11px;height:18px;background-position:-120px -300px;z-index:1000; }
.mainW .contents .box span.ty02 span.playerB { position:relative;display:block;width:415px;height:230px; }
.mainW .contents .box span.ty02 span.playerB .thumb { position:static;display:block;width:415px;height:230px;background:url('../images/bg_vod_default.png') 0 0 no-repeat; }
.mainW .contents .box span.ty02 span.vod { position:absolute;display:block;width:415px;height:230px;padding:0;background:url('../images/bg_video_trans.png') 0 0 repeat;text-align:center; }
.mainW .contents .box span.ty02 span.vod a { position:static;display:inline-block;width:32px;height:36px;margin-top:99px;background:url('../images/bg.png') -140px -300px no-repeat;overflow:hidden;text-indent:-999em; }
.mainW .contents .box span.ty02 span.nav { position:absolute;top:206px;display:block;width:100%;text-align:center; }
.mainW .contents .box span.ty02 span.nav a { position:static;display:inline-block;width:16px;height:16px;background:url('../images/bg.png') 0 -340px no-repeat; }
.mainW .contents .box span.ty02 span.nav a.on { background-position:-20px -340px; }
.mainW .contents .box span.ty03 { width:374px;height:228px;padding:25px 30px 30px 30px;background-color:#f1f1f1; }
.mainW .contents .box span.ty03 strong { color:#006098;font-size:24px; }
.mainW .contents .box span.ty03 p { padding-top:118px;background:url('../images/bg_main_box.png') 0 0 no-repeat; }
.mainW .contents .box span.ty04 { width:406px;height:110px;margin-left:6px;padding:14px 10px 16px 10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
.mainW .contents .box span.ty05 { width:406px;height:110px;margin-left:6px;padding:14px 10px 16px 10px;border-bottom:1px solid #e5e5e5; }

.mainW .contents .img01 { display:block;margin:70px auto 0 auto; }

/* ABOUT US */
.subW { width:100%;overflow:hidden; }
.subW .sloganB { width:100%;height:317px;background:url('../images/bg_ty01.png') right 0 no-repeat;background-size:cover;overflow:hidden; }
.subW .sloganB.ty02 { background-image:url('../images/bg_ty02.png'); }
.subW .sloganB.ty03 { background-image:url('../images/bg_ty03.png'); }
.subW .sloganB.ty04 { background-image:url('../images/bg_ty04.png'); }
.subW .sloganB.ty05 { background-image:url('../images/bg_ty05.png'); }
.subW .sloganB.ty06 { background-image:url('../images/bg_ty06.png'); }
.subW .sloganB.ty07 { background-image:url('../images/bg_ty07.png'); }
.subW .sloganB.ty08 { background-image:url('../images/bg_ty08.png'); }
.subW .sloganB.ty09 { background-image:url('../images/bg_ty09.png'); }
.subW .sloganB.ty10 { background-image:url('../images/bg_ty10.png'); }
.subW .sloganB.ty11 { background-image:url('../images/bg_ty11.png'); }
.sloganB div { width:866px;margin:0 auto;padding:141px 17px 0 17px;overflow:hidden; }
.sloganB div h2 { float:left;width:187px;height:152px;padding:24px 0 0 21px;background:url('../images/bg_h2.png') 0 0 no-repeat;color:#ffffff;font-size:26px;font-weight:500;overflow:hidden; }
.sloganB div p { float:left;margin:95px 0 0 40px;color:#ffffff;font-size:56px;font-weight:700; }
.subW .sloganB.ty05 h2 { background-image:url('../images/bg_h2_01.png'); }
.subW .sloganB.ty06 h2 { background-image:url('../images/bg_h2_02.png'); }
.subW .sloganB.ty07 h2 { background-image:url('../images/bg_h2_02.png'); }
.subW .sloganB.ty08 h2 { background-image:url('../images/bg_h2_02.png'); }
.subW .sloganB.ty09 h2 { background-image:url('../images/bg_h2_02.png'); }
.subW .sloganB.ty10 h2 { background-image:url('../images/bg_h2_03.png'); }
.subW .sloganB.ty11 h2 { background-image:url('../images/bg_h2_02.png'); }

.contents { width:866px;margin:0 auto;padding:0 17px;overflow:hidden; }
.contents h3 { margin:26px 0 0 0;line-height:40px;color:#4c9c2e;font-size:26px;font-weight:500;letter-spacing:1px; }
.contents h3 em { display:inline-block;width:23px;height:12px;margin:11px 7px 0 0;background:url('../images/bg.png') -280px 0 no-repeat;line-height:40px;overflow:hidden;text-indent:-999em;vertical-align:top; }
.contents .subT { float:left;width:208px;padding:24px 0;background:#e4f0e0; }
.contents .subT li {  }
.contents .subT li a { display:block;padding-left:24px;line-height:40px;font-size:12px;font-weight:700; }
.contents .txtB { float:left;width:618px;padding:0 0 0 40px; }
.contents .txtB h4 { font-size:20px;font-weight:500; }
.contents .txtB p { margin-top:14px;line-height:1.35em;font-weight:700; }
.contents .txtB p.fs11 { font-size:11px; }
.contents .txtB p.fs12 { line-height:1.3em;font-size:12px; }
.contents .txtB p.normal { font-weight:normal; }
.contents .txtB p i { color:#4c9c2e; }
.contents .txtB p strong { display:block;color:#4c9c2e;font-weight:700; }
.contents .txtB p span { display:block;padding:0 0 4px 0;font-size:10px;line-height:1.3em; }
.contents .txtB p span strong { padding-bottom:2px;font-size:15px; }
.contents .txtB p.signature { width:167px;height:59px;background:url('../images/bg.png') -320px 0 no-repeat;overflow:hidden;text-indent:-999em; }

.contents .graph01 { display:block;margin:50px 0; }
.contents .txtB .img01 { display:block;margin-top:87px; }
.contents .txtB .ceoB { padding-bottom:12px;background:url('../images/bg_ceo.png') right 95px no-repeat; }
.contents .txtB .ceoB h4 { margin:34px 0 0 0;padding-bottom:34px; }
.borderUnder { width:100%;padding-bottom:28px;border-bottom:1px solid #e5e5e5; }

.strengthB ol { width:100%;margin:48px 0 0 0; }
.strengthB ol li { padding:44px 0 60px 190px;font-size:12px;font-weight:500;line-height:1.2em; }
.strengthB ol li.num01 { background:url('../images/strength01.png') 0 7px no-repeat;border-bottom:1px solid #e5e5e5; }
.strengthB ol li.num02 { background:url('../images/strength02.png') 420px 18px no-repeat;padding:44px 240px 60px 0;border-bottom:1px solid #e5e5e5; }
.strengthB ol li.num03 { padding-top:60px;background:url('../images/strength03.png') 0 18px no-repeat; }
.strengthB ol li span { display:table;color:#4c9c2e;font-weight:300; }
.strengthB ol li span strong { display:table-cell;font-size:14px;font-weight:700;vertical-align:middle; }
.strengthB ol li span em { display:table-cell;padding-right:8px;font-size:56px;vertical-align:middle;letter-spacing:-2px;line-height:54px; }
.strengthB ol li span i { display:table-cell;padding-right:8px;font-size:37px;vertical-align:middle;line-height:54px; }

.map { display:block;width:618px;height:274px;margin:15px 0 0 0; }

.officeB { width:100%;overflow:hidden; }
.officeB li { float:left;display:block;width:290px;margin:30px 0 0 0;padding:10px 0 0 0;border-top:8px solid #4c9c2e; }
.officeB li:nth-child(even) { margin-left:38px; }
.officeB li strong { display:block;margin-bottom:10px;font-size:20px;font-weight:700; }
.officeB li i { display:block;font-size:15px;font-weight:700; }
.officeB li cite { display:block;height:45px;font-size:12px;font-weight:500;line-height:1.2em; }
.officeB li a { display:block;margin:10px 0 0 0;color:#4c9c2e;font-size:12px;font-weight:700; }

.tab { width:100%;margin-top:16px;overflow:hidden; }
.tab li { float:left;width:202px;height:34px;margin-left:6px; }
.tab li:first-child { margin-left:0; }
.tab li a { display:block;width:100%;height:34px;line-height:34px;background:#989898;color:#ffffff;font-size:13px;font-weight:700;text-align:center; }
.tab li a.on { background:#4a9c2d; }

.contents .txtB .careerB { width:100%;padding:18px 0 0 0;overflow:hidden; }
.contents .txtB .careerB p { font-weight:500;font-size:15px; }
.contents .txtB .careerB span { float:left;display:block;width:202px;margin:42px 0 0 6px;font-size:12px;font-weight:700; }
.contents .txtB .careerB span em { display:block;width:100%;height:88px;background:url('../images/bg_career_img.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
.contents .txtB .careerB span.ty01 { margin-left:0; }
.contents .txtB .careerB span.ty04 { width:158px;margin-left:0; }
.contents .txtB .careerB span.ty05 { width:158px; }
.contents .txtB .careerB span.ty06 { width:158px; }
.contents .txtB .careerB span.ty07 { width:126px; }
.contents .txtB .careerB span.ty01 em { background-position:0 0; }
.contents .txtB .careerB span.ty02 em { background-position:0 -100px; }
.contents .txtB .careerB span.ty03 em { background-position:0 -200px; }
.contents .txtB .careerB span.ty04 em { background-position:0 -300px; }
.contents .txtB .careerB span.ty05 em { background-position:0 -400px; }
.contents .txtB .careerB span.ty06 em { background-position:0 -500px; }
.contents .txtB .careerB span.ty07 em { background-position:0 -600px; }

.updateB { width:100%;height:240px;margin:35px 0 0 0;background:#f1f1f1;line-height:240px;font-size:20px;font-weight:500;text-align:center; }

.contents .contactB { float:left;width:433px; }
.contents .contactB h3 { color:#006098; }
.contents .contactB p { margin-top:14px;line-height:1.35em;font-size:12px;font-weight:700; }
.contents .contactB p strong { display:block;color:#006098;font-size:14px;font-weight:700; }
.contents .contactB span.inpB { position:relative;display:block;width:396px;margin:16px 0 0 0;border:1px solid #e5e5e5; }
.contents .contactB span.inpB input.txt01 { display:block;width:100%;height:34px;padding-left:13px;border:0;line-height:34px;color:#989898;font-size:12px;font-weight:500;box-sizing:border-box; }
.contents .contactB span.inpB select { width:100%;height:36px;padding-left:13px;border:0;background:url('../images/ico_selectbox.png') right 0 no-repeat;color:#989898;font-size:12px;font-weight:500;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
.contents .contactB span.inpB textarea { display:block;width:100%;height:138px;padding:13px 13px;border:0;color:#989898;font-size:12px;font-weight:500;box-sizing:border-box;resize: none; }
.contents .contactB span.inpB a.btn { display:block;width:100%;height:36px;padding-left:13px;line-height:38px;background:url('../images/ico_selectbox.png') right 0 no-repeat;color:#989898;font-family:'NanumSquare';font-size:14px;font-weight:500;text-decoration:none;box-sizing:border-box; }
.contents .contactB span.inpB span.layerB { position:absolute;left:-1px;top:37px;display:block;width:362px;height:170px;padding:13px 17px;background:#ffffff;border:1px solid #e5e5e5;border-top:0;overflow-x:hidden;overflow-y:auto;z-index:10; }
.contents .contactB span.inpB span.layerB a { display:block;width:100%;line-height:18px;color:#000000;font-family:'NanumSquare';font-size:13px;font-weight:500;text-decoration:none;box-sizing:border-box; }
.contents .contactB span.inpB span.layerB a em { display:inline-block;width:10px;height:10px;margin:-4px 5px 0 0;background:url('../images/bg.png') 0 -300px no-repeat;overflow:hidden;text-indent:-999em;vertical-align:middle; }
.contents .contactB span.inpB span.layerB a.sub { padding-left:15px; }
.contents .contactB span.inpB span.layerB a.on em { background-position:-20px -300px; }
.contents .contactB span.inpB.on { border:1px solid #006098; }
.contents .contactB span.inpB.on input.txt01, .contents .contactB span.inpB.on select, .contents .contactB span.inpB.on textarea, .contents .contactB span.inpB.on a.btn { color:#000000; }
.contents .contactB button { display:block;width:134px;height:30px;background:#006098;border:0;margin:16px 0 4px 0;line-height:28px;color:#ffffff;font-size:13px;font-weight:700;text-align:center; }

/* SERVICES */
.grayB { width:100%;height:310px;background-color:#f1f1f1;overflow:hidden; }
.grayB ul { width:806px;margin:50px auto 0 auto;padding:0 47px;overflow:hidden; }
.grayB ul li { float:left;width:178px;margin-left:136px;font-size:16px;text-align:center; }
.grayB ul li:first-child { margin-left:0; }
.grayB ul li em { display:block;width:178px;height:178px;margin-bottom:16px;background:url('../images/bg.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
.grayB ul li.ty01 em { background-position:0 -100px; }
.grayB ul li.ty02 em { background-position:-200px -100px; }
.grayB ul li.ty03 em { background-position:-400px -100px; }

.listB { margin-top:30px; }
.listB h4 { margin-bottom:10px;color:#398d49;font-size:20px; }
.listB strong { display:block;margin-bottom:25px;color:#398d49;font-size:16px; }
.listB span.logo { position:relative;display:block; }
.listB span.logo em { position:absolute;top:-8px;display:block;background:url('../images/bg_logo.png') 0 0 no-repeat;overflow:hidden;text-indent:-999em; }
.listB span.logo em.ty01 { left:145px;width:129px;height:21px;background-position:0 0; }
.listB span.logo em.ty02 { left:100px;width:97px;height:21px;background-position:0 -30px; }
.listB ul { width:100%; }
.listB ul li { padding-left:4px;line-height:1.3em;font-size:12px;font-weight:700; }

.contents .txtB.serV .officeB li { border-top:8px solid #cbcbcb; }
.contents .txtB.serV .officeB li cite { height:120px; }
.contents .txtB.serV .officeB li a { color:#398d49; }

/* KEY PIVOTS */
.contents .subT.keyP { background:#dceaec; }

.contents .txtB.keyP h3 { color:#136f7e; }
.contents .txtB.keyP h3.mt5 { margin-top:5px; }
.contents .txtB.keyP .officeB li { border-top:8px solid #136f7e; }
.contents .txtB.keyP .officeB li cite { height:80px; }
.contents .txtB.keyP .officeB li a { color:#136f7e; }

.contents .txtB.keyP .keyFacts { width:100%;padding:10px 0;overflow:hidden; }
.contents .txtB.keyP .keyFacts span { float:left;display:block;width:309px;height:200px;background:url('../images/bg_facts.png') 0 0 no-repeat; }
.contents .txtB.keyP .keyFacts span.ty01 { background-position:0 0; }
.contents .txtB.keyP .keyFacts span.ty02 { background-position:-309px 0; }
.contents .txtB.keyP .keyFacts span.ty03 { background-position:0 -200px; }
.contents .txtB.keyP .keyFacts span.ty04 { background-position:-309px -200px; }
.contents .txtB.keyP .keyFacts span.ty05 { background:#e5e5e5; }
.contents .txtB.keyP .keyFacts span strong { display:block;margin:20px 0 15px 30px;color:#136f7e;font-size:70px;font-weight:100;letter-spacing:-2px; }
.contents .txtB.keyP .keyFacts span strong i { margin-left:4px;font-size:24px;font-weight:500;letter-spacing:0;vertical-align:2px; }
.contents .txtB.keyP .keyFacts span p { display:block;height:36px;margin:0 0 10px 30px; }
.contents .txtB.keyP .keyFacts span em { display:block;margin:0 0 0 30px;font-size:10px; }

.contents .keyP button { display:block;width:134px;height:30px;background:#136f7e;border:0;margin:30px 0 4px 0;line-height:28px;color:#ffffff;font-size:13px;font-weight:700;text-align:center; }