@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosans.css); /* ³ëÅä»ê½º*/

/* layout*/
#tmArea{width:100%; height:350px; background:#fff; z-index:90; position:fixed; top:0; left:0; display:none;}

#topWrap{width:100%; height:82px; border-bottom:1px solid #fff; position:fixed; top:0; left:0; z-index:100;}
#topWrap .top{width:1150px; margin:0 auto; height:62px; padding-top:10px; z-index:100; position:relative;}
#topWrap .top .logo{width:200px; height:62px; background:url(../images/layout/logo01.png) no-repeat; position:absolute; z-index:999999; top:10px; left:0;}
#topWrap .top .logo a{display:inline-block; width:180px; height:61px; position:relative; z-index:999999; }
#topWrap .top .gnbWrap{float:right; /*padding-right:124px;*/ position:relative; z-index:200; padding-top:10px; width:100%; padding-left:230px; box-sizing:border-box;}
#topWrap .top .gnbWrap ul{float:left; width:100%;}
#topWrap .top .gnbWrap ul li{float:left; position:relative; width:15%; box-sizing:border-box; text-align:left;}
#topWrap .top .gnbWrap>ul>li>a{display:inline-block; width:100%; text-align:left; padding:5px 10px 20px; box-sizing:border-box; line-height:26px; color:#fff; font-size:17px; font-weight:600; position:relative;}
#topWrap .top .gnbWrap>ul>li>a::after{content:'';display:inline-block; width:80%; height:2px; background:#e22a27; positon:absolute; bottom:10px; opacity:0;}
#topWrap .top .gnbWrap>ul>li>a.tgOn{color:#e22a27; padding-bottom:26px; border-bottom:2px solid #e22a27;}
#topWrap .top .gnbWrap>ul>li.on>a{color:#e22a27; padding-bottom:26px; border-bottom:2px solid #e22a27;}

/*#topWrap .top .gnbWrap>ul>li>a.tgOn::after{bottom:0; opacity:1;}*/
#topWrap .top .gnbWrap ul li.projectBD{margin-top:-8px;}
#topWrap .top .gnbWrap ul li.projectBD a{line-height:18px;}

#topWrap .top .gnbWrap>ul>li>a .kr{display:block;}
#topWrap .top .gnbWrap>ul>li>a .en{display:none; letter-spacing:-1px;}
#topWrap .top .gnbWrap>ul>li>a:hover .kr{display:none;}
#topWrap .top .gnbWrap>ul>li>a:hover .en{display:block;}

#topWrap .top .gnbWrap>ul>li>a.tgOn .kr{display:none;}
#topWrap .top .gnbWrap>ul>li>a.tgOn .en{display:block;}

#topWrap .top .gnbWrap>ul>li.on>a .kr{display:none;}
#topWrap .top .gnbWrap>ul>li.on>a .en{display:block;}


#topWrap .top .snsWrap{position:absolute; top:10px; right:0; z-index:200; display:none;}
#topWrap .top .snsWrap a{display:inline-block; padding:0 5px; margin-right:-5px;}

.gnbWrap .subGnb{width:100%; position:absolute; top:60px; left:10px; display:none;}
.gnbWrap .subGnb ul{width:100%; padding-top:20px;}
.gnbWrap .subGnb ul li{width:100% !important;}
.gnbWrap .subGnb ul li>a{display:inline-block; width:100%; text-align:left; padding:8px 0; color:#292929; font-size:16px; font-weight:normal; letter-spacing:-0.2px;}
.gnbWrap .subGnb ul li>a.staff{font-size:15px; color:#5b1b1b;}
.gnbWrap .subGnb ul li>a:hover{color:#e22a27;}


#topWrap:hover{background:#fff;}
#topWrap:hover .top .logo{background:url(../images/layout/logo02.png) no-repeat;}
#topWrap:hover .top .gnbWrap>ul>li>a{color:#292929;}
#topWrap:hover .top .gnbWrap>ul>li>a:hover{color:#e22a27; padding-bottom:26px; border-bottom:2px solid #e22a27;}
#topWrap:hover .top .gnbWrap>ul>li.projectBD>a:hover{color:#e22a27; padding-bottom:24px; border-bottom:2px solid #e22a27;}

.topOn{background:#fff; border-bottom:1px solid #d1d1d1 !important;}
.topOn .top .logo{background:url(../images/layout/logo02.png) no-repeat !important}
.topOn .top .gnbWrap>ul>li>a{color:#292929 !important;}
.topOn .top .gnbWrap>ul>li>a:hover{color:#e22a27; padding-bottom:26px; border-bottom:2px solid #e22a27;}
.topOn .top .gnbWrap>ul>li.projectBD>a:hover{color:#e22a27; padding-bottom:24px; border-bottom:2px solid #e22a27;}

.topActive{background:#fff; border-bottom:1px solid #d1d1d1 !important;}
.topActive .top .logo{background:url(../images/layout/logo02.png) no-repeat !important}
.topActive .top .gnbWrap>ul>li>a{color:#292929 !important;}
.topActive .top .gnbWrap>ul>li>a:hover{color:#e22a27; padding-bottom:26px; border-bottom:2px solid #e22a27;}
.topActive .top .gnbWrap>ul>li.projectBD>a:hover{color:#e22a27; padding-bottom:24px; border-bottom:2px solid #e22a27;}

.extraLink{display:inline-block; position:absolute; top:26px; right:0; z-index:200;}
.extraLink a{display:inline-block; padding:0 4px; font-size:13px; line-height:24px; color:#ffffff; letter-spacing:-0.6px; position:relative;}
.extraLink a::before{width:2px; height:12px; background:#ffffff; position:absolute; top:6px; left:-1px; content:'';}
.extraLink a:first-child::before{display:none !important;}
.extraLink a.projectBD{color:#e22a28 !important; font-weight:600;}


.extraLink a:hover{color:#e22a27;}

#topWrap:hover .extraLink a{color:#000;}
#topWrap:hover .extraLink a::before{background:#cacaca;}
#topWrap:hover .extraLink a.projectBD{color:#e22a27 !important;}
.topOn .extraLink a{color:#000;}
.topOn .extraLink a::before{background:#cacaca;}
.topOn  .extraLink a.projectBD{color:#e22a27 !important;}
.topActive .extraLink a{color:#000;}
.topActive .extraLink a::before{background:#cacaca;}
.topActive .extraLink a.projectBD{color:#e22a27 !important;}


.center{width:1150px; margin:0 auto;}
.hide{display:none;}

#footWrap{width:100%; padding:45px 0; background:#fff; float:left; border-top:1px solid #d1d1d1;}
.foot{width:100%; position:relative; float:left;}
.foot .fLogo{float:left; width:185px; padding-top:50px;}
.foot .fSubWrap{padding-left:50px; float:left; width:960px; text-align:left;}
.foot .fSubWrap .fSite{color:#4a4a4a; font-size:17px; padding-bottom:20px;}
.foot .fSubWrap .fSite a{color:#4a4a4a; display:inline-block; padding:0 10px; line-height:30px;}

.foot .fSubWrap .fAddress{padding-bottom:10px; color:#6d6d6d; font-size:14px; line-height:24px; font-style:normal;}
.foot .fSubWrap .copyright{color:#535353; font-size:16px; font-weight:600; line-height:24px;}

.foot .fTel{position:absolute; top:50px; right:0;}
.foot .fTel a{font-size:20px; font-weight:normal; width:185px; line-height:24px; padding:20px; text-align:center; background:#c71313; color:#ffffff;}
.foot .fTel a:hover{background:#000000;}

.floatKakao{display:inline-block; position:fixed; bottom:50px; right:0px; z-index:999}

#footAskWrap{width:100%; padding:80px 0 165px; float:left; background:url(../images/layout/bottomBg.jpg) no-repeat center bottom; background-attachment:fixed; position:relative;}
#footAskWrap .footAsk{width:100%; color:#ffffff; font-size:38px; text-align:center;}
#footAskWrap .footAsk .txt01{font-size:38px; font-weight:600;}
#footAskWrap .footAsk .txt02{font-size:18px; padding:20px 0 30px;}
#footAskWrap .footAsk .goAsk{display:inline-block; padding:15px 30px; color:#ffffff; font-size:20px; border:1px solid #ffffff;}
#footAskWrap .footAsk .goAsk:hover{color:#000000; background:#ffffff;}


#wrap{width:100%; }




/* sub page common 
#subTopWrap{width:100%; height:300px; overflow:hidden; background:url(../images/subTop.jpg) no-repeat center center;}
.subTop{width:100%; text-align:center;}
.subTop .subTopTit{padding-top:140px; text-align:center; color:#fff; font-size:40px; font-weight:bold; padding-bottom:20px;}
.subTop .subTopLine{display:inline-block; width:40px; height:1px; background:#fff;}
.subTop .subTopTxt{padding-top:20px; text-align:center; color:#fff; font-size:18px;}


.subContWrap{width:1048px; min-height:600px; margin:50px 0; padding:50px; background:#fff; border:1px solid #d6d6d6;}
*/


/* common sub page 
.companyWrap{width:100%; position:relative;}
.companyWrap .photo{position:absolute; top:0; left:0; display:inline-block; width:340px; text-align:left;}
.companyWrap .company{display:inline-block; text-align:left; width:60%; margin-left:370px;}
.companyWrap .company .companyTit{font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; color:#000; font-size:30px; line-height:40px; padding-bottom:20px; width:100%;}
.companyWrap .company .companyTxt01{font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; color:#000; font-size:20px; line-height:30px; padding-bottom:15px; width:100%;}
.companyWrap .company .companyTxt01 span{color:#4d6d82;}
.companyWrap .company .companyTxt02{font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; color:#5c5c5c; font-size:14px; line-height:24px; width:100%;}

.companyInfo{width:100%; padding-top:50px;}
.companyInfo table th{width:27%; padding-left:3%; background:#e1e1e1; color:#2d2d2d; line-height:40px; border-bottom:1px solid #cccccc; font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:16px; text-align:left;}
.companyInfo table td{width:67%; padding-left:3%; background:#f3f1f1; color:#2d2d2d; line-height:40px; border-bottom:1px solid #cccccc; font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:16px; text-align:left;}

.subMap{width:100%; }
.subMapTxt{width:100%; font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; color:#393939; font-size:20px; padding:30px 0; text-align:center;}
.subMapInfo{width:100%; border-bottom:1px solid #cccccc;}
.subMapInfo table th{width:20%; background:#e1e1e1; color:#2d2d2d; line-height:40px; border-top:1px solid #cccccc; font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:16px; text-align:center;}
.subMapInfo table td{width:30%; background:#f3f1f1; color:#2d2d2d; line-height:40px; border-top:1px solid #cccccc; font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:16px; text-align:center;}

*/