@charset "UTF-8";

@font-face{
	font-family:"NotoSans-Thin";
	src:url('notokr-thin.eot');
	src:url('notokr-thin.eot?#iefix') format('embedded-opentype'),
	url('notokr-thin.woff') format('woff'),
	url('notokr-thin.otf') format('opentype');
	url('notokr-thin.ttf') format('truetype');
	src:local('?'), url('notokr-thin.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Light";
	src:url('notokr-light.eot');
	src:url('notokr-light.eot?#iefix') format('embedded-opentype'),
	url('notokr-light.woff') format('woff'),
	url('notokr-light.otf') format('opentype');
	url('notokr-light.ttf') format('truetype');
	src:local('?'), url('notokr-light.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Regular";
	src:url('notokr-regular.eot');
	src:url('notokr-regular.eot?#iefix') format('embedded-opentype'),
	url('notokr-regular.woff') format('woff'),
	url('notokr-regular.otf') format('opentype');
	url('notokr-regular.ttf') format('truetype');
	src:local('?'), url('notokr-regular.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Medium";
	src:url('notokr-medium.eot');
	src:url('notokr-medium.eot?#iefix') format('embedded-opentype'),
	url('notokr-medium.woff') format('woff'),
	url('notokr-medium.otf') format('opentype');
	url('notokr-medium.ttf') format('truetype');
	src:local('?'), url('notokr-medium.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Bold";
	src:url('notokr-bold.eot');
	src:url('notokr-bold.eot?#iefix') format('embedded-opentype'),
	url('notokr-bold.woff') format('woff'),
	url('notokr-bold.otf') format('opentype');
	url('notokr-bold.ttf') format('truetype');
	src:local('?'), url('notokr-bold.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Black";
	src:url('notokr-black.eot');
	src:url('notokr-black.eot?#iefix') format('embedded-opentype'),
	url('notokr-black.woff') format('woff'),
	url('notokr-black.otf') format('opentype');
	url('notokr-black.ttf') format('truetype');
	src:local('?'), url('notokr-black.woff') format('woff');
}


/* forma-djr-display font */
@import url('https://use.typekit.net/hla8nfu.css');


@font-face {font-family:'GodoM';font-style:normal;font-weight:400;
src:url('GodoM.woff2') format('woff2'), 
url('GodoM.woff') format('woff');} 

@font-face {font-family:'GodoB';font-style:normal;font-weight:700; 
src: url('GodoB.woff2') format('woff2'), 
url('GodoB.woff') format('woff');} 

.godo * {font-family:'Godo', sans-serif;}





*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#555; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal; font-family:'NotoSans-Bold'}
th{font-weight:normal}
::-webkit-input-placeholder {color:#b1b1b1;}
:-moz-placeholder {color:#b1b1b1; opacity:1;}
::-moz-placeholder {color:#b1b1b1; opacity:1;}
:-ms-input-placeholder {color:#b1b1b1;}
:placeholder-shown {color:#b1b1b1;}


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}

.taL{text-align:left !important}
.taC{text-align:center !important}
.taR{text-align:right !important}

/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}


.resize {width:100%}
.resize80 {width:65%}


#wrap{position:relative; width:100%; height:100%}
/*
#wrap.main{overflow:hidden;}
*/
.blackBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1101}

/* header 웹 */
#headerW{position:absolute; top:0; left:0; width:100%; text-align:center; height:85px; border-bottom:1px solid rgba(255,255,255,0.2); z-index:1000;}
#headerW h1{position:absolute; top:10px; left:40px; z-index:10;}
#headerW h1 a{display:block; width:99px; height:68px; background:url("../img/logo_wht_skn.png") no-repeat 50% 50%;}
#headerW .utilDiv{position:absolute; top:0; right:86px; padding-top:29px;}
#headerW .utilDiv:after{display:block; content:""; clear:both;}
#headerW .utilDiv .customerBt{color:#fff; display:block; float:left; position:relative; padding-right:16px; font-size:14px;font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif;padding-top:9px;}
/*#headerW .utilDiv .customerBt:after{display:block; content:''; width:1px; height:12px; background:#dadada; opacity:0.5; position:absolute; top:2px; right:0;}*/
#headerW .utilDiv .langDiv{position:relative; float:left; padding:0 30px 0 13px;}
#headerW .utilDiv .langDiv > a{display:block; width:23px; height:15px; background:url("/common/images/btn/eng_btn.png") no-repeat left center;}
#headerW .utilDiv .langDiv > div{display: none; position:absolute; top:15px; left:0; width:98px; padding:15px 0; background:#fff;}
#headerW .utilDiv .langDiv > div > a{display:block; font-size:15px; color:#555; line-height:24px; text-align:center;}

#headerW .fmSitBt{position:absolute; top:0; right:0; display:block; width:85px; height:85px; background:url("../img/sitelist_bt.png") no-repeat 50% 50%;cursor:pointer;}
#headerW.subHeader .fmSitBt:before{display:block; content:''; position:absolute; top:0; right:85px; width:1px; height:85px; background:rgba(255,255,255,0.2);}
#headerW.type2{border-bottom:1px solid rgba(255,255,255,0.2);}
#headerW.type2 h1 a{display:block; width:99px; height:68px; background:url("../img/logo_wht_skn.png") no-repeat 50% 50%;}
#headerW.type2 .utilDiv .langDiv > a{color:#555; background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;}
#headerW.type2 .fmSitBt{position:absolute; top:0; right:0; display:block; width:85px; height:85px; background:url("../img/sitelist_bt.png") no-repeat 50% 50%;cursor:pointer;}
#headerW.type2 .gnbDiv li .oneD{color:#fff;}
#headerW.type2 .utilDiv .customerBt{color:#fff;}
#headerW.type3{border-bottom:1px solid rgba(255,255,255,0.2);/*background:rgba(255,255,255,0.9);*/}
#headerW .gnbDiv{position:relative; width:100%; margin:0 auto;}
#headerW .gnbDiv .inner{width:970px; margin:0 auto; height:85px; overflow:hidden;}
#headerW .gnbDiv ul{width:800px; margin:0 auto; overflow:hidden;}
#headerW .gnbDiv li{float:left; width:150px;padding-left:40px;}
/*#headerW .gnbDiv li .oneD{position:relative; display:block; height:85px; line-height:85px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#fff; text-align:center;}*/
#headerW .gnbDiv li .oneD{position:relative; display:block; height:85px; line-height:85px; font-size:18px; color:#fff;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;letter-spacing:-1px;}

#headerW .gnbDiv li .twoD{padding:20px 30px 5px; text-align:left}
#headerW .gnbDiv li:nth-child(2) .twoD{padding:20px 20px 5px;}
#headerW .gnbDiv li:nth-child(3) .twoD{padding:20px 40px 5px;}
#headerW .gnbDiv li:nth-child(4) .twoD{padding:20px 38px 5px;}
#headerW .gnbDiv li .twoD > a{display:block; width:100%; font-size:13px;font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif; color:#525252; line-height:18px; margin-top:13px;letter-spacing:-1px;}
/*#headerW .gnbDiv li .twoD > a.link{padding-right:22px; background:url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 5px}*/
#headerW .gnbDiv li .twoD > a:first-child {margin-top:0;}
#headerW .gnbDiv li .twoD .thrD{padding-top:25px; position:relative; overflow:hidden; display:none}
#headerW .gnbDiv li .twoD .thrD:before{content:''; display:block; position:absolute; top:25px; left:0; width:2px; height:100%; background:#ddd}
#headerW .gnbDiv li .twoD .thrD > a{display:block; font-size:15px; margin-top:16px; padding-left:23px}
#headerW .gnbDiv li .twoD .thrD > a:first-child{margin-top:0}
#headerW.on .gnbDiv li .twoD .thrD > a:hover, #headerW .gnbDiv li .twoD .thrD > a:focus{color:#00448d; font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif}
#headerW.on h1 a{display:block; width:99px; height:68px; background:url("../img/logo_color_skn.png") no-repeat 50% 50%;}
/*#headerW.on .utilDiv .langDiv > a{background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;}*/
#headerW.on .fmSitBt{position:absolute; top:0; right:0; display:block; width:85px; height:85px; background:url("../img/sitelist_bt_on.png") no-repeat 50% 50%;}
#headerW.on .gnbDiv{background:#fff;height:390px;background:url('../img/gnbDiv_back02.jpg')center top;}
#headerW.on .gnbDiv:after{content:''; position:absolute; top:85px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.on .gnbDiv li .oneD{color:#525252;}
#headerW.on .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD{color:#ff8700;}
#headerW.on .gnbDiv li:hover .oneD:after, #header.on .gnbDiv li:focus .oneD:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#ff8700; z-index:10;}
#headerW.on .gnbDiv li .twoD a:hover, #header.on .gnbDiv li .twoD a:focus{font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif; color:#ff8700}
#headerW.on .gnbDiv li .twoD a.on{font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif; color:#ff8700}
#headerW.on .utilDiv .customerBt{color:#555;}
#headerW.on .utilDiv .customerBt:after{opacity:1;}
#headerW.on .fmSitBt:before{display:block; content:''; position:absolute; top:0; right:85px; width:1px; height:85px; background:#ddd;}
.allMenu{width:0; position:absolute; top:0; right:0; background:url('../img/allmenu_i.jpg') no-repeat center center; z-index:1200; box-sizing:border-box; padding-top:70px; display:none; opacity:0}
.allMenu .logo{position:absolute; top:20px; left:40px; display:block; width:99px; height:68px; background:url("../img/logo_wht_skn.png") no-repeat 50% 50%;}
.allMenu ul{width:1170px; margin:0 auto; overflow:hidden}
.allMenu ul li{width:20%; float:left; margin-top:110px; box-sizing:border-box; padding-left:100px; text-align:left}
.allMenu ul li a.oneD{font-size:22px; color:#fff; font-family:'NotoSans-Bold'; cursor:default;font-weight:700;letter-spacing:-1px;}
.allMenu ul li .twoD{margin-top:25px; display:block;font-family:'GodoM', 'NotoSans-Bold', 'Malgun Gothic', sans-serif;letter-spacing:0px;}
.allMenu ul li .twoD a{display:block; color:#fff; font-size:15px; line-height:36px}
.allMenu ul li .twoD a:hover{color:#ff8700; text-decoration:none}
.allMenu ul li .twoD a.typeA{cursor:default}
.allMenu ul li .twoD a.typeA:hover{color:#fff; text-decoration:none}
.allMenu ul li .thrD{padding-left:20px; border-left:2px solid #ddd; box-sizing:border-box; margin:20px 0}
.allMenu ul li .thrD a{font-size:15px; line-height:1; padding:7px 0; color:rgba(255, 255, 255, 0.4)}
.allMenu ul li .thrD a:first-child{padding-top:0}
.allMenu ul li .thrD a:last-child{padding-bottom:0}
.allMenu ul li .twoD > a.link{padding-right:26px; background:url('/common/images/icon/allMenu_twoD_link.png') no-repeat left 75px center}

.allMenu .closeBtn{position:absolute; top:18px; right:18px; display:block; padding:5px; width:24px; height:24px; background:url('../img/allMenu_close.png') no-repeat center center}
.allMenu .lang{display:block; width:23px; height:15px; background:url("/common/images/btn/eng_btn.png") no-repeat left center; position:absolute; top:28px; right:110px}

/* body 웹*/
#wBody{position:relative; width:100%; height:100%; overflow:hidden; min-height:768px}
.mainSection{position:absolute; top:100%; left:0; width:100%; height:100%; overflow:hidden}
.mainVisDiv{top:0;}
.mainVisDiv .visArea{position:relative; width:100%; height:100%; overflow:hidden}
.mainVisDiv .visArea .visual{position:absolute; top:0; left:100%; width:100%; height:100%;} 
.mainVisDiv .visArea .visual .videoDiv{position:absolute; left:0;top:0; width:100%;}
.mainVisDiv .visArea .visual .videoDiv .vvdeio{position: fixed;left:50%; transform:translate(-50%, 0);min-height:100%;}

.mainVisDiv .visArea .visual:nth-child(1){background:url('../img/Main_visual_img.jpg') no-repeat center center ; background-size:cover; left:0}
/*.mainVisDiv .visArea .visual:nth-child(2){background:url('/common/images/icon/mainVis2.jpg') no-repeat center center; background-size:cover}
.mainVisDiv .visArea .visual:nth-child(3){background:url('/common/images/icon/mainVis3.jpg') no-repeat center center; background-size:cover}
.mainVisDiv .visArea .visual:nth-child(4){background:url('/common/images/icon/mainVis4.jpg') no-repeat center center; background-size:cover}*/
.mainVisDiv .visArea .visual .txtDiv{position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; font-size:18px; color:#fff;}
.mainVisDiv .visArea .visual .txtDiv .inner{position:relative; width:1180px; margin:0 auto}
.mainVisDiv .visArea .visual .txtDiv .txt1{width:100%; height:102px; position:absolute; top:280px; left:0; overflow:hidden; text-align:left}
.mainVisDiv .visArea .visual .txtDiv .txt1 img{position:absolute; top:150px;width:19%;left:50%; transform:translate(-50%, 0);}
.mainVisDiv .visArea .visual .txtDiv .txt2{position:absolute; top:387px;text-align:center;width:610px;left:50%; transform:translate(-50%, 0); overflow:hidden;font-size:65px; color:#ffffff; font-weight:600;letter-spacing:-5px;}
.mainVisDiv .visArea .visual .txtDiv .txt2 img{position:absolute; top:89px; right:147px}
.mainVisDiv .visArea .visual .txtDiv .txt3{width:100%; text-align:center; position:absolute; top:430px; opacity:0;font-size:26px; color:#ffffff; font-weight:500; margin-top:20px;letter-spacing:-3px;line-height:40px;/*text-shadow: 1px 2px #383838;*/font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
.mainVisDiv .visArea .visual .txtDiv .mTxt1{width:100%; display:none}
.mainVisDiv .visArea .visual .txtDiv .mTxt2{width:100%; display:none}
.mainVisDiv .visArea .scrollBt{position:absolute; bottom:0; left:50%; transform:translate(-50%, 0);}
.mainVisDiv .visBtn{position:absolute; top:462px; left:0; width:100%; text-align:center;}
.mainVisDiv .visBtn .rollBt{position:relative; display:inline-block; vertical-align:top; width:8px; height:8px; overflow:hidden; margin-left:17px; background:rgba(255, 255, 255, 0.5)}
.mainVisDiv .visBtn .rollBt .bar{position:absolute; top:0; left:0; display:inline-block; width:0; height:8px; background:#d60014;}
.mainVisDiv .visBtn .rollBt:first-child{margin-left:0;}
.mainVisDiv .visBtn .rollBt.on{width:70px; background:rgba(255, 255, 255, 0.5)}
.mainVisDiv .visBtn .playBt{position:relative; display:inline-block; vertical-align:top; overflow:hidden; margin-left:17px; margin-top:-9px;}
.mVisArea{display:none}

.mainCon1{background:url("../img/skn_bg0.jpg") no-repeat center center; background-size:cover}
.mainCon1 .txtDiv{width:100%; position:absolute; top:0; left:0; text-align:center; font-size:18px; color:#fff;}
.mainCon1 .txtDiv .txt1{position:absolute; top:281px; left:0; width:100%; opacity:0; z-index:11}
.mainCon1 .txtDiv .txt2{position:absolute; top:363px; left:0; width:100%; opacity:0; z-index:11;font-size:26px; color:#fff; font-weight:400; margin-top:20px;letter-spacing:-3px;line-height:40px;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
.mainCon1 .listDiv{width:880px; height:338px; position:absolute; top:423px; left:50%; transform:translateX(-50%); z-index:11;}
.mainCon1 .listDiv .list{position:absolute; top:50px; width:246px; height:338px; text-align:center; opacity:0;}
.mainCon1 .listDiv .list1{left:0px;}
.mainCon1 .listDiv .list2{left:295px;}
.mainCon1 .listDiv .list3{left:590px;}
.mainCon1 .listDiv .list4{left:885px;}
.mainCon1 .listDiv a.list .off{opacity:1; position:absolute; top:0; left:0; width:246px; height:338px;}
.mainCon1 .listDiv a.list .off img:last-child{display:none}
.mainCon1 .listDiv a.list .on{opacity:0; position:absolute; top:0; left:0; width:246px; height:338px; background:url('../img/skn_MiconBack.png');}
.mainCon1 .listDiv a.list .on span{display:block;}
.mainCon1 .listDiv a.list .on .txt{margin-top:30px; font-size:16px; color:#8a6233; line-height:22px;letter-spacing:-1px;font-family:"NotoSans-Bold";-webkit-font-smoothing:antialiased;}
.mainCon1 .listDiv a.list .on .arrow{position:absolute; bottom:60px; left:50%; transform:translateX(-50%); height:8px;}
.mainCon1 .listDiv a:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:0; background:#f7ab53; transition:all 0.5s ease}
.mainCon1 .listDiv a:hover:before{height:358px}
.mainCon1 .listDiv a:after{content:''; display:block; position:absolute; top:0; right:0; width:1px; height:0; background:#f7ab53; transition:all 0.5s ease}
.mainCon1 .listDiv a:hover:after{height:358px}
.mainCon1 .listDiv a > div:before{content:''; display:block; position:absolute; top:0; left:0; width:0px; height:1px; background:#f7ab53; transition:all 0.5s ease}
.mainCon1 .listDiv a > div:hover:before{width:256px}
.mainCon1 .listDiv a > div:after{content:''; display:block; position:absolute; bottom:0; right:0; width:0px; height:1px; background:#f7ab53; transition:all 0.5s ease}
.mainCon1 .listDiv a > div:hover:after{width:256px}
.mainCon1 .bgDiv {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.mainCon1 .bgDiv > div{position:absolute; top:0; left:0; width:100%; height:100%;}
.mainCon1 .bgDiv .bg1 {/*background:url("../img/skn_Micon01.jpg") no-repeat center center;*/ background-size:cover; display:none; opacity:0}
.mainCon1 .bgDiv .bg2 {/*background:url("../img/skn_Micon02.jpg") no-repeat center center;*/ background-size:cover; display:none; opacity:0}
.mainCon1 .bgDiv .bg3 {/*background:url("../img/skn_Micon03.jpg") no-repeat center center;*/ background-size:cover; display:none; opacity:0}
.mainCon1 .bgDiv .bg4 {/*background:url("/common/images/icon/tech_bg5.jpg") no-repeat center center;*/ background-size:cover; display:none; opacity:0}

.mainCon2{background:url("../img/skn_bg1.jpg") no-repeat center center; background-size:cover}
.mainCon2 .txtDiv{width:100%; position:absolute; top:0; left:0; text-align:center; font-size:18px; color:#777;}
.mainCon2 .txtDiv .txt1{position:absolute; top:281px; left:0; width:100%; opacity:0;}
.mainCon2 .txtDiv .txt2{position:absolute; top:303px; left:0; width:100%; opacity:0;font-size:26px; color:#fff; font-weight:400; letter-spacing:-3px;line-height:40px;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
.mainCon2 .swiper-container{width:1200px; height:396px; position:absolute; left:50%; transform:translateX(-50%); opacity:0; padding:0 10px;margin-top:50px;top:0;}
.mainCon2 .swiper-container .swiper-slide{width:248px; height:396px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);}
.mainCon2 .swiper-container .swiper-slide .txtBox{width:220px; height:230px; background:#fff; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; padding:24px 30px 30px; position:relative; box-sizing:border-box}
.mainCon2 .swiper-container .swiper-slide .txtBox .tit{font-size:20px; color:#222; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; display:block; line-height:30px;}
.mainCon2 .swiper-container .swiper-slide .txtBox .txt{font-size:16px; color:#555; display:block; line-height:26px; margin-top:13px;}
.mainCon2 .swiper-container .swiper-slide .txtBox .date{font-size:16px; color:#777; display:block; position:absolute; bottom:30px; left:30px;}
.mainCon2 .swiper-container-horizontal>.swiper-scrollbar{width:150px; height:3px; left:0; right:0; bottom:7px; margin:auto; background:#b6b6b6;}
.mainCon2 .swiper-scrollbar-drag{height:100%; width:100%; position:relative; background:#222222}
.mainCon2 .swiper-button-prev{background-image:url("/common/images/icon/news_list_prev_on.png"); left:10px; right:auto}
.mainCon2 .swiper-button-next{background-image:url("/common/images/icon/news_list_next_on.png"); right:10px; left:auto}
.mainCon2 .swiper-button-next, .mainCon2 .swiper-button-prev{position:absolute; top:auto; bottom:7px; width:30px; height:8px; background-size:30px 8px;}
.mainCon2 .swiper-button-next.swiper-button-disabled{opacity:1; background-image:url("/common/images/icon/news_list_next_off.png");}
.mainCon2 .swiper-button-prev.swiper-button-disabled{opacity:1; background-image:url("/common/images/icon/news_list_prev_off.png");}
.mainCon2 .swiper-pagination{display:none}

.mainCon3{background:url("../img/skn_bg2.jpg") no-repeat center center; background-size:cover;}
.mainCon3 .txtDiv{width:100%; position:absolute; top:0; left:0; text-align:center; font-size:18px; color:#777;}
.mainCon3 .txtDiv .txt1{position:absolute; top:281px; left:0; width:100%; opacity:0;}
.mainCon3 .txtDiv .txt2{position:absolute; top:363px; left:0; width:100%; letter-spacing:-1.5px; opacity:0;font-size:26px; color:#fff; font-weight:400; letter-spacing:-3px;line-height:40px;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
.mainCon3 .careerDiv{width:1200px; height:482px; margin:auto; position:absolute; top:490px; left:80px; right:0; opacity:0;}
.mainCon3 .careerDiv .leftD{position:absolute; top:0; left:0; /*background:url("/common/images/icon/career_left_bg.jpg") no-repeat 0 0;*/ width:679px; height:482px; color:#fff;padding-top:50px;}
.mainCon3 .careerDiv .leftD .tit{font-size:26px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; position:relative;}
.mainCon3 .careerDiv .leftD .tit:after{content:""; display:block; width:50px; height:1px; position:absolute; bottom:-32px; left:0; background:#fff;}
.mainCon3 .careerDiv .leftD .txt{font-size:16px; line-height:26px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; margin:55px 0 45px;}
.mainCon3 .careerDiv .leftD .careerBt{display:block; width:140px; height:54px; border:2px solid #fff; color:#fff; line-height:54px; padding:0 20px;}
.mainCon3 .careerDiv .leftD .careerBt span{background:url("/common/images/icon/career_left_arrow.png") no-repeat right center; display:block;}
.mainCon3 .careerDiv .rightD{position:absolute; top:40px; right:70px; width:434px; height:482px; overflow:hidden; padding:0 0px}
.mainCon3 .careerDiv .rightD .list{display:block; width:434px; height:194px; margin:49px 0px 8px 0; /*box-shadow:0 5px 30px 0 rgba(0,0,0,0.2);*/ float:left; position:relative; /*background :#fff url("/common/images/icon/career_list_icon1.png") no-repeat right 35px bottom 35px;*/}
.mainCon3 .careerDiv .rightD .list:nth-child(2){width:434px; height:194px; margin:0 0px 8px 0;float:left; position:relative;/*background :#fff url("/common/images/icon/career_list_icon2.png") no-repeat right 35px bottom 35px;*/}
.mainCon3 .careerDiv .rightD .list:nth-child(3){background :#fff url("/common/images/icon/career_list_icon3.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .list:nth-child(4){background :#fff url("/common/images/icon/career_list_icon4.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .tit{font-size:22px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#333; display:block; margin-bottom:15px;}
.mainCon3 .careerDiv .rightD .txt{font-size:16px; line-height:24px; color:#666; display:block;}
.mainCon3 .careerDiv .rightD .goBt{display:block; position:absolute; bottom:36px; left:40px;}

/* 메인 인디케이터 */
.mainIndi{position:absolute; top:0; height:100%; right:26px; width:19px; z-index:1100; /*background:url("../img/mainIndi_bg.png")*/ repeat-y 50% 50%}
.mainIndi .indiDiv{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.mainIndi li{margin:0 0 5px; text-align:center;}
.mainIndi li:last-child {margin-bottom:0;}
.mainIndi li a{display:inline-block; width:11px; height:11px; background:#fff; position:relative; border-radius:5px;}
.mainIndi li a:before{content:''; display:none; position:absolute; right:23px; height:12px; top:50%; transform:translateY(-50%)}
.mainIndi li:first-child a:before{width:101px;height:22px; background:url("../img/mainIndi_tit1.jpg") no-repeat center center}
.mainIndi li:nth-child(2) a:before{width:101px;height:22px; background:url("../img/mainIndi_tit2.jpg") no-repeat center center}
.mainIndi li:nth-child(3) a:before{width:101px;height:22px; background:url("../img/mainIndi_tit3.jpg") no-repeat center center}
.mainIndi li:last-child a:before{width:101px;height:22px; background:url("../img/mainIndi_tit4.jpg") no-repeat center center}
.mainIndi li.on{margin:20px 0 15px;}
.mainIndi li.on:first-child{margin:0 0 15px;}
.mainIndi li.on:last-child{margin:20px 0 0;}
.mainIndi li.on a{background:url("../img/main_indi_on.png") no-repeat 50% 50%; width:17px; height:19px}
.mainIndi li.on a:before{display:block}
.mainIndi.type2 {/*background:url("../img/mainIndi_bg2.png")*/ repeat-y 50% 50%}
.mainIndi.type2 li a{background:#ffffff;}
.mainIndi.type2 li.on a{background:url("../img/main_indi_on.png") no-repeat 50% 50%; width:17px; height:19px}
.mobileBtn{display:none}

.mainLayerPop{position:absolute; z-index:9999; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; height:565px}
.mainLayerPop .popBody{width:600px; height:515px; overflow:hidden; position:relative; background:#fff}
.mainLayerPop .popBody .swiper-slide{height:515px}
.mainLayerPop .popBody .swiper-slide > a{display:block}
.mainLayerPop .popBody .swiper-slide .text{height:515px; font-size:16px; line-height:22px}
.mainLayerPop .popBody .swiper-slide .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#989898}
.mainLayerPop .popBody .swiper-slide .text .mCSB_scrollTools .mCSB_draggerRail{background:#fff}
.mainLayerPop .popBody .swiper-pagination{bottom:30px}
.mainLayerPop .popBody .swiper-button-prev, .mainLayerPop .popBody .swiper-button-next{width:16px; height:32px}
.mainLayerPop .popBody .swiper-button-prev{left:30px; background:url('/common/images/btn/mainLayerPop_prev.png') no-repeat 0 0}
.mainLayerPop .popBody .swiper-button-next{right:30px; background:url('/common/images/btn/mainLayerPop_next.png') no-repeat 0 0}
.mainLayerPop .popBottom{width:600px; height:50px; background:#232a31; position:relative; padding:14px 70px 14px 0; box-sizing:border-box}
.mainLayerPop .popBottom > div{text-align:right}
.mainLayerPop .popBottom > div input{width:20px; height:20px; box-sizing:border-box; margin-right:10px}
.mainLayerPop .popBottom > div label{font-size:16px; line-height:20px; color:#c8c8c8}
.mainLayerPop .popBottom .xBt{position:absolute; top:0; right:0; width:50px; height:50px}

/* 서브페이지 */
#subBody{position:relative; width:100%}
#subBody .subVisual{width:100%; height:400px; position:relative; background:url('../img/subVisual1b.jpg') no-repeat center top}
#subBody .subVisual.type2{background:url('../img/subVisual2.jpg') no-repeat center top;}
#subBody .subVisual.type3{background:url('../img/subVisual3.jpg') no-repeat center top;}
#subBody .subVisual.type4{background:url('../img/subVisual4.jpg') no-repeat center top;}
#subBody .subVisual.type5{background:url('../img/subVisual_etc01.jpg') no-repeat center top;}
#subBody .subVisual.type6{background:url('../img/subVisual_etc02.jpg') no-repeat center top;}
#subBody .subVisual.type7{background:url('../img/subVisual5.jpg') no-repeat center center;}
#subBody .subVisual.type8{background:url('../img/subVisual6.jpg') no-repeat center center;}
#subBody .subVisual .visualTxt{width:1200px; margin:0 auto; padding-top:172px; text-align:center;}
#subBody .subVisual.type7 .visualTxt{padding-top:172px}
#subBody .subVisual .visualTxt p{color:#fff;letter-spacing:-2px;font-size:26px;font-weight:500;word-break:keep-all;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
#subBody .subVisual .visualTxt p .vt02{color:#fff;letter-spacing:-2px;font-size:25px;font-weight:500;word-break:keep-all;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
#subBody .subVisual .visualTxt p.img{margin-bottom:25px;}
#subBody .subVisual .visualTxt p.img img{height:100%;}
#subBody .location{box-sizing:border-box; width:100%; height:62px; border-bottom:1px solid #d9d9d9; padding:0 40px; background:#fff; z-index:100; position:absolute; top:400px;left:0;}
#subBody .location .lll {width:465px;margin:0 auto;}
#subBody .location .home{display:block; float:left; width:100px; height:61px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url("../img/location_home02.png") no-repeat center center;}
#subBody .location .oneD{position:relative; float:left; width:270px; height:61px; border-right:1px solid #d9d9d9;}
#subBody .location .oneD > a{display:block; box-sizing:border-box; width:270px; height:61px; padding:23px 30px; font-size:16px; color:#555;}
#subBody .location .oneD > a span{background:url("../img/location_arrow.png") no-repeat right center; display:block;}
#subBody .location .oneD > a.current{color:#00448d; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
#subBody .location .oneD .twoD{display:none; position:absolute; top:61px; left:-1px; padding:20px 0 25px; width:100%; border:1px solid #d9d9d9; border-top:0; background:#fff;}
#subBody .location .oneD .twoD a{display:block; padding-left:30px; font-size:16px; color:#555; line-height:28px; margin-top:10px;}
#subBody .location .oneD .twoD a.link{background:url('/common/images/icon/twoD_link.gif') no-repeat left 100px top 50%}
#subBody .location .oneD .twoD a:first-child{margin-top:0;}
#subBody .location .oneD .twoD a.current{color:#00448d;}
.subWrap{margin-top:40px; padding-bottom:150px; overflow-x:hidden}
.subWrap.grayBg{background:#f7f8fa;}
.content{margin-top:50px;}


/* 서브페이지 select menu */
.desc {color: #e8e8e8;}
.desc a {color: #515151;}
.dropdown {width:160px;height:61px;margin: 0px;float:left;}
.dropdown dd,
.dropdown dt,
.dropdown ul {margin: 0px;padding: 0px;}
.dropdown dd {position: relative;}
.dropdown a,
.dropdown a:visited {color: #3b3b3b;text-decoration: none;outline: none;}
.dropdown a:hover {color: #3b3b3b;}
.dropdown dt a:hover {color: #3b3b3b;border-right: 1px solid #d9d9d9;}
.dropdown dt a {background: #fff url('../img/arrow.png') no-repeat scroll right center;display: block;padding-right: 20px;border-right: 1px solid #d9d9d9;height: 57px;}
.dropdown dt a span {cursor: pointer;display: block;line-height: 56px;padding-left: 10px;color:#000000;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;letter-spacing:-1px;}
.dropdown dd ul {background: #fff none repeat scroll 0 0;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;color: #515151;display: none;left: -1px;padding: 5px 0px;
  position: absolute;top: 0px;width: auto;min-width: 159px;line-height:30px;list-style: none;text-align: left;}
.dropdown span.value {display: none;}
.dropdown dd ul li a {padding: 5px;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;display: block;padding-left: 11px;color:#000000;letter-spacing:-1px;}
.dropdown dd ul li a:hover {background-color: #e8e8e8;}
.dropdown img.flag {border: none;vertical-align: middle;padding: 11px;}
.flagvisibility {display: none;}

.desc {color: #e8e8e8;}
.desc a {color: #515151;}
.Adropdown {width:200px;height:61px;margin: 0px;float:left;}
.Adropdown dd,
.Adropdown dt,
.Adropdown ul {margin: 0px;padding: 0px;}
.Adropdown dd {position: relative;}
.Adropdown a,
.Adropdown a:visited {color: #3b3b3b;text-decoration: none;outline: none;}
.Adropdown a:hover {color: #3b3b3b;}
.Adropdown dt a:hover {color: #3b3b3b;border-right: 1px solid #d9d9d9;}
.Adropdown dt a {background: #fff url('../img/arrow.png') no-repeat scroll right center;display: block;padding-right: 20px;border-right: 1px solid #d9d9d9;height: 57px;}
.Adropdown dt a span {cursor: pointer;display: block;line-height: 54px;padding-left: 10px;color:#000000;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;letter-spacing:-1px;}
.Adropdown dd ul {background: #fff none repeat scroll 0 0;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;color: #515151;display: none;left: -1px;padding: 5px 0px;
  position: absolute;top: 0px;width: auto;min-width: 199px;line-height:25px;list-style: none;text-align: left;letter-spacing:-1px;}
.Adropdown span.value {display: none;}
.Adropdown dd ul li a {padding: 5px;font-family:'NotoSans-Bold', sans-serif;font-weight:600;font-style:normal;display: block;padding-left: 11px;color:#000000;letter-spacing:-1px;}
.Adropdown dd ul li a:hover {background-color: #e8e8e8;}
.Adropdown img.flag {border: none;vertical-align: middle;padding: 11px;}
.flagvisibility {display: none;}
/* 서브페이지 select menu end */


/* 서브페이지 select menu */
.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #000;width: 150px;height: 61px;}
.select-styled {position: absolute;border-right:1px solid #d9d9d9;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;padding: 22px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;}
.select-styled:after {content: "";width:0;height:0;border:5px solid transparent;border-color:#000 transparent transparent transparent;position:absolute;top:28px;right:10px;}
.select-styled:hover {background-color: #ff8700;color:#000;}
.select-styled:active, .select-styled.active {background-color: #fff;color:#ff8700;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.select-styled:active:after, .select-styled.active:after {top: 20px;border-color: transparent transparent #ff8700 transparent;}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: -1px;z-index: 999;margin: 0;padding: 0;list-style: none;
  background-color: #fff;border-bottom:2px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.select-options li {margin: 0;padding: 12px 0;text-indent: 15px;border-top: 1px solid #fff;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;}
.select-options li:hover {color: #ff8700;background: #fff;}
.select-options li[rel="hide"] {display: none;}





/* title,textType */
h2{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:35px; color:#000; text-align:center; padding-top:98px;letter-spacing:-2px;}
h2 p{font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#6e6e6e; letter-spacing:-1px;padding-top:10px;}
.subTit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#000; margin-top:80px;}
.subTit2{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000; margin-bottom:30px;}
.subTxt{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#000; margin-top:80px;}
.subTxt2{font-size:16px; color:#555; line-height:26px}
.subTxt2.tp{margin-top:25px}
.subTxt2.bt{margin-bottom:25px}
.subTxt3{font-size:15px; line-height:26px; color:#777; margin-top:25px}
.topTxt{text-align:center; word-break:keep-all}
.topTxt .tit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#000; line-height:40px; margin-bottom:20px}
.topTxt .txt{font-size:18px; color:#555; line-height:28px}

/* tabType */
.tabArea{width:1200px; margin:auto;border-top:2px solid #aaaaaa;}
.tabBtn{display:table; table-layout:fixed; width:1180px; height:60px; overflow:hidden; margin:60px auto 0;}
.tabBtn a{display:table-cell; vertical-align:middle; height:100%; box-sizing:border-box; border:1px solid #d9d9d9; border-left:0; background:#fff; font-size:18px; color:#000; text-align:center; position:relative; word-break:keep-all}
.tabBtn a:first-child{border-left:1px solid #d9d9d9;}
.tabBtn a.on{
	border:none; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff;
	background: rgb(0, 68, 141); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tabBtn a.on:after{display:block; content:''; width:2px; height:10px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#eff0f2}
.tabArea .tabCon{width:1073px; overflow:hidden; margin:50px auto 0}
.tabArea3 .tabCon{margin:50px auto 0}
.tabArea .tabConTitle {padding-top:30px;width:95%;margin:0 auto;letter-spacing:-1px;line-height:28px;font-size:20px;}
.tabInner{padding:0 30px 60px; margin:0 auto; border-bottom:1px solid #d9d9d9}
.tabInner .subTit2{margin-top:60px}
.tabInner .subTit2:first-child{margin-top:0}
.tabArea2 .tabBtn{margin:130px auto 0}
.tabArea2 .tabBtn a{border:none; color:#555; background:#eff0f2}
.tabArea2 .tabBtn a br{display:none}
.tabArea2 .tabBtn a.on{
	color:#fff;
	background: rgb(0, 68, 141); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* 공통 */
.dotList li{padding-left:18px; background:url('../img/dot4x4.gif') no-repeat left 13px; font-size:16px; line-height:28px; color:#555}
.dotList2 li{padding-left:18px; background:url('../img/dot4x4_2.gif') no-repeat left 13px; font-size:16px; line-height:28px; color:#555}
.pl{padding-left:18px}
.noDataDiv{width:100%; height:500px; box-sizing:border-box; padding:305px 30px 0; background:url('noData_icon.png') no-repeat center 175px; border:1px solid #d9d9d9; font-size:18px; color:#777; text-align:center}
.grayBg{background:#f7f8fa}

/* srchType */
.srchType1 {text-align:center}
.srchType1 > div {display:inline-block;}
.srchType1 > div:after {content:''; display:block; clear:both}
.srchSel {position:relative; width:138px; height:52px; margin-right:10px; z-index:10; float:left;}
.srchSel > a {display:block; padding-left:20px; border:1px solid #e1e1e1; line-height:50px; font-size:16px; color:#555; text-align:left; background:#fff url("location_arrow.png") no-repeat right 20px center}
.srchSel > div {display:none; position:absolute; top:51px; left:0; padding:15px 0 20px; width:calc(100% - 2px); width:-webkit-calc(100% - 2px); border:1px solid #e1e1e1; background:#fff;}
.srchSel > div a {display:block; padding-left:20px; font-size:16px; color:#555; text-align:left; line-height:28px;}
.srchType1 .input {float:left;}
.srchType1 .input input {width:544px; height:52px; border-right:0; box-sizing:border-box}
.srchType1 .srchDiv{overflow:hidden; float:left}
.srchType1 .srchBtn {float:left;}
.srchType1 .calendarDiv{float:left; margin-right:30px; width:407px}
.srchType1 .calendarDiv .calenInput{display:inline-block; overflow:hidden; vertical-align:middle}
.srchType1 .calendarDiv .calenInput input{width:125px; height:52px; float:left; background:#fff; border-right:0; box-sizing:border-box}
.srchType1 .calendarDiv .calenInput input::-webkit-input-placeholder {color:#555;}
.srchType1 .calendarDiv .calenInput input:-moz-placeholder {color:#555; opacity:1;}
.srchType1 .calendarDiv .calenInput input::-moz-placeholder {color:#555; opacity:1;}
.srchType1 .calendarDiv .calenInput input:-ms-input-placeholder {color:#555;}
.srchType1 .calendarDiv .calenInput input:placeholder-shown {color:#555;}
.srchType1 .calendarDiv .calenInput .calenBt{width:62px; height:50px; float:left; display:block; border:1px solid #e1e1e1; border-left:0; background:#fff url("calen_btn.png") no-repeat center center;}
.srchType1 .calendarDiv span{display:inline-block; vertical-align:middle; margin:0 8px 0 7px; width:10px; height:2px; background:#858585;}

/* viewType */
.viewType1{border-top:2px solid #aaaaaa; width:1200px; margin:0 auto}
.viewType1 .topDiv{padding:30px; border-bottom:1px solid #d9d9d9}
.viewType1 .topDiv .title{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; line-height:30px; color:#000;}
.viewType1 .topDiv .date{font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#777; margin-top:15px}
.viewType1 .viewCon{padding:50px 80px; border-bottom:1px solid #d9d9d9; font-size:16px; line-height:26px; color:#555; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif}
.viewType1 .viewCon .img{text-align:center; margin-bottom:60px}
.viewType1 .viewCon .file{margin-top:60px}
.viewType1 .viewCon .file a{display:inline-block; padding:12px 53px 12px 20px; background:url('addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa; border:1px solid #e1e1e1; font-size:16px; color:#555; margin-right:6px; margin-bottom:5px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif}
.prevNext a{padding:22px 30px; display:block; overflow:hidden}
.prevNext a.prev{border-bottom:1px solid #e8e8e8}
.prevNext a.next{border-bottom:1px solid #d9d9d9}
.prevNext a .type{font-size:16px; color:#000; float:left; padding-right:26px; box-sizing:border-box; width:70px}
.prevNext a.prev .type{background:url('../img/prevNext_prev_icon.gif') no-repeat right center}
.prevNext a.next .type{background:url('../img/prevNext_next_icon.gif') no-repeat right center}
.prevNext a .title{float:left; color:#555; margin-left:30px; width:calc(100% - 160px); width:-webkit-calc(100% - 160px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.listBtn{width:200px; height:56px; line-height:56px; margin:60px auto 0; display:block; text-align:center; font-size:18px; color:#fff; background:#00448d}

/* tableType */
.tableType1{border-top:2px solid #000;}
.tableType1 table thead{background:#f8f8f8;}
.tableType1 table thead th{padding:22px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:18px; color:#000; text-align:center;}
.tableType1 table thead th:first-child{border-left:0;}
.tableType1 table tbody th{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:22px 0; font-size:18px; color:#000; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.tableType1 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:left; padding:22px 50px; font-size:16px; line-height:30px; color:#555; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.tableType1 table tbody td:first-child{border-left:0; }
.tableType1 table tbody th:first-child{border-left:0;}

.tableType2{border-top:2px solid #000}
.tableType2 .line{display:table; width:100%; border-bottom:1px solid #d9d9d9}
.tableType2 .line > div{display:table-cell; vertical-align:middle; padding:25px 20px; box-sizing:border-box; font-size:16px; line-height:26px}
.tableType2 .line .tit{display:table-cell; width:150px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; background:#f7f8fa}
.tableType2 .line > div:nth-child(4){width:440px}
.tableType2 .line > div .addFile {position:relative}
.tableType2 .line > div .addFile input[type="file"]{position:absolute; top:0; left:0; width:395px; opacity:0;}
.tableType2 .line > div .addFile input[type="text"]{width:280px}
.tableType2 .line > div .addFile .find{display:inline-block; vertical-align:top; width:110px; height:52px; line-height:52px; box-sizing:border-box; color:#fff; background:#888; text-align:center; margin-left:4px;}
.tableType2 .line > div.fileList{padding:20px}
.tableType2 .line > div.fileList a{display:inline-block; margin-right:10px; padding:8px 53px 8px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:url('/common/images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa}

.tableType3{border-top:2px solid #aaaaaa; letter-spacing:-1px}
.tableType3 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:left; word-break:keep-all}
.tableType3 table td{padding:18px 40px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all}

.tableType_award{border-top:1px solid #aaaaaa; letter-spacing:-1px;}
.tableType_award table th{padding:18px 28px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_award table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_award table td{padding:18px 20px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all}
.tableType_award table td:last-child {border-right:1px solid #ffffff;}
.ttcenter {text-align:center;}
.ttleft {text-align:left;}
.awardTxt {padding:30px;}
.awardTxt table th{vertical-align:top;text-align:right;background:#ffffff;border:0px;padding:0;margin:0;}
.awardTxt table td{background:#ffffff;border:0px;text-align:left;padding:0;margin:0;padding-left:10px;font-size:15px;line-height:25px;vertical-align:bottom;}

.tableType_recruit{border-top:1px solid #aaaaaa; letter-spacing:-1px;}
.tableType_recruit table th{padding:18px 28px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all;}
.tableType_recruit table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit table td{padding:18px 20px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all;}
.tableType_recruit table td:last-child {border-right:1px solid #ffffff;}

.tableType_recruit02{border-top:1px solid #aaaaaa; letter-spacing:-1px;width:94%;margin:0 auto;}
.tableType_recruit02 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all;}
.tableType_recruit02 table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit02 table td{padding:18px 20px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all;}
.tableType_recruit02 table td:last-child {border-right:1px solid #ffffff;}

.tableType_recruit_notice{letter-spacing:-1px;}
.tableType_recruit_notice table th{padding:18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all;}
.tableType_recruit_notice table td{padding:18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all;}

.tableType100{border-top:1px solid #aaaaaa; letter-spacing:-1px;}
.tableType100 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType100 table td{padding:18px 40px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle;text-align:center; word-break:keep-all}

.tableType_system{border-top:1px solid #aaaaaa; letter-spacing:-1px;}
.tableType_system table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_system table td{padding:18px 40px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle;text-align:left; word-break:keep-all}

.tableType_business{border-top:1px solid #aaaaaa; letter-spacing:-1px;text-align:center;}
.tableType_business table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_business table td{padding:18px 40px; font-size:16px; line-height:28px; color:#555; vertical-align:middle;text-align:center; word-break:keep-all}
.tableType_business img{margin:0 auto;}
.crmTxt{text-align:center;line-height:24px;font-size:18px;padding-top:20px;}

.tableType_map{border-top:0px solid #aaaaaa; letter-spacing:-1px;}
.tableType_map table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_map table td{padding:18px 40px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle;text-align:left; word-break:keep-all}


.tableType_ethics{border-top:0px solid #aaaaaa; letter-spacing:-1px;}
.tableType_ethics table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.eh01{padding:15px;border:1px solid #dcdcdc; font-size:16px; line-height:22px; color:#555; vertical-align:top;text-align:left; word-break:keep-all}
.eh02{padding:15px;border:1px solid #dcdcdc; font-size:16px; line-height:27px; color:#555; vertical-align:top;text-align:left; word-break:keep-all}




.summaryDiv .companyInfo .lineTop55 {border-top:2px solid #aaaaaa;}
.tableType_mapS{border-top:1px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_mapS table th{padding:10px 18px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_mapS table td{padding:10px 20px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#555; vertical-align:middle;text-align:left; word-break:keep-all}

.tableType_all{border-top:1px solid #dcdcdc; letter-spacing:-1px;margin-top:20px;}
.tableType_all table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:left; word-break:keep-all}
.tableType_all table td{padding:18px 40px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all}
.tableType_all textarea{box-sizing:border-box; width:100%; resize:none; height:200px; padding:30px; font-size:16px; line-height:26px; color:#555}
.tableType_all select{color:#555;}
.tableType_all li {display:inline;margin-right:40px;}
.tableType_all li input {width:18px;height:18px;margin-bottom:3px;margin-right:3px;}

.tableType4 table tbody{border-top:1px solid #dcdcdc;}
.tableType4 table tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f7f8fa; padding:20px 50px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:16px; line-height:24px;}
.tableType4 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; padding:10px 18px;  font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:18px; text-align:center;}
.tableType4 table tbody th:first-child{border-left:0;}
.tableType4 table tbody td:first-child{border-left:0;}

.tableType5{border-top:2px solid #000; letter-spacing:-1px}
.tableType5 table{table-layout:fixed; width:100%;}
.tableType5 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:break-all}
.tableType5 table td{padding:18px 10.5% 18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all; text-align:right;}
.tableType5 table thead th:first-child{border-right:1px solid #d9d9d9;}
.tableType5 table tbody tr.bold{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.tableType5 table tbody tr.bold th{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.tableType5 table tbody th{text-align:center; background:none; color:#555; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:left; border-right:1px solid #d9d9d9;}

.swiperArea .mCSB_container {width:100% !important;}


/* 회사소개 */
.summaryDiv{margin:0 auto}
/*.summaryDiv .summaryBanner{box-sizing:border-box; width:1180px; margin:0 auto; height:550px; padding:50px 100px 0; text-align:center; background:url('../img/summary_banner.jpg') no-repeat center center; word-break:keep-all}
.summaryDiv .summaryBanner{width:1200px; margin:40px auto 0;}*/
.tableType_com {border-top:2px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_com table th {padding:50px 0 20px 30px;color:#525252;font-size:18px;font-family:'NotoSans-Bold';letter-spacing:-1px;line-height:25px;text-align:left; word-break:keep-all}
.tableType_com table td {padding:20px 40px 0 30px; word-break:keep-all}
.tableType_com img {padding-top:25px;}
.com_txt02 {color:#757575;font-size:15px;line-height:22px;font-family:"NotoSans-Medium";}
.com_txt03 {text-align:right;}

.tableType_com02 {border-top:2px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_com02 .TTimg01 img {width:100%;}
.tableType_com02 .TTimg02 {padding-left:30px;padding-top:50px;}
.tableType_com02 .TTimg02 ul{display:inline-block;}
.tableType_com02 .TTimg02 img{margin-right:30px;}
.txtbt{color:#525252;font-size:18px;line-height:50px;font-family:'NotoSans-Bold';letter-spacing:-1px;padding-right:20px;}
.txtbt02{color:#000000;font-size:18px;line-height:40px;font-family:'NotoSans-Bold';letter-spacing:-1px;padding-right:20px;}
.txtbt03{color:#525252;font-size:18px;line-height:35px;font-family:'NotoSans-Bold';letter-spacing:-1px;padding-left:20px;}
.txtbt_txt{color:#525252;font-size:16px;line-height:20px;font-family:'NotoSans-Medium';letter-spacing:-1px;padding-bottom:20px;}
.txtbt_txt001{color:#525252;font-size:16px;line-height:20px;font-family:'NotoSans-Medium';letter-spacing:-1px;padding:20px;}
.txtbt_txt002{color:#525252;font-size:16px;line-height:20px;font-family:'NotoSans-Medium';letter-spacing:-1px;padding-left:20px;padding-bottom:20px;}
.tableType_com02 .TTimg03 {padding-left:30px;}
.tableType_com02 .TTimg03 li{display:inline-block;}
.tableType_com02 .TTimg03 .ttw30{width:350px;vertical-align:top; word-break:keep-all}
.tableType_com02 .TTimg03 .tTcomtitle{color:#525252;font-size:18px;font-family:'NotoSans-Bold';letter-spacing:-1px;text-align:left; word-break:keep-all}
.tTcomtitle02{color:#757575;font-size:13px;font-family:'NotoSans-Medium';padding-right:25px;line-height:20px;text-align:left;padding-top:20px;padding-bottom:20px;}
.tTcomtitle03{color:#757575;font-size:13px;font-family:'NotoSans-Medium';line-height:20px;text-align:left;}
.tableType_com02 .TTimg04 {padding-left:30px;padding-top:50px;}
.tableType_com02 .TTimg04 li{display:inline-block;}
.tableType_com02 .TTimg04 img{margin-right:23px;}


.tableType_com03 {position:relative;border-top:2px solid #aaaaaa;margin:0 auto;}
.executive-con{position:relative; background:url('../img/history_line.png') repeat-y center top;margin-top:40px;padding:0 0 150px;}
.chart00{margin:0 auto;text-align:center;}
.rkfh {margin:0 auto;text-align:center;}
.rkfh ul{display:inline-block;vertical-align:top;padding-left:50px;padding-right:10px;text-align:center;}
.executive-con02{position:relative; background:url('../img/history_line.png') repeat-y center top;padding-top:15px;}
.executive-con02:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con02 img{margin:0 auto;text-align:center;padding-top:10px;}
.executive-con03{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:1px;width:53%;left:25%;}
/*.executive-con03:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con03 img{margin:0 auto;text-align:center;padding-top:10px;}*/

.abcd99 {margin:0 auto;text-align:center;}
.abcd99 ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con04{position:relative; background:url('../img/history_line.png') repeat-y center top;padding-top:15px;left:200%;top:-530px;}
.executive-con04:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-5px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con04 img{padding-top:10px;}
.executive-con05{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:1px;width:18.5%;left:55.7%;top:-530px;}

.summaryDiv .summaryBanner .tit{}
.summaryDiv .summaryBanner .tit img:first-child{}
.summaryDiv .summaryBanner .tit img:last-child{display:none}
.summaryDiv .summaryBanner .txt{font-size:16px; line-height:28px; color:rgba(255, 255, 255, 0.6); margin-top:25px;color:#000;}
.summaryDiv .title{font-family:'GodoM', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:35px; margin-top:100px; text-align:center}


.summaryDiv .companyInfo{position:relative;width:1200px; margin:40px auto 0}
.summaryDiv .companyInfo table td span{display:inline-block; width:110px; text-align:center;padding-right:33px;}
.summaryDiv .companyInfo table td .partner_txt{padding-bottom:15px;}
.summaryDiv .companyInfo table td span img{margin-bottom:25px;margin-top:5px;width:90%;}
.summaryDiv .companyInfo table td span:last-child{margin-right:none}

.summaryDiv .companyInfo .lineTop {border-top:2px solid #aaaaaa;}
.summaryDiv .companyInfo .lineTop .summarybackToptxt {position:absolute;width:1200px;top:120px;z-index:75;}
.summaryDiv .companyInfo .lineTop .summarybackToptxt .sbtt{color:#ffffff;text-align:right;padding-right:50px;font-size:22px;line-height:30px;letter-spacing:-2px;font-family:'NotoSans-Medium';}
.summaryDiv .companyInfo .lineTop .summarybackTop {position:absolute;top:2;left:0;width:850px;height:478px;z-index:70;}
.summaryDiv .companyInfo .lineTop .vvdeio{width:850px;height:478px;float:left;z-index:69;}

.summaryDiv .companyInfo .lineTop .philosophyTxt {margin:0 auto;margin-top:530px;text-align:center;}
.summaryDiv .companyInfo .lineTop .philosophyTxt img{margin-bottom:15px;}
.summaryDiv .companyInfo .lineTop .philosophyTxt ul{position:relative;word-break:keep-all;word-wrap:break-word;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li{padding:15px;width:362px;float:left;text-align:left;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li img{width:350px;}

.summaryDiv .companyInfo .lineTop .philosophyTxt02 {margin:0 auto;margin-top:30px;text-align:center;}
.summaryDiv .companyInfo .lineTop .philosophyTxt02 img{margin-bottom:15px;}

.summaryDiv .companyInfo .lineTop .hisT {margin-bottom:20px;width:100%;}
.summaryDiv .companyInfo .lineTop .hisTbtn {margin:0 auto;text-align:center;margin-bottom:20px;}
.summaryDiv .companyInfo .lineTop .hisTbtn02 {margin:0 auto;text-align:center;margin-bottom:20px;margin-top:20px;}
.summaryDiv .companyInfo .lineTop .hisTbtn03 {margin:0 auto;text-align:center;margin-bottom:20px;margin-top:20px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span {margin:10px;}

.hisTbtn02_0617 {margin:0 auto;text-align:center;margin-bottom:20px;margin-top:20px;}


.phtxt {padding:10px;}
.phtxt01{font-size:18px;line-height:35px;font-weight:600;}
.phtxt02{font-size:15px;color:#a1a1a1;}
.phtxt03{font-size:15px;line-height:20px;word-break:keep-all;color:#828282;}

.summaryDiv .manageInfo{margin-top:80px; padding:20px 0 100px; background:url('/common/images/icon/summary_info_bg.jpg') no-repeat center center}
.summaryDiv .manageInfo .infoList{width:1180px; margin:40px auto 0;}
.summaryDiv .manageInfo .infoList:after{content:''; display:block; clear:both}
.summaryDiv .manageInfo .infoList .list{width:373px; height:310px; float:left; margin-left:30px; box-shadow:13px 13px 32px 0 rgba(0, 0, 0, 0.1); text-align:center; box-sizing:border-box; padding:50px 20px 0}
.summaryDiv .manageInfo .infoList .list:nth-child(1){background:url('/common/images/icon/summary_info_icon1.jpg') no-repeat #fff center 180px; margin-left:0}
.summaryDiv .manageInfo .infoList .list:nth-child(2){background:url('/common/images/icon/summary_info_icon2.jpg') no-repeat #fff center 180px}
.summaryDiv .manageInfo .infoList .list:nth-child(3){background:url('/common/images/icon/summary_info_icon4.jpg') no-repeat #fff center 180px}
.summaryDiv .manageInfo .infoList .list:nth-child(4){background:url('/common/images/icon/summary_info_icon5.jpg') no-repeat #fff center 180px; margin-left:0; margin-top:30px}
.summaryDiv .manageInfo .infoList .list:nth-child(5){background:url('/common/images/icon/summary_info_icon6.jpg') no-repeat #fff center 180px; margin-top:30px}
.summaryDiv .manageInfo .infoList .list:nth-child(6){background:url('/common/images/icon/summary_info_icon7.jpg') no-repeat #fff center 180px; margin-top:30px}
.summaryDiv .manageInfo .infoList .list .tit{font-size:20px; color:#000; margin-bottom:25px}
.summaryDiv .manageInfo .infoList .list .num{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:50px; line-height:60px; height:60px}
.summaryDiv .manageInfo .infoList .list .num img{vertical-align:sub}
.summaryDiv .manageInfo .infoList .list .num span{margin:0 5px; font-size:20px; font-family:'NotoSans-Light'}
.summaryDiv .manageInfo .infoList .list .num2{font-size:30px; line-height:30px}
.summaryDiv .manageInfo .infoList .list .txt{font-size:20px; line-height:30px; font-family:'NotoSans-Bold'; color:#000;}
.summaryDiv .manageInfo .infoList .list .txt span{display:block}
.summaryDiv .manageInfo .infoList .list .noti{margin-top:100px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#555;}
.summaryDiv .techList{overflow:hidden; width:1180px; margin:40px auto 0}
.summaryDiv .techList .list{float:left; width:393px}
.summaryDiv .techList .list:last-child{width:394px}
.summaryDiv .techList .list .txtArea{padding:30px 0 0 20px; word-break:keep-all}
.summaryDiv .techList .list .txtArea .tit{font-size:20px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000}
.summaryDiv .techList .list .txtArea .txt{font-size:16px; line-height:26px; color:#555; margin-top:15px}

.ceoDiv{width:1180px; margin:0 auto}
.ceoDiv .ceoBanner{box-sizing:border-box; width:100%; height:360px; padding:80px 0 0 100px; background:url('/common/images/icon/ceo_banner.jpg') no-repeat right center}
.ceoDiv .ceoBanner .txtArea{position:relative; display:inline-block; padding:44px 25px 33px 0}
.ceoDiv .ceoBanner .tit img:first-child{}
.ceoDiv .ceoBanner .tit img:last-child{display:none}
.ceoDiv .ceoBanner .txt{font-size:18px; line-height:28px; color:#fff; margin-top:15px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.ceoDiv .ceoBanner .txtArea:before{content:''; display:block; position:absolute; width:28px; height:24px; background:url('/common/images/icon/ceo_tit_before.png') no-repeat center center; top:0; left:0}
.ceoDiv .ceoBanner .txtArea:after{content:''; display:block; position:absolute; width:28px; height:24px; background:url('/common/images/icon/ceo_tit_after.png') no-repeat center center; bottom:0; right:0}
.ceoDiv .ceoText{font-size:16px; line-height:28px; color:#555; margin-top:55px; word-break:keep-all}
.ceoDiv .ceoText span{font-size:18px; line-height:30px; color:#000}
.ceoDiv .sign{font-size:18px; color:#000; text-align:right; margin-top:35px}
.ceoDiv .sign span{font-size:26px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; margin-left:10px; display:inline-block}
.visionDiv{padding:0 0 20px; word-break:keep-all; background:url('/common/images/icon/visionDiv_bg.jpg') no-repeat center 80px}
.visionDiv .titleDiv{width:600px; margin:0 auto; background:#dfe9f8; overflow:hidden; border-radius:110px}
.visionDiv .titleDiv .left{font-size:20px; color:#fff; font-family:'NotoSans-Medium'; background:url('/common/images/icon/vision_titleDiv_left.png') no-repeat; width:150px; height:150px; padding-top:50px; box-sizing:border-box; float:left}
.visionDiv .titleDiv .left .tit{position:relative; padding-top:18px; text-align:center}
.visionDiv .titleDiv .left .tit:before{content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:16px; height:2px; background:#fff}
.visionDiv .titleDiv .right{font-size:18px; line-height:28px; color:#000; padding:47px 10px 47px 0; font-family:'NotoSans-Medium'; float:right; text-align:center; width:450px; height:150px; box-sizing:border-box}
.visionDiv .titleDiv .right span{color:#00448d}
.visionDiv .midDiv{width:1100px; margin:50px auto 0; background:#fff; border-radius:280px; box-sizing:border-box; padding:50px 0 90px; border:1px solid #c4d8f6}
.visionDiv .midDiv .tit{font-family:'NotoSans-Bold'; font-size:22px; color:#000; position:relative; padding-top:13px; text-align:center}
.visionDiv .midDiv .tit:before{content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#555; width:16px; height:2px}
.visionDiv .midDiv .title{margin-top:20px; text-align:center}
.visionDiv .midDiv .txtArea{width:730px; margin:0 auto}
.visionDiv .midDiv .txtArea .line{overflow:hidden; margin-top:35px}
.visionDiv .midDiv .txtArea .line .left{float:left; font-size:18px; line-height:28px; color:#333; font-family:'NotoSans-Bold'; width:100px; padding-right:14px}
.visionDiv .midDiv .txtArea .line .right{float:left; font-size:16px; line-height:26px; color:#555; padding-left:27px; border-left:1px solid #ccc}
.visionDiv .goalDiv{margin:50px auto 0; width:1180px; text-align:center}
.visionDiv .goalDiv .tit{font-family:'NotoSans-Bold'; font-size:22px; color:#000; position:relative; padding-top:13px}
.visionDiv .goalDiv .tit:before{content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#555; width:16px; height:2px}
.visionDiv .goalDiv .txt{font-size:18px; line-height:28px; color:#333; margin-top:25px}
.visionDiv .goalDiv .listDiv{margin:45px auto 0; overflow:hidden}
.visionDiv .goalDiv .listDiv .list{float:left; box-sizing:border-box; margin-left:10px}
.visionDiv .goalDiv .listDiv .list:nth-child(1){margin-left:0}
.visionDiv .goalDiv .listDiv .list:nth-child(2n){width:287px}
.visionDiv .goalDiv .listDiv .list:nth-child(2n-1){width:288px}
.visionDiv .goalDiv .listDiv .list .title{width:180px; height:180px; margin:0 auto; box-sizing:border-box; font-size:18px; line-height:28px; color:#fff; font-family:'NotoSans-Bold'; padding:62px 0; border-radius:100%; position:relative; background:#00448d}
.visionDiv .goalDiv .listDiv .list:nth-child(3) .title{padding:48px 0}
.visionDiv .goalDiv .listDiv .list .title:after{content:''; display:block; position:absolute; bottom:-31px; left:50%; transform:translateX(-50%); width:21px; height:31px; z-index:1}
.visionDiv .goalDiv .listDiv .list .title:after{background:url('/common/images/icon/vision_goalDiv_dot1.png') no-repeat center center}
.visionDiv .goalDiv .listDiv .list .box{width:100%; box-sizing:border-box; height:150px; font-size:15px; line-height:25px; color:#555;  border:1px solid #b9bdcf; margin-top:20px; background:#fff; position:relative}
.visionDiv .goalDiv .listDiv .list .box p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; box-sizing:border-box; padding:25px 10px}
.visionDiv .goalDiv .listDiv .list:last-child .box{border-right:1px solid #b9bdcf}
.valueDiv{width:1180px; margin:80px auto 0; text-align:center}
.valueDiv .title{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:28px}
.valueDiv .listDiv{width:1180px; margin:40px auto 0; overflow:hidden}
.valueDiv .list{float:left; width:180px; margin:0 28px; box-sizing:border-box}
.valueDiv .list img{width:100%}
/*
.valueDiv .list:nth-child(1){background:url('/common/images/icon/value_icon1.png') no-repeat center top; margin-left:40px}
.valueDiv .list:nth-child(2){background:url('/common/images/icon/value_icon2.png') no-repeat center top}
.valueDiv .list:nth-child(3){background:url('/common/images/icon/value_icon3.png') no-repeat center top}
.valueDiv .list:nth-child(4){background:url('/common/images/icon/value_icon4.png') no-repeat center top}
.valueDiv .list:nth-child(5){background:url('/common/images/icon/value_icon5.png') no-repeat center top; margin-right:40px}
*/
.valueDiv .list .tit{font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:20px; color:#000}
.valueDiv .list .txt{font-size:16px; line-height:24px; color:#555; margin-top:15px}
.conductDiv{width:1180px; margin:80px auto 0}
.conductDiv .title{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:28px; text-align:center}
.conductDiv .listDiv{overflow:hidden; margin:40px auto 0}
.conductDiv .listDiv .list{float:left; width:220px; margin-left:20px; box-sizing:border-box; border:1px solid #d9d9d9; text-align:center; font-family:'NotoSans-Medium'; color:#00448d; font-size:16px; line-height:26px; padding:43px 10px; background:#fff; height:140px}
.conductDiv .listDiv .list span{display:block}
.conductDiv .listDiv .list:nth-child(1){margin-left:0}

.historyDiv{position:relative; background:url('../img/history_line.png') repeat-y center top; padding:5px 0 35px;}
.historyDiv:before{content:''; display:block; position:absolute; width:9px; height:10px; top:0; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;}
.historyDiv:after{content:''; display:block; position:absolute; width:9px; height:10px; bottom:0; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;}
.historyDiv .line{position:relative; width:1200px; padding:60px 0; margin:0 auto;}
.historyDiv .line:after{content:''; display:block; clear:both;}
.historyDiv .line:first-child{padding-top:100px;}
.historyDiv .line:last-child{padding-bottom:0}
.historyDiv .line .img{width:50%;margin-top:20px;}
.historyDiv .line .img img{width:100%;}
.historyDiv .line .txtArea{box-sizing:border-box; width:50%; position:relative;margin-bottom:100px;}
.historyDiv .line .txtArea .info{position:absolute; top:50%; transform:translateY(-50%);}
.historyDiv .line .txtArea .info .year{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:28px; line-height:30px; color:#535353; margin-bottom:15px; position:relative}
.historyDiv .line .txtArea .info .list > div{overflow:hidden; line-height:25px; font-size:15px; margin-top:20px}
.historyDiv .line .txtArea .info .list > div:first-child{margin-top:0}
.historyDiv .line .txtArea .info .list > div .month{width:40px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#535353}
.historyDiv .line .txtArea .info .list > div .txt{width:calc(100% - 40px); width:-webkit-calc(100% - 40px); color:#555; word-break:keep-all; letter-spacing:-1px}
.historyDiv .line:nth-child(2n-1) .img{float:left;}
.historyDiv .line:nth-child(2n-1) .txtArea{float:right; text-align:left; padding-left:100px}
.historyDiv .line:nth-child(2n-1) .txtArea .info{left:100px}
.historyDiv .line:nth-child(2n-1) .txtArea .info .year{text-align:left}
.historyDiv .line:nth-child(2n-1) .txtArea .info .year:before{content:''; display:block; position:absolute; top:50%; margin-top:-10px; left:-115px; width:29px; height:33px; background:url('../img/history_line_arrow.png') no-repeat center center;}
.historyDiv .line:nth-child(2n-1) .txtArea .info .year:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-90px; width:60px; height:1px; background:#d9d9d9;margin-top:5px;}
.historyDiv .line:nth-child(2n-1) .txtArea .info .list{text-align:left}
.historyDiv .line:nth-child(2n-1) .txtArea .info .list > div .month{float:left}
.historyDiv .line:nth-child(2n-1) .txtArea .info .list > div .txt{float:right}
.historyDiv .line:nth-child(2n) .img{float:right; text-align:right;}
.historyDiv .line:nth-child(2n) .txtArea{float:left; padding-right:100px}
.historyDiv .line:nth-child(2n) .txtArea .info{right:100px}
.historyDiv .line:nth-child(2n) .txtArea .info .year{text-align:right}
.historyDiv .line:nth-child(2n) .txtArea .info .year:before{content:''; display:block; position:absolute; top:50%; margin-top:-10px; right:-115px; width:29px; height:33px; background:url('../img/history_line_arrow.png') no-repeat center center}
.historyDiv .line:nth-child(2n) .txtArea .info .year:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-90px; width:60px; height:1px; background:#d9d9d9;margin-top:5px;}
.historyDiv .line:nth-child(2n) .txtArea .info .list{text-align:right}
.historyDiv .line:nth-child(2n) .txtArea .info .list > div .month{float:right}
.historyDiv .line:nth-child(2n) .txtArea .info .list > div .txt{float:left}

/* 재무정보 */
.financialDiv{width:1180px; margin:0 auto;}
.financialDiv .financialChart img{width:100%;}
.financialDiv .financialChart img:last-child{display:none;}
.financialDiv .financialTable .title{margin:97px 0 73px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:28px; text-align:center;}
.financialDiv .financialTable .caption{margin-bottom:19px; font-size:13px; text-align:right;}


/* 사업소개 */
.ptTxt{font-size:18px; color:#555; line-height:30px; padding-bottom:60px; border-bottom:1px solid #dcdcdc;}
.developPt{width:1180px; margin:30px auto 0; position:relative; padding-bottom:315px;}
.developPt .txt{font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:26px;}
.developList{width:900px; overflow:hidden; margin-top:40px;} 
.developList .list{width:280px; height:230px; border:1px solid #e1e1e1; box-sizing:border-box; text-align:center; float:left; margin:20px 20px 0 0;}
.developList .list .tit{font-size:18px; color:#000;}
.developPt .imgCar{position:absolute; bottom:0; right:0;}
.businessDiv{width:1180px; margin:0 auto}
.businessDiv .imgBox{width:100%; position:relative}
.businessDiv .imgBox img{width:100%}
.businessDiv .imgBox .floatTxt{position:absolute; top:50px; right:50px; width:545px; padding:70px 35px 70px 50px; background:#fff; box-shadow:13px 13px 32px 0 rgba(0, 0, 0, 0.1); box-sizing:border-box; word-break:keep-all}
.businessDiv .imgBox .floatTxt .tit{font-size:30px; line-height:42px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .imgBox .floatTxt .tit br{display:none}
.businessDiv .imgBox .floatTxt .tit span{color:#00448d}
.businessDiv .imgBox .floatTxt .txt{font-size:16px; line-height:28px; color:#555; margin-top:26px; letter-spacing:-0.7px}
.businessDiv .overViewDiv{padding-bottom:75px; border-bottom:1px solid #d9d9d9}
.businessDiv .overViewDiv:last-child{border-bottom:0; padding-bottom:0}
.businessDiv .overViewDiv .overViewTxt{margin-top:50px; text-align:center; word-break:keep-all}
.businessDiv .overViewDiv .overViewTxt .tit{font-size:32px; line-height:46px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.businessDiv .overViewDiv .overViewTxt .tit span{color:#00448d}
.businessDiv .overViewDiv .overViewTxt .txt{font-size:18px; line-height:30px; color:#555; margin-top:25px}
.businessDiv .overViewDiv .overViewTxt .txt span{color:#00448d}
.businessDiv .overViewDiv .title{font-size:22px; line-height:34px; color:#000; text-align:center; margin-top:75px}
.businessDiv .overViewDiv .title2{margin-top:20px}
.businessDiv .overViewDiv .title span{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#00448d}
.businessDiv .overViewDiv .researchDiv{margin:60px auto 0; overflow:hidden}
.businessDiv .overViewDiv .researchDiv .list{float:left; width:380px; margin-left:20px; background:#ededed; box-sizing:border-box; position:relative; padding:80px 20px 20px; text-align:center}
.businessDiv .overViewDiv .researchDiv .list:first-child{margin-left:0}
.businessDiv .overViewDiv .researchDiv .list:first-child:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-15px; width:16px; height:14px; background:url('/common/images/icon/research_list_add.png') no-repeat center center}
.businessDiv .overViewDiv .researchDiv .list:last-child:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%) rotate(180deg); left:-15px; width:16px; height:14px; background:url('/common/images/icon/research_list_add.png') no-repeat center center}
.businessDiv .overViewDiv .researchDiv .list .num{position:absolute; top:0; left:50%; transform:translateX(-50%); width:50px; height:50px}
.businessDiv .overViewDiv .researchDiv .list .num img{width:100%}
.businessDiv .overViewDiv .researchDiv .list .tit{font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.businessDiv .overViewDiv .researchDiv .list .txt{font-size:16px; color:#555; margin-top:20px}
.businessDiv .overViewDiv .researchDiv .list .img{margin-top:30px}
.businessDiv .overViewDiv .researchDiv .list .img img{width:100%}
.businessDiv .overViewDiv .semiconDiv{margin-top:55px}
.businessDiv .overViewDiv .semiconDiv .banner img{width:100%}
.businessDiv .overViewDiv .semiconDiv .conD{border:1px solid #3c7ad7; border-top:none; box-sizing:border-box; padding:50px 30px; text-align:center}
.businessDiv .overViewDiv .semiconDiv .conD .tit{font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; margin-top:50px}
.businessDiv .overViewDiv .semiconDiv .conD .tit:first-child{margin-top:0}
.businessDiv .overViewDiv .semiconDiv .conD .listDiv{text-align:center; margin:40px auto 0}
.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list{display:inline-block; text-align:center; margin:0 9px; width:220px; height:220px; box-sizing:border-box; border-radius:100%; border:1px solid #dadada; padding:67px 10px}
.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .tit2{font-size:18px; color:#00448d; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .txt{font-size:16px; line-height:24px; color:#555; margin-top:20px}
.businessDiv .overViewDiv .semiconDiv2{margin-top:90px}
.businessDiv .overViewDiv .semiconDiv2 .tit{font-size:22px; line-height:34px; color:#000; text-align:center}
.businessDiv .overViewDiv .semiconDiv2 .tit span{color:#00448d; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .overViewDiv .semiconDiv2 .img{margin-top:70px}
.businessDiv .overViewDiv .semiconDiv2 .img img:first-child{width:100%}
.businessDiv .overViewDiv .semiconDiv2 .img img:last-child{width:100%; display:none}
.businessDiv .overViewDiv .semiconDiv2 .listDiv{margin:40px auto 0; overflow:hidden; text-align:center}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list{width:580px; font-size:16px}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .title2{height:50px; line-height:50px; color:#fff; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF{overflow:hidden; margin:30px 30px 0; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; box-sizing:border-box}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path{width:173px; height:140px; float:left; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:border-box; padding:24px 20px; text-align:center; position:relative}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .step{font-size:15px; color:#00448d; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt{font-size:16px; line-height:24px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; margin-top:10px}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList{width:100%; padding:30px 30px 0; overflow:hidden; box-sizing:border-box}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li{width:175px; text-align:left}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li:nth-child(2n-1){float:left}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li:nth-child(2n){float:right}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .left{float:left}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right{float:right}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .title2{background:#3c7ad7}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .title2{background:#3cc7d7}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4){float:right}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(5){float:right}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(1):after{content:''; display:block; position:absolute; top:50%; right:-12px; transform:translateY(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon1.gif') no-repeat 0 0; z-index:1}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(2):after{content:''; display:block; position:absolute; top:50%; right:-12px; transform:translateY(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon1.gif') no-repeat 0 0; z-index:1}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(1):after{content:''; display:block; position:absolute; top:50%; right:-12px; transform:translateY(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon2.gif') no-repeat 0 0; z-index:1}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(2):after{content:''; display:block; position:absolute; top:50%; right:-12px; transform:translateY(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon2.gif') no-repeat 0 0; z-index:1}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(3):after{content:''; display:block; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0; z-index:1}
.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4):after{content:''; display:block; position:absolute; top:50%; left:-12px; transform:translateY(-50%); width:25px; height:25px; background:url('/common/images/icon/semicon_icon4.gif') no-repeat 0 0; z-index:1}
.businessDiv .tabCon .miniTab{width:100%; text-align:center}
.businessDiv .tabCon .miniTab a{width:280px; height:50px; line-height:50px; box-sizing:border-box; display:inline-block; margin:0 3px; font-size:16px; color:#797878; border:1px solid #d9d9d9}
.businessDiv .tabCon .miniTab a.on{font-family:'NotoSans-Medium'; color:#000; border:1px solid #000}
.businessDiv .tabCon .miniTabCon{margin:60px auto 0}
.businessDiv .busiTit{font-size:22px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; text-align:center; line-height:30px}
.businessDiv .busiTit span{color:#00448d}
.businessDiv .busiTable{margin:60px auto 0; width:100%; overflow:hidden; border-top:1px solid #d9d9d9}
.businessDiv .busiTable .list{float:left; width:50%; border:1px solid #d9d9d9; border-top:none; box-sizing:border-box; padding:73px 40px}
.businessDiv .busiTable .list:nth-child(2n){border-left:none}
.businessDiv .busiTable .list .table{display:table; width:100%}
.businessDiv .busiTable .list .table .left{display:table-cell; vertical-align:middle; width:140px; height:138px}
.businessDiv .busiTable .list .table .right{display:table-cell; vertical-align:middle; padding-left:30px}
.businessDiv .busiTable .list .table .right .tit{font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:26px}
.businessDiv .busiTable .list .table .right .txt{margin-top:25px}
.businessDiv .busiTable .list .table .right .txt li{font-size:16px; line-height:28px; color:#555; padding-left:16px; background:url('/common/images/icon/dot4x4.gif') no-repeat left 12px; letter-spacing:-0.8px}
.businessDiv .busiTable .list .table .right .txt li span{display:block}
.businessDiv .viewBtn{width:200px; height:56px; line-height:56px; margin:60px auto 0; display:block; box-sizing:border-box; text-align:center; font-size:18px; color:#fff; padding:0 78px 0 10px; background:url('/common/images/icon/viewBtn_icon.gif') no-repeat right 30px top 50% #00448d}
.businessDiv .layerPop{position:absolute; z-index:1112; top:1350px; left:50%; transform:translateX(-50%); width:978px; display:none}
.businessDiv .layerPop .top{position:relative; height:70px; line-height:70px; padding-left:30px; font-size:22px; color:#fff; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; background:#00448d}
.businessDiv .layerPop .closeBtn{position:absolute; top:24px; right:30px}
.businessDiv .layerPop .bodyWrap{height:780px; box-sizing:border-box; padding:50px 15px 50px 30px; background:#fff}
.businessDiv .layerPop .bodyWrap .mCustomScrollBox>.mCSB_scrollTools{opacity:1; width:6px}
.businessDiv .layerPop .bodyWrap .mCSB_scrollTools .mCSB_draggerRail{display:none}
.businessDiv .layerPop .bodyWrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background:#bbbbbb}
.businessDiv .layerPop .body{text-align:center; background:#fff; padding-right:15px}
.businessDiv .layerPop .body .noti{display:none}
.businessDiv .layerPop .body .tit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#000}
.businessDiv .layerPop .body .tit.left{text-align:left; margin:60px 0 30px;}
.businessDiv .layerPop .body .img{margin-top:25px}
.businessDiv .layerPop .body .img:first-child{margin-top:0}
.businessDiv .layerPop .body .img img{width:100%}
.businessDiv .layerPop .body .img2{margin-top:40px; padding-top:40px; border-top:2px solid #e9e9e9}
.businessDiv .layerPop .viewList{margin-top:30px; text-align:left}
.businessDiv .layerPop .viewList .line{padding:40px 0; overflow:hidden; border-top:1px solid #e7e7e7; word-break:keep-all}
.businessDiv .layerPop .viewList .line:first-child{border-top:none}
.businessDiv .layerPop .viewList .line:last-child{padding-bottom:0}
.businessDiv .layerPop .viewList .line .tit{float:left; width:200px; margin-right:25px; font-size:20px; line-height:30px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .layerPop .viewList .line .txt{float:left; width:calc(100% - 225px); width:-webkit-calc(100% - 225px); font-size:16px; line-height:26px; color:#555}
.businessDiv .busiAccorDiv{margin:60px auto 0; border-bottom:1px solid #d9d9d9}
.businessDiv .busiAccorDiv .list{display:table; width:100%; box-sizing:border-box; padding:40px 200px 40px 40px; position:relative; border:1px solid #d9d9d9; border-bottom:none}
.businessDiv .busiAccorDiv .list .img{width:220px; height:170px; display:table-cell; vertical-align:middle}
.businessDiv .busiAccorDiv .list .txtArea{display:table-cell; padding:0 40px; vertical-align:middle}
.businessDiv .busiAccorDiv .list .txtArea .tit{font-size:22px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000}
.businessDiv .busiAccorDiv .list .txtArea .dotList2{margin-top:20px; word-break:keep-all}
.businessDiv .busiAccorDiv .list .btn{width:156px; height:50px; display:block; line-height:48px; box-sizing:border-box; border-radius:30px; border:1px solid #d9d9d9; position:absolute; top:50%; transform:translateY(-50%); right:40px; background:url('/common/images/icon/controller_accor_open.gif') no-repeat right 30px top 50%; font-size:16px; color:#000; padding-left:32px}
.businessDiv .busiAccorDiv .list.on{border:1px solid #00448d; border-bottom:1px solid #00448d}
.businessDiv .busiAccorDiv .list.on .txtArea .tit{color:#00448d}
.businessDiv .busiAccorDiv .list.on .txtArea .dotList2 li{color:#00448d}
.businessDiv .busiAccorDiv .list.on .btn{border:1px solid #00448d; color:#fff; background:url('/common/images/icon/controller_accor_close.gif') no-repeat right 30px top 50% #00448d}
.businessDiv .busiAccorDiv .view{padding:80px 40px; box-sizing:border-box; border:1px solid #d9d9d9; border-bottom:none; display:none}
.businessDiv .busiAccorDiv .view .noti{display:none}
.businessDiv .busiAccorDiv .view .img{text-align:center}
.businessDiv .busiAccorDiv .view .img img{width:100%}
.businessDiv .busiAccorDiv .view .viewList{margin-top:30px}
.businessDiv .busiAccorDiv .view .viewList .line{padding:40px 0; overflow:hidden; border-top:1px solid #e7e7e7; word-break:keep-all}
.businessDiv .busiAccorDiv .view .viewList .line:first-child{border-top:none}
.businessDiv .busiAccorDiv .view .viewList .line:last-child{padding-bottom:0}
.businessDiv .busiAccorDiv .view .viewList .line .tit{float:left; width:200px; margin-right:25px; font-size:20px; line-height:30px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.businessDiv .busiAccorDiv .view .viewList .line .txt{float:left; width:calc(100% - 225px); width:-webkit-calc(100% - 225px); font-size:16px; line-height:26px; color:#555}

/* 인재채용 */
.introListDiv{}
.introListDiv .list{position:relative; width:100%; overflow:hidden; margin-top:100px;}
.introListDiv .list:first-child{margin-top:0}
.introListDiv .list .img{width:50%; overflow:hidden; position:relative; z-index:1}
.introListDiv .list .txtArea{width:calc(50% + 40px); width:-webkit-calc(50% + 40px); box-sizing:border-box; position:relative;}
.introListDiv .list .txtArea img{border:1px solid #dfdfdf;margin-top:25px;}
.introListDiv .list .txtArea .area{position:absolute; top:50%; transform:translateY(-50%); word-break:keep-all;}
.introListDiv .list .txtArea .icon{margin-bottom:40px}
.introListDiv .list .txtArea .tit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#525252; font-size:20px;letter-spacing:-1px;line-height:30px;}
.introListDiv .list .txtArea .tit02{font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#757575; font-size:15px;letter-spacing:-1px;line-height:30px;padding-bottom:20px;}
.introListDiv .list .txtArea .txt{font-size:13px; line-height:40px; color:#fff;background:#979797;border-radius:15px;text-align:center;padding:5px 15px 5px 15px;margin-right:10px;}
.introListDiv .list:nth-child(2n-1) .img{float:left}
.introListDiv .list:nth-child(2n-1) .txtArea{float:right; margin-left:-50px; margin-top:0px;}
.introListDiv .list:nth-child(2n-1) .txtArea .area{left:120px}
.introListDiv .list:nth-child(2n) .img{float:right}
.introListDiv .list:nth-child(2n) .txtArea{float:left; margin-right:-50px;}
.introListDiv .list:nth-child(2n) .txtArea .area{left:60px}
.businessImg {position:absolute;z-index:99;padding-top:32px;padding-left:30px;}

.wantTalent{width:100%; padding-top:20px}
.wantTalent .tit{font-size:26px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center}
.wantTalent .tit span{color:#00448d}
.wantTalent .img{width:100%; margin-top:80px}
.wantTalent .img img{width:100%}
.wantTalent .txtArea{overflow:hidden; margin-top:30px}
.wantTalent .txtArea p{float:left; width:32%; margin-left:2%; text-align:center; font-size:16px; line-height:28px; color:#555}
.wantTalent .txtArea p:first-child{margin-left:0}
.promoteDiv{padding:0 30px; box-sizing:border-box}
.promoteDiv .img{text-align:center; margin-top:80px} 
.promoteDiv .infoD{margin-top:50px; border:1px solid #d9d9d9; padding:35px 30px; font-size:16px; line-height:28px; color:#555}
.promoteDiv .infoD span{display:block}
.promoteDiv .listDiv{}
.promoteDiv .listDiv .list{padding:40px 0; box-sizing:border-box; border-bottom:1px solid #d9d9d9; display:table; width:100%}
.promoteDiv .listDiv .list .icon{display:table-cell; padding-right:50px; vertical-align:middle; width:140px}
.promoteDiv .listDiv .list .txtArea{display:table-cell; vertical-align:middle; word-break:keep-all}
.promoteDiv .listDiv .list .tit{font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.promoteDiv .listDiv .list .txt{font-size:16px; line-height:28px; color:#555; margin-top:20px}
.promoteDiv .listDiv .list .txt span{display:block; font-size:18px; margin:25px 0 15px; color:#555; font-family:'NotoSans-Bold'}
.promoteDiv .listDiv .list .txt span:first-child{margin-top:0}
.environDiv{width:1180px; margin:80px auto 0}
.environDiv .rollArea{width:100%; position:relative}
.environDiv .rollArea .rollDiv{width:100%; height:580px; position:relative; overflow:hidden}
.environDiv .rollArea .rollDiv .roll{position:absolute; width:100%; height:580px; top:0; left:100%}
.environDiv .rollArea .rollDiv .roll:first-child{left:0}
.environDiv .rollArea .rollDiv .roll:nth-child(1){background:url('/common/images/icon/environment_roll_img1.jpg') no-repeat center center; background-size:cover}
.environDiv .rollArea .rollDiv .roll:nth-child(2){background:url('/common/images/icon/environment_roll_img2.jpg') no-repeat center center; background-size:cover}
.environDiv .rollArea .rollDiv .roll:nth-child(3){background:url('/common/images/icon/environment_roll_img3.jpg') no-repeat center center; background-size:cover}
.environDiv .rollArea .rollDiv .roll:nth-child(4){background:url('/common/images/icon/environment_roll_img4.jpg') no-repeat center center; background-size:cover}
.environDiv .rollArea .rollDiv .roll:nth-child(5){background:url('/common/images/icon/environment_roll_img5.jpg') no-repeat center center; background-size:cover}
.environDiv .rollArea .rollBtn{position:absolute; width:100%; top:0; left:0}
.environDiv .rollArea .rollBtn a{position:absolute; top:265px}
.environDiv .rollArea .rollBtn .prev{left:0}
.environDiv .rollArea .rollBtn .next{right:0}
.environDiv .rollArea .indiBtn{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); text-align:center}
.environDiv .rollArea .indiBtn a{display:inline-block; width:8px; height:8px; background:rgba(255, 255, 255, 0.5); margin:0 8px}
.environDiv .rollArea .indiBtn a.on{background:rgba(255,255,255,1)}
.environDiv .txtArea{padding:0 30px}
.environDiv .txtArea .list{padding:60px 0; border-bottom:1px solid #d9d9d9; overflow:hidden}
.environDiv .txtArea .list .tit{float:left; width:250px; font-size:22px; line-height:32px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.environDiv .txtArea .list .tit span{color:#00448d}
.environDiv .txtArea .list .txt{float:left; width:calc(100% - 250px); width:-webkit-calc(100% - 250px); font-size:16px; line-height:28px; color:#555; word-break:keep-all}
.environDiv .txtArea .list .txt span{display:block}
.faqList{margin:60px auto 0; width:1180px; border-top:3px solid #666}
.faqList .list{width:100%; border-bottom:1px solid #e8e8e8}
.faqList .list .question{display:table; width:100%; padding:31px 50px 31px 90px; background:url('/common/images/icon/faq_question.png') no-repeat left 20px center; box-sizing:border-box; position:relative}
.faqList .list .question.on .tit{font-family:'NotoSans-Bold','맑은 고딕', 'Malgun Gothic', sans-serif; color:#00448d}
.faqList .list .question .tit{font-size:20px; color:#000; line-height:1.3}
.faqList .list .question .btn{position:absolute; right:30px; top:50%;  transform:translateY(-50%)}
.faqList .list .answer{padding:35px 30px 40px 160px; background:url('/common/images/icon/faq_answer.png') no-repeat 90px 40px #f7f8fa; font-size:16px; line-height:28px; color:#555; border-top:1px solid #d9d9d9; display:none;}
.faqList .list .answer .file{margin-top:20px}
.faqList .list .answer .file a{display:inline-block; margin-top:5px; margin-right:8px; padding:12px 53px 12px 20px; border:1px solid #e1e1e1; font-size:16px; line-height:1; color:#555; background:url('/common/images/icon/addFile_icon2.gif') no-repeat right 20px top 50% #fff}
.faqList.numList .question{padding:31px 50px 31px 90px; background:none}
.faqList.numList .question .num{display:block; position:absolute; top:50%; transform:translateY(-50%); left:20px; width:42px; height:42px; line-height:42px; text-align:center; background:#00448d; color:#fff; border-radius:100%; font-size:18px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.faqList.numList .list .question .tit{display:table; width:100%; box-sizing:border-box}
.faqList.numList .answer{background:#f7f8fa; padding:35px 30px 40px 90px}
.faqList.numList2{margin:0}
.faqList.numList2 .question{padding:31px 50px 31px 30px; background:none; display:block}
.faqList.numList2 .list .question .tit{width:100%; box-sizing:border-box; }
.faqList.numList2 .list .question .tit span{font-family:'NotoSans-Bold','맑은 고딕', 'Malgun Gothic', sans-serif; padding-right:20px}
.faqList.numList2 .answer{background:#f7f8fa; padding:35px 30px 40px 90px}
.faqList.numList2 .answer p{color:#000; margin-bottom:20px}

/* 회사소식 */
.newsList{width:1180px; margin:50px auto 0}
.newsList:after{content:''; display:block; clear:both}
.newsList .list{float:left; width:280px; height:450px; margin-left:20px; margin-bottom:20px; display:block; box-shadow:13px 13px 32px 0 rgba(0, 0, 0, 0.1); overflow:hidden}
.newsList .list:nth-child(4n-3){margin-left:0}
.newsList .list .img{width:280px; height:220px; overflow:hidden}
.newsList .list .img img{width:100%; transition:all 0.8s}
.newsList .list .txtArea{padding:30px; box-sizing:border-box; background:#fff;}
.newsList .list .txtArea .titBox{height:60px}
.newsList .list .txtArea .tit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:20px; line-height:30px; display:inline}
.newsList .list:hover .txtArea .tit{border-bottom:1px solid #000}
.newsList .list:hover .img img{transform:scale(1.15)}
.newsList .list .txtArea .txt{font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; line-height:26px; color:#555; height:52px; margin-top:10px}
.newsList .list .txtArea .date{font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; line-height:16px; margin-top:40px}
.paging {position:relative; width:1200px; margin:60px auto 0; text-align:center;}
.paging > a{display:inline-block; width:48px; height:48px; font-size:16px; color:#555; line-height:45px; text-align:center; vertical-align:middle}
.paging > a img{vertical-align:middle}
.paging > a.on{color:#00448d; border:1px solid #00448d; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.videoList{width:1180px; margin:50px auto 0}
.videoList .topArea{overflow:hidden}
.videoList .topArea .video{width:780px; height:440px; float:left; overflow:hidden}
.videoList .topArea .video video{width:100%}
.videoList .topArea .txtBox{float:left; width:400px; height:440px; background:#fff}
.videoList .topArea .txtArea{box-sizing:border-box; padding:45px 40px}
.videoList .topArea .txtArea .tit{font-size:20px; line-height:30px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.videoList .topArea .txtArea .date{font-size:16px; line-height:16px; margin-top:25px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif}
.videoList .topArea .txtArea .txt{margin-top:30px; font-size:16px; line-height:26px; padding-top:25px; border-top:1px solid #d9d9d9; color:#555}
.videoList .topArea .txtBox .mCustomScrollBox>.mCSB_scrollTools{height:360px; top:50%; transform:translateY(-50%); width:10px}
.videoList .topArea .txtBox .mCSB_scrollTools .mCSB_draggerRail{width:10px; border-radius:0; background:#fff}
.videoList .topArea .txtBox .mCSB_scrollTools .mCSB_dragger{background:#c1c1c1; height:98px !important}
.videoList .topArea .txtBox .mCSB_dragger_bar{width:10px; height:98px; background:#c1c1c1}
.videoList .topArea .txtBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_ba, .videoList .topArea .txtBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.videoList .topArea .txtBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .videoList .topArea .txtBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#c1c1c1}
.videoList .listArea{margin-top:50px; overflow:hidden; border-bottom:1px solid #d9d9d9}
.videoList .listArea .list{display:block; width:280px; height:330px; overflow:hidden; float:left; margin-left:20px; padding-bottom:40px}
.videoList .listArea .list:first-child{margin-left:0}
.videoList .listArea .list .thumb{width:100%; overflow:hidden; margin-bottom:25px; position:relative}
.videoList .listArea .list .thumb:after{content:''; display:block; width:33px; height:38px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('/common/images/btn/video_play_btn.png') no-repeat center center; background-size:cover}
.videoList .listArea .list .thumb img{width:100%}
.videoList .listArea .list .tit{font-size:20px; line-height:30px;  font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#222; display:inline}
.videoList .listArea .list .date{font-size:16px; line-height:16px; margin-top:25px; color:#777; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif}
.videoList .listArea .list:hover .tit{border-bottom:1px solid #222}

/* 지속가능경영 */
.midCon{width:1180px; margin:0 auto}
.midCon .midBanner{padding:110px 50px 50px 505px; height:415px; box-sizing:border-box}
.midCon .midBanner .tit{font-size:30px; color:#fff; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; padding-bottom:32px; position:relative}
.midCon .midBanner .tit:after{content:''; display:block; position:absolute; width:50px; height:2px; background:#fff; bottom:0; left:0}
.midCon .midBanner .txt{font-size:16px; line-height:28px; color:#dfdfde; margin-top:35px; word-break:keep-all}
.midCon .midBanner.sus1{background:url('/common/images/icon/mid_banner_bg1.jpg') no-repeat left center}
.midCon .midBanner.sus2{background:url('/common/images/icon/mid_banner_bg2.jpg') no-repeat left center; padding-top:120px; padding-right:180px}
.susList{width:1180px; margin:0 auto}
.susList .ban{padding:40px 40px 40px 250px; box-sizing:border-box; border:1px solid #d9d9d9}
.susList .ban.type1{background:url('/common/images/icon/susList_ban_type1.jpg') no-repeat 65px center}
.susList .ban.type2{background:url('/common/images/icon/susList_ban_type2.jpg') no-repeat 65px center}
.susList .ban .tit{font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.susList .ban .txt{font-size:16px; line-height:28px; color:#555; margin-top:25px}
.susList .ban .txt span{display:block}
.susList .listDiv{padding:0 30px; margin-top:60px}
.susList .listDiv .list{overflow:hidden; border-top:1px solid #d9d9d9; padding:35px 0}
.susList .listDiv .list.boB{border-bottom:1px solid #d9d9d9}
.susList .listDiv .list:first-child{padding-top:0; border-top:none}
.susList .listDiv .list .tit{float:left; width:200px; margin-right:20px; font-size:22px; line-height:38px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all; display:table}
.susList .listDiv .list .tit span{display:table-cell; padding-right:20px; color:#00448d}
.susList .listDiv .list .tit p{display:table-cell}
.susList .listDiv .list .txt{float:left; width:calc(100% - 220px); width:-webkit-calc(100% - 220px); font-size:16px; line-height:28px; color:#555; word-break:keep-all}
.susList .listDiv .list .txt span{font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000}
.susList .listDiv2 .list .tit{width:60px; padding-right:30px; margin-right:0; line-height:28px}
.susList .listDiv2 .list .txt{width:calc(100% - 90px); width:-webkit-calc(100% - 90px);}
.susList .listDiv2 .list .txt b{font-weight:normal}
.faqTabs{width:100%; text-align:center}
.faqTabs a{display:inline-block; width:280px; height:50px; line-height:48px; box-sizing:border-box; border:1px solid #d9d9d9; text-align:center; font-size:16px; color:#797878; margin:0 3px}
.faqTabs a.on{color:#000; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; border:1px solid #000}
.faqCon .faqList{margin:80px auto 0}
.ruleBtn{width:214px; height:56px; line-height:56px; margin:60px auto 0; display:block; box-sizing:border-box; text-align:center; font-size:18px; color:#fff; padding:0 48px 0 10px; background:url('/common/images/icon/ruleBtn_icon.gif') no-repeat right 30px top 50% #00448d}
.susList2{width:1120px; margin:-20px auto 0}
.susList2 .list{padding:20px 0 0 198px}
.susList2 .list:nth-child(1){background:url('/common/images/icon/susList2_img1.jpg') no-repeat left center}
.susList2 .list:nth-child(2){background:url('/common/images/icon/susList2_img2.jpg') no-repeat left center}
.susList2 .list:nth-child(3){background:url('/common/images/icon/susList2_img3.jpg') no-repeat left center}
.susList2 .list:nth-child(4){background:url('/common/images/icon/susList2_img4.jpg') no-repeat left center}
.susList2 .list .txtArea{padding:30px 0 50px; border-bottom:1px solid #d9d9d9}
.susList2 .list:last-child .txtArea{border-bottom:none}
.susList2 .list .txtArea .num{font-size:30px; color:#00448d; position:relative; padding-bottom:20px}
.susList2 .list .txtArea .num:after{content:''; display:block; position:absolute; bottom:0; width:15px; height:2px; background:#000}
.susList2 .list .txtArea .txt{margin-top:15px; font-size:16px; line-height:28px; color:#555; word-break:keep-all}
.cp7Div{width:1120px; margin:0 auto}
.cp7Div .title{padding-top:80px; text-align:center; font-size:30px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; background:url('/common/images/icon/cp_tit_bg.jpg') no-repeat center top}
.cp7Div .img{margin:60px auto; width:100%}
.cp7Div .img img{width:100%}
.cp7Div .infoBox{}
.cp7Div .infoBox .line{padding:35px 0; border-top:1px solid #e3e3e3; word-break:keep-all}
.cp7Div .infoBox .line:first-child{padding-top:0; border-top:0;}
.cp7Div .infoBox .line .tit{font-size:18px; line-height:28px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.cp7Div .infoBox .line .txt{font-size:16px; line-height:28px; color:#555; margin-top:10px}
.socialConDiv{width:1180px; margin:60px auto 0}
.socialConDiv > img{width:100%}
.socialConDiv .rollArea{width:100%; position:relative}
.socialConDiv .rollArea .rollDiv{width:100%; height:580px; position:relative; overflow:hidden}
.socialConDiv .rollArea .rollDiv .roll{position:absolute; width:100%; height:580px; top:0; left:100%}
.socialConDiv .rollArea .rollDiv .roll:first-child{left:0}
.socialConDiv .rollArea .rollDiv .roll:nth-child(1){background:url('/common/images/icon/socialConDiv_roll_img1.jpg') no-repeat center center; background-size:cover}
.socialConDiv .rollArea .rollDiv .roll:nth-child(2){background:url('/common/images/icon/socialConDiv_roll_img2.jpg') no-repeat center center; background-size:cover}
.socialConDiv .rollArea .rollDiv .roll:nth-child(3){background:url('/common/images/icon/socialConDiv_roll_img3.jpg') no-repeat center center; background-size:cover}
.socialConDiv .rollArea .rollBtn{position:absolute; width:100%; top:0; left:0}
.socialConDiv .rollArea .rollBtn a{position:absolute; top:260px}
.socialConDiv .rollArea .rollBtn .prev{left:0}
.socialConDiv .rollArea .rollBtn .next{right:0}
.socialConDiv .rollArea .indiBtn{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); text-align:center}
.socialConDiv .rollArea .indiBtn a{display:inline-block; width:8px; height:8px; background:rgba(255, 255, 255, 0.5); margin:0 8px}
.socialConDiv .rollArea .indiBtn a.on{background:rgba(255,255,255,1)}
.socialConDiv .txtArea{padding:0 30px}
.socialConDiv .txtArea .list{padding:60px 0; border-bottom:1px solid #d9d9d9; overflow:hidden}
.socialConDiv .txtArea .list:last-child{border-bottom:none; padding-bottom:0}
.socialConDiv .txtArea .list .tit{float:left; width:250px; font-size:22px; line-height:32px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.socialConDiv .txtArea .list .tit span{color:#00448d}
.socialConDiv .txtArea .list .txt{float:left; width:calc(100% - 250px); width:-webkit-calc(100% - 250px); font-size:16px; line-height:28px; color:#555; word-break:keep-all}
.socialConDiv .txtArea .list .txt .noti{font-size:15px; color:#777; line-height:18px; margin-top:15px}
.socialConDiv .txtArea .list .txt .noti span{color:#000}

/* 고객지원 */
.locationDiv{width:1200px; margin:0 auto}
.locationDiv .mapArea{border-top:2px solid #000}
.locationDiv .mapArea #map{width:100%; height:440px}
.locationDiv .locaInfo{background:#f7f8fa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; height:202px; box-sizing:border-box; padding:50px 0; text-align:center}
.locationDiv .locaInfo .icon{margin:0 35px; padding:30px 0 0 130px; display:inline-block; text-align:left; height:100px; box-sizing:border-box}
.locationDiv .locaInfo .icon:nth-child(1){background:url('/common/images/icon/locaDiv_icon1.png') no-repeat left center}
.locationDiv .locaInfo .icon:nth-child(2){background:url('/common/images/icon/locaDiv_icon2.png') no-repeat left center}
.locationDiv .locaInfo .icon:nth-child(3){background:url('/common/images/icon/locaDiv_icon3.png') no-repeat left center}
.locationDiv .locaInfo .icon .txt{font-size:16px; color:#555; margin-top:15px}
.locationDiv .useInfo{margin-top:10px}
.locationDiv .useInfo .useDiv{padding:50px 0; display:table}
.locationDiv .useInfo .useDiv:first-child{border-bottom:1px solid #d9d9d9}
.locationDiv .useInfo .useDiv .tit{display:table-cell; width:300px; vertical-align:top; font-size:22px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.locationDiv .useInfo .useDiv .info{display:table-cell; width:880px; vertical-align:top}
.locationDiv .useInfo .useDiv .info > p{margin-top:10px; font-size:16px; line-height:24px; color:#555}
.locationDiv .useInfo .useDiv .info > p span{padding-right:10px}
.locationDiv .useInfo .useDiv .info > p:first-child{margin-top:0}
.locationDiv .useInfo .useDiv .info .add{color:#777; font-size:15px; margin-top:20px}
.inquiryDiv{border-top:2px solid #aaaaaa;}
.inquiryDiv .subTit2{margin-top:60px}
.inquiryDiv .agrTit{line-height:30px;font-weight:600;margin-top:30px;}
.inquiryDiv .agrTit02{line-height:30px;font-weight:400;text-align:right;padding-right:10px;margin-bottom:20px;}
.inquiryDiv .agreeDiv{border:1px solid #d9d9d9; height:150px; box-sizing:border-box;}
.inquiryDiv .agreeDiv .txtArea{padding:20px; font-size:16px; line-height:28px; color:#555}
.inquiryDiv .agreeDiv .txtArea span{display:block}
.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_draggerRail{background:none}
.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_dragger{height:50px !important}
.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#c1c1c1; width:4px; height:50px}



.inquiryDiv .agreeDivR{border:1px solid #d9d9d9; height:150px; box-sizing:border-box;}
.inquiryDiv .agreeDivR .txtAreaR{padding:20px; font-size:16px; line-height:28px; color:#555}
.inquiryDiv .agreeDivR .txtAreaR span{display:block}

.inquiryDiv .checkDiv{text-align:center; padding:16px 0; box-sizing:border-box; background:#f7f8fa; border:1px solid #d9d9d9; border-top:none}
.inquiryDiv .checkDiv > div{display:inline-block; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:16px}
.inquiryDiv .checkDiv > div input{width:26px; height:26px; padding:0; margin-left:10px}
.inquiryDiv .writeDiv .subTit2 span{float:right; font-size:15px; color:#888; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif}
.inquiryDiv .writeDiv .subTit2 span img{vertical-align:middle; margin-right:5px}
.inquiryDiv .answerDiv{}
.inquiryDiv .answerDiv .answer{margin-top:30px}
.inquiryDiv .answerDiv .answer:first-child{margin-top:0}
.inquiryDiv .answerDiv .answer > div{overflow:hidden}
.inquiryDiv .answerDiv .answer .title{width:100px; height:90px; float:left; text-align:center; line-height:90px; color:#fff; background:#333; font-size:18px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.inquiryDiv .answerDiv .answer .date{width:calc(100% - 100px); width:-webkit-calc(100% - 100px); height:90px; line-height:90px; float:left; box-sizing:border-box; padding-left:40px; border:1px solid #d9d9d9; border-left:none; background:#f7f8fa; text-align:left; font-size:16px; color:#888}
.inquiryDiv .answerDiv .answer .cont{box-sizing:border-box; min-height:200px; border:1px solid #d9d9d9; border-top:none; font-size:16px; line-height:26px; color:#555; padding:35px 40px}

/* writeType */
.writeType1{border-top:2px solid #000}
.writeType1 .line{display:table; width:100%; border-bottom:1px solid #d9d9d9}
.writeType1 .line > div{display:table-cell; vertical-align:middle; padding:14px 20px; box-sizing:border-box; font-size:16px}
.writeType1 .line > div:nth-child(3){border-left:1px solid #d9d9d9}
.writeType1 .line .tit{display:table-cell; width:160px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif}
.writeType1 .line .tit img{vertical-align:middle; margin-left:5px}
.writeType1 .line > div input, .writeType1 .line > div select{box-sizing:border-box; width:280px; height:52px; line-height:52px; padding-left:20px; color:#555}
.writeType1 .line textarea{box-sizing:border-box; width:100%; resize:none; height:200px; padding:30px; font-size:16px; line-height:26px; color:#555}
.writeType1 .line > div .addFile {position:relative}
.writeType1 .line > div .addFile input[type="file"]{position:absolute; top:0; left:0; width:395px; opacity:0;}
.writeType1 .line > div .addFile input[type="text"]{width:280px}
.writeType1 .line > div .addFile .find{display:inline-block; vertical-align:top; width:110px; height:52px; line-height:52px; box-sizing:border-box; color:#fff; background:#888; text-align:center; margin-left:4px;}
.writeType1 .line > div .fileList{}
.writeType1 .line > div .fileList a{display:inline-block; margin-top:10px; margin-right:10px; padding:13px 53px 13px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:url('/common/images/icon/file_del_icon.png') no-repeat right 20px top 50% #f7f8fa}
.writeType1 .line > div.captcha p{display:inline-block; vertical-align:bottom}
.writeType1 .line > div.captcha a{display:inline-block; vertical-align:bottom; margin-left:2px}
.writeType1 .line > div.captcha input{vertical-align:bottom; margin-left:18px}
.submitBtn{font-family:'NotoSans-Medium';width:200px; height:56px; line-height:56px; margin:60px auto 0; display:block; text-align:center; font-size:18px; color:#fff; background:url('../img/submitBtn.jpg');}
.submitBtnR{font-family:'NotoSans-Medium';width:140px; height:26px; line-height:26px; margin:auto 0; display:block; text-align:center; font-size:15px; color:#fff; background:url('../img/submitBtnR.jpg');}

.submitBtnN{font-family:'NotoSans-Medium';width:200px; height:56px; line-height:56px; margin:60px auto 0; display:block; text-align:center; font-size:18px; color:#fff; background:url('../img/submitBtn_N.jpg');}

.infoDiv{width:1180px; margin:80px auto 0; box-sizing:border-box; border:1px solid #d9d9d9; border-top:2px solid #000; background:url('infoDiv_icon.png') no-repeat center 80px #f7f8fa; padding:300px 0 80px; text-align:center}
.infoDiv .tit{font-size:26px; color:#000; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; margin-bottom:25px}
.infoDiv .txt{font-size:16px; line-height:26px; color:#555}
.infoDiv .codeBox{margin:35px auto 0; width:900px; padding:40px 0 50px; background:#fff}
.infoDiv .codeBox .title{font-size:16px; color:#000}
.infoDiv .codeBox .codeView{margin:20px auto 0; width:270px; height:52px; box-sizing:border-box; background:#e2e6eb; font-size:16px; color:#00448d; text-align:center; padding:20px 10px}
.infoDiv .codeBox .codeInput{margin:20px auto 0; width:370px; height:52px; overflow:hidden}
.infoDiv .codeBox .codeInput input{box-sizing:border-box; width:270px; height:52px; line-height:52px; float:left; text-align:center; background:#e2e6eb; color:#555}
.infoDiv .codeBox .codeInput a{width:100px; height:52px; display:block; float:left; color:#fff; background:#333; font-size:16px; line-height:52px}
.infoDiv .codeBox .noti{margin-top:20px; font-size:16px; line-height:26px; color:#888}
.infoDiv .btnArea{margin-top:60px; text-align:center}
.infoDiv .btnArea a{display:inline-block; width:200px; height:56px; text-align:center; margin:0 3px; font-size:18px; line-height:54px; box-sizing:border-box}
.infoDiv .btnArea a.typeA{color:#fff; border:1px solid #00448d; background:#00448d}
.infoDiv .btnArea a.typeB{border:1px solid #00448d; color:#00448d}

/* 유틸리티 */
.privacyDiv{width:1180px; margin:0 auto}
.privacyDiv .privacyBox{width:100%; border:1px solid #e1e1e1; border-top:3px solid #000; background:#f7f8fa; padding:35px 30px; word-break:keep-all; box-sizing:border-box}
.privacyDiv .privacyBox .tit{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:18px; line-height:30px}
.privacyDiv .privacyBox .txt{font-size:16px; line-height:28px; color:#555; margin-top:15px}
.privacyDiv .privacyBox .txt span{display:block}
.privacyDiv .privacyText{padding:30px 30px 45px; word-break:keep-all; border-top:2px solid #aaaaaa}
.privacyDiv .privacyText .tit{margin-top:35px; font-size:22px; line-height:26px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.privacyDiv .privacyText .tit:first-child{margin-top:0}
.privacyDiv .privacyText .txt{font-size:16px; line-height:24px; color:#555; margin-top:20px}
.privacyDiv .privacyText .txt span{display:block}
.privacyDiv .privacyText2{border-top:1px solid #d9d9d9; padding:50px 30px 0}
.privacyDiv .privacyText2 .tit{margin-top:35px; font-size:22px; line-height:30px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.privacyDiv .privacyText2 .tit:first-child{margin-top:0}
.privacyDiv .privacyText2 .txt{font-size:16px; line-height:28px; color:#555; margin-top:20px}
.privacyDiv .privacyText2 .txt span{display:block}

.privacyDiv .privacyText3{word-break:keep-all; border-top:2px solid #aaaaaa}
.privacyDiv .privacyText3 img{width:100%}
.privacyDiv .privacyText3 .tit{margin-top:35px; font-size:22px; line-height:26px; color:#000; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all}
.privacyDiv .privacyText3 .tit:first-child{margin-top:0}
.privacyDiv .privacyText3 .txt{font-size:16px; line-height:24px; color:#555; margin-top:30px;padding:0px 30px;}
.privacyDiv .privacyText3 .txt span{display:block}

.privacyDiv .mailNoti{box-sizing:border-box; border:1px solid #e1e1e1; background:url('mail_noti_icon.gif') no-repeat center 100px #f7f8fa; padding:280px 30px 105px; font-size:20px; line-height:32px; color:#222; text-align:center; word-break:keep-all}
.privacyDiv .mailNoti span{font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000}
.siteMap{overflow:hidden; width:1180px; margin:0 auto}
.siteMap .list{width:300px; float:left; margin-left:140px}
.siteMap .list:nth-child(3n-2){margin-left:0}
.siteMap .list:nth-child(4), .siteMap .list:nth-child(5), .siteMap .list:nth-child(6){margin-top:80px}
.siteMap .list .oneD{padding-left:10px; font-size:22px; color:#222; font-family:'NotoSans-Bold'}
.siteMap .list .twoD{padding-top:10px; border-top:3px solid #000; margin-top:30px}
.siteMap .list .twoD li{display:block; width:100%; border-bottom:1px solid #d9d9d9; padding:20px 0 20px 10px; box-sizing:border-box}
.siteMap .list .twoD li > a{display:block; font-size:16px; color:#555; font-family:'NotoSans-Medium'}
.siteMap .list .twoD li > a.typeA{cursor:default}
.siteMap .list .twoD li .thrD{margin:20px 0 0}
.siteMap .list .twoD li .thrD > a{padding-left:10px; font-size:15px; display:block; line-height:28px; color:#555; font-family:'NotoSans-Light'}
.errorDiv{background:#f0f0f0; padding-top:160px; height:100vh; box-sizing:border-box; text-align:center}
.errorDiv .errorBox{margin:60px auto 0; width:800px; border:2px solid #e1e1e1; padding:175px 60px 60px; background:url('/common/images/icon/errorDiv_icon.png') no-repeat center 60px #fff}
.errorDiv .errorBox .tit{font-family:'NotoSans-Bold'; font-size:35px; line-height:30px; color:#000}
.errorDiv .errorBox .txt{font-size:18px; line-height:28px; margin-top:25px; color:#555}
.errorDiv .errorBox .txt span{display:block}
.errorDiv .errorBox .btn{display:block; width:200px; height:50px; line-height:50px; margin:60px auto 0; background:#00448d; font-size:18px; color:#fff; font-family:'NotoSans-Medium'}

/* footer */
#footer{width:100%; height:200px; background:#fff; z-index:10; background:#2f2f2f;}
#footer.main{position:absolute; width:100%; height:200px; bottom:-200px; left:0;}
/*#footer .top{width:1200px; margin:auto; height:16px; border-bottom:1px solid #ddd; overflow:hidden; padding:30px 0; position:relative;}*/
#footer .top{width:1200px; margin:auto; height:16px; border-bottom:1px solid #ddd; padding:30px 0; position:relative;}
#footer .top .left{float:left;}
#footer .top .left > a{display:inline-block; font-size:16px; color:#000; position:relative; margin-right:42px;}
#footer .top .left > a:after{content:""; display:block; width:3px; height:3px; position:absolute; top:50%; right:-26px; background:#bdbdbd; margin-top:-1.5px;}
#footer .top .left > a:last-child{margin-right:0;}
#footer .top .left > a:last-child:after{display:none;}
#footer .top .right{float:right;}
#footer .top .right > span{display:inline-block; font-size:15px; color:#555; position:relative; margin-right:17px}
#footer .top .right > span:after{content:""; display:block; width:1px; height:12px; position:absolute; top:1px; right:-10px; background:#ddd;}
#footer .top .right > span:last-child{margin-right:0;}
#footer .top .right > span:last-child:after{display:none;}
#footer .top .right > span strong{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; margin-right:3px;}

#footer .top .homeTel {color:#ededed; float:right;margin-right:250px;border:1px solid #a1a1a1;padding:12px;margin-top:-12px;}

#footer .bot{width:1200px; height:12px; margin:auto; padding:30px 0; position:relative;}
#footer .bot .copyTxt{display:inline-block;float:left;font-size:14px; color:#777;line-height:60px;margin-top:-10px;}


#footer .bot .copyTxt03 {font-size:15px;color:#777;line-height:30px;position:absolute;}

#footer .bot .copyTxt02{float:left;}
#footer .bot .copyTxt02 > span{display:inline-block; font-size:15px; color:#555; position:relative;}
#footer .bot .copyTxt02 > span:after{content:""; display:block; width:1px; height:12px; position:absolute; top:1px; right:-12px; background:#ddd;}
#footer .bot .copyTxt02 > span:last-child{margin-right:0;}
#footer .bot .copyTxt02 > span:last-child:after{display:none;}
#footer .bot .copyTxt02 > span strong{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#777; margin-left:20px;}
#footer .bot .copyTxt02 > span{color:#777;}
#footer .bot .copyTxt02 > span:after{background:rgba(255,255,255, 0.15);}
#footer .bot .copyTxt02 > span strong{color:#777;}

#footer .bot .right{position:absolute;top:25px;right:0;}
#footer .bot .right img{margin-left:20px;}
#footer .bot .right .markImg01 {width:50px;cursor:pointer;}
#footer .bot .right .markImg02 {width:38px;cursor:pointer;}

#footer .top .fmSel {position:absolute; top:17px; right:0; width:220px; height:44px;z-index:999999;}
#footer .top .fmSel > a {display:block; padding-left:20px; border:1px solid #d8d8d8; line-height:42px; font-size:14px; color:#000; background:url("../img/footer_fambg_on.jpg") no-repeat right 0; font-family:'NotoSans-Medium', sans-serif}
#footer .top .fmSel > a.on{background:url("../img/footer_fambg.jpg") no-repeat right 0}
#footer .top .fmSel > div {display:none; position:absolute; bottom:43px; left:0; padding:10px 0; width:calc(100% - 2px); width:-webkit-calc(100% - 2px); border:1px solid #d8d8d8; background:#fff;}
#footer .top .fmSel > div a {display:block; padding-left:20px; font-size:14px; color:#555; line-height:30px;font-family:'NotoSans-Medium';}

#footer .top .fmSel > a {border:1px solid #000; color:#fff; background:#000 url("../img/footer_fambg2.jpg") no-repeat right 0;}
#footer .top .fmSel > a.on{background:#000 url("../img/footer_fambg2_on.jpg") no-repeat right 0}
#footer .top .fmSel > div {border:1px solid #161616; background:#161616;}
#footer .top .fmSel > div a {color:#777;}

#footer .top{border-bottom:1px solid rgba(255,255,255, 0.15);}
#footer .top .left > a{color:#fff;}
#footer .top .left > a:after{background:#fff;}
#footer .top .right > span{color:#777;}
#footer .top .right > span:after{background:rgba(255,255,255, 0.15);}
#footer .top .right > span strong{color:#777;}

.gotoTop{display:none; position:fixed; bottom:40px; right:40px; z-index:11; width:50px; height:52px}
.gotoTop img{width:100%}













/* 미디어쿼리 시작 */
@media all and (max-width:1240px) {
	#headerW .gnbDiv{display:none}
	#headerW .utilDiv{display:none}
	#subBody .subVisual{background-size:cover}
	#subBody .subVisual .visualTxt{width:100%}

	
	#subBody .subVisual.type2{background-size:cover}
	#subBody .subVisual.type3{background-size:cover}
	#subBody .subVisual.type4{background-size:cover}
	#subBody .subVisual.type5{background-size:cover}
	#subBody .subVisual.type6{background-size:cover}

	.subWrap{padding:0 3% 150px}
	.tabArea{width:100%}
	.tabBtn{width:100%}
	.tabArea .tabCon{width:100%}

	.allMenu ul{width:900px}
	.allMenu ul li{padding-left:90px}

	.mainSection{position:relative; top:auto !important}
	#footer.main{position:relative; bottom:auto; left:auto}
	#wBody{overflow:visible}
	.mobileBtn{display:none}
	.mainIndi{display:none}	
	.mainVisDiv .visArea{display:none}
	.mainVisDiv .mVisArea{display:block; position:relative; height:100%}
	.mainVisDiv .mVisArea .visual{height:100%; position:relative}
	.mainVisDiv .mVisArea .visual:nth-child(1){background:url('../img/Main_visual_img.jpg') no-repeat center center ; background-size:cover; left:0}
	.mainVisDiv .mVisArea .visual:nth-child(2){background:url('/common/images/icon/mainVis2_m.jpg') no-repeat center center; background-size:cover}
	.mainVisDiv .mVisArea .visual:nth-child(3){background:url('/common/images/icon/mainVis3_m.jpg') no-repeat center center; background-size:cover}
	.mainVisDiv .mVisArea .visual:nth-child(4){background:url('/common/images/icon/mainVis4_m.jpg') no-repeat center center; background-size:cover}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1{width:100%; display:block; text-align:center; position:absolute; top:220px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img{top:150px;}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2{position:absolute; top:320px;width:490px;left:50%; transform:translate(-50%, 0); overflow:hidden;font-size:55px; color:#ffffff; font-weight:600;letter-spacing:-2px;}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img{width:255px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt3{position:absolute; width:100%; text-align:center;font-size:20px;top:350px; color:#ffffff; font-weight:300; margin-top:60px;letter-spacing:-2px;line-height:30px;}
	.mainVisDiv .mVisArea .scrollBt{position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1}
	.mainVisDiv .mVisArea .scrollBt a img{width:59px}
	.mainVisDiv .mVisArea .swiper-pagination{bottom:auto; top:430px}
	.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border-radius:0; background:rgba(255,255,255,0.5); opacity:1}
	.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet-active{background:#d60014}



	.mainVisDiv .visBtn{top:295px; display:none}
	.mainCon1 .txtDiv .txt1{opacity:1; top:120px;}
	.mainCon1 .txtDiv .txt2{opacity:1; top:150px; font-size:20px;line-height:25px;letter-spacing:-2px;}
	.mainCon1 .listDiv{top:530px; width:auto;box-sizing:border-box;}
	.mainCon1 .listDiv .list{opacity:1; width:250px; height:150px}
	.mainCon1 .listDiv a.list .off{width:250px; height:150px}
	.mainCon1 .listDiv a.list .off img:first-child{display:none}
	.mainCon1 .listDiv a.list .off img:last-child{display:block; width:100%}
	.mainCon1 .listDiv a.list .on{display:none}
	.mainCon1 .listDiv .list1{right:50%; top:0; left:auto}
	.mainCon1 .listDiv .list2{left:50%; top:0;margin-left:-80px;}
	.mainCon1 .listDiv .list3{top:0px; left:auto;margin-left:90px;}
	.mainCon1 .listDiv a:before{display:none}
	.mainCon1 .listDiv a:after{display:none}
	.mainCon1 .listDiv a > div:before{display:none}
	.mainCon1 .listDiv a > div:after{display:none}








	.mainCon2 .txtDiv .txt1{top:120px; opacity:1}
	.mainCon2 .txtDiv .txt2{opacity:1; top:200px; font-size:20px;line-height:25px;letter-spacing:-2px;}
	.mainCon2 .swiper-container{opacity:1; width:100%; padding:0 0 40px 0; box-sizing:border-box; height:auto;}
	/*.mainCon2 .swiper-container .swiper-wrapper{height:auto; width:100%; margin:0 auto}
	.mainCon2 .swiper-pagination{bottom:0; display:block}
	.mainCon2 .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border-radius:0; background:#b6b6b6; opacity:1}
	.mainCon2 .swiper-pagination .swiper-pagination-bullet-active{background:#d60014}
	.mainCon2 .swiper-container .swiper-slide{box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); width:40%; height:auto; max-width:350px}
	.mainCon2 .swiper-container .swiper-slide .img{width:100%}
	.mainCon2 .swiper-container .swiper-slide .img img{width:100%}
	.mainCon2 .swiper-container .swiper-slide .txtBox{padding:20px; width:100%; height:130px; box-sizing:border-box}
	.mainCon2 .swiper-container .swiper-slide .txtBox .tit{font-size:15px; line-height:21px}
	.mainCon2 .swiper-container .swiper-slide .txtBox .txt{display:none}
	.mainCon2 .swiper-container .swiper-slide .txtBox .date{left:20px; bottom:20px; font-size:13px}
	.mainCon2 .swiper-button-next, .mainCon2 .swiper-button-prev{display:none}
	.mainCon2 .swiper-scrollbar{display:none}*/

	.mainCon3 .txtDiv .txt1{top:120px; opacity:1}
	.mainCon3 .txtDiv .txt2{top:200px; opacity:1; font-size:20px;line-height:25px;letter-spacing:-2px;}
	.mainCon3 .careerDiv{opacity:1; top:350px;width:100%;position:relative;}
	.mainCon3 .careerDiv .leftD{position:absolute;width:100%;margin:0 auto;text-align:center;padding:0;left:50%;transform:translateX(-50%);margin-left:-80px;}
	.mainCon3 .careerDiv .rightD{display:none;}
/*
.mainCon3{background:url("../img/skn_bg2.jpg") no-repeat center center; background-size:cover;}
.mainCon3 .txtDiv{width:100%; position:absolute; top:0; left:0; text-align:center; font-size:18px; color:#777;}
.mainCon3 .txtDiv .txt1{position:absolute; top:281px; left:0; width:100%; opacity:0;}
.mainCon3 .txtDiv .txt2{position:absolute; top:363px; left:0; width:100%; letter-spacing:-1.5px; opacity:0;font-size:26px; color:#fff; font-weight:400; letter-spacing:-3px;line-height:40px;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
.mainCon3 .careerDiv{width:1200px; height:482px; margin:auto; position:absolute; top:490px; left:80px; right:0; opacity:0;}
.mainCon3 .careerDiv .leftD{position:absolute; top:0; left:0; /*background:url("/common/images/icon/career_left_bg.jpg") no-repeat 0 0; width:679px; height:482px; color:#fff;padding-top:50px;}
.mainCon3 .careerDiv .leftD .tit{font-size:26px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; position:relative;}
.mainCon3 .careerDiv .leftD .tit:after{content:""; display:block; width:50px; height:1px; position:absolute; bottom:-32px; left:0; background:#fff;}
.mainCon3 .careerDiv .leftD .txt{font-size:16px; line-height:26px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; margin:55px 0 45px;}
.mainCon3 .careerDiv .leftD .careerBt{display:block; width:140px; height:54px; border:2px solid #fff; color:#fff; line-height:54px; padding:0 20px;}
.mainCon3 .careerDiv .leftD .careerBt span{background:url("/common/images/icon/career_left_arrow.png") no-repeat right center; display:block;}
.mainCon3 .careerDiv .rightD{position:absolute; top:40px; right:70px; width:434px; height:482px; overflow:hidden; padding:0 0px}
.mainCon3 .careerDiv .rightD .list{display:block; width:434px; height:194px; margin:49px 0px 8px 0; /*box-shadow:0 5px 30px 0 rgba(0,0,0,0.2); float:left; position:relative; /*background :#fff url("/common/images/icon/career_list_icon1.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .list:nth-child(2){width:434px; height:194px; margin:0 0px 8px 0;float:left; position:relative;/*background :#fff url("/common/images/icon/career_list_icon2.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .list:nth-child(3){background :#fff url("/common/images/icon/career_list_icon3.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .list:nth-child(4){background :#fff url("/common/images/icon/career_list_icon4.png") no-repeat right 35px bottom 35px;}
.mainCon3 .careerDiv .rightD .tit{font-size:22px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#333; display:block; margin-bottom:15px;}
.mainCon3 .careerDiv .rightD .txt{font-size:16px; line-height:24px; color:#666; display:block;}
.mainCon3 .careerDiv .rightD .goBt{display:block; position:absolute; bottom:36px; left:40px;}*/




	.mobileBtn{position:fixed; bottom:15px; right:15px; width:47px; height:104px; z-index:999}
	.mobileBtn a{position:relative; display:block; width:47px; height:47px}
	.mobileBtn a img{width:100%}
	.mobileBtn a.prev{margin-bottom:10px}

	.mainLayerPop{width:300px; height:287px}
	.mainLayerPop .popBody{width:300px; height:257px}
	.mainLayerPop .popBody .swiper-slide{height:257px}
	.mainLayerPop .popBody .swiper-slide .text{height:257px; font-size:14px; line-height:20px}
	.mainLayerPop .popBody .swiper-slide img{width:100%}
	.mainLayerPop .popBody .swiper-pagination{bottom:15px}
	.mainLayerPop .popBody .swiper-button-prev{left:10px}
	.mainLayerPop .popBody .swiper-button-next{right:10px}
	.mainLayerPop .popBody .swiper-button-prev, .mainLayerPop .popBody .swiper-button-next{margin-top:-12px; width:12px; height:24px; background-size:cover}
	.mainLayerPop .popBottom{width:300px; height:30px; padding:6px 40px 6px 0}
	.mainLayerPop .popBottom > div input{width:14px; height:14px}
	.mainLayerPop .popBottom > div label{font-size:13px; line-height:14px}
	.mainLayerPop .popBottom .xBt{width:30px; height:30px}
	.mainLayerPop .popBottom .xBt img{width:100%}

	/* srchType */
	.srchType1 > div{width:100%}
	.srchType1 .srchDiv{width:calc(100% - 637px); width:-webkit-calc(100% - 637px)}
	.srchType1 .input{width:100%}
	.srchType1 .input input{width:100%}

	/* viewType */
	.viewType1{width:100%}

	/* 회사소개 */
	.visionDiv{background-size:100% 100%; padding:60px 0 0; }
	.visionDiv .midDiv{width:880px; border-radius:220px; padding:40px 0 60px; margin:35px auto 0}
	.visionDiv .midDiv .txtArea{width:600px}
	.visionDiv .midDiv .txtArea .line .left{width:100%; float:none}
	.visionDiv .midDiv .txtArea .line .right{width:585px; float:none; border-left:none; margin-top:15px; padding-left:15px}
	.visionDiv .midDiv .txtArea br{display:none}
	.visionDiv .goalDiv{width:100%}
	.visionDiv .goalDiv .listDiv .list{width:24% !important; margin-left:1.33%}
	.visionDiv .goalDiv .listDiv .list:first-child{margin-left:0}
	.visionDiv .goalDiv .listDiv .list .box{padding:25px 10px; word-break:keep-all; height:170px}
	.visionDiv .goalDiv .listDiv .list .box br{display:none}

	.valueDiv{width:100%}
	.valueDiv .listDiv{width:880px}
	.valueDiv .listDiv .list{width:160px; margin:0 10px}
	.valueDiv .listDiv .list:nth-child(1){margin-left:0}
	.valueDiv .listDiv .list:nth-child(5){margin-right:0}
	.conductDiv{width:880px}
	.conductDiv .listDiv .list{width:164px; margin-left:15px}
	.historyDiv .line{width:100%}
	.financialDiv{width:100%;}

	/* 사업소개 */
	.businessDiv{width:100%}
	.businessDiv .overViewDiv .researchDiv .list{width:32%; margin-left:2%}
	.businessDiv .imgBox .floatTxt{top:40px; padding:45px 20px 45px 50px; width:500px; right:40px}
	.businessDiv .busiTable .list{float:none; width:100%; padding:50px 60px}
	.businessDiv .busiTable .list:nth-child(2n){border-left:1px solid #d9d9d9}
	.businessDiv .busiTable .list .table .right{padding-left:70px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list{width:100%}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path{width:33.33%}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right{margin-top:30px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li{width:34%}
	.businessDiv .busiTable .list .table .right .txt li span{display:inline}
	
	/* 인재채용 */
	.introListDiv .list .txtArea .icon{margin-bottom:25px}


.introListDiv .list{position:relative; width:100%; overflow:hidden; margin-top:100px;}
.introListDiv .list:first-child{margin-top:0}
.introListDiv .list .img{width:100%; overflow:hidden; position:relative; z-index:1;text-align:center;}
.introListDiv .list .txtArea{width:100%;text-align:center;}

.introListDiv .list .img img{width:100%;}
.introListDiv .list .txtArea img{width:95%;}

.businessImg {display:none;}

	.environDiv{width:100%}
	.socialConDiv{width:100%}
	.faqList{width:100%}
	.promoteDiv .infoD span{display:inline}

	/* 회사소식 */
	.summaryDiv .summaryBanner{width:100%; padding:30px 50px 0}
	.summaryDiv .summaryBanner .txt{word-break:keep-all}
	.summaryDiv .summaryBanner .txt br{display:none}
	.summaryDiv .companyInfo{width:100%}
	.summaryDiv .companyInfo .lineTop .summarybackToptxt {position:absolute;width:100%;top:0;background:url('../img/summary_banner04.jpg')center;}
	.summaryDiv .companyInfo .lineTop .summarybackToptxt .sbtt{color:#ffffff;text-align:right;padding:50px;font-size:22px;line-height:30px;letter-spacing:-2px;font-family:'NotoSans-Medium';}
	.summaryDiv .companyInfo .lineTop .summarybackTop {display:none;}
	.summaryDiv .companyInfo .lineTop .vvdeio{display:none;}

.summaryDiv .companyInfo .lineTop .philosophyTxt {margin:0 auto;margin-top:400px;text-align:center;}
.summaryDiv .companyInfo .lineTop .philosophyTxt img{width:580px;}
.summaryDiv .companyInfo .lineTop .philosophyTxt ul{margin:0 auto;width:950px;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li{padding:15px;width:280px;margin:0 auto;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li img{width:280px;padding:15px;}
.phtxt {padding-left:20px;padding-right:20px;}
.phtxt01{font-size:18px;line-height:35px;}
.phtxt02{font-size:15px;color:#a1a1a1;}
.phtxt03{font-size:15px;line-height:20px;word-break:keep-all;color:#828282;}

.summaryDiv .companyInfo .lineTop .hisT img{margin-bottom:10px;width:100%;}
.summaryDiv .companyInfo .lineTop .hisTbtn {margin:0 auto;text-align:center;margin-bottom:20px;margin-top:20px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span {margin:10px;}

.tableType_com02 {border-top:2px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_com02 .TTimg01 img {width:100%;}
.tableType_com02 .TTimg02 {padding-left:30px;padding-top:50px;}
.tableType_com02 .TTimg02 ul{display:inline-block;width:48%;}
.tableType_com02 .TTimg02 img{margin-right:30px;width:95%;}
.txtbt{color:#525252;font-size:18px;line-height:50px;font-family:'NotoSans-Bold';letter-spacing:-1px;padding-right:20px;word-break:keep-all}
.tableType_com02 .TTimg03 {padding-left:30px;}
.tableType_com02 .TTimg03 li{display:inline-block;}
.tableType_com02 .TTimg03 .ttw30{width:350px;vertical-align:top; word-break:keep-all}
.tableType_com02 .TTimg03 .tTcomtitle{color:#525252;font-size:18px;font-family:'NotoSans-Bold';letter-spacing:-1px;text-align:left; word-break:keep-all}
.tTcomtitle02{color:#757575;font-size:13px;font-family:'NotoSans-Medium';padding-right:25px;line-height:20px;text-align:left;padding-top:20px;padding-bottom:20px;word-break:keep-all}
.tTcomtitle03{color:#757575;font-size:13px;font-family:'NotoSans-Medium';line-height:20px;text-align:left;}
.tableType_com02 .TTimg04 {padding-left:30px;padding-top:50px;}
.tableType_com02 .TTimg04 li{display:inline-block;}
.tableType_com02 .TTimg04 img{margin-right:23px;margin-top:20px;}


.tableType_business{border-top:1px solid #aaaaaa; letter-spacing:-1px;}
.tableType_business table th{padding:0px 0px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_business table td{padding:0px 0px; font-size:16px; line-height:28px; color:#555; vertical-align:middle;text-align:center; word-break:keep-all}

.tableType_com03 {position:relative;border-top:2px solid #aaaaaa;margin:0 auto;}
.executive-con{position:relative; background:url('../img/history_line.png') no-repeat;margin-top:40px;padding:0 0 10px;}
.chart00{margin:0 auto;text-align:center;}
.chart00 img{}
.rkfh {margin:0 auto;text-align:center;}
.rkfh ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con02{position:relative; background:url('../img/history_line.png') no-repeat;}
.executive-con02:before{display:none;}
.executive-con02 img{text-align:center;vertical-align:middle;}
.executive-con02 ol{float:left;}
.executive-con03{display:none;}

	.summaryDiv .manageInfo{background:url('/common/images/icon/summary_info_bg_m.jpg') no-repeat center top; background-size:cover; margin:80px -4% 0}
	.summaryDiv .manageInfo .infoList{width:880px}
	.summaryDiv .manageInfo .infoList .list{width:350px; height:350px}
	.summaryDiv .manageInfo .infoList .list:nth-child(1){margin:0 20px 0 70px}
	.summaryDiv .manageInfo .infoList .list:nth-child(2){margin:0 70px 0 20px}
	.summaryDiv .manageInfo .infoList .list:nth-child(3){margin:30px 20px 0 70px}
	.summaryDiv .manageInfo .infoList .list:nth-child(4){margin:30px 70px 0 20px}
	.summaryDiv .manageInfo .infoList .list:nth-child(5){margin:30px 20px 0 70px}
	.summaryDiv .manageInfo .infoList .list:nth-child(6){margin:30px 70px 0 20px}
	.summaryDiv .manageInfo .infoList .list:nth-child(7){margin:30px 20px 0 70px}
	.summaryDiv .manageInfo .infoList .list:nth-child(8){margin:30px 70px 0 20px}
	.summaryDiv .manageInfo .infoList .list .noti{margin-top:120px}
	.summaryDiv .techList{width:100%}
	.summaryDiv .techList .list{width:33.33%}
	.summaryDiv .techList .list:last-child{width:33.33%}
	.summaryDiv .techList .list span{display:block}
	.summaryDiv .techList .list .img img{width:100%}
	.valueDiv .list .tit{font-size:18px}
	.ceoDiv{width:100%}
	.newsList{width:100%;}
	.newsList .list{width:24%; margin-left:1.33%; min-width:215px}
	.newsList .list:nth-child(4n-3){margin-left:0}
	.newsList .list .txtArea{padding:30px 20px}
	.newsList .list .txtArea .titBox{height:54px}
	.newsList .list .txtArea .tit{font-size:17px; line-height:27px}
	.newsList .list .txtArea .txt{font-size:15px; line-height:25px; height:75px}
	.newsList .list .txtArea .date{margin-top:20px}
	.videoList{width:100%; padding:0 3%; box-sizing:border-box}
	.videoList .topArea .video{width:100%; float:none}
	.videoList .topArea .txtBox{width:100%; float:none}
	.videoList .topArea .txtArea{width:100%}
	.videoList .listArea .list{width:24%; margin-left:1.33%; height:auto; padding-bottom:40px}
	.paging{width:100%}

	/* 지속가능경영 */
	.midCon{width:100%}
	.midCon .midBanner{padding:85px 50px 50px 45%}
	.susList{padding:0 30px; width:auto}
	.susList .ban .txt{word-break:keep-all}
	.susList .ban .txt span{display:inline}
	.susList2{padding:0 30px; width:auto; margin:0 auto}
	.midCon .midBanner.sus2{padding-right:50px}
	.cp7Div{padding:0 30px; width:auto}

	/* 고객지원 */
	.locationDiv{width:880px}
	.locationDiv .locaInfo .icon{margin:0 15px; padding:30px 0 0 115px}
	.infoDiv{width:880px}
	.infoDiv .codeBox{width:600px}

	/* writeType */
	.writeType1 .line{display:block; overflow:hidden}
	.writeType1 .line > div{display:block; float:left; width:calc(100% - 160px); width:-webkit-calc(100% - 160px)}
	.writeType1 .line .tit{display:block; float:left; height:80px; line-height:52px}
	.writeType1 .line > div:nth-child(3){border-left:none; border-top:1px solid #d9d9d9}
	.writeType1 .line > div:nth-child(4){border-top:1px solid #d9d9d9}

	/* tableType */
	.tableType2 .line{display:block; overflow:hidden; border-bottom:none}
	.tableType2 .line > div{display:block; float:none; width:100%; padding:16px 20px; line-height:27px; border-bottom:1px solid #d9d9d9; border-top:none !important}
	.tableType2 .line .tit{display:block; float:none; width:100%; height:60px; line-height:30px; border-bottom:1px solid #d9d9d9; border-top:none !important}
	.tableType2 .line > div:nth-child(3){border-left:none; border-top:1px solid #d9d9d9}
	.tableType2 .line > div:nth-child(4){border-top:1px solid #d9d9d9; width:100%; padding:16px 20px; line-height:27px}
	.tableType2 .line .tit.area{height:60px !important}

	/* 유틸리티 */
	.privacyDiv{width:100%}
	.privacyDiv .privacyText .txt span{display:inline}
	.privacyDiv .privacyText2 .txt span{display:inline}
	.errorDiv .errorBox{width:600px}
	.siteMap{width:900px}
	.siteMap .list{width:240px; margin-left:90px}

	/* footer */
	#footer{height:auto; padding:0 30px; box-sizing:border-box}
	#footer .top{border-bottom:none}
	#footer .top{padding:0; overflow:visible; height:auto; width:100%}
	#footer .top .left{float:none; border-bottom:1px solid rgba(255,255,255, 0.15); padding:20px 0;}
	#footer .top .right{float:none; margin-top:15px}
	#footer .bot{padding:20px 0 60px; width:100%}
	#footer .bot .fmSel{top:0}
	
	#footer .top .fmSel{top:0}

	#footer .bot .right{position:absolute;top:25px;right:0;}
	#footer .bot .right img{margin-left:20px;}
	#footer .bot .right .markImg01 {width:40px;cursor:pointer;}
	#footer .bot .right .markImg02 {width:30px;cursor:pointer;}

	#footer .top .homeTel {display:none;}

.rkfh {margin:0 auto;text-align:center;}
.rkfh ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con02{position:relative; background:url('') repeat-y center top;padding-top:15px;}
.executive-con02:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con02 img{text-align:center;padding-top:10px;}
.executive-con03{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:53%;left:10%;}
/*.executive-con03:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con03 img{margin:0 auto;text-align:center;padding-top:10px;}*/


.abcd99 {margin:0 auto;text-align:center;}
.abcd99 ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con04{position:relative; background:url('') repeat-y center top;padding-top:15px;left:175%;top:-325px;height:0px;top:-480px;}
.executive-con04:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-5px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con04 img{padding-top:10px;}
.executive-con05{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:18.5%;left:55.7%;top:230px;display:hidden;}


}











@media all and (max-width:981px) {
	input, select{font-size:13px}
	h2{font-size:25px; padding-top:50px}
	h2 p{font-size:15px; padding-top:10px;}
	.content{margin-top:35px}
	.subWrap{font-size:13px; margin-top:40px; padding:0 3% 80px}
	.subTit2{margin-bottom:15px; font-size:15px}
	.subTxt2{font-size:13px; line-height:20px}
	.subTxt2.tp{margin-top:10px}
	.subTxt2.bt{margin-bottom:10px}
	.subTxt3{font-size:12px; line-height:18px; margin-top:10px}

	#wBody{min-height:auto}	
/*	#wrap.main{overflow:visible}
	.mainSection{position:relative; top:auto; left:auto}*/
	
	
	#headerW{height:45px}
	#headerW h1{top:10px; left:5px}
	#headerW h1 a{width:75px; height:25px; background-size:50%}
	#headerW.type2 h1 a{width:70px; height:17px; background-size:100%}
	#headerW .fmSitBt{width:45px; height:45px; border-left:1px solid rgba(255,255,255,0.2); background:url('../img/sitelist_bt_m.png') no-repeat center center; background-size:20px 13px}
	#headerW.type2 .fmSitBt{width:45px; height:45px; background-size:100%; border-left:none; background:url('../img/sitelist_bt_m_on.png') no-repeat center center; background-size:20px 13px; border-left:1px solid rgba(000,000,000,0.1)}
	#headerW .gnbDiv ul{display:none}
	#headerW .utilDiv{display:none}
	#subBody .subVisual{height:200px}
	#subBody .subVisual .visualTxt{padding:85px 3% 0; box-sizing:border-box}
	#subBody .subVisual.type7 .visualTxt{padding:100px 3% 0}
	#subBody .subVisual .visualTxt p .vt02{color:#fff;letter-spacing:-2px;font-size:18px;font-weight:500;word-break:keep-all;font-family:"NotoSans-Regular";-webkit-font-smoothing:antialiased;}
	#subBody .subVisual .visualTxt p{font-size:18px; line-height:22px}
	#subBody .subVisual .visualTxt p.img{height:27px; margin-bottom:20px}
	#subBody .location{width:100%; padding:0; height:40px; top:200px}
	#subBody .location .lll {width:280px;margin:0 auto;border-left:1px solid #d9d9d9;}
	#subBody .location:after{content:''; display:block; clear:both}
	#subBody .location .home{display:none}
	#subBody .location .one{display:none}
	#subBody .location .two{display:block; float:left; width:auto; height:40px}
	#subBody .location .thr{display:block; float:left; width:auto; height:40px}
	#subBody .location .oneD{box-sizing:border-box}
	#subBody .location .oneD > a{width:auto; height:40px; padding:13px 15px; font-size:13px}
	#subBody .location .oneD > a span{background:url('/common/images/icon/location_arrow2.png') no-repeat right center; background-size:7px 6px}
	#subBody .location .oneD .twoD{top:41px; padding:10px 0}
	#subBody .location .oneD .twoD a{font-size:13px; line-height:22px; padding-left:15px}
	#subBody .location .oneD .twoD a.link{background:url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 50%}
	.allMenu{width:0; background:#fff; padding-top:45px}
	.allMenu .logo{top:5px; left:27px; width:50px; height:34px; background:url("../img/logo_color_skn_m.png") no-repeat 50% 50%; background-size:100%}
	.allMenu .closeBtn{width:15px; height:15px; top:0; right:0; padding:15px; border-left:1px solid #e5e5e5; background:url('../img/allMenu_close2.png') no-repeat center center; background-size:15px}
	.allMenu .lang{width:19px; height:10px; padding:3px; top:15px; right:60px; background:url('/common/images/btn/allMenu_eng_btn2.png') no-repeat center center; background-size:19px 10px;}
	.allMenu ul{margin-top:0; padding:25px 15px 0; border-top:1px solid #e5e5e5; width:100%; box-sizing:border-box}
	.allMenu ul li{margin-top:0; float:none; width:100%; border-bottom:1px solid #ddd; padding:17px 10px 17px 15px}
	.allMenu ul li a.oneD{color:#000; font-size:17px; line-height:1; padding:0; display:block; font-family:'NotoSans-Bold'; background:url('../img/allMenu_twoD_open.png') no-repeat right center; background-size:contain; cursor:pointer}
	.allMenu ul li a.oneD:hover{color:#ff8700}
	.allMenu ul li.on a.oneD{font-family:'NotoSans-Bold'; color:#ff8700; background:url('../img/allMenu_twoD_close.png') no-repeat right center; background-size:contain}
	.allMenu ul li .twoD{margin-top:20px; display:none;border-top:1px solid #e5e5e5;padding-top:20px;}
	.allMenu ul li .twoD a.typeA{cursor:pointer}
	.allMenu ul li .twoD a.typeA:hover{color:#0062cb}
	.allMenu ul li .twoD > a{color:#525252; font-size:15px; font-family:'NotoSans-Bold'; line-height:1; margin-top:20px;letter-spacing:-1px;}
	.allMenu ul li .twoD > a:first-child{margin-top:0}
	.allMenu ul li .thrD{display:none}
	.allMenu ul li .thrD a{color:#555; font-size:13px; padding:5px 0}



	.mainCon3 .txtDiv .txt1{top:120px; opacity:1}
	.mainCon3 .txtDiv .txt2{top:200px; opacity:1; font-size:20px;line-height:25px;letter-spacing:-2px;}
	.mainCon3 .careerDiv{opacity:1; top:350px;width:100%;position:relative;}
	.mainCon3 .careerDiv .leftD{position:absolute;width:80%;margin:0 auto;text-align:center;padding:0;left:50%;transform:translateX(-50%);margin-left:-80px;}
	.mainCon3 .careerDiv .leftD img{width:100%;}
	.mainCon3 .careerDiv .rightD{display:none;}


.desc {color: #e8e8e8;}
.desc a {color: #515151;}
.dropdown {width:120px;height:35px;margin: 0px;float:left;}
.dropdown dd,
.dropdown dt,
.dropdown ul {margin: 0px;padding: 0px;}
.dropdown dd {position: relative;}
.dropdown a,
.dropdown a:visited {color: #3b3b3b;text-decoration: none;outline: none;}
.dropdown a:hover {color: #3b3b3b;}
.dropdown dt a:hover {color: #3b3b3b;border-right: 1px solid #d9d9d9;}
.dropdown dt a {background: #fff url('../img/arrow.png') no-repeat scroll right center;display: block;padding-right: 20px;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;height: 35px;}
.dropdown dt a span {cursor: pointer;display: block;line-height: 35px;padding-left: 10px;color:#000000;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;letter-spacing:0px;font-size:12px;}
.dropdown dd ul {background: #fff none repeat scroll 0 0;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;color: #515151;display: none;left: 0px;padding: 5px 0px;
  position: absolute;top: 0px;width: auto;min-width: 118px;line-height:30px;list-style: none;text-align: left;font-size:12px;}
.dropdown span.value {display: none;}
.dropdown dd ul li a {padding: 5px;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;display: block;padding-left: 11px;color:#000000;letter-spacing:0px;}
.dropdown dd ul li a:hover {background-color: #e8e8e8;}
.dropdown img.flag {border: none;vertical-align: middle;padding: 11px;}
.flagvisibility {display: none;}

.desc {color: #e8e8e8;}
.desc a {color: #515151;}
.Adropdown {width:160px;height:31px;margin: 0px;float:left;}
.Adropdown dd,
.Adropdown dt,
.Adropdown ul {margin: 0px;padding: 0px;}
.Adropdown dd {position: relative;}
.Adropdown a,
.Adropdown a:visited {color: #3b3b3b;text-decoration: none;outline: none;}
.Adropdown a:hover {color: #3b3b3b;}
.Adropdown dt a:hover {color: #3b3b3b;border-right: 1px solid #d9d9d9;}
.Adropdown dt a {background: #fff url('../img/arrow.png') no-repeat scroll right center;display: block;padding-right: 20px;border-right: 1px solid #d9d9d9;height: 35px;}
.Adropdown dt a span {cursor: pointer;display: block;line-height: 34px;padding-left: 10px;color:#000000;font-family:'NotoSans-Bold', sans-serif;font-weight:700;font-style:normal;letter-spacing:0px;font-size:12px;letter-spacing:-1px;}
.Adropdown dd ul {background: #fff none repeat scroll 0 0;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;color: #515151;display: none;left: -1px;padding: 5px 0px;
  position: absolute;top: 0px;width: auto;min-width: 159px;line-height:20px;list-style: none;text-align: left;font-size:12px;letter-spacing:-1px;}
.Adropdown span.value {display: none;}
.Adropdown dd ul li a {padding: 5px;font-family:'GodoM', sans-serif;font-weight:600;font-style:normal;display: block;padding-left: 11px;color:#000000;letter-spacing:0px;}
.Adropdown dd ul li a:hover {background-color: #e8e8e8;}
.Adropdown img.flag {border: none;vertical-align: middle;padding: 11px;}
.flagvisibility {display: none;}
/* 서브페이지 select menu end */










.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 15px;color: #000;width: 150px;height: 39px;}
.select-styled {position: absolute;border-right:1px solid #d9d9d9;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;padding: 13px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;}
.select-styled:after {content: "";width:0;height:0;border:5px solid transparent;border-color:#000 transparent transparent transparent;position:absolute;top:18px;right:10px;}
.select-styled:hover {background-color: #ff8700;color:#000;}
.select-styled:active, .select-styled.active {background-color: #fff;color:#ff8700;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.select-styled:active:after, .select-styled.active:after {top: 13px;border-color: transparent transparent #ff8700 transparent;}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: -1px;z-index: 999;margin: 0;padding: 0;list-style: none;
  background-color: #fff;border-bottom:2px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.select-options li {margin: 0;padding: 12px 0;text-indent: 15px;border-top: 1px solid #fff;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;}
.select-options li:hover {color: #ff8700;background: #fff;}
.select-options li[rel="hide"] {display: none;}





	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1{top:155px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img{width:220px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2{top:250px;text-align:center;}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img{width:170px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt3{top:280px}
	.mainVisDiv .mVisArea .swiper-pagination{top:300px}
	

	.topTxt .tit{font-size:15px; line-height:22px; margin-bottom:10px}
	.topTxt .txt{font-size:13px; line-height:20px; letter-spacing:-0.8px}

	.tabBtn{margin:30px auto 0; height:60px}
	.tabBtn a{font-size:12px; padding:7px; line-height:18px}
	.tabBtn a.on:after{height:6px}
	/*.tabArea .tabCon{margin:40px auto 0}*/
	.tabArea3 .tabCon{margin:25px auto 0}
	/*.tabArea .tabInner{padding:0 3% 30px;}*/
	.tabInner .subTit2{margin-top:30px}
	.tabArea2 .tabBtn{margin:50px auto 0}
	
	/* 공통 */
	.dotList li{padding-left:9px; background-size:3px; font-size:13px; line-height:22px; background-position:left 9px}
	.dotList2 li{padding-left:9px; background-size:3px; font-size:13px; line-height:22px; background-position:left 9px}
	.pl{padding-left:9px}
	.noDataDiv{height:200px; padding:117px 3% 0; background-position:center 47px; background-size:50px; font-size:14px}

	/* 회사소개 */
	.summaryDiv .summaryBanner .tit{text-align:center; width:215px; margin:0 auto}
	.summaryDiv .summaryBanner .tit img:first-child{display:none}
	.summaryDiv .summaryBanner .tit img:last-child{display:block; width:100%}
	.summaryDiv .summaryBanner .txt{font-size:13px; line-height:20px; margin-top:15px}
	.summaryDiv .title{margin-top:40px; font-size:20px}
	.summaryDiv .companyInfo{margin:20px auto 0}
	.summaryDiv .companyInfo table td span{margin:5px 0 10px; display:inline-block; height:24px; width:100px;padding-right:5px;}
	.summaryDiv .companyInfo table td span img{width:70%;}
	.summaryDiv .manageInfo{margin:40px -4% 0; padding:10px 0 50px}
	.summaryDiv .manageInfo .infoList{width:100%; padding:0 3%; box-sizing:border-box}
	.summaryDiv .manageInfo .infoList .list{width:49%; height:230px; padding:25px 3% 20px; box-sizing:border-box; background-size:40px auto !important; background-position:center 120px !important}
	.summaryDiv .manageInfo .infoList .list:nth-child(1){margin:0}
	.summaryDiv .manageInfo .infoList .list:nth-child(2){margin:0 0 0 2%}
	.summaryDiv .manageInfo .infoList .list:nth-child(3){margin:10px 0 0 0}
	.summaryDiv .manageInfo .infoList .list:nth-child(4){margin:10px 0 0 2%}
	.summaryDiv .manageInfo .infoList .list:nth-child(5){margin:10px 0 0 0}
	.summaryDiv .manageInfo .infoList .list:nth-child(6){margin:10px 0 0 2%}
	.summaryDiv .manageInfo .infoList .list:nth-child(7){margin:10px 0 0 0}
	.summaryDiv .manageInfo .infoList .list:nth-child(8){margin:10px 0 0 2%}
	.summaryDiv .manageInfo .infoList .list .tit{font-size:15px; margin-bottom:20px}
	.summaryDiv .manageInfo .infoList .list .num{font-size:25px; line-height:44px; height:44px}
	.summaryDiv .manageInfo .infoList .list .num span{font-size:16px}
	.summaryDiv .manageInfo .infoList .list .num2{font-size:22px; line-height:22px}
	.summaryDiv .manageInfo .infoList .list .txt{font-size:14px; line-height:22px; }
	.summaryDiv .manageInfo .infoList .list .txt span{display:inline}
	.summaryDiv .manageInfo .infoList .list .noti{margin-top:70px}
	.summaryDiv .techList{margin:20px auto 0}
	.summaryDiv .techList .list{width:100%; float:none}
	.summaryDiv .techList .list:last-child{width:100%}
	.summaryDiv .techList .list .txtArea{padding:25px 15px 35px 20px}
	.summaryDiv .techList .list .txtArea .tit{font-size:15px}
	.summaryDiv .techList .list .txtArea .txt{font-size:13px; line-height:20px}
	.summaryDiv .techList .list .txtArea .txt span{display:inline}
	.summaryDiv .companyInfo .lineTop .summarybackToptxt .sbtt{color:#ffffff;text-align:right;padding:40px;font-size:18px;line-height:25px;letter-spacing:-2px;font-family:'NotoSans-Medium';}

.summaryDiv .companyInfo .lineTop .philosophyTxt {margin:0 auto;margin-top:330px;text-align:center;}
.summaryDiv .companyInfo .lineTop .philosophyTxt img{width:420px;}
.summaryDiv .companyInfo .lineTop .philosophyTxt ul{margin:0 auto;width:600px;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li{padding:10px;width:175px;float:left;text-align:left;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li img{width:175px;padding:10px;}
.phtxt {padding-left:15px;padding-right:15px;}
.phtxt01{font-size:13px;line-height:20px;}
.phtxt02{font-size:11px;color:#a1a1a1;}
.phtxt03{font-size:12px;line-height:18px;word-break:keep-all;color:#828282;}


.summaryDiv .companyInfo .lineTop .hisTbtn {margin:0 auto;text-align:center;margin-bottom:30px;margin-top:10px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span {margin:10px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span img{width:18%;}

.tableType_map{border-top:0px solid #aaaaaa; letter-spacing:-1px;}
.tableType_map table th{padding:10px 10px; border-bottom:1px solid #dcdcdc; font-size:13px; line-height:23px; color:#000;}
.tableType_map table td{padding:10px 20px; border-bottom:1px solid #dcdcdc; font-size:13px; line-height:23px; color:#555;}

.summaryDiv .companyInfo .lineTop55 {border-top:2px solid #aaaaaa;}
.tableType_mapS{border-top:1px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_mapS table th{padding:5px 10px; border-bottom:1px solid #dcdcdc; font-size:12px; line-height:23px; color:#000;}
.tableType_mapS table td{padding:5px 12px; border-bottom:1px solid #dcdcdc; font-size:12px; line-height:23px; color:#555;}
.tableType_mapS table td iframe{display:none;}

.tableType_com02 {border-top:2px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_com02 .TTimg01 img {width:100%;}
.tableType_com02 .TTimg02 {padding-left:30px;padding-top:50px;}
.tableType_com02 .TTimg02 ul{display:inline-block;width:100%;}
.tableType_com02 .TTimg02 img{width:100%;}

.awardTxt {padding:30px;}
.awardTxt table th{vertical-align:top;text-align:left;background:#ffffff;border:0px;padding:0;margin:0;}
.awardTxt table td .img123{width:100%;}

.tableType_recruit{border-top:2px solid #aaaaaa; letter-spacing:-1px;}
.tableType_recruit table th{padding:10px 18px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_recruit table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit table td{padding:10px 12px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all}
.tableType_recruit table td:last-child {border-right:1px solid #ffffff;}

.tableType_recruit02 table th{padding:10px 18px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all;}
.tableType_recruit02 table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit02 table td{padding:10px 12px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all;}
.tableType_recruit02 table td:last-child {border-right:1px solid #ffffff;}

.tableType_recruit_notice{letter-spacing:-1px;}
.tableType_recruit_notice table th{padding:10px 18px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all;}
.tableType_recruit_notice table td{padding:10px 12px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:28px; color:#555; vertical-align:middle; word-break:keep-all;}
.tableType_recruit_notice img{width:100%;}

	.ceoDiv .ceoBanner{padding:120px 0 0 0; text-align:center}
	.ceoDiv .ceoBanner .txtArea{padding:22px 20px 16px 0; margin-left:20px}
	.ceoDiv .ceoBanner .txtArea:before, .ceoDiv .ceoBanner .txtArea:after{width:18px; height:16px; background-size:cover}
	.ceoDiv .ceoBanner .tit{width:450px}
	.ceoDiv .ceoBanner .tit img{width:100%}
	.ceoDiv .ceoBanner .txt{font-size:14px; line-height:24px; margin-top:10px; text-align:left}
	.ceoDiv .ceoText{font-size:13px; line-height:20px; margin-top:25px}
	.ceoDiv .ceoText span{font-size:15px; line-height:24px}
	.ceoDiv .ceoText span br{display:none}
	.ceoDiv .sign{margin-top:15px; font-size:15px}
	.ceoDiv .sign span{font-size:20px; margin-left:5px}
	.visionDiv{padding:0 0 30px 0; background:none}
	.visionDiv .titleDiv{width:300px}
	.visionDiv .titleDiv .left{width:100px; height:100px; padding-top:35px; background-size:100%; font-size:14px}
	.visionDiv .titleDiv .left .tit{padding-top:10px}
	.visionDiv .titleDiv .left .tit:before{width:10px; height:1px}
	.visionDiv .titleDiv .right{width:200px; height:100px; font-size:13px; line-height:18px; padding:23px 15px 23px 0}
	.visionDiv .midDiv{width:100%; padding:35px 0 40px; border-radius:40px}
	.visionDiv .midDiv .tit{font-size:16px; padding-top:7px}
	.visionDiv .midDiv .tit:before{width:8px; height:1px}
	.visionDiv .midDiv .title{width:270px; margin:10px auto 0}
	.visionDiv .midDiv .title img{width:100%}
	.visionDiv .midDiv .txtArea{width:auto; padding:0 25px}
	.visionDiv .midDiv .txtArea .line{margin-top:20px}
	.visionDiv .midDiv .txtArea .line .left{font-size:14px; line-height:1; padding-right:0}
	.visionDiv .midDiv .txtArea .line .right{padding-left:0; font-size:13px; line-height:18px; margin-top:10px; width:100%}
	.visionDiv .goalDiv{margin-top:35px}
	.visionDiv .goalDiv .tit{font-size:16px; padding-top:7px}
	.visionDiv .goalDiv .tit:before{width:8px; height:1px}
	.visionDiv .goalDiv .txt{font-size:13px; line-height:18px; padding:0 15px}
	.visionDiv .goalDiv .txt br{display:none}
	.visionDiv .goalDiv .listDiv{margin:25px auto 0}
	.visionDiv .goalDiv .listDiv .list .title{width:110px; height:110px; font-size:13px; line-height:18px; padding:37px 0}
	.visionDiv .goalDiv .listDiv .list .title:after{width:15px; height:23px; background-size:cover !important; bottom:-23px}
	.visionDiv .goalDiv .listDiv .list:nth-child(3) .title{padding:28px 0}
	.visionDiv .goalDiv .listDiv .list .box{font-size:12px; line-height:17px; padding:15px 10px; height:115px; margin-top:15px}
	.visionDiv .goalDiv .listDiv .list .box br{display:none}
	.financialDiv .financialTable .title{margin:40px 0 20px; font-size:20px;}

	.valueDiv{margin:30px auto 0; padding:0 3%; width:auto}
	.valueDiv .title{font-size:20px}
	.valueDiv .listDiv{width:100%; margin:20px auto 0}
	.valueDiv .listDiv .list{background-size:100%; width:31%; margin:10px 0 0 3.5%}
	.valueDiv .listDiv .list:nth-child(1){margin-left:0}
	.valueDiv .listDiv .list:nth-child(4){margin:15px 2% 0 17%}
	.valueDiv .listDiv .list:nth-child(5){margin:15px 17% 0 2%}
	.valueDiv .list .tit{font-size:15px}
	.valueDiv .list .txt{font-size:13px; line-height:20px; margin-top:6px; word-break:keep-all}
	.conductDiv{padding:0 3%; width:auto; margin:30px auto 0}
	.conductDiv .title{font-size:20px}
	.conductDiv .listDiv{margin:20px auto 0}
	.conductDiv .listDiv .list{width:31%; margin:10px 0 0 3.5%; height:auto; font-size:14px; line-height:22px; padding:30px 5px}
	.conductDiv .listDiv .list:nth-child(1){margin-left:0}
	.conductDiv .listDiv .list:nth-child(4){margin:15px 2% 0 17%}
	.conductDiv .listDiv .list:nth-child(5){margin:15px 17% 0 2%}
	.historyDiv .line{padding:30px 0}
	.historyDiv .line:nth-child(2n-1) .txtArea{padding-left:50px}
	.historyDiv .line:nth-child(2n-1) .txtArea .info{left:50px}
	.historyDiv .line:nth-child(2n-1) .txtArea .info .year:before{width:11px; height:11px; left:-56px; background-size:cover; margin-top:-5px}
	.historyDiv .line:nth-child(2n-1) .txtArea .info .year:after{width:30px; left:-45px}
	.historyDiv .line:nth-child(2n) .txtArea{padding-right:50px}
	.historyDiv .line:nth-child(2n) .txtArea .info{right:50px}
	.historyDiv .line:nth-child(2n) .txtArea .info .year:before{width:11px; height:11px; right:-55px; background-size:cover; margin-top:-5px}
	.historyDiv .line:nth-child(2n) .txtArea .info .year:after{width:30px; right:-45px}
	.historyDiv .line .txtArea .info .year{font-size:28px; line-height:20px; margin-bottom:25px}
	.historyDiv .line .txtArea .info .list > div{font-size:14px; line-height:20px; margin-top:10px}
	.historyDiv .line .txtArea .info .list > div .month{width:30px}
	.historyDiv .line .txtArea .info .list > div .txt{width:calc(100% - 30px); width:-webkit-calc(100% - 30px)}

	/* 사업소개 */
	.businessDiv .overViewDiv{padding-bottom:35px; word-break:keep-all}
	.businessDiv .overViewDiv .overViewTxt{margin-top:25px; padding:0 3%}
	.businessDiv .overViewDiv .overViewTxt .tit{font-size:22px; line-height:32px}
	.businessDiv .overViewDiv .overViewTxt .tit br{display:none}
	.businessDiv .overViewDiv .overViewTxt .txt{margin-top:12px; font-size:14px; line-height:22px}
	.businessDiv .overViewDiv .overViewTxt .txt br{display:none}
	.businessDiv .overViewDiv .title{margin-top:35px; font-size:18px; line-height:26px; padding:0 3%; word-break:keep-all}
	.businessDiv .overViewDiv .title2{margin-top:10px}
	.businessDiv .overViewDiv .title br{display:none}
	.businessDiv .overViewDiv .researchDiv{margin:30px auto 0}
	.businessDiv .overViewDiv .researchDiv .list{padding:40px 10px 10px}
	.businessDiv .overViewDiv .researchDiv .list .num{width:25px; height:25px}
	.businessDiv .overViewDiv .researchDiv .list .tit{font-size:17px}
	.businessDiv .overViewDiv .researchDiv .list .txt{font-size:13px; margin-top:10px}
	.businessDiv .overViewDiv .researchDiv .list .img{margin-top:15px}
	.businessDiv .overViewDiv .semiconDiv .conD{padding:25px 15px}
	.businessDiv .overViewDiv .semiconDiv .conD .tit{font-size:16px; margin-top:25px}
	.businessDiv .overViewDiv .semiconDiv .conD .listDiv{margin:20px auto 0}
	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list{width:170px; height:170px; margin:0 6px; padding:50px 10px}
	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .tit2{font-size:15px}
	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .txt{font-size:13px; line-height:20px; margin-top:10px}
	.businessDiv .overViewDiv .semiconDiv2{margin-top:45px}
	.businessDiv .overViewDiv .semiconDiv2 .tit{font-size:16px; line-height:24px; word-break:keep-all; padding:0 3%}
	.businessDiv .overViewDiv .semiconDiv2 .tit br{display:none}
	.businessDiv .overViewDiv .semiconDiv2 .img{margin-top:35px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .title2{height:35px; line-height:35px; font-size:14px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF{margin:15px 3% 0}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path{width:100%; height:80px; padding:20px 3%; float:none}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(1):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(2):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(1):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(2):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(3):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4):after{right:auto; left:50%; transform:translateX(-50%) translateY(0); top:auto; bottom:-7px; width:15px; height:15px; background:url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important; background-size:100% !important}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .step{font-size:13px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt{font-size:14px; line-height:22px; margin-top:5px}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt br{display:none}
	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList{padding:15px 3% 0}
	.businessDiv .imgBox .floatTxt{position:relative; top:auto; right:auto; width:100%; padding:20px 0 0 0; box-shadow:none}
	.businessDiv .imgBox .floatTxt .tit{font-size:20px; line-height:30px}
	.businessDiv .imgBox .floatTxt .tit br{display:none}
	.businessDiv .imgBox .floatTxt .txt{font-size:13px; line-height:20px; margin-top:13px; word-break:keep-all}
	.businessDiv .imgBox .floatTxt .txt br{display:none}
	.businessDiv .tabCon .miniTab a{width:30%; font-size:12px; height:40px; line-height:40px}
	.businessDiv .tabCon .miniTabCon{margin:30px auto 0}
	.businessDiv .busiTit{font-size:15px; line-height:26px; padding:0 3%; word-break:keep-all}
	.businessDiv .busiTit br{display:none}
	.businessDiv .busiTable{margin:30px auto 0}
	.businessDiv .busiTable .list{padding:25px 30px}
	.businessDiv .busiTable .list .table .left{width:100px}
	.businessDiv .busiTable .list .table .left img{width:100%}
	.businessDiv .busiTable .list .table .right{padding-left:30px}
	.businessDiv .busiTable .list .table .right .tit{font-size:16px; line-height:20px}
	.businessDiv .busiTable .list .table .right .txt{margin-top:15px}
	.businessDiv .busiTable .list .table .right .txt li{font-size:13px; line-height:20px; padding-left:12px; background-position:left 7px}
	.businessDiv .viewBtn{width:140px; height:40px; line-height:40px; margin:30px auto 0; font-size:14px; padding:0 40px 0 5px; background:url('/common/images/icon/viewBtn_icon.gif') no-repeat right 15px top 50% #00448d; background-size:12px auto}
	.businessDiv .layerPop{width:90%}
	.businessDiv .layerPop .top{height:40px; line-height:40px; font-size:15px; padding-left:15px}
	.businessDiv .layerPop .bodyWrap{padding:25px 8px 25px 15px; height:350px}
	.businessDiv .layerPop .bodyWrap .mCustomScrollBox>.mCSB_scrollTools{width:4px}
	.businessDiv .layerPop .body{padding-right:7px}
	.businessDiv .layerPop .body .noti{display:block; width:176px; margin-top:15px}
	.businessDiv .layerPop .body .noti img{width:100%}
	.businessDiv .layerPop .body .tit{font-size:14px; line-height:20px; word-break:keep-all}
	.businessDiv .layerPop .body .tit.left{margin:30px 0 15px;}
	.businessDiv .layerPop .body .img{margin-top:15px}
	.businessDiv .layerPop .body .img2{margin-top:20px; padding-top:20px}
	.businessDiv .layerPop .closeBtn{top:13px; right:15px; width:14px}
	.businessDiv .layerPop .closeBtn img{width:100%}
	.businessDiv .layerPop .viewList{margin-top:15px}
	.businessDiv .layerPop .viewList .line{padding:20px 0 20px 10px}
	.businessDiv .layerPop .viewList .line .tit{font-size:14px; line-height:24px; margin-bottom:10px; width:100%; float:none; margin-right:0}
	.businessDiv .layerPop .viewList .line .tit br{display:none}
	.businessDiv .layerPop .viewList .line .txt{font-size:13px; line-height:20px; width:100%; float:none}
	.businessDiv .busiAccorDiv{margin:30px auto 0}
	.businessDiv .busiAccorDiv .list{padding:20px 130px 20px 20px}
	.businessDiv .busiAccorDiv .list .img{width:120px; height:auto}
	.businessDiv .busiAccorDiv .list .img img{width:100%}
	.businessDiv .busiAccorDiv .list .txtArea{padding:0 20px}
	.businessDiv .busiAccorDiv .list .txtArea .tit{font-size:16px}
	.businessDiv .busiAccorDiv .list .txtArea .dotList2{margin-top:10px}
	.businessDiv .busiAccorDiv .list .btn{width:110px; height:40px; line-height:38px; font-size:13px; background-position:right 20px top 50%; background-size:12px auto; padding-left:20px; right:20px}
	.businessDiv .busiAccorDiv .list.on .btn{background-position:right 20px top 50%; background-size:12px auto}
	.businessDiv .busiAccorDiv .view{padding:40px 10px}
	.businessDiv .busiAccorDiv .view .noti{display:block; width:176px; margin-top:20px}
	.businessDiv .busiAccorDiv .view .noti img{width:100%}
	.businessDiv .busiAccorDiv .view .viewList{margin-top:15px}
	.businessDiv .busiAccorDiv .view .viewList .line{padding:20px 0 20px 10px}
	.businessDiv .busiAccorDiv .view .viewList .line .tit{font-size:15px; line-height:24px; margin-bottom:10px; width:100%; float:none; margin-right:0}
	.businessDiv .busiAccorDiv .view .viewList .line .tit br{display:none}
	.businessDiv .busiAccorDiv .view .viewList .line .txt{font-size:13px; line-height:20px; width:100%; float:none}
	
	/* 인재채용 
	.introListDiv .list .txtArea .area{margin-top:15px}
	.introListDiv .list .txtArea .icon{margin-bottom:20px; width:60px}
	.introListDiv .list .txtArea .icon img{width:100%}
	.introListDiv .list .txtArea .tit{font-size:15px}
	.introListDiv .list .txtArea .txt{font-size:13px; line-height:20px; margin-top:10px}*/




	.promoteDiv{padding:0 3%}
	.promoteDiv .img{margin-top:40px}
	.promoteDiv .img img{width:100%}
	.promoteDiv .infoD{padding:17px 15px; font-size:13px; line-height:22px; margin-top:25px}
	.promoteDiv .listDiv{}
	.promoteDiv .listDiv .list{padding:20px 0}
	.promoteDiv .listDiv .list .icon{width:120px; display:block; padding-right:0}
	.promoteDiv .listDiv .list .icon img{width:100%}
	.promoteDiv .listDiv .list .txtArea{display:block; margin-top:20px}
	.promoteDiv .listDiv .list .tit{font-size:17px}
	.promoteDiv .listDiv .list .txt{font-size:13px; line-height:22px; margin-top:10px}
	.promoteDiv .listDiv .list .txt span{font-size:15px; margin:13px 0 8px}

	/* srchType */
	.srchType1{width:100%; margin:0 auto; padding:0 3%; box-sizing:border-box}
	.srchType1 > div{width:100%}
	.srchType1 .calendarDiv{overflow:hidden; float:none; width:100%; margin-right:0; margin-bottom:5px}
	.srchType1 .calendarDiv .calenInput{float:left; display:block; width:calc(50% - 20px); width:-webkit-calc(50% - 20px)}
	.srchType1 .calendarDiv .calenInput input{height:35px; width:calc(100% - 35px); width:-webkit-calc(100% - 35px); padding:3px 0 3px 10px}
	.srchType1 .calendarDiv .calenInput .calenBt{width:34px; height:33px; background:#fff url("/common/images/btn/calen_btn.png") no-repeat center center; background-size:22px 21px}
	.srchType1 .calendarDiv span{float:left; display:block; margin:16px 15px}
	.srchSel{width:75px; height:35px; margin-right:5px}
	.srchSel > a{padding-left:10px; line-height:33px; font-size:13px}
	.srchType1 .srchDiv{width:calc(100% - 115px); width:-webkit-calc(100% - 115px); height:35px}
	.srchType1 .input input{height:35px; line-height:35px}
	.srchType1 .srchBtn{width:35px; height:35px}
	.srchType1 .srchBtn img{width:100%}

	.viewType1 .topDiv{padding:20px 15px}
	.viewType1 .topDiv .title{font-size:16px; line-height:24px}
	.viewType1 .topDiv .date{font-size:13px; margin-top:10px}
	.viewType1 .viewCon{padding:25px 30px; font-size:13px; line-height:20px}  /*2018-07-11 고객사 요청 padding 0 -> 30 수정 */
	.viewType1 .viewCon .img{margin-bottom:25px}
	.viewType1 .viewCon .file{margin-top:30px}
	.viewType1 .viewCon .file a{padding:8px 50px 8px 10px; font-size:12px; line-height:18px}
	.prevNext a{padding:14px 15px}
	.prevNext a .type{font-size:13px; width:55px; padding-right:10px}
	.prevNext a .title{margin-left:15px; font-size:13px; width:calc(100% - 70px); width:-webkit-calc(100% - 70px)}
	.listBtn{width:120px; height:40px; line-height:40px; margin:30px auto 0; font-size:15px}


	/* writeType */
	.writeType1 .line .tit{height:45px; line-height:35px; width:80px}
	.writeType1 .line .tit img{margin-left:3px}
	.writeType1 .line > div{font-size:13px; padding:5px 10px}
	.writeType1 .line > div input, .writeType1 .line > div select{height:35px; line-height:35px; padding-left:10px; width:200px}
	.writeType1 .line > div{display:block; float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px)}
	.writeType1 .line textarea{height:80px; padding:10px; font-size:13px; line-height:20px}
	.writeType1 .line > div .addFile .find{height:35px; line-height:35px}
	.writeType1 .line > div .addFile input[type="text"]{width:130px}
	.writeType1 .line > div .addFile input[type="file"]{width:100%}
	.writeType1 .line > div .addFile .find{width:70px; margin-left:0}
	.writeType1 .line > div .fileList a{padding:8px 50px 8px 10px; font-size:12px; line-height:18px; margin:5px 5px 0 0}
	.writeType1 .line > div.captcha p img{width:130px}
	.writeType1 .line > div.captcha a{width:30px; height:30px; margin-left:1px}
	.writeType1 .line > div.captcha a img{width:100%}
	.writeType1 .line > div.captcha input{display:block; margin-left:0; margin-top:5px}
	.submitBtn{font-family:'NotoSans-bold';width:120px; height:34px; line-height:34px; margin:30px auto 0; font-size:14px;background:url('../img/submitBtn_m.jpg');}
	.submitBtnR{font-family:'NotoSans-Medium';width:88px; height:24px; line-height:24px; margin:auto 0; display:block; text-align:center; font-size:12px; color:#fff; background:url('../img/submitBtnR_m.jpg');}
	
	.submitBtnN{font-family:'NotoSans-Medium';width:120px; height:34px; line-height:34px; margin:30px auto 0; font-size:14px;background:url('../img/submitBtn_N_m.jpg');}
	/* tableType */
	.tableType1 table{width:100%;}
	.tableType1 table tbody th{padding:10px 20px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; font-size:13px; line-height:18px; background:#f7f8fa;}
	.tableType1 table tbody td{font-size:13px; padding:10px 18px;  font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:18px; text-align:center;}

	.tableType2 .line{border-bottom:none}
	.tableType2 .line .tit{height:45px; line-height:45px; width:100%; padding:0 10px; border-bottom:1px solid #d9d9d9; border-top:none !important; box-sizing:border-box}
	.tableType2 .line .tit.area{height:auto !important}
	.tableType2 .line .tit img{margin-left:3px}
	.tableType2 .line > div{font-size:13px; padding:10px; height:auto; line-height:20px; border-bottom:1px solid #d9d9d9; border-top:none !important; box-sizing:border-box; vertical-align:middle}
	.tableType2 .line > div{display:block; float:none; width:100%}
	.tableType2 .line > div:nth-child(4){width:100%; padding:10px}
	.tableType2 .line textarea{height:80px; padding:10px; font-size:13px; line-height:20px}
	.tableType2 .line > div p{line-height:20px; margin:5px 0}
	.tableType2 .line > div .addFile .find{height:35px; line-height:35px}
	.tableType2 .line > div .addFile input[type="text"]{width:130px}
	.tableType2 .line > div .addFile input[type="file"]{width:100%}
	.tableType2 .line > div .addFile .find{width:70px; margin-left:0}
	.tableType2 .line > div.fileList{padding:10px 0 10px 10px}
	.tableType2 .line > div.fileList a{padding:8px 50px 8px 10px; font-size:12px; line-height:18px; margin:0 5px 0 0}
	.tableType2 .line > div.captcha p img{width:130px}
	.tableType2 .line > div.captcha a{width:30px; height:30px; margin-left:1px}
	.tableType2 .line > div.captcha a img{width:100%}
	.tableType2 .line > div.captcha input{display:block; margin-left:0; margin-top:5px}
	
/*	.tableType3 table th{padding:10px 20px; font-size:13px; line-height:20px; display:block; width:100%; box-sizing:border-box}
	.tableType3 table td{padding:10px 20px; font-size:13px; line-height:20px; display:block; width:100%; box-sizing:border-box} */
	.tableType_award table th{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType_award table td{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType100 table th{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType100 table td{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType100 table td .hoop{width:100%;}

	.tableType_system table th{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType_system table td{padding:10px 20px; font-size:13px; line-height:20px;}

/*	.tableType_all table th{padding:10px 20px; font-size:13px; line-height:20px;display:block; width:100%; box-sizing:border-box}
	.tableType_all table td{padding:10px 20px; font-size:12px; line-height:20px;display:block; width:100%; box-sizing:border-box} */
	.tableType_all table td input{width:80%;}
	.tableType_all table td textarea{width:90%;}
	.tableType_all table td li{text-align:left;width:100px;display:block;}

.tableType_business table th{width:100%; box-sizing:border-box;display:block;}
.tableType_business table td{width:100%; box-sizing:border-box;display:block;}

	.tableType4 table tbody th, .tableType4 table tbody td{padding:10px 20px; font-size:13px; line-height:18px;}

	.tableType5 table th{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType5 table td{padding:10px 20px; font-size:13px; line-height:20px;}
	.tableType5 table tbody th{padding-left:20px;}


	/* 인재채용 
	.introListDiv{overflow:hidden}
	.introListDiv .list{width:49%; margin-left:2%; float:left; margin-top:25px}
	.introListDiv .list:nth-child(2){margin-top:0}
	.introListDiv .list:nth-child(2n-1){margin-left:0}
	.introListDiv .list .img{width:100%}
	.introListDiv .list:nth-child(2n) .img{float:none}
	.introListDiv .list:nth-child(2n) .txtArea{float:none; margin:0; ; padding:20px}
	.introListDiv .list:nth-child(2n) .txtArea .area{left:auto}
	.introListDiv .list:nth-child(2n-1) .img{float:none}
	.introListDiv .list:nth-child(2n-1) .txtArea{float:none; margin:0; padding:20px}
	.introListDiv .list:nth-child(2n-1) .txtArea .area{left:auto}
	.introListDiv .list .txtArea{width:100%; padding:15px 20px}
	.introListDiv .list .txtArea .area{margin-top:0; position:relative; top:auto; left:auto; transform:translate(0,0); border-top:none}
	.introListDiv .list .txtArea .area br{display:none}*/



	.wantTalent{padding-top:0}
	.wantTalent .tit{font-size:18px; line-height:26px; word-break:keep-all}
	.wantTalent .img{margin-top:15px}
	.wantTalent .txtArea{margin-top:15px}
	.wantTalent .txtArea p{font-size:13px; line-height:20px; word-break:keep-all}
	.wantTalent .txtArea p br{display:none}
	.environDiv{margin:40px auto 0}
	.environDiv .rollArea .rollDiv{height:260px}
	.environDiv .rollArea .rollDiv .roll{height:260px}
	.environDiv .rollArea .rollBtn a{top:120px; width:30px}
	.environDiv .rollArea .rollBtn a img{width:100%}
	.environDiv .rollArea .indiBtn{bottom:15px}
	.environDiv .rollArea .indiBtn a{width:5px; height:5px; margin:0 4px}
	.environDiv .txtArea{padding:0 3%}
	.environDiv .txtArea .list{padding:30px 0}
	.environDiv .txtArea .list .tit{font-size:16px; line-height:24px; float:none; width:100%}
	.environDiv .txtArea .list .tit br{display:none}
	.environDiv .txtArea .list .txt{float:none; font-size:13px; line-height:22px; margin-top:10px; width:100%}
	.susList .list .tit{font-size:16px; line-height:15px; float:none; width:100%}
	.susList .list .txt{float:none; font-size:13px; line-height:22px; margin-top:10px; width:100%}
	.faqList .list .question{padding:15px 40px 15px 45px; background-size:25px; background-position:left 10px center}
	.faqList .list .question .tit{font-size:15px}
	.faqList .list .question .btn{width:9px; right:15px; height:5px}
	.faqList .list .question .btn img{width:100%}
	.faqList .list .answer{padding:17px 15px 20px 80px; background-size:21px; background-position:45px 20px; font-size:13px; line-height:20px}
	.faqList .list .answer .file{margin-top:10px}
	.faqList .list .answer .file a{margin-right:4px; padding:6px 27px 6px 10px; font-size:13px; background-position:right 10px top 50%; background-size:12px auto}
	.faqList.numList .question{padding:15px 40px 15px 45px; position:relative}
	.faqList.numList .question .num{width:25px; height:25px; line-height:25px; font-size:12px; position:absolute; top:50%; left:10px; transform:translateY(-50%)}
	.faqList.numList .list .question .tit{width:100%; display:table; padding:0}
	.faqList.numList2 .question{padding:15px 40px 15px 15px}
	.faqList.numList2 .list .question .tit span{padding-right:10px}
	.faqList.numList2 .answer p{margin-bottom:10px}

	/* 회사소식 */
	.newsList{width:100%; margin-top:30px}
	.newsList .list{width:49%; margin-left:2%; height:auto; min-width:auto; margin-bottom:10px}
	.newsList .list:nth-child(3n-2){margin-left:2%}
	.newsList .list:nth-child(2n-1){margin-left:0}
	.newsList .list .img{width:100%; height:auto}
	.newsList .list .txtArea{padding:18px 20px}
	.newsList .list .txtArea .titBox{height:48px}
	.newsList .list .txtArea .tit{font-size:15px; line-height:22px}
	.newsList .list .txtArea .txt{font-size:13px; line-height:20px; margin-top:5px}
	.newsList .list .txtArea .date{font-size:13px; margin-top:15px}
	.videoList .topArea .txtBox{height:200px}
	.videoList .topArea .txtArea{padding:25px 20px}
	.videoList .topArea .txtArea .tit{font-size:15px; line-height:24px}
	.videoList .topArea .txtArea .date{font-size:13px; line-height:13px; margin-top:10px}
	.videoList .topArea .txtArea .txt{margin-top:15px; padding-top:15px; font-size:13px; line-height:20px}
	.videoList .topArea .txtBox .mCustomScrollBox>.mCSB_scrollTools{height:170px}
	.videoList .listArea{margin-top:25px}
	.videoList .listArea .list{width:49%; margin-left:2%; padding-bottom:20px}
	.videoList .listArea .list:nth-child(2n-1){margin-left:0}
	.videoList .listArea .list .thumb{margin-bottom:10px}
	.videoList .listArea .list .tit{font-size:15px; line-height:22px}
	.videoList .listArea .list .date{font-size:13px; line-height:13px; margin-top:10px}
	.paging{margin:30px auto 0}
	.paging > a{width:33px; height:33px; line-height:29px}
	.paging > a.first{width:16px}
	.paging > a.last{width:16px}

	/* 지속가능경영 */
	.midCon .midBanner{width:100%; box-sizing:border-box; height:auto; padding:55px 50px 50px 45%}
	.midCon .midBanner.sus1{background:url('/common/images/icon/mid_banner_bg1.jpg') no-repeat center top; background-size:100% auto}
	.midCon .midBanner.sus2{background:url('/common/images/icon/mid_banner_bg2.jpg') no-repeat center top; background-size:100% auto; padding-top:55px}
	.midCon .midBanner .tit{font-size:20px; padding-bottom:22px}
	.midCon .midBanner .tit:after{width:25px; height:2px;}
	.midCon .midBanner .txt{font-size:13px; line-height:20px; margin-top:15px}
	.susList{padding:0 3%; width:auto}
	.susList .ban{padding:20px 20px 20px 125px; background-size:65px !important; background-position:30px center !important}
	.susList .ban .tit{font-size:16px}
	.susList .ban .txt{font-size:13px; line-height:22px; margin-top:10px}
	.susList .listDiv{margin-top:30px; padding:0 3%}
	.susList .listDiv .list{padding:15px 0}
	.susList .listDiv .list .tit{font-size:16px; line-height:15px; float:none; width:100%; display:block}
	.susList .listDiv .list .tit span{display:inline; padding-right:10px}
	.susList .listDiv .list .tit p{display:inline-block}
	.susList .listDiv .list .txt{float:none; font-size:13px; line-height:22px; margin-top:10px; width:100%}
	.faqTabs a{font-size:13px; margin:0 1px; line-height:38px; height:40px; width:180px}
	.faqCon .faqList{margin:40px auto 0}
	.susList2{padding:0 3%}	
	.susList2 .list{padding:10px 0 0 99px; background-size:69px !important}
	.susList2 .list .txtArea{padding:10px 0 20px}
	.susList2 .list .txtArea .num{font-size:20px; padding-bottom:12px}
	.susList2 .list .txtArea .num:after{width:10px}
	.susList2 .list .txtArea .txt{font-size:13px; margin-top:8px; line-height:20px}
	.cp7Div{padding:0 3%;}
	.cp7Div .title{padding-top:40px; font-size:20px; background-size:33px auto}
	.cp7Div .img{margin:30px auto}
	.cp7Div .infoBox .line{padding:15px 0}
	.cp7Div .infoBox .line .tit{font-size:15px; line-height:22px}
	.cp7Div .infoBox .line .txt{font-size:13px; line-height:20px; margin-top:5px}
	.ruleBtn{width:140px; height:40px; line-height:40px; margin:30px auto 0; font-size:14px; padding:0 24px 0 5px; background:url('/common/images/icon/ruleBtn_icon.gif') no-repeat right 15px top 50% #00448d; background-size:12px auto}
	.socialConDiv{margin:30px auto 0}
	.socialConDiv .rollArea .rollDiv{height:210px}
	.socialConDiv .rollArea .rollDiv .roll{height:210px}
	.socialConDiv .rollArea .rollBtn a{top:93px; width:30px}
	.socialConDiv .rollArea .rollBtn a img{width:100%}
	.socialConDiv .rollArea .indiBtn{bottom:15px}
	.socialConDiv .rollArea .indiBtn a{width:5px; height:5px; margin:0 4px}
	.socialConDiv .txtArea{padding:0 3%}
	.socialConDiv .txtArea .list{padding:30px 0}
	.socialConDiv .txtArea .list .tit{font-size:16px; line-height:24px; float:none; width:100%}
	.socialConDiv .txtArea .list .tit br{display:none}
	.socialConDiv .txtArea .list .txt{float:none; font-size:13px; line-height:22px; margin-top:10px; width:100%}
	.socialConDiv .txtArea .list .txt .noti{font-size:12px; line-height:18px; margin-top:10px}

	/* 고객지원 */
	.locationDiv{width:100%; margin:0 auto}
	.locationDiv .mapArea #map{width:100%; min-height:300px}
	.locationDiv .locaInfo{height:auto; padding:30px 0}
	.locationDiv .locaInfo .icon{padding:30px 0 0 75px; height:80px}
	.locationDiv .locaInfo .icon:nth-child(1){background-size:60px 60px}
	.locationDiv .locaInfo .icon:nth-child(2){background-size:60px 60px}
	.locationDiv .locaInfo .icon:nth-child(3){background-size:60px 60px}
	.locationDiv .locaInfo .icon .tit{height:10px}
	.locationDiv .locaInfo .icon .tit img{height:100%}
	.locationDiv .locaInfo .icon .txt{font-size:13px; margin-top:8px}
	.locationDiv .useInfo .useDiv{display:block; padding:25px 0}
	.locationDiv .useInfo .useDiv .tit{display:block; margin-bottom:20px; width:100%; font-size:15px; margin-bottom:10px}
	.locationDiv .useInfo .useDiv .info{display:block; width:100%}
	.locationDiv .useInfo .useDiv .info > p{font-size:13px; line-height:18px; margin-top:5px}
	.locationDiv .useInfo .useDiv .info > p span{height:18px; display:inline-block}
	.locationDiv .useInfo .useDiv .info > p span img{height:100%}
	.locationDiv .useInfo .useDiv .info .add{color:#777; font-size:13px; margin-top:10px}
	.inquiryDiv .subTit2{margin-top:30px}
	.inquiryDiv .agreeDiv{height:100px}
	.inquiryDiv .agreeDiv .txtArea{padding:20px; font-size:13px; line-height:20px}
	.inquiryDiv .agreeDiv .txtArea span{display:inline}
	/*
	.inquiryDiv .agreeDiv .txtArea p{padding-left:8px; background-size:2px 2px; background-position:left 9px}
	*/
	.inquiryDiv .checkDiv{padding:10px 0}
	.inquiryDiv .checkDiv > div{font-size:13px}
	.inquiryDiv .checkDiv > div input{width:13px; height:13px}
	.inquiryDiv .writeDiv .subTit2 span{font-size:13px}
	.inquiryDiv .writeDiv .subTit2 span img{margin-right:3px}
	.infoDiv{width:100%; background-size:120px 105px; background-position:center 30px; padding:150px 0 40px}
	.infoDiv .tit{font-size:16px; margin-bottom:12px}
	.infoDiv .txt{font-size:13px; line-height:20px; padding:0 15px; word-break:keep-all}
	.infoDiv .codeBox{padding:20px 10px 25px; box-sizing:border-box; width:90%}
	.infoDiv .codeBox .title{font-size:13px}
	.infoDiv .codeBox .codeView{margin:10px auto 0; width:160px; height:40px; font-size:13px; padding:14px 5px}
	.infoDiv .codeBox .noti{font-size:13px; line-height:20px; margin-top:10px; word-break:keep-all}
	.infoDiv .btnArea{margin-top:30px}
	.infoDiv .btnArea a{width:110px; height:40px; line-height:40px; font-size:15px}
	.infoDiv .codeBox .codeInput{margin:10px auto 0; width:200px; height:35px}
	.infoDiv .codeBox .codeInput input{width:140px; height:35px; line-height:35px; font-size:13px; padding:3px 10px}
	.infoDiv .codeBox .codeInput a{width:60px; height:35px; line-height:35px; font-size:12px}
	.inquiryDiv .answerDiv .answer{margin-top:15px}
	.inquiryDiv .answerDiv .answer .title{width:80px; height:45px; line-height:45px; font-size:14px}
	.inquiryDiv .answerDiv .answer .date{width:calc(100% - 80px); width:-webkit-calc(100% - 80px); height:45px; line-height:45px; font-size:13px; padding-left:20px}
	.inquiryDiv .answerDiv .answer .cont{padding:10px 20px; font-size:13px; line-height:20px; min-height:auto}

	/* 유틸리티 */
	.privacyDiv .privacyBox{padding:18px 15px}
	.privacyDiv .privacyBox .tit{font-size:15px; line-height:24px}
	.privacyDiv .privacyBox .tit br{display:none}
	.privacyDiv .privacyBox .txt{font-size:14px; line-height:22px; margin-top:10px}
	.privacyDiv .privacyBox .txt span{display:inline}
	.privacyDiv .privacyText{padding:30px 15px 20px}
	.privacyDiv .privacyText .tit{font-size:16px; margin-top:20px; line-height:24px}
	.privacyDiv .privacyText .txt{font-size:14px; line-height:22px; margin-top:12px}
	.privacyDiv .privacyText2{padding:25px 15px 0}
	.privacyDiv .privacyText2 .tit{font-size:16px; margin-top:20px; line-height:24px}
	.privacyDiv .privacyText2 .txt{font-size:14px; line-height:22px; margin-top:12px}
	.privacyDiv .privacyText3 .txt{font-size:13px; line-height:20px;margin-top:20px;}
	.privacyDiv .mailNoti{padding:140px 3% 50px; background:url('/common/images/icon/mail_noti_icon.gif') no-repeat center 50px #f7f8fa; background-size:70px; font-size:15px; line-height:24px}
	.privacyDiv .mailNoti br{display:none}
	.siteMap{width:94%; position:relative}
	.siteMap .list{width:47%; margin-left:6%}
	.siteMap .list:nth-child(3), .siteMap .list:nth-child(4), .siteMap .list:nth-child(5), .siteMap .list:nth-child(6){margin-top:40px}
	.siteMap .list:nth-child(3n-2){margin-left:6%}
	.siteMap .list:nth-child(2n-1){margin-left:0}
	.siteMap .list:nth-child(1), .siteMap .list:nth-child(2){height:175px}
	.siteMap .list:nth-child(3), .siteMap .list:nth-child(4){height:280px}
	.siteMap .list:nth-child(5), .siteMap .list:nth-child(6){height:135px}
	.siteMap .list .oneD{font-size:17px; padding-left:5px}
	.siteMap .list .twoD{padding-top:5px; margin-top:15px; border-top:2px solid #000}
	.siteMap .list .twoD li{padding:9px 0 9px 5px}
	.siteMap .list .twoD li > a{font-size:14px}
	.siteMap .list .twoD li .thrD{margin:11px 0 0}
	.siteMap .list .twoD li .thrD > a{padding-left:5px; font-size:13px; line-height:22px}
	.errorDiv{padding-top:60px; height:100%}
	.errorDiv h1 img{width:110px}
	.errorDiv .errorBox{width:90%; box-sizing:border-box; margin:20px auto 0; border:1px solid #e1e1e1; padding:70px 30px 30px; background-size:40px auto; background-position:center 20px}
	.errorDiv .errorBox .tit{font-size:20px; line-height:26px; word-break:keep-all}
	.errorDiv .errorBox .txt{font-size:14px; line-height:22px; word-break:keep-all; margin-top:12px}
	.errorDiv .errorBox .txt span{display:inline}
	.errorDiv .errorBox .btn{width:120px; height:35px; line-height:35px; font-size:14px; margin:30px auto 0}
	
	/* footer */
	#footer{height:200px; padding:0 15px}
	#footer.main{height:200px; }
	#footer .top .left{padding:3px 0 12px}
	#footer .top .left > a{margin-right:20px; margin-top:12px; font-size:13px}
	#footer .top .left > a:after{display:none}
	#footer .top .right > span{font-size:13px; margin-right:12px}
	#footer .bot{padding:15px 0 15px; font-size:12px; height:auto}
	#footer .bot .copyTxt{font-size:12px;}
	#footer .bot .copyTxt03{font-size:12px;margin-top:1px;}
	#footer .top .fmSel{position:relative; margin-top:15px; width:100%; height:35px}
	#footer .top .fmSel > a{font-size:13px; line-height:33px; padding-left:15px; background-position:right center}
	#footer .top .fmSel > a.on{background-position:right center}
	#footer .top .fmSel > div{bottom:35px; padding:7px 0}
	#footer .top .fmSel > div a{padding-left:15px; line-height:24px; font-size:13px}

	#footer .bot .right{position:absolute;top:15px;right:0;}
	#footer .bot .right img{margin-left:5px;}
	#footer .bot .right .markImg01 {width:40px;cursor:pointer;}
	#footer .bot .right .markImg02 {width:30px;cursor:pointer;}
	#footer .bot .copyTxt02 span{font-size:12px;}

	.gotoTop{width:40px; height:40px; right:3%}




.rkfh {margin:0 auto;text-align:center;}
.rkfh ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con02{position:relative; background:url('') repeat-y center top;padding-top:15px;}
.executive-con02:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con02 img{text-align:center;padding-top:10px;}
.executive-con03{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:53%;left:10%;}
/*.executive-con03:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con03 img{margin:0 auto;text-align:center;padding-top:10px;}*/


.abcd99 {margin:0 auto;text-align:center;}
.abcd99 ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con04{position:relative; background:url('') repeat-y center top;padding-top:15px;left:115%;top:-325px;height:0px;top:-320px;}
.executive-con04:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-5px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con04 img{padding-top:10px;}
.executive-con05{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:18.5%;left:55.7%;top:230px;display:hidden;}






}


















@media all and (max-width:758px){
	.tableType5 table th{padding:10px 18px; font-size:13px; line-height:20px;}
	.tableType5 table td{padding:10px 8% 10px 18px; font-size:13px; line-height:20px;}
	.tableType5 table tbody th{padding-left:20px;}
	.tableType5.swiperArea .mCSB_container {width:200% !important; margin-bottom:0}
	.tableType5.swiperArea .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {height:2px;}
	.tableType5.swiperArea .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin:0 auto;}
	.tableType5.swiperArea .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {margin:0}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1{top:155px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img{width:220px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2{top:250px;text-align:center;font-size:40px;}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img{width:170px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt3{top:280px;font-size:16px;letter-spacing:-2px;}



		
	/*.mainCon2 .swiper-container{opacity:1; width:100%; padding:0 0 35px 0; box-sizing:border-box; height:auto}
	.mainCon2 .swiper-container .swiper-wrapper{height:auto; width:100%}
	.mainCon2 .swiper-container .swiper-slide{box-shadow:0 10px 20px 0 rgba(0,0,0,0.1); height:auto; width:220px}
	.mainCon2 .swiper-container .swiper-slide .img{width:100%}
	.mainCon2 .swiper-container .swiper-slide .img img{width:100%}
	.mainCon2 .swiper-container .swiper-slide .txtBox{padding:20px; width:280px; height:110px}
	.mainCon2 .swiper-container .swiper-slide .txtBox .tit{font-size:14px; line-height:20px}
	.mainCon2 .swiper-container .swiper-slide .txtBox .txt{display:none}
	.mainCon2 .swiper-container .swiper-slide .txtBox .date{left:20px; bottom:20px; font-size:13px}
	.mainCon2 .swiper-button-next, .mainCon2 .swiper-button-prev{display:none}
	.mainCon2 .swiper-scrollbar{display:none}*/

	
	/*.mainCon3 .careerDiv{width:100%; box-sizing:border-box; padding:0 15px; opacity:1; top:160px; height:440px}
	.mainCon3 .careerDiv .leftD{width:100%; box-sizing:border-box; left:50%; transform:translateX(-50%); top:0; height:100px; padding:20px; background:url('/common/images/icon/career_left_bg_m.jpg') no-repeat right bottom #4f535d; background-size:contain; position:relative}
	.mainCon3 .careerDiv .leftD .tit{font-size:15px; line-height:1}
	.mainCon3 .careerDiv .leftD .tit:after{display:none}
	.mainCon3 .careerDiv .leftD .txt{font-size:13px; line-height:18px; margin:20px 0 0 0; word-break:keep-all; width:150px}
	.mainCon3 .careerDiv .leftD .txt span{display:none}
	.mainCon3 .careerDiv .leftD .txt br{display:none}
	.mainCon3 .careerDiv .leftD .careerBt{display:block; opacity:0; position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box}
	.mainCon3 .careerDiv .rightD{right:50%; transform:translateX(50%); width:100%; box-sizing:border-box; top:110px; height:auto; padding:0 15px}
	.mainCon3 .careerDiv .rightD .list{width:49%; height:100px; box-sizing:border-box; padding:20px; background-position:right 20px bottom 20px !important; background-size:27px auto !important; box-shadow:none}
	.mainCon3 .careerDiv .rightD .list:nth-child(2n-1){margin:0 2% 10px 0}
	.mainCon3 .careerDiv .rightD .list:nth-child(2n){margin:0 0 10px 0}
	.mainCon3 .careerDiv .rightD .tit{font-size:15px; line-height:1}
	.mainCon3 .careerDiv .rightD .txt{display:none}
	.mainCon3 .careerDiv .rightD .goBt{left:20px; bottom:20px}*/
	
/*.summaryDiv .summaryBanner{box-sizing:border-box; width:1180px; margin:0 auto; height:550px; padding:50px 100px 0; text-align:center; background:url('../img/summary_banner.jpg') no-repeat center center; word-break:keep-all}
.summaryDiv .summaryBanner{width:1200px; margin:40px auto 0;}*/
.tableType_com {border-top:2px solid #aaaaaa; letter-spacing:-1px;margin:0 auto;}
.tableType_com table th {padding:30px 0 20px 30px;color:#525252;font-size:15px;font-family:'NotoSans-Bold';letter-spacing:-1px;line-height:20px;text-align:left; word-break:keep-all}
.tableType_com table td {padding:0 40px 0 30px; word-break:keep-all}
.tableType_com img {padding-top:25px;}
.com_txt02 {color:#757575;font-size:13px;line-height:20px;font-family:"NotoSans-Medium";}
.com_txt03 img {text-align:right;width:30%;}

	.ceoDiv .ceoBanner{background:url('/common/images/icon/ceo_banner_m.jpg') no-repeat center bottom; height:280px; background-size:cover; padding:35px 33px 0 25px; text-align:center}
	.ceoDiv .ceoBanner .txtArea{padding:25px 15px 25px 0; margin-left:0; width:auto}
	.ceoDiv .ceoBanner .tit{width:203px}
	.ceoDiv .ceoBanner .tit img:first-child{display:none}
	.ceoDiv .ceoBanner .tit img:last-child{display:block}
	.ceoDiv .ceoBanner .txt span{display:block}
	.visionDiv .goalDiv .listDiv .list{width:48% !important; margin-left:0}
	.visionDiv .goalDiv .listDiv .list:nth-child(2n) .box{margin-left:4%}
	.visionDiv .goalDiv .listDiv .list:nth-child(3){margin-top:15px}
	.visionDiv .goalDiv .listDiv .list:nth-child(4){margin-top:15px}
	.visionDiv .goalDiv .listDiv .list .box{height:100px}


.summaryDiv .companyInfo .lineTop .hisTbtn {margin:0 auto;text-align:center;margin-bottom:10px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span {margin:2px;}
.summaryDiv .companyInfo .lineTop .hisTbtn span img{width:18%;}

.tableType_recruit{border-top:2px solid #aaaaaa; letter-spacing:-1px;}
.tableType_recruit table th{padding:5px 10px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all;word-wrap:break-word;}
.tableType_recruit table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit table td{padding:5px 8px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#555; vertical-align:middle; word-break:keep-all;word-wrap:break-word;}
.tableType_recruit table td:last-child {border-right:1px solid #ffffff;}
.submitBtnR{font-family:'NotoSans-Medium';width:63px; height:24px; line-height:24px; margin:auto 0; display:block; text-align:center; font-size:11px; color:#fff; background:url('../img/submitBtnR_m02.jpg');}

.tableType_recruit02 table th{padding:5px 10px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all;}
.tableType_recruit02 table th:last-child {border-right:1px solid #f7f8fa;}
.tableType_recruit02 table td{padding:5px 8px; border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#555; vertical-align:middle; word-break:keep-all;}
.tableType_recruit02 table td:last-child {border-right:1px solid #ffffff;}

.tableType_recruit_notice table th{padding:5px 10px; border-bottom:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; word-break:keep-all;}
.tableType_recruit_notice table td{padding:5px 8px; border-bottom:1px solid #dcdcdc; font-size:11px; line-height:20px; color:#555; vertical-align:middle; word-break:keep-all;}

.tabArea .tabConTitle {padding-top:30px;width:95%;margin:0 auto;letter-spacing:-1px;line-height:22px;font-size:15px;}
.tableType_business table th{padding:0px 0px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.tableType_business table td{padding:0px 0px; font-size:13px; line-height:20px; color:#555; vertical-align:middle;text-align:center; word-break:keep-all}
.tableType_business table td img{padding-top:20px;width:100%;}
.txtbt{font-size:15px;}
.crmTxt{text-align:center;line-height:20px;font-size:14px;padding-top:20px;}

	.historyDiv{background-position:2px top; margin-left:10px}
	.historyDiv:before, .historyDiv:after{left:0; margin-left:0}
	.historyDiv .line{padding:35px 0}
	.historyDiv .line .img{float:none !important; width:100%; !important; margin-bottom:15px; padding-left:10px; box-sizing:border-box}
	.historyDiv .line .txtArea{float:none !important; width:100%; !important}
	.historyDiv .line .txtArea .info{left:auto !important; right:auto !important; top:auto !important; transform:translateY(0); position:relative}
	.historyDiv .line .txtArea .info .year{text-align:left !important}
	.historyDiv .line .txtArea{padding:0 0 0 50px ! important}
	.historyDiv .line .txtArea .info .list > div .month{text-align:left !important; float:left !important}
	.historyDiv .line .txtArea .info .list > div .txt{text-align:left !important}
	.historyDiv .line .txtArea .info .year:before{left:-53px !important; right:auto !important}
	.historyDiv .line .txtArea .info .year:after{left:-42px !important; right:auto !important}
	.locationDiv .locaInfo{padding:10px 0}
	.locationDiv .locaInfo{height:auto; padding:10px 0}
	.locationDiv .locaInfo .icon{display:block; width:260px; margin:15px auto; padding:14px 0 0 80px; height:60px}

	.tabArea2 .tabBtn a br{display:block}	
	.midCon .midBanner{padding:180px 0 0 0;}
	.midCon .midBanner.sus1{background:url('/common/images/icon/mid_banner_bg1.jpg') no-repeat center top; background-size:100% 150px}
	.midCon .midBanner.sus2{background:url('/common/images/icon/mid_banner_bg2.jpg') no-repeat center top; background-size:100% 150px; padding-top:180px; padding-right:0}
	.midCon .midBanner .tit{color:#000}
	.midCon .midBanner .tit:after{background:#000}
	.midCon .midBanner .txt{color:#555;}

	.environDiv .txtArea .list .txt span{}

	.faqTabs a{width:100%; margin:2px 0}

	/*.introListDiv .list{float:none; margin-left:0; width:100%; margin-top:15px}
	.introListDiv .list:nth-child(2){margin-top:15px}*/

	.businessDiv .busiAccorDiv .list{padding:20px 10px 70px}
	.businessDiv .busiAccorDiv .list .img{width:70px}
	.businessDiv .busiAccorDiv .list .btn{transform:translateX(50%) translateY(0); top:auto; bottom:20px; right:50%; width:100px; height:35px; line-height:33px}
	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list{width:200px; height:200px; display:block; margin:0 auto 10px; padding:60px 5px}
	.businessDiv .overViewDiv .semiconDiv2 .img img:first-child{display:none}
	.businessDiv .overViewDiv .semiconDiv2 .img img:last-child{display:block}

	.financialDiv .financialChart img:first-child{display:none;}
	.financialDiv .financialChart img:last-child{display:block;}

	#footer {text-align:center;}
	#footer .bot .copyTxt02 > span:after{display:none;}
	#footer .bot .right {display:none;}
	#footer .bot .copyTxt {text-align:left;}
	#footer .bot .copyTxt03 {text-align:left;}

.txtbt_txt001{color:#525252;font-size:14px;line-height:20px;font-family:'NotoSans-Medium';letter-spacing:-1px;padding:20px;}
.txtbt_txt002{color:#525252;font-size:14px;line-height:20px;font-family:'NotoSans-Medium';letter-spacing:-1px;padding-left:20px;padding-bottom:20px;}
.tableType_ethics{border-top:0px solid #aaaaaa; letter-spacing:-1px;}
.tableType_ethics table th{padding:10px 15px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:center; word-break:keep-all}
.eh01{padding:5px;border:1px solid #dcdcdc; font-size:13px; line-height:18px; color:#555; vertical-align:top;text-align:left; word-break:keep-all}
.eh02{padding:5px;border:1px solid #dcdcdc; font-size:13px; line-height:22px; color:#555; vertical-align:top;text-align:left; word-break:keep-all}



.rkfh {margin:0 auto;text-align:center;}
.rkfh ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con02{position:relative; background:url('') repeat-y center top;padding-top:15px;}
.executive-con02:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con02 img{text-align:center;padding-top:10px;}
.executive-con03{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:53%;left:10%;}
/*.executive-con03:before{content:''; display:block; position:absolute; width:9px; height:10px; top:-6px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con03 img{margin:0 auto;text-align:center;padding-top:10px;}*/


.abcd99 {margin:0 auto;text-align:center;}
.abcd99 ul{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px;text-align:center;}
.executive-con04{position:relative; background:url('') repeat-y center top;padding-top:15px;left:-80px;height:0px;top:-80px;}
.executive-con04:before{content:''; display:block; position:absolute; width:0px; height:0px; top:-5px; left:50%; margin-left:-4.5px; background:url('../img/history_icon.png') no-repeat center center; background-size:cover;z-index:5;}
.executive-con04 img{padding-top:10px;}
.executive-con05{position:relative; background:url('../img/history_line.png') repeat-x center top;padding:0px;width:18.5%;left:55.7%;top:230px;display:hidden;}






}









@media all and (max-width:658px){
	#footer .bot .copyTxt02 {text-align:center;}
	#footer .bot .copyTxt {text-align:center;}
	#footer .bot .copyTxt03 {text-align:center;}
	.summaryDiv .companyInfo .lineTop .summarybackToptxt .sbtt{color:#ffffff;text-align:right;padding:30px;font-size:15px;line-height:21px;letter-spacing:-2px;font-family:'NotoSans-Medium';}

.summaryDiv .companyInfo .lineTop .philosophyTxt {margin:0 auto;margin-top:270px;text-align:center;}
.summaryDiv .companyInfo .lineTop .philosophyTxt img{width:100%;}
.summaryDiv .companyInfo .lineTop .philosophyTxt ul{margin:0 auto;width:100%;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li{padding:10px;width:100%;}
.summaryDiv .companyInfo .lineTop .philosophyTxt li img{width:93%;padding:10px;}

.phtxt {padding-left:10px;padding-right:10px;}



}


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

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1{top:155px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img{width:150px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2{top:230px;text-align:center;font-size:30px;}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img{width:170px}
	.mainVisDiv .mVisArea .visual .txtDiv .mTxt3{top:230px;font-size:15px;letter-spacing:-2px;line-height:20px;}


	.visionDiv .goalDiv .listDiv .list .box{height:130px}
	.videoList .listArea .list .thumb:after{width:17px; height:19px}
	.newsList .list{width:100%; margin-left:0; float:none}
	.newsList .list:nth-child(3n-2){margin-left:0}
	.newsList .list .txtArea .tit{height:auto}
	.newsList .list .txtArea .txt{height:auto}
	.businessDiv .busiTable .list{padding:15px}
	.businessDiv .busiTable .list .table .left{width:70px}
	.businessDiv .busiTable .list .table .right{padding-left:15px}
	.businessDiv .busiAccorDiv .list .img{display:block; width:150px; margin:0 auto 20px}
	.businessDiv .busiAccorDiv .list .txtArea{display:block; padding:0 3%}
	.susList .ban{padding:90px 15px 15px 15px; background-size:60px !important; background-position:center 15px !important}
	.conductDiv .listDiv .list{width:100%; margin:10px 0 0 0 !important; word-break:keep-all; padding:15px 5px; line-height:1}
	.conductDiv .listDiv .list span{display:inline}
	.businessDiv .tabCon .miniTab a{display:block; width:100%; margin:4px 0; height:30px; line-height:30px}
	.viewType1 .viewCon{padding:25px 0px; font-size:13px; line-height:20px}

	#footer {text-align:center;}
	#footer .bot .copyTxt02 > span:after{display:none;}

.summaryDiv .companyInfo .lineTop .hisTbtn02 img{width:80%;}


}

@media all and (max-width:350px){
	.tableType5 table td{padding:10px 6.5% 10px 18px;}
	
}








 @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
 @font-face {
    font-family: 'notokr-black';
    src: url('font/notokr-black.eot');
    src: url('font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-black.woff2') format('woff2'),
         url('font/notokr-black.woff') format('woff'),
         url('font/notokr-black.ttf') format('truetype'),
         url('font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('font/notokr-bold.eot');
    src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-bold.woff2') format('woff2'),
         url('font/notokr-bold.woff') format('woff'),
         url('font/notokr-bold.ttf') format('truetype'),
         url('font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-demilight';
    src: url('font/notokr-demilight.eot');
    src: url('font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-demilight.woff2') format('woff2'),
         url('font/notokr-demilight.woff') format('woff'),
         url('font/notokr-demilight.ttf') format('truetype'),
         url('font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-light';
    src: url('font/notokr-light.eot');
    src: url('font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-light.woff2') format('woff2'),
         url('font/notokr-light.woff') format('woff'),
         url('font/notokr-light.ttf') format('truetype'),
         url('font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-medium';
    src: url('font/notokr-medium.eot');
    src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-medium.woff2') format('woff2'),
         url('font/notokr-medium.woff') format('woff'),
         url('font/notokr-medium.ttf') format('truetype'),
         url('font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-regular';
    src: url('font/notokr-regular.eot');
    src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-regular.woff2') format('woff2'),
         url('font/notokr-regular.woff') format('woff'),
         url('font/notokr-regular.ttf') format('truetype'),
         url('font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-thin';
    src: url('font/notokr-thin.eot');
    src: url('font/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-thin.woff2') format('woff2'),
         url('font/notokr-thin.woff') format('woff'),
         url('font/notokr-thin.ttf') format('truetype'),
         url('font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.TXT_L {text-align:left}
.TXT_C {text-align:center}
.TXT_R {text-align:right}
.notoFB {font-family:notokr-bold,sans-serif; -webkit-font-smoothing:antialiased;}
.letS_1 {letter-spacing:-1px}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}
.f21 {font-size:21px;}
.f22 {font-size:22px;}
.f23 {font-size:23px;}
.f24 {font-size:24px;}
.f25 {font-size:25px;}
.lineH_80 {line-height:80%;}
.lineH_90 {line-height:90%;}
.lineH_100 {line-height:100%;}
.lineH_110 {line-height:110%;}
.lineH_120 {line-height:120%;}
.lineH_130 {line-height:130%;}
.lineH_140 {line-height:140%;}
.lineH_150 {line-height:150%;}
.lineH_70 {line-height:70px;}
.lineH_60 {line-height:60px;}