@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕',Nanum Gothic,'돋움',Dotum,AppleSDGothicNeo;font-size:12px;color:#333}
img{border:0;vertical-align:top}
ul,ol{list-style:none}
em{font-style:normal}
button{background:none;border:0;padding:0;vertical-align:top;cursor:pointer;}
button span{position:relative}
a{color:inherit;text-decoration:none}
span{display:inline-block}
body{-webkit-text-size-adjust:none}/*ios에서 가로화면 텍스트 자동확장 방지*/
.skip{position:absolute;left:0;top:-100px}
.skip:focus{position:absolute;left:0;top:0;right:0;z-index:100;height:50px;background:#000;font-size:20px;line-height:50px;text-align:center;color:#fff}

/*common*/
.sp{display:inline-block;overflow:hidden;background:url(../img/sp.png) no-repeat 0 0;font-size:0;vertical-align:top;line-height:99em}

.fl_l{float:left}
.fl_r{float:right}

/*uio*/
.btn_p{position:absolute;right:-25px;top:50%;width:57px;height:58px;margin-top:-29px;background-position:-13px -389px;z-index:100}
/* 2016-04-06 노창남 수정 */
.btn_p.close{right:0;background-position:-85px -389px;margin-right:214px}
.btn_close{position:absolute;right:10px;top:22px;width:50px;height:50px;background-position:-171px -403px;z-index:120}
.btn_close:hover{opacity:0.4}

/*layout*/
#wrap{overflow:hidden;min-width:1279px;}
#header{height:75px;background:#fff;border-bottom:1px solid #e1eaf6}
#header .inn:after{display:block;clear:both;content:''}
#footer{padding:30px 0;background:#595f6a;color:#eceef2}
#footer .inn:after{display:block;clear:both;content:''}

#container{padding:24px 0;background:#e8ebee}

.main_content{overflow:hidden;position:relative;height:682px;background:#fff}

.inn{width:1200px;margin:0 auto}


/*header*/
.logo{float:left;width:174px;height:30px;margin-top:20px;background-position:-12px -12px}

.gnb{float:right;margin-top:16px}
.gnb li{float:left;width:120px;color:#2d67b2;font-size:14px;font-weight:bold;line-height:50px;text-align:center} 
.gnb a{display:block;height:50px;color:#7f8a91}
.gnb a:hover{color:#2d67b2}
.gnb a:focus{color:#2d67b2;text-decoration:underline}

/*footer*/
.ft_logo{float:left;width:174px;height:30px;margin-right:34px;background-position:-12px -50px}

.info{float:left;position:relative;padding-left:34px;font-size:11px}
.info:before{display:inline-block;position:absolute;left:0;top:0;height:70px;border-left:1px solid #696f78;content:''}
.info li:first-child{font-size:13px;font-weight:bold}
.info li{display:inline-block;line-height:24px}
.info li:after{display:inline-block;height:10px;border:1px solid #696f78;margin:0 10px -3px 10px;line-height:30px;content:''}
.info li:nth-child(2):after{border-width:0}
.info li:nth-child(7):after{border-width:0}
.info li:last-child:after{border-width:0}

.familysite{float:right}
.familysite button{position:relative;width:150px;height:32px;padding-left:15px;border:1px solid #fff;color:inherit;text-align:left}
.familysite button:after{display:block;position:absolute;right:10px;top:50%;width:10px;height:6px;margin-top:-3px;background:url(../img/sp.png) no-repeat -13px -95px;content:''}


/*회사소개*/
.sub_intro{padding:60px 0 0 74px;letter-spacing:-0.5px}
.bx_intro:after{display:block;clear:both;content:''}
.tit_intro{float:left;margin-right:97px;color:#585d64;font-size:42px}
.txt_intro{float:left;color:#49494a;font-size:13px;line-height:24px}
.visual_intro{margin:50px 0 0 170px}
.intro_bg{position:absolute;left:0;top:75px;width:100%;height:740px;background:rgba(47,48,48,0.9);z-index:200;}
.intro_wrap{width:1120px;height:622px;margin:25px auto 0 auto;padding:60px 0 0 80px;background:#fff;}
.intro_wrap .btn_close.v2{right:50%;top:40px;margin-right:-580px}
.company{margin-top:20px;color:#49494a;font-size:14px;line-height:28px;letter-spacing:-1px}
.company strong{display:inline-block;width:87px}
/*추가 */
.intros{display: none}


/*container*/
.slider{overflow:hidden;width:100%;height:auto}
.slider img{width:auto}


.snb_group_left{position:absolute;left:0;top:0;z-index: 51;}
.snb_group_left:after{display:block;clear:both;content:''}

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


.snb_tit{overflow:hidden;position:relative;float:left;width:70px;height:682px;background:#dce6f5;color:#fff;text-align:center}
.snb_tit strong{display:block;position:absolute;left:0;top:50%;width:70px;height:347px;margin-top:-170px;background-position:-1200px 0}

.snb_tit.brand{float:right;background:#dce6f5}
.snb_tit.brand strong{background-position:-1200px -360px}

.snb_menu{float:left;position:relative;width:160px;height:170.5px;text-align:center}
.snb_menu:after{display:block;clear:both;content:''}
.snb_menu button{width:160px;height:171px;background:#dce6f5;color:#8594a9;font-size:14px;font-weight:bold;}
.snb_menu button span{display:block;margin:0 auto 13px auto;}
.snb_menu .btn_on{background:#fff;color:#2d67b2}


/*비지니스 메뉴*/
.ico_b2c{width:60px;height:59px;background-position:-217px -15px}
.ico_b2c.on{background-position:-217px -87px}

.ico_sch{width:72px;height:47px;background-position:-285px -24px}
.ico_sch.on{background-position:-285px -94px}

.ico_cnt{width:79px;height:62px;background-position:-362px -16px}
.ico_cnt.on{background-position:-363px -87px}

.ico_asp{width:60px;height:60px;background-position:-454px -15px}
.ico_asp.on{background-position:-454px -87px}

.ico_ai{width:51px;height:64px;background-position:-217px -15px}
.ico_ai.on{background-position:-217px -87px}

/*브랜드메뉴*/
.ico_eng{width:57px;height:81px;background-position:-537px -14px}
.ico_eng.on{background-position:-537px -223px}

.ico_snk{width:84px;height:70px;background-position:-617px -22px}
.ico_snk.on{background-position:-617px -225px}

.ico_class{width:85px;height:38px;background-position:-531px -155px}
.ico_class.on{margin-bottom:20px;background-position:-531px -342px}

.ico_enf{width:60px;height:75px;background-position:-635px -121px}
.ico_enf.on{background-position:-640px -321px}

.bx_txt{position:absolute;left:0;bottom:20px;left:300px;padding:2.0em 3.0em 2.0em 2.0em;background:rgba(255,255,255,0.75);z-index:50;}
.bx_txt .subTit{display:block;margin-bottom:10px;color:#2d67b2;font-size:18px;font-weight:bold}
.bx_txt .hd{display:block;width:156px;height:72px;margin-top:10px;background-position:-20px -586px;color:#464646;font-size:30px;font-weight:normal;letter-spacing:-1px}
.bx_txt .ex{width:197px;height:56px;margin-top:25px;background-position:-20px -694px}
.bx_txt.v2 .hd{width:161px;height:65px;background-position:-225px -587px}
.bx_txt.v2 .ex{width:158px;height:56px;background-position:-224px -694px}

.bx_txt.v3 .hd{width:248px;height:63px;background-position:-418px -684px}
.bx_txt.v3 .ex{width:190px;height:32px;background-position:-418px -769px}


.etc{height:43px;margin-top:33px;padding:26px 0 26px 0;background:#fff}
.etc:after{display:block;clear:both;content:''}
.etc li{float:left;position:relative;width:25%;height:95px;text-align:center}
.etc li:before{display:block;position:absolute;left:0;top:50%;width:2px;height:22px;margin-top:-37px;background:url(../img/sp.png) no-repeat -66px -95px;content:''}
.etc li:first-child:before{background:none}
.etc a,.etc span{display:block;height:95px;margin:0 auto;color:#b3b9bf;font-size:16px;line-height:95px}

.etc .biz{width:158px;height:40px;background-position:-65px -208px}
.etc .biz:hover{background-position:-65px -159px}

.etc .sns_b{width:108px;height:48px;margin-top:-5px;background-position:-65px -330px}
.etc .sns_b:hover{background-position:-65px -269px}

.etc .faq{width:97px;height:40px; background-position:-263px -331px}
.etc .faq:hover{background-position:-263px -268px}

.etc .cs{width:170px;height:40px;background-position:-263px -208px}
.etc .cs:hover{background-position:-263px -158px}

.btn_close.v2{right:207px}

.snb_group_right .snb_menu button{float:right;width:130px;background:#dce6f5}
.snb_group_right .snb_menu .btn_on{background:#fff;color:#2d67b2}


/*20160414 목 정해희 추가*/
.btn_slider{position:absolute;right:0;bottom:20px;margin-right:230px}
.btn_roll_on{width:29px;height:25px;background-position:-237px -772px;cursor:pointer}
.btn_roll{width:29px;height:25px;background-position:-267px -772px;cursor:pointer}

.btn_play{width:24px;height:25px;margin-right:5px;background-position:-307px -772px;cursor:pointer}
.btn_play:hover{background-position:-307px -802px}
.btn_pause{width:24px;height:25px;background-position:-339px -772px;cursor:pointer}
.btn_pause:hover{background-position:-339px -801px}

/*패밀리*/
.lst_family{display:none;position:relative;top:-186px;right:0;bottom:31px;width:148px;border:1px solid #fff;border-bottom:0;background:rgba(89,95,106,0.9)}
.lst_family.hover{display:block}
.lst_family li{height:30px;border-bottom:1px solid #fff;line-height:30px}
.lst_family a{margin-left:16px;color:#b6cce4}
.lst_family a:hover{color:#fff}