@charset "utf-8";
/* ----------
css
---------- */
/*@import url('//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');*/

@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
/* layout | 퍼블리셔 */


@font-face {
	font-family: 'GmarketSansBold';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GmarketSansMedium';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GmarketSansLight';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}



body, table, th, td, input,
textarea, button, select {
	font-family:'GmarketSansMedium', sans-serif;
	font-size:13px;
	color:#666;
}
body {background-color:#fff; min-width:1260px;}
.area{width:1260px; margin:0px auto;}
.font-square{font-family:'GmarketSansMedium',sans-serif }
.font-nanum{font-family:'GmarketSansMedium', sans-serif;
}
.font-malgun-gothic{font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;}
.over-img{overflow:hidden;}
.over-img img{
	-webkit-transition:transform 0.3s;
	-moz-transition:transform 0.3s;
	-o-transition:transform 0.3s;
	-ms-transition:transform 0.3s;
	transition:transform 0.3s
}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
::selection{color:#fff;background:#505050;}
::-moz-selection{color:#fff;background:#505050;}

/* ------------------------- Header ----------------------------- */
#header {width:100%; height:131px; position:fixed; z-index:99;}
#headerTop {width:100%; height:37px;/*  background:url(/images/common/headertop_bg.jpg) repeat-x; */ background-color:#2a2a2d; line-height:37px;}
#headerTop > div.area{overflow:hidden;}
#headerTop div.util{overflow:hidden; float:right; height:37px;}
#headerTop div.util > span{float:left; display:inline-block; font-size:13px;/*  color:#91e4ff; */ color:#fff; padding-right:23px;}
#headerTop div.util > ul{float:left; overflow:hidden; height:36px;}
#headerTop div.util > ul li{overflow:hidden; line-height:36px;}
#headerTop div.util > ul li > a{font-size:13px; color:#fff; line-height:36px;}
#headerTop div.util > ul li > a > span.event-tit{float:left; width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
#headerTop div.util > ul li > a > span.event-day{float:right; font-size:11px;}


#headerBottom{width:100%; height:93px; background:url(/img/gnb_bg_02.png) repeat-x; position:relative; }
#headerBottom > div.area{position:relative; height:94px;}
#headerBottom h1.logo{display:inline-block; float:left; margin-top:27px;}
#headerBottom h1.logo > a{display:inline-block;}
#headerBottom h1.logo img {/*width:147px;*/height:30px}
#headerBottom .logo > span{display:inline-block; vertical-align:middle; margin-left:17px;}
#headerBottom .logo > span.on{margin-left:25px;}
#headerBottom .logo > span a{font-size:16px; line-height:37px; color:rgba(69,69,69,0.5); letter-spacing:-0.5px; font-weight:400;}
#headerBottom .logo > span.on a{color:#454545; font-weight:500;}
#headerBottom .tel{display:inline-block; position:absolute; /*top:28px; */ top:5px; right:0px;}


#headerBottom .tel .tel-num{vertical-align:middle; margin-right:4px}
#headerBottom .tel .tel-num strong{font-size:23px; color:#ffffff; font-weight:600; vertical-align:middle; line-height:1.5em;}


#headerBottom .tel .time-info-wrap{display:inline-block; vertical-align:middle; text-align:right}
#headerBottom .tel .time-info{font-size:11px; color:#7b7b7b; /*line-height:18px;*/ line-height:16px; display:block; margin-left:6px}
#headerBottom p.online{display:inline-block; position:absolute; top:32px; right:0px; font-size:16px; line-height:28px;}
#headerBottom p a:hover{color:#00b7f3; }



/* 201029 삼성화재문구추가 NH */
#headerTop .samsung-txt {font-size:10px; color:#fff; }
#headerTop .samsung-txt b{display:inline-block; margin-left:10px;}
/* -------- Header 메뉴 -------- */
/*#menuList{display:inline-block; position:absolute; height:37px; top:28px; left:195px;}*/
#menuList{display:inline-block; position:absolute; height:37px; top:25px; right:195px; }
#menuList ul{overflow:hidden;}
#menuList ul li{float:left; text-align:center; padding-left:30px; }
#menuList ul li:first-child { padding-left:0;}
#menuList ul li a{font-size:16px; line-height:37px; color:#ffffff;}
/*#menuList ul li:hover a{color:#00b7f3;}*/

/* -------- Header 패밀리사이트 -------- */
/*#headerFamilySite{position:absolute; top:28px; right:160px;}*/
#headerFamilySite{position:absolute; top:28px; left:200px;}
.header-family-list {position:relative; width:195px; height:36px; border:1px solid #c8c8c8;  z-index:100; }
.header-family-list .lang-open-btn {overflow:hidden; position:relative; display:block; height:100%; padding:0 17px; font-size:15px; letter-spacing:-0.3px;line-height: 36px; color:#797979; font-weight:400; }
.header-family-list .lang-open-btn i {display:inline-block; margin-right: 12px; vertical-align: middle; font-size:20px; margin-top:-2px; }
.header-family-list .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}
.header-family-list .lang-open-btn .arrow i{font-size:16px;}
.header-family-list > ul {display:none;position:absolute; top:36px; left:-1px; z-index:10; width:100%; border:1px solid #c8c8c8; background-color:#fff;}
.header-family-list > ul > li{border-top:1px solid #c8c8c8}
.header-family-list > ul > li:first-child{border-top:0}
.header-family-list > ul > li > a{display:block; padding:0 17px; font-size:15px; line-height: 36px; color:#797979;}
.header-family-list > ul > li > a:hover{background-color:#f2f2f2; }
.header-family-list.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}

/* ------------------------- Footer ----------------------------- */
#footer {width:100%; background-color:#2d2d2d; padding: 40px 0 50px;}
/* #footerInner {height:100%; background:url(/images/common/footer_bg.png) no-repeat right top;} */
#footerInner {height:100%;}
#footerInner > p{display:inline-block; font-size:12px; line-height:20px; color:#9d9d9d; margin-top:15px;}
#footerInner > p a:hover {color:#ffffff;}
#footerInner > p > em {color:#6d6d6d;}


/* ------------------------- Main ----------------------------- */
#mainContainer {background-color:#fff; overflow:hidden; /*padding-top:131px;*/}
/* -------- mainVisual -------- */
/* #mainVisual {width:100%; height:553px; background:url(/images/common/main_visual_img.jpg) no-repeat center center; position:relative;}
#mainVisual h1{text-align:center; position:absolute; top:123px; left:50%; margin-left:-308.5px; opacity:0;filter:Alpha(opacity=0);}
#mainVisual p{text-align:center; position:absolute; top:227px; left:50%; margin-left:-233.5px;}
#mainVisual .quick_btn{position:absolute; left:50%; top:288px; margin-left:-128px;}

#mainVisual_night {width:100%; height:553px; background:url(/images/common/main_visual_night_img.jpg) no-repeat center center; position:relative;}
#mainVisual_night > h1{text-align:center; font-size:40px; padding-top:100px; line-height:54px; color:#cccccc; font-weight:600; text-shadow : 1px 1px 3px #333;}
#mainVisual_night > p{text-align:center; font-size:13px; padding-top:30px; color:#797979; line-height:24px;}
#mainVisual_night .quick_btn{position:absolute; left:50%; top:330px; margin-left:-128px;}

#mainVisual_sun {width:100%; height:553px; background:url(/images/common/main_visual_sun_img.jpg) no-repeat center center; position:relative;}
#mainVisual_sun > h1{text-align:center; font-size:40px; padding-top:120px; line-height:54px; color:#cccccc; font-weight:600;}
#mainVisual_sun > p{text-align:center; font-size:13px; padding-top:30px; color:#797979; line-height:24px;}
#mainVisual_sun .quick_btn{position:absolute; left:50%; top:330px; margin-left:-128px;} */



/* -------- mainContent -------- */
#mainContent {width:100%; overflow:hidden; }


/* Gnb */
#gnb {width:100%; height:290px; background-color:#fff; position:relative; }
.gnb-list-box{width:100%; background-color:#fff; }
.gnb-list-box.fixed{position:fixed; top:131px; left:0; border-bottom:1px solid #ddd; height:59px; /* z-index:100 */ z-index:10; }


#gnb .gnb-list-style{height:290px; overflow:hidden; position:absolute; left:50%; margin-left:-630px;  z-index:8;}
#gnb .gnb-list-box.fixed .gnb-list-style{height:auto; overflow:hidden; }
#gnb .gnb-list-box.fixed .gnb-list-style > li{}
#gnb .gnb-list-style > li{/*width:210px;*/ width:180px;/*width: 157.5px; */float:left; text-align:center;border-top:3px solid #ffffff; }
#gnb .gnb-list-style > li > p.num{font-size:20px; color:#00b7f3; padding-bottom:10px; margin-top:30px; display:none;}
#gnb .gnb-list-style > li.gnb8 > p.num{color:#7b7b7b;}

#gnb .gnb-list-style > li > a{font-size:17px; font-weight:400; color:#454545; display:block; padding:15px 0 25px 0; cursor:pointer;}
#gnb .gnb-list-style > li > a:focus{outline:none;}


#gnb .gnb-list-style > li:hover {border-top:3px solid #1d2088;}
#gnb .gnb-list-style > li:hover > a{color:#333; }
#gnb .gnb-list-style > li > .gnb-2dep{/*height:140px;height:160px; height:180px; */ height:320px; width:100%;}
#gnb .gnb-list-style > li > .gnb-2dep li a{font-size:14px; line-height:26px; color:#7b7b7b; display:inline-block;}
#gnb .gnb-list-style > li > .gnb-2dep li a:hover{color:#00b7f3; font-weight:600;}


/* Gnb - Ver2(sub) */
#gnbVer2 {width:100%; background-color:rgba(0, 0, 0, 0.6); position:fixed; top:131px;  /* z-index:999; */ z-index:98; }
#gnbVer2 .gnb-list-style{width:1260px; margin:0px auto; *zoom:1; }
#gnbVer2 .gnb-list-style:after{clear:both; display:block; content:"";}
#gnbVer2 .gnb-list-style > li{/*width:210px;*//*width:180px;*/width: 210px; float:left; text-align:center;}
#gnbVer2 .gnb-list-style > li.gnb8,
#gnbVer2 .gnb-list-style > li.gnb9{width:120px}
#gnbVer2 .gnb-list-style > li > p.num{font-size:20px; color:#ffffff; padding-bottom:10px;}
#gnbVer2 .gnb-list-style > li > a{font-size:17px; /* font-weight:400; */ font-weight:600; color:#ffffff; display:block; padding:17px 0 20px; cursor:pointer;}
#gnbVer2 .gnb-list-style > li > a:focus{outline:none;}
#gnbVer2 .gnb-list-style > li:hover > a, #gnbVer2 .gnb-list-style > li.on > a{ color:#ffffff; background-color:#101e1f; }



#gnbVer2 .gnb-list-style > li > .gnb-2dep{display:none; height:190px; width:100%; padding-top:5px;  }
#gnbVer2 .gnb-list-style > li > .gnb-2dep li{width:100%; }
#gnbVer2 .gnb-list-style > li > .gnb-2dep li a{font-size:15px; font-weight:600;  line-height:35px; color:#ffffff; display:inline-block; }
#gnbVer2 .gnb-list-style > li > .gnb-2dep li a:hover{color:#ffffff; border-bottom:1px #fff solid; font-weight:600; }


#gnbVer3 {  width:100%;   background-color:rgba(0, 0, 0, 0.6); position:fixed; top:0; /* z-index:999; */ z-index:98; font-family:"나눔고딕", 'NanumGothic',sans-serif}
#gnbVer3 .gnb-list-style{  width:1260px; margin:0px auto; *zoom:1; border:1px red solid; }
#gnbVer3 .gnb-list-style:after{clear:both; display:block; content:""; }
#gnbVer3 .gnb-list-style > li{ width: 100px; height:70px; float:left;  text-align:center;  }
#gnbVer3 .gnb-list-style > li.gnb8,
#gnbVer3 .gnb-list-style > li.gnb{width:200px; }
#gnbVer3 .gnb-list-style > li.gnbLogo{width:200px; }

#gnbVer3 .gnb-list-style > li > p.num{font-size:20px; color:#ffffff; padding-bottom:10px;}
#gnbVer3 .gnb-list-style > li > a{font-size:15px; /* font-weight:400; */height:70px; font-weight:600; color:#ffffff; display:block; padding:23px 0 23px; cursor:pointer; }
#gnbVer3 .gnb-list-style > li > a:focus{outline:none;}


#gnbVer3 .gnb-list-style > li > .gnb-2dep{ display:none; height:190px; width:100%; padding-top:5px;}
#gnbVer3 .gnb-list-style > li > .gnb-2dep li{width:100%;}
#gnbVer3 .gnb-list-style > li > .gnb-2dep li a{font-size:15px; font-weight:600; line-height:35px; color:#ffffff; display:inline-block;}
#gnbVer3 .gnb-list-style > li > .gnb-2dep li a:hover{color:#ffffff; border-bottom:1px #fff solid; font-weight:600;}



/* -------- mainNotice -------- */
#mainNotice{width:100%; height:1601px; background:url(/images/common/main_notice_bg.jpg) no-repeat center bottom;}
#mainNotice > .area{padding-top:52px;}
#mainNotice > .area > h2.bottom-tit{display:block; text-align:center; font-size:32px; line-height:64px; color:#ababab; font-weight:normal; margin:139px 0 180px 0;}
#mainNotice > .area > h2.bottom-tit.ver1{opacity:0;filter:Alpha(opacity=0);}
#mainNotice .board-box{overflow:hidden; width:100%; height:402px; margin-bottom:145px;}
#mainNotice .service-award-box{overflow:hidden; width:100%; height:374px;}
#mainNotice .trait-box{width:100%; height:243px;}
#mainNotice .consulting-box{width:100%; height:263px;}
.board-box h2.tit{width:625px; height:170px; font-weight:normal; margin-bottom:32px;} 
.board-box h2.tit > a {display:block; width:562px; height:127px; padding:43px 0 0 63px;}
.board-box h2.tit > a > p{font-size:18px; line-height:26px; color:#292935;}
.board-box h2.tit > a > span{display:inline-block; font-size:12px; line-height:32px; color:#292935; margin-top:5px;}
/* board */
#mainNotice .board-box > .board{width:625px; height:402px; float:left;}
.board-box > .board > h2.tit{background:url(/images/common/board_bg01.jpg) no-repeat;}
.board > ul{padding:0 15px; width:595px;}
.board > ul li{width:100%; height:39px; border-bottom:1px dotted #b0b0b0;}
.board > ul li > a{font-size:13px; line-height:39px; letter-spacing:-0.5px; color:#7b7b7b; overflow:hidden;}
.board > ul li > a > span.board-tit{float:left; width:380px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.board > ul li > a > span.board-tit > img{margin-left:10px;}
.board > ul li > a > span.board-day{float:right;}
/* 170111 수정 */
#mainNotice .board-box > .board-container{width:625px; height:402px; float:left}
.board-container ul.board-list{width:100%; height:100%; overflow:hidden;}
.board-container ul.board-list li{width:306px; height:400px; float:left; border:1px solid #ddd; margin-left:8px;}
.board-container ul.board-list li:first-child{margin-left:0;}
.board-container ul.board-list li .board-img-box{width:306px; height:169px; overflow:hidden; background:url(/images/common/main_board_list_img.jpg) no-repeat center top; position:relative;}
.board-container ul.board-list li .board-img-box > img{position:absolute; top:0; /*left:0;*/left:306px; opacity:0;filter:Alpha(opacity=0);}
.board-container ul.board-list li .board-txt-box{width:100%; height:173px; padding:29px 0; text-align:center; position:relative;}
.board-container ul.board-list li .board-txt-box > h3{font-size:18px; line-height:28px; color:#3b3b3b; letter-spacing:-0.25px; font-weight:normal; margin-bottom:20px;}
.board-container ul.board-list li .board-txt-box > p{font-size:13px; line-height:22px; color:#878787; margin-bottom:9px; min-height:43px; overflow:hidden;}
.board-container ul.board-list li .board-txt-box > span{font-size:13px; line-height:22px; color:#b3b3b3; letter-spacing:-0.25px; display:block;}
.board-container ul.board-list li .board-txt-box > a{position:absolute; bottom:30px; left:73px; display:inline-block; margin:0px auto; width:109px; height:35px; border:1px solid #ddd; font-size:13px; line-height:35px; color:#4f4f4f; letter-spacing:-0.25px; font-weight:600; background:#fff url(/images/common/main_board_more_btn.png) no-repeat 100px center; padding-left:50px; text-align:left;}
.board-container ul.board-list li .board-txt-box > a:hover{background:#fff url(/images/common/main_board_more_on_btn.png) no-repeat 100px center; color:#00b7f3; border:1px solid #00b7f3;}


/* service */
#mainNotice .service-award-box > .service{width:624px; height:374px; float:left; background:url(/images/common/award-box.jpg) no-repeat center top; position:relative;}
#mainNotice .service-award-box > .service .service-txt{position:absolute; top:219px; /*left:0;*/left:-275px; opacity:0;filter:Alpha(opacity=0); width:265px; height:107px; /*background:url(/images/common/award-box_bg.png) repeat;*/background-color:rgba(0,0,0,0.6); padding-left:20px;}
.service .service-txt > h2{font-size:17px; line-height:27px; font-weight:normal; color:#fff; padding-top:10px; opacity:0;filter:Alpha(opacity=0);}
.service .service-txt > p{font-size:12px; line-height:20px; color:#fff; letter-spacing:-1px; opacity:0;filter:Alpha(opacity=0);}
.service > ul{overflow:hidden;}
.service > ul li{float:left; width:312px; height:367px; display:inline-block; overflow:hidden;}
.service > ul li > a{display:block; position:relative;}
.service > ul li > a > img{-webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -o-transition:all 0.25s linear; transition:all 0.25s linear;}
.service > ul li > a:hover > img{-ms-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); transform:scale(1.3,1.3); -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -o-transition:all 0.25s linear; transition:all 0.25s linear;}
.service > ul li > a > p{position:absolute; bottom:47px; left:79px; text-align:center; font-size:28px; line-height:38px; color:#454545; letter-spacing:-0.5px;}
.service > ul li > a > p > strong{font-weight:600;}
/* award */
#mainNotice .service-award-box > .award{width:626px; height:374px; float:right; overflow:hidden; position:relative;}
/*.award > ul.sub-tab{overflow:hidden; width:626px; height:44px;}
.award > ul.sub-tab li{float:left; width:155.5px; height:44px; background:url(/images/common/tab_tit_bg.jpg) no-repeat; margin-left:1px; text-align:center;}
.award > ul.sub-tab li:first-child{margin-left:0px;}
.award > ul.sub-tab li.select{background:none; background-color:#00b7f3;}
.award > ul.sub-tab li > a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;}
.award > .subContent{width:624px; height:329px; border:1px solid #ddd; border-top:0px;}
.award > .subContent > article{display:none; width:100%; height:100%; text-align:center; line-height:329px;}
.award > .subContent > article:first-child{display:block;}*/
.award-img{width:624px; height:329px; position:absolute; bottom:0; left:0; border:1px solid #ddd; border-top:0;}
.award-img li{position:absolute; top:0; left:0; display:none; text-align:center; width:100%; height:100%; line-height:329px;}
.award-img li:first-child{display:block;}
.award-btn{width:626px; height:44px; overflow:hidden;}
.award-btn li{float:left; width:155.5px; height:44px; margin-left:1px; text-align:center; background:url(/images/common/tab_tit_bg.jpg) no-repeat;}
.award-btn li:first-child{margin-left:0;}
.award-btn li.select{background:none; background-color:#00b7f3;}
.award-btn li a{font-size:14px; line-height:44px; color:#fff; letter-spacing:0.5px; font-weight:600; display:block;}

/* trait */
#mainNotice .trait-box > .trait{display:block; overflow:hidden; width:100%; height:243px; }
.trait > li{position:relative;float:left; width:245px; height:243px; padding-left:70px;}
.trait > li > h3{font-size:26px; letter-spacing:-0.5px; color:#606060; font-weight:600; display:inline-block; padding-right:33px; /*background:url(/images/common/trait_off_icon.png) no-repeat right center;*/ margin-bottom:23px;}
.trait > li > h3 marquee {display:inline-block; float:left;position:absolute; top:0; padding-left:10px;}
.trait > li > h3 > img{padding-left:10px; position:relative;}
/*.trait > li:first-child > h3{background:url(/images/common/trait_on_icon.png) no-repeat right center;}*/
/*.trait > li:hover > h3{background:url(/images/common/trait_on_icon.png) no-repeat right center; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}*/
.trait > li > div.txt{position:relative;}
.trait > li > div.txt > p{
	font-size:13px; line-height:20px; color:#606060; letter-spacing:-0.5px;
	-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;
}
/*.trait > li > div.txt > p.on-txt{ 
	position:absolute; top:0px; left:0px;
	opacity:0;
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.trait > li:hover .off-txt{
	opacity:0;
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.trait > li:hover > div.txt > p.on-txt{
	opacity:1;
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}*/


/* -------- mainCustomer -------- */
#mainCustomer{width:100%; height:1313px; padding-top:80px;}
#mainCustomer > .area > h2.title{width:800px; margin:0px auto; background:url(/images/common/check_icon.png) no-repeat left center; font-size:32px; color:#444; letter-spacing:-1.5px; font-weight:normal; line-height:38px; padding-left:52px; margin-bottom:70px; opacity:0;filter:Alpha(opacity=0);}
#mainCustomer > .area > h2.title > strong{font-size:40px; color:#00b7f3; font-weight:normal; letter-spacing:-1.5px;}
#mainCustomer > .area > .consulting-box{width:100%; height:483px; overflow:hidden; margin-bottom:125px;}
/* partner */
.consulting-box > .partner{width:625px; height:484px; float:left;}
.partner > p{font-size:16px; line-height:26px; color:#462a29; font-weight:600; margin-bottom:12px;}
.partner > ul.partner-list{width:623px; height:443px; border:1px solid #dedede; overflow:hidden;}
.partner > ul.partner-list > li{float:left; position:relative; width:207px; height:87.8px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; line-height:87.8px; text-align:center;}
.partner > ul.partner-list > li img{position:absolute; top:0px; left:0px; right:0px; bottom:0px; max-width:99%; max-height:99%; margin:auto; line-height:normal}
.partner > ul.partner-list > li.maln{border-left:0px;}
.partner > ul.partner-list > li.malb{border-bottom:0px;}
/* customer */
.consulting-box > .customer{width:625px; height:484px; float:right;}
.customer > p{display:block; overflow:hidden; font-size:14px; line-height:26px; font-weight:600; color:#868686; letter-spacing:-1px; margin-bottom:12px;}
.customer > p > strong{color:#00b7f3; font-weight:600;}
.customer > p > span{float:right; font-size:11px; color:#999;}
/*.customer > table.cus-list{width:100%; height:445px; overflow:hidden;}
.customer > table.cus-list th{height:41px; line-height:41px; text-align:center; font-size:14px; font-weight:600; letter-spacing:-1px; color:#fff; background:#00b7f3 url(/images/common/customer_li_bg01.jpg) no-repeat left center;}
.customer > table.cus-list th:first-child{background:none; background-color:#00b7f3;}
.customer > table.cus-list td{text-align:center; background:url(/images/common/customer_li_bg02.jpg) no-repeat left center; font-size:14px; line-height:14px; padding:12.5px 0; border-bottom:1px solid #ddd;}
.customer > table.cus-list tr{border-right:1px solid #ddd; border-left:1px solid #ddd;}
.customer > table.cus-list tr td:first-child{background:none;}
.customer > table.cus-list td > img{margin-right:10px;}*/

#customer > .rank-title{width:625px; height:44px; background-color:#00b7f3; overflow:hidden; z-index:999;}
#customer > .rank-title > p{float:left; font-size:14px; line-height:41px; font-weight:600; letter-spacing:-0.5px; color:#fff; display:block; width:25%; text-align:center; background:url(/images/common/customer_li_bg01.jpg) no-repeat right center;}
#customer > .rank-title > p.list04{background:none;}
#newsticker-container{border:1px solid #ddd; height:400px; overflow:hidden; border-top:0px;}
#newsticker-container > ul.ranking{z-index:99;}
#newsticker-container > ul.ranking > li{width:623px; height:39px; border-bottom:1px solid #ddd; display:block;}
#newsticker-container > ul.ranking > li:last-child{border-bottom:0px;}
#newsticker-container > ul.ranking > li > div{display:block; width:623px; height:39px; overflow:hidden;}
#newsticker-container > ul.ranking > li > div > p{float:left; width:25%; font-size:14xp; line-height:39px; color:#868686; text-align:center; background:url(/images/common/customer_li_bg02.jpg) no-repeat right center;}
#newsticker-container > ul.ranking > li > div > p.last{background:none;}


/* gallery */
.gallery{width:100%; height:591px;}
.gallery > ul{width:100%; height:100%; overflow:hidden;letter-spacing:-0.3px;}
.gallery > ul li{float:left; width:308px; height:auto; margin-right:9px; position:relative; opacity:0;filter:Alpha(opacity=0); top:-448px;}
.gallery > ul li:last-child{margin-right:0px;}
.gallery > ul li > img{width:308px; height:327px; margin-bottom:29px;}
.gallery > ul li > h4{font-size:18px; letter-spacing:-0.5px; color:#3f484c; font-weight:normal; margin-bottom:20px;}
.gallery > ul li > p{font-size:12px; line-height:18px; color:#979797; padding-right:28px;}


/* -------- mainPoint -------- */
#mainPoint{width:100%; height:360px; margin:0 auto; background:url(/images/common/main_point.jpg) no-repeat center center;}


/* -------- mainEstimate -------- */
#mainEstimate{width:100%; height:867px; border-top:1px solid #507081; background:url(/images/common/main_estimate_bg.jpg) no-repeat center center; background-size:100% 100%;}
#mainEstimate > .area > h2{font-size:38px; font-weight:normal; color:#fff; text-align:center; padding:115px 0 50px 0;}
#mainEstimate div.question-list{width:998px; height:160px; margin:0px auto; overflow:hidden; margin-bottom:50px;}
.question-list > dl{float:left; overflow:hidden; width:497px; height:39px; border:1px solid #d5d5d5; border-top:0px; background-color:#fff;}
.question-list > dl:nth-child(odd){border-right:0px;}
.question-list > dl dt{float:left; width:85px; height:39px; background-color:#f7f7f7; font-size:13px; line-height:39px; color:#2f2f2f; padding-left:20px;}
.question-list > dl dd{float:left; width:392px; height:39px;}
.question-list > dl dd > input{width:391px; height:37px; border:0px;}
.question-list > dl dd > input.day{width:321px; height:37px; border:0px; padding-left:20px;}
.question-list > dl dd.calendar{overflow:hidden;}
.question-list > dl dd.calendar > input{margin-right:17px;}
/*.question-list > dl dd.calendar > a{float:right; margin-right:17px; margin-top:14px; display:inline-block;}*/
.question-list > dl dd > select{width:391px; height:38px; border:0px; padding-left:15px;}
.question-list > a{width:499px; height:39px; display:inline-block; background-color:#00b7f3; color:#fff; text-align:center; line-height:39px; font-size:13px;}
.quick-menu{width:100%; text-align:center;}
.quick-menu > p{font-size:18px; line-height:26px; color:#fff; margin-bottom:35px;}
.quick-menu > a{width:232px; height:52px; border-radius:15px; border:2px solid #00b7f3; display:inline-block; font-size:18px; line-height:52px; color:#00b7f3; margin-bottom:104px;}
.quick-menu > a:hover { border-radius:15px; border:2px solid #fff; color:#fff; }
.sns-list{width:100%; text-align:center;}
.sns-list > a{background-color:#c4c4c4; display:inline-block; line-height:100px; text-align:center;  -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.sns-list > a:hover{background-color:#666; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.sns-list > a:first-child{margin-right:0px;}



/* ----------------------- Sub ------------------------------- */
#container {width:100%; background-color:#fff; padding-top:191px; overflow:hidden; }
#middleArea {margin:111px auto 0; overflow:hidden; }
#content { width:100%; float:right; }

/* -------- MODAL LAYER -------- */
.modal-pop-bg{position:fixed; width:100%; height:100%; top:0px; left:0px;  background:#000; background:rgba(0,0,0,0.8); display:none; ; z-index:9999}
#decreeContent{display:none; position:fixed; top:50%; left:50%; margin-top:-370px; margin-left:-397.5px; width:795px; height:740px; z-index:9999;}
#decreeInner{width:100%; height:100%; box-sizing:border-box; overflow-y:auto; position:relative;}
#decreeCon{width:717px; height:700px; padding:15px; background-color:#fff; /*margin:0px auto;*/ overflow-y:scroll;}
.modal-close-btn{position:absolute; top:0px; right:0;}


/* =============== 한스클린 Night :: 공통 (20170406) =============== */
.area-night{width:1000px; margin:0px auto;}
.area-title{width:100%; margin:0px auto;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; content:""; display:block;}
.fl{float:left;}
.fr{float:right;}
/* -------- 한스클린 Night :: Header -------- */
#headerNight{width:100%; height:77px; border-top:2px solid #41479b; background-color:#f9f9f9; z-index:9;}
#headerNight.fixed{position:fixed; top:0; left:0; animation: HeaderFixed 0.7s;}
@-webkit-keyframes HeaderFixed {
	from {
		top:-77px
	}
	to {
		top:0;
	}
}
#headerNightInner{height:77px;}
.main-night-logo{margin-top:18px;}
.night-util{display:inline-block; overflow:hidden; margin-top:22px;}
.night-util li{float:left; margin-left:23px;}
.night-util li:first-child{margin-left:0;}
.night-util li img{display:inline-block; vertical-align:middle; margin-top:4px;}
.night-util li:first-child img{margin-top:0;}
.night-util li span{display:inline-block; vertical-align:middle; font-size:14px; color:#000; letter-spacing:-0.5px; margin-left:10px;}
/* -------- 한스클린 Night :: mainContainer -------- */
#mainNightContainer{width:100%;}
#mainNightVisual{width:100%; height:481px; background:url(/images/common/main_night_visual_01.jpg) no-repeat center top;}
.night-visual{height:100%; text-align:center;}
.night-visual > h2{font-size:30px; line-height:48px; color:#fff; letter-spacing:-0.5px; font-weight:normal; padding-top:114px;}
.night-visual > .night-reservation-btn{display:inline-block; width:200px; height:42px; text-align:center; border:2px solid #8898f2; font-size:14px; line-height:42px; color:#dbdbdb; margin:48px auto;}
.night-visual > p{font-size:12px; line-height:24px; color:#e1e1e1; letter-spacing:-1px;}
.night-visual > p strong{display:block; margin-bottom:15px;}
#mainNightContent{padding:79px 0;}
#nightContent{width:100%;}
.night-content-box{width:100%;}
.night-content-box > dl{width:868px; margin:0px auto; display:table; margin-bottom:50px;}
.night-content-box > dl > dt, .night-content-box > dl > dd{display:table-cell; vertical-align:top;}
.night-content-box > dl > dt{width:371px; text-align:left;}
.night-content-box > dl > dt span{display:inline-block; min-width:60px;}
.night-content-box > dl > dt h3{font-size:18px; font-weight:600; color:#000; line-height:24px;}
.night-content-box > dl > dt h3 > p{font-size:11px; color:#808080; line-height:16px; letter-spacing:-0.25px;}
.night-content-box > dl > dd{width:497px;}
.night-list{width:100%;}
.night-list dl{margin-bottom:3px; border-bottom:1px solid #c5c5c5;}
.night-list dt{width:496px; height:36px; border:1px solid #c5c5c5; border-bottom:0; background:#f1f1f1 url(/images/icon/night_icon_view.png) no-repeat 465px center; }
.night-list dt > p.tit{padding-left:25px; height:36px; font-size:13px; line-height:36px; color:#2f2f2f; font-weight:500; letter-spacing:-0.25px; cursor:pointer;}
.night-list dd{padding:15px 25px; background-color:#f1f1f1; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; border-top:1px dashed #ddd; display:none;}
.night-list dd > p{font-size:13px; line-height:20px; color:#2f2f2f; letter-spacing:-0.5px; word-break:keep-all;}
.night-btn-box{width:100%; text-align:center; padding-top:37px;}
.night-btn-box a{display:inline-block; width:242px; height:42px; font-size:14px; line-height:42px; color:#484848; letter-spacing:-0.25px; border:2px solid #41479b;}
.night-btn-box a:first-child{margin-right:30px;}

/* -------- 한스클린 Night :: 예약하기 -------- */
#nightCon{width:100%;}
.night-resv-visual{width:100%; height:481px; background:url(/images/common/main_night_visual_02.jpg) no-repeat center top; text-align:center; position:relative;}
.night-resv-visual > h2{font-size:30px; line-height:48px; color:#606060; letter-spacing:-0.25px; font-weight:normal; padding-top:166px;}
.night-resv-visual > p.point-arrow{text-align:center; position:absolute; bottom:37px; left:0; width:100%;}
.night-resv-visual > p.point-arrow span{font-size:14px; line-height:48px; display:block; color:#7e7e7e;}
.night-resv-visual > p.point-arrow img{position:relative;}
.night-list-box > li{margin-bottom:3px;}
#serviceSelect.night{border:0; background:none; height:48px; line-height:48px;}
#serviceSelect.night a.service-open-btn{width:477px; height:46px; line-height:46px; padding-left:19px; border:1px solid #c5c5c5; background:#f1f1f1 url(/images/icon/night_icon_view.png) no-repeat 451px center; font-size:14px; color:#2f2f2f;}
#serviceSelect.night ul{top:48px; left:0; width:496px; background:#f1f1f1; border:1px solid #c5c5c5; border-top:0;}
#serviceSelect.night ul li a{font-size:13px; color:#2f2f2f; padding-left:19px;}
#serviceSelect.night ul.clean-list-choice li{padding:7px 0; padding-left:19px;}
#serviceSelect.night ul.clean-list-choice li label span{font-size:13px; color:#2f2f2f; display:inline-block; vertical-align:middle; padding-left:5px;}

#timeSelect.night{border:0; background:none; height:48px; line-height:48px; position:relative;}
#timeSelect.night a.service-open-btn{display:block; width:477px; height:46px; line-height:46px; padding-left:19px; border:1px solid #c5c5c5; background:#f1f1f1 url(/images/icon/night_icon_view.png) no-repeat 451px center; font-size:14px; color:#2f2f2f;}
#timeSelect.night ul{display:none; top:48px; left:0; width:496px; background:#f1f1f1; border:1px solid #c5c5c5; border-top:0; position:absolute; z-index:99}
#timeSelect.night ul li a{font-size:13px; color:#2f2f2f; padding-left:19px;}
#timeSelect.night ul.clean-list-choice li{padding:7px 0; padding-left:19px;}
#timeSelect.night ul.clean-list-choice li label span{font-size:13px; color:#2f2f2f; display:inline-block; vertical-align:middle; padding-left:5px;}


#addServiceSelect.night{border:0; background:none; height:48px; line-height:48px;position:relative;}
#addServiceSelect.night a.service-open-btn{display:block; width:477px; height:46px; line-height:46px; padding-left:19px; border:1px solid #c5c5c5; background:#f1f1f1 url(/images/icon/night_icon_view.png) no-repeat 451px center; font-size:14px; color:#2f2f2f;}
#addServiceSelect.night ul{display:none; position:absolute; top:48px; left:0; width:496px; background:#f1f1f1; border:1px solid #c5c5c5; border-top:0; z-index:99}
#addServiceSelect.night ul li a{font-size:13px; color:#2f2f2f; padding-left:19px;}
#addServiceSelect.night ul.clean-list-choice li{padding:7px 0; padding-left:19px;}
#addServiceSelect.night ul.clean-list-choice li label span{font-size:13px; color:#2f2f2f; display:inline-block; vertical-align:middle; padding-left:5px;}


.night-datepicker{width:476px; height:46px; line-height:46px; padding-left:19px; border:1px solid #c5c5c5; background:#f1f1f1; font-size:14px; color:#2f2f2f; cursor:pointer;}
.night-list-box li.calendar{position:relative;}
.night-list-box li.calendar .ui-datepicker-trigger{position:absolute; right:25px; top:12px; display:inline-block;}
.night-list-box textarea{width:458px; height:59px; border:1px solid #c5c5c5; background:#f1f1f1; padding:19px; font-size:14px; color:#2f2f2f;}
.night-list-box li input[type="text"]{width:496px; height:46px; border:1px solid #c5c5c5; background:#f1f1f1; padding:0; text-indent:19px; font-size:14px; color:#2f2f2f;}
.night-list-box li.address, .night-list-box li.tel{width:496px; height:46px; border:1px solid #c5c5c5; background:#f1f1f1; padding:0; text-indent:19px; font-size:14px; color:#2f2f2f;}
.night-list-box li.address input[type="text"]{border:0; width:130px;}
.night-list-box li.address input[type="text"]:first-child{text-indent:0;}
.night-list-box li.tel input[type="text"]{width:50px; border:0;}
.night-list-box li input[type="text"].pyung-box{width:246px; float:right;}
.night-list-box li input[type="text"].pyung-box:first-child{float:left;}


/* -------- 한스클린 Night :: 사업장견적신청 -------- */
.night-est-visual{width:100%; height:481px; background:url(/images/common/main_night_visual_03.jpg) no-repeat center top; text-align:center; position:relative;}
.night-est-visual > h2{font-size:30px; line-height:48px; color:#fff; letter-spacing:-0.25px; font-weight:normal; padding-top:166px;}
.night-est-visual > p.point-arrow{text-align:center; position:absolute; bottom:37px; left:0; width:100%;}
.night-est-visual > p.point-arrow span{font-size:14px; line-height:48px; display:block; color:#d3d3d3;}
.night-est-visual > p.point-arrow img{position:relative;}

/* -------- 예약확인 팝업 -------- */
#nightForm{width:664px; height:527px; background-color:#fff; border:1px solid #4c5795; margin:0px auto; text-align:center;}
.night-inner{width:100%; height:426px; padding:45px 0 56px 0;}
.night-inner > h2{font-size:24.89px; line-height:48px; color:#283078; font-weight:normal;}
.night-inner > h2 p{font-size:14px; line-height:20px; color:#646464; letter-spacing:-0.25px;}
.night-inner > p.tel-num{width:100%; text-align:center; padding:45px 0;}
.night-inner > p.tel-num span{display:inline-block; vertical-align:middle; font-size:24.89px; line-height:48px; color:#1d2088; letter-spacing:-0.25px; padding:0 5px;}
.night-inner > p.info{font-size:14px; line-height:30px; color:#4c4c4c; letter-spacing:-0.25px; margin-bottom:38px;}

/* -------- MODAL LAYER -------- */
.modal-pop-bg{position:fixed; width:100%; height:100%; top:0px; left:0px;  background:#000; background:rgba(0,0,0,0.8); display:none; ; z-index:9999}
.modal-fixed-pop-wrapper{position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; z-index:9999;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.modal-close-btn.night{display:inline-block; width:153px; height:39px; line-height:39px; background-color:#2c2fb3; font-size:14px; color:#fff; position:static;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(155,155,155,.3);
  border-radius: 50%;
  border-top-color: #125f9f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer */
.footer-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.footer-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.footer-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.footer-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.footer-modal-inner-content{text-align:left;}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#1d2088; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.footer-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.footer-modal-close-btn i{font-size:38px;}
.footer-modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }
.footer-inner img{ width:100%; }
/* -------- 181022 :: 메인 메뉴 변경 -------- */




.content-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.content-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.content-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.content-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.content-modal-inner-content{text-align:left;}
/* modal layer content */
.content-modal-content{position:relative; width:96%; max-width:1200px; margin:20px auto; background-color:#fff; }
.content-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#1d2088; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.content-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.content-modal-close-btn i{font-size:38px;}
.content-modal-close-btn i:hover {color:#fff}
.content-inner-box{padding:10px; }
.content-inner{padding:20px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; text-align:center; }



.counsel-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.counsel-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.counsel-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.counsel-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.counsel-modal-inner-content{text-align:left;}
/* modal layer content */
.counsel-modal-content{position:relative; width:96%; max-width:1200px; margin:20px auto; background-color:#fff; }
.counsel-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#1d2088; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.counsel-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.counsel-modal-close-btn i{font-size:38px;}
.counsel-modal-close-btn i:hover {color:#fff}
.counsel-inner-box{padding:10px; }
.counsel-inner{padding:20px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; text-align:center; }





.img-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.img-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.img-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.img-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.img-modal-inner-content{text-align:left;}
/* modal layer content */
.img-modal-content{position:relative; width:96%; max-width:1200px; margin:20px auto; background-color:#fff; }
.img-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#1d2088; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.img-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.img-modal-close-btn i{font-size:38px;}
.img-modal-close-btn i:hover {color:#fff}
.img-inner-box{padding:10px; }
.img-inner{padding:20px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; text-align:center; }
.img-inner img{ width:100%; }

.driver-inner{padding:20px; height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; text-align:center; }






#mainNotice .service-award-box > .service {background-image: none;}
.service.none {float: none;}
.field-work-assistants {  border: 1px solid #ddd;}
.field-work-assistants>a {display: block; padding: 30px 30px 0;}
.field-work-main-tit {font-size: 14px; text-align: center; line-height: 44px; background-color: #00b7f3; color: #fff; letter-spacing: 0.5px; font-weight: 600; display: block;}
.field-img-wrap {width: 42%; float: left;}
.field-img-wrap img {width: 100%; height: 123px;}
.field-txt-wrap {float: left;width: calc(58% - 20px); padding-left: 20px;}
.field-txt-wrap a {display: block;}
.field-tit {font-size: 16px; line-height: 1.7; color: #3b3b3b; letter-spacing: -0.25px; font-weight: 600; margin-bottom: 20px;}
.field-para {font-size: 13px; line-height: 1.5; letter-spacing: -0.5px; color: #7b7b7b; overflow: hidden;}
.field-work-slide-con {padding: 20px 0 28px; width: 582px; position: relative; left: 30px;}
.field-work-slide-con .field-work-slide-item {}
.field-work-slide-con .field-work-slide-item a {position: relative; display: block; width: 181px; height: 125px;}
.field-work-slide-con .field-work-slide-item a img {width: 100%; max-height: 100%;}
.field-over-img {position: absolute; display: table; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-color: rgba(0,0,0,0.4); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all s;transition:all 0.3s;}

/* .field-work-slide-con .field-work-slide-item a:hover .field-over-img {opacity: 1;} */

.over-txt {display: table-cell; vertical-align: middle;}
.field-over-img .field-over-tit {color: #fff; text-align: center;}
.field-over-img .field-over-date {color: #fff; display: block; text-align: center; margin-top: 12px;}


/* -------- 190805 추가 -------- */
/* footer 추가 */
.privacy-btn{margin:5px auto 15px; text-align:left;}
.privacy-btn a{display:inline-block; padding:7px 10px; background-color:#999; color:#fff; font-size:14px; letter-spacing:-0.5px;}
/* 메인 간편문의 추가 */
.inquiry-agree-box{text-align:center; margin-top:-10px; margin-bottom:30px}
.inquiry-agree-box input[type="checkbox"]{}
.inquiry-agree-box label{position:relative; color:#fff; font-weight:300; letter-spacing:-0.5px; font-size:13px; color:#fff;}
.inquiry-agree-box label a{text-decoration:underline; color:#fff;}

/* -------- 190814 메인비디오 팝업추가 -------- */
#mainVideoPopup{position:relative; height:488px; width:100%; margin-top:80px; background:url(/kr/images/content/video_popup_bg.jpg) no-repeat 50% 50%; background-size:cover; }
#mainVideoPopup .video-popup-btn{position:absolute; top:50%; left:50%; width:122px; height:122px; border-radius:50%; margin:-61px 0 0 -61px; background:rgba(0,0,0,0.6) url(/kr/images/content/video_popup_btn.png) no-repeat}
#mainVideoPopup .video-popup-btn:hover{background-color:rgba(0,183,243,0.6)}
.video-popup-container{position:relative; width:1000px; margin:30px auto;}
.video-popup-container .modal-close-btn{
	top:-40px;
	width: 40px;
	height: 40px;
	background: #00b7f3;
	line-height: 40px;
	text-align: center;
	right: 0;
}
.video-popup-container .modal-close-btn i{line-height:40px; color:#fff;}





/* ******************  190924 추가수정 ********************** */
/* -------- 푸터 -------- */
#footer{background-color:#303137; padding:70px 0 60px;box-shadow:inset 10px 10px 10px rgba(0, 0, 0, .15);}
#footer .footer-left-con{float:left;}
#footer .footer-logo{margin-bottom:30px}
#footer .footer-info-box{color:#fff; font-size:13px; line-height:24px;}
.privacy-btn2{margin:20px auto; text-align:left;}
.privacy-btn2 a{display:inline-block; padding:0 10px;color:#bcbcbc; font-size:13px; letter-spacing:-0.5px; font-weight:900; border-left:1px solid #717171; border-right:1px solid #717171; margin-left:-5px}
.privacy-btn2 a:first-child{margin-left:0}
#footer .copyright{color:#fff;}
#footer .footer-right-con{float:right;}
#footer .footer-sns-list-con{text-align:right; margin-top:40px;}
#footer .footer-sns-list-con li{display:inline-block; margin-left:12px;}




/* ************ 푸터 수정 :: 200810 ************** */
#footer.footer-new{background-color:#2a2a2d; padding-top:90px;}
#footer.footer-new #footerWrap{max-width:1030px; margin:0px auto;}
#footer.footer-new #footerInner{position:relative; padding-bottom:35px; border-bottom:1px solid #9a9a9a; }
#footer.footer-new .footer-logo{float:left; width:220px; padding-left:-20px;}
#footer.footer-new .footer-info-con{float:left; width:430px; padding-left:20px;}
#footer.footer-new .footer-info-box{font-size:11px; line-height:18px}
#footer.footer-new .footer-info-box p{margin-bottom:8px}
#footer.footer-new .footer-info-box p.copyright{padding-top:10px; font-weight:600}

#footer.footer-new .footer-sns-con{float:left; width:200px;}
#footer.footer-new .footer-about-us{}
#footer.footer-new .footer-about-us p{font-weight:400; font-size:11px; letter-spacing:0; color:#fff; line-height:22px;}
#footer.footer-new .footer-about-us p strong{font-weight:600; display:block;}
#footer.footer-new .footer-sns-list-con{text-align:left; margin-top:30px;}
#footer.footer-new .footer-sns-list-con li{margin-left:0; margin-right:10px}

#footer.footer-new .footer-btn-con{float:left; width:180px; position:absolute; top:0px; right:0px;}
#footer.footer-new .privacy-btn2{margin:0 0 25px; text-align:right;}
#footer.footer-new .privacy-btn2 ul{display:inline-block; }
#footer.footer-new .privacy-btn2 ul li{margin-bottom:7px}
#footer.footer-new .privacy-btn2 ul li a{width:103px; height:26px; border:1px solid #9a9a9a; color:#9a9a9a; line-height:26px; text-align:center; font-size:11px}
#footer.footer-new .privacy-btn2 ul li a b{font-weight:400}
#footer.footer-new .footer-map-img img{width:180px}



#footerAaffiliate{padding-top:40px;}
#footerAaffiliate .footer-aff-tit{float:left; padding-left:18px; font-size:16px; font-weight:900; color:#fff; width:235px;box-sizing:border-box;}
#footerAaffiliate .footer-aff-container{float:left; width:calc(100% - 235px)}
#footerAaffiliate dl{float:left; width:50%;}
#footerAaffiliate dl dt{margin-bottom:15px; height:23px}
#footerAaffiliate dl dd{font-size:11px; color:#fff; line-height:18px;}
#footerAaffiliate dl dd b{font-weight:bold}



/* **************** 210521 :: 메인리뉴얼 **************** */
/* ******* 푸터 ******* */
#footer.footer-new.wh-new{background-color:#fff; box-shadow:none; padding:70px 0 0; border-top:1px #eaecf2 solid;}
#footer.footer-new.wh-new #footerWrap{max-width:none}
#footer.footer-new.wh-new .footer-info-box,
#footer.footer-new.wh-new .footer-about-us p,
#footer.footer-new.wh-new #footerAaffiliate dl dd,
#footer.footer-new.wh-new .copyright{color:#797979}
#footer.footer-new.wh-new #footerAaffiliate .footer-aff-tit{color:#999}
#footer.footer-new.wh-new #footerInner{border-color:#eaecf2}
#footer.footer-new.wh-new .footer-logo{width:210px; padding-left:0}
#footer.footer-new.wh-new .footer-info-con{width:390px}
/*#footer.footer-new.wh-new .footer-map{position:absolute; top:-15px; right:-87px; border:1px red solid;}*/

#footer-sns-list {float:right; }
#footer-sns-list li{display:inline-block; margin-left:3px}

#footer.footer-new.wh-new .footer-about-us p strong{font-weight:700}
#footer.footer-new.wh-new #footerAaffiliate .footer-aff-tit{padding-left:0; width:210px}
/* 추가된 하단부분 */
.footer-area{max-width:995px; margin:0 auto; position:relative}
#footer.wh-new .footer-bt{border-bottom:1px solid #eaecf2; padding:15px 0; }
#footer.wh-new .footer-bt .footer-menu{float:left; margin-top:5px}
#footer.wh-new .footer-bt .footer-menu li{display:inline-block; position:relative; margin-right:11px; }
#footer.wh-new .footer-bt .footer-menu li:after{position:absolute; content:""; width:1px; height:11px; background-color:#797979; right:-8px; top:2px}
#footer.wh-new .footer-bt .footer-menu li:last-child:after{display:none}
#footer.wh-new .footer-bt .footer-menu li a{font-weight:400; font-size:12px; letter-spacing:0; color:#797979}
#footer.wh-new .footer-bt .footer-menu li a b{font-weight:700}
#footer.wh-new .footer-bt .footer-sns-list{float:right}
#footer.wh-new .footer-bt .footer-sns-list li{display:inline-block; margin-left:3px}




/* ******* 헤더 상단 배너 슬라이드 ******* */
#header.header-new{height:93px}
#header.header-new.banner-close{height:95px}
#headerBanner{position:relative;}
#headerBanner .banner-close{position:absolute; left:38%; top:50%; transform:translateY(-50%); margin-left:600px; z-index:99; cursor:pointer}
#headerBanner .banner-close i{color:#ffffff; font-size:35px}
.header-banner-slide{position:relative; height:100px; overflow:hidden}
.header-banner-slide .slide-item a{position:relative; width:100%; height:100px; display:block}
.header-banner-slide .slide-item a span{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 0 !important}
.header-banner-slide .slick-dots{position:absolute; bottom:12px; left:50%; transform:translateX(-50%)}
.header-banner-slide .slick-dots li{display:inline-block; margin:0 2px}
.header-banner-slide .slick-dots li button{font-size:0; border-radius:50%; width:5px; height:5px; background-color:#fff; padding:0; border:0;}
.header-banner-slide .slick-dots li.slick-active button{background-color:#7a7a7a}
@media all and ( max-width: 1275px ){		
	#headerBanner .banner-close{left:auto; right:15px; margin-left:0}
}

/* 배너 미등록시 */
#header.header-new.no-banner{height:93px}
#header.header-new.no-banner + #mainContainer.main-renewal-2021{padding-top:93px}
#header.header-new.no-banner + .main-renewal-2021 .gnb-list-box.fixed{top:93px}

#header.header-new + #gnbVer2{top:194px; transition:top 0.4s}
#header.header-new + #gnbVer2 + #container{padding-top:250px; transition:padding-top 0.4s}/*padding-top:250px; */
#header.header-new.banner-close +#gnbVer2,
#header.header-new.no-banner +#gnbVer2{top:93px}
#header.header-new.banner-close +#gnbVer2 + #container,
#header.header-new.no-banner +#gnbVer2 + #container{padding-top:150px}



#header.header-new + #gnbVer3{top:50px; transition:top 0.4s}
#header.header-new + #gnbVer3 + #mainContainer{padding-top:0; transition:padding-top 0.4s}/*padding-top:250px; */
#header.header-new.banner-close +#gnbVer3,
#header.header-new.no-banner +#gnbVer3{top:93px}
#header.header-new.banner-close +#gnbVer3 + #mainContainer,
#header.header-new.no-banner +#gnbVer3 + #mainContainer{padding-top:149px}