@charset "UTF-8";


/* 웹폰트 */
/* 2025-04-02 opentype 옆에  ; 오타 수정  s */
@font-face{
	font-family:"NotoSans-Thin";
	src:url('/common/font/NotoSans-Thin.eot');
	src:url('/common/font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
	url('/common/font/NotoSans-Thin.woff') format('woff'),
	url('/common/font/NotoSans-Thin.otf') format('opentype'),
	url('/common/font/NotoSans-Thin.ttf') format('truetype');
	src:local('?'), url('/common/font/NotoSans-Thin.woff') format('woff');
}

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

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

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

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

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

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

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

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

@font-face{
	font-family:"Montserrat-SemiBold";
	src:url('/common/font/Montserrat-SemiBold.eot');
	src:url('/common/font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/common/font/Montserrat-SemiBold.woff') format('woff'),
	url('/common/font/Montserrat-SemiBold.ttf') format('truetype');
	src:local('?'), url('/common/font/Montserrat-SemiBold.woff') format('woff');
}
/* 2025-04-02 opentype 옆에  ; 오타 수정  e */

/* 공통 */

*{margin:0; padding:0}
html{width:100%; height:100%}
body{position:relative; font-size:16px; font-family:'NotoSans-Regular', "Malgun Gothic", sans-serif; font-weight:normal; color:#555; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body.main{background:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top;}
legend, caption{display:none}
textarea, button{vertical-align:middle}
button{cursor:pointer;border:none;overflow:visible;}
select{height:29px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'NotoSans-Regular', sans-serif; color:#777; border-radius:0; font-size:16px; color:#666}
input{height:41px; font-size:16px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'NotoSans-Regular', sans-serif; color:#777; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-sizing:border-box;}
input,option{padding:3px 10px}
select{height:37px; padding:2px; line-height:29px;}
textarea{padding:3px 10px; vertical-align:middle; background:#fff; font-size:16px; border:1px solid #e3e3e3; font-family:'NotoSans-Regular', sans-serif; color:#777; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-sizing:border-box;  resize:none}
.checkbox{padding:0; border:0}
.disNone{display:none}
a{text-decoration:none; color:#777}
a:hover, a:focus, a:active{text-decoration:none;}
table{width:100%; border-collapse:collapse}
map area{outline:none;}
button{margin:0; padding:0; background:none; font-size:16px; font-family:'NotoSans-Regular', sans-serif; color:#555; word-break:break-all;}
input[type="password"]{font-family:'dotum',"돋움",sans-serif !important;}
input[type="radio"]:focus{outline:1px dotted #888;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888; opacity:1;}
::-moz-placeholder {color:#888; opacity:1;}
:-ms-input-placeholder {color:#888;}
:placeholder-shown {color:#888;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

input:focus{outline:none}

.pBox{overflow:hidden}
.clearB{content:""; display:block; clear:both;}
.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba( 0, 0, 0, 0.8); z-index:1001}
.loadingBg{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:1200}
.loading{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999}


/* 간격 */
.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}
.mt100{margin-top:100px !important} /* 2021-08-25 추가 */
/* 2024-09-09 add page s */
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb100{margin-bottom:100px !important}

/* color */
.txt_white{color: #fff !important;}
.txt_black{color: #222 !important;}
.txt_yellow{color: #df9133 !important; }/* 2025-05-13*/
/* opacity */
.op_08{opacity:0.8 !important;}
/* //2024-09-09 add page e */


/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.inner{position:relative; width:1230px; margin:auto;}
#footer .inner {position:initial; display:flex; justify-content:space-between; align-items:center;} /* 2022-08-08 추가 */
.ovF{overflow:hidden}
.bold{font-family:'NotoSans-Regular' !important}


/* common */
.goCon{position:absolute; top:-90px; left:0;}
#wrapper{position:relative; width:100%; overflow:hidden}
#header{position:absolute; top:0; width:100%; height:60px; background:#000; z-index:1110}
#header .inner{padding:20px 0}
h1{position:absolute; top:14px; left:0;} /* 2024-09-27 23 ->14 */
#header .inner .gnb{position:absolute; top:17px; left:440px;}
#header .inner .gnb a{display:inline-block; font-size:16px; color:#fff; font-family:'NotoSans-Light'; margin:0 18px}
#header .inner .menuPack{position:absolute; top:15px; right:0; padding-left:22px;}
#header .inner .menuPack a{display:inline-block; font-size:14px; color:#fff; margin-left:11px;}
#header .inner .menuPack a.product{margin-right:15px; font-family:'NotoSans-Light'}/* 2017-11-16 */
#header .inner .menuPack a img{vertical-align:top; width:16px; margin-top:3px}
#header .inner .menuPack a:nth-child(1){border:1px solid #4d4d4d; padding:4px 17px 5px; line-height:19px}/* 2017-11-16 */
#header .inner .menuPack a:nth-child(1):hover{border:1px solid #fff; background:#fff; color:#000; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}/* 2017-11-16 */
#header .inner .menuPack .hSrchBt{position:relative; width:16px; height:16px;}
#header .inner .menuPack .hSrchBt img{position:absolute; top:0px; left:0; width:16px; height:16px;}
#header .inner .menuPack .hSrchBt img.on{opacity:0}
#header .hSrch{display:none; position:absolute; top:60px; left:0; width:100%;}
#header .hSrch .inputArea{width:100%; height:80px; background:#000;}
#header .hSrch .inputArea .inner{padding:0}
#header .hSrch .inputArea input{width:90%; height:80px; background:#000; border:0; font-size:20px; color:#fff;}
#header .hSrch .inputArea input::-webkit-input-placeholder {font-size:20px; color:#fff;}
#header .hSrch .inputArea input:-moz-placeholder {font-size:20px; color:#fff; opacity:1;}
#header .hSrch .inputArea input::-moz-placeholder {font-size:20px; color:#fff; opacity:1;}
#header .hSrch .inputArea input:-ms-input-placeholder {font-size:20px; color:#fff;}
#header .hSrch .inputArea input:placeholder-shown {font-size:20px; color:#fff;}
#header .hSrch .inputArea input:focus{outline:none}
#header .hSrch .inputArea a{position:absolute; top:27px; right:0;}
#header .hSrch .autoArea{width:100%; background:#333; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
#header .hSrch .autoArea .inner{padding:19px 0 21px}
#header .hSrch .autoArea p{font-size:20px; color:#dcdcdc; padding:5px 0; font-family:'NotoSans-Light'}
#header .hProduct{display:none; position:absolute; top:0; left:100%; width:100%; z-index:1200}
#header .hProduct .pHead{height:38px; padding:11px 20px; background:#2b2e36; font-size:26px;  color:#fff; font-family:'NotoSans-Light'}
#header .hProduct .xbt{position:absolute; top:21px; right:30px;}
#header .hProduct .pBody{background:url('/common/images/icon/product_openbg.jpg') no-repeat 0 0 #545c6e; overflow:hidden; color:#fff}
#header .hProduct .pBody a{display:block; color:#fffefe; word-break:keep-all; line-height:24px}
#header .hProduct .pBody dt > a{font-family:'NotoSans-Regular'}
#header .hProduct .pBody dl{width:25%; height:100%; padding:30px 20px 38px; float:left; box-sizing:border-box;}
#header .hProduct .pBody dt{font-size:24px; margin-bottom:15px}
#header .hProduct .pBody dt .openBt{display:none}
#header .hProduct .pBody dd{}
#header .hProduct .pBody dd .txt1{font-size:16px;  margin-top:30px; margin-bottom:15px; font-family:'NotoSans-Light'}
#header .hProduct .pBody dd .txt1 a{line-height:16px}
#header .hProduct .pBody dd .txt1 .openBt2{display:none}
#header .hProduct .pBody dd .txt2{border-left:3px solid #bfc2c6; padding:0 0 2px 10px; font-family:'NotoSans-Light'}
#header .hProduct .pBody dd .txt2 a{font-size:14px; line-height:16px; margin-bottom:8px}
#header .hProduct .pBody dd .txt2 a:last-child{margin-bottom:0}
#header .menuDiv{display:none; position:absolute; top:0; right:-320px; width:320px; padding:59px 0 0; background:#fff; z-index:100}
#header .menuDiv a{display:block}
#header .menuDiv .oneD{position:relative; padding:13px 19px 15px; border-bottom:1px solid #dedede; font-size:20px; color:#000; font-family:'NotoSans-Medium'}
#header .menuDiv .oneD:nth-child(1){border-top:1px solid #dedede;}
#header .menuDiv .oneD span{display:block; position:absolute; top:23px; right:20px; height:11px;}
#header .menuDiv .twoD{padding:22px 30px 25px; border-bottom:1px solid #dedede; background:#f3f3f3}
#header .menuDiv .twoD:last-child{border-bottom:1px solid #dedede;}
#header .menuDiv .twoD a{font-size:16px; color:#333; margin-bottom:6px}
#header .menuDiv .twoD a:last-child{margin-bottom:0}
#header .menuDiv .utilBts{overflow:hidden; padding-top:26px}
#header .menuDiv .utilBts a{width:33%; float:left; text-align:center; letter-spacing:-1px; background:url('/common/images/icon/util_bar.gif') no-repeat 0 center;}
#header .menuDiv .utilBts a:nth-child(1){width:143px; background:none;}
#header .menuDiv .utilBts a:nth-child(2){width:75px;}
#header .menuDiv .utilBts a:nth-child(3){width:90px;}
/* 2022-09-19 추가 */
#header .menuDiv .snsBts {padding:26px 19px 0;}
#header .menuDiv .snsBts a {float:left; width:40px; height:40px; margin-right:15px; text-indent:-9999px;}
#header .menuDiv .snsBts a.youtube {background:url("/common/images/icon/sns_youtube.png") no-repeat 50% 50%;}
#header .menuDiv .snsBts a.linkedin {background:url("/common/images/icon/sns_linkedin.png") no-repeat 50% 50%;}
#header .menuDiv .snsBts a.facebook {background:url("/common/images/icon/sns_facebook.png") no-repeat 50% 50%;}
/* // 2022-09-19 추가 */
#header .menuDiv .awardLogo{margin:20px 85px 0 20px; font-size:12px; line-height:18px; color:#777; padding:13px 26px 13px 78px; background:url('/common/images/icon/award_logo1.png') no-repeat left 28px center #f3f3f3}/* 2018-12-17 추가 */
#header .menuDiv .xbt{position:absolute; top:20px; right:20px;}
#subCon{padding:100px 0 0; font-size:20px; color:#333; line-height:32px; letter-spacing:-0.7px}

/* 웹 메인 */
#mainBody{width:100%; height:100%; background:#000}
.mainRoll{position:relative; width:100%; height:100%}
.mainRoll .rollDiv{position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; overflow:hidden}
.mainRoll .rollDiv .bg{position:absolute; top:0; left:0; width:100%; min-height:100%;}/* 2020-07-07 수정 */
/* 2020-07-07 추가 */
.mainRoll .rollDiv .bg img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}/* 2020-07-07 재수정 */
.mainRoll .rollDiv .bg video{position:relative; z-index:1;}
/* // 2020-07-07 추가 */
.mainRoll .rollDiv .conDiv{position:absolute; top:0; left:0; width:100%; height:225px;}
.mainRoll .rollDiv .txt1{position:absolute; top:0; left:0; width:100%; font-size:64px; font-family:'NotoSans-Medium'; text-align:center; opacity:0}
.mainRoll .rollDiv .txt2{position:absolute; top:87px; left:0; width:100%; font-size:34px; font-family:'NotoSans-Medium'; text-align:center; opacity:0}
.mainRoll .rollDiv .btPack{position:absolute; top:174px; left:0; width:100%; text-align:center; opacity:0}
.mainRoll .rollDiv .btPack a{display:inline-block; width:198px; height:72px; margin:0 8px; background:url('/common/images/btn/main_btbg.png') no-repeat 0 center; font-size:16px; line-height:22px; font-family:'NotoSans-Medium'; color:#fff}
.mainRoll .rollDiv .btPack a span{display:table-cell; width:178px; text-align:center; padding:0 10px; height:72px; vertical-align:middle; word-break:keep-all; overflow:hidden}
.mainRoll .indiBts{position:absolute; bottom:113px; left:0; width:100%; height:23px; text-align:center}
.mainRoll .indiBts a{display:inline-block; vertical-align:middle}
.mainRoll .indiBts a.rollBt{width:44px; height:4px; border:1px solid #fff; margin-right:6px; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.mainRoll .indiBts a.rollBt:last-child{margin-right:14px}
.mainRoll .indiBts a.rollBt.on{background:#fff;}
.mainRoll .indiBts a.playBt{position:relative; width:23px; height:23px;}
.mainRoll .indiBts a.playBt img{position:absolute; top:0; left:0;}
.mainRoll .indiBts a.playBt img.on{opacity:1}

/* 모바일메인 */
.mainRollM{display:none}

/* 제품영역 */
/* 2025-02-18 16:07:05 수정 및 css 속성 추가 */
.subV{position:relative; background-repeat: no-repeat; background-position: center bottom; background-size: cover;  width:100%; height:780px; color:#fff}
.subV.one{background-color:#1c588b}
.subV.two{background-color:#287d8b}
.subV.thr{background-color:#7c0b2b}
.subV.fou{background-color:#575757}
/* 2025-02-18 수정 및 css 속성 추가, 2025-04-21 수정 s */
.subV .subVdiv{height:auto; min-height:515px; padding:230px 0 0;}/* 2020-10-15 수정 */
.subV .subVdiv .indi{position:absolute; top:100px; left:0; font-size:14px;}
.subV .subVdiv .indi a{display:inline-block; padding-right:23px; margin-right:14px; background:url('/common/images/icon/path_arrow.png') no-repeat right center; margin-bottom:12px; font-family:'NotoSans-Light'; color:#fff; text-decoration:underline}
.subV .subVdiv .indi strong{display:inline-block; font-family:'NotoSans-Light'; font-weight:normal}
.subV .subVdiv .staasLogoCon{display: flex;align-items: center;}/* 2023-07-11 추가 */
.subV .subVdiv .txt1{position:relative; font-family:'Montserrat-Semibold'; font-size:50px; line-height:60px; letter-spacing:-2px; /*width:570px;*/ word-break:keep-all; z-index:1}
.subV .subVdiv.staasCon .txt1{width:auto; margin-right:25px;}/* 2023-07-11 추가 */
/* 2024-04-25 추가 */
.subV.highend{background: url("/webapps/uploadfiles/image/2017/11/tec_0301.jpg") no-repeat center 60px; background-size: cover;}
.subV.highend .subVdiv{color: #000;font-family:"NotoSans-Bold";}
.subV.highend .subVdiv .txt1{font-family:"NotoSans-Bold"; font-size:46px;}
.subV.highend .subVdiv .txt2{font-family: 'NotoSans-regular';}
.onlyWeb{display:block;} 
.onlyMo{display:none;}
/* // 2024-04-25 추가, 2025-04-21 수정 e */
.subV.bigdata{background:url('/common/images/icon/bigdata0505_subv_img.jpg') no-repeat center; background-size: cover;}/* 2024-11-11 */
.subV .subVdiv .w800{width: 800px;}/* 2023-05-09 추가 */
.subV .mainTitImg img{max-width:100%;}
.subV .subVdiv .txt2{position:relative; font-size:15px; line-height:24px; width:450px; margin-top:33px; word-break:keep-all; z-index:1; font-family:'NotoSans-Light'; /* height:120px;  */overflow:hidden}
.subV .subVdiv .img{position:absolute; bottom:0; right:0;}
.subV2{position:relative; width:100%; height:840px; color:#fff; background-size:100%}
.subV2 .subVdiv{height:555px; padding:295px 0 0; text-align:center}/* 2017-11-16 */
.subV2 .subVdiv .txt1{font-size:60px; line-height:60px;  word-break:keep-all; font-family:'NotoSans-Light'}/* 2017-11-16 */
.subV2 .subVdiv .txt2{font-family:'Montserrat-Light'; font-size:24px; line-height:36px; margin-top:15px; opacity:.5; word-break:keep-all}/* 2017-11-16 */
.subV2.type2{height:400px;}
.subV2.type2 .subVdiv{height:230px; padding:170px 0 0;}

/* 2025-02-18 추가 ARM Server 페이지에서만 씌임 */
.subV .subVdiv .txt2.w-lg{ width: 570px;}
/* // 2025-02-18 추가 */
/* 2025-05-13  Hitachi Unified Compute Platform HV */
.subV .subVdiv .txt2.w-md{ width: 540px;}
/* // 2025-05-13 Hitachi Unified Compute Platform HV */
.indicator{position:fixed; top:0; height:64px; background:#000; width:100%; display:none; z-index:1100}
.indicator .title{position:absolute; top:-70px; font-size:16px; font-family:'NotoSans-Medium'; color:#fff; cursor:pointer}
.anchorIndi{position:absolute; bottom:0; left:0;width:100%; height:64px; background:rgba(0, 0, 0, 0.4); z-index:1000}
.anchorIndi .tit{position:relative; font-size:16px; font-family:'NotoSans-Regular'; height:64px; overflow:hidden}
.anchorIndi .tit span{display:block; position:absolute; top:20px; left:0; font-family:'Montserrat-SemiBold'; line-height:24px; cursor:pointer}
.anchorIndi .swiper-container{position:absolute; top:0; right:0; /* width:467px; */ height:64px;}
.anchorIndi .swiper-wrapper{width:435px; height:48px; padding:16px 0 0;}
.anchorIndi .swiper-slide{width:auto; height:44px; padding-right: 20px;}/* 2024-09-09 add page : padding-right 추가 */
.anchorIndi .swiper-slide a{display:block; font-size:16px; color:#fff; height:43px; /*  width:92px; */ text-align:center; line-height:33px; font-family:'NotoSans-Light'} /* 2024-09-09 add page : margin-right 제거 */
.anchorIndi .swiper-slide a.on{font-family:'NotoSans-Regular'}
.anchorIndi .question a{height:20px; line-height:20px; border:1px solid #aaa; padding:3px 0 5px; width:95px; margin-left:20px; margin-top:2px; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
/*.anchorIndi .question a:hover{border:1px solid #fff; background:#fff; color:#000}*/
.txtIcon1{padding-top:19px; font-size:60px; line-height:60px; color:#000;  text-align:center; background:url('/common/images/icon/text_line1_new.gif') no-repeat center 0; font-family:'NotoSans-Thin'; letter-spacing:-2px}
.txtIcon2{padding-left:25px; font-size:18px; line-height:26px; color:#555; background:url('/common/images/icon/listarrow.png') no-repeat 0 6px; font-family:'NotoSans-Light'}
.desc{ font-size:18px; line-height:1.4; color:#555; font-family:'NotoSans-Light'}/* 2024-09-09 add page */
.desc + .desc{margin-top: 0.2em;}/* 2024-09-09 add page */
.dot{padding-left:13px; font-size:20px; line-height:30px; color:#333; background:url('/common/images/icon/dot2x2.gif') no-repeat 0 center;}
a.arrowBt{font-family:'Montserrat-Medium', 'NotoSans-Regular'; display:block; font-size:18px; line-height:30px; color:#000; margin-bottom:7px}
a.arrowBt span{padding-right:35px; padding-bottom:3px; background:url('/common/images/icon/arrow_icon_new.png') no-repeat right 0px;}/* 2017-11-16 */
.topTxt1{font-size:40px; color:#222;  line-height:56px; word-break:keep-all; margin-bottom:44px; font-family:'NotoSans-Thin'}
.topTxt1 span{display:block}
.topTxt2{width:100%; font-size:18px; color:#555; overflow:hidden; word-break:keep-all; font-family:'NotoSans-Light'}
.topTxt2 p{width:570px; float:left}
.topTxt2 p:last-child{float:right}
.topTxt2 .topLink {color:#ef4d61;} /* 2022-05-11 추가 */
.topBt{position:fixed; bottom:80px; right:40px; opacity:0; z-index:1000}
.downBt{display:block; width:205px; height:47px; margin:auto; padding:5px 0 0 18px; box-sizing:border-box; background:url('/common/images/icon/downbt_icon.jpg') no-repeat 164px 13px #333; color:#fff; font-size:16px; font-family:'NotoSans-Medium'}

.proInfoType2{margin-top:103px}
.proInfoType2 li{position:relative; width:100%; padding:120px 0 113px; margin:auto; background:#fff}
.proInfoType2 li .img{float:left; width:50%; text-align:left}
.proInfoType2 li .txt{float:right; width:50%; word-break:keep-all; padding:0 0 0 50px; box-sizing:border-box}
.proInfoType2 li .txt .btPack{border-left:5px solid #e4e4e4; padding-left:31px}
.proInfoType2 li:nth-child(2n+1){background:#f7f7f7}
.proInfoType2 li:nth-child(2n+1) .img{float:right; width:50%; text-align:right}
.proInfoType2 li:nth-child(2n+1) .txt{float:left; width:50%; padding:0 50px 0 0; box-sizing:border-box}
.proInfoType2 li img{width:600px}
.proInfoType2 li .txt .txt1{font-size:40px; color:#000; font-weight:500; line-height:60px;}
.proInfoType2 li .txt .txt2{font-size:18px; color:#555; line-height:30px; margin:26px 0 53px; font-family:'NotoSans-Light'}

#pt1{padding-top:113px}
#pt1 ul{overflow:hidden; margin-top:100px}
#pt1 li{width:390px; float:left; padding-bottom:59px; margin-right:30px; border:1px solid #e6e6e6; overflow:hidden; box-sizing:border-box}
#pt1 li:last-child{margin-right:0;}
#pt1 li .img{margin-top:59px; text-align:center;} /* 2021-10-25 수정 */
#pt1 li .tit{margin:65px 0 24px; font-size:26px; text-align:center; line-height:36px; color:#444}
#pt1 li .txtIcon2{margin:22px 38px 0 38px; width:280px; word-break:keep-all; font-family:'NotoSans-Light'}
/* 2024-06-13 추가수정 s */
#pt1 li .txtRef{position: relative; margin: 30px auto 0; width:300px; font-size: 16px; color:#555; line-height: 1.6; font-family:'NotoSans-Light'; word-break:keep-all;}
#pt1 li .txtRef + .txtRef{margin-top: 10px;}
/* //2024-06-13 추가수정 e */
#pt1 li a.link{color:#555; text-decoration:underline;}/* 2020-04-08 추가 */
/* 2023-05-09 추가 */
.dig0104 .inner{width: 1230px;}
.dig0104 #pt1 li{width: 285px; margin-right: 30px;}
.dig0104 #pt1 li:last-child {margin-right: 0;}
.dig0104 #pt1 li .txtIcon2{width:225px; margin: 5% auto;}
/*// 2023-05-09 추가 */
.dig0304 li .img img {height: 200px;} /* 2025-04-21 추가 */
/* 2024-11-11 */
#pt1.big0505 ul:first-of-type{margin-top: 100px;}
#pt1.big0505 ul{margin-top: 50px;}
#pt1.big0505 ul li.small{height:550px !important;}
#pt1.big0505 ul li .img{width: 388px; height: 200px;}
#pt1.big0505 ul li .img img{width: auto; height: auto;}
/* //2024-11-11 */


#pt2{padding-top:113px}
#pt2 ul{margin-top:70px}
#pt2 li{position:relative; width:100%; height:540px;}
#pt2 li:nth-child(2n-1) .img{position:absolute; top:0; left:50%;}
#pt2 li:nth-child(2n-1) .txt{position:absolute; top:50%; right:50%; padding-right:100px; width:50%; box-sizing:border-box}
#pt2 li:nth-child(2n) .img{position:absolute; top:0; right:50%;}
#pt2 li:nth-child(2n) .txt{position:absolute; top:50%; left:50%; padding-left:100px;}
#pt2 li .txt{box-sizing:border-box; word-break:keep-all}
#pt2 li .txt .tit{font-size:30px; line-height:36px; color:#444; margin-bottom:33px}
#pt2 li .txt .tit2{margin-bottom: 30px; font-size: 20px; line-height: 1.4; color: #444; letter-spacing: -0.05em;}/* 2024-09-09 add page */
#pt2 li .txt .txtIcon2{margin-bottom:20px}
#pt2 li .txt .txtIcon2:last-child{margin-bottom: 0;}/* 2024-09-09 add page */
#pt2 .infoBox{width:100%; padding:150px 0 150px}/* 2025-01-10 수정 */
#pt2 .infoBox.his_big_0301{height: initial;} /* 2021-08-25 추가 */
#pt2 .infoBox .inner:nth-child(n + 2){margin-top: 100px}
#pt2 .infoBox .inner{display:table;}/* 2020-03-26 추가 */
#pt2 .infoBox.one{background:url('/common/images/icon/digital_textbg.jpg') no-repeat center 0}
#pt2 .infoBox.two{background:url('/common/images/icon/cloudsoft_textbg.jpg') no-repeat center 0} /* 2025-01-14 수정  */
#pt2 .infoBox.thr{background:url('/common/images/icon/bigdata_textbg.jpg') no-repeat center 0}/* 2025-01-14 수정  */
#pt2 .infoBox.thr.bigdata05{background:url('/common/images/icon/bigdata05_textbg.jpg') no-repeat center center / cover;} /* 2022-05-11 추가 */
#pt2 .infoBox.thr.his_big_0301{background:url('/common/images/icon/bigdata_textbg.jpg') no-repeat center 0 / cover; padding: 150px 0;} /* 2021-08-25 추가 */
#pt2 .infoBox.fou{background:url('/common/images/icon/technical_textbg.jpg') no-repeat center 0}
#pt2 .infoBox.two.col-2{background:url('/common/images/icon/cloudsoft_textbg02.jpg') no-repeat center 0} /* 2025-01-14 추가  */
#pt2 .infoBox.two.col-3{background:url('/common/images/icon/cloudsoft_textbg03.jpg') no-repeat center 0}/* 2025-01-14 추가  */
#pt2 .infoBox.col-3{background:url('/common/images/icon/cloudsoft_textbg03.jpg') no-repeat center 0}/* 2025-01-14 추가  */
#pt2 .infoBox.thr.col-3{background:url('/common/images/icon/bigdata_textbg02.jpg') no-repeat center 0}/* 2025-01-14 추가  */


#pt2 .txtBox{display:table-cell; vertical-align:middle; background:#fff; height:485px; text-align:center}
#pt2 .txtBox .infoTxt{position:relative; margin:19px 75px 0 75px; padding:34px 80px 34px; color:#333; word-break:keep-all}
#pt2 .txtBox .infoTxt p{position:relative; z-index:10; font-size:20px; font-family:'NotoSans-Light'; line-height:30px}
#pt2 .txtBox .infoTxt span:nth-child(1){position:absolute; top:0; left:0;}
#pt2 .txtBox .infoTxt span:nth-child(3){position:absolute; bottom:0; right:0;}
/* 2019-11-28 추가 */
#pt2 .infoBox.autoH{height:auto; padding:150px 0 140px; background-size:cover;}
#pt2 .infoBox .txtBox.autoH{width:1230px; height:auto; padding:100px 0 88px; background:#fff; box-sizing:border-box;}
#pt2 .txtBox.autoH .infoTxt{margin-top:29px; padding-bottom:54px}
#pt2 .txtBox.autoH .infoTxt span:nth-child(1){top:-50px;}
/* // 2019-11-28 추가 */
/* 2024-04-25 추가 */
#pt2.highend-pt2 .inner{margin-top:100px;}
#pt2.highend-pt2 .inner .img img{width:100%;}
/* // 2024-04-25 추가 */
#pt3{padding-top:113px; margin-bottom:113px} /* 2021-10-25 수정 */
#pt3 .infoBoard{}
#pt3 .infoBoard .tit{margin:63px 0 30px; font-size:32px; color:#000; font-family:'NotoSans-Medium'; text-align:center}
#pt3 .infoBoard .tit:first-child{margin:115px 0 30px;}
#pt3 .infoBoard table{border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2}
#pt3 .infoBoard th{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#eee; font-size:20px; line-height:26px; color:#000}
#pt3 .infoBoard td{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:22px 24px 23px;}
/* 2024-04-25 추가 */
#pt3.highend-pt3 .infoBox{width:100%; height:630px; margin-top: 15px; padding-top:150px;}/* 2024-04-29 수정 */
#pt3.highend-pt3 .infoBox .inner{display:table;}/* 2020-03-26 추가 */
#pt3.highend-pt3 .infoBox.box1{background:url('/common/images/icon/highend_textbg1.png') no-repeat center 0}
#pt3.highend-pt3 .infoBox.box2{background:url('/common/images/icon/highend_textbg2.png') no-repeat center 0}
#pt3.highend-pt3 .infoBox.box3{background:url('/common/images/icon/highend_textbg3.png') no-repeat center 0}
#pt3.highend-pt3 .infoBox.box4{background:url('/common/images/icon/highend_textbg4.png') no-repeat center 0}
#pt3.highend-pt3 .infoBox.box5{background:url('/common/images/icon/highend_textbg5.png') no-repeat center 0}
#pt3.highend-pt3 .infoBox.box6{background:url('/common/images/icon/highend_textbg6.png') no-repeat center 0}
#pt3.highend-pt3 .txtBox{display:table-cell; vertical-align:middle; background:#fff; height:500px; text-align:center}
#pt3.highend-pt3 .txtBox .infoTxt{position:relative; margin:0 75px 0 75px; padding:34px 80px 34px; color:#333; word-break:keep-all}
#pt3.highend-pt3 .txtBox .infoTxt p{position:relative; z-index:10; font-size:20px; font-family:'NotoSans-Light'; line-height:30px}
#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(1){position:absolute; top:40px; left:0;}
#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(3){position:absolute; bottom:40px; right:0;}
#pt3.highend-pt3 .txtBox .infoTxt2 span:nth-child(1){position:absolute; top:0; left:0;}
#pt3.highend-pt3 .txtBox .infoTxt2 span:nth-child(3){position:absolute; bottom:0; right:0;}
#pt3.highend-pt3{padding-top: 113px; margin-bottom:150px;}
/* // 2024-04-25 추가 */
/* 2024-11-11 */
#pt3.big0505 .borderBox{margin:100px auto 60px; padding: 60px; border:1px solid #e6e6e6; box-sizing:border-box;}
#pt3.big0505 .tit{padding-bottom:30px;text-align:center;}
#pt3.big0505 .textBox{width: fit-content; margin:0 auto;}
#pt3 .basic_architecture{margin-top:0;}
#pt3 .basic_architecture_img{display:block; width:1230px; margin:0 auto;}
/*// 2024-11-11 */
#pt99{position:relative; padding:113px 0 50px; background:#f7f7f7; }
#pt99 > div{overflow:hidden; margin-top:50px}
#pt99 > div > a{display:block; width:390px; padding:45px 40px 45px 40px; float:left; background:#fff; margin-right:30px; margin-bottom:40px; box-sizing:border-box; word-break:keep-all}
#pt99 > div > a.option1{/*background:url('/common/images/icon/data_icon1_new.png') no-repeat right 0 #fff;*/}
#pt99 > div > a.option2{/*background:url('/common/images/icon/data_icon2.png') no-repeat right bottom #fff;*/}
#pt99 > div > a:last-child{margin-right:0}
#pt99 > div > a .txt1{font-size:16px; line-height:26px; color:#666; font-family:'NotoSans-Light'}
#pt99 > div > a .txt2{font-size:30px; line-height:40px; color:#000; margin-top:11px}
#pt99 > div > a .txt2 img{vertical-align:top; margin-top:6px; margin-right:8px}
#pt99 > div > a .txt3{font-size:18px; line-height:30px; color:#555; margin-top:29px; font-family:'NotoSans-Light'}
#pt99 .moreBt{text-align:center}
#pt99 .moreBt a{display:block; width:144px; height:16px; background:#e8e8e8; color:#000; border:1px solid #c2c2c2; font-size:16px; line-height:16px; text-align:center; margin:5px auto 0; padding:15px 0; text-align:center}
#pt99 .moreBt a span{display:inline-block; padding-right:26px; background:url('/common/images/icon/morebt_icon_new.gif') no-repeat right center; line-height:15px; transition:.3s ease; -webkit-transition:.3s ease;}
#pt99 .moreBt a:hover{background:#333; color:#fff; border:1px solid #333}
#pt99 .moreBt a:hover span{background:url('/common/images/icon/morebt_icon_new_on.gif') no-repeat right center;}
#pt99 .moreNoData{ padding:170px 0 80px; text-align:center; color:#555; font-size:16px; font-family:'NotoSans-Light'; background:url('/common/images/icon/noMoreData_icon.gif') no-repeat center 80px #fff}
#pt5{padding:70px 0 0; background:#f7f7f7;}
#pt5 > div{margin-top:100px;}
#pt5 > div > a{display:block; padding:44px 30px 43px; border-top:1px solid #cdcdcd; word-break:keep-all}
#pt5 > div > a .txt1{font-size:16px; line-height:26px; color:#666; font-family:'NotoSans-Light'}
#pt5 > div > a .txt2{font-family:'Montserrat-Medium'; font-size:30px; line-height:40px; color:#000; margin:5px 0 19px; vertical-align:middle; letter-spacing:-2px}
#pt5 > div > a .txt2 img{vertical-align:middle; margin-right:9px}
#pt5 > div > a .txt3{font-size:18px; line-height:30px; color:#555; font-family:'NotoSans-Light'}
/* 2021-09-10 추가 */
#pt6{padding-top:113px;}
#pt6 .basic_architecture{margin-top:100px;}
#pt6 .basic_architecture_img{display:block; width:1230px; margin:0 auto;}
/* // 2021-09-10 추가 */
/* 2023-08-18 추가 */
#pt6 .infoBox{width:100%; height:630px; padding-top:150px; margin-top:100px;}
#pt6 .infoBox.his_big_0301{height: initial;}
#pt6 .infoBox .inner{display:table;}
#pt6 .infoBox.two{background:url('/common/images/icon/cloudsoft_textbg.jpg') no-repeat center 0}
#pt6 .txtBox{display:table-cell; vertical-align:middle; background:#fff; height:485px; text-align:center}
#pt6 .txtBox .infoTxt{position:relative; margin:19px 75px 0 75px; padding:34px 80px 34px; color:#333; word-break:keep-all}
#pt6 .txtBox .infoTxt p{position:relative; z-index:10; font-size:20px; font-family:'NotoSans-Light'; line-height:30px}
#pt6 .txtBox .infoTxt span:nth-child(1){position:absolute; top:0; left:0;}
#pt6 .txtBox .infoTxt span:nth-child(3){position:absolute; bottom:0; right:0;}
#pt6 .infoBox.autoH{height:auto; padding:150px 0 140px; background-size:cover;}
#pt6 .infoBox .txtBox.autoH{width:1230px; height:auto; padding:100px 0 88px; background:#fff; box-sizing:border-box;}
#pt6 .txtBox.autoH .infoTxt{margin-top:29px; padding-bottom:54px}
#pt6 .txtBox.autoH .infoTxt span:nth-child(1){top:-50px;}
/*// 2023-08-18 추가 */

/* 제품상세 테이블 */
/* 2024-09-09 add page  s */
.infoTable_wrapper{margin-top: 100px;}
.infoTable_wrapper .infoTable-caption{margin-bottom: 10px;}
.infoTable_wrapper .infoTable{margin-top: 0;}
.infoTable_wrapper .infoTable + .infoTable-caption{margin-top: 3em;}
.infoTable_wrapper .infoTable.inner{width: 100%;}
/* //2024-09-09 add page e */
.infoTable{width:1230px; margin-top:100px}
.infoTable2{margin-top:50px}
.infoTable table{border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3}
.infoTable thead th{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#eee; font-size:16px; line-height:26px; color:#000; padding:10px 15px; text-align:center; font-family:'NotoSans-Medium'; font-weight:normal; vertical-align:middle}
.infoTable th.typeB{background:#9c9c9c; color:#fff; text-align:left}
.infoTable th.typeC{background:#ccc; color:#000; text-align:left}
.infoTable tbody th{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f9f9f9; font-size:16px; line-height:26px; color:#000; padding:10px 15px; text-align:left; font-family:'NotoSans-Medium'; font-weight:normal; vertical-align:middle} /* 2023-02-07 padding 수정 */
.infoTable tbody .thick th{border-top:2px solid #d2d2d2}
.infoTable tbody th span{font-size:15px; line-height:20px; color:#666}
.infoTable td{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fff; padding:10px 20px; font-size:16px; line-height:26px; color:#333; text-align:left; vertical-align:middle; font-family:'NotoSans-Light'}
.infoTable.hitachi_cp td{padding:10px 10px;}/* 2024-09-25 추가 */
.infoTable td .sup{position: relative; top: -0.5em; font-size: 75%; vertical-align: baseline;} /* 2021-11-24 추가 */
.infoTable tbody .thick td{border-top:2px solid #d2d2d2}
.infoTable .explainWrapper{position:relative; width: 1230px;}/*  2023-02-07 추가 */
.infoTable .explainTxt{font-size:16px; line-height:24px; color:#666; margin-top:10px}
.infoTable .txtRight{position: absolute; right: 0; bottom: 0;}/*  2023-02-07 추가 */
.infoTable tbody tr.taR td{text-align:center}
.infoTable tbody tr.line1 td{text-align:center; background:#fac090}
.infoTable tbody tr.line2 td{text-align:center; background:#8eb4e3}
.infoTable tbody tr.line3 td{text-align:center; background:#ff9933}
.infoTable tbody tr.line4 td{text-align:center; background:#93cddd}
.infoTable tbody tr.line5 td{text-align:center; background:#a3bd75}
.infoTable tbody tr.line6 td{text-align:left; background:#d9f3d9}
/* 2025-02-18 15:49:30 추가*/
.infoTable tbody.text-center td{text-align: center;}
/* // 2025-02-18 15:49:30 추가*/
/* 2025-05-13 */
.infoTable tbody tr td strong{font-family: 'NotoSans-Bold'; display: inline-block; margin-right: 2px; color: #555555;}
.infoTable tbody tr td .dot_list{display: inline-block;}
.infoTable tbody tr td .dot_list li{text-align: left;}
/* //2025-05-13 */
/* 2019-12-02 추가 */
.infoTable .dot{padding-left:10px; font-size:16px; line-height:26px; color:#333; background:url('/common/images/icon/dot2x2.gif') no-repeat 0 12px;}
.infoTable .explainTxt .dot{color:#666;}
.infoTable .sTxt{font-size:9px; vertical-align:7px;}
/* // 2019-12-02 추가 */
/* 2020-03-30 추가 */
.infoTable .splitTxt li{overflow:hidden; width:100%;}
.infoTable .splitTxt li .tit{float:left; width:90px;}
.infoTable .splitTxt li .txt{float:left; width:calc(100% - 90px); width:-webkit-calc(100% - 90px);}
/* // 2020-03-30 추가 */
/*2024-11-11 */
#pt3.big0505 .infoTable {margin-top:60px; }
#pt3.big0505 .infoTable .gray td{background-color:#eee;}
#pt3.big0505 .infoTable .explainTxt{font-size: 14px; color:#777;text-align:center;}
#pt3.big0505 .infoTable:first-of-type{margin-bottom:50px;}
/*// 2024-11-11 */
/* 2025-08-21 추가 s */
#pt3 .imgTable {overflow-x: auto; margin-top: 80px;}
#pt3 .imgTable img {width: 100%;}
/* // 2025-08-21 추가 e */


/* 하단 검색 */
.subCom{padding:100px 0 150px;}
.subCom .srchQ{position:relative; width:638px; height:74px; background:#fff; margin:auto; border:2px solid #4b4b4b; box-sizing:border-box}
.subCom .srchQ input{width:85%; height:100%; border:none; font-size:20px; color:#333; box-sizing:border-box; padding-left:30px; background:#fff; font-family:'NotoSans-Light'}
.subCom .srchQ input::-webkit-input-placeholder {font-size:20px; color:#777;}
.subCom .srchQ input:-moz-placeholder {font-size:20px; color:#777; opacity:1}
.subCom .srchQ input::-moz-placeholder {font-size:20px; color:#777; opacity:1}
.subCom .srchQ input:-ms-input-placeholder {font-size:20px; color:#777}
.subCom .srchQ input:placeholder-shown {font-size:20px; color:#777}
.subCom .srchQ input:focus{outline:none}
.subCom .srchQ a{position:absolute; top:20px; right:32px;}
.subCom .srchQ .autoComp{position:absolute; top:72px; left:-2px; width:638px; padding:21px 29px 25px; background:#fff; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.subCom .srchQ .autoComp p{font-size:20px; color:#666; margin-bottom:7px}
.subCom .srchQ .autoComp p:last-child{margin-bottom:0}
.subCom ul{width:1200px; overflow:hidden; margin:70px auto 0}
.subCom li{width:33.3%; float:left; text-align:center; background:url('/common/images/icon/bar1x56.gif') no-repeat right 0;}
.subCom li:last-child{background:none;}
.subCom li .txt1{font-size:20px; line-height:20px; color:#666; font-family:'NotoSans-Light'}
.subCom li .txt2{font-family:'Montserrat-Medium'; margin:16px 0 7px; font-size:30px; line-height:30px; color:#000; letter-spacing:-1px}
.subCom li .txt3{font-size:16px; line-height:18px; color:#666; font-family:'NotoSans-Light'}

/* 회사소개 */
.companyDiv .topDiv{padding-bottom:100px}
.companyDiv .topDiv .topTxt1{font-size:34px; line-height:46px; font-family:'NotoSans-Thin'; color:#1c588b; word-break:keep-all; margin-bottom:0}
.companyDiv .topDiv .topTxt2{font-size:20px; line-height:30px; color:#444; margin-top:35px; word-break:keep-all}
.companyDiv .topDiv .topTxt3{font-size:16px; line-height:26px; font-family:'NotoSans-Light'; color:#555; margin-top:35px; word-break:keep-all}
.companyDiv .midDiv{padding:80px 0; background:url('/common/images/icon/com_intro_bg.jpg') no-repeat center top; height:540px}
.companyDiv .midDiv .title{font-family:'NotoSans-Light'; font-size:47px; line-height:40px; text-align:center; color:#fff; background:url('/common/images/icon/company_bar1.png') no-repeat center top; padding-top:22px}
.companyDiv .midDiv .introDiv{overflow:hidden; width:1200px; margin:80px auto 0}
.companyDiv .midDiv .introDiv .box{float:left; width:232px; height:350px; padding-top:135px; box-sizing:border-box; text-align:center; margin-bottom:15px; margin-left:10px;  opacity:0; margin-top:80px;}/* 2024-01-11 수정, 2024-01-11 스크롤모션 수정 */
.companyDiv .midDiv .introDiv .box:first-child{margin-left:0}
.companyDiv .midDiv .introDiv .box:nth-child(1){background:url('/common/images/icon/intro_box_img1.png') no-repeat center 40px rgba(255, 255, 255, 0.95)}
.companyDiv .midDiv .introDiv .box:nth-child(2){background:url('/common/images/icon/intro_box_img2.png') no-repeat center 40px rgba(255, 255, 255, 0.95)}
.companyDiv .midDiv .introDiv .box:nth-child(3){background:url('/common/images/icon/intro_box_img3.png') no-repeat center 40px rgba(255, 255, 255, 0.95)}
.companyDiv .midDiv .introDiv .box:nth-child(4){background:url('/common/images/icon/intro_box_img4.png') no-repeat center 40px rgba(255, 255, 255, 0.95)}
.companyDiv .midDiv .introDiv .box:nth-child(5){background:url('/common/images/icon/intro_box_img5.png') no-repeat center 40px rgba(255, 255, 255, 0.95)}
.companyDiv .midDiv .introDiv .box .tit{font-size:26px; color:#444; padding-bottom:23px; background:url('/common/images/icon/intro_box_bar.gif') no-repeat center bottom}
.companyDiv .midDiv .introDiv .box .txt{font-size:16px; line-height:24px; color:#555; font-family:'NotoSans-Light'; margin-top:25px}
.companyDiv .midDiv .introDiv .box .txt span{display:block}
.companyDiv .midDiv2{box-sizing:border-box; padding-top:80px; height:700px; background:url('/common/images/icon/com_vision_bg.jpg') no-repeat center top}
.companyDiv .midDiv2 .title{padding-top:22px; font-size:42px; color:#fff; font-family:'Montserrat-Semibold'; background:url('/common/images/icon/company_bar1.png') no-repeat center top; text-align:center; line-height:40px}
.companyDiv .midDiv2 .txt{font-size:16px; line-height:28px; text-align:center; color:#c5c5c5; margin-top:20px; word-break:keep-all; font-family:'NotoSans-Light'}
.companyDiv .midDiv2 .visionDiv{margin:0 auto; width:1200px; overflow:hidden; position:relative; height:340px; padding-top:90px;}
.companyDiv .midDiv2 .visionDiv .vision{ width:400px; text-align:center; box-sizing:border-box; padding:98px 60px 0;  opacity:0; position:absolute; top:150px;}/* 2024-01-11 수정, 2024-01-11 스크롤모션 수정 */
.companyDiv .midDiv2 .visionDiv .vision:nth-child(1){left:0px;}
.companyDiv .midDiv2 .visionDiv .vision:nth-child(2){left:400px}
.companyDiv .midDiv2 .visionDiv .vision:nth-child(3){left:800px}
.companyDiv .midDiv2 .visionDiv .vision .img{width:80px; height:80px; position:absolute; top:-50px; top:0; left:50%; transform:translateX(-50%); opacity:0;}/* 2024-01-11 수정 ,  2024-01-11 스크롤모션 수정*/
.companyDiv .midDiv2 .visionDiv .vision:nth-child(1) .img{background:url('/common/images/icon/vision_img1.png') no-repeat center top}
.companyDiv .midDiv2 .visionDiv .vision:nth-child(2) .img{background:url('/common/images/icon/vision_img2.png') no-repeat center top}
.companyDiv .midDiv2 .visionDiv .vision:nth-child(3) .img{background:url('/common/images/icon/vision_img3.png') no-repeat center top}
.companyDiv .midDiv2 .visionDiv .vision .tit{font-size:18px; line-height:18px; color:rgba(255, 255, 255, 0.8); font-family:'Montserrat-Thin'; position:relative}
.companyDiv .midDiv2 .visionDiv .vision .txt1{font-size:30px; line-height:30px; color:rgba(255, 255, 255, 0.9); margin-top:12px; font-family:'Montserrat-Regular'}
.companyDiv .midDiv2 .visionDiv .vision .txt2{font-size:15px; line-height:22px; color:rgba(255, 255, 255, 0.8); font-family:'NotoSans-Light'; margin-top:22px; word-break:keep-all}
.historyDiv{margin-top:-100px; width:100%; position:relative; padding-top:82px}
.historyDiv .swiper-container{margin:0 auto; overflow:hidden; position:absolute; top:0; left:0; width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.16)}
.historyDiv .swiper-wrapper{width:1230px; margin:0 auto}
.historyDiv .swiper-slide{width:25%; height:82px; box-sizing:border-box; text-align:center}
.historyDiv .swiper-slide.on{border-bottom:2px solid #1453b5}
.historyDiv .swiper-slide a{display:block; text-align:center; height:82px; line-height:79px; box-sizing:border-box; font-size:24px; color:#333; font-family:'Montserrat-Light'; background:#fff}
.historyDiv .swiper-slide.on a{color:#1c588b; border-bottom:2px solid #1c588b}
.historyDiv .tabContent{width:1230px; margin:0  auto}
.historyDiv .tabContent .banner{height:400px; box-sizing:border-box; width:100%; padding-top:160px; padding-left:115px; text-align:left; overflow:hidden}
.historyDiv .tabContent .banner.type4{background:url('/common/images/icon/history_banner_bg1.jpg') no-repeat center top}
.historyDiv .tabContent .banner.type3{background:url('/common/images/icon/history_banner_bg2.jpg') no-repeat center top}
.historyDiv .tabContent .banner.type2{background:url('/common/images/icon/history_banner_bg3.jpg') no-repeat center top}
.historyDiv .tabContent .banner.type1{background:url('/common/images/icon/history_banner_bg4.jpg') no-repeat center top}
.historyDiv .tabContent .banner .tit{font-family:'NotoSans-Thin'; font-size:72px; line-height:80px; width:300px; float:left; color:#fff; padding-right:237px; background:url('/common/images/icon/history_bar.jpg') no-repeat right center}
.historyDiv .tabContent .banner .txt{float:left; margin-left:45px; font-size:30px; line-height:40px; color:#fff; font-family:'NotoSans-Medium'; width:430px}
.historyDiv .tabContent .hisTop{margin:50px auto 0; width:160px; height:160px; background:url('/common/images/icon/history_circle.jpg') no-repeat center top; text-align:center; font-family:'Montserrat-Light'; color:#fff; font-size:30px; line-height:30px; padding:35px 0; box-sizing:border-box}
.historyDiv .tabContent .history{background:url('/common/images/icon/history_bg_bar.jpg') repeat-y center top; margin-bottom:100px}
.historyDiv .tabContent .history .hisCon{padding:50px 0; width:100%; box-sizing:border-box; overflow:hidden}
.historyDiv .tabContent .history .hisCon:nth-child(2n-1){padding-left:calc(50% + 50px); padding-left:-webkit-calc(50% + 50px);}
.historyDiv .tabContent .history .hisCon:nth-child(2n){padding-right:calc(50% + 50px); padding-right:-webkit-calc(50% + 50px);}
.historyDiv .tabContent .history .hisCon .year{font-size:36px; color:#000; font-family:'Montserrat-SemiBold'; letter-spacing:0.5px; margin-bottom:40px}
.historyDiv .tabContent .history .hisCon .textBox{width:100%; font-size:16px}
.historyDiv .tabContent .history .hisCon .textBox > div{margin-top:30px; overflow:hidden}
.historyDiv .tabContent .history .hisCon .textBox > div:first-child{margin-top:0}
.historyDiv .tabContent .history .hisCon .textBox span{width:33px; float:left;  color:#555; font-family:'Montserrat-Medium'; line-height:20px}
.historyDiv .tabContent .history .hisCon .textBox p{color:#888; word-break:keep-all; font-family:'NotoSans-Light'; line-height:20px; float:left; width:calc(100% - 33px); width:-webkit-calc(100% - 33px)}
.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .year{text-align:left}
.historyDiv .tabContent .history .hisCon:nth-child(2n) .year{text-align:right}
.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .textBox span{float:left; text-align:left}
.historyDiv .tabContent .history .hisCon:nth-child(2n) .textBox span{float:right; text-align:right}
.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .textBox p{float:left; text-align:left}
.historyDiv .tabContent .history .hisCon:nth-child(2n) .textBox p{float:right; text-align:right}
.historyDiv .tabContent .history .hisCon .textBox p:last-child{margin-bottom:0}
.incruitDiv .banner{box-sizing:border-box; text-align:center; padding:0 15px 80px}
.incruitDiv .banner .tit{font-family:'NotoSans-Thin'; font-size:34px; line-height:46px; color:#1c588b}
.incruitDiv .banner .txt{margin-top:30px; font-size:20px; line-height:30px; color:#444; font-family:'NotoSans-Regular'}
.incruitDiv .banner .btn{display:block; margin:35px auto 0; width:160px; height:58px; background:none; color:#1c588b; box-sizing:border-box; text-align:center; font-size:24px; line-height:56px; transition:.3s ease; border:1px solid #1c588b; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.incruitDiv .banner .btn:hover{background:#1c588b; color:#fff}
.incruitDiv .incruitIntro{padding:100px 0 120px; background:url('/common/images/icon/incruitIntro_bg.jpg') no-repeat center bottom}
.incruitDiv .incruitIntro .title{padding-top:22px; font-size:47px; color:#fff; font-family:'NotoSans-Thin'; background:url('/common/images/icon/company_bar1.png') no-repeat center top; text-align:center; line-height:40px}
.incruitDiv .incruitIntro .listDiv{width:1060px; margin:60px auto 0; overflow:hidden}
.incruitDiv .incruitIntro li{box-sizing:border-box; width:250px; height:420px; float:left; margin-left:20px; color:#fff; border:1px solid rgba(255, 255, 255, 0.4); padding:160px 25px 20px; text-align:center; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.incruitDiv .incruitIntro li:nth-child(1){background:url('/common/images/icon/incruitIntro_list_img1.png') no-repeat center 50px}
.incruitDiv .incruitIntro li:nth-child(2){background:url('/common/images/icon/incruitIntro_list_img2.png') no-repeat center 50px}
.incruitDiv .incruitIntro li:nth-child(3){background:url('/common/images/icon/incruitIntro_list_img3.png') no-repeat center 50px}
.incruitDiv .incruitIntro li:nth-child(4){background:url('/common/images/icon/incruitIntro_list_img4.png') no-repeat center 50px}
.incruitDiv .incruitIntro li:first-child{margin-left:0}
.incruitDiv .incruitIntro li .txtDiv .tit{font-size:24px; line-height:30px; color:#fff; padding-bottom:30px; border-bottom:1px solid rgba(255, 255, 255, 0.3); margin-bottom:25px}
.incruitDiv .incruitIntro li .txtDiv .txt{font-size:16px; line-height:26px; word-break:keep-all; font-family:'NotoSans-Light'}
.incruitDiv .incruitIntro li:nth-child(1):hover{background:url('/common/images/icon/incruitIntro_list_img1_on.png') no-repeat center 50px #fff}
.incruitDiv .incruitIntro li:nth-child(2):hover{background:url('/common/images/icon/incruitIntro_list_img2_on.png') no-repeat center 50px #fff}
.incruitDiv .incruitIntro li:nth-child(3):hover{background:url('/common/images/icon/incruitIntro_list_img3_on.png') no-repeat center 50px #fff}
.incruitDiv .incruitIntro li:nth-child(4):hover{background:url('/common/images/icon/incruitIntro_list_img4_on.png') no-repeat center 50px #fff}
.incruitDiv .incruitIntro li:hover .txtDiv .tit{border-bottom:1px solid #ddd; color:#444}
.incruitDiv .incruitIntro li:hover .txtDiv .tit span{color:#1453b5}
.incruitDiv .incruitIntro li:hover .txtDiv .txt{color:#666}
.ceoDiv{padding-bottom:100px}
.ceoDiv .banner{width:100%; height:320px; position:relative; box-sizing:border-box; font-size:42px; line-height:56px; font-family:'NotoSans-Thin'; color:#1c588b; background:url('/common/images/icon/ceo_bg.jpg') no-repeat right bottom; padding:103px 610px 0 50px; word-break:keep-all}/* 2018-06-08 수정 */
.ceoDiv .banner .img{position:absolute; bottom:0; right:70px} /* 2018-12-10 수정 */
/* 2021-03-12 추가 */
.ceoDiv .banner.onlyTxt{padding:0 50px; line-height:320px;}
.ceoDiv .banner.onlyTxt .txt{display:inline-block; line-height:56px; vertical-align:middle;}
/* // 2021-03-12 추가 */
/* 2025-04-02 수정 s */
.ceoDiv .txtBox{margin:50px auto 0; overflow:hidden}
.ceoDiv .txtBox > div{width:100%; box-sizing:border-box; font-size:16px; line-height:26px; color:#555; font-family:'NotoSans-Light'; word-break:keep-all}
/* .ceoDiv .txtBox .left{float:left; padding-right:30px}
.ceoDiv .txtBox .right{float:right; padding-left:30px} */
.ceoDiv .txtBox .ceo{margin-top:60px; color:#444; font-family:'NotoSans-Regular'} /* 2025-04-02 추가 수정 margin-left 삭제  */
.ceoDiv .txtBox .ceo p span{font-size:28px; color:#000; margin-left:5px; line-height:40px}/* 2018-06-08 수정 */
/* 2025-04-02 수정 e */
.locationDiv{padding-bottom:100px}
.locationDiv .map img{width:100%}
.locationDiv .mapBtn{margin-top:20px; text-align:right;}
.locationDiv .mapBtn a{display:inline-block; width:135px; height:45px; line-height:45px; background:#fff; border:1px solid #ccc; box-sizing:border-box; font-size:14px; color:#555}
.locationDiv .mapBtn .print{padding-left:60px; background:url('/common/images/icon/print_icon.gif') no-repeat 27px center; text-align:left}
.locationDiv .mapBtn .viewMap{text-align:center}
.locationDiv .mapBtn .viewMap img{vertical-align:middle; margin-bottom:2px; margin-right:2px}
.locationDiv .locationList{margin-top:40px; overflow:hidden}
.locationDiv .locationList .list{float:left; width:600px; padding:40px; box-sizing:border-box; border:1px solid #ddd; margin-right:30px; margin-bottom:30px}
.locationDiv .locationList .list:nth-child(2n){margin-right:0px}
.locationDiv .locationList .list .tit{font-size:24px; color:#333; font-family:'NotoSans-Medium'; padding-bottom:22px; background:url('/common/images/icon/loca_list_bar.gif') no-repeat left bottom; margin-bottom:30px; line-height:24px}
.locationDiv .locationList .list .line{margin-bottom:10px; overflow:hidden; line-height:16px; line-height:26px}
.locationDiv .locationList .list .line:last-child{margin-bottom:0}
.locationDiv .locationList .list .line .left{font-size:16px; color:#333; float:left; width:60px}
.locationDiv .locationList .list .line .right{font-size:16px; color:#555; float:left; width:-webkit-calc(100% - 60px); width:calc(100% - 60px); font-family:'NotoSans-Light'; word-break:keep-all}
.locationDiv .callInfo{background:#1c5587; width:100%; height:80px; box-sizing:border-box; padding:0 30px; line-height:80px; color:#fff;}
.locationDiv .callInfo p{font-size:20px; word-break:keep-all}
.locationDiv .callInfo p span{float:right; display:block; padding-left:40px; font-size:20px; background:url('/common/images/icon/loca_tel_icon.png') no-repeat left center}


/* 라이브러리 */
.libraryList{padding-bottom:50px; margin-top:-100px}
.libSrch{position:relative; margin-top:50px}
.libSrch.swiper-container{overflow:visible}
.libSrch .swiper-wrapper{width:600px}
.libSrch .swipe-handler{width:600px; position:absolute; height:60px; top:0; left:0}
.libSrch .swiper-slide{width:155px; height:60px; box-sizing:border-box; padding:15px 20px 0; text-align:center}
.libSrch .swiper-slide.on{border-bottom:2px solid #1453b5}
.libSrch .swiper-slide a{display:inline-block; font-size:20px; color:#333; font-family:'NotoSans-Light'}
.libSrch .swiper-slide.on a{color:#1453b5;}
.libraryList{padding-bottom:50px}
.libSrch{position:relative; margin-top:50px}
.libSrch.swiper-container{overflow:visible; width:600px; margin-left:0; }
.libSrch .swiper-slide{width:auto; height:60px; box-sizing:border-box; padding:15px 20px 0;}
.libSrch .swiper-slide.on{border-bottom:4px solid #1453b5}
.libSrch .swiper-slide:nth-child(1){width:100px; text-align:center}
.libSrch .swiper-slide a{display:inline-block; font-size:20px; color:#333; font-family:'NotoSans-Light'}
.libSrch .swiper-slide:nth-child(1) a{padding-right:0px; background:none;}
.libSrch .swiper-slide.on a{color:#1453b5}
.libSrch .swiper-slide:nth-child(1).on a{background:none;}
.libSrch .proCheckSrch{display:none; position:absolute; top:61px; left:0; width:600px; height:745px; background:#f5f5f5; overflow:hidden; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.16)}
.libSrch .proCheckSrch.two{height:auto}
.libSrch .proCheckSrch ul{height:638px; overflow-y:scroll}
.libSrch .proCheckSrch ul::-webkit-scrollbar{-webkit-appearance:none}
.libSrch .proCheckSrch ul::-webkit-scrollbar:vertical{width:12px}
.libSrch .proCheckSrch ul::-webkit-scrollbar:horizontal{height:12px}
.libSrch .proCheckSrch ul::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, .5); border:2px solid #ffffff}
.libSrch .proCheckSrch.two ul{height:auto; overflow:inherit}
.libSrch .proCheckSrch li{border-bottom:1px solid #d8d8d8; padding:20px 0 0;}
.libSrch .proCheckSrch.two li{border-bottom:none}
.libSrch .proCheckSrch ul input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.libSrch .proCheckSrch ul .check1{font-size:24px; line-height:24px; font-family:'NotoSans-Regular'; color:#000; margin:0 0 20px 50px;}
.libSrch .proCheckSrch ul .check1 label{vertical-align:top}
.libSrch .proCheckSrch ul .check1 span{display:inline-block; position:relative; width:24px; height:24px; margin-right:4px; overflow:hidden}
.libSrch .proCheckSrch ul .check1 span img{position:absolute; top:0; left:0;}
.libSrch .proCheckSrch ul .check1 span img.on{opacity:0}
.libSrch .proCheckSrch ul .check1 input[type="checkbox"]{width:24px; height:24px;}
.libSrch .proCheckSrch ul .check2{position:relative; font-size:18px; color:#333; margin:0px 0 20px 82px; line-height:20px}
.libSrch .proCheckSrch ul .check2 a{display:block; width:18px; height:18px; position:absolute; bottom:0px; right:50px;}
.libSrch .proCheckSrch ul .check2 a img{position:absolute; top:0; left:0;}
.libSrch .proCheckSrch ul .check2 span{display:inline-block; position:relative; width:20px; height:20px; margin-right:8px; overflow:hidden; vertical-align:middle}
.libSrch .proCheckSrch ul .check2 label{vertical-align:middle; font-family:'NotoSans-Light'}
.libSrch .proCheckSrch ul .check2 span img{position:absolute; top:0; left:0;}
.libSrch .proCheckSrch ul .check2 span img.on{opacity:0}
.libSrch .proCheckSrch ul .check2 input[type="checkbox"]{width:20px; height:20px;}
.libSrch .proCheckSrch ul .check3Pack{display:none; padding:8px 0 10px 113px; margin:20px 0; background:#fff; border-top:1px solid  #d8d8d8; border-bottom:1px solid  #d8d8d8}
.libSrch .proCheckSrch ul li .check3Pack:last-child{margin-bottom:0; border-bottom:none}
.libSrch .proCheckSrch ul .check3{font-size:16px; color:#333; margin:3px 0 4px}
.libSrch .proCheckSrch ul .check3 span{display:inline-block; position:relative; width:20px; height:20px; margin-right:8px; overflow:hidden; vertical-align:middle}
.libSrch .proCheckSrch ul .check3 label{vertical-align:middle; font-family:'NotoSans-Light'}
.libSrch .proCheckSrch ul .check3 span img{position:absolute; top:0; left:0;}
.libSrch .proCheckSrch ul .check3 span img.on{opacity:0}
.libSrch .proCheckSrch ul .check3 input[type="checkbox"]{width:20px; height:20px;}
.libSrch .proCheckSrch .okBt{display:block; width:163px; height:48px; text-align:center; background:#333; color:#fff; font-size:20px; line-height:47px; margin:30px auto}
.libSrch .proCheckSrch.two .okBt{display:block; width:163px; height:48px; text-align:center; background:#333; color:#fff; font-size:20px; line-height:47px; margin:30px auto}
.libraryList .srchDiv .srch{position:absolute; top:0; right:58px; width:547px; height:50px; margin:auto; background:#fff; z-index:10; border:1px solid #888; box-sizing:border-box}
.libraryList .srchDiv .srch input{width:100%; height:48px; background:#fff; box-sizing:border-box; border:none; font-size:16px; color:#666; font-family:'NotoSans-Light'}
.libraryList .srchDiv .srch input::-webkit-input-placeholder {font-size:16px; color:#666;}
.libraryList .srchDiv .srch input:-moz-placeholder {font-size:16px; color:#666; opacity:1;}
.libraryList .srchDiv .srch input::-moz-placeholder {font-size:16px; color:#666; opacity:1;}
.libraryList .srchDiv .srch input:-ms-input-placeholder {font-size:16px; color:#666;}
.libraryList .srchDiv .srch input:placeholder-shown {font-size:16px; color:#666;}
.libraryList .srchDiv .srch input:focus{outline:none}
.libraryList .srchDiv .srch a{display:block; position:absolute; top:16px; right:15px;}
.libraryList .srchDiv .refreshBtn{position:absolute; top:0; right:0; width:50px; height:50px; display:block;}
.libraryList .srchDiv .refreshBtn img{width:100%}
.libraryList .srchDiv .srchOption{position:relative; padding:14px 0 19px; border-top:1px solid #666}
.libraryList .srchDiv .srchOption .keyword{position:relative; width:1085px; height:40px; overflow:hidden; font-family:'NotoSans-Light'}
.libraryList .srchDiv .srchOption span{display:inline-block; font-size:16px; color:#666; vertical-align:middle; margin-right:20px;}
.libraryList .srchDiv .srchOption span:nth-child(1){margin-right:6px;}
.libraryList .srchDiv .srchOption span a{display:inline-block; width:14px; height:17px; vertical-align:middle; margin-left:6px}
.libraryList .srchDiv .srchOption span a img{margin-left:3px}
.libraryList .srchDiv .srchOption .bts{position:absolute; top:17px; right:0;}
.libraryList .srchDiv .srchOption .bts a{display:inline-block; width:72px; height:29px; text-align:center; line-height:28px; color:#fff; font-size:16px; margin-left:6px; font-family:'NotoSans-Light'}
.libraryList .srchDiv .srchOption .bts a:nth-child(1){background:#1453b5}
.libraryList .srchDiv .srchOption .bts a:nth-child(2){background:#666}
.libraryList .listDiv{margin-top:20px; padding-bottom:100px}
.libraryList .listDiv .inner{overflow:hidden; border-bottom:1px solid #666}
.libraryList .listDiv .inner a{overflow:hidden; width:605px; height:240px; padding:30px; margin-bottom:20px; background:#f8f8f8; box-sizing:border-box; letter-spacing:-1px; display:block}
.libraryList .listDiv .inner a:nth-child(2n-1){float:left}
.libraryList .listDiv .inner a:nth-child(2n){float:right}
.libraryList .listDiv .inner a .img{float:left; padding-right:30px; width:180px; height:180px; overflow:hidden}
.libraryList .listDiv .inner a .img img{width:180px; height:180px}
.libraryList .listDiv .inner a .txt{float:left; word-break:keep-all}
.libraryList .listDiv .inner a .txt.thumb{width:335px}
.libraryList .listDiv .inner a .txt .txt1{font-size:14px; color:#666; font-family:'NotoSans-Light'; line-height:14px; margin-top:5px}
.libraryList .listDiv .inner a .txt .txt2{font-size:24px; color:#000; margin:10px 0 12px; font-family:'NotoSans-Regular'; line-height:30px; height:60px}
.libraryList .listDiv .inner a .txt .txt2 img{vertical-align:top; margin-right:7px; margin-top:3px}
.libraryList .listDiv .inner a .txt .txt3{font-size:18px; color:#333; line-height:26px; font-family:'NotoSans-Light'}
.libraryList .listDiv .noData{border-bottom:none}
.downLayerPop{width:880px; box-sizing:border-box; padding:27px 20px 20px; background:#a0a0a0; position:absolute; left:50%; top:80px; z-index:1002; display:none}
.downLayerPop .popTit{font-size:24px; line-height:24px; color:#fff; padding-left:6px}
.downLayerPop .popCon{padding:40px 0 40px; background:#fff; margin-top:25px}
.downLayerPop .popCon .termDiv{padding:0 20px}
.downLayerPop .popCon .termDiv .title{overflow:hidden; font-size:20px; color:#000; line-height:30px}
.downLayerPop .popCon .termDiv .title .allCheck{display:inline-block; float:right; position:relative}
.downLayerPop .popCon .termDiv .title .allCheck{position:relative; font-size:16px; color:#1c588c; line-height:24px; font-family:'NotoSans-Light'}
.downLayerPop .popCon .termDiv .title .allCheck a{display:block; width:18px; height:18px; position:absolute; top:9px; right:50px;}
.downLayerPop .popCon .termDiv .title .allCheck a img{position:absolute; top:0; left:0;}
.downLayerPop .popCon .termDiv .title .allCheck span{display:inline-block; position:relative; width:24px; height:24px; margin-right:8px; overflow:hidden; vertical-align:middle}
.downLayerPop .popCon .termDiv .title .allCheck label{vertical-align:middle}
.downLayerPop .popCon .termDiv .title .allCheck span img{position:absolute; top:0; left:0;}
.downLayerPop .popCon .termDiv .title .allCheck span img.on{opacity:0}
.downLayerPop .popCon .termDiv .title .allCheck input[type="checkbox"]{width:24px; height:24px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.downLayerPop .popCon .checkDiv{margin-top:40px; overflow:hidden}
.downLayerPop .popCon .checkDiv:first-child{margin-top:0}
.downLayerPop .popCon .checkDiv .tit{font-size:16px; color:#000; font-family:'NotoSans-Medium'}
.downLayerPop .popCon .checkDiv .check{float:right; position:relative; margin-top:10px}
.downLayerPop .popCon .checkDiv .check{position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'}
.downLayerPop .popCon .checkDiv .check a{display:block; width:20px; height:20px; position:absolute; top:9px; right:50px;}
.downLayerPop .popCon .checkDiv .check a img{position:absolute; top:0; left:0;}
.downLayerPop .popCon .checkDiv .check span{display:inline-block; position:relative; width:20px; height:20px; margin-left:10px; overflow:hidden; vertical-align:middle}
.downLayerPop .popCon .checkDiv .check label{vertical-align:middle}
.downLayerPop .popCon .checkDiv .check span img{position:absolute; top:0; left:0; width:20px; height:20px}
.downLayerPop .popCon .checkDiv .check span img.on{opacity:0}
.downLayerPop .popCon .checkDiv .check input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.downLayerPop .popCon .checkDiv .readDiv{margin-top:15px; box-sizing:border-box; padding:20px; font-family:'NotoSans-Light'; font-size:14px; line-height:26px; color:#666; overflow-y:scroll; height:170px; border:1px solid #e1e1e1}
.downLayerPop .popCon .checkDiv .readDiv .bold{font-size:16px; font-family:'NotoSans-Regular'}
.downLayerPop .popCon .checkDiv .readDiv2{height:90px}
.downLayerPop .popCon .checkDiv .check2{text-align:right; margin-top:20px; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'}
.downLayerPop .popCon .checkDiv .check2 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.downLayerPop .popCon .checkDiv .check2 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.downLayerPop .popCon .checkDiv .check2 label:last-child{color:#555}
.downLayerPop .popCon .checkDiv .check2 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.downLayerPop .popCon .checkDiv .check2 span img.on{opacity:0}
.downLayerPop .popCon .checkDiv .check2 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.downLayerPop .popCon .writeDiv{margin-top:40px; padding:40px 20px 0; border-top:1px solid #e2e2e2}
.downLayerPop .popCon .writeDiv .tit{font-size:16px; color:#000; font-family:'NotoSans-Medium'}
.downLayerPop .popCon .writeDiv .inputDiv{margin-top:20px}
.downLayerPop .popCon .writeDiv .inputDiv .line{margin-bottom:10px; overflow:hidden}
.downLayerPop .popCon .writeDiv .inputDiv .line:last-child{margin-bottom:0}
.downLayerPop .popCon .writeDiv .inputDiv .line .left{width:90px; box-sizing:border-box; float:left; height:47px; line-height:47px; font-size:16px; color:#555}
.downLayerPop .popCon .writeDiv .inputDiv .line .left img{vertical-align:middle; margin-left:7px}
.downLayerPop .popCon .writeDiv .inputDiv .line .right{float:left; width:693px}
.downLayerPop .popCon .writeDiv .inputDiv .line .right input{height:47px; width:693px; box-sizing:border-box; background:#f7f7f7; font-family:'NotoSans-Light'}
.downLayerPop .popCon .writeDiv .btnArea{margin:40px auto 0; text-align:center}
.downLayerPop .popCon .writeDiv .btnArea a{display:inline-block; text-align:center; box-sizing:border-box; width:144px; height:47px; line-height:47px; color:#fff; margin:0 3px; font-size:18px; font-family:'NotoSans-Regular'}
.downLayerPop .popCon .writeDiv .btnArea a.okBtn{background:#1c588b}
.downLayerPop .popCon .writeDiv .btnArea a.cancelBtn{background:#333}
.downLayerPop .closeBtn{position:absolute; top:27px; right:17px}
/* 2018-06-25 추가 */
.libraryView{width:1230px; margin:0 auto 160px}
.libraryView .titArea{font-family:'NotoSans-Medium'; font-size:20px; color:#333; line-height:28px; padding:0 50px 30px; border-bottom:1px solid #d9d9d9}
.libraryView .titArea span{display:inline-block; box-sizing:border-box; height:28px; line-height:26px; border:1px solid #1c588b; font-size:14px; text-align:center; padding:0 20px; font-family:'NotoSans-Regular'; color:#1c588b; margin-right:10px}
.libraryView .titArea img{vertical-align:top; margin-right:7px; margin-top:3px}/* 2018-06-29 추가 */
.libraryView .conArea{padding:60px 100px 110px; border-bottom:1px solid #666}
/* 2018-06-27 수정 및 추가*/
.libraryView .conArea .picArea{display:table; width:100%}
.libraryView .conArea .picArea .pic{width:200px; display:table-cell; padding-right:40px; overflow:hidden}
.libraryView .conArea .picArea .pic img{width:100%}

/* //2018-06-27 수정 및 추가 */
.libraryView .conArea .picArea .txtArea{font-size:16px; line-height:30px; color:#555; font-family:'NotoSans-Light'; word-break:keep-all}
.libraryView .conArea .inputArea .title{font-size:16px; color:#000; font-family:'NotoSans-Medium'; line-height:1; margin-top:50px}
.libraryView .conArea .tableDiv{overflow:hidden; margin-top:20px}
.libraryView .conArea .tableDiv .tit{width:110px; box-sizing:border-box; float:left; height:45px; line-height:45px; font-size:16px; color:#333; font-family:'NotoSans-Light'; margin-bottom:10px}
.libraryView .conArea .tableDiv .tit img{vertical-align:middle; margin-left:7px}
.libraryView .conArea .tableDiv .txt{width:calc(100% - 110px); width:-webkit-calc(100% - 110px); box-sizing:border-box; float:left; height:45px; margin-bottom:10px}
.libraryView .conArea .tableDiv .txt input{height:45px; width:100%; box-sizing:border-box; background:#f7f7f7}
.libraryView .conArea .agreeArea{margin-top:30px}
.libraryView .conArea .agreeArea:after{content:''; display:block; clear:both}
.libraryView .conArea .agreeArea .tit{position:relative; font-size:16px; color:#000; font-family:'NotoSans-Medium'; padding:16px 45px 16px 20px; background:#fff; border:1px solid #e1e1e1; line-height:1}
.libraryView .conArea .agreeArea.on .tit{background:#f8f8f8}
.libraryView .conArea .agreeArea .tit .btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:25px; height:13px}
.libraryView .conArea .agreeArea .tit .btn img{position:absolute; top:0; left:0; transition:all 0.3s}
.libraryView .conArea .agreeArea.on .tit .btn img{transform:rotate(180deg)}
.libraryView .conArea .agreeArea .txtArea{background:#fff; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box; padding:10px 20px; font-family:'NotoSans-Light'; font-size:14px; line-height:22px; height:200px; display:none}/* 2018-07-03 수정 */
.libraryView .conArea .agreeArea .txtArea .mCSB_scrollTools .mCSB_draggerContainer{right:-13px}
.libraryView .conArea .agreeArea2 .txtArea{height:45px}
.libraryView .conArea .agreeArea .check{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.libraryView .conArea .agreeArea .check a{display:block; width:20px; height:20px; position:absolute; top:9px; right:50px;}
.libraryView .conArea .agreeArea .check a img{position:absolute; top:0; left:0;}
.libraryView .conArea .agreeArea .check span{display:inline-block; position:relative; width:20px; height:20px; margin-left:10px; overflow:hidden; vertical-align:middle}
.libraryView .conArea .agreeArea .check label{vertical-align:middle; line-height:24px; color:#666}
.libraryView .conArea .agreeArea .check span img{position:absolute; top:0; left:0; width:20px; height:20px}
.libraryView .conArea .agreeArea .check span img.on{opacity:0}
.libraryView .conArea .agreeArea .check span.on img.on{opacity:1} /* 2018-02-05 추가 */
.libraryView .conArea .agreeArea .check input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.libraryView .conArea .agreeArea .check2{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.libraryView .conArea .agreeArea .check2 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.libraryView .conArea .agreeArea .check2 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.libraryView .conArea .agreeArea .check2 label:last-child{color:#555}
.libraryView .conArea .agreeArea .check2 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.libraryView .conArea .agreeArea .check2 span img.on{opacity:0}
.libraryView .conArea .agreeArea .check2 span.on img.off{opacity:0}
.libraryView .conArea .agreeArea .check2 span.on img.on{opacity:1}
.libraryView .conArea .agreeArea .check2 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.libraryView .conArea .downBtn{margin:60px auto 0; display:block; width:235px; height:47px; line-height:45px; border:1px solid #1c588b; text-align:center; box-sizing:border-box; color:#1c588b; font-size:15px; padding:0 46px 0 76px; background:url('/common/images/icon/libraryView_fileDown_btn.png') no-repeat 60px center #fff}
.libraryView .btArea{text-align:right; margin:40px auto 0}
.libraryView .btArea .listBtn{display:inline-block; width:120px; height:47px; line-height:47px; background:#333; text-align:center; font-size:16px; color:#fff}
/* //2018-06-25 추가 */

/* pr센터 */
.prList{padding-bottom:50px; margin-top:-100px}
.prListDiv{padding-bottom:100px}
.prSrch{position:relative; margin-top:50px}
.prSrch.swiper-container{overflow:visible; width:620px; margin-left:0}
.prSrch .swiper-wrapper{width:620px}
.prSrch .swiper-slide{width:130px; height:60px; box-sizing:border-box; padding:15px 20px 0; text-align:center}
.prSrch .swiper-slide.on{border-bottom:2px solid #1453b5}
.prSrch .swiper-slide a{display:inline-block; font-size:20px; color:#333; font-family:'NotoSans-Light'}
.prSrch .swiper-slide.on a{color:#1453b5;}
.prList .srchDiv .srch{position:absolute; top:0; right:58px; width:547px; height:50px; margin:auto; box-sizing:border-box; border:1px solid #888; background:#fff; z-index:10}
.prList .srchDiv .srch input{width:100%; height:48px; background:#fff; box-sizing:border-box; border:none; font-size:16px; color:#666; font-family:'NotoSans-Light'}
.prList .srchDiv .srch input::-webkit-input-placeholder {font-size:16px; color:#666;}
.prList .srchDiv .srch input:-moz-placeholder {font-size:16px; color:#666; opacity:1;}
.prList .srchDiv .srch input::-moz-placeholder {font-size:16px; color:#666; opacity:1;}
.prList .srchDiv .srch input:-ms-input-placeholder {font-size:16px; color:#666;}
.prList .srchDiv .srch input:placeholder-shown {font-size:16px; color:#666;}
.prList .srchDiv .srch input:focus{outline:none}
.prList .srchDiv .srch a{display:block; position:absolute; top:16px; right:15px;}
.prList .srchDiv .refreshBtn{position:absolute; top:0; right:0; width:50px; height:50px; display:block;}
.prList .srchDiv .refreshBtn img{width:100%}
.prList .noData{border-top:none}
.prListDiv ul{border-top:1px solid #666}
.prListDiv li{position:relative; padding:22px 0; border-bottom:1px solid #d9d9d9; overflow:hidden; line-height:22px; font-family:'NotoSans-Light'; padding-left:50px}
.prListDiv li.notice{background:#f8f8f8; padding-left:0}
.prListDiv li.notice .noti{float:left; width:50px; text-align:center}
.prListDiv li.notice .noti img{vertical-align:middle}
.prListDiv li .txt1{float:left; margin-right:12px;}
.prListDiv li .txt1 img{vertical-align:middle}
.prListDiv li .txt1 .type{display:inline-block; width:72px; height:28px; box-sizing:border-box; border:1px solid #1453b5; color:#1453b5; font-size:16px; text-align:center; line-height:26px; vertical-align:middle}
.prListDiv li a{display:block; width:840px; float:left; font-size:16px; color:#333; vertical-align:middle}
.prListDiv li a span{display:inline-block; vertical-align:middle}
.prListDiv li a img{vertical-align:middle; margin-left:3px;}
.prListDiv li a img.new{vertical-align:top}
.prListDiv li .date{width:256px; float:right; font-size:16px; color:#666; text-align:right; padding-right:50px; box-sizing:border-box}
.prListDiv li:last-child{border-bottom:1px solid #666}

/* 상세 */
.viewType1{padding-bottom:120px}
.viewType1 .txtBox{border-bottom:1px solid #666;}
.viewType1 .titDiv{position:relative; border-bottom:1px solid #ccc; padding:0 50px 30px; overflow:hidden}
.viewType1 .titDiv .txt1{float:left; margin-right:12px;}
.viewType1 .titDiv .txt1 img{vertical-align:middle}
.viewType1 .titDiv .txt1 .noti{margin-right:6px}
.viewType1 .titDiv .txt1 .type{display:inline-block; padding:0 17px; height:30px; border:1px solid #1453b5; color:#1453b5; font-size:16px; text-align:center; line-height:29px;}
.viewType1 .titDiv .txt2{display:block; width:925px; float:left; font-size:20px; color:#333; vertical-align:middle; word-break:keep-all; font-family:'NotoSans-Medium'}
.viewType1 .titDiv .txt2 img{vertical-align:middle; margin-left:3px;}
.viewType1 .titDiv .txt3{width:80px; float:right; font-size:16px; color:#666; text-align:right; font-family:'NotoSans-Light'}
.viewType1 .titDiv:last-child{border-bottom:1px solid #666}
.viewType1 .txtDiv{padding:44px 50px 47px; font-size:16px; font-family:'NotoSans-Light'}
.viewType1 .txtDiv .img{margin:15px 0}
.viewType1 .txtDiv .img img{width:100%}
.viewType1 .file{padding:21px 50px 11px; background:#f7f7f7; border-top:1px solid #d9d9d9; overflow:hidden}
.viewType1 .file .tit{width:75px; margin-right:20px; float:left; font-size:16px; background:url('/common/images/icon/bar1x14.gif') no-repeat right 10px; font-family:'NotoSans-Regular'}
.viewType1 .file .filePack{float:left; font-size:16px;}
.viewType1 .file .filePack a{display:inline-block; font-size:16px; color:#666; font-family:'NotoSans-Light'; margin-right:15px; margin-bottom:10px}
.viewType1 .file .filePack p{margin-bottom:10px}
.viewType1 .file .filePack a img{vertical-align:middle; margin-right:6px}
.viewType1 .listBts{margin-top:45px; overflow:hidden}
.viewType1 .listBts .preNext{float:left}
.viewType1 .listBts a.list{display:block; width:145px; height:46px; float:right; background:#333; color:#fff; font-size:18px; text-align:center; line-height:45px}

/* 사보 */
.magaListDiv{padding-bottom:100px}
.magaListDiv .inner{overflow:hidden}
.magaListDiv .inner > a{display:block; width:270px; height:440px; float:left; margin-right:50px; text-align:center; font-size:20px; color:#333}
.magaListDiv .inner > a:nth-child(4n){margin-right:0;}
.magaListDiv .inner > a .img{position:relative; width:270px; height:352px; overflow:hidden; border:1px solid #ccc; box-sizing:border-box}
.magaListDiv .inner > a .img > img{width:100%}
.magaListDiv .inner > a .img span{display:block; position:absolute; top:-350px; left:0; width:270px; height:202px; padding:150px 0 0; background:url('/common/images/icon/maga_downbg.png') repeat 0 0; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.magaListDiv .inner > a .txt{margin-top:23px; font-size:16px; line-height:16px; font-family:'NotoSans-Light'}

/* 주요행사 */
.eventListDiv{padding-bottom:100px; line-height:30px}
.eventListDiv ul{border-top:1px solid #666}
.eventListDiv li{position:relative; padding:40px 0; border-bottom:1px solid #d9d9d9}
.eventListDiv li .img{display:table-cell; width:275px; height:173px; vertical-align:middle; overflow:hidden}
.eventListDiv li .txt{display:table-cell; vertical-align:middle; padding-left:50px; padding-right:150px; font-family:'NotoSans-Light'}
.eventListDiv li .txt span{display:block; font-size:16px; color:#666}
.eventListDiv li .txt span:nth-child(1){font-size:20px; color:#333; margin-bottom:21px}
.eventListDiv li .txt span:nth-child(2){font-size:16px; color:#666}
.eventListDiv li .txt span:nth-child(3){font-size:16px; color:#666}
.eventListDiv li a{display:block; position:absolute; top:98px; right:0; width:123px; height:45px; border:1px solid #1c588b; text-align:center; line-height:44px; font-size:16px; color:#1c588b; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease}
.eventListDiv li a:hover{background:#1c588b; color:#fff}
.eventListDiv li > span{display:block; position:absolute; top:98px; right:0; width:123px; height:45px; border:1px solid #cfcfcf; text-align:center; line-height:44px; font-size:16px; color:#888; background:#ececec}

/* paging */
.paging{width:100%; text-align:center; margin-top:50px}
.paging a{display:inline-block; width:36px; height:36px; line-height:35px; border:1px solid #d7d7d7; background:#fff; font-size:14px; color:#666; font-family:'NotoSans-Regular'; vertical-align:middle}
.paging strong{display:inline-block; width:36px; height:36px; line-height:35px; border:1px solid #666; background:#666; font-size:14px; color:#fff; font-family:'NotoSans-Regular'}
.paging a.prv{margin-right:16px}
.paging a.nxt{margin-left:16px}
.pagingM{display:none; width:100%; text-align:center; margin-top:30px}
.pagingM a{display:inline-block; width:26px; height:26px; line-height:25px; border:1px solid #d7d7d7; background:#fff; font-size:14px; color:#666; font-family:'NotoSans-Regular'}
.pagingM strong{display:inline-block; width:26px; height:26px; line-height:25px; border:1px solid #666; background:#666; font-size:14px; color:#fff; font-family:'NotoSans-Regular'}
.pagingM a.prv{margin-right:8px}
.pagingM a.nxt{margin-left:8px}
.pagingM a img{width:26px; height:26px;}

/* 유틸리티 */ /* 2018-07-12 수정 및 추가 */
.inquiryDiv .title{font-size:24px; line-height:36px; color:#333; text-align:center; padding-top:180px; background:url('/common/images/icon/inquiry_icon.png') no-repeat center top; margin-bottom:50px; font-family:'NotoSans-Light'; word-break:keep-all}
.inquiryDiv .title span{display:block}
.inquiryDiv .subTit{font-size:20px; color:#333; font-family:'NotoSans-Regular'}
.inquiryDiv .writeDiv{margin-top:50px}
.inquiryDiv .writeDiv .tableDiv{border-top:1px solid #666; overflow:hidden; margin-top:20px}
.inquiryDiv .writeDiv .tableDiv .tit{width:170px; box-sizing:border-box; float:left; height:60px; line-height:40px; font-size:16px; color:#333; padding:10px 0 10px 20px; border-bottom:1px solid #e1e1e1; font-family:'NotoSans-Light'}
.inquiryDiv .writeDiv .tableDiv .tit2{height:220px}
.inquiryDiv .writeDiv .tableDiv .tit img{vertical-align:middle; margin-left:7px}
.inquiryDiv .writeDiv .tableDiv .txt{width:445px; box-sizing:border-box; float:left; padding:10px 20px 10px 0; height:60px; border-bottom:1px solid #e1e1e1}
.inquiryDiv .writeDiv .tableDiv .txt2{width:1060px; overflow:hidden}/* 2018-11-23 수정 */
.inquiryDiv .writeDiv .tableDiv .txt3{width:1060px; height:220px}
.inquiryDiv .writeDiv .tableDiv .txt input{height:40px; width:410px; box-sizing:border-box; background:#f7f7f7}
.inquiryDiv .writeDiv .tableDiv .txt3 textarea{box-sizing:border-box; width:1025px; height:200px; resize:none; background:#f7f7f7}
/* 2018-11-28 수정 */
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaImg{float:left; width:110px; margin-right:20px; box-sizing:border-box; background:#f7f7f7; overflow:hidden}
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaImg img{width:110px; height:40px}
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .listenBtn{float:left; font-family:'NotoSans-Medium'; font-size:16px; color:#1c588b; padding-right:22px; text-decoration:underline; background:url('/common/images/btn/listen_btn.gif') no-repeat right center; margin-right:20px; line-height:40px; width:57px}
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .refreshBtn{float:left; font-family:'NotoSans-Medium'; font-size:16px; color:#1c588b; padding-right:24px; text-decoration:underline; background:url('/common/images/btn/refresh_btn2.gif') no-repeat right center; margin-right:20px; line-height:40px; width:59px}
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaInput{width:693px; float:left; display:block}
/* //2018-11-28 수정 */
.inquiryDiv .tabDiv .tabs{margin:50px auto; width:100%; overflow:hidden; border-right:1px solid #ccc}
.inquiryDiv .tabDiv .tabs a{width:25%; display:block; float:left; height:60px; line-height:60px; border:1px solid #ccc; border-right:none; color:#333; text-align:center; box-sizing:border-box; font-family:'NotoSans-Light'}
.inquiryDiv .tabDiv .tabs a.on{background:#1c588b; color:#fff; border:none}
.inquiryDiv .tabDiv .tabContent .writeDiv{margin-top:20px}
.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt input{width:1025px}
.inquiryDiv .btnArea{margin:50px auto 150px; text-align:center}
.inquiryDiv .btnArea a{display:inline-block; text-align:center; box-sizing:border-box; width:144px; height:47px; line-height:47px; color:#fff; margin:0 3px; font-size:18px; font-family:'NotoSans-Regular'}
.inquiryDiv .btnArea a.inquiryBtn{background:#1c588b}
.inquiryDiv .btnArea a.cancelBtn{background:#333}
.inquiryDiv .agreeArea{margin-top:30px}
.inquiryDiv .agreeArea:after{content:''; display:block; clear:both}
.inquiryDiv .agreeArea .tit{position:relative; font-size:16px; color:#000; font-family:'NotoSans-Medium'; padding:16px 45px 16px 20px; background:#fff; border:1px solid #e1e1e1; line-height:1}
.inquiryDiv .agreeArea.on .tit{background:#f8f8f8}
.inquiryDiv .agreeArea .tit .btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:25px; height:13px}
.inquiryDiv .agreeArea .tit .btn img{position:absolute; top:0; left:0; transition:all 0.3s}
.inquiryDiv .agreeArea.on .tit .btn img{transform:rotate(180deg)}
.inquiryDiv .agreeArea .txtArea{background:#fff; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box; padding:10px 20px; font-family:'NotoSans-Light'; font-size:14px; line-height:22px; height:200px; display:none}/* 2018-07-03 수정 */
.inquiryDiv .agreeArea .txtArea .mCSB_scrollTools .mCSB_draggerContainer{right:-13px}
.inquiryDiv .agreeArea2 .txtArea{height:45px}
.inquiryDiv .agreeArea{margin-top:50px; overflow:hidden}
.inquiryDiv .agreeArea .infoBox{font-size:16px; line-height:30px; font-family:'NotoSans-Light'}
.inquiryDiv .agreeArea .infoBox span{font-size:17px}
.inquiryDiv .agreeArea .check{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.inquiryDiv .agreeArea .check a{display:block; width:20px; height:20px; position:absolute; top:9px; right:50px;}
.inquiryDiv .agreeArea .check a img{position:absolute; top:0; left:0;}
.inquiryDiv .agreeArea .check span{display:inline-block; position:relative; width:20px; height:20px; margin-left:10px; overflow:hidden; vertical-align:middle}
.inquiryDiv .agreeArea .check label{vertical-align:middle; line-height:24px; color:#666}
.inquiryDiv .agreeArea .check span img{position:absolute; top:0; left:0; width:20px; height:20px}
.inquiryDiv .agreeArea .check span img.on{opacity:0}
.inquiryDiv .agreeArea .check span.on img.on{opacity:1} /* 2018-02-05 추가 */
.inquiryDiv .agreeArea .check input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.inquiryDiv .agreeArea .check2{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.inquiryDiv .agreeArea .check2 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.inquiryDiv .agreeArea .check2 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.inquiryDiv .agreeArea .check2 label:last-child{color:#555}
.inquiryDiv .agreeArea .check2 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.inquiryDiv .agreeArea .check2 span img.on{opacity:0}
.inquiryDiv .agreeArea .check2 span.on img.off{opacity:0}
.inquiryDiv .agreeArea .check2 span.on img.on{opacity:1}
.inquiryDiv .agreeArea .check2 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.inquiryDiv .agreeArea .check3{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.inquiryDiv .agreeArea .check3 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.inquiryDiv .agreeArea .check3 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.inquiryDiv .agreeArea .check3 label:last-child{color:#555}
.inquiryDiv .agreeArea .check3 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.inquiryDiv .agreeArea .check3 span img.on{opacity:0}
.inquiryDiv .agreeArea .check3 span.on img.off{opacity:0}
.inquiryDiv .agreeArea .check3 span.on img.on{opacity:1}
.inquiryDiv .agreeArea .check3 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
/* // 2018-07-12 수정 및 추가 */

.partnerBanner{padding:100px 15px; background:url('/common/images/icon/partner_bg.jpg') no-repeat center bottom; text-align:center}
.partnerBanner .tit{font-size:34px; line-height:32px; color:#1c588b;  padding-bottom:30px; background:url('/common/images/icon/text_line1.gif') no-repeat center bottom; word-break:keep-all;  font-family:'NotoSans-Thin'}
.partnerBanner .txt1{margin-top:20px; font-size:20px; line-height:30px; font-family:'NotoSans-Light'; word-break:keep-all}
.partnerBanner .txt2{margin-top:30px; font-size:16px; line-height:26px; word-break:keep-all; font-family:'NotoSans-Light';}
.partnerBanner .btn{width:229px; height:47px; margin:45px auto 0; line-height:45px; font-size:18px; color:#1c588b; text-align:center; box-sizing:border-box; border:1px solid #1c588b; background:none; display:block; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.partnerBanner .btn:hover{background:#1c588b; color:#fff}
.partnerDiv{padding-top:50px}
.partnerDiv .partner{margin-top:50px}
.partnerDiv .partner .tit{font-size:20px; line-height:34px; overflow:hidden; font-family:'NotoSans-Regular'}
.partnerDiv .partner .tit .btn{width:90px; height:34px; float:right; text-align:center; display:block; border:1px solid #1c588b; color:#1c588b; font-size:16px; line-height:32px; box-sizing:border-box; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.partnerDiv .partner .tit .btn:hover{background:#1c588b; color:#fff}
.partnerDiv .partner .ptList{margin-top:15px; padding-top:20px; border-top:1px solid #666; overflow:hidden; min-height:110px}
.partnerDiv .partner .ptList .logo{float:left; width:25%; text-align:center; padding:15px 0}
.partnerDiv .partner .ptList .logo img{vertical-align:middle}
.partnerDiv .partner:last-child{padding-bottom:150px}

/* footer 메뉴 영역  */
.privacyPolicy .topTxt{font-size:20px; line-height:30px; color:#333; font-family:'NotoSans-Light'}
.privacyPolicy .subTit{margin:50px 0 20px; font-size:20px; color:#333; font-family:'NotoSans-Regular'}
.privacyPolicy .subTit2{margin:90px 0 20px}
.privacyPolicy .listBox{padding:40px 50px; overflow:hidden; box-sizing:border-box; border:1px solid #e1e1e1}
.privacyPolicy .listBox p{float:left; width:50%}
.privacyPolicy .listBox p > a{font-size:16px; line-height:40px; color:#666; font-family:'NotoSans-Light'}
.privacyPolicy .txtDiv{border-top:1px solid #666; padding-top:20px; font-size:16px; line-height:28px; color:#666; word-break:keep-all; font-family:'NotoSans-Light'}
.privacyPolicy .txtDiv .bold{font-family:'NotoSans-Regular'; font-size:18px; line-height:30px}
.privacyPolicy .txtDiv .bold p{font-size:18px; line-height:30px}
.privacyPolicy .txtDiv .bold span{font-size:16px; font-family:'NotoSans-Light'}
.privacyPolicy .txtDiv p{font-size:16px; line-height:28px; color:#666}
.privacyPolicy .txtDiv p.type1{padding-left:16px}
.privacyPolicy .txtDiv p.type2{padding-left:32px}
.privacyPolicy .txtDiv .tableDiv{margin:20px 0;}
.privacyPolicy .txtDiv .tableDiv table{border-top:1px solid #e1e1e1}
.privacyPolicy .txtDiv .tableDiv table th{background:#f7f7f7; padding:23px 10px; font-size:16px; color:#555; font-family:'NotoSans-Regular'; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:normal}
.privacyPolicy .txtDiv .tableDiv table tr th:last-child{border-right:none}
.privacyPolicy .txtDiv .tableDiv table td{background:#fff; padding:23px 10px; font-size:16px; color:#555; font-family:'NotoSans-Light'; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.privacyPolicy .txtDiv .tableDiv table tr td:last-child{border-right:none}
.privacyPolicy .txtDiv .viewBtn{padding:14px 40px; box-sizing:border-box; border:1px solid #cecece; display:inline-block; margin:20px 0 30px; font-size:16px; color:#333}
.privacyPolicy .txtDiv .list{position:relative}
.privacyPolicy .txtDiv .list .listBtn{width:310px; height:45px; line-height:43px; box-sizing:border-box; padding:0 20px; border:1px solid #d1d1d1; background:url('/common/images/icon/listBtn_open.gif') no-repeat right  20px center; display:block; margin-top:20px; color:#333}
.privacyPolicy .txtDiv .list .listBtn.on{background:url('/common/images/icon/listBtn_close.gif') no-repeat right  20px center;}
.privacyPolicy .txtDiv .list .listTwoD{position:absolute; top:45px; display:none}
.privacyPolicy .txtDiv .list .listTwoD a{width:310px; height:45px; line-height:43px; box-sizing:border-box; padding:0 20px; border:1px solid #d1d1d1; border-top:none; display:block; color:#333}
.privacyPolicy .noticeBox{font-size:20px; line-height:30px; color:#333; word-break:keep-all; font-family:'NotoSans-Light'}


/* 통합검색  */
.searchDiv{padding-bottom:150px}
.searchDiv .srchQ{position:relative; width:750px; height:66px; background:#fff; margin:auto; box-sizing:border-box; border:1px solid #888}
.searchDiv .srchQ input{width:100%; height:100%; border:none; font-size:20px; color:#333; box-sizing:border-box; padding-left:30px; background:#fff; font-family:'NotoSans-Light'}
.searchDiv .srchQ input::-webkit-input-placeholder {font-size:20px; color:#666;}
.searchDiv .srchQ input:-moz-placeholder {font-size:20px; color:#666; opacity:1;}
.searchDiv .srchQ input::-moz-placeholder {font-size:20px; color:#666; opacity:1;}
.searchDiv .srchQ input:-ms-input-placeholder {font-size:20px; color:#666;}
.searchDiv .srchQ input:placeholder-shown {font-size:20px; color:#666;}
.searchDiv .srchQ input:focus{outline:none}
.searchDiv .srchQ a{position:absolute; top:22px; right:28px;}
.searchDiv .srchQ .autoComp{position:absolute; top:66px; left:0; width:750px; padding:21px 29px 25px; background:#fff; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease;}
.searchDiv .srchQ .autoComp p{font-size:20px; color:#666; margin-bottom:7px; font-family:'NotoSans-Light'}
.searchDiv .srchQ .autoComp p:last-child{margin-bottom:0}
.searchDiv .resultTxt{margin-top:100px; font-size:32px; color:#333; text-align:center; font-family:'NotoSans-Thin'}
.searchDiv .resultTxt span{color:#1c588b; font-family:'NotoSans-Medium'}
.searchDiv .subTit{margin-top:100px; font-size:24px; color:#333; font-family:'NotoSans-Regular'}
.searchDiv .resultBox{margin-top:20px; border-top:1px solid #666; letter-spacing:-1px}
.searchDiv .resultBox a{display:block; padding:44px 0 47px; border-bottom:1px solid #cdcdcd; word-break:keep-all}
.searchDiv .resultBox a .txt1{font-size:16px; line-height:26px; color:#666; font-family:'NotoSans-Light'}
.searchDiv .resultBox a .txt2{font-size:24px; line-height:24px; color:#000; font-family:'Montserrat-Medium', 'NotoSans-Regular'; margin:5px 0 19px; vertical-align:middle}
.searchDiv .resultBox a .txt2 img{vertical-align:top; margin-right:5px}
.searchDiv .resultBox a .txt3{font-size:18px; line-height:26px; color:#333; font-family:'NotoSans-Light'}
.searchDiv .resultBox a.imgType{display:table; width:100%}
.searchDiv .resultBox a.imgType .img{display:table-cell; width:182px; vertical-align:middle; padding-right:28px}
.searchDiv .resultBox a.imgType .img img{width:100%}
.searchDiv .resultBox a.imgType .txtBox{display:table-cell; width:-webkit-calc(100% - 210px); width:calc(100% - 210px); vertical-align:middle}
.searchDiv .moreBtn{display:block; width:175px; height:47px; line-height:45px; margin:50px auto 0; padding:0 30px; box-sizing:border-box; border:1px solid #c2c2c2; text-align:left; color:#000; font-size:16px; font-family:'NotoSans-Regular'; background:url('/common/images/btn/srch_more_bt.gif') no-repeat right 14px center #e8e8e8}
.searchDiv .moreBtn span{font-family:'NotoSans-Medium'; color:#1c588b}
.searchDiv .noData{border-top:none}
.noData{padding:150px 0 70px; background:url('/common/images/icon/nodata_icon.jpg') no-repeat center 70px; font-size:20px; color:#333; text-align:center; border-bottom:1px solid #d0d0d0; font-family:'NotoSans-Light'; border-top:1px solid #666}

/* 2019-12-24 추가 */
/* 디지털엔터프라이즈 */
#pt1.dig0202{padding-top:0;}
#pt2.dig0202 .txtBox .infoTxt{margin:19px 156px 0 157px}
/* // 2019-12-24 추가 */
#pt2.dig0202 > ul li .img{height:100%; overflow:hidden;}/* 2019-12-26 추가 */

/* 기타 */
#subCon .errorDiv{width:940px; margin:0 auto; box-sizing:border-box; padding-bottom:40px; margin-top:-50px}
#subCon .errorDiv .notiBox{box-sizing:border-box; padding:180px 150px 80px; text-align:center; border:1px solid #d2d2d2; background:url('/common/images/icon/errorDiv_img.png') no-repeat center 80px #f7f7f7}
#subCon .errorDiv .notiBox .tit{font-size:32px; line-height:34px; color:#000; font-family:'NotoSans-Regular'; margin-top:10px}
#subCon .errorDiv .notiBox .txt1{font-size:16px; line-height:26px; color:#555; margin-top:35px; word-break:keep-all; font-family:'NotoSans-Light'}
#subCon .errorDiv .notiBox .txt2{font-size:16px; line-height:26px; color:#555; margin-top:15px; word-break:keep-all; font-family:'NotoSans-Light'}
#subCon .errorDiv .notiBox .btn{width:230px; margin:40px auto 0; display:block; height:47px; line-height:47px; background:#1c588b; color:#fff; font-family:'NotoSans-Regular'; font-size:18px; text-align:center}

/* 하단 footer 영역 */
.footMenu{width:100%; background:#333}
.footMenu ul{overflow:hidden; padding:30px 0 22px;}
.footMenu li{width:205px; float:left; margin-right:99px;}
.footMenu li:last-child{margin-right:0;}
.footMenu a{display:block}
.footMenu li a.one{font-size:16px;  color:#fff; padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid #484848; font-family:'NotoSans-Light'}
.footMenu li .two a{font-size:14px;  color:#999; margin-bottom:13px; line-height:14px; font-family:'NotoSans-Light'}
#footer{width:100%; height:50px; background:#000}
#footer.main{position:fixed; bottom:0; background:rgba(0, 0, 0, 0.3)}
#footer .left{overflow:hidden;} /* 2022-08-08 수정 */
#footer .left p{font-family:'Montserrat-Medium'; float:left; margin-right:20px; font-size:12px; color:#fff; vertical-align:top; line-height:13px}
#footer .left p:last-child{margin-top:4px}
#footer .left p img{vertical-align:top}
#footer .right {height:50px; margin-left:auto;} /* 2022-08-08 수정 */
#footer .right > a{display:block; height:40px; text-align:left; padding:15px 20px 0; float:left; font-size:14px; color:#fff; vertical-align:middle}
#footer .right > a:nth-child(1){color:#c2943b;}
#footer .right > a:nth-child(2){}
#footer .right > a.family{position:relative; padding:15px 20px 0 20px; box-sizing:border-box; width:135px; height:60px; transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; box-sizing:border-box}
#footer .right > a.family span{display:block; position:absolute; top:20px; right:20px;}
#footer .right > a.family span.on{top:20px; right:20px;}
#footer .right > a.family.on{background:#5d5d5d; border-left:1px solid #5d5d5d; border-right:1px solid #5d5d5d; color:#fff}
#footer .right .familyPack{display:none; position:absolute; bottom:50px; right:399px; width:95px; padding:20px; background:#5d5d5d; z-index:500;} /* 2022-08-08 수정 */
#footer .right .familyPack a{display:block; font-size:14px; color:#b8b8b8; margin-bottom:10px; letter-spacing:-0.7px}
#footer .right .familyPack a:last-child{margin-bottom:0}
#footer .right .familyPack a:hover{font-family:'NotoSans-Medium'; color:#fff}
#footer .emergencyCall {margin-left:20px; line-height:50px; font-size:14px; color:#fff;} /* 2022-08-08 추가 */

/* 이벤트페이지 관련*/
#wrapper .bfIconDiv{position:absolute; top:910px; right:185px; z-index:999; width:220px; height:220px}
#wrapper .bfIconDiv .bfIcon{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
#wrapper .bfIconDiv .closeBtn{position:absolute; top:3px; right:3px}
.eventDiv{padding:60px 0 100px; background:url('/common/images/icon/event_bg.jpg') no-repeat center top #f2f2f2}
.eventDiv.type2{background:#f2f2f2}
.eventDiv .eventPop{width:700px; margin:0 auto; box-sizing:border-box; padding:0 0 80px; background:#fff}
.eventDiv .eventPop .top{background:url('/common/images/icon/event_pop_bg.jpg') no-repeat left 70% top; padding:90px 70px; margin-bottom:70px; color:#fff}
.eventDiv .eventPop .top .title{font-size:50px; line-height:50px; font-family:'NotoSans-Bold'; letter-spacing:-2px;}
.eventDiv .eventPop .top .subTit{margin-top:20px; font-size:22px; line-height:22px; letter-spacing:-2px; font-family:'NotoSans-Light'}
.eventDiv .eventPop .top .txt{font-family:'NotoSans-Light'; font-size:16px; line-height:26px; margin-top:30px; letter-spacing:-1px; padding-left:10px; background:url('/common/images/icon/star_icon.png') no-repeat left 10px}
.eventDiv .eventPop .top .txt:last-child{margin-top:0}
.eventDiv .eventPop .area{margin-top:50px; padding:0 70px}
.eventDiv .eventPop .area .tit{font-size:20px; color:#000; line-height:20px; letter-spacing:-0.7px}
.eventDiv .eventPop .area .infoBox{padding:40px; background:#fff; border:1px solid #e0e0e0; margin-top:20px; color:#555; font-family:'NotoSans-Light'; box-sizing:border-box; letter-spacing:-0.5px}
.eventDiv .eventPop .area .infoBox2{width:100%; height:320px; overflow-y:scroll}
.eventDiv .eventPop .area .infoBox span{font-size:17px; font-family:'NotoSans-Regular'}
.eventDiv .eventPop .area .checkDiv{overflow:hidden; padding:13px 30px 13px 0; box-sizing:border-box; background:#f9f9f9; border:1px solid #e0e0e0; border-top:none}
.eventDiv .eventPop .area .check{float:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'}
.eventDiv .eventPop .area .check a{display:block; width:24px; height:24px; position:absolute; top:9px; right:50px;}
.eventDiv .eventPop .area .check a img{position:absolute; top:0; left:0;}
.eventDiv .eventPop .area .check span{display:inline-block; position:relative; width:24px; height:24px; margin-left:10px; overflow:hidden; vertical-align:middle}
.eventDiv .eventPop .area .check label{vertical-align:middle; line-height:24px; color:#666}
.eventDiv .eventPop .area .check span img{position:absolute; top:0; left:0; width:24px; height:24px}
.eventDiv .eventPop .area .check span img.on{opacity:0}
.eventDiv .eventPop .area .check span.on img.on{opacity:1} /* 2018-02-05 추가 */
.eventDiv .eventPop .area .check input[type="checkbox"]{width:24px; height:24px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.eventDiv .eventPop .area .check2{float:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'}
.eventDiv .eventPop .area .check2 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.eventDiv .eventPop .area .check2 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.eventDiv .eventPop .area .check2 label:last-child{color:#555}
.eventDiv .eventPop .area .check2 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.eventDiv .eventPop .area .check2 span img.on{opacity:0}
.eventDiv .eventPop .area .check2 span.on img.off{opacity:0}
.eventDiv .eventPop .area .check2 span.on img.on{opacity:1}
.eventDiv .eventPop .area .check2 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.eventDiv .eventPop .area2{margin-top:50px; padding:0 30px}
.eventDiv .eventPop .area2 .infoBox{padding:30px}
/* 2018-07-03 추가 */
.eventDiv .eventPop .agreeArea{margin-top:30px; padding:0 30px}
.eventDiv .eventPop .agreeArea:after{content:''; display:block; clear:both}
.eventDiv .eventPop .agreeArea .tit{position:relative; font-size:16px; color:#000; font-family:'NotoSans-Medium'; padding:16px 45px 16px 20px; background:#fff; border:1px solid #e1e1e1; line-height:1}
.eventDiv .eventPop .agreeArea.on .tit{background:#f8f8f8}
.eventDiv .eventPop .agreeArea .tit .btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:25px; height:13px}
.eventDiv .eventPop .agreeArea .tit .btn img{position:absolute; top:0; left:0; transition:all 0.3s}
.eventDiv .eventPop .agreeArea.on .tit .btn img{transform:rotate(180deg)}
.eventDiv .eventPop .agreeArea .txtArea{background:#fff; border:1px solid #e1e1e1; border-top:none; box-sizing:border-box; padding:10px 20px; font-family:'NotoSans-Light'; font-size:14px; line-height:22px; height:200px; display:none; letter-spacing:-0.6px}
.eventDiv .eventPop .agreeArea .txtArea .mCSB_scrollTools .mCSB_draggerContainer{right:-13px}
.eventDiv .eventPop .agreeArea2 .txtArea{height:45px}
.eventDiv .eventPop .agreeArea .check{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.eventDiv .eventPop .agreeArea .check a{display:block; width:20px; height:20px; position:absolute; top:9px; right:50px;}
.eventDiv .eventPop .agreeArea .check a img{position:absolute; top:0; left:0;}
.eventDiv .eventPop .agreeArea .check span{display:inline-block; position:relative; width:20px; height:20px; margin-left:10px; overflow:hidden; vertical-align:middle}
.eventDiv .eventPop .agreeArea .check label{vertical-align:middle; line-height:24px; color:#666}
.eventDiv .eventPop .agreeArea .check span img{position:absolute; top:0; left:0; width:20px; height:20px}
.eventDiv .eventPop .agreeArea .check span img.on{opacity:0}
.eventDiv .eventPop .agreeArea .check span.on img.on{opacity:1} /* 2018-02-05 추가 */
.eventDiv .eventPop .agreeArea .check input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.eventDiv .eventPop .agreeArea .check2{text-align:right; position:relative; font-size:16px; color:#555; line-height:24px; font-family:'NotoSans-Light'; margin-top:10px}
.eventDiv .eventPop .agreeArea .check2 span{display:inline-block; position:relative; width:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; margin-left:5px}
.eventDiv .eventPop .agreeArea .check2 label{display:inline-block; vertical-align:bottom; font-size:16px; margin-left:10px}
.eventDiv .eventPop .agreeArea .check2 label:last-child{color:#555}
.eventDiv .eventPop .agreeArea .check2 span img{position:absolute; top:0; left:0; vertical-align:bottom; width:20px; height:20px}
.eventDiv .eventPop .agreeArea .check2 span img.on{opacity:0}
.eventDiv .eventPop .agreeArea .check2 span.on img.off{opacity:0}
.eventDiv .eventPop .agreeArea .check2 span.on img.on{opacity:1}
.eventDiv .eventPop .agreeArea .check2 span input[type="checkbox"]{width:20px; height:20px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
/* //2018-07-03 추가 */

.eventDiv .eventPop .writeDiv{margin-top:40px; padding:40px 70px 0; border-top:1px solid #e2e2e2}
.eventDiv .eventPop .writeDiv .tit{font-size:20px; color:#000; line-height:20px; letter-spacing:-0.7px}
.eventDiv .eventPop .writeDiv .tableDiv{margin-top:20px}
.eventDiv .eventPop .writeDiv .tableDiv .line{overflow:hidden}
.eventDiv .eventPop .writeDiv .tableDiv .line .left{width:120px; box-sizing:border-box; float:left; height:47px; line-height:37px; font-size:16px; color:#555; padding:5px 0; margin-bottom:5px}
.eventDiv .eventPop .writeDiv .tableDiv .line .left img{vertical-align:middle; margin-left:7px}
.eventDiv .eventPop .writeDiv .tableDiv .line .right{float:left; width:440px; box-sizing:border-box; height:47px}
.eventDiv .eventPop .writeDiv .tableDiv .line .right input{height:47px; width:440px; box-sizing:border-box; background:#f7f7f7; font-family:'NotoSans-Light'}
.eventDiv .eventPop .writeDiv .notiTxt{font-size:15px; line-height:20px; color:#ff5555; padding-left:130px; margin-top:15px; background:url('/common/images/icon/star_icon2.gif') no-repeat 120px 7px; word-break:keep-all}
.eventDiv .eventPop .writeDiv .notiTxt span{display:block}
.eventDiv .eventPop .btnArea{margin:50px auto 0; text-align:center}
.eventDiv .eventPop .btnArea a{display:inline-block; text-align:center; box-sizing:border-box; width:144px; height:47px; line-height:47px; color:#fff; margin:0 3px; font-size:18px; font-family:'NotoSans-Regular'}
.eventDiv .eventPop .btnArea a.okBtn{background:#1c588b}
.eventDiv .eventPop .btnArea a.cancelBtn{background:#333}
.eventDiv .eventPop .imgArea{width:700px}
/* 2018-07-03 추가 */
.eventDiv .eventPop.pdType .writeDiv2{padding:30px 30px 0}
.eventDiv .eventPop.pdType{padding:0 0 30px}
/* //2018-07-03 추가 */

/* 2018-08-14 시작 */
.eventDiv .eventPop.pdType .txtInfo{padding:30px 0; margin:0 30px; font-size:16px; color:#000; border-bottom:1px solid #e2e2e2; font-family:'NotoSans-Light'}
.eventDiv .eventPop .tableDiv2{margin-top:20px}
.eventDiv .eventPop .tableDiv2 .line{overflow:hidden; margin-bottom:0 !important; margin-left:30px;}
.eventDiv .eventPop .tableDiv2 .line:last-child{margin-bottom:0}
.eventDiv .eventPop .tableDiv2 .line .left{width:42px; box-sizing:border-box; float:left; height:42px; line-height:37px; font-size:16px; color:#555; padding:5px 0; margin-bottom:5px; font-family:'NotoSans-Light'}
.eventDiv .eventPop .tableDiv2 .line .left img{vertical-align:middle; margin-left:7px}
.eventDiv .eventPop .tableDiv2 .line .right{float:left; width:520px; box-sizing:border-box; height:42px}
.eventDiv .eventPop .tableDiv2 .line .right input{height:42px; width:520px; box-sizing:border-box; background:#f7f7f7; font-family:'NotoSans-Light'}

/* 2018-08-14 끝 */

.eventDiv .eventPop .writeDiv2{padding:50px 30px 0}
.eventDiv .eventPop .writeDiv2 .tit{font-size:20px; color:#000; line-height:20px; letter-spacing:-0.7px}
.eventDiv .eventPop .writeDiv2 .tableDiv{margin-top:20px}
.eventDiv .eventPop .writeDiv2 .tableDiv .line{overflow:hidden}
.eventDiv .eventPop .writeDiv2 .tableDiv .line:last-child{margin-bottom:0}
.eventDiv .eventPop .writeDiv2 .tableDiv .line .left{width:120px; box-sizing:border-box; float:left; height:42px; line-height:37px; font-size:16px; color:#555; padding:5px 0; margin-bottom:5px}
.eventDiv .eventPop .writeDiv2 .tableDiv .line .left img{vertical-align:middle; margin-left:7px}
.eventDiv .eventPop .writeDiv2 .tableDiv .line .right{float:left; width:520px; box-sizing:border-box; height:42px}
.eventDiv .eventPop .writeDiv2 .tableDiv .line .right input{height:42px; width:520px; box-sizing:border-box; background:#f7f7f7; font-family:'NotoSans-Light'}
.eventDiv .eventPop .writeDiv2 .notiTxt{font-size:15px; line-height:20px; color:#ff5555; padding-left:130px; margin-top:15px; background:url('/common/images/icon/star_icon2.gif') no-repeat 120px 7px; word-break:keep-all}
.eventDiv .eventPop .writeDiv2 .notiTxt span{display:block}
.eventDiv .eventPop .selectDiv{margin-top:50px; padding:0 30px}
.eventDiv .eventPop .selectDiv .tit{font-size:20px; color:#000; line-height:25px; letter-spacing:-0.7px; word-break:keep-all} /* 2018-04-06 수정 */
.eventDiv .eventPop .selectDiv .txt{font-size:16px; color:#555; font-family:'NotoSans-Light';}
.eventDiv .eventPop .selectDiv .list{margin-top:20px}
.eventDiv .eventPop .selectDiv .list .line{margin-bottom:30px}
.eventDiv .eventPop .selectDiv .list .checkDiv{overflow:hidden}
.eventDiv .eventPop .selectDiv .list .check{position:relative; font-size:16px; color:#555; line-height:22px; font-family:'NotoSans-Light'; margin-top:15px}
.eventDiv .eventPop .selectDiv .list .check span{display:inline-block; position:relative; width:22px; height:22px; margin-right:10px; overflow:hidden; vertical-align:top}
.eventDiv .eventPop .selectDiv .list .check label{vertical-align:top; line-height:22px; color:#555; margin-right:10px}
.eventDiv .eventPop .selectDiv .list .check span img{position:absolute; top:0; left:0; width:22px; height:22px}
.eventDiv .eventPop .selectDiv .list .check span img.on{opacity:0}
.eventDiv .eventPop .selectDiv .list .check input[type="checkbox"]{width:22px; height:22px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.eventDiv .eventPop .selectDiv .list .check .inputBox{display:inline-block; position:relative; margin-right:60px}
.eventDiv .eventPop .selectDiv .list .check .inputBox b{font-family:'NotoSans-Light'; font-weight:normal; display:inline-block; width:45px}
.eventDiv .eventPop .selectDiv .list .check .inputBox input[type="text"]{box-sizing:border-box; width:175px; height:25px; border:none; background:#fff; border-bottom:1px solid #555555; font-family:'NotoSans-Light'}
.eventDiv .eventPop .selectDiv .list textarea{width:100%; resize:none; box-sizing:border-box; height:200px; padding:10px}/* 2018-04-06 추가 */
.eventDiv .eventPop .selectDiv .list2{margin-top:20px}
.eventDiv .eventPop .selectDiv .list2 .line{margin-bottom:30px}
.eventDiv .eventPop .selectDiv .list2 .checkDiv{overflow:hidden}
.eventDiv .eventPop .selectDiv .list2 .check{position:relative; font-size:16px; color:#555; line-height:22px; font-family:'NotoSans-Light'; margin-top:15px}
.eventDiv .eventPop .selectDiv .list2 .check span{display:inline-block; position:relative; width:22px; height:22px; margin-right:10px; overflow:hidden; vertical-align:top}
.eventDiv .eventPop .selectDiv .list2 .check label{vertical-align:top; line-height:20px; color:#555; margin-right:10px}
.eventDiv .eventPop .selectDiv .list2 .check .inputBox{display:inline-block;}
.eventDiv .eventPop .selectDiv .list2 .check .inputBox input[type="text"]{box-sizing:border-box; width:400px; height:17px; border:none; background:#fff; border-bottom:1px solid #555555; font-family:'NotoSans-Light'}

.eventDiv .eventPop .selectDiv .list2 .check span img{position:absolute; top:0; left:0; width:22px; height:22px}
.eventDiv .eventPop .selectDiv .list2 .check span img.on{opacity:0}
.eventDiv .eventPop .selectDiv .list2 .check input[type="checkbox"]{width:22px; height:22px; position:absolute; top:0; left:0; opacity:0; cursor:pointer}
.eventDiv .eventPop .selectDiv2{padding:0 30px 50px; border-bottom:1px solid #e0e0e0}



/* 반응형 */
@media (max-width:1540px) {
	
	/* common */
	#header .hProduct .pBody dt{font-size:24px;}
	#header .hProduct .pBody dd .txt1{font-size:18px;}
	#header .hProduct .pBody dd .txt2 a{font-size:14px;}

	/* footer 메뉴 영역 */
	.privacyPolicy .txtDiv .tableDiv{padding-bottom:30px; overflow-x:scroll; }
	.privacyPolicy .txtDiv .tableDiv table{width:1230px; }
}

@media (max-width:1370px) {

	/* 제품영역 */
	.topTxt1{font-size: 34px; line-height: 46px; margin-bottom:37px}
	.topTxt2{font-size:16px; line-height:26px;}
	.proInfoType2{margin-top:94px}
	.proInfoType2 li{padding:120px 0 111px;}
	.proInfoType2 li .txt .txt2{font-size:16px; line-height:26px; margin:26px 0 47px}
	.subV{position:relative; width:100%; height:auto; padding-bottom:140px; color:#fff}/* 2020-10-15 수정 */
	/* .subV.autoHtype{height:auto; padding-bottom:80px}2019-12-24 추가 , 2020-10-15 삭제 */
	.subV .subVdiv{height:auto; min-height:270px; padding:222px 0 0;}/* 2020-10-15 수정 */
	.subV .subVdiv .indi{position:absolute; top:100px; left:0; font-size:14px;}
	.subV .subVdiv .indi span{display:inline-block; padding-right:23px; margin-right:14px; background:url('/common/images/icon/path_arrow.png') no-repeat right center; margin-bottom:12px}
	.subV .subVdiv .indi strong{display:inline-block; font-family:'NotoSans-Light'}
	.subV .subVdiv .txt1{position:relative; font-family:'Montserrat-Semibold'; font-size:48px; line-height:52px; letter-spacing:-2px; width:570px; word-break:keep-all; z-index:1}
	.subV .subVdiv .w800{width: 700px;}/* 2023-05-09 추가 */
	.subV .subVdiv .txt2{position:relative; font-size:15px; line-height:24px; width:450px; margin-top:29px; word-break:keep-all; z-index:1}
	.subV .subVdiv .img{position:absolute; bottom:0; right:0;}
	/* .subV.autoHtype .subVdiv{padding-top:180px} 2020-10-14 추가 , 2020-10-15 삭제 */
	.subV2{position:relative; width:100%; height:677px; color:#fff; background-size:100%}
	.subV2 .subVdiv{height:454px; padding:223px 0 0; text-align:center}/* 2017-11-16 */
	.subV2 .subVdiv .txt1{font-size:50px; line-height:60px;}/* 2017-11-16 */
	.subV2 .subVdiv .txt2{font-size:20px; line-height:36px; margin-top:15px;}/* 2017-11-16 */
	.subV2.type2{height:400px;}
	.subV2.type2 .subVdiv{height:210px; padding:190px 0 0;}
	.txtIcon2{font-size:16px}
	.txtIcon1{font-size:47px; padding-top:12px}
	.desc{ font-size:16px;}/* 2024-09-09 add page */
	#pt1 ul{margin-top:45px}
	#pt1 li{height:564px;}
	#pt1 li .img{text-align:center}
	/* #pt1 li .img img{height:155px}  2025-02-18 16:02:41  삭제 */
	#pt1 li .tit{margin:45px 0 18px;}
	#pt1 li .txtIcon2{margin:10px 38px 0 38px;}
	/* 2024-11-11 */
	#pt1.big0505 ul:first-of-type{margin-top: 45px;}
	#pt1.big0505 ul li .img{width: auto; height:200px;}
	#pt1.big0505 ul li .img img{width: auto; height: auto;}
	/* //2024-11-11 */
	#pt2{padding-top:113px}
	#pt2 ul{margin-top:50px}
	#pt2 li{position:relative; width:100%; height:387px;}
	#pt2 li .img img{height:387px;}
	#pt2 li:nth-child(2n-1) .txt{padding-right:70px;}
	#pt2 li:nth-child(2n) .txt{padding-left:70px;}
	#pt2 li .txt .txtIcon2{margin-bottom:12px}
	#pt3{padding-top:113px}
	/* 2024-11-11 */
	#pt3.big0505 .tit{margin-top:0; padding-bottom:20px;}
	#pt3 .basic_architecture {width:100%; overflow-x:scroll; margin: 45px auto;}
	#pt3 .basic_architecture_img{width:auto;}
	/*// 2024-11-11 */
	#pt99 > div{overflow:hidden; margin-top:50px}
	#pt99 > div > a{width:390px;  padding:45px 40px;}
	#pt99 > div > a .txt3{font-size:16px; line-height:26px; margin-top:29px}
	#pt99 .moreBt a{width:118px; height:18px; font-size:18px; padding:14px 0; line-height:18px}
	#pt99 .moreBt a span{line-height:17px}
	#pt5 > div{margin-top:50px;}
	#pt5 > div > a{padding:44px 40px 43px;}
	.infoTable table{width:1200px;}
	 /* 2024-11-11 */
	#pt6 .basic_architecture {width:100%; overflow-x:scroll; margin: 45px auto;}
	#pt6 .basic_architecture_img{width:auto;}
	 /* // 2024-11-11 */

	/* 제품상세 테이블 */
	/* 2024-09-09 add page  s */
	.infoTable_wrapper{margin-top: 50px;}
	/* //2024-09-09 add page  e */
	.infoTable{width:1200px; margin-top:50px}

	.infoTable2{margin-top:50px}
	.infoTable thead th{font-size:14px; padding:6px 15px 8px;}
	.infoTable tbody th{font-size:14px; padding:6px 14px 8px;} /* 2023-02-07 padding 수정 */
	.infoTable td{padding:6px 20px 8px; font-size:14px;}
	.infoTable .dot{padding-left:8px; font-size:14px; line-height:20px; background:url('/common/images/icon/dot2x2.gif') no-repeat 0 10px;}/* 2019-12-02 추가 */
	.infoTable .explainWrapper{width: 1200px;}/*  2023-02-07 추가 */

	/* 하단 footer 영역 */
	.subCom ul{margin-top:50px}
	#footer{height:50px}
	#footer .left{padding-top:0;} /* 2022-08-08 수정 */
	#footer .right > a{padding-top:15px}
	#footer .right > a.family{padding:15px 20px;} /* 2022-08-08 수정 */
	#footer .right > a.family span{top:20px}

}
/* 2024-06-12 vsp one file s */
@media (min-width:1261px) {
 .vsp #pt2 li{height: 386px; letter-spacing: -0.06em;}
 .vsp #pt2 li:nth-child(2n) .txt{padding-left: 70px;}
 .vsp #pt2 li:nth-child(2n-1) .txt{padding-right: 60px;}

 .vsp #pt2 li.narrow_type .txt .txtIcon2{margin-bottom: 10px;}
}
/* //2024-06-12 vsp one file e */

/* 2024-09-09 add page s */
.vsp-200series .spec-summary {padding-top: 120px;}
.vsp-200series .spec-summary .specCon{position: relative; width: 1366px; margin: 60px auto 0; padding: 70px 0; background: url('/webapps/uploadfiles/image/2024/09/vsp-20series/spec-bg.jpg') no-repeat center;}
.vsp-200series .spec-summary .specCon ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0 auto;}
.vsp-200series .spec-summary .specCon ul li{display: flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; width: 380px; height: 257px; border: 1px solid #fff; }
.vsp-200series .spec-summary .specCon ul li p{font-size: 22px; font-family: 'NotoSans-light'; color: #fff; line-height: 1.2;}
.vsp-200series .spec-summary .specCon ul li p + p{margin-top: 10px;}
.vsp-200series .spec-summary .specCon ul li p strong{font-weight: bold; font-weight: 28px;}
.vsp-200series .spec-summary .specCon ul li p .big-text{font-family: 'Montserrat-Semibold'; font-size: 64px; line-height: 1;}
@media (max-width:1400px) {
	.vsp-200series .spec-summary .specCon{width: 100%; background-size: cover;}
	.vsp-200series .spec-summary .specCon ul{}
	.vsp-200series .spec-summary .specCon ul li{width:auto; height: calc(47vw - 16px);}
}
@media (max-width:970px) {
	#pt2 li .txt .tit2{margin-bottom: 10px;}
	.vsp-200series .spec-summary .specCon{padding: 45px 0;}
	.vsp-200series .spec-summary .specCon ul{ grid-template-columns: repeat(2, 1fr); gap:16px;}
}
@media (max-width:700px) {
	.vsp-200series .spec-summary {padding-top: 45px;}
	#pt2 li .txt .tit2{margin-bottom: 10px; font-size: 18px;}
	.vsp-200series .spec-summary .specCon ul li p{font-size: 13px; letter-spacing: 0;}
	.vsp-200series .spec-summary .specCon ul li p strong{font-size: 13px;}
	.vsp-200series .spec-summary .specCon ul li p .big-text{font-size: 32px;}
}
@media (min-width:1261px) {
	#pt2 .imghei_386 li{height:386px;}
}
/* //2024-09-09 add page e */
@media (max-width:1260px) {

	/* common */
	.footMenu li{margin-right:50px;}

	
	/* 제품영역 */
	.txtIcon1{padding-top:19px; font-size:54px; line-height:54px;}
	.txtIcon2{font-size:16px; line-height:24px;}
	.dot{padding-left:10px; font-size:18px; line-height:28px;}
	.topBt{position:fixed; bottom:80px; right:80px; opacity:0}
	.desc{ font-size:16px; line-height: 24px;}/* 2024-09-09 add page */
	.inner{width:970px;}
	#footer .inner {flex-wrap:wrap; width:100%; padding:0 20px; box-sizing:border-box;} /* 2022-08-08 추가 */
	#header .inner .gnb{left:220px;}
	#header .inner .gnb a{margin:0 14px}
	.subV .subVdiv .img img{width:500px;}
	.topTxt1 span{display:inline}
	.topTxt2 p{width:455px;}
	.proInfoType2 li .img img{width:100%;}
	.proInfoType2 li .txt{width:50%; padding:0 0 0 50px; box-sizing:border-box}
	.proInfoType2 li:nth-child(2n+1) .img{width:50%;}
	.proInfoType2 li:nth-child(2n+1) .txt{width:50%; padding:0 50px 0 0; box-sizing:border-box}
	
	#pt1 li{width:300px; height:620px; margin-right:35px;}
	#pt1 li img{width:300px;}
	/* 2024-04-25 추가 */
	#pt1.highend-pt1 li img{width:auto;}
	/* // 2024-04-25 추가 */
	#pt1 li .tit{font-size:25px; line-height:30px;}
	#pt1 li .txtIcon2{margin-top:15px; width:180px;}
	/* 2024-06-13 추가수정 s */
	#pt1 li .txtRef{width: 240px;}
	/* //2024-06-13 추가수정 e */
	/* 2023-05-09 추가 */
	.dig0104 .inner{width: 970px;}
	.dig0104 #pt1 .inner{width:970px;}
	.dig0104 #pt1 li {width:225px; margin-right:23px;}
	.dig0104 #pt1 li img{width: 225px;}
	.dig0104 #pt1 li .txtIcon2 {width:180px;}
	/* //2023-05-09 추가 */
	.dig0304 li .img img {height: 152px; width: auto !important;} /* 2025-04-21 추가 */

	#pt2 li .txt .tit{font-size:25px; line-height:30px; margin-bottom:30px}
	#pt2 li .txt .txtIcon2{margin-bottom:18px}
	#pt2 li{height:432px;}
	#pt2 li .img img{height:432px;}
	#pt2 .txtBox .infoTxt{font-size:16px; line-height:34px;}
	/* 2019-11-28 추가 */
	#pt2 .txtBox .infoTxt p .onlyWeb{display:none;}
	#pt2 .infoBox .txtBox.autoH{width:100%;}
	/* // 2019-11-28 추가 */
	#pt2 .his_big_0301 .txtBox .infoTxt p br{display: none;}/* 2021-08-25 추가 */
	/* 2024-04-25 추가 */
	#pt2.highend-pt2 .inner{margin-top:45px;}
	/* // 2024-04-25 추가 */
	#pt3 .infoBoard th{font-size:18px; line-height:24px;}
	#pt3 .infoBoard td{padding:18px 20px 19px;}
	#pt99 > div > a{width:310px; padding:39px 20px; margin-right:20px;}
	#pt99 > div > a .txt2{font-size:28px; line-height:34px}
	#pt99 > div > a .txt2 img{margin-top:4px}
	#pt99 > div > a .txt3{font-size:17px; line-height:26px;}
	#pt5 > div > a{padding:34px 0 37px;}
	#pt5 > div > a .txt2{font-size:28px; line-height:32px; margin:5px 0 12px;}
	#pt5 > div > a .txt2 img{vertical-align:middle; margin-right:5px; width:25px;}
	#pt5 > div > a .txt3{font-size:18px; line-height:28px;}
	.subCom ul{width:970px}
	.infoTable{padding-bottom:30px; overflow-x:scroll;}
	#pt2.dig0202 .txtBox .infoTxt{margin:19px 75px 0 75px;}/* 2019-12-24 추가 */

	/* 2023-08-18 추가 */
	#pt6 .txtBox .infoTxt{font-size:16px; line-height:34px;}
	#pt6 .infoBox .txtBox.autoH{width:100%;}
	/* // 2023-08-18 추가 */
	
	/* 회사소개 */
	.companyDiv .midDiv{height:900px}
	.companyDiv .midDiv .introDiv{width:726px}
	.companyDiv .midDiv .introDiv .box{width:232px; margin-left:15px}
	.companyDiv .midDiv .introDiv .box:nth-child(4){margin-left:121px}
	.incruitDiv .incruitIntro .listDiv{width:520px}
	.incruitDiv .incruitIntro li{margin-bottom:20px}
	.incruitDiv .incruitIntro li:nth-child(2n-1){margin-left:0}
	.companyDiv .midDiv2 .txt{padding:0 10px}
	.historyDiv .swiper-wrapper{width:970px}
	.historyDiv .tabContent{width:970px}
	.historyDiv .tabContent .banner{padding-left:80px; padding-top:80px}
	.historyDiv .tabContent .banner .tit{padding-bottom:45px; padding-right:0; background:url('/common/images/icon/history_bar.jpg') no-repeat left bottom; background-size:80px 2px; float:none}
	.historyDiv .tabContent .banner .txt{float:none; width:auto; margin-left:0; margin-top:40px}
	.companyDiv .midDiv2 .visionDiv{width:960px}
	.companyDiv .midDiv2 .visionDiv .vision{width:320px; padding:98px 30px 0}
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(1){left:0}
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(2){left:320px}
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(3){left:640px}
	.ceoDiv .banner{padding:80px 450px 0 50px}
	/* 2021-03-12 추가 */
	.ceoDiv .banner.onlyTxt{padding:0 50px}
	/* // 2021-03-12 추가 */
	.locationDiv .locationList .list{margin-right:30px; width:470px}

	/* 라이브러리 */
	.libraryList{margin-top:0}
	.libraryList .srchDiv .srch{position:absolute; top:-70px; right:15%; width:80%; height:48px;}
	.libraryList .srchDiv .srch input{width:100%; height:46px; background:#fff; box-sizing:border-box; border:none; font-size:16px; color:#666;}
	.libraryList .srchDiv .srch input::-webkit-input-placeholder {font-size:16px; color:#666;}
	.libraryList .srchDiv .srch input:-moz-placeholder {font-size:16px; color:#666; opacity:1;}
	.libraryList .srchDiv .srch  input::-moz-placeholder {font-size:16px; color:#666; opacity:1;}
	.libraryList .srchDiv .srch  input:-ms-input-placeholder {font-size:16px; color:#666;}
	.libraryList .srchDiv .srch  input:placeholder-shown {font-size:16px; color:#666;}
	.libraryList .srchDiv .srch > a{display:block; position:absolute; top:15px; right:15px;}
	.libraryList .srchDiv .refreshBtn{top:-70px; left:calc(85% + 8px); left:-webkit-calc(85% + 8px); width:48px; height:48px}
	.libSrch{position:relative}
	.libSrch.swiper-container{overflow:visible; width:100%}
	.libSrch .swiper-wrapper{width:100%}
	.libSrch .swiper-slide{width:auto; height:60px; box-sizing:border-box; padding:15px 20px 0;}
	.libSrch .swiper-slide.on{border-bottom:4px solid #1453b5}
	.libSrch .swiper-slide a{display:inline-block; font-size:20px; color:#333; font-family:'NotoSans-Light'}
	.libSrch .swiper-slide:nth-child(1) a{padding-right:0px; background:none;}
	.libSrch .swiper-slide.on a{color:#1453b5}
	.libSrch .swiper-slide:nth-child(1).on a{background:none;}
	.libSrch .proCheckSrch{display:none; position:absolute; top:61px; left:0; width:600px; height:745px; background:#f5f5f5; overflow:hidden}
	.libSrch .proCheckSrch ul{height:638px; overflow-y:scroll}
	.libSrch .proCheckSrch li{border-bottom:1px solid #d8d8d8; padding:20px 0 0 0;}
	.libSrch .proCheckSrch ul input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0}
	.libSrch .proCheckSrch ul .check1{font-size:24px; font-family:'NotoSans-Regular'; color:#000; margin:0 0 20px 50px;}
	.libSrch .proCheckSrch ul .check1 span{display:inline-block; position:relative; width:24px; height:24px; margin-right:4px; overflow:hidden}
	.libSrch .proCheckSrch ul .check1 span img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch ul .check1 span img.on{opacity:0}
	.libSrch .proCheckSrch ul .check1 input[type="checkbox"]{width:24px; height:24px;}
	.libSrch .proCheckSrch ul .check2{position:relative; font-size:18px; color:#333; margin:0px 0 20px 82px;}
	.libSrch .proCheckSrch ul .check2 a{display:block; width:18px; height:18px; position:absolute; bottom:0px; right:30px;}
	.libSrch .proCheckSrch ul .check2 a img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch ul .check2 span{display:inline-block; position:relative; width:20px; height:20px; margin-right:8px; overflow:hidden; vertical-align:middle}
	.libSrch .proCheckSrch ul .check2 label{vertical-align:middle}
	.libSrch .proCheckSrch ul .check2 span img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch ul .check2 span img.on{opacity:0}
	.libSrch .proCheckSrch ul .check2 input[type="checkbox"]{width:20px; height:20px;}
	.libSrch .proCheckSrch ul .check3Pack{display:none; padding:8px 0 10px 103px;  background:#fff; border-top:1px solid  #d8d8d8; border-bottom:1px solid  #d8d8d8}
	.libSrch .proCheckSrch ul .check3{font-size:16px; color:#333; margin:3px 0 4px}
	.libSrch .proCheckSrch ul .check3 span{display:inline-block; position:relative; width:20px; height:20px; margin-right:8px; overflow:hidden; vertical-align:middle}
	.libSrch .proCheckSrch ul .check3 label{vertical-align:middle}
	.libSrch .proCheckSrch ul .check3 span img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch ul .check3 span img.on{opacity:0}
	.libSrch .proCheckSrch ul .check3 input[type="checkbox"]{width:20px; height:20px;}
	.libSrch .proCheckSrch .okBt{display:block; width:163px; height:48px; text-align:center; background:#333; color:#fff; font-size:20px; line-height:47px; margin:30px auto}
	.libSrch .proCheckSrch2{display:none; position:absolute; top:72px; left:155px; width:560px; height:855px; background:#f5f5f5; overflow:hidden}
	.libSrch .proCheckSrch2 ul{height:740px; overflow-y:scroll}
	.libSrch .proCheckSrch2 li{border-bottom:1px solid #d8d8d8; padding:40px 0;}
	.libSrch .proCheckSrch2 ul input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0}
	.libSrch .proCheckSrch2 ul .check1{font-size:32px; font-family:'NotoSans-Medium'; color:#000; margin:0 0 25px 50px;}
	.libSrch .proCheckSrch2 ul .check1 span{display:inline-block; position:relative; width:24px; height:24px; margin-right:4px; overflow:hidden}
	.libSrch .proCheckSrch2 ul .check1 span img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch2 ul .check1 span img.on{opacity:0}
	.libSrch .proCheckSrch2 ul .check1 input[type="checkbox"]{width:24px; height:24px;}
	.libSrch .proCheckSrch2 ul .check2{position:relative; font-size:20px; color:#333; margin:17px 0 12px 82px;}
	.libSrch .proCheckSrch2 ul .check2 span{display:inline-block; position:relative; width:20px; height:20px; margin-right:8px; overflow:hidden; vertical-align:middle}
	.libSrch .proCheckSrch2 ul .check2 label{vertical-align:middle}
	.libSrch .proCheckSrch2 ul .check2 span img{position:absolute; top:0; left:0;}
	.libSrch .proCheckSrch2 ul .check2 span img.on{opacity:0}
	.libSrch .proCheckSrch2 ul .check2 input[type="checkbox"]{width:20px; height:20px;}
	.libSrch .proCheckSrch2 .okBt{display:block; width:163px; height:48px; text-align:center; background:#333; color:#fff; font-size:20px; line-height:47px; margin:32px auto 0}
	.libraryList .srchDiv .srchOption{position:relative; padding:14px 0 19px;}
	.libraryList .srchDiv .srchOption .keyword{position:relative; width:815px;}
	.libraryList .srchDiv .srchOption span{display:inline-block; font-size:16px; color:#666; vertical-align:middle; margin-right:20px;}
	.libraryList .srchDiv .srchOption span:nth-child(1){margin-right:6px;}
	.libraryList .srchDiv .srchOption span a{display:inline-block; width:14px; height:17px; vertical-align:middle; margin-left:6px}
	.libraryList .srchDiv .srchOption .bts{position:absolute; top:17px; right:0;}
	.libraryList .srchDiv .srchOption .bts a{display:inline-block; width:72px; height:29px; text-align:center; line-height:28px; color:#fff; font-size:16px; margin-left:6px}
	.libraryList .srchDiv .srchOption .bts a:nth-child(1){background:#1453b5}
	.libraryList .srchDiv .srchOption .bts a:nth-child(2){background:#666}
	.libraryList .listDiv .inner a{width:100%; height:auto; padding:30px; margin-bottom:20px; letter-spacing:-1px}
	.libraryList .listDiv .inner a:nth-child(2n-1){float:none}
	.libraryList .listDiv .inner a:nth-child(2n){float:none}
	.libraryList .listDiv .inner a .txt .txt2{height:auto}
	.libraryList .listDiv .inner a .txt.thumb{width:calc(100% - 210px); width:-webkit-calc(100% - 210px)}
	.libraryList .srchDiv .srchOption .keyword{width:80%; height:35px;}
	/* 2018-06-25 추가 */
	.libraryView{width:auto; padding:0 30px}
	/* //2018-06-25 추가 */
	
	/* pr센터 */
	.prList{margin-top:0}
	.prSrch.swiper-container{width:100%}
	.prSrch .swiper-wrapper{width:100%}
	.prList .srchDiv .srch{position:absolute; top:-70px; right:15%; width:80%; height:48px;}
	.prList .srchDiv .srch input{width:100%; height:46px; background:#fff; box-sizing:border-box; border:none; font-size:16px; color:#666;}
	.prList .srchDiv .srch input::-webkit-input-placeholder {font-size:16px; color:#666;}
	.prList .srchDiv .srch input:-moz-placeholder {font-size:16px; color:#666; opacity:1;}
	.prList .srchDiv .srch input::-moz-placeholder {font-size:16px; color:#666; opacity:1;}
	.prList .srchDiv .srch input:-ms-input-placeholder {font-size:16px; color:#666;}
	.prList .srchDiv .srch input:placeholder-shown {font-size:16px; color:#666;}
	.prList .srchDiv .srch a{display:block; position:absolute; top:15px; right:15px;}
	.prList .srchDiv .refreshBtn{top:-70px; left:calc(85% + 8px); left:-webkit-calc(85% + 8px); width:48px; height:48px}
	.prListDiv li{padding:20px 0}
	.prListDiv li.notice .txt1{padding-left:50px}
	.prListDiv li .txt1{width:100%; float:none; margin-right:0; box-sizing:border-box}
	.prListDiv li a{width:100%; float:none;}
	.prListDiv li a span{width:calc(100% - 55px); width:-webkit-calc(100% - 55px)}
	.prListDiv li .date{width:100%; float:none; text-align:left}
	
	/* 상세 */
	.viewType1 .titDiv{padding:20px 30px;}
	.viewType1 .titDiv .txt1{width:100%; float:none; margin-right:0; margin-bottom:15px}
	.viewType1 .titDiv .txt2{width:100%; float:none;}
	.viewType1 .titDiv .txt3{width:100%; float:none; text-align:left}
	.viewType1 .txtDiv{padding:44px 30px 47px}
	
	/* 사보 */
	.magaListDiv .inner > a{margin-right:57px;}
	.magaListDiv .inner > a:nth-child(4n){margin-right:57px;}
	.magaListDiv .inner > a:nth-child(3n){margin-right:0;}

	/* 유틸리티 */
	.inquiryDiv .writeDiv .tableDiv .tit{width:140px}
	.inquiryDiv .writeDiv .tableDiv .txt{width:345px}
	.inquiryDiv .writeDiv .tableDiv .txt2{width:830px}
	.inquiryDiv .writeDiv .tableDiv .txt3{width:830px}
	.inquiryDiv .writeDiv .tableDiv .txt input{width:320px}
	.inquiryDiv .writeDiv .tableDiv .txt3 textarea{width:805px}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt input{width:805px}
	.partnerDiv .partner .ptList .logo{width:33.3%}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaInput{width:474px}/* 2018-11-28 수정 */

	/* 제품 상세 테이블 */
	.infoTable .explainWrapper{width: 1069px;}/* 2023-02-07 추가 */

	/* Footer 영역 */
	/* 2022-08-08 추가 */
	#footer {height:83px;}
	#footer .right .familyPack {right:20px; bottom:100px;}
	#footer .emergencyCall {width:100%; margin:0; line-height:20px;} 
	/* // 2022-08-08 추가 */
	.privacyPolicy .listBox{padding:40px}
	.privacyPolicy .listBox p{box-sizing:border-box}
	.privacyPolicy .listBox p:nth-child(2n){padding-left:20px}
}

@media (max-width: 1024px) {
	.mainRoll .rollDiv .bg{height:100%}
	.mainRoll .rollDiv .bg video{display:none}
}

@media (max-width:1020px) {
	#header .hProduct .pBody dt{padding-bottom:5px; margin-bottom:5px; font-size:18px;}
	#header .hProduct .pBody dd .txt1{margin-bottom:7px; font-size:14px; margin-top:30px}
	#header .hProduct .pBody dd .txt2{padding-bottom:6px; font-size:12px;}
	#header .hProduct .pBody dd .txt2 a{margin-bottom:5px;}
}

@media (max-width:970px) {
	
	/* common */
/* 2025-02-20 최종 수정 */
.onlyweb{display: none;}
/* // 2025-02-20 최종 수정 */

	input{font-size:13px}
	textarea{font-size:13px}
	.loading{top:300px}
	.dimdBg{background:rgba(0, 0, 0, 0.9)}
	.topBt{position:fixed; bottom:50px; right:3%; opacity:0}
	.topBt img{width:30px;}
	.inner{width:94%; min-width:300px}
	#header .inner .menuPack{background:none}
	#header .inner .menuPack a{margin-left:11px; height:18px; vertical-align:middle}
	#header .inner .menuPack a.product{height:18px; line-height:16px /*width:18px; height:18px; background:url('/common/images/btn/product_bt.png') no-repeat center 0; background-size:18px; overflow:hidden; text-indent:-9999px*/}
	#header .inner .menuPack a img{vertical-align:top; margin-top:0}
	#header .inner .menuPack .hSrchBt{height:18px;}
	#header .inner .menuPack .hSrchBt img{top:1px;}
	#header .inner .menuPack .menuBt{padding-top:2px}
	#header .hSrch{display:none; position:absolute; top:60px; left:0; width:100%;}
	#header .hSrch .inputArea{height:40px;}
	#header .hSrch .inputArea input{height:40px; font-size:15px;}
	#header .hSrch .inputArea input::-webkit-input-placeholder {font-size:15px;}
	#header .hSrch .inputArea input:-moz-placeholder {font-size:15px;}
	#header .hSrch .inputArea input::-moz-placeholder {font-size:15px;}
	#header .hSrch .inputArea input:-ms-input-placeholder {font-size:15px;}
	#header .hSrch .inputArea input:placeholder-shown {font-size:15px;}
	#header .hSrch .inputArea a{top:10px;}
	#header .hSrch .inputArea a img{width:20px}
	#header .hSrch .autoArea .inner{padding:12px 3% 13px}
	#header .hSrch .autoArea p{font-size:15px; color:#dcdcdc; padding:3px 0;}
	#header .inner .gnb{display:none; left:245px;}
	#header .hProduct{overflow-y:auto}
	#header .hProduct .pHead{padding:11px 3%;}
	#header .hProduct .xbt{right:3%;}
	#header .hProduct .pBody{padding:0; background:#5f6779;}
	#header .hProduct .pBody dl{width:100%; margin-right:0%; float:none; padding:0;}
	#header .hProduct .pBody dt{position:relative; padding:12px 3%; margin-bottom:0; font-size:18px; background:#535b6d; border-bottom:1px solid #a8acb5}
	#header .hProduct .pBody dt.on{background:#353c5b; border-bottom:0px solid #a8acb5;}
	#header .hProduct .pBody dt .openBt{display:block; position:absolute; top:0; right:0; width:47px; height:47px;}
	#header .hProduct .pBody dt .openBt img{position:absolute; top:0; left:0; width:47px; height:47px;}
	#header .hProduct .pBody dt .openBt img.on{opacity:0}
	#header .hProduct .pBody dd{display:none}
	#header .hProduct .pBody dd .txt1{position:relative; padding:15px 3%; font-size:18px; margin-top:0;margin-bottom:0; letter-spacing:-1px; background:#363b46; border-bottom:1px solid #5d6169}
	#header .hProduct .pBody dd .txt1.on{background:#2a2e37; border-bottom:1px solid #2a2e37}
	#header .hProduct .pBody dd .txt1 .openBt2{display:block; position:absolute; top:12px; right:3%; width:24px; height:24px;}
	#header .hProduct .pBody dd .txt1 .openBt2 a img{position:absolute; top:0; left:0; width:24px; height:24px;}
	#header .hProduct .pBody dd .txt1 .openBt2 a img.on{opacity:0}
	#header .hProduct .pBody dd .txt1.on .openBt2 a img{position:absolute; top:0; left:0; width:24px; height:24px;}
	#header .hProduct .pBody dd .txt1.on .openBt2 a img.on{opacity:0}
	#header .hProduct .pBody dd .txt2{display:none; padding-bottom:0; padding:0 3% 30px; border-left:0; background:#2a2e37}
	#header .hProduct .pBody dd .txt2 a{font-size:14px; font-family:'NotoSans-Medium'; margin-bottom:0; margin-left:0; padding:0 0 5px 10px; border-left:3px solid #bcbdc0}
	.footMenu{display:none}
	.footMenu li{width:22%; margin-right:3%;}
	
	/* 웹 메인 */
	.mainRoll{display:none}

	/* 모바일 메인 */
	.mainRoll .rollDiv .bg img{height:100%}
	.mainRollM{display:block}
	.mainRollM .swiper-slide > img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%}/* 2020-07-07 수정 */
	.mainV-container{height:100%}
	.mainV-container .btPack{position:absolute; top:400px; text-align:center; width:400px; left:50%; transform:translateX(-50%);}
	/* 2020-07-07 수정 */
	.mainV-container .btPack a{display:inline-block; width:178px; text-align:center; word-break:keep-all; color:#fff; font-size:16px; line-height:22px; font-family:'NotoSans-Medium'; box-sizing:border-box; text-align:center; padding:13px 10px; background:url('/common/images/icon/main_m_btbg.png') repeat 0 0; height:auto; margin:5px}
	/* // 2020-07-07 수정 */
	.mainRoll .rollDiv .btPack a span{display:table-cell; width:178px; text-align:center; padding:0 10px; height:72px; vertical-align:middle; word-break:keep-all; overflow:hidden;}
	.mainV-container .swiper-pagination{position:absolute; bottom:239px; left:0; width:100%; height:6px; text-align:center}
	.mainV-container .swiper-pagination .swiper-pagination-bullet{width:44px; height:4px; border:1px solid #fff; border-radius:0; background:none; opacity:1}
	.mainV-container .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
	.mainV-container .conDiv{position:absolute; top:150px; text-align:center; width:100%}
	.mainV-container .conDiv .txt1{font-size:64px; line-height:64px; color:#fff; font-family:'NotoSans-Bold'; position:absolute; top:50px; width:100%}
	.mainV-container .conDiv .txt2{font-size:34px; line-height:34px; color:#fff; font-family:'NotoSans-Bold'; position:absolute; top:140px; width:100%}
	
	/* 제품영역 */
	#subBody{padding-bottom:0}
	.subV{position:relative; width:100%; height:auto; color:#fff; padding-bottom:0; overflow:hidden}/* 2020-10-15 수정 */
	/* .subV.autoHtype{padding-bottom:0}/* 2019-12-24 추가 , 2020-10-15 삭제 */
	/* 2019-12-24 수정 */
	.subV.one{background-image:none !important; background-color:#1c588b !important}
	.subV.two{background-image:none !important; background-color:#287d8b !important}
	.subV.thr{background-image:none !important; background-color:#7c0b2b !important}
	.subV.fou{background-image:none !important; background-color:#575757 !important}
	/* // 2019-12-24 수정 */
	.subV .subVdiv{height:auto; padding:205px 0 100px; box-sizing:border-box; min-height:400px}
	.subV .subVdiv .indi{top:85px; font-size:13px;}
	.subV .subVdiv .indi span{display:inline-block; padding-right:15px; margin-right:11px; background:url('/common/images/icon/path_arrow.png') no-repeat right center}
	.subV .subVdiv .indi strong{display:inline-block; font-family:'NotoSans-Light'}
	.subV .subVdiv .txt1{position:relative; font-size:35px; line-height:43px; width:97%;}
	.subV .subVdiv .txt2{position:relative; font-size:15px; line-height:25px; width:94% !important; margin-top:35px; height:auto}/* 2025-05-13 important 추가*/
	/* 2025-02-18 추가 */
	.subV .subVdiv .txt2.w-lg{    width: 94%;}
	/* // 2025-02-18 추가 */
    .subV .subVdiv .txt2 .onlyWeb{display:none;} /* 2022-05-11 추가 */
	/* 2024-04-25 추가 */
	.subV.highend{background:url('/webapps/uploadfiles/image/2017/11/tec_0301_m.jpg') no-repeat center bottom; background-size:cover}
	.subV.highend .subVdiv .txt2.mt0{margin-top:0;}
    .onlyWeb{display:none;} /* 2025-04-21 추가 */
	.onlyMo{display:block;}
	/* // 2024-04-25 추가 */
	.subV .subVdiv .img{position:absolute; bottom:-25%; right:0; width:100%; text-align:center}
	.subV .subVdiv .img img{width:320px;}
	.subV .subVdiv .staasLogoCon img{height:50px;}/* 2023-07-11 추가 */
	/* .subV.autoHtype .subVdiv{padding-top:205px;} 2020-10-14 추가 , 2020-10-15 삭제 */
	.subV2{height:400px;}
	.subV2.one{background:url('/common/images/icon/digital_subv_img.png') no-repeat center bottom #1c588b; background-size:auto 100%}
	.subV2.two{background:url('/common/images/icon/cloudsoft_subv_img.png') no-repeat center bottom #287d8b; background-size:auto 100%}
	.subV2.thr{background:url('/common/images/icon/bigdata_subv_img.png') no-repeat center bottom #7c0b2b; background-size:auto 100%}
	.subV2.fou{background:url('/common/images/icon/technology_subv_img.png') no-repeat center bottom #575757; background-size:auto 100%}
	.subV2 .subVdiv{height:275px; padding:125px 0 0; text-align:center}
	.subV2 .subVdiv .txt1{font-size:30px; line-height:30px;}
	.subV2 .subVdiv .txt2{font-size:12px; line-height:18px; margin-top:10px;}
	.subV2.type2{height:200px; background-size:auto 200px !important;  background-position:right 0 !important;}
	.subV2.type2 .subVdiv{height:120px; padding:100px 0 0;}
	.anchorIndi .swiper-container{width:100%; height:50px;}
	.anchorIndi .swiper-wrapper{width:100%; height:45px; padding:0 0 0;}
	/* 2024-09-09 add page s */
	.anchorIndi .swiper-slide{width:auto; height:45px; padding-right: 0; }
	.anchorIndi .swiper-slide a{font-size:13px; height:37px; min-width:70px; margin-top:10px;line-height:29px}
	.anchorIndi .clo0405 .swiper-slide a{min-width:75px;}
	/* //2024-09-09 add page e */
	.anchorIndi .swiper-slide.question a{height:20px; width:70px; line-height:20px; margin-left:10px}
	.topTxt1{font-size:30px; line-height:40px}
	.topTxt2 p{width:100%; float:none; margin-bottom:19px}
	.topTxt2 p:last-child{float:none; margin-bottom:0}
	.proInfoType2 li{height:auto; padding:120px 0 111px;}
	.proInfoType2 li .img{position:relative; float:none; width:100%; height:auto; min-height:auto}
	.proInfoType2 li .img img{width:100%;}
	.proInfoType2 li .txt{position:relative; float:none; width:100%; height:auto; min-height:auto; word-break:keep-all; padding:0 0 0 0; box-sizing:border-box; margin-top:47px}
	.proInfoType2 li:nth-child(2n+1){background:#f7f7f7}
	.proInfoType2 li:nth-child(2n+1) .img{position:relative; top:0; left:0; width:100%; height:auto;}
	.proInfoType2 li:nth-child(2n+1) .txt{position:relative; top:0; right:0; width:100%; min-height:auto; padding:0 0 0 0; box-sizing:border-box}
	#pt1{padding-top:60px}
	#pt1 li{width:100%; height:300px !important; margin-right:0; overflow:hidden; margin-bottom:20px}
	#pt1 li .img{width:35%; display:table-cell; height:300px; vertical-align:middle}
	#pt1 li > div{width:63%; display:table-cell; height:300px; vertical-align:middle}
	#pt1 li .img img{width:100%; height:auto}
	#pt1 li .tit{margin-top:0; margin-left:0; text-align:left}
	#pt1 li .txtIcon2{margin-top:5px; width:auto; margin-left:0}
	/* 2024-06-13 추가수정 s */
	#pt1 li .txtRef{margin-top: 20px; margin-left: 0; padding-right: 20px; width:auto; font-size: 14px;}
	#pt1 li .txtRef + .txtRef{margin-top: 5px;}
	/* //2024-06-13 추가수정 e */
	/* 2024-04-25 추가 */
	#pt1.highend-pt1 li img{width:auto;}
	#pt1.highend-pt1 .txtIcon1 {font-size:40px;line-height: 45px;}
	/* // 2024-04-25 추가 */
	/* 2023-05-09 추가 */
	.dig0104 .inner{width: 94%; min-width: 300px;}
	.dig0104 #pt1 .inner{width: 94%; min-width: 300px;}
	.dig0104 #pt1 li{width:100%; height:300px !important; margin-right:0; overflow:hidden; margin-bottom:20px}
	.dig0104 #pt1 li .img{width:35%; display:table-cell; height:300px; vertical-align:middle}
	.dig0104 #pt1 li > div{width:63%; display:table-cell; height:300px; vertical-align:middle}
	.dig0104 #pt1 li .img img{width:100%; height:auto}
	.dig0104 #pt1 li .tit{margin-top:0; margin-left:0; text-align:left}
	.dig0104 #pt1 li .txtIcon2{width:auto; margin:5px;/* 0 0;*/}
	/* //2023-05-09 추가 */
	.dig0304 li .img img {height: auto; width: 60% !important;} /* 2025-04-21 추가 */
	/* 2024-11-11 */
	#pt1.big0505 ul {margin-top: 0;}
	#pt1.big0505 ul li.small {height: 300px !important;}
	#pt1.big0505 ul li .img {width:300px;}
	/* 2024-11-11 */
	#pt2{padding-top:60px}
	#pt2 ul{margin-top:50px}
	#pt2 li{width:100%; height:auto; margin-bottom:100px}
	#pt2 li:nth-child(2n-1) .img{position:relative; top:0; left:0;}
	#pt2 li:nth-child(2n-1) .txt{position:relative; top:0; right:0; padding-right:0;}
	#pt2 li:nth-child(2n) .img{position:relative; top:0; right:0;}
	#pt2 li:nth-child(2n) .txt{position:relative; top:0; left:0; padding-left:0;}
	#pt2 li .img img{width:100%; height:auto}
	#pt2 li .txt{padding-top:40px; transform:translateY(0%)}
	#pt2 li:nth-child(2n-1) .txt{width:100%;}
	#pt2 li .txt .tit{margin-bottom:15px}
	#pt2 li .txt .txtIcon2{margin-bottom:8px}
	#pt2 .infoBox{padding:100px 0; height:auto}
	#pt2 .txtBox{height:auto; padding:30px 0}
	#pt2 .txtBox .infoTxt p{font-size:16px; line-height:28px}
	/* 2019-11-28 추가 */
	#pt2 .infoBox.autoH{padding:75px 0 70px;}
	#pt2 .infoBox .txtBox.autoH{padding:50px 0 45px;}
	#pt2 .txtBox.autoH .infoTxt{margin-top:20px; padding-bottom:15px}
	/* // 2019-11-28 추가 */
	#pt2.highend-pt2 .txtIcon1 {font-size:40px;line-height: 45px;}/* 2024-04-25 추가 */
	#pt3{padding-top:60px}
	#pt3 .infoBoard th{font-size:18px; line-height:24px;}
	#pt3 .infoBoard td{padding:18px 20px 19px;}
	/* 2021-09-10 추가 */
	/* 2024-04-25 추가 */
	#pt3.highend-pt3 .infoBox{padding:100px 0; height:auto}
	#pt3.highend-pt3 .txtBox{height:auto; padding:60px 0}
	#pt3.highend-pt3 .txtBox .infoTxt p{font-size:16px; line-height:28px}
	/* // 2024-04-25, 2024-11-11 추가 */
	#pt3.big0505 .borderBox {margin: 50px auto 30px; padding: 30px;}
	#pt3.big0505 .tit{text-align:left; font-size:16px;}
	#pt3.big0505 .textBox{width: auto; margin: 0;} 
	#pt3.big0505 .infoTable .explainTxt{font-size:14px; width: max-content;}
	#pt3 .basic_architecture{margin-top:50px; width: 94%;}
	#pt3 .basic_architecture_img{width:800px;}
	#pt6 .basic_architecture{margin-top:50px; width: 94%;}
	#pt6 .basic_architecture_img{width:800px;}
	/* // 2021-09-10, 2024-11-11 추가 */
	#pt99{position:relative; padding:60px 0 50px; background:#f7f7f7}
	#pt99 > div{margin-top:50px}
	#pt99 > div > a{width:100%; height:auto; padding:45px 40px; float:none}
	#pt99 > div > a .txt2{font-size:22px; line-height:28px;}
	#pt99 > div > a .txt2 img{width:16px; margin-right:4px}
	#pt99 > div > a .txt3{font-size:16px; line-height:24px; margin-top:20px}
	#pt99 > div > a.option1{background-size:60px auto}
	#pt99 .moreBt{height:35px; top:187px;}
	#pt99 .moreBt a{width:118px; height:18px; font-size:18px; padding:12px 0;}
	#pt99 > div{margin-top:100px;}
	#pt99 .moreNoData{padding:85px 0 40px; font-size:14px; background:url('/common/images/icon/noMoreData_icon.gif') no-repeat center 40px #fff; background-size:35px}
	#pt5{padding:35px 0 0}
	#pt5 > div > a{padding:34px 0 37px;}
	#pt5 > div > a .txt2{font-size:25px; line-height:28px; margin:5px 0 12px;}
	#pt5 > div > a .txt2 img{vertical-align:middle; margin-right:5px; width:25px;}
	#pt5 > div > a .txt3{font-size:16px; line-height:26px;}
	
	/* 2023-08-18 추가 */
	#pt6{padding-top:60px;}/* 2023-08-21 추가 */
	#pt6 .infoBox{padding:100px 0; height:auto}
	#pt6 .txtBox{height:auto; padding:30px 0}
	#pt6 .txtBox .infoTxt p{font-size:16px; line-height:28px}
	#pt6 .infoBox.autoH{padding:75px 0 70px;}
	#pt6 .infoBox .txtBox.autoH{padding:50px 0 45px;}
	#pt6 .txtBox{height:auto;}
	#pt6 .txtBox .infoTxt{margin:19px 3% 0; padding:18px 35px 14px; font-size:14px; line-height:24px;}
	#pt6 .txtBox .infoTxt p .onlyWeb{display:none;}
	#pt6 .txtBox .infoTxt span:nth-child(1) img{width:40px}
	#pt6 .txtBox .infoTxt span:nth-child(3) img{width:40px}
	#pt6 .txtBox.autoH .infoTxt{margin-top:20px; padding-bottom:15px}	
	/* // 2023-08-18 추가 */

	/* 제품 상세테이블 */
	/* 2024-09-09 add page s */
	.infoTable_wrapper{margin-top: 50px;}
	/* //2024-09-09 add page e */
	.infoTable{padding-bottom:30px; overflow-x:scroll; margin-top:50px}
	.infoTable table{width:800px}
	.infoTable table th{padding:7px 10px; font-size:14px; line-height:20px}
	.infoTable table td{padding:7px 10px; font-size:14px; line-height:20px}
	.infoTable table td.img{text-align:center}
	.infoTable table td img{width:150px}
	#pt3.big0505 .infoTable:first-of-type{margin-bottom:30px;}/* 2024-11-11 */
	/* 2025-08-21 추가 s */
	#pt3 .imgTable {margin-top: 40px;}
	#pt3 .imgTable img {width: 800px;}
	/* // 2025-08-21 추가 e */

	/* 하단 검색 */
	.subCom{padding:40px 0;}
	.subCom .srchQ{width:94%; height:50px; border:none; box-shadow:0 0 0 2px #4b4b4b inset}
	.subCom .srchQ input{width:85%; height:45px; line-height:45px; margin-top:3px; margin-left:2px; font-size:15px; padding-left:13px}
	.subCom .srchQ input::-webkit-input-placeholder {font-size:15px;}
	.subCom .srchQ input:-moz-placeholder {font-size:15px;}
	.subCom .srchQ input::-moz-placeholder {font-size:15px;}
	.subCom .srchQ input:-ms-input-placeholder {font-size:15px;}
	.subCom .srchQ input:placeholder-shown {font-size:15px;}
	.subCom .srchQ a{position:absolute; top:15px; right:15px;}
	.subCom .srchQ a img{width:20px;}
	.subCom .srchQ .autoComp{position:absolute; top:50px; left:0; width:100%; padding:12px 15px 14px;}
	.subCom .srchQ .autoComp p{font-size:15px; margin-bottom:5px}
	.subCom ul{width:100%; overflow:hidden; margin:35px auto 0}
	.subCom li{width:100%; float:none; text-align:center; background:none; border-bottom:1px solid #ededed; padding:15px 0 10px}
	.subCom li:last-child{background:none; border-bottom:0}
	.subCom li .txt1{font-size:14px; line-height:15px;}
	.subCom li .txt2{margin:5px 0; font-size:20px;}
	.subCom li .txt3{font-size:16px; line-height:18px; color:#666; }
	
	/* 라이브러리 */
	.libraryList .srchDiv .srch{width:80%; height:40px; top:-60px}
	.libraryList .srchDiv .srch input{height:38px; font-size:14px;}
	.libraryList .srchDiv .srch input::-webkit-input-placeholder {font-size:14px;}
	.libraryList .srchDiv .srch input:-moz-placeholder {font-size:14px;}
	.libraryList .srchDiv .srch input::-moz-placeholder {font-size:14px;}
	.libraryList .srchDiv .srch input:-ms-input-placeholder {font-size:14px;}
	.libraryList .srchDiv .srch input:placeholder-shown {font-size:14px;}
	.libraryList .srchDiv .srch a{top:12px; right:4%;}
	.libraryList .srchDiv .srch a img{width:14px}
	.libraryList .srchDiv .refreshBtn{top:-60px; width:40px; height:40px; left:calc(85% + 8px); left:-webkit-calc(85% + 8px)}
	.libraryList .listDiv{margin-top:20px; padding-bottom:0}
	.libraryList .listDiv .inner a{padding:15px; margin-bottom:20px; letter-spacing:0}
	.libraryList .listDiv .inner a .img{height:auto; padding-right:15px;}
	.libraryList .listDiv .inner a .txt{height:auto;}
	.libraryList .listDiv .inner a .txt.thumb{width:-webkit-calc(100% - 195px); width:calc(100% - 195px)}
	.libraryList .listDiv .inner a .txt .txt1{font-size:14px;}
	.libraryList .listDiv .inner a .txt .txt2{font-size:18px; margin:5px 0 15px; line-height:24px;}
	.libraryList .listDiv .inner a .txt .txt2 img{height:18px; margin-right:4px; margin-top:3px}
	.libraryList .listDiv .inner a .txt .txt3{font-size:15px; line-height:24px}
	.libraryList .listDiv .noData{padding:115px 0 45px; background: url('/common/images/icon/nodata_icon.jpg') no-repeat center 75px;background-size:29px;font-size:15px; margin-bottom:50px}
	.libSrch{position:relative; margin-top:30px}
	.libSrch .swiper-slide{height:50px; padding:10px 20px 0; width:auto}
	.libSrch .swiper-slide:nth-child(1){width:auto}
	.libSrch .swiper-slide a{font-size:16px}
	.libSrch .swiper-slide.on{border-bottom:2px solid #1453b5}
	.libraryList .srchDiv .srchOption{position:relative; padding:9px 0 19px;}
	.libraryList .srchDiv .srchOption .keyword{width:80%; height:35px;}
	.libraryList .srchDiv .srchOption span{font-size:14px; margin-right:15px;}
	.libraryList .srchDiv .srchOption span:nth-child(1){margin-right:4px;}
	.libraryList .srchDiv .srchOption span a{width:14px; height:17px;}
	.libraryList .srchDiv .srchOption .bts{position:absolute; top:12px; right:0;}
	.libraryList .srchDiv .srchOption .bts a{width:60px; height:25px; line-height:24px; font-size:14px; margin-left:0}
	.libSrch .proCheckSrch{top:52px; width:280px; height:335px}
	.libSrch .proCheckSrch ul{height:260px}
	.libSrch .proCheckSrch li{padding:10px 0 0 0}
	.libSrch .proCheckSrch ul .check1{margin:0 0 10px 10px}
	.libSrch .proCheckSrch ul .check1 input[type="checkbox"]{width:16px; height:16px}
	.libSrch .proCheckSrch ul .check1 span{width:20px; height:20px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check1 span img{width:16px; height:16px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check1{font-size:18px; line-height:18px}
	.libSrch .proCheckSrch ul .check2{margin:0px 0 10px 20px; font-size:16px}
	.libSrch .proCheckSrch ul .check2 input[type="checkbox"]{width:14px; height:14px}
	.libSrch .proCheckSrch ul .check2 span{width:14px; height:14px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check2 span img{width:14px; height:14px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check2 label{font-size:15px; line-height:15px}
	.libSrch .proCheckSrch ul .check2 a{bottom:0; width:14px; height:14px}
	.libSrch .proCheckSrch ul .check2 a img{width:14px; height:14px}
	.libSrch .proCheckSrch ul .check3Pack{padding:4px 20px 5px; line-height:20px}
	.libSrch .proCheckSrch ul .check3 input[type="checkbox"]{width:12px; height:12px; padding:0}
	.libSrch .proCheckSrch ul .check3 span{width:12px; height:12px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check3 span img{width:12px; height:12px; vertical-align:middle}
	.libSrch .proCheckSrch ul .check3 label{font-size:14px; line-height:14px}
	.libSrch .proCheckSrch .okBt{width:120px; height:35px; line-height:35px; margin:20px auto; font-size:15px}
	.libSrch .proCheckSrch.two ul{height:auto}
	.libSrch .proCheckSrch.two{height:auto}
	.libSrch .proCheckSrch.two .okBt{margin:20px auto; width:120px; height:35px; line-height:35px; margin:20px auto; font-size:15px}
	.downLayerPop{width:70%; padding:15px 10px 10px; top:80px}
	.downLayerPop .popTit{font-size:18px; line-height:24px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); word-break:keep-all}
	.downLayerPop .popCon{padding:20px 0; margin-top:15px}
	.downLayerPop .popCon .termDiv{padding:0 15px}
	.downLayerPop .popCon .checkDiv{margin-top:20px}
	.downLayerPop .popCon .checkDiv .top .tit{font-size:15px; float:none}
	.downLayerPop .popCon .checkDiv .top .check{margin-top:5px}
	.downLayerPop .popCon .checkDiv .top .check input[type="checkbox"]{width:16px; height:16px}
	.downLayerPop .popCon .checkDiv .top .check span{width:16px; height:16px; margin-left:5px}
	.downLayerPop .popCon .checkDiv .top .check span img{width:16px; height:16px}
	.downLayerPop .popCon .checkDiv .top .check label{font-size:15px}
	.downLayerPop .popCon .checkDiv .readDiv{margin-top:10px; padding:20px 10px; font-size:14px; line-height:22px}
	.downLayerPop .popCon .checkDiv .readDiv .bold{font-size:15px}
	.downLayerPop .popCon .checkDiv .check2 span input[type="checkbox"]{width:16px; height:16px; vertical-align:middle}
	.downLayerPop .popCon .checkDiv .check2 span{width:16px; height:16px; margin-left:3px; vertical-align:middle}
	.downLayerPop .popCon .checkDiv .check2 span img{width:16px; height:16px}
	.downLayerPop .popCon .checkDiv .check2 label{font-size:15px; vertical-align:middle; margin-left:8px}
	.downLayerPop .popCon .writeDiv{margin-top:20px; padding:20px 15px 0}
	.downLayerPop .popCon .writeDiv .tit{font-size:15px}
	.downLayerPop .popCon .writeDiv .inputDiv{margin-top:10px}
	.downLayerPop .popCon .writeDiv .inputDiv .line .left{width:100%; float:none; height:20px; line-height:20px; font-size:14px; margin-bottom:5px}
	.downLayerPop .popCon .writeDiv .inputDiv .line .right{width:100%; float:none}
	.downLayerPop .popCon .writeDiv .inputDiv .line .right input{height:30px; line-height:30px; width:100%; box-sizing:border-box}
	.downLayerPop .popCon .writeDiv .btnArea{margin:20px auto 0}
	.downLayerPop .popCon .writeDiv .btnArea a{margin:0; font-size:15px; height:35px; line-height:35px}
	.downLayerPop .popCon .writeDiv .btnArea a.okBtn{width:100px}
	.downLayerPop .popCon .writeDiv .btnArea a.cancelBtn{width:100px}
	.downLayerPop .closeBtn{width:18px; height:18px; top:20px; right:10px}
	.downLayerPop .closeBtn img{width:100%}
	/* 2018-06-25 추가 */
	.libraryView{padding:0 3%; margin:0 auto 80px}
	.libraryView .titArea{padding:0 20px 15px; font-size:16px; line-height:24px}/* 2018-06-29 수정 */
	.libraryView .titArea span{height:20px; line-height:18px; padding:0 10px; margin-right:5px; font-size:12px}
	.libraryView .titArea img{height:18px; margin-right:4px; margin-top:3px}/* 2018-06-29 수정 */
	.libraryView .conArea{padding:25px 20px 45px}/* 2018-06-29 수정 */
	.libraryView .conArea .picArea{height:90px}
	/* 2018-06-27 수정 */
	.libraryView .conArea .picArea .pic{width:100px; height:100px; padding-right:20px}
	/* //2018-06-27 수정 */
	.libraryView .conArea .picArea .pic img{width:100%}
	.libraryView .conArea .picArea .txtArea{font-size:13px; line-height:22px}
	.libraryView .conArea .inputArea .title{font-size:14px; margin-top:25px}
	.libraryView .conArea .tableDiv{margin-top:10px}
	.libraryView .conArea .tableDiv .tit{width:100%; float:none; height:25px; font-size:13px; line-height:20px; padding:5px 0; box-sizing:border-box; margin-bottom:0}
	.libraryView .conArea .tableDiv .tit img{vertical-align:middle; margin-left:7px}
	.libraryView .conArea .tableDiv .txt{width:100%; float:none; box-sizing:border-box; height:30px; margin-bottom:10px}
	.libraryView .conArea .tableDiv .txt input{height:30px; width:100%; box-sizing:border-box}
	.libraryView .conArea .agreeArea .tit{padding:10px 23px 10px 10px; font-size:13px}
	.libraryView .conArea .agreeArea .tit .btn{width:15px; height:8px; right:10px}
	.libraryView .conArea .agreeArea .tit .btn img{width:100%}
	.libraryView .conArea .agreeArea .txtArea{padding:10px; font-size:12px; line-height:18px; height:120px}/* 2018-07-03 수정 */
	.libraryView .conArea .agreeArea2 .txtArea{height:80px}
	.libraryView .conArea .agreeArea .check{font-size:13px; margin-top:8px; line-height:16px}
	.libraryView .conArea .agreeArea .check label{line-height:16px}
	.libraryView .conArea .agreeArea .check span{width:16px; height:16px; margin-left:6px}
	.libraryView .conArea .agreeArea .check span img{width:16px; height:16px}
	.libraryView .conArea .agreeArea .check input[type="checkbox"]{width:16px; height:16px}
	.libraryView .conArea .agreeArea .check2{font-size:13px; margin-top:8px; line-height:16px}
	.libraryView .conArea .agreeArea .check2 label{font-size:13px; line-height:16px}
	.libraryView .conArea .agreeArea .check2 span{width:16px; height:16px; margin-left:6px}
	.libraryView .conArea .agreeArea .check2 span img{width:16px; height:16px}
	.libraryView .conArea .agreeArea .check2 input[type="checkbox"]{width:16px; height:16px}
	.libraryView .conArea .agreeArea{margin-top:15px}
	.libraryView .conArea .downBtn{margin:30px auto 0; width:130px; height:36px; line-height:34px; font-size:13px; padding:0 18px 0 33px; background:url('/common/images/icon/libraryView_fileDown_btn.png') no-repeat 20px center #fff; background-size:12px auto}
	.libraryView .btArea{margin:20px auto 0}
	.libraryView .btArea .listBtn{width:90px; height:36px; line-height:36px; font-size:13px}
	/* //2018-06-25 추가 */

	/* pr센터 */
	.prList .srchDiv .srch{top:-60px; height:40px;}
	.prList .srchDiv .srch input{height:38px; font-size:14px;}
	.prList .srchDiv .srch input::-webkit-input-placeholder {font-size:14px;}
	.prList .srchDiv .srch input:-moz-placeholder {font-size:14px;}
	.prList .srchDiv .srch input::-moz-placeholder {font-size:14px;}
	.prList .srchDiv .srch input:-ms-input-placeholder {font-size:14px;}
	.prList .srchDiv .srch input:placeholder-shown {font-size:14px;}
	.prList .srchDiv .srch a{top:12px; right:4%;}
	.prList .srchDiv .srch a img{width:14px}
	.prList .srchDiv{position:relative; margin-top:30px; }
	.prList .srchDiv .refreshBtn{top:-60px; width:40px; height:40px; left:calc(85% + 8px); left:-webkit-calc(85% + 8px)}
	.prSrch{margin-top:30px}
	.prSrch .swiper-slide{height:50px; padding:10px 20px 0;}
	.prSrch .swiper-slide{width:auto}
	.prSrch .swiper-slide a{font-size:16px;}
	.prList{padding-bottom:50px}
	.prListDiv{padding-bottom:0}
	.prListDiv li{padding:15px 10px; line-height:24px;}
	.prListDiv li.notice{padding:15px 10px}
	.prListDiv li.notice .noti{width:20px}
	.prListDiv li.notice .txt1{padding-left:30px}
	.prListDiv li .txt1 .type{width:65px; height:25px; font-size:14px; line-height:24px;}
	.prListDiv li a{font-size:14px; margin-top:10px}
	.prListDiv li a img{width:15px}
	.prListDiv li a img.new{width:6px}
	.prListDiv li a span{width:auto; display:inline; white-space:inherit; overflow:inherit; text-overflow:inherit}
	.prListDiv li .date{font-size:14px;}

	/* 상세 */
	.viewType1{padding-bottom:120px}
	.viewType1 .titDiv{padding:15px 10px; line-height:24px;}
	.viewType1 .titDiv .txt1 img{width:26px;}
	.viewType1 .titDiv .txt1 .type{padding:0 12px; height:25px; font-size:14px; line-height:24px;}
	.viewType1 .titDiv .txt2{font-size:16px; margin-top:10px}
	.viewType1 .titDiv .txt2 img{width:15px}
	.viewType1 .titDiv .txt3{font-size:14px;}
	.viewType1 .txtDiv{padding:24px 10px 27px;}
	.viewType1 .txtDiv img{width:100%}
	.viewType1 .file{padding:11px 5% 17px;}
	.viewType1 .file .tit{width:100%; margin-right:0; margin-bottom:10px; float:none; font-size:14px; background:none;}
	.viewType1 .file .filePack{width:100%; float:none; font-size:14px;}
	.viewType1 .file .filePack a{font-size:14px; margin-right:10px; margin-bottom:5px}
	.viewType1 .file .filePack p{margin-bottom:5px}
	.viewType1 .file .filePack a img{width:15px; margin-right:3px}
	.viewType1 .listBts{margin-top:30px;}
	.viewType1 .listBts .preNext a img{width:35px;}
	.viewType1 .listBts a.list{width:90px; height:35px; font-size:15px; line-height:35px;}
	
	/* 사보 */
	.magaListDiv{padding-bottom:50px}
	.magaListDiv .inner{width:700px;}
	.magaListDiv .inner > a{width:206px; height:340px; margin-right:40px; font-size:15px;}
	.magaListDiv .inner > a:nth-child(4n){margin-right:40px;}
	.magaListDiv .inner > a:nth-child(3n){margin-right:0;}
	.magaListDiv .inner > a .img{width:206px; height:269px;}
	.magaListDiv .inner > a .img > img{width:206px; height:269px}
	.magaListDiv .inner > a .img span{top:-269px; left:0; width:206px; height:147px; padding:122px 0 0;}
	.magaListDiv .inner > a .img span img{width:30px;}
	.magaListDiv .inner > a:hover .img span{top:0px;}
	.magaListDiv .inner > a p.txt{margin-top:10px; font-size:14px}

	/* 회사소개 */
	.companyDiv .topDiv{padding-bottom:50px}
	.companyDiv .topDiv .topTxt1{font-size:20px; line-height:28px; margin-bottom:0}
	.companyDiv .topDiv .topTxt2{font-size:16px; line-height:24px; margin-top:15px}
	.companyDiv .topDiv .topTxt3{font-size:14px; line-height:22px; margin-top:15px}
	.companyDiv .midDiv{padding:40px 0 15px; height:676px}
	.companyDiv .midDiv .title{font-size:34px; line-height:34px}
	.companyDiv .midDiv .introDiv{width:540px; margin:50px auto 0}
	.companyDiv .midDiv .introDiv .box{width:170px; margin-left:15px; padding:68px 5px 0; height:220px; letter-spacing:-1.2px}
	.companyDiv .midDiv .introDiv .box:nth-child(1){background:url('/common/images/icon/intro_box_img1.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(2){background:url('/common/images/icon/intro_box_img2.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(3){background:url('/common/images/icon/intro_box_img3.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(4){background:url('/common/images/icon/intro_box_img4.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px; margin-left:95px}
	.companyDiv .midDiv .introDiv .box:nth-child(5){background:url('/common/images/icon/intro_box_img5.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box .tit{font-size:15px; padding-bottom:12px; background-size:22px 1px}
	.companyDiv .midDiv .introDiv .box .txt{margin-top:15px; font-size:13px}
	.companyDiv .midDiv .introDiv .box .txt span{display:inline-block}
	.companyDiv .midDiv2{padding:40px 15px 40px; height:auto; background:url('/common/images/icon/com_vision_bg.jpg') no-repeat center bottom #f1f1f4; background-size:cover; height:1050px}
	.companyDiv .midDiv2 .title{font-size:30px; line-height:30px; background:url('/common/images/icon/company_bar1.png') no-repeat center top; background-size:25px 1px; padding-top:10px}
	.companyDiv .midDiv2 .txt{font-size:14px; line-height:22px; margin-top:10px; padding:0}
	.companyDiv .midDiv2 .visionDiv{background:none; height:860px; width:450px; position:relative; padding-top:40px}
	.companyDiv .midDiv2 .visionDiv .vision{width:100%; position:absolute; left:0; transform:translateX(0); opacity:0; margin-top:0;}/* 2024-01-11 수정, 2024-01-11 스크롤모션 수정 */
	.companyDiv .midDiv2 .visionDiv .vision .tit{font-size:16px; line-height:16px;}
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(1){top:100px; /* top:40px; */ left:0}/* 2024-01-11 수정,  2024-01-11 스크롤모션 수정 */
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(2){top:360px; /* top:300px; */ left:0}/* 2024-01-11 수정,  2024-01-11 스크롤모션 수정 */
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(3){top:620px; /* top:600px; */ left:0}/* 2024-01-11 수정,  2024-01-11 스크롤모션 수정 */
	.companyDiv .midDiv2 .visionDiv .vision .txt1{margin-top:12px; font-size:20px; line-height:20px}
	.companyDiv .midDiv2 .visionDiv .vision .txt2{margin-top:13px; font-size:13px; line-height:20px}
	.historyDiv{padding-top:50px}
	.historyDiv .swiper-container{overflow:inherit; height:50px}
	.historyDiv .swiper-wrapper{width:94%}
	.historyDiv .swiper-slide{width:100px}
	.historyDiv .swiper-slide.on{height:50px}
	.historyDiv .swiper-slide a{font-size:15px; box-sizing:border-box; height:50px; line-height:50px}
	.historyDiv .tabContent{width:94%}
	.historyDiv .tabContent .banner{height:230px; padding-top:40px; padding-left:40px}
	.historyDiv .tabContent .banner.type1{background-size:cover}
	.historyDiv .tabContent .banner.type2{background-size:cover}
	.historyDiv .tabContent .banner.type3{background-size:cover}
	.historyDiv .tabContent .banner.type4{background-size:cover}
	.historyDiv .tabContent .banner .tit{font-size:36px; line-height:40px; padding-bottom:22px; background:url('/common/images/icon/history_bar.jpg') no-repeat left bottom; background-size:40px 2px}
	.historyDiv .tabContent .banner .txt{margin-top:20px; font-size:16px; line-height:25px}
	.historyDiv .tabContent .hisTop{margin:25px auto 0; width:100px; height:100px; font-size:18px; line-height:22px; background-size:100px; padding:18px 0}
	.historyDiv .tabContent .history{background:none; margin-bottom:40px}
	.historyDiv .tabContent .history .hisCon .year{font-size:26px; line-height:26px; text-align:left; margin-bottom:25px}
	.historyDiv .tabContent .history .hisCon:nth-child(2n-1){text-align:left; padding:40px 0 0}
	.historyDiv .tabContent .history .hisCon:nth-child(2n){text-align:left; padding:40px 0 0}
	.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .year{text-align:left}
	.historyDiv .tabContent .history .hisCon:nth-child(2n) .year{text-align:left}
	.historyDiv .tabContent .history .hisCon .textBox > div{margin-bottom:15px}
	.historyDiv .tabContent .history .hisCon .textBox span{font-size:14px; line-height:20px; width:29px}
	.historyDiv .tabContent .history .hisCon .textBox p{font-size:14px; line-height:20px; width:calc(100% - 29px); width:-webkit-calc(100% - 29px)}
	.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .textBox span{float:left; text-align:left}
	.historyDiv .tabContent .history .hisCon:nth-child(2n) .textBox span{float:left; text-align:left}
	.historyDiv .tabContent .history .hisCon:nth-child(2n-1) .textBox p{float:left; text-align:left}
	.historyDiv .tabContent .history .hisCon:nth-child(2n) .textBox p{float:left; text-align:left}
	.ceoDiv{padding-bottom:50px}
	.ceoDiv .banner{font-size:30px; line-height:42px; height:280px; background-size:cover; padding:30px 310px 0 20px; background:url('/common/images/icon/ceo_m_bg.jpg') no-repeat} /* 2018-09-11 수정 */
	.ceoDiv .banner .img{width:260px; right:65px}
	.ceoDiv .banner .img img{width:100%}
	/* 2021-03-12 추가 */
	.ceoDiv .banner.onlyTxt{height:280px; padding: 0 20px; line-height:280px;}
	.ceoDiv .banner.onlyTxt .txt{line-height:42px;}
	/* // 2021-03-12 추가 */
    /* 2025-04-02 수정S */
	.ceoDiv .txtBox{margin-top:30px}
	.ceoDiv .txtBox > div{font-size:14px; line-height:22px}
    /* .ceoDiv .txtBox .left{float:none; padding:0; width:100%}
	.ceoDiv .txtBox .right{float:none; padding:0; width:100%; margin-top:22px} */
	.ceoDiv .txtBox .ceo{margin-top:30px; margin-left: 0;}
	.ceoDiv .txtBox .ceo p span{font-size:22px; line-height:30px}
    /* 2025-04-02 수정E */
	.locationDiv{padding-bottom:50px}
	.locationDiv .mapBtn{margin-top:10px;}
	.locationDiv .mapBtn a{width:95px; height:35px; font-size:12px; line-height:35px}
	.locationDiv .mapBtn .print{padding-left:40px; background:url('/common/images/icon/print_icon.gif') no-repeat 13px center; background-size:18px auto}
	.locationDiv .mapBtn .viewMap img{width:30px}
	.locationDiv .locationList{margin-top:20px}
	.locationDiv .locationList .list{padding:20px; margin-right:0; width:100%; margin-bottom:20px}
	.locationDiv .locationList .list .tit{font-size:18px; padding-bottom:15px; margin-bottom:13px; background-size:10px 1px; line-height:18px}
	.locationDiv .locationList .list .line{line-height:20px; margin-bottom:5px}
	.locationDiv .locationList .list .line .left{font-size:14px; width:45px}
	.locationDiv .locationList .list .line .right{font-size:14px; width:-webkit-calc(100% - 45px); width:calc(100% - 45px)}
	.locationDiv .callInfo p{font-size:16px;}
	.locationDiv .callInfo p span{font-size:16px}

	/* 주요행사 */
	.eventListDiv li a{display:block; position:relative; top:0; right:0; margin:20px auto 0}
	.eventListDiv li > span{display:block; position:relative; top:0; right:0; margin:20px auto 0}

	/* paging */
	.paging{display:none;}
	.pagingM{display:block;}

	/* 하단 footer 영역 */
	#footer{width:100%; height:auto; text-align:center}
	#footer .inner{position: relative; flex-direction:column-reverse; justify-content:center; width:100%; padding:75px 0 5px;} /* 2023-02-20 수정 */
	#footer.main{background:#000; position:relative; z-index:11}
	#footer .left{padding:5px 0 10px; overflow:hidden;} /* 2022-08-08 수정 */
	#footer .left p{float:none; display:inline-block; margin:0 10px; font-size:13px; color:#bfbfbf; vertical-align:top}
	#footer .left p img{vertical-align:middle}
	#footer .right{position:absolute; top:40px; right:0; width:100%; height:35px; padding:0; border-top:1px solid #666}
	#footer .right > a{display:inline-block; height:auto; padding:0; float:none; font-size:13px; vertical-align:middle; margin:10px 10px 0}
	#footer .right > a:nth-child(1){color:#c2943b}
	#footer .right > a.family{display:block; position:absolute; top:-41px; left:auto; right:auto; width:100%; line-height:18px; text-align:center; padding:11px 0; height:40px; border-left:0px solid #666; border-right:0px solid #666; margin:0}
	#footer .right > a.family span{display:none}
	#footer .right .familyPack{display:none; position:absolute; bottom:75px; right:0; width:94%; padding:20px 3%; z-index:500}
	#footer .right .familyPack a{display:block; font-size:16px; color:#b8b8b8; margin-bottom:10px}
	#footer .right .familyPack a:last-child{margin-bottom:0}
	#footer .right .familyPack a:hover{font-family:'NotoSans-Medium'; color:#fff}
	#footer .emergencyCall {font-size:13px;} /* 2022-08-08 추가 */

	/* 유틸리티 */
	/* 2018-07-12 수정 */
	.inquiryDiv .title{font-size:18px; line-height:26px; background-size:68px 67px; padding-top:90px; margin-bottom:25px}
	.inquiryDiv .title span{display:inline}
	.inquiryDiv .writeDiv{margin-top:25px}
	.inquiryDiv .writeDiv .tableDiv{margin-top:10px}
	.inquiryDiv .writeDiv .tableDiv .tit{width:100%; padding:5px 0 5px 10px; height:40px; line-height:30px; border-bottom:none}
	.inquiryDiv .writeDiv .tableDiv .txt{width:100%; padding:5px 10px 10px 10px; height:50px}
	.inquiryDiv .writeDiv .tableDiv .txt2{width:100%}
	.inquiryDiv .writeDiv .tableDiv .txt3{width:100%; height:110px}
	.inquiryDiv .writeDiv .tableDiv .txt input{width:100%; height:35px}
	.inquiryDiv .writeDiv .tableDiv .txt3 textarea{width:100%; height:100px}
	/* 2018-11-28 수정 */
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaImg{width:77px; height:35px; overflow:hidden; margin-right:10px}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaImg img{width:100%; height:100%}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .listenBtn{font-size:14px; margin-right:10px; line-height:35px; width:auto}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .refreshBtn{font-size:14px; margin-right:10px; line-height:35px; width:auto}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .refreshBtn img{width:100%}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaInput{width:calc(100% - 251px); width:-webkit-calc(100% - 251px)}
	/* //2018-11-28 수정 */
	.inquiryDiv .tabDiv{padding-bottom:40px}
	.inquiryDiv .tabDiv .tabs{margin:25px 0}
	.inquiryDiv .tabDiv .tabs a{width:50%; height:40px; line-height:40px; font-size:14px}
	.inquiryDiv .tabDiv .tabs a:nth-child(3){border-top:none}
	.inquiryDiv .tabDiv .tabs a:nth-child(4){border-top:none}
	.inquiryDiv .tabDiv .tabContent .writeDiv{margin-top:10px}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt input{width:100%}
	.inquiryDiv  .btnArea{margin:25px 0;}
	.inquiryDiv  .btnArea a{width:90px; height:40px; line-height:40px; font-size:14px}
	.inquiryDiv .agreeArea .tit{padding:10px 23px 10px 10px; font-size:13px}
	.inquiryDiv .agreeArea .tit .btn{width:15px; height:8px; right:10px}
	.inquiryDiv .agreeArea .tit .btn img{width:100%}
	.inquiryDiv .agreeArea .txtArea{padding:10px; font-size:12px; line-height:18px; height:120px}
	.inquiryDiv .agreeArea2 .txtArea{height:80px}
	.inquiryDiv .agreeArea .infoBox{font-size:13px; line-height:24px;}
	.inquiryDiv .agreeArea .infoBox span{font-size:14px}
	.inquiryDiv .agreeArea .check{font-size:13px; margin-top:8px; line-height:16px}
	.inquiryDiv .agreeArea .check label{line-height:16px}
	.inquiryDiv .agreeArea .check span{width:16px; height:16px; margin-left:6px}
	.inquiryDiv .agreeArea .check span img{width:16px; height:16px}
	.inquiryDiv .agreeArea .check input[type="checkbox"]{width:16px; height:16px}
	.inquiryDiv .agreeArea .check2{font-size:13px; margin-top:8px; line-height:16px}
	.inquiryDiv .agreeArea .check2 label{font-size:13px; line-height:16px}
	.inquiryDiv .agreeArea .check2 span{width:16px; height:16px; margin-left:6px}
	.inquiryDiv .agreeArea .check2 span img{width:16px; height:16px}
	.inquiryDiv .agreeArea .check2 input[type="checkbox"]{width:16px; height:16px}
	.inquiryDiv .agreeArea .check3{font-size:13px; margin-top:8px; line-height:16px}
	.inquiryDiv .agreeArea .check3 label{font-size:13px; line-height:16px}
	.inquiryDiv .agreeArea .check3 span{width:16px; height:16px; margin-left:6px}
	.inquiryDiv .agreeArea .check3 span img{width:16px; height:16px}
	.inquiryDiv .agreeArea .check3 input[type="checkbox"]{width:16px; height:16px}
	.inquiryDiv .agreeArea{margin-top:15px}
	/* 2018-07-12 수정 */

	.partnerBanner{padding:50px 15px}
	.partnerBanner .tit{font-size:20px; padding-bottom:15px; line-height:28px}
	.partnerBanner .txt1{font-size:16px; line-height:24px; margin-top:15px}
	.partnerBanner .txt2{font-size:14px; line-height:20px; margin-top:20px}
	.partnerBanner .btn{width:145px; height:35px; line-height:35px; font-size:13px; margin:20px auto 0}
	.partnerDiv{padding-top:0}
	.partnerDiv .partner{margin-top:25px}
	.partnerDiv .partner .tit{font-size:16px; line-height:28px}
	.partnerDiv .partner .tit .btn{width:70px; height:28px; line-height:26px; font-size:13px}
	.partnerDiv .partner .ptList{margin-top:10px; min-height:70px}
	.partnerDiv .partner .ptList .logo{padding:15px 0}
	.partnerDiv .partner .ptList .logo img{height:40px}
	.partnerDiv .partner:last-child{padding-bottom:50px}


	/* Footer 영역 */
	.privacyPolicy .topTxt{font-size:15px; line-height:24px}
	.privacyPolicy .subTit{margin:30px 0 10px; font-size:16px; line-height:22px}
	.privacyPolicy .subTit2{margin:30px 0 10px}
	.privacyPolicy .listBox{padding:20px}
	.privacyPolicy .listBox p{float:none; width:100%; font-size:15px; line-height:28px; word-break:keep-all}
	.privacyPolicy .listBox p:nth-child(2n){padding-left:0}
	.privacyPolicy .txtDiv{font-size:14px; line-height:22px; padding-top:10px}
	.privacyPolicy .txtDiv .bold{font-size:15px; line-height:24px}
	.privacyPolicy .txtDiv .bold p{font-size:15px; line-height:24px}
	.privacyPolicy .txtDiv .bold span{font-size:14px; font-family:'NotoSans-Light'}
	.privacyPolicy .txtDiv p{font-size:14px; line-height:22px}
	.privacyPolicy .txtDiv p.type1{padding-left:10px}
	.privacyPolicy .txtDiv p.type2{padding-left:22px}
	.privacyPolicy .txtDiv .tableDiv{margin:10px 0}
	.privacyPolicy .txtDiv .tableDiv table{width:700px}
	.privacyPolicy .txtDiv .tableDiv table th{padding:7px 10px; font-size:14px; line-height:20px}
	.privacyPolicy .txtDiv .tableDiv table td{padding:7px 10px; font-size:14px; line-height:20px}
	.privacyPolicy .txtDiv .viewBtn{margin:10px 0 15px; padding:8px 20px; font-size:13px}
	.privacyPolicy .txtDiv .list .listBtn{margin-top:10px; padding:0 10px; font-size:13px; width:230px; height:40px; line-height:38px}
	.privacyPolicy .txtDiv .list .listTwoD{top:40px}
	.privacyPolicy .txtDiv .list .listTwoD a{padding:0 10px; font-size:13px; width:230px; height:40px; line-height:38px}
	.privacyPolicy .noticeBox{font-size:15px; line-height:24px; margin-bottom:50px}

	/* 통합검색 */
	.searchDiv{padding-bottom:50px}
	.searchDiv .srchQ{width:94%; height:50px}
	.searchDiv .srchQ input{width:100%; height:100%; font-size:15px}
	.searchDiv .srchQ input::-webkit-input-placeholder {font-size:15px}
	.searchDiv .srchQ input:-moz-placeholder {font-size:15px}
	.searchDiv .srchQ input::-moz-placeholder {font-size:15px}
	.searchDiv .srchQ input:-ms-input-placeholder {font-size:15px}
	.searchDiv .srchQ input:placeholder-shown {font-size:15px}
	.searchDiv .srchQ a{position:absolute; top:15px; right:15px}
	.searchDiv .srchQ a img{width:20px;}
	.searchDiv .srchQ .autoComp{position:absolute; top:50px; left:0; width:100%; padding:12px 3% 14px;}
	.searchDiv .srchQ .autoComp p{font-size:15px; margin-bottom:5px}
	.searchDiv .resultTxt{margin-top:50px; font-size:24px; line-height:34px}
	.searchDiv .subTit{margin-top:50px; font-size:20px}
	.searchDiv .resultBox{margin-top:10px}
	.searchDiv .resultBox a{padding:20px 0 25px;}
	.searchDiv .resultBox a .txt1{font-size:14px; line-height:24px;}
	.searchDiv .resultBox a .txt2{font-size:20px; line-height:24px; margin:5px 0 15px;}
	.searchDiv .resultBox a .txt2 img{vertical-align:top; margin-right:3px; width:18px}
	.searchDiv .resultBox a .txt3{font-size:15px; line-height:24px; letter-spacing:0}
	.searchDiv .resultBox a.imgType{display:block}
	.searchDiv .resultBox a.imgType .img{width:90%; padding-right:0; display:block; margin:0 auto 10px}
	.searchDiv .resultBox a.imgType .txtBox{width:100%; display:block;}
	.searchDiv .moreBtn{margin:30px auto 0; width:120px; padding:0 15px; height:35px; line-height:33px; font-size:13px; background:url('/common/images/btn/srch_more_bt.gif') no-repeat right 7px center #e8e8e8; background-size:8px 5px}
	.noData{padding:115px 0 95px; background:url('/common/images/icon/nodata_icon.jpg') no-repeat center 75px; background-size:29px; font-size:15px; }
	.prList .noData{border-top:1px solid #666; border-bottom:1px solid #666}

	/* 기타 */
	#subCon .errorDiv{width:94%; padding-top:25px}
	#subCon .errorDiv .notiBox{padding:90px 25px 40px; background:url('/common/images/icon/errorDiv_img.png') no-repeat center 35px #f7f7f7; background-size:39px}
	#subCon .errorDiv .notiBox h2{line-height:15px}
	#subCon .errorDiv .notiBox h2 img{width:130px}
	#subCon .errorDiv .notiBox .tit{font-size:24px; line-height:30px; margin-top:15px; word-break:keep-all}
	#subCon .errorDiv .notiBox .txt1{font-size:13px; line-height:20px; margin-top:20px}
	#subCon .errorDiv .notiBox .txt2{font-size:13px; line-height:20px; margin-top:10px}
	#subCon .errorDiv .notiBox .btn{width:140px; margin:25px auto 0; height:35px; line-height:35px; font-size:14px}

	/* 이벤트페이지 관련 */
	#wrapper .bfIconDiv{top:1100px; right:30px; width:110px; height:110px}
	#wrapper .bfIconDiv .bfIcon img{width:110px}
	#wrapper .bfIconDiv .closeBtn{top:2px; right:2px}
	#wrapper .bfIconDiv .closeBtn img{width:14px; height:14px}
	.eventDiv{padding:40px 0 80px}
	.eventDiv .eventPop{width:600px; padding:0 0 40px}
	.eventDiv .eventPop .area{padding:0 50px}
	.eventDiv .eventPop .top{padding:70px 50px; background-size:cover}
	.eventDiv .eventPop .top .subTit span{display:block}
	.eventDiv .eventPop .writeDiv{padding:40px 50px 0}
	.eventDiv .eventPop .writeDiv .tableDiv .line .right{width:380px}
	.eventDiv .eventPop .writeDiv .tableDiv .line .right input{width:380px}
	.eventDiv .eventPop .imgArea{width:600px} 
	.eventDiv .eventPop .imgArea img{width:100%}
	.eventDiv .eventPop .selectDiv .tit{line-height:25px}
}

@media (max-width:700px) {

	/* common */
	h1{position:absolute; top:25px;}
	h1 img{width:130px;}
	#header .inner .gnb{left:245px;}
	#header .hProduct .pHead{padding:11px 3%;}
	a.arrowBt{font-size:15px; line-height:20px; margin-bottom:5px}
	a.arrowBt span{padding-right:25px; background:url('/common/images/icon/arrow_icon_new.png') no-repeat right 2px; background-size:16px}
	#subCon{font-size:15px; line-height:26px; letter-spacing:-0.7px;}
	.txtIcon1{padding-top:13px; font-size:30px; line-height:30px; font-family:'NotoSans-Medium'; background:url('/common/images/icon/text_line1_new.gif') no-repeat center 0;}
	.txtIcon2{padding-top:7px; padding-left:17px; font-size:16px; line-height:20px; background:url('/common/images/icon/listarrow.png') no-repeat 0 11px; background-size:13px;}
	.dot{padding-left:7px; font-size:15px; line-height:18px;}
	.topTxt1{font-size:20px; line-height:30px; margin-bottom:25px}
	#header .inner .menuPack a{margin-left:8px}
	#header .inner .menuPack a.product{margin-right:0; padding: 6px 7px; font-size:12px;}
	.anchorIndi:after{background:-webkit-gradient(linear,right top,left top,color-stop(16.66%,rgba(255,255,255,0.3)),color-stop(80%,transparent)); content:''; display:block;; position:absolute; bottom:0; right:0; width:15px; height:45px}
	.mainV-container .conDiv .txt1{font-size:27px; line-height:initial; color:#fff; font-family:'NotoSans-Bold'; position:absolute; top:0; width:100%}
	.mainV-container .conDiv .txt2{font-size:16px; line-height:initial; color:#fff; font-family:'NotoSans-Bold'; position:absolute; top:40px; width:100%}
	.mainV-container .btPack{position:absolute; bottom:190px; left:0; width:100%; transform:translateX(0); height:auto; top:initial}
	.mainV-container .btPack a{display:block; width:90%; color:#fff; font-size:16px; font-family:'NotoSans-Medium'; text-align:center; padding:7px 0; margin:5px auto; background:url('/common/images/icon/main_m_btbg.png') repeat 0 0; float:none; height:auto}
	.mainV-container .btPack a:first-child{margin:5px auto}
	.mainV-container .swiper-pagination{position:absolute; bottom:315px; left:0; width:100%; height:6px; text-align:center} /* 2018-06-25 수정 */
	.mainV-container .swiper-pagination .swiper-pagination-bullet{width:29px; height:4px; border:1px solid #fff; border-radius:0; background:none; opacity:1}
	.mainV-container .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
	.footMenu{display:none}
	.mainRollM .swiper-slide > img{position:relative; top:auto; transform:none;}/* 2020-07-07 추가 */

	/* 제품영역 */
	#subCon{padding:45px 0 0; font-size:15px; line-height:26px; letter-spacing:-0.7px}
	.proInfoType2{margin-top:50px}
	.proInfoType2 li{height:auto; padding:50px 0;}
	.proInfoType2 li .txt{margin-top:0}
	.proInfoType2 li .txt .txt1{font-size:25px; margin-top:30px; line-height:35px}
	.proInfoType2 li .txt .txt2{font-size:15px; line-height:22px; margin:25px 0 20px}
	.proInfoType2 li .txt .btPack{border-left:3px solid #e4e4e4; padding-left:10px}
	#pt1{padding-top:45px}
	#pt1 ul{overflow:hidden; margin-top:50px}
	#pt1 li{width:100%; float:none; height:auto !important; margin-right:0; padding:0 0 50px;}
	#pt1 li .img{display:block; width:100%; text-align:center; height:auto}
	#pt1 li > div{display:block; width:94%; padding:0 3%; height:auto}
	#pt1 li img{width:200px;}
	#pt1 li .tit{padding:25px 0 0; font-size:18px; line-height:22px; text-align:center}
	#pt1 li .txtIcon2{margin-top:5px; width:auto; margin-right:0}
	/* 2023-05-09 추가 */
	.dig0104 #pt1{padding-top:45px}
	.dig0104 #pt1 ul{overflow:hidden; margin-top:50px}
	.dig0104 #pt1 li{width:100%; float:none; height:auto !important; margin-right:0; padding:0 0 50px;}
	.dig0104 #pt1 li .img{display:block; width:100%; text-align:center; height:auto}
	.dig0104 #pt1 li > div{display:block; width:94%; padding:0 3%; height:auto}
	.dig0104 #pt1 li img{width:200px;}
	.dig0104 #pt1 li .tit{padding:25px 0 0; font-size:18px; line-height:22px; text-align:center}
	.dig0104 #pt1 li .txtIcon2{margin-top:5px; width:auto; margin-right:0}
	/* // 2023-05-09 추가 */
	.dig0304 li .img img {width: 50% !important;} /* 2025-04-21 추가 */
	/* 2024-11-11 */
	#pt1.big0505 ul li.small {height: auto !important;}
	#pt1.big0505 ul li .img {width:auto;}
	/* 2024-11-11 */
	#pt2{padding-top:45px}
	#pt2 ul{margin-top:50px}
	#pt2 li{width:100%; height:auto; margin-bottom:50px}
	#pt2 li:nth-child(2n-1) .img{position:relative; top:0; left:0;}
	#pt2 li:nth-child(2n-1) .txt{position:relative; top:0; right:0; padding-right:0;}
	#pt2 li:nth-child(2n) .img{position:relative; top:0; right:0;}
	#pt2 li:nth-child(2n) .txt{position:relative; top:0; left:0; padding-left:0;}
	#pt2 li .img img{width:100%; height:auto}
	#pt2 li .txt{padding-top:40px; transform:translateY(0%)}
	#pt2 li:nth-child(2n-1) .txt{width:100%;}
	#pt2 li .txt .tit{font-size:18px; line-height:24px; margin-bottom:15px}
	#pt2 li .txt .txtIcon2{margin-bottom:5px}
	#pt2 .infoBox{width:100%; height:auto; padding:50px 0; background:url('/common/images/icon/hacp_textbg.jpg') no-repeat center 0;}
	#pt2 .infoBox .inner:nth-child(n + 2){margin-top: 30px} /* 2025-01-10 추가 */
	#pt2 .infoBox .infoLogo img{width:50%; max-width:120px}
	#pt2 .infoBox .infoLogo img.dig_0103{wid:100%; max-width:75px; margin-top:20px;} /* 2021-10-25 추가 */
	#pt2 .txtBox{height:auto;}
	#pt2 .txtBox .infoTxt{margin:19px 3% 0; padding:18px 35px 14px; font-size:14px; line-height:24px;}
	#pt2 .txtBox .infoTxt span:nth-child(1) img{width:40px}
	#pt2 .txtBox .infoTxt span:nth-child(3) img{width:40px}
	/* 2024-04-25 추가 */
	#pt2.highend-pt2 .inner{margin-top:50px;}
	/* // 2024-04-25 추가 */
	#pt3{margin:50px 0; padding-top:45px}
	#pt3 .infoBoard .tit{margin:30px 0 20px; font-size:22px;}
	#pt3 .infoBoard .tit:first-child{margin:50px 0 20px;}
	#pt3 .infoBoard th{font-size:14px; line-height:20px; font-family:'NotoSans-Medium'}
	#pt3 .infoBoard td{padding:12px 3% 13px;}
	/* 2024-04-25 추가 */
	#pt3.highend-pt3 {padding-top: 0;} 
	#pt3.highend-pt3 .infoBox{width:100%; height:auto; padding:50px 0; margin-top:20px; background:url('/common/images/icon/hacp_textbg.jpg') no-repeat center 0;}
	#pt3.highend-pt3 .infoBox .infoLogo img{width:50%; max-width:120px}
	#pt3.highend-pt3 .infoBox .infoLogo2 img{width:50%; max-width:80px}
	#pt3.highend-pt3 .infoBox .infoLogo3 img{width:50%; max-width:150px}
	#pt3.highend-pt3 .txtBox{height:auto;padding: 40px 0;}
	#pt3.highend-pt3 .txtBox .infoTxt{margin:19px 3% 0; padding:18px 35px 14px; font-size:14px; line-height:24px;}
	#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(1) img{width:40px}
	#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(3) img{width:40px}
	#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(1){position:absolute; top:0; left:0;}
	#pt3.highend-pt3 .txtBox .infoTxt span:nth-child(3){position:absolute; bottom:0; right:0;}
	/* // 2024-04-25 추가 */
	#pt99{padding:45px 0 30px;}
	#pt5 > div{margin-top:50px;}
	#pt5 > div > a{padding:20px 0 25px;}
	#pt5 > div > a .txt1{font-size:14px; line-height:24px;}
	#pt5 > div > a .txt2{font-size:20px; line-height:24px; margin:5px 0 15px;}
	#pt5 > div > a .txt2 img{vertical-align:middle; margin-right:5px; width:18px}
	#pt5 > div > a .txt3{font-size:15px; line-height:24px;}
	#pt2.dig0202 .txtBox .infoTxt{margin:19px 3% 0;}/* 2019-12-24 추가 */

	/* 2023-08-18 추가 */
	#pt6{padding-top:45px;}/* 2023-08-21 추가 */
	#pt6 .infoBox{width:100%; height:auto; padding:50px 0; background:url('/common/images/icon/hacp_textbg.jpg') no-repeat center 0;}
	#pt6 .infoBox .infoLogo img{width:50%; max-width:120px}
	#pt6 .infoBox .infoLogo img.dig_0103{wid:100%; max-width:75px; margin-top:20px;} /* 2021-10-25 추가 */
	#pt6 .txtBox{height:auto;}
	#pt6 .txtBox .infoTxt{margin:19px 3% 0; padding:18px 35px 14px; font-size:14px; line-height:24px;}
	#pt6 .txtBox .infoTxt span:nth-child(1) img{width:40px}
	#pt6 .txtBox .infoTxt span:nth-child(3) img{width:40px}
	/* // 2023-08-18 추가 */

	
	/* 라이브러리 */
	.srchDiv .swiper-container:after{background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1)); content:''; display:block;; position:absolute; bottom:0; right:-3.1%; width:20px; height:50px; z-index:2}
	.libSrch .swiper-slide{height:50px; padding:10px 20px 0;}
	.libSrch .swiper-slide:nth-child(1){width:auto}
	.libSrch .swiper-slide a{font-size:16px}
	.libraryList .srchDiv .srchOption{position:relative; padding:9px 0 19px;}
	.libraryList .srchDiv .srchOption .keyword{width:100%;}
	.libraryList .srchDiv .srchOption span{font-size:14px; margin-right:10px;}
	.libraryList .srchDiv .srchOption span:nth-child(1){margin-right:4px;}
	.libraryList .srchDiv .srchOption span a{margin-left:0}
	.libraryList .srchDiv .srchOption .bts{position:relative; top:0; right:0; width:100%; text-align:center; margin-top:20px}
	.downLayerPop{width:90%; }
	
	.libraryView .titArea{padding:0 3% 15px}/* 2018-06-29 추가 */
	/* 2018-06-25 추가 */
	.libraryView .conArea{padding:25px 3% 40px}
	/* //2018-06-25 추가 */

	/* pr센터 */
	.prList{margin-top:0}
	
	/* 사보 */
	.magaListDiv{padding-bottom:50px}
	.magaListDiv .inner{width:500px;}
	.magaListDiv .inner > a{width:48%; height:auto; margin-right:4%; margin-bottom:20px}
	.magaListDiv .inner > a:nth-child(4n){margin-right:4%}
	.magaListDiv .inner > a:nth-child(3n){margin-right:4%}
	.magaListDiv .inner > a:nth-child(2n){margin-right:0;}
	.magaListDiv .inner > a .img{width:100%; height:auto}
	.magaListDiv .inner > a .img img{width:100%; height:auto}
	.magaListDiv .inner > a .img span{width:100%; height:100%; box-sizing:border-box; opacity:0}
	
	/* 주요행사 */
	.eventListDiv{padding-bottom:50px; line-height:25px}
	.eventListDiv li{padding:20px 0;}
	.eventListDiv li .img{display:block; width:100%; height:auto;}
	.eventListDiv li .img img{width:100%;}
	.eventListDiv li .txt{display:block; width:100%; padding-left:0; margin-top:20px}
	.eventListDiv li .txt span{font-size:14px;}
	.eventListDiv li .txt span:nth-child(1){font-size:16px; margin-bottom:10px}
	.eventListDiv li .txt span:nth-child(2){font-size:14px;}
	.eventListDiv li .txt span:nth-child(3){font-size:14px;}
	.eventListDiv li a{width:100px; height:35px; line-height:34px; font-size:14px;}
	.eventListDiv li > span{width:100px; height:35px; line-height:34px; font-size:14px;}
	
	/* 회사소개 */
	.companyDiv .midDiv{height:777px}
	.companyDiv .midDiv .title{font-size:25px; line-height:25px}
	.companyDiv .midDiv .introDiv{width:288px; margin:30px auto 0}
	.companyDiv .midDiv .introDiv .box{width:139px; margin-left:10px; padding:68px 15px 0; height:210px; letter-spacing:-1.2px; margin-bottom:10px}
	.companyDiv .midDiv .introDiv .box:nth-child(1){background:url('/common/images/icon/intro_box_img1.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(2){background:url('/common/images/icon/intro_box_img2.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(3){background:url('/common/images/icon/intro_box_img3.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(4){background:url('/common/images/icon/intro_box_img4.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(5){background:url('/common/images/icon/intro_box_img5.png') no-repeat center 20px rgba(255, 255, 255, 0.95); background-size:auto 40px}
	.companyDiv .midDiv .introDiv .box:nth-child(3n-2){margin-left:10px}
	.companyDiv .midDiv .introDiv .box:nth-child(2n-1){margin-left:0}
	.companyDiv .midDiv .introDiv .box .tit{font-size:15px; padding-bottom:12px; background-size:22px 1px}
	.companyDiv .midDiv .introDiv .box .txt{margin-top:15px; font-size:13px; word-break:keep-all; line-height:20px}
	.companyDiv .midDiv .introDiv .box .txt span{display:inline}
	.historyDiv{margin-top:-45px}
	.incruitDiv .incruitIntro{padding-top:40px}
	.incruitDiv .incruitIntro .title{font-size:30px; line-height:30px; padding-top:10px; background:url('/common/images/icon/company_bar1.png') no-repeat center top; background-size:25px 1px}
	.incruitDiv .banner{width:94%; margin:0 auto; padding:0 0 50px}
	.incruitDiv .banner .tit{font-size:20px; line-height:28px}
	.incruitDiv .banner .txt{font-size:16px; line-height:22px; word-break:keep-all}
	.incruitDiv .banner .btn{width:100px; height:36px; line-height:34px; font-size:15px; margin:25px auto 0}
	.incruitDiv .incruitIntro{background:url('/common/images/icon/m_incruitIntro_bg.jpg') no-repeat center bottom; background-size:cover}
	.incruitDiv .incruitIntro .listDiv{width:220px; margin:40px auto 0}
	.incruitDiv .incruitIntro li{width:220px; margin-left:0; padding:130px 20px 20px; height:360px}
	.incruitDiv .incruitIntro li:nth-child(1){background:url('/common/images/icon/incruitIntro_list_img1.png') no-repeat center 40px; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(2){background:url('/common/images/icon/incruitIntro_list_img2.png') no-repeat center 40px; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(3){background:url('/common/images/icon/incruitIntro_list_img3.png') no-repeat center 40px; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(4){background:url('/common/images/icon/incruitIntro_list_img4.png') no-repeat center 40px; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(1):hover{background:url('/common/images/icon/incruitIntro_list_img1_on.png') no-repeat center 40px #fff; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(2):hover{background:url('/common/images/icon/incruitIntro_list_img2_on.png') no-repeat center 40px #fff; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(3):hover{background:url('/common/images/icon/incruitIntro_list_img3_on.png') no-repeat center 40px #fff; background-size:70px auto}
	.incruitDiv .incruitIntro li:nth-child(4):hover{background:url('/common/images/icon/incruitIntro_list_img4_on.png') no-repeat center 40px #fff; background-size:70px auto}
	.incruitDiv .incruitIntro li .txtDiv .tit{font-size:20px; line-height:26px; padding-bottom:25px; margin-bottom:25px}
	.incruitDiv .incruitIntro li .txtDiv .txt{font-size:14px; line-height:22px;}
	.ceoDiv .banner{font-size:20px; line-height:30px; height:250px; background-size:cover; padding:30px 200px 0 20px; background:url('/common/images/icon/ceo_m_bg.jpg') no-repeat} /* 2018-09-11 수정 */
	.ceoDiv .banner .img{width:230px; right:15px}
	/* 2021-03-12 추가 */
	.ceoDiv .banner.onlyTxt{height:250px; padding:0 20px; line-height:250px;}
	.ceoDiv .banner.onlyTxt .txt{line-height:30px;}
	/* // 2021-03-12 추가 */
	.locationDiv .callInfo{padding:20px 30px; height:auto}
	.locationDiv .callInfo p{line-height:30px}
	.locationDiv .callInfo p span{float:none; text-align:right; background:url('/common/images/icon/loca_tel_icon.png') no-repeat right 100px center; background-size:20px; padding-left:0; margin-top:10px}
	.historyDiv .swiper-container:after{background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1)); content:''; display:block;; position:absolute; bottom:0; right:0; width:20px; height:50px; z-index:2}

	/* 유틸리티 */
	.partnerDiv .partner .ptList .logo{width:50%}

	/* 이벤트페이지 */
	.eventDiv{padding:30px 0 50px; background:url('/common/images/icon/event_bg.jpg') no-repeat center top; background-size:cover}
	.eventDiv .eventPop{width:300px; padding:0 0 20px}
	.eventDiv .eventPop .top{padding:35px 20px; margin-bottom:35px}
	.eventDiv .eventPop .top .title{font-size:20px; line-height:30px; letter-spacing:-1px}
	.eventDiv .eventPop .top .subTit{font-size:16px; line-height:22px; letter-spacing:-1px; margin-top:10px}
	.eventDiv .eventPop .top .txt{font-size:13px; line-height:20px; margin-top:15px; background:url('/common/images/icon/star_icon.png') no-repeat left 7px}
	.eventDiv .eventPop .area{margin-top:25px; padding:0 20px}
	.eventDiv .eventPop .area .tit{font-size:15px; line-height:15px}
	.eventDiv .eventPop .area .infoBox{padding:20px; margin-top:10px; font-size:14px; line-height:22px}
	.eventDiv .eventPop .area .infoBox2{height:160px}
	.eventDiv .eventPop .area .infoBox span{font-size:14px}
	.eventDiv .eventPop .area .checkDiv{padding:7px 15px 7px 0}
	.eventDiv .eventPop .area .check{font-size:14px; line-height:16px}
	.eventDiv .eventPop .area .check a{display:block; width:16px; height:16px; position:absolute; top:9px; right:50px;}
	.eventDiv .eventPop .area .check span{width:17px; height:16px; margin-left:7px}
	.eventDiv .eventPop .area .check label{line-height:16px}
	.eventDiv .eventPop .area .check span img{width:16px; height:16px}
	.eventDiv .eventPop .area .check input[type="checkbox"]{width:16px; height:16px}
	.eventDiv .eventPop .writeDiv{margin-top:25px; padding:20px 20px 0}
	.eventDiv .eventPop .writeDiv .tit{font-size:15px; line-height:15px}
	.eventDiv .eventPop .writeDiv .tableDiv{margin-top:15px}
	.eventDiv .eventPop .writeDiv .tableDiv .line{margin-bottom:10px}
	.eventDiv .eventPop .writeDiv .tableDiv .line .left{width:100%; float:none; height:20px; line-height:20px; font-size:14px; margin-bottom:5px; background:none; padding:0}
	.eventDiv .eventPop .writeDiv .tableDiv .line .right{width:100%; float:none; height:30px}
	.eventDiv .eventPop .writeDiv .tableDiv .line .right input{height:30px; line-height:30px; width:100%;}
	.eventDiv .eventPop .writeDiv .notiTxt{font-size:13px; line-height:18px; padding-left:10px; background:url('/common/images/icon/star_icon2.gif') no-repeat left 6px}
	.eventDiv .eventPop .writeDiv .notiTxt span{display:inline}
	.eventDiv .eventPop .btnArea{margin:20px auto 0}
	.eventDiv .eventPop .btnArea a{width:100px; height:37px; line-height:37px; font-size:14px; margin:0}
	.eventDiv .eventPop .imgArea{width:300px}
	/* 2018-07-03 추가 */
	.eventDiv .eventPop.pdType{padding:0 0 15px}
	.eventDiv .eventPop.pdType .writeDiv2{padding:15px 15px 0}
	/* //2018-07-03 추가 */
	.eventDiv .eventPop .writeDiv2{padding:25px 20px 0}
	.eventDiv .eventPop .writeDiv2 .tit{font-size:15px; line-height:15px}
	.eventDiv .eventPop .writeDiv2 .tableDiv{margin-top:15px}
	.eventDiv .eventPop .writeDiv2 .tableDiv .line{margin-bottom:10px}
	.eventDiv .eventPop .writeDiv2 .tableDiv .line .left{width:100%; float:none; height:20px; line-height:20px; font-size:14px; margin-bottom:5px; background:none; padding:0}
	.eventDiv .eventPop .writeDiv2 .tableDiv .line .right{width:100%; float:none; height:30px}
	.eventDiv .eventPop .writeDiv2 .tableDiv .line .right input{height:30px; line-height:30px; width:100%;}
	.eventDiv .eventPop .selectDiv{margin-top:25px; padding:0 20px}
	.eventDiv .eventPop .selectDiv .tit{font-size:15px; line-height:22px}
	.eventDiv .eventPop .selectDiv .txt{font-size:13px; line-height:20px}
	.eventDiv .eventPop .selectDiv .list{margin-top:10px}
	.eventDiv .eventPop .selectDiv .list .line{margin-bottom:15px}
	.eventDiv .eventPop .selectDiv .list .check{margin-top:10px}
	.eventDiv .eventPop .selectDiv .list .check span{width:17px; height:23px; margin-right:5px; vertical-align:middle;}
	.eventDiv .eventPop .selectDiv .list .check span img{width:16px; height:16px; vertical-align:middle; top:2px}
	.eventDiv .eventPop .selectDiv .list .check label{font-size:14px; line-height:24px; margin-right:5px}
	.eventDiv .eventPop .selectDiv .list .check input[type="checkbox"]{width:16px; height:16px}
	.eventDiv .eventPop .selectDiv .list .check .inputBox{font-size:14px; line-height:23px; margin-right:0; margin-bottom:5px;}
	.eventDiv .eventPop .selectDiv .list .check .inputBox input[type="text"]{font-size:14px; height:20px; width:145px;}
	.eventDiv .eventPop .selectDiv .list .check .inputBox b{width:42px}
	.eventDiv .eventPop .selectDiv .list textarea{height:100px} /* 2018-04-06 추가 */
	.eventDiv .eventPop .selectDiv .list2{margin-top:10px}
	.eventDiv .eventPop .selectDiv .list2 .check{line-height:16px; margin-top:10px; overflow:hidden}
	.eventDiv .eventPop .selectDiv .list2 .check span{width:17px; height:16px; float:left}
	.eventDiv .eventPop .selectDiv .list2 .check span img{width:16px; height:16px}
	.eventDiv .eventPop .selectDiv .list2 .check span input{width:16px; height:16px}
	.eventDiv .eventPop .selectDiv .list2 .check label{font-size:14px; line-height:16px; display:inline-block; float:left; width:220px}
	.eventDiv .eventPop .selectDiv .list2 .check .inputBox{margin-top:5px}
	.eventDiv .eventPop .selectDiv .list2 .check .inputBox input[type="text"]{width:240px}
	.eventDiv .eventPop .selectDiv2{padding:0 20px 25px}
	.eventDiv .eventPop .area .check2{line-height:16px}
	.eventDiv .eventPop .area .check2 span{width:16px; height:16px; margin-left:2px}
	.eventDiv .eventPop .area .check2 > span{margin-right:9px}
	.eventDiv .eventPop .area .check2 > span:last-child{margin-right:0}
	.eventDiv .eventPop .area .check2 span img{width:16px; height:16px}
	.eventDiv .eventPop .area .check2 span input[type="checkbox"]{width:16px; height:16px}
	.eventDiv .eventPop .area .check2 label{font-size:14px; display:inline-block; line-height:18px; margin-left:0}
	
	/* 2018-07-03 추가 */
	.eventDiv .eventPop .agreeArea{padding:0 15px; letter-spacing:-0.6px}
	.eventDiv .eventPop .agreeArea .tit{padding:10px 23px 10px 10px; font-size:13px}
	.eventDiv .eventPop .agreeArea .tit .btn{width:15px; height:8px; right:10px}
	.eventDiv .eventPop .agreeArea .tit .btn img{width:100%}
	.eventDiv .eventPop .agreeArea .txtArea{padding:10px; font-size:12px; line-height:18px; height:120px}
	.eventDiv .eventPop .agreeArea2 .txtArea{height:60px}
	.eventDiv .eventPop .agreeArea .check{font-size:13px; margin-top:8px; line-height:16px}
	.eventDiv .eventPop .agreeArea .check label{line-height:16px}
	.eventDiv .eventPop .agreeArea .check span{width:16px; height:16px; margin-left:6px}
	.eventDiv .eventPop .agreeArea .check span img{width:16px; height:16px}
	.eventDiv .eventPop .agreeArea .check input[type="checkbox"]{width:16px; height:16px}
	.eventDiv .eventPop .agreeArea .check2{font-size:13px; margin-top:8px; line-height:16px}
	.eventDiv .eventPop .agreeArea .check2 label{font-size:13px; line-height:16px}
	.eventDiv .eventPop .agreeArea .check2 span{width:16px; height:16px; margin-left:6px}
	.eventDiv .eventPop .agreeArea .check2 span img{width:16px; height:16px}
	.eventDiv .eventPop .agreeArea .check2 input[type="checkbox"]{width:16px; height:16px}
	.eventDiv .eventPop .agreeArea{margin-top:15px}
	/* //2018-07-03 추가 */


}

@media (max-width:500px) {
	
	/* 라이브러리 */
	.libraryList .listDiv .inner a .img{display:block; padding-right:0px; margin-bottom:10px; width:100%}
	.libraryList .listDiv .inner a .img img{width:100%; height:auto}
	.libraryList .listDiv .inner a .txt{display:block;}
	.libraryList .listDiv .inner a .txt.thumb{width:100%}
	
	/* 사보 */
	.magaListDiv .inner{width:94%; min-width:94%}
	.magaListDiv .inner > a .img span{padding:92px 0 0}
	
	/* 회사소개 */
	.ceoDiv .banner{font-size:20px; line-height:30px; height:230px; background-size:cover; padding:30px 70px 0 20px; background:url('/common/images/icon/ceo_m_bg.jpg') no-repeat} /* 2018-09-11 수정 */
	.ceoDiv .banner .img{width:133px; right:15px}
	/* 2021-03-12 추가 */
	.ceoDiv .banner.onlyTxt{height:230px; padding:0 20px; line-height:230px;}
	.ceoDiv .banner.onlyTxt .txt{line-height:30px;}
	/* // 2021-03-12 추가 */
	.companyDiv .midDiv2{height:1150px}
	.companyDiv .midDiv2 .visionDiv{width:290px}
	.companyDiv .midDiv2 .visionDiv .vision{width:100%; padding:98px 10px 0}
	.companyDiv .midDiv2 .visionDiv .vision:nth-child(3){/* top:670px; */ left:0} /* 2024-01-11 수정 */
	/* 2018-11-23 추가 */
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt4{height:90px}
	.inquiryDiv .tabDiv .tabContent .writeDiv .tableDiv .txt2 .captchaInput{width:100%; display:block; margin-top:5px}
	/* //2018-11-23 추가 */

}


/* tec0201 2023-06-05 추가 */
.tec0201 .inner{margin-top:100px;}
#pt2.tec0201 .inner .ovF{display:flex; align-items: center;}
#pt2.tec0201 .inner .ovF .img {width:50%; text-align: center;}
#pt2.tec0201 .inner .ovF .img img{width:470px;}
#pt2.tec0201 .inner .ovF .txt{width:50%;}
#pt2.tec0201 .inner .ovF .txt .txt1{margin: 30px 10px; padding: 30px 30px 30px 60px; font-size: 18px; line-height: 26px; font-family: 'NotoSans-Light'; color: #555; text-indent: -25px; word-break: keep-all; border: 1px solid #e6e6e6;}
#pt2.tec0201 .inner .ovF .txt .txt1 span{padding-left:25px; background: url('/common/images/icon/listarrow.png') no-repeat 0 6px;}

#pt3.tec0201 .inner {display:flex; flex-wrap: wrap; }
#pt3.tec0201 .inner li{display:flex; flex-direction: column; align-items: center; width:390px; margin:30px 30px 0 0; padding:60px 40px; box-sizing: border-box; border: 1px solid #e6e6e6;}
#pt3.tec0201 .inner li:nth-child(3n){margin-right:0;}
#pt3.tec0201 .inner li div{height:150px; text-align:center; padding-bottom:40px;}
#pt3.tec0201 .inner li div .tit{margin: 0 0 24px; font-size: 26px; text-align: center; line-height: 36px; color: #444;}
#pt3.tec0201 .inner li div .txt{font-size: 18px; line-height: 26px; color: #555; font-family: 'NotoSans-Light';}
#pt3.tec0201 .inner li div p{word-break: keep-all;}

#pt4.tec0201 {padding-top: 113px; margin-bottom: 113px;}
#pt4.tec0201 tbody .tdP td p{text-indent: -10px; padding-left: 10px; word-break: keep-all;}

@media (max-width:1370px) {
	.tec0201 .inner{margin-top:45px;}
}

@media (max-width:1260px){
	#pt3.tec0201 .inner li{width:300px; padding:60px 10px;}
	#pt3.tec0201 .inner li .img{text-align:center;}
	#pt3.tec0201 .inner li .img img{width:90%;}
}

@media (max-width:970px) {
	#pt2.tec0201 .inner .ovF{flex-direction: column;}
	#pt2.tec0201 .inner .ovF .img {width:100%;}
	#pt2.tec0201 .inner .ovF .txt{width:100%;}
	#pt2.tec0201 .inner .ovF .txt .txt1{margin:20px 10px; padding: 18px 18px 18px 36px;}

	#pt3.tec0201 .inner li{flex-direction: row-reverse; width:100%; margin: 0 0 20px; padding:60px 30px;}
	#pt3.tec0201 .inner li div{width:63%; height:auto; margin-left: 70px; padding-bottom:0; text-align:start;}
	#pt3.tec0201 .inner li div .tit{text-align:start;}
	#pt3.tec0201 .inner li div .txt br{display:none;}
	#pt3.tec0201 .inner li .img {width:35%;}
}

@media (max-width:700px) {
	#pt3.tec0201{margin:0;}
	#pt3.tec0201 .inner li{flex-direction: column-reverse; padding: 50px 0;}
	#pt3.tec0201 .inner li div{width: 94%; padding: 0 3%; margin-left:0;}
	#pt3.tec0201 .inner li div .tit{padding: 25px 0 0; font-size: 18px; line-height: 22px; text-align:center;}
	#pt3.tec0201 .inner li div .txt{font-size: 16px; line-height: 20px; text-align: center;}
	#pt3.tec0201 .inner li .img {width:70%;}
}

@media (max-width:500px) {
	.tec0201 .inner{margin-top:50px;}
	#pt2.tec0201 .inner .ovF .img img{width:100%;}

	#pt3.tec0201 .inner li .img {width:100%;}
}
/* // tec0201 2023-06-05 추가 */