@charset "utf-8";
.f_menu {display:none;border-top:1px solid #ddd;}
.f_menu ul li {float:left;width:33.33%;text-align:center;}
.f_menu ul li a {display:block;position:relative;}
.f_menu ul li a:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#ddd;}
.f_menu ul li:last-child a:after {display:none;}
.f_menu ul li img {width:100%;}
/* breadCrumb */
.breadCrumb {position: absolute; right:0; top:55px;font-size: 14px;color: #999;}
.breadCrumb li {display: inline-block;}
.breadCrumb li:last-child {color:#666}

/* #contents * {transition:0.5s all ease-out;} */


/* subVisual */
#subVisual {width:100%;height:380px;background-repeat: no-repeat;background-position: 50% 0;-webkit-background-size: cover;background-size: cover; border-bottom: 1px solid #ddd;}
#subVisual.subVisual01 {background-image: url("../images/contents/subVisual01.jpg");}
#subVisual.subVisual02 {background-image: url("../images/contents/subVisual02.jpg");}
#subVisual.subVisual03 {background-image: url("../images/contents/subVisual03.jpg");}
#subVisual.subVisual04 {background-image: url("../images/contents/subVisual04.jpg");}
#subVisual.subVisual05 {background-image: url("../images/contents/subVisual05.jpg");}
#subVisual.subVisual06 {background-image: url("../images/contents/subVisual06.jpg");}
#subVisual.subVisual07 {background-image: url("../images/contents/subVisual07.jpg");}
#subVisual.subVisual08 {background-image: url("../images/contents/subVisual01.jpg");}
#subVisual.subVisual09 {background-image: url("../images/contents/subVisual01.jpg");}
#subVisual.subVisual010 {background-image: url("../images/contents/subVisual01.jpg");}
#subVisual .auto {display:table;height:100%;}
#subVisual .inner {display:table-cell;vertical-align: middle;text-align: center;color:#fff;}
#subVisual .inner span {display:block;}
#subVisual .inner span.main {font-size:43px;color:#fff;}
#subVisual .inner span.sub {font-size:18px;}

#subVisual .inner h2 {font-size:38px; font-weight: 500; margin-bottom: 8px; padding-left: 20px; color: #4e412c; letter-spacing: -1px;}
#subVisual .inner p.subTxt {font-size:18px; font-weight: 300; padding-left: 20px; color: #666;}


/* subContents */
#subContents {margin-top:-60px;}
#subContents .lnbWrap {background:rgba(0,0,0,0.7);}
#subContents .lnbWrap .subTitle {display: table;width: 100%;background:url("../images/contents/lnbTitleBg.jpg") no-repeat;text-align: center;}
#subContents .lnbWrap .subTitle .inner {height: 110px;display: table-cell;vertical-align: middle;}
#subContents .lnbWrap .subTitle .inner .main {font-size: 30px;color: #fff;font-weight: 700;display: block;}
#subContents .lnbWrap .subTitle .inner .eng {font-size: 12px;color: #fff;opacity: 0.5;text-transform: uppercase;display: block;}



#lnb {position: relative;z-index:3;color:#fff;background:rgba(0,0,0,0.5);}
#lnb li {float:left;width:20%;}
#lnb li a {display: block;height: 60px;line-height: 60px; padding: 0 30px;background:url("../images/contents/rightArrow.png") no-repeat 90% 50%;border-right:1px solid #6c6e6e;}
#lnb li.on a {background-color:rgba(0,93,76,0.8)}
#lnb li:first-child a {border-left:1px solid #6c6e6e;}
#lnb.lnb02 li {width:50%;}
#lnb.lnb03 li {width:33.33%;}
#lnb.lnb04 li {width:25%;}
#lnb.lnb05 li {width:20%;}
#lnb.lnb06 li {width:16.66%;}
#lnb.lnb07 li {width:14.28%;}






#snb {display:none;}
#snb .snbWrap {position:relative;}
#snb .snbWrap li a {display: block;height: 40px;line-height: 40px; padding: 0 10px;border-top:1px solid #ccc;}
#snb .snbWrap li:first-child a{border-top:none;}
#snb .snbWrap li.on a,#snb li:hover a {background:#ff914f;color:#fff;}

#snb {position: relative;z-index:2;color:#999;font-size:16px;padding:10px;background:#f8f8f8;}
#snb a {display: block;height: 40px;line-height: 40px; padding: 0 10px;}
#snb .mainBtn {display: block;height: 40px; top:0;left:0;line-height: 38px;font-size: 0.9rem; font-weight: 400;border:1px solid #d9d9d9;
	background: url("../images/contents/bottomArrow.png") no-repeat 97% 50% #fff; color:#666;
}
#snb .subSnb {display: none;position: absolute;width:100%; background: #fff;border:1px solid #d9d9d9; font-size:0.8rem; color:#666;top:39px;}
#snb .subSnb a {color:#999;}
#snb .subSnb a:hover {background:#f7f7f7;}
#snb .subSnb .sub02 {display:none;}

#snb.fix {position:fixed;top:60px;left:0;width:100%;z-index:111;transition:0.2s all ease-out;}


#lnb_m {position: relative;z-index:3;color:#fff;display:none;}
#lnb_m:after {content:"";clear:both;}

#lnb_m a {display: block;height: 50px;line-height: 50px; padding: 0 10px;}
#lnb_m .mainBtn {display: block;height: 50px; top:0;left:0;line-height: 50px;background: url("../images/contents/bottomArrow.png") no-repeat 90% 50%;background-size:16px;}
#lnb_m .btnHome {width: 50px; float: left; text-align: center;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9; padding: 0;}
#lnb_m .btnHome i {line-height:50px;}
#lnb_m .mainLnbWrap {float: left;position: relative;width:230px;}
#lnb_m .mainLnb {display: none;position: absolute; top:49px;width:100%;background:#fff;border:1px solid #d9d9d9;}
#lnb_m .mainLnb a {color:#666;}
#lnb_m .mainLnb a:hover {background:#f7f7f7;color:#0253a5;}
#lnb_m .mainLnbWrap .mainBtn {background-color:rgba(0,93,76,0.8);}
#lnb_m li a {bor der: 1px solid #d9d9d9;}
#lnb_m li a {border-top: 1px solid #d9d9d9;}



#lnb_m .subLnbWrap {float: left;position: relative;width:230px;margin-left: -1px;}
#lnb_m .subLnbWrap .mainBtn {background-color:rgba(0,0,0,0.5);color:#fff;}
#lnb_m .subLnb {display: none;position: absolute; top:49px;width:100%; background: #fff;border:1px solid #d9d9d9;z-index:1;}
#lnb_m .subLnb a {color:#666;}
#lnb_m .subLnb a:hover {background:#f7f7f7;}
#lnb_m .sublnb .sub02 {display:none;}

#lnb_m .depth03LnbWrap {float:left;position:relative;width:230px;margin-left: -1px;}
#lnb_m .depth03Lnb {display: none;position: absolute;width:100%; top:49px; background: #fff; border:1px solid #d9d9d9;z-index:1;}
#lnb_m .depth03Lnb a {color:#666;}
#lnb_m .depth03Lnb a:hover {background:#f7f7f7;}
#lnb_m .depth03Lnb .sub02 {display:none;}


#subContents .contentsWrap {position:relative;overflow:hidden;}
#subContents .contentsWrap .contentsTitle {font-size: 40px;font-weight: 700;text-align: center;padding: 40px 0;color:#333;ma rgin-top: 25px;position:relative;}
#subContents .contentsWrap .contentsTitle:after {content:"";position:absolute;bottom:30px;left:50%;margin-left:-17px;width:35px;height:2px;background:no-repeat;}
#contents {min-height:600px;padding-bottom: 100px;}
#contents .root_daum_roughmap_landing {width: 100% !important;}


.clienrsTab ul li a  {display:block;text-align: center;font-size:16px;color:#666;line-height:53px;border:1px solid #d9d9d9;background:#fff;}

#subContents.solutionList .contentsWrap .contentsTitle {display:none;}
#subContents.solutionView .contentsWrap .contentsTitle {display:none;}


/* common */
.txtCon p {color: #666;margin-top: 20px;word-wrap:break-word;word-break:keep-all;}
.tab {}
.tab ul li {float:left;margin-right:-1px;}
.tab.tab02 ul li {width:50%;}
.tab.tab03 ul li {width:33.33%;}
.tab.tab04 ul li {width:25%;}
.tab.tab05 ul li {width:20%; margin-right: -1px;}
.tab ul li a {display:block;text-align: center;font-size:16px;color:#666;line-height:53px;background:#f2f2f2;border:1px solid #d9d9d9;}
.tab ul li.on a {color:#1a7fc3;font-weight:500;border-bottom:2px solid #1a7fc3 ;}

h3.title {font-size: 18px;color:#333;font-weight: 500;margin-top: 40px; margin-bottom: 10px;}
h3.title.first {ma rgin-top:40px;margin-top: 0;}
h4.title {font-size: 22px;color:#333;font-weight:500;margin-top:40px;padding-left: 10px;position: relative; margin-bottom: 10px;}
h4.title.first {margin-top:0;}
h4.title span {font-size: 17px;color:#828282;}
h4.title:before {    content: ""; position: absolute;top: 8px;left: 0; width: 2px; height: 20px;background: #06b7a5;}
h5.title {font-size: 16px;color:#f99f00;margin-top:10px;}
p.txt {font-size:16px;color:#666;font-weight:300;margin-top:8px;line-height: 1.8;letter-spacing: -0.03rem;}
p.txt span {font-size:16px;color:#4c4c4c;font-weight:500;margin-top:8px;line-height: 1.8;letter-spacing: -0.03rem;}
p.txt.first {margin-top:0;}
p.txt span.green {color:#005d4c}
h4.title02 {font-size:28px;font-weight:500;color:#333;margin-top:40px;margin-bottom:15px;line-height:1;}


p.list {font-size:16px;color:#666;font-weight:300;position:relative;padding-left:10px;}
p.list:before {content:"";position:absolute;top:11px;left:0;width:4px;height:2px;background:#0253a5;}
.italic {vertical-align:top;font-style:italic;;}

#contents .fa-chevron-right {color:#45b234;font-size:15px;position:relative;bottom:2px;}

#contents .btnWrap .btnGo {background-color:#f99f00; color:#fff;}
#contents .btnWrap .btnDownload {background-color:#46b23e; color:#fff;}

.titleImgBox {overflow:hidden;position:relative;}
.titleImgBox .titleImgBox_txt {color:#fff;background:#594d48;height:100%;position:absolute;top:0;right:0;width:50%;height:100%;padding:70px;}
.titleImgBox .titleImgBox_txt .innerWrap {display:table;width:100%;height:100%;}
.titleImgBox .titleImgBox_txt .innerWrap .inner {display:table-cell;vertical-align:middle;}
.titleImgBox .titleImgBox_txt .innerWrap .inner p {font-size:21px;color:#fff;font-weight:300;/* padding-left:10px;position:relative; */text-align:left;line-height:30pt;position:relative;padding-left:10px;letter-spacing:-1px}
.titleImgBox .titleImgBox_txt .innerWrap .inner p:before {content:"";position:absolute;top:18px;left:0;width:4px;height:4px;background:#fff;border-radius:2px;}
.titleImgBox .titleImgBox_img {float:left;width:50%;}

span.red {color:#ae060d}
.table {display:table;width:100%;height:100%;}
.tableCell {display:table-cell;vertical-align:middle;}
#showInfo {margin-top:90px;}
#showInfo h3 {font-size:30px;color:#333;font-weight:700;border-bottom:2px solid #534741;line-height:1;padding-bottom:20px;}
#showInfo dl {padding:50px 0;border-bottom:1px solid #d9d9d9;}
#showInfo dl dt {font-size:30px;color:#333;font-weight:700;line-height:39px;}
#showInfo dl dt .icon {display:inline-block;vertical-align:top;width:39px;height:39px;position:relative;background:#594d48;}
#showInfo dl dt .icon span {width: 20px;height: 2px;background:#fff;position:absolute;transition:0.2s all ease-out;}
#showInfo dl dt .icon span:nth-child(1) {left:50%;margin-left: -10px;top:50%;margin-top: -2px;} 
#showInfo dl dt .icon span:nth-child(2) {left:50%;margin-left: -10px;top:50%;margin-top: -2px;transform:rotate(-270deg);} 
#showInfo dl dt.on .icon span:nth-child(2) {transform:rotate(0);} 

#showInfo dl dd {margin-top:20px;display:none;}
#showInfo dl dd > ul > li {font-size:20px;color:#333;padding-left:10px;position:relative;font-weight:300;line-height:35px;}
#showInfo dl dd > ul > li:before {content:"";position:absolute;top:16px;left:0;width:4px;height:4px;border-radius:2px;background:#534741;}
.imgList {margin-top:30px;}
.imgList ul {margin:-10px;}
.imgList ul li {float:left;padding:10px;}
.imgList ul li img {width:100%;border:1px solid #d9d9d9;}
.imgList.list02 ul li {width:50%;}
.imgList.list03 ul li {width:33.33%;}
.imgList.list04 ul li {width:25%;}
.imgList.list05 ul li {width:20%;}
.imgList ul li:before {display:none;}

.portfolioList li {border-bottom: 1px solid #b3b3b3;overflow: hidden;padding:50px 0;}
.portfolioList li.active {padding:50px 0;}
.portfolioList li:first-child  {border-top: 2px solid #4d4d4d;}
.portfolioList li:last-child  {border-bottom: 2px solid #4d4d4d;}
.portfolioList li .desc {float: left; width: 30%;padding-right: 50px;position: relative;}
.portfolioList li .desc .category {font-size: 25px;display: block;color:#0f594c;}
.portfolioList li .desc .title {font-size: 30px;display: block;position: relative;margin-bottom:10px;}
/* .portfolioList li .desc .title:after {content: "";display: block;width: 30px;height: 1px;background: #cccccc;margin: 20px 0;} */
.portfolioList li .desc p {font-size: 20px;position:relative;pa dding-left:10px;}
/* .portfolioList li .desc p:before {content:"";position:absolute;top:14px;left:0;width:4px;height:4px;background:#534741;border-radius:50%;} */
.portfolioList li .imgBox {float: right; width: 70%;}
.portfolioList li a {display: block;width: 250px;height:60px;line-height: 58px;padding-left: 30px;font-size: 20px;border: 1px solid #534741;color: #534741;margin-top: 30px;background: url("../images/contents/bgLink.png") no-repeat 85% 50%;transition:0.3s;}
.portfolioList li a:hover {color: #fff;background: url("../images/contents/bgLinkOver.png") no-repeat 85% 50% #534741;}

#subContents .btnAdd {display:block;width:90px;margin:50px auto 0 auto;background:#222;height:90px;text-align:center;transition:0.3s;}
#subContents .btnAdd:hover {background:#534741;}
#subContents .btnAdd img {margin-top:25px;}

/*개인정보취급방침*/
.personalInfo h2.title {display:block;position:relative;font-size:23px;color:#333;font-weight:500;line-height:1; margin:50px 0 20px 0;}
.personalInfo h2.title:before {content:"";position:absolute;top:-12px;width:22px;height:3px;background:url("../images/contents/titleBg.png") no-repeat;}
.privacyWrap {padding:30px; text-align:center; border:5px solid #e6e6e6;font-size:18px; font-weight:400;color:#4d4d4d;}
.privacy h4.title {margin-top:15px;}
.privacy p {margin-top:10px !important;}
.rules table.contentsTable tbody tr td {text-align:center;}
.rules .linkTab {margin-top:50px;}
.rules .linkTab li {float:left;width:50%;}
.rules .linkTab li a {display:block;line-height:40px;color:#333;font-weight:700;;}
.rules .numList li {padding-left:20px;position:relative;font-size:17px;color:#666;line-height:30px;margin-bottom:5px;}
.rules .numList li:last-child {margin-bottom:0;}
.rules .numList li:before {font-size:17px;color:#666;position:absolute;top:-1px;left:0;}
.rules p.title {font-size:25px;color:#f15b6d;font-weight:900;margin-bottom:20px;}
.rules ul li.title01 {font-size:16px;color:#4d4d4d;padding-left:0;margin-top:10px;font-weight:400;}
.rules ul li.title01:last-child {margin-bottom:10px;}
.rules h3.title02 {font-size:20px;color:#4d4d4d;padding-left:0;margin-top:15px;font-weight:400;}
.rules p {font-size:16px;color:#4d4d4d;padding-left:0;margin-top:10px;font-weight:400;}
.rules p span {color:#aa0000;}
.rules h3.title:before {display:none;}


/* POS/WMS/SCM */
/* .pfList ul {margin:-10px;}
.pfList ul li {float:left;width:33.33%;padding:10px;}
.pfList ul li a {display:block;position:relative;overflow:hidden;}
.pfList ul li a img {width:100%;}
.pfList ul li a .txtBox {position:absolute;left:0;width:100%;height:100%;text-align:center;color:#fff;z-index:2;bottom:-100%;}
.pfList ul li a .txtBox p.type {font-size:25px;font-weight:500;}
.pfList ul li a .txtBox p.title {font-size:40px;font-weight:700;}
.pfList ul li a .bg {position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1;right:-100%;}
.pfList ul li a.nl {cursor:default;} */
.pfList > ul {margin:0 -20px;}
.pfList > ul > li {float:left;width:50%;padding:50px 20px;border-bottom:1px solid #d9d9d9;font-size:17px;}
.pfList > ul {border-top:2px solid #4d4d4d;}
.pfList > ul > li .txtBox {float:left;width:200px;padding-right:30px;position:relative;}
.pfList > ul > li .txtBox .type {font-size:20px;display:block;color:#0f594c;}
.pfList > ul > li .txtBox .title {font-size:25px;display:block;position:relative;font-weight:700;margin-bottom:10px;}
/* .pfList > ul > li .txtBox .title:after {content:"";display:block;width:30px;height:1px;background:#ccc;margin:20px 0;;} */
.pfList > ul > li a {display:block;line-height:58px;padding-left:30px;font-size:20px;border:1px solid #534741;color:#534741;margin-top:10px;background:url("../images/contents/bgLink.png") no-repeat 85% 50%;transition:0.3s;}
.pfList > ul > li a:hover {color: #fff;background: url("../images/contents/bgLinkOver.png") no-repeat 85% 50% #534741;}
.pfList > ul > li .thumb {float:right;width:calc(100% - 200px);width:-webkit-calc(100% - 200px)}
.pfList > ul > li .thumb img {width:100%;}



.icon_title {display:inline-block;vertical-align:top;padding-left:35px;position:relative;}
.icon_title.icon_title01 {background:url("../images/contents/counsel_icon01.png") no-repeat 0 50%;}
.icon_title.icon_title02 {background:url("../images/contents/counsel_icon02.png") no-repeat 0 50%;}
.icon_title.icon_title03 {background:url("../images/contents/counsel_icon03.png") no-repeat 0 50%;}
.icon_title.icon_title04 {background:url("../images/contents/counsel_icon04.png") no-repeat 0 50%;}
.icon_title.icon_title05 {background:url("../images/contents/counsel_icon05.png") no-repeat 0 50%;}


.organization_img {padding-top:73%;background-repeat:no-repeat;background-position:0 0;background-size:cover;background-image:url("../images/contents/organization.jpg");}



/* 회사소개 */
.titleImgBox02 {height:350px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:95px;}
.titleImgBox02.sub0501 {background-image:url("../images/contents/titleImgBox_0501.jpg");color:#fff;}
.titleImgBox02 dt {font-size:30px;font-weight:500;}
.titleImgBox02 dd {font-size:20px;font-weight:300;}
.sub0501 .conBox01 ul li {line-height:50px;}
.sub0501 .conBox01 ul li dt {float:left;width:300px;font-size:18px;color:#666;background:#f8f8f8;text-align:center;border-top:1px solid #333;}
.sub0501 .conBox01 ul li:last-child dt {border-bottom:1px solid #333;}
.sub0501 .conBox01 ul li dd {padding-left:320px;border-top:1px solid #d9d9d9;}
.sub0501 .conBox01 ul li:last-child dd {border-bottom:1px solid #d9d9d9;}
.sub0501 p.txt {line-height:1;}
.sub0501 .conBox03 .img {padding-top:34.8%;background-repeat:no-repeat;background-position:0 0;background-image:url("../images/contents/sub0501_conBox03.jpg");background-size:cover;}

/* CEO인사말 */
.titleImgBox02.sub0502 {background-image:url("../images/contents/titleImgBox_0502.jpg");color:#fff;}
.titleImgBox02.sub0502 .tableCell {position:relative;}
.titleImgBox02.sub0502 dt .eng {font-size:23px;font-weight:400;}
.titleImgBox02.sub0502 dd {margin-top:10px;}
.sub0502 p.txt,.sub0502 p.txt span  {font-size:20px;}
.sub0502 .company {font-size:25px;color:#333;font-weight:500;line-height:1;margin-top:30px;}







/* 연혁 */
.historyWrap .mask {overflow:hidden;margin-top:40px;position:relative;}
.historyWrap .mask > a {position:absolute;top:122px;z-index:11;}
.historyWrap .mask > a.btnPrev {left:50px;}
.historyWrap .mask > a.btnNext {right:50px;}
.historyWrap .titleBox {height:300px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.historyWrap .titleBox .inner {position:relative;}
.historyWrap .titleBox p {text-align:center;font-size:35px;color:#fff;font-weight:500;}
.historyWrap .titleBox a {position:absolute;top:0;}
.historyWrap .pager {overflow:hidden;}
.historyWrap .pager .swiper-pagination-bullet {display:block;float:left;width:25%;border-radius:0;opacity:1;text-align:center;height:60px;line-height:60px;background:none;font-size:23px;color:#666;border:1px solid #dbdbdb;}
.historyWrap .pager .swiper-pagination-bullet-active {background:linear-gradient(to right,#006d59, #169955);color:#fff;}
.historyWrap .slide01 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");}
.historyWrap .slide02 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");}
.historyWrap .slide03 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");}
.historyWrap .slide04 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");}

.history_list {overflow:hidden;margin-top:40px;}
.history_list > ul > li {min-height:120px;}
.history_list .year {float:left;width:350px;border-top:1px solid #005d4c;font-size:70px;color:#a3b9b4;font-weight:500;padding-left:30px;}
.history_list .history_contents {padding:30px;margin-left:380px;border-top:1px solid #b3b3b3;overflow:hidden;}
.history_list .history_contents .month {font-size:20px;color:#005d4c;font-weight:500;float:left;}
.history_list .history_contents ul {padding-left:40px;}
.history_list .history_contents ul li {padding-left:10px;font-size:20px;color:#333;position:relative;margin-top:5px;font-weight:300;}
.history_list .history_contents ul li:first-child {margin-top:0;}
.history_list .history_contents ul li:before {content:"";position:absolute;top:13px;left:0;width:3px;height:3px;background:#005d4c;}
.history_list > ul > li:last-child .history_contents:last-child {border-bottom:1px solid #b3b3b3;}
.selectPager {display:none;}









/* 수상및인증내역 */
.certification_list ul {margin:-10px;}
.certification_list ul li {float:left;width:25%;padding:10px;}
.certification_list ul li a {display:block;}
.certification_list ul li a .thumb {border:1px solid #d9d9d9;position:relative;}
.certification_list ul li a .thumb > img {width:100%;}
.certification_list ul li a p {font-size:20px;color:#666;text-align:center;padding:10px 0;font-weight:300;}
.certification_list ul li a .hover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;color:#fff;transition:0.3s;opacity:0;}
.certification_list ul li a .hover img {display:block;margin:5px auto;}
.certification_list ul li a:hover .hover {opacity:1;}

.fancybox-wrap {padding-top:50px !important;}
body .fancybox-title-float-wrap {bottom:auto;top:-40px;left:0;background:none;text-align:left;padding-bottom:20px;}
body .fancybox-title-float-wrap .child {margin-left:0;display:inline;font-size:30px;font-weight:500;background:none;padding:0;margin-right:0;}


@media screen and (max-width:1200px) {
	
	/* 수상및인증내역 */
	.certification_list ul li a p {height:88px;}
}
	

@media screen and (max-width:1400px) {
	img {max-width:100%;}
	#lnb .auto {padding:0;}
	#lnb02 .auto {padding:0;}
}
@media screen and (max-width:1200px){

	.titleImgBox .titleImgBox_txt {padding:40px;}

}
@media screen and (max-width:1150px){

}
@media screen and (max-width:1024px) {

	.portfolioList li .desc .txtBox {position: absolute; right:0;top:30px;width: 50%;}

	.titleImgBox .titleImgBox_txt {padding:20px;}
	.titleImgBox .titleImgBox_txt .innerWrap .inner p {font-size:0.9rem;line-height:20pt;}
	.titleImgBox .titleImgBox_txt .innerWrap .inner p:before {content:"";position:absolute;top:11px;left:0;width:4px;height:4px;background:#fff;border-radius:2px;}
	.portfolioList li .imgBox {float: none; width: 100%;}
	.portfolioList li .desc {float: none; width: 100%;padding-top: 30px;}

	.pfList > ul {margin:-5px;}
	.pfList > ul > li {width:100%;}
	.pfList > ul > li a .txtBox p.type {font-size:18px;}
	.pfList > ul > li a .txtBox p.title {font-size:25px;}


	/* 연혁 */
	.history_list .year {width:160px;}
	.history_list .history_contents {margin-left:180px;}


}

@media screen and (max-width:990px) {

	.titleImgBox02 {padding:40px;height:270px;}
	.titleImgBox02 dt {font-size:20px;}
	.titleImgBox02.sub0502 dt .eng {font-size:18px;}
	.titleImgBox02 dd {font-size:0.9rem;}

}
@media screen and (max-width:800px) {


	/* 연혁 */
	.history_list .year {font-size:50px;}
	.history_list .history_contents {padding:20px;}
	.history_list .history_contents ul li {font-size:16px;}

	/* 수상및인증내역 */
	.certification_list ul li {width:33.33%;}
}

@media screen and (max-width:830px) {

	/* 회사소개 */
	.sub0501 .conBox01 ul li dt {width:170px;}
	.sub0501 .conBox01 ul li dd {padding-left:190px;}

}

@media screen and (max-width:768px) {

	.depth03LnbWrap {display:none;}
	#snb {display:block;}

	.titleImgBox .titleImgBox_txt {position:static;width:100%;}
	.titleImgBox .titleImgBox_img {float:none;width:100%;}
	.titleImgBox .titleImgBox_img img {width:100%;}
	#showInfo h3 {font-size:25px;}
	#showInfo dl {padding:30px 0;}
	#showInfo dl dt {font-size:20px;line-height:30px;}
	#showInfo dl dt img {width:30px;}
	#showInfo dl dd li {font-size:16px;}
	#showInfo dl dd > ul > li {font-size:0.9rem;color:#333;padding-left:10px;position:relative;font-weight:300;line-height:28px;}
	#showInfo dl dd > ul > li:before {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:2px;background:#534741;}
	

}
@media screen and (max-width:600px){

	
	
}
@media screen and (max-width:640px) {
	
	.privacyWrap {padding:20px; text-align:center; border:5px solid #e6e6e6;font-size:18px; font-weight:400;color:#4d4d4d;}
	.sub0701 h2.title {display:block;position:relative;font-size:20px;color:#333;font-weight:500;line-height:1.2; margin:50px 0 20px 0;}
	.sub0701 h2.title:before {content:"";position:absolute;top:-12px;width:22px;height:3px;background:url("../images/contents/titleBg.png") no-repeat;}

	h3.title {font-size:1.5rem;margin-top:70px;}
	#contents {min-height: 600px;padding-bottom: 60px;}	
	#subContents .contentsWrap .contentsTitle {font-size: 40px;font-weight: 700;text-align: center;padding: 20px 0;color:#333;ma rgin-top: 25px;position:relative;}
	#subContents {margin-top:-50px;}
	#subContents .contentsWrap .contentsTitle {font-size:1.9rem;}
	#subContents .contentsWrap .contentsTitle02 {font-size:1.9rem;}
	#subContents .btnAdd {display:block;width:90px;margin:30px auto 0 auto;background:#222;height:90px;text-align:center;transition:0.3s;}
	#subContents .btnAdd:hover {background:#534741;}
	#subContents .btnAdd img {margin-top:25px;}
	#subVisual {height:195px;}
	#subVisual .inner span.main {font-size:2rem;}
	#subVisual.subVisual01 {background-image: url("../images/contents/subVisual01_m.jpg");}
	#subVisual.subVisual02 {background-image: url("../images/contents/subVisual02_m.jpg");}
	#subVisual.subVisual03 {background-image: url("../images/contents/subVisual03_m.jpg");}
	#subVisual.subVisual04 {background-image: url("../images/contents/subVisual04_m.jpg");}
	#subVisual.subVisual05 {background-image: url("../images/contents/subVisual05_m.jpg");}
	#subVisual.subVisual06 {background-image: url("../images/contents/subVisual06_m.jpg");}
	#subVisual.subVisual07 {background-image: url("../images/contents/subVisual07_m.jpg");}
	#subVisual.subVisual08 {background-image: url("../images/contents/subVisual01_m.jpg");}
	#subVisual.subVisual09 {background-image: url("../images/contents/subVisual01_m.jpg");}
	#subVisual.subVisual010 {background-image: url("../images/contents/subVisual01_m.jpg");}
	#lnb {display:none;}
	#lnb_m {display:block;}
	#lnb_m .mainLnbWrap {width:50%;}
	#lnb_m .subLnbWrap {width:50%}
	#lnb_m .mainLnbWrap a {font-size:0.9rem;}
	#lnb_m .subLnbWrap a {font-size:0.9rem;}

	#subContents .btnAdd {width:50px;height:50px;}
	#subContents .btnAdd img {margin-top:13px;width:25px;}


	#showInfo {margin-top:40px;}
	#showInfo dl dt .icon {display:inline-block;vertical-align:top;width:30px;height:30px;position:relative;background:#594d48;margin-right:5px;}
	#showInfo dl dd li:before {content:"";position:absolute;top: 11px;left:0;width:4px;height:4px;border-radius:2px;background:#534741;}

	.tab ul li a {font-size:0.9rem;}

	.sub0501 p.txt {line-height:1.4; font-size:0.9rem;}

	p.list {font-size:0.9rem;}

	.portfolioList li{padding:30px 0;}
	.portfolioList li.active {padding:30px 0;}
	.portfolioList li .desc .txtBox {position: static;width: 100%;}
	.portfolioList li .desc .category {font-size: 20px;display: block;}
	.portfolioList li .desc .title {font-size: 25px;display: block;position: relative;}
	.portfolioList li .desc p {font-size: 16px;position:relative;pad ding-left:10px;}
	/* .portfolioList li .desc p:before {content:"";position:absolute;top: 12px;left:0;width:4px;height:4px;background:#534741;border-radius:50%;} */
	.portfolioList li a {display: block;width: 200px;height:60px;line-height: 58px;padding-left: 20px;font-size: 18px;

	border: 1px solid #534741;color: #534741;margin-top: 30px;background: url("../images/contents/bgLink.png") no-repeat 90% 50%;transition:0.3s;}

	.pfList > ul {margin:0;}
	.pfList > ul > li {padding:30px 0;}
	.pfList > ul > li .thumb {float:none;width:100%;}
	.pfList > ul > li .txtBox {float:none;width:100%;padding-top:30px;}
	.pfList ul li a .txtBox p.type {font-size:14px;}
	.pfList ul li a .txtBox p.title {font-size:18px;}
	

	.organization_img {background-image:url("../images/contents/organization_m.jpg");padding-top:152%;}


	.sub0501 .conBox03 .img {padding-top:120.6%;background-image:url("../images/contents/sub0501_conBox03_m.jpg");}

	body .fancybox-title-float-wrap .child {margin-left:0;display:inline;font-size:20px;font-weight:500;background:none;padding:0;margin-right:0;}


	/* 연혁 */
	.historyWrap .slide01 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");height:180px;}
	.historyWrap .mask > a {width:40px;top:72px;}
	.historyWrap .mask > a.btnPrev {left:20px;}
	.historyWrap .mask > a.btnNext {right:20px;}
	.history_list > ul > li {border-bottom:1px solid #b3b3b3;margin-bottom:20px;}
	.history_list .year {float:none;width:100%;border-top:none;border-bottom:1px solid #005d4c;padding-left:0px;padding-bottom:10px;}
	.history_list .history_contents {margin-left:0;padding:20px 0;}
	.history_list > ul > li:last-child .history_contents:last-child {border-bottom:none;}

	.historyWrap .pager {display:none;}		
	.historyWrap .mask {margin-top:20px;}
	.selectPager {position: relative;vertical-align:top;width:100%;display:block;}
	.selectPager > a {background:url("../images/contents/bottomArrow02.png") no-repeat 95% 50% #fafafa;background-size:15px;}
	.selectPager a {display: block;padding:0 15px 0 10px;font-size:13px;height:38px;line-height:36px;}
	.selectPager > a {border:1px solid #ddd;}
	.selectPager ul {position: absolute;width: 100%;top:39px;z-index:9;background:#fff;border:1px solid #ddd;}
	.selectPager ul li {float: none;margin-bottom: 0;width: 100%;}

	/* 수상및인증내역 */
	.certification_list ul li {width:50%;}
	.certification_list ul li a p {font-size:17px;height:60px;font-weight:300;}

	/* CEO인사말 */
	.sub0502 p.txt, .sub0502 p.txt span {font-size:0.9rem;}
	.sub0502 .company {font-size:18px;}
}

@media screen and (max-width:480px) {
	li.title {font-size:0.9rem}
	
	#mainVisual p.sub:before {width:40px;margin-left:-20px;}

	/* 회사소개 */
	.titleImgBox02.sub0501 {height:300px;padding:20px;text-align:center;background-image:url("../images/contents/titleImgBox_0501_m.jpg");}

	/* CEO인사말 */
	.titleImgBox02.sub0502 {height:300px;padding:20px;text-align:center;background-image:url("../images/contents/titleImgBox_0502_m.jpg");}

	/* 연혁 */
	.historyWrap .slide01 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");height:124px;}
	.historyWrap .slide02 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");height:124px;}
	.historyWrap .slide03 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");height:124px;}
	.historyWrap .slide04 .titleBox {background-image:url("../images/contents/history_titleImg01.jpg");height:124px;}
	.historyWrap .titleBox p {font-size:20px;}
	.history_list .year {font-size:30px;}
	.historyWrap .mask > a {width:30px;top:50px;}
	.historyWrap .mask > a.btnPrev {left:20px;}
	.historyWrap .mask > a.btnNext {right:20px;}
}