@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
 * 반응형 스타일 가이드
 *
 * 1) 크기는 총 4가지로 나눈다.
 *    Mobile : 0px ~ 767px
 *    Tablet : 768px ~ 1023px (iPad 기준)
 *    Desktop : 1024px ~ 1279px (일반 데스크탑 화면)
 *    Desktop Wide : 1280px 이상
 *
 */
/*
 * Common
 *
 */
html,
body { overflow-x:hidden; min-width:320px;}
html.win,
html.mac,
html.win body,
html.mac body { background-color:#fff}
body { text-decoration:none;position:relative; font-family:"Noto Sans KR", dotum, arial, san-serif;  font-size:12px; overflow:hidden;}
html.ie7 body,
html.ie8 body { visibility:hidden; background:#efefef url("/img/ajax-loader.gif") no-repeat center 300px;}
a { text-decoration:none;font-family:"Noto Sans KR", dotum, arial, san-serif;}
/* Wrapper */
.Wrapper { position:relative; z-index:1; overflow:hidden;}
/* HeaderSection */


.Menu7 {
display:none;
}


.mobilenew{display:none; }
.pcnew{display:block; }


.ca-menu1 li:hover{

    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.ca-menu1 li{
 


    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}




.ca-menu12:hover{


    -webkit-transform:scale(0.90); 
    -moz-transform: scale(0.90); 
    -o-transform: scale(0.90); 
    -ms-transform: scale(0.90); 
    transform: scale(0.90); 
}
.ca-menu12{
     -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}




#Header{}
.HeaderSection { }
.HeaderSection .LogoArea { overflow:hidden; height:70px; background-color:#fff;}
.HeaderSection .LogoArea .Logo { float:left;  height:70px; margin:0 0 0 0px; line-height:70px;}
.HeaderSection .LogoArea .Logo a { margin-left:20px;display:inline-block; overflow:hidden; width:124px; height:41px; background:url("../img/images/mobile_logo.png") no-repeat left top; text-indent:-1000px;}
.HeaderSection .LogoArea .GnbOpener { float:right; height:70px; margin:0 10px 0 0; line-height:70px;}
.HeaderSection .LogoArea .GnbOpener1 {height:auto;position:relative;width:100%;text-align:left;}
 .HeaderSection .LogoArea .GnbOpener1 .spantxt{height:auto;position:relative;top:30px;}
.HeaderSection .LogoArea .GnbOpener2 {}
.HeaderSection .LogoArea .GnbOpener button { width:35px; height:24px; line-height:1;}
.HeaderSection .UtilsWrap .Utils { display:none;  }
.HeaderSection .UtilsWrap .Utils.Language li a { font-family: 'Noto Sans KR', 'sans-serif';}
.HeaderSection .Gnb { background-color:#fff;}

/* .HeaderSection .Gnb .List { display:none;  background-color:#016db8; border-top:2px solid #efefef; } 메뉴 bar색상변경 */
.HeaderSection .Gnb .List { display:none;  background-color:#fff; border-top:2px solid #1e1e1e; }


.HeaderSection .Gnb .List > li > a { display:block; padding:10px 15px; border-bottom:2px solid #efefef; /* background:url("../img/images/bg_gnb_trigger.png") no-repeat right center; */ color:#000; font-size:16px; font-weight:bold; }
.HeaderSection .Gnb .List > li > a.Current { background:#18b9b1 /* url("../img/images/bg_gnb_trigger_on.png") no-repeat right center; */ color:#000;}
.HeaderSection .Gnb .List > li > ul { display:none;}
.HeaderSection .Gnb .List > li > ul > li > a { display:block; padding:10px 15px 10px 30px; border-bottom:2px solid #efefef; color:#000; font-size:14px; }
.HeaderSection .Gnb .List > li > ul > li > ul > li > a { display:block; padding:10px 15px 10px 45px; border-bottom:2px solid #efefef; color:#888; font-size:12px;}
.HeaderSection .Gnb .Utils { overflow:hidden;}
.HeaderSection .Gnb .Utils > a { display:block; float:left; width:25%; text-align:center; background:none !important; padding:0 !important;}
.HeaderSection .Gnb .Utils > a > span { display:block; padding:10px 0; border-left:2px solid #efefef; }
.HeaderSection .Gnb .Utils > a > span.Eng { font-family: 'Noto Sans KR', 'sans-serif' !important;}
.HeaderSection .Gnb .Utils > a:first-child > span { border-left:0 none;}

/* HeaderSection - Quick */
.HeaderSection .UtilsWrap .Utils .Quicks li { background:url(""); height:auto !important; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList { background-color:#efefef; border:1px solid #CCCCCC; padding:0px; margin-top:5px; width:95px; display:none; }
.HeaderSection .UtilsWrap .Utils .Quicks > li:hover .QuickList { display:block; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li { display:block; padding:6px 10px 7px 10px !important; text-decoration:none !important; text-align:center; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li:hover { background-color:#005696; color:#FFFFFF; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li a { text-decoration:none !important; }
/* ContentSection */
.ContentSection { min-height:500px; padding:20px 15px 60px;}
/* PathIndicator */
.PathIndicator { position:relative; z-index:30;}
.PathIndicator > ul { }
.PathIndicator > ul:after { display:block; content:""; clear:both;}
.PathIndicator > ul > li { float:left; position:relative; font-size:12px; text-align:left;}
.PathIndicator > ul > li > a { display:block; position:relative; z-index:1; height:19px; margin-bottom:5px; text-indent:10px; padding-right:20px; line-height:19px; background:url("../img/images/bg_pathindicator.png") no-repeat right center;}
.PathIndicator > ul > li.Home { padding-left:0;}
.PathIndicator > ul > li.Home > a { width:55px; padding-right:15px; background-image:url("../img/images/bg_pathindicator_home.png"); text-indent:0;}
.PathIndicator > ul > li.Depth1 > a { width:100px;}
.PathIndicator > ul > li.Depth2 > a { width:130px; margin-right:1px}
.PathIndicator > ul > li.Depth4 > a { width:140px; margin-right:1px}
.PathIndicator > ul > li.Depth3 > a { width:178px;}
.PathIndicator > ul > li.Last > a { color:#016db8;}
.PathIndicator > ul > li > ul { display:none; position:absolute; left:0; top:25px; z-index:5; width:100%;}
.PathIndicator > ul > li > ul > li > a { display:block; padding:9px 0 9px 10px; color:#fff; background:#016db8;}
.PathIndicator > ul > li > ul > li > a.Current,
.PathIndicator > ul > li > ul > li > a:active,
.PathIndicator > ul > li > ul > li > a:hover { background-color:#181818;}
/* FooterSection */
.FooterSection { clear:both;padding:10px 0 0; background-color:#fff;text-align:center }
/*.FooterSection .Utils { position:relative; left:0; top:0; width:100%; padding:10px 0 0; text-align:center;}
.FooterSection .Utils li { display:inline-block; height:12px; line-height:1; padding:0 15px; background:url("../img/images/bg_util_line.png") no-repeat left center;}
.FooterSection .Utils li:first-child { background:none;}
.FooterSection .Utils li a { display:block; color:#666; font-size:12px; font-weight:bold;color:#fff;}
.FooterSection .Address { padding:20px 0 0; text-align:center; font-size:12px; color:#333;}
.FooterSection .Copyright { padding:10px 0 30px; text-align:center; font-size:12px; color:#333;} */
/* ToTop */
.ToTop {display:block; margin:15px 0; padding:15px 0; text-align:center; background-color:#;}
/*
 * Only Mobile
 *
 */
   .bttext{color:#000!important}



@media all and (max-width: 767px) {

.table_02 td input {width:90%;height:25px;}
.table_02 td textarea {width:100%;}
.GnbOpener1{display:none}
.FooterSection .Utils { display:none;}
.flogo{margin-left:-40px;min-width:300px;margin-right:60px;}
.Menu7 {display:block; }
.mobilenew{display:block; }
.pcnew{display:none; }
.FooterSection{padding-left:30px!important}
   .bttext{color:#000!important;}
   

}
/*
 * Not Mobile
 *
 */
@media all and (min-width: 768px) {
.Menu7 {display:none; }
  /*FooterSection */
 .FooterSection { overflow:hidden; height:60px; margin-left:15px; margin-right:15px; padding:0;background-color:#fff;}
 .FooterSection > .InnerWrap { margin:0 auto;}
 .FooterSection .Logo {  width:100%; height:42px; margin:12px 0 0 0px; text-align:center;}
 /*.FooterSection .Utils { float:right; position:relative; left:auto; top:auto; width:auto; text-align:left; padding-right:0px;}
 .FooterSection .Address,
 .FooterSection .Copyright { display:none;} */
 .ToTop { margin-left:15px; margin-right:15px;}

.Menu7 {display:none;}

.mobilenew{display:none; }
.pcnew{display:block; }	 
   .bttext{color:#fff!important}


}
/*
 * Only Tablet
 *
 */
@media all and (min-width: 768px) and (max-width: 959px) {
 .GridWrap { width:580px; margin:0 auto;}
.Menu7 {display:none; }
.FooterSection .Utils {  position:relative; left:auto; top:auto; width:auto; text-align:right; padding-right:0px;}


.mobilenew{display:none; }
.pcnew{display:block; }	
   .bttext{color:#fff!important}



}
/*
 * Desktop
 *
 */

@media all and (min-width: 980px) {
 .HeaderSection .LogoArea .Inner { position:relative; height:91px; margin:0 auto;}
 .HeaderSection .LogoArea .Logo a { position:relative; left:0%; top:10px; z-index:100; height:65px; margin-left:50px; background-image:url("../img/images/mobile_logo.png"); margin-top:5px}
 .HeaderSection .LogoArea .GnbOpener1 {text-align:right}

.mobilenew{display:none; }
.pcnew{display:block; }	   
   .bttext{color:#fff!important}


.Menu7 {display:none;}
 /* PathIndicator */
 .PathIndicator { position:relative; z-index:2; margin:30px auto 0;}
 .PathIndicator:after { display:block; content:""; clear:both;}
 .PathIndicator > ul { float:right;}
 /* InnerContent */
 .ContentSection { padding-top:36px;}
 .ContentSection .InnerContent { position:relative; z-index:1; margin:0 auto; padding-top:0;}
 /* FooterSection */
.FooterSection .Utils { position:relative; left:auto; top:auto; width:auto; text-align:right; padding-right:5px;}
}
/*
 * Desktop Wide
 *
 */
@media all and (min-width: 1280px) {

.mobilenew{display:none; }
.pcnew{display:block; }
.Menu7 {display:none;}
						 
   .bttext{color:#fff!important}

 .HeaderSection {margin:0px auto; width:100%;height:90px; background:#1e1e1e  url("") repeat-x left top; background:#fff;}
 .HeaderSection > .InnerWrap { position:relative;height:143px; margin:0 auto;}
 .HeaderSection .LogoArea .Inner { position:relative; height:91px; margin:0 auto;}
 .HeaderSection {margin:0px auto; width:100%;height:90px; background:#1e1e1e  url("") repeat-x left top; }

 .HeaderSection > .InnerWrap { width:1272px;}


/*  .HeaderSection .LogoArea { position:relative; z-index:63; width:100%; height:94px; border-bottom:1px solid #99b9d6; background:#c4cdd3 url("") repeat-x left top;} gnb, 로고사이 틈새 bg */
 .HeaderSection .LogoArea { position:relative; z-index:63; width:1920px; height:150px; border-bottom:1px solid #666666; background:#fff ; margin-left:-325px; }

 .HeaderSection .LogoArea .Inner { width:1272px; background-color:#fff;text-align:center;}

 .HeaderSection .LogoArea .Logo { position:relative; left:40%}
 .HeaderSection .LogoArea .Logo a { position:relative; left:0%; top:10px; z-index:100; width:350px; height:65px; margin-left:0px; background-image:url("../img/images/logop.png"); margin-top:5px;}
 .HeaderSection .LogoArea .GnbOpener1 {display:inline-block;text-align:right; height:auto; width:72%;}
 .HeaderSection .LogoArea .GnbOpener1 .spantxt{height:auto;position:relative;top:60px;}
 .HeaderSection .LogoArea .GnbOpener { display:none;}

 .HeaderSection .UtilsWrap { left:50%; width:1272px; margin-left:-636px;}
 .HeaderSection .UtilsWrap .Utils { display:block; position:absolute; z-index:66;}
 .HeaderSection .Utils.Language { left:50%; top:39px; margin-left:-542px; text-align:left; font-family:'Noto Sans KR', 'sans-serif'; font-size:13px;}
 .HeaderSection .Utils.Func { right:5.8%;}

 .HeaderSection .UtilsWrap .Utils li { display:inline-block; overflow:hidden; height:15px; padding:0 10px 0 13px; color:#999; font-size:12px; background:url("") no-repeat left center; line-height:15px;}
 html.ie .HeaderSection .Utils li { background-position:left 2px;}
 .HeaderSection .UtilsWrap .Utils.Language li { background-position:left 4px; line-height:1; vertical-align:top;}
 .HeaderSection .UtilsWrap .Utils li:first-child { background:none; padding-left:0;}
 .HeaderSection .UtilsWrap .Utils.Func li:first-child { line-height:1.5;}
 .HeaderSection .UtilsWrap .Utils.Func li.Last { padding-right:0; font-size:13px; font-family:'Noto Sans KR', 'sans-serif'; line-height:1.3; background-position:left 3px;}
 .HeaderSection .Utils.Func { margin-left:440px;}
 .HeaderSection .Gnb { clear:both;display:inline-block; position:relative; left:0px;bottom:0;top:-60px; z-index:1000; width:100%; height:55px;}
 .HeaderSection .Gnb .Inner {width:1270px;padding-left:0px;padding-top:4px;padding-right:5px}
 .HeaderSection .Gnb .LineBg { position:absolute; left:0; top:10px; z-index:52; width:100%; height:68px;border:1px solid white /*background:url("http://www.innoxcorp.com/images/common/bg_gnb03.png") repeat-x left top;*/ background-color:#fff;}

 .HeaderSection .Gnb .Bg { border:4px solid navy;position:absolute; left:-5px; top:-400px; z-index:151; width:100%; height:290px; background-color:#f0f0f0; opacity:1; filter:alpha(opaicty=100); }
 .HeaderSection .Gnb .List {display:block; position:relative; z-index:153;border-top:1px solid #fff;}
 .HeaderSection .Gnb .List:after { display:block; content:""; clear:both; margin:0 auto;}
 .HeaderSection .Gnb .List > li { color:#fff; float:left; position:relative; width:18%; z-index:54; z-index:55; text-align:center; height:47px; line-height:39px;width:202px; }
 .HeaderSection .Gnb .List > li > a { position:absolute; left:0; top:0; width:100%; height:47px; z-index:55; display:inline-block; /*background:url("http://www.innoxcorp.com/images/common/bg_gnb03.png") repeat-x left top;*/ padding:0; font-weight:normal; border-bottom:1px solid #fff;}
 .HeaderSection .Gnb .List > li > a > span { display:block; width:100%; height:45px; line-height:47px; margin:0 auto;font-family:'NanumGothic'; font-size:18px; font-weight:600;color:#000; border-bottom:3px solid transparent; background:transparent;}

/*  .HeaderSection .Gnb .List > li:hover > a > span { color:#005696; border-bottom:3px solid #007179; text-decoration:none;} hover시 색상*/
 .HeaderSection .Gnb .List > li:hover > a > span { color:#005696; border-bottom:3px solid #fff; text-decoration:none;}

 .HeaderSection .Gnb .List > li:hover > a:hover { text-decoration:none; }

 .HeaderSection .Gnb .List > li > ul { text-align:left;display:block; overflow:hidden; position:absolute; left:55px;  top:-575px; z-index:2; height:259px; padding:0 0 0 0%; line-height:1;width:160px;}
 .HeaderSection .Gnb .List > li > ul > li:first-child { padding-top:20px;width:auto;width:100%;}
 .HeaderSection .Gnb .List > li > ul > li { padding:0 0 12px;width:auto;width:100%;}
 .HeaderSection .Gnb .List > li > ul > li > a { font-family:굴림;padding:0; color:#999; font-size:13px;border:0 none;font-weight:700}
 .HeaderSection .Gnb .List > li > ul > li:hover > a { color:#005696;}
 .HeaderSection .Gnb .List > li > ul > li > ul { padding:5px 0 0;}
 .HeaderSection .Gnb .List > li > ul > li > ul > li > a { padding:6px 0 0 0px; color:#777; border-bottom:0 none;}
 .HeaderSection .Gnb .Utils { display:none;}

 

/* PathIndicator */
 .PathIndicator { width:1272px;}
 /* InnerContent */
 .ContentSection .InnerContent { width:1272px; }
 .DescArea{font-family:'NanumGothic'; font-size:16px!important}
 .ContentSection .InnerContent.AllInfoWrapper { width:auto;}
 .ContentSection .InnerContent.AllInfoWrapper .ContentTitle { width:1272px; margin-left:auto; margin-right:auto;}
 /* FooterSection */

/*  .FooterSection { width:1272px; margin:0 auto;} 푸터 위치조절 */


.FooterSection {background-color:#3a393a;  position:relative; right:0; z-index:100; bottom:0; width:100%; height:60px; margin:0; padding:0;line-height:20px;margin:0 auto; margin-top:5px;margin-top:5px;text-align:center}


/*.FooterSection .Utils { line-height:20px;position:relative; left:0; top:0; width:100%; padding:10px 0 0; text-align:center;}
.FooterSection .Utils li { display:inline-block; height:12px; line-height:20px; padding:0 15px; background:url("../img/images/bg_util_line.png") no-repeat left center;}
.FooterSection .Utils li:first-child { background:none;}
.FooterSection .Utils li a { display:block; color:#666; font-size:12px; font-weight:bold;color:#fff;}
.FooterSection .Address { padding:20px 0 0; text-align:center; font-size:12px; color:#333;}
.FooterSection .Copyright { padding:10px 0 30px; text-align:center; font-size:12px; color:#333;}
*/


 .ToTop { width:1272px; margin:0 auto;}
 
}
/*
 * Desktop Wide
 *
 */
@media all and (min-width: 1400px) {

.mobilenew{display:none; }	 
   .bttext{color:#fff!important}

.pcnew{display:block; }
.Menu7 {display:none;}
 .ToTop { position:fixed; right:0; z-index:100; bottom:50px; width:50px; height:50px; margin:0; padding:0; line-height:50px;}
}
/*
 * 1600px
 *
 */
@media all and (min-width: 1600px) {

.mobilenew{display:none; }	   
   .bttext{color:#fff!important}

.pcnew{display:block; }
.Menu7 {display:none;}
 .ContentSection .InnerContent.AllInfoWrapper { width:1600px;}
}