@charset "utf-8";
html{overflow-x:hidden}

/* breadcrumb */
.breadcrumb{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#f3f3f3}
.breadcrumb{padding:20px 0;color:#909092;font-size:14px;text-align:right;}
.breadcrumb span{margin:0 13px;}
.breadcrumb strong{color:#333;font-weight:600;}

/* content title */

.topTitle{margin-bottom:85px;color:#303030;font-size:50px;font-weight:600;text-align:center;padding-top:220px;margin-top:-80px;}
.subTitle{padding-left:20px;margin:40px 0;color: #0f0f0f;font-size:23px;font-weight:normal;background:url("../../images/content/bg_dot05.png") no-repeat left center}
.contTitle{padding-left:15px;margin:25px 0;color:#333;font-size:20px;font-weight:normal;background:url("../../images/content/bg_dot01.png") no-repeat left center}

/* 
.contSubTit{padding-left:25px;margin:30px 0;color: #0f0f0f;font-size:20px;font-weight:600;background:url("../../images/content/bg_dot05.png") no-repeat left center}
 */
/* content */

/* .first{margin-top:0 !important} */
.contTxt{line-height:30px;}

.contTxt .pic.img01{width:}

/*contTab*/

.contTab{margin:30px 0 40px;}
.contTab ul li{position:relative;float:left;width:50%;}
.contTab ul li a{display:block;height:44px;line-height:44px;color:#333;text-align:center;border:1px solid #c4c4c4;border-left:0 none;background-color:#fff;}
.contTab ul li:first-child a{border-left:1px solid #c4c4c4}
.contTab ul li a:hover,
.contTab ul li.current a{color:#fff;border:1px solid #e77308;background-color:#e77308}

.contTab ul li .blet{display:none;position:absolute;left:50%;bottom:-8px;width:15px;height:8px;margin-left:-7px;background:url("../../images/content/tab_arrow.png") no-repeat center bottom}
.contTab ul li:hover .blet,
.contTab ul li.current .blet{display:block}

/*btnArea*/

.btnArea{margin-top:20px}
.btnArea .btnOut{min-width:120px;}
.btnArea .btnOut a{padding:0 10px;}

/* content Table style */

/*boardWrap*/

.boardWrap{border-top:1px solid #cdcdcd;border-bottom:1px solid #dedede}
.boardWrap table th,
.boardWrap table td{padding:15px 10px;vertical-align:middle}
.boardWrap table thead th,
.boardWrap table tbody th,
.boardWrap table tfoot th{line-height:16px;color:#333;font-size:13px;font-weight:600;background-color: #f8f8f8;}
.boardWrap table thead th,
.boardWrap table tbody th{border-bottom:1px solid #dedede}
.boardWrap table tbody td{line-height:18px;font-size:13px;border-top:1px dotted #dedede}
.boardWrap table tbody tr:first-child td{border-top:0 none}
.boardWrap table tbody td a{color:#7c7c7c;}
.boardWrap table tbody td a:hover{color:#e77308;text-decoration:underline}
.boardWrap table tfoot th,
.boardWrap table tfoot td{border-top:3px double #dedede}

.boardWrap table tbody .subTh{border-right:1px solid #dedede;background-color:#fcfcfc}
/*listSolid*/

.boardWrap.listSolid table tbody td{text-align:center;letter-spacing:-1px;border-top:1px dotted #ccc;}
.boardWrap.listSolid table tbody td.left{letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* thumnailList */

.thumnailList ul li{float:left;overflow: hidden;}
.thumnailList ul li .inner{padding:20px;border:1px solid #ececec}
.thumnailList ul li .tit{display:block;padding-bottom:9px;color:#1b1b1b;font-size:18px;font-weight:600;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.thumnailList ul li .picArea{display:block;position:relative;height:270px;margin-bottom:20px;overflow:hidden;text-align:center;background:#c3c7cd url("../../images/content/bg_list.png") no-repeat center center}
.thumnailList ul li .picArea .ico{position:absolute;top:0;left:0;}
.thumnailList ul li .picArea .wrap{display:block;margin-top:85px}
.thumnailList ul li .picArea .wrap .subTit{display:block;color:#16232e;font-size:16px;letter-spacing:-1px}
.thumnailList ul li .picArea .wrap .proName{display:block;width:90%;height:70px;line-height:70px;margin:10px auto 0;color:#fff;font-size:25px;font-weight:600;background-color:#ff9801}
.thumnailList ul li .picArea .wrap .engSub{display:block;width:90%;height:28px;line-height:28px;margin:0 auto;color:#ffc500;font-size:13px;background-color:#202f3e}
.thumnailList .proInfo .clearfix{margin:17px 0 30px}
.thumnailList .proInfo .dSelect{position:relative;float:left;width:90px;height:30px;line-height:30px;border:1px solid #ccc}

.thumnailList .proInfo .dSelect span{display:block;position:absolute;left:100px;top:0;width:30px;}
.thumnailList .proInfo .price{position:relative;top:5px;float:right;color:#f15f5f;font-size:18px;font-weight:600;letter-spacing:-1px}

.thumnailList ul li .btnArea .btnOut a{font-size:15px;font-weight:normal}
.thumnailList ul li .btnArea .btnOut .type02{border:2px solid #878787 ;background-color:#878787}

.thumnailList ul li.pro02 .picArea .wrap .proName{background-color:#a79684}
.thumnailList ul li.pro03 .picArea .wrap .proName{background-color:#6c5e51}


/*viewSolid*/

.viewSolid .viewTit{line-height:20px;padding:15px;color:#000;border-bottom:1px solid #d7e1e3;background-color: #f8f8f8;}
.viewSolid .topArea{position:relative;padding:15px;font-size:13px;border-bottom:1px dotted #ccc}
.viewSolid .topArea dt,
.viewSolid .topArea dd{display:inline;}
.viewSolid .topArea dt{margin-left:15px;color:#9c9c9c;cursor:pointer}
.viewSolid .topArea.fileList .inner{margin-top:10px;}
.viewSolid .topArea.fileList .inner a{display:block;margin:3px 0;color:#777}
.viewSolid .topArea.fileList .inner a:hover{color:#777;text-decoration:underline}
.viewSolid .topArea dt:first-child{margin-left:0}
.viewSolid .vewArea{line-height:30px;padding:20px;overflow:hidden}
.viewSolid .vewArea .pic{width:auto;margin:15px 0;}

/*boardWrite*/

.boardWrite table tbody th,
.boardWrite table tbody td{text-align:left;border-left:0 none;border-right:0 none}
.boardWrite table tbody tr:first-child th,
.boardWrite table tbody tr:first-child td{border-top:0 none}
.boardWrite table tbody th{text-align:right;border-top:1px dotted #dedede;border-bottom:0 none}
.boardWrite table tbody td .guideTxt{margin-top:5px;font-size:12px;}


/*pagination*/

.pagination {margin-top:50px;text-align:center;}
.pagination a{display:inline-block;width:28px;height:28px;line-height:28px;overflow:hidden;margin:0 2px ;color:#4d4d4d;font-size:13px;text-align:center;}
.pagination .page{display:inline-block;overflow:hidden;vertical-align:top}
.pagination .page a{background-color:#e7e5e5}
.pagination .page a.current{}
.pagination .page a.current{color:#fff;font-weight:bold;background-color:#fa6137}
.pagination a span{position:absolute;visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.pagination a.btnFront{background:#fff url("../../images/content/arrow_front.png") no-repeat center}
.pagination a.btnPre{border-left:1px solid #e2e2e2;background:#fff url("../../images/content/arrow_back.png") no-repeat center}
.pagination a.btnNext{border-right:1px solid #e2e2e2;background:#fff url("../../images/content/arrow_next.png") no-repeat center}
.pagination a.btnLast{background:#fff url("../../images/content/arrow_end.png") no-repeat center}


/* cooperate */
.cooperate li{float:left;overflow:hidden;}
.cooperate li dl dt{padding:5px;margin-bottom:15px;border:1px solid #e2e2e2;overflow:hidden;}
.cooperate li dl dd{height:40px;line-height:18px;padding-left:10px;overflow:hidden;color:#828687;font-size:13px;letter-spacing:-1px;background:#fff url("../../images/content/blet01.png") no-repeat left 7px}

/*fullWrap*/

.fullWrap{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background-color:#f3f3f3}


/*comInfo*/

.comIntroTit{line-height:45px;margin:70px 0;color:#333;font-size:30px;text-align:center;font-family:"Nanum Myeongjo"," 나눔명조";font-weight:800;letter-spacing:-1px;}

.certKind{margin:75px auto 65px;}
.certKind ul li{float:left;overflow:hidden;}
.certKind ul li span{display:block;line-height:15px;height:32px;margin:7px 0;overflow:hidden;padding:5px;color:#1a1a1a;font-size:12px;text-align:center;background-color:#f4f7f9}
.certKind ul li.doubleNo span{line-height:32px;}
.en .certKind ul li span{height:62px;}
.en .certKind ul li.doubleNo span{line-height:15px;}

/*year_container*/

.year_container{padding-top:10px;}
.year_container li{float:left;background-color:#fff}
.year_container dl{position:relative;padding:20px;border:1px solid #e8e8e8}
.year_container dl dt{position:absolute;left:50%;top:-13px;width:140px;height:23px;line-height:23px;margin-left:-70px;color:#373737;font-size:23px;font-weight:600;text-align:center;font-family:Verdana,Tahoma,'Helvetica LT Std';background-color:#fff}
.year_container dl dd{padding-left:7px;margin-top:15px;color:#989898;font-size:13px;line-height:19px;letter-spacing:-1px;background:url("../../images/content/bg_dot02.png") no-repeat left 8px}

.year_container dl dd.imgArea{overflow:hidden;}
.year_container dl dd.imgArea.img01{height:219px;background:url("../../images/content/img_year03.png") no-repeat center;background-size:cover}
.year_container dl dd.imgArea.img02{height:204px;background:url("../../images/content/img_year02.png") no-repeat center;background-size:cover}
.year_container dl dd.imgArea.img03{height:204px;background:url("../../images/content/img_year01.png") no-repeat center;background-size:cover}
.year_container dl dd.imgArea.img04{height:204px;background:url("../../images/content/img_year04.png") no-repeat center;background-size:cover}

/*yearArea*/
.yearArea{position:relative;}
.yearArea h3 span{display:inline-block;width:90px;height:125px;line-height:0;font-size:0;text-indent:-99999px;overflow:hidden;background:url("../../images/content/logo_year.png") no-repeat center;background-size:100%}
.yearArea .inner{width:90%;margin:20px auto}
.yearArea .inner > ul > li{position:relative;width:50%;}
.yearArea .inner > ul > li:before{display:block;content:"";position:absolute;top:20px;right:-20px;width:40px;height:40px;border-radius:40px;background:#e77308 url("../../images/content/ico07.png") no-repeat center;}
.yearArea .inner > ul > li.floatR:before{left:-20px}
.yearArea .inner > ul > li > dl{padding:25px;border:1px solid #e5e5e5}
.yearArea .inner > ul > li > dl:after{content:"";display:block;clear:both;}
.yearArea .inner > ul > li.floatL > dl{margin-right:50px}
.yearArea .inner > ul > li.floatL > dl:before{content:"";position:absolute;top:30px;right:35px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #ccc}
.yearArea .inner > ul > li.floatL > dl:after{content:"";position:absolute;top:30px;right:36px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #fff}
.yearArea .inner > ul > li.y2015{margin-top:230px}
.yearArea .inner > ul > li.y2014{margin-top:127px}
.yearArea .inner > ul > li.y2013{margin-top:173px}
.yearArea .inner > ul > li.y2012{margin-top:190px}
.yearArea .inner > ul > li.y2011{margin-top:275px}
.yearArea .inner > ul > li.y2010{margin-top:220px}
.yearArea .inner > ul > li.floatR dl{margin-left:50px}
.yearArea .inner > ul > li.floatR > dl:before{content:"";position:absolute;top:30px;left:35px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #ccc;border-left:0 none}
.yearArea .inner > ul > li.floatR > dl:after{content:"";position:absolute;top:30px;left:36px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff;}
.yearArea .inner > ul > li > dl dt{color:#e77308;font-size:25px}
.yearArea .inner > ul > li > dl dd{line-height:20px;font-size:14px;letter-spacing:-1px}
.yearArea .inner > ul > li > dl .tit{line-height:23px;margin:15px 0;color:#e77308;font-size:17px}
.yearArea .inner > ul > li > dl dd ul li{margin-top:10px}
.yearArea .inner{position:relative;}
.yearArea .inner:after,
.yearArea .inner:before{display:block;content:"";line-height:0}
.yearArea .inner:after{clear:both;}
.yearArea .inner:before{position:absolute;left:50%;top:0;margin-left:-1px;content:"";width:2px;height:100%;background:#e77308}

/*yearArea2018*/
.yearArea2018 > ul > li dt{position:relative;padding-right:40px;padding-bottom:10px;color:#fa6137;font-size:27px;font-weight:600;border-right:2px solid #d3d3d3;}
.yearArea2018 > ul > li dt:after{content:"";clear:both;display:block;position:absolute;right:-11px;top:50%;width:20px;height:20px;margin-top:-25px;border-radius:20px;background-color:#fa6137}
.yearArea2018 > ul > li dd ul{padding:15px;background-color:#fafafa}
.yearArea2018 > ul > li dd li{padding-left:10px;margin:6px 0;line-height:20px;font-size:13px;background:url("../../images/content/bg_dot04.png") no-repeat left 9px;}
.yearArea2018 > ul > li dl:after{content:"";display:block;clear:both}

/*majorBusiness*/
.majorBusiness li{float:left;width:33%;margin-top:30px}
.majorBusiness li dl{padding-top:28px;padding-left:100px;}
.majorBusiness li dl dt{margin-bottom:20px;color:#333;font-size:18px;font-weight:600}
.majorBusiness li dl dd{line-height:20px;margin:5px 0;color:#888;font-size:14px}
.majorBusiness li.ico01{background:url("../../images/content/ico01.png") no-repeat left top;}
.majorBusiness li.ico02{background:url("../../images/content/ico02.png") no-repeat left top}
.majorBusiness li.ico03{background:url("../../images/content/ico03.png") no-repeat left top}
.majorBusiness li.ico04{background:url("../../images/content/ico04.png") no-repeat left top}
.majorBusiness li.ico05{background:url("../../images/content/ico05.png") no-repeat left top}
.majorBusiness li.ico06{background:url("../../images/content/ico06.png") no-repeat left top}
.majorBusiness li.ico02,
.majorBusiness li.ico05{margin-left:1%}

/*technology*/
ol.technology{margin-top:50px;border-top:2px solid #323132;border-bottom:1px solid #323132}
ol.technology > li{padding:50px 0;border-top:1px solid #d6d6d6}
ol.technology > li:first-child{border-top:0 none}
ol.technology li dl dt{float:left;min-height:56px;padding-left:80px;line-height:26px;color:#444;font-size:18px;font-weight:600}
ol.technology li.num01 dt{background:url("../../images/content/num01.png") no-repeat left top}
ol.technology li.num02 dt{background:url("../../images/content/num02.png") no-repeat left top}
ol.technology li.num03 dt{background:url("../../images/content/num03.png") no-repeat left top}
ol.technology li.num04 dt{background:url("../../images/content/num04.png") no-repeat left top}
/*ol.technology li dl{padding-left:80px}*/
ol.technology li dl dd{float:left;line-height:25px;color:#71777c;}
ol.technology li dl:after{content:"";display:block;clear:both}
ol.technology li dl dd ul:after{content:"";display:block;clear:both}

ol.technology.certOrgin li dl dd .contList{margin-top:0}


/*ceoArea*/
.ceoArea{padding-left:380px;margin:100px 70px}
.ceoArea:after,
.ceoArea:before{content:"";display:table;}
.ceoArea:before{content:"";position:absolute;top:235px;left:85px;width:290px;height:290px;border-radius:290px;background:url("../../images/content/img_year02.png") no-repeat -150px top;background-size:480px}
.ceoArea h3{color:#e77308;font-size:25px;font-weight:600}
.ceoArea .tit{line-height:40px;margin:70px 0 50px;color:#a4a3a3;font-size:23px;font-family:"Nanum Myeongjo","나눔명조";font-weight:700;letter-spacing:-1px}
.ceoArea .txt{line-height:30px;margin-bottom:40px;color:#595959}
.ceoArea .tit span,
.ceoArea .txt span{display:block}
.ceoArea .txt strong{font-size:20px;font-weight:600}
.ceoArea .ceoSign{margin-top:118px;text-align:right}
.ceoArea .ceoSign img{width:155px;}

/*groupArea*/
.groupArea{position:relative;margin:70px 0}
.groupArea .ceo{width:200px;padding:20px;margin:0 auto;color:#fff;font-size:18px;text-align:center;font-weight:600;border:1px solid #f95224;background-color:#fa6137}
.groupArea .ceo:before{display:block;content:"";position:absolute;left:50%;top:59px;width:1px;height:139px;margin-left:-1px;background-color:#d6d6d6}

.groupArea .horizontal{position:relative;left:50%;width:130px;padding:15px;margin-left:110px;color:#fff;font-size:16px;text-align:center;font-weight:600;border:1px solid #414141;background-color:#575757}
.groupArea .horizontal:before{display:block;content:"";position:absolute;left:-110px;top:22px;width:110px;height:1px;margin-left:-1px;background-color:#d6d6d6}

.groupArea .level{position:relative;margin-top:45px;}
.groupArea > .large > ul:before{content:"";position:absolute;left:10%;top:0;width:80%;height:1px;border-radius:12px;background-color:#d6d6d6;}
.groupArea > .large > ul > li{position:relative;float:left;width:19%;margin:40px 0.5% 0;text-align:center;}
.groupArea > .large > ul > li > p:after{content:"";position:absolute;left:50%;top:-108px;width:1px;height:110px;margin-left:-1px;background-color:#d6d6d6;z-index:-1}

.groupArea > .large >  ul > li > strong{display:block;padding:15px 10px;color:#454545;font-size:15px;font-weight:600;letter-spacing:-1px;border:1px solid #f95224;background-color:#fff;}
.groupArea .large ul li a{display:block;position:absolute;left:0;bottom:15px;width:100%;}
.groupArea .large ul li a span{padding-top:13px;background:url("../../images/content/ico18.png") no-repeat center top;background-size:15px;}
.groupArea .large ul li strong:before,
.groupArea .large ul li p:before{content:"";position:absolute;top:-7px;left:50%;width:8px;height:8px;margin-left:-6px;border:2px solid #fff;border-radius:12px;background-color:#b25907;}
.groupArea > .large >  ul > li > p{position:relative;height:125px;line-height:19px;padding:15px 10px;margin-top:20px;font-size:13px;border:1px solid #eaeaea;background-color:#fff;word-break: keep-all;}
.groupArea > .large >  ul > li > p:before{background-color:#afafaf}

.en .groupArea > .large >  ul > li > p{padding:10px 5px;}
.en .groupArea > .large >  ul > li > strong{padding:15px 8px;word-break: keep-all;letter-spacing:0}

/*mapArea*/
/* .mapArea .map,
.mapArea .location{float:left;} */
/* .mapArea .map{width:65%;} */
.mapArea .map .inner{height:100%;margin-right:70px;}
.mapArea .map .inner#map_canvas{width:auto !important;}


/* .mapArea .location{width:35%;} */
/* .mapArea .location h3{margin-top:50px;color:#000;font-size:24px;font-weight:600} */
/* .mapArea .location h3:first-child{margin-top:0}
.mapArea .location h3:before{content:"";display:block;height:3px;width:25px;margin:15px 0;background-color:#f1e5d8} 
.mapArea .location p,
.mapArea .location ul li{line-height:22px;margin:15px 0}
.mapArea .location ul li strong{color:#333;font-weight:600}*/

/*mapArea2018*/
.mapArea address{margin-bottom:30px;font-style:normal}
.mapArea address p{line-height:20px;color:#000;font-size:15px;}
.mapArea address p strong{font-size:23px;font-weight:600;}
.mapArea .transfer{margin-top:30px;border-top:3px solid #636363}
.mapArea > .transfer > ul > li{padding:20px 10px;border-bottom:1px solid #e8ecf1}
.mapArea .transfer dt{line-height:22px;padding-left:30px;color:#000;font-size:19px;background:url("../../images/content/bg_dot03.png") no-repeat left 2px}
.mapArea .transfer dd{line-height:20px;}
.mapArea .transfer dd ul li{margin:10px 0;}
.mapArea .transfer dd ul li .tit{display:inline-block;padding-left:15px;color:#000;font-size:16px;background:url("../../images/content/bg_dot.png") no-repeat left 5px}
.mapArea .transfer dd ul li p span{display:inline-block;padding:5px 0 5px 28px;}
.mapArea .transfer dd ul li p .busB{background:url("../../images/content/ico_bus01.png") no-repeat left 6px}
.mapArea .transfer dd ul li p .busB em{color:#3753a6;margin-right:10px;}
.mapArea .transfer dd ul li p .busG{background:url("../../images/content/ico_bus02.png") no-repeat left 6px}
.mapArea .transfer dd ul li p .busG em{color:#1a9e29;margin-right:10px;}
.mapArea .transfer dd ul li:after{contetn:"";display:block;clear:both}


/*.contImg*/

.contImg{margin:50px 0}
.contImg .img01{width:480px}
.contImg .img02_01{width:210px}
.contImg .img02_02{width:180px}
.contImg .arrow{display:inline-block;margin:0 20px;vertical-align:middle;}
.contImg .arrow.ar01{width:33px;height:33px;vertical-align:middle;background:url("../../images/content/arrow01.png") no-repeat center}
.contImg .arrow.ar02{width:63px;height:29px;vertical-align:middle;background:url("../../images/content/arrow02.png") no-repeat center}
.contImg .upss{display:inline-block;width:150px;vertical-align:middle;border:1px solid #ececec}
.contImg .upss dt{display:block;position:relative;clear:both;padding:10px;color:#333;font-size:22px;font-weight:600;border-bottom:1px solid #ececec;background-color:#fbfbfb}
.contImg .upss dd{padding:10px;padding-left:22px;font-weight:600;text-align:left;background:#fff url(../../images/content/bg_dot.png) no-repeat 10px 15px;background-size:4px;}

.en .contImg .arrow.ar02{width:50px;font-size:11px;letter-spacing:-1px;}
.en .contImg .upss dd{padding:5px 10px;padding-left:22px;background-position:10px 10px}

.contImg .sysBox,
.contImg .ftaCert,
.contImg .logoBox{display:inline-block;vertical-align:middle}

.contImg .sysBox{background-color:#f6f6f6}
.contImg .sysBox dt{line-height:35px;padding:5px 20px;color:#fff;font-size:18px;text-align:center;font-weight:600;background-color:#9ca2b2;}
.contImg .sysBox dd{padding:20px 20px 20px 30px;color:#8d94a6;font-size:16px;text-align:left;background:url("../../images/content/bg_dot.png") no-repeat 15px 24px}

.contImg .ftaCert{width:120px;height:120px;padding:15px;margin:0 auto;border:2px dotted #ccc;border-radius:120px;background-color:#fff}
.contImg .ftaCert dl{display:inline-block;width:120px;height:120px;border-radius:130px;background-color:#f6f2ef;vertical-align:middle;}
.contImg .ftaCert dl dt,
.contImg .ftaCert dl dd{position:relative;width:100%;top:50%;color:#f96a43}
.contImg .ftaCert dl dt{margin-top:-30px;font-size:18px;font-weight:600;}
.contImg .ftaCert dl dd{margin-top:20px;font-size:14px;}
.contImg .ftaCert dl dd.end{margin-top:10px;}
.contImg .logoBox{padding:20px;border:1px solid #ccc;background-color:#fafafa}


.diagram .solution .ftaCert{padding:10px;}
.diagram .solution .ftaCert, 
.diagram .contImg .ftaCert dl{width:120px;height:120px;border-radius:120px;}
.diagram .contImg .ftaCert dl dt{margin-top:-27px;font-size:16px;}
.diagram .contImg .arrow.ar02{height:37px;margin:10px 0;font-size:13px;}
.diagram .contImg .sysBox{width:360px;margin:0 auto;}
.diagram .contImg .sysBox dd{padding:10px 3px 20px;background:none}
.diagram .contImg .sysBox > dd > ul > li{float:left;width:30%;font-size:15px;text-align:center;font-weight:600;}
.diagram .contImg .sysBox > dd > ul > li.second{width:40%;}
.diagram .contImg .sysBox > dd > ul > li > ul,
.diagram .contImg .sysBox > dd > ul > li > p{height:76px;line-height:19px;padding:5px;margin:4px 4px 10px;overflow:hidden;color:#464646;font-size:13px;font-weight:normal;border:1px solid #d8d2d9;border-radius:5px;background-color:#e6e0e7}
.diagram .contImg .sysBox > dd > ul > li > p{line-height:76px;}

.en .diagram .solution .ftaCert, 
.en .diagram .contImg .ftaCert dl{width:120px;height:120px;border-radius:120px;}
.en .diagram .contImg .sysBox > dd > ul > li > ul,
.en .diagram .contImg .sysBox > dd > ul > li > p{font-size:12px;}
.en .diagram .contImg .arrow.ar02{font-size:12px;}

/*advantage*/

.advantage{border-top:2px solid #333;border-bottom:1px solid #333}
.advantage li{padding:40px;border-top:1px solid #d6d6d6;}
.advantage li:first-child{border-top:0 none}
.advantage li dl{padding-left:70px;}
.advantage li dl dt{float:left;width:21%;line-height:25px;margin-right:2%;color:#444;font-size:20px;font-weight:600}
.advantage li dl dd{float:left;width:74%;line-height:22px}
.advantage li dl:after{content:"";display:block;clear:both;}
.advantage li.ad01{background:url("../../images/content/ico08.png") no-repeat 20px center}
.advantage li.ad02{background:url("../../images/content/ico09.png") no-repeat 20px center}
.advantage li.ad03{background:url("../../images/content/ico10.png") no-repeat 20px center}
.advantage li.ad04{background:url("../../images/content/ico11.png") no-repeat 20px center}
.advantage li.ad05{background:url("../../images/content/ico12.png") no-repeat 20px center}
.advantage li.ad06{background:url("../../images/content/ico13.png") no-repeat 20px center}

/*actionArea*/

.contTxt strong{font-weight:600}
.actionArea{margin-top:20px}
.actionArea .pic{float:left;width:48%;margin-right:2%}
.actionArea ol{float:left;width:50%;}
.actionArea ol li{line-height:22px;padding-left:30px;margin:20px 0;}
.actionArea ol li.num01{background:url("../../images/content/num01_01.png") no-repeat left 2px}
.actionArea ol li.num02{background:url("../../images/content/num02_01.png") no-repeat left 2px}
.actionArea ol li.num03{background:url("../../images/content/num03_01.png") no-repeat left 2px}
.actionArea ol li p{padding-left:40px;margin-top:10px;background:url("../../images/content/arrow01.png") no-repeat left center}
.actionArea ol li p strong{font-weight:600}

/*faqArea*/

.faqArea li > a,
.faqArea li div{position:relative;line-height:22px;padding:20px 45px;margin:10px 0;}
.faqArea li > a{display:block;padding-left:55px;padding-right:90px;color:#171511;font-size:16px;background-color:#f6f8fa}
.faqArea li > a:after{content:"Q.";display:block;position:absolute;left:30px;top:20px;font-weight:600}
.faqArea li > a:before{content:"+";display:block;position:absolute;right:30px;top:8px;width:45px;line-height:45px;height:45px;border-radius:30px;color:#e77308;font-size:22px;font-weight:bold;text-align:center;background-color:#fff}
.faqArea li.current > a,
.faqArea li > a:hover{color:#fff;background-color:#fa6137}
.faqArea li.current > a:before,
.faqArea li:hover > a:before{content:"-";color:#e77308;font-size:33px;line-height:48px;}
.faqArea li div{display:none}
.faqArea li div .right{margin-top:10px;}



/*contactUs*/
.contactUs input{padding-top: 10px;padding-bottom: 10px;}
.contactUs *:focus{outline:none;}
.contactUs .contact,
.contactUs .withUs{float:left;}
.contactUs .contact{width:40%;margin-right:3%;}
.contactUs .withUs{width:57%}
.contactUs .withUs ul li .inner{text-align:center;border:1px solid #ddd;background-color:#f7f7f7}
.contactUs .withUs ul li .inner .depart{padding:20px 5px 15px;font-size:15px;font-weight:700;background:url("../../images/content/bg_bar.png") no-repeat center bottom}
.contactUs .withUs ul li .inner .work{line-height:19px;padding:5px 15px;margin:10px 0;font-size:13px;overflow:hidden}
.contactUs .withUs ul li .inner .work span{display:block;padding-left:10px;text-align:left;background:url("../../images/content/blet04.gif") no-repeat left 8px}
.contactUs .withUs ul li .inner a{display:block;font-size:13px;padding:15px 0;border-top:1px solid #ddd;}
.contactUs .contact address{line-height:22px;font-style:normal;}
.contactUs .contact p{margin-top:10px;color:#161616;color:#000;font-size:18px;}
.contactUs .contact p strong{display:inline-block;height:37px;line-height:37px;font-weight:600;}


/*contList*/

.contList{margin-top:15px}
.contList.ol > li{line-height:22px;margin:10px 0;margin-left:18px;list-style:decimal;background:#fff}


/*.contList*/

.indentOne{margin-left:15px !important;}
.indentTwo{margin-left:25px !important;}
.contList{line-height:22px;margin-top:15px}

.contList li .txt,
.contList li{margin:6px 0}

p.contList.bar,
.contList.bar > li{padding-left:10px;background:url("../../images/content/blet02.png") no-repeat left 10px}
.contListBar,
ul.contListBar > li,
.contList.bar > li > ul > li{padding-left:10px;background:url("../../images/content/blet02.png") no-repeat left 10px}
ul.contListBar{padding-left:0;background:none}

.contList li p.tit{margin-top:15px;color:#000;font-weight:600;font-size:15px;}
.contList li p.tit img{margin-right:5px}

.middot,
.contList.bar > li > ul > li > ul > li{padding-left:10px;background:url("../../images/content/blet03.png") no-repeat left 10px}
.contList.bar > li > .contList.solid  >li,
.contList.solid > li{margin-top:15px;padding-left:0;background:none}

/*contList ol*/

.contList.ol > li{margin-left:18px;list-style:decimal}
.contList.ol li small{display:block}
.contList.ol > li > ol > li{padding-left:5px;margin-left:15px;list-style:upper-roman}
.contList.ol > li > ul > li > ol > li,
.contList.ol > li > ol > li > ol > li{padding-left:5px;margin-left:15px;list-style:lower-roman}
.contList.ol > li > ul > li > ol > li > ol >li{padding-left:5px;list-style:lower-latin}

p.intro{background-color:#f5f6f1}

p.center .pic{margin:30px 0;text-align:center}


/*error*/
.error{width:70%;margin:125px auto 85px;padding-top:50px;text-align:center;border-top:1px solid #e4e4e4}
.error h3{color:#e77308;font-size:30px;font-weight:600;}
.error h3 span{display:inline-block;height:77px;line-height:77px;padding-left:110px;background:url("../../images/content/ico15.png") no-repeat left center}
.error p{line-height:25px;margin:20px 0 90px;font-size:15px;}
.error .btnOut{height:45px;line-height:45px;padding-right:45px;background:#fa6137 url("../../images/content/arrow03.png") no-repeat right center}
.error .btnOut a{position:relative;top:2px;padding-left:15px;font-weight:normal;}


.modalBack{position:fixed;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:13}
.loading{position:fixed;top:50%;width:100%;height:100%;margin-top:-15px;text-align:center;z-index:14}
.popupWrap{position:absolute;padding-bottom:20px`;background:#fff;z-index:14}
.popupWrap .boardWrap .btnClose{position:absolute;top:-35px;right:0;cursor:pointer}
.popupWrap .boardWrap.write table tbody tr:last-child th{border-bottom:0 none}

/* ---------------------------------------- mobile ------------------------------------------------------------------------- */
@media all and (max-width:767px) {
	
	.contTitle,
	.topTitle{text-align:left;font-size:30px;}
	.contTxt{line-height:25px;}
	.subTitle{margin-top:40px;font-size:20px;}	
	.topTitle{padding-top:0;margin-top:50px;margin-bottom:30px;}

	.en .contTitle,
	.en .topTitle{font-size:26px;letter-spacing:-1px;}
	.en .subTitle{font-size:16px}
	
	/* contTab */
	.contTab ul li a{display:block;height:34px;line-height:34px;color:#555;text-align:center;border:1px solid #d4d4d4;background-color:#fff;}
	.contTab ul li{display:inline-block;float:none;width:48.5%;margin-bottom:4px;}
	.contTab ul li:hover .blet,
	.contTab ul li.current .blet{display:none}

	/*boardWrap*/

    .viewSolid .topArea,
    .viewSolid .vewArea{padding:15px 10px;}
	.viewSolid .topArea dt{margin-left:5px;}
	.viewSolid .topArea .posiA{right:10px}


	/* thumnailList */
	.thumnailList ul{margin-left:-3px;}
	.thumnailList ul li{float:none;margin-bottom:8px;overflow:visible}
	.thumnailList ul li .inner{padding:10px;margin-left:0;}
	.thumnailList .proInfo .dSelect span,
	.thumnailList ul li .picArea .wrap .subTit{font-size:14px;letter-spacing:-1px}
	.thumnailList ul li .picArea .wrap .proName{font-size:21px;letter-spacing:-1px}
	.thumnailList .proInfo .price,
	.thumnailList ul li .tit{font-size:16px;}
	.thumnailList .proInfo .clearfix{margin:10px 0 15px;}
	.thumnailList .btnArea{margin-top:0;}

    .pagination .page{display:inline-block;width:50%;height:28px;overflow:hidden;vertical-align:top}
    .pagination a{margin:0;}
	  

	/* cooperate */
	.cooperate{margin-left:-10px;}
	.cooperate li{width:50%;}
	.cooperate li dl{margin-left:10px}
	.cooperate li dl dt{margin-bottom:10px;}
	.cooperate.client li{width:33%;}

	/*.year_container*/

	.year_container li{width:100%;margin:15px 0}
	
	/*yearArea*/

	.yearArea h3{display:none}
	.yearArea h3 span{width:165px;height:45px;background:url("../../images/main/logo.png") no-repeat center;background-size:100%}
	.yearArea .inner,
	.yearArea .inner > ul > li{width:auto;float:none}
	.yearArea .inner:after,
	.yearArea .inner:before,
	.yearArea .inner > ul > li:before,
	.yearArea .inner > ul > li.floatR:before,
	.yearArea .inner > ul > li.floatL > dl:before,
	.yearArea .inner > ul > li.floatL > dl:after,
	.yearArea .inner > ul > li.floatR > dl:before,
	.yearArea .inner > ul > li.floatR > dl:after,
	.yearArea .inner > ul > li:before{display:none}
	.yearArea .inner > ul > li.y2015,
	.yearArea .inner > ul > li.y2014,
	.yearArea .inner > ul > li.y2013,
	.yearArea .inner > ul > li.y2012,
	.yearArea .inner > ul > li.y2011,
	.yearArea .inner > ul > li.y2010,
	.yearArea .inner > ul > li{margin:15px 0}
	.yearArea .inner > ul > li:first-child{margin-top:0}
	.yearArea .inner > ul > li.floatL,
	.yearArea .inner > ul > li.floatR{margin-top:0}
	.yearArea .inner > ul > li > dl{padding:20px;margin-right:0}
	.yearArea .inner > ul > li.floatL > dl{margin-right:0}
	.yearArea .inner > ul > li.floatR > dl{margin-left:0}
	
	/* yearArea2018 */
	.yearArea2018 > ul > li{margin:25px 0;}
	.yearArea2018 > ul > li dt{display:inline-block;}
	.yearArea2018 > ul > li dd{display:block}

	

	.comIntroTit{line-height:30px;margin:70px 0 40px;font-size:20px;letter-spacing:-1px}
	
	
	.jsInfo{margin:15px 0}
	.jsInfo .pic{top:0;float:none;width:100%;margin-bottom:20px}
	.jsInfo dl{float:none;width:auto}
	.jsInfo dl dt,
	.jsInfo dl dd{display:block;float:none;width:auto;letter-spacing:0}

	/*certKind*/
	.fullWrap.box02{margin:55px 0}
	.certKind{margin:50px auto}
	.certKind ul{margin-left:-1%;}
	.certKind ul li{width:49%;margin-left:1%;margin-bottom:4px}
	
	.en .certKind ul li span{height:62px}
	
	
	/*majorBusiness*/

	.majorBusiness li.ico01,
	.majorBusiness li.ico02,
	.majorBusiness li.ico03,
	.majorBusiness li.ico04,
	.majorBusiness li.ico05,
	.majorBusiness li.ico06{background-size:50px}
	.majorBusiness li{float:none;width:auto;margin-top:30px}
	.majorBusiness li.ico02,
	.majorBusiness li.ico05{margin-left:0}
	.majorBusiness li dl{padding-top:15px;padding-left:80px}

	/*ol.technology*/
	ol.technology{margin-top:25px}
	ol.technology > li{padding:25px 0}
	ol.technology li dl dt,
	ol.technology li dl dd{float:none;}
	ol.technology li dl dt{padding-left:60px;margin-bottom:20px;font-size:17px;background-size:45px !important;}
	
	/*ceoArea*/

	.ceoArea{padding-left:0;margin:0}
	.ceoArea:after,
	.ceoArea:before{display:none}
	.ceoArea{padding-left:0}
	.ceoArea .tit{line-height:35px;margin:35px 0 25px}
	.ceoArea .txt{margin-bottom:20px}
	.ceoArea .ceoSign{margin-top:60px;}
	.ceoArea .tit span,
	.ceoArea .txt span{display:inline}
	
	/*groupArea*/
	.groupArea{margin:0}
	.groupArea .ceo{width:auto;padding:15px}
	.groupArea .horizontal,
	.groupArea > .large >  ul > li > strong,
	.groupArea > .large >  ul > li > p{width:auto;}
	.groupArea .level,
	.groupArea .large ul li,
	.groupArea > .large >  ul > li > p{margin-top:20px}
	.groupArea .horizontal:before,
	.groupArea > .large > ul:before,
	.groupArea > .large >  ul > li strong:before{display:none}

	.groupArea .ceo:before{left:10px;top:49px;width:3px;height:844px;margin-left:0;}

	.groupArea .horizontal{left:0;margin-left:0}
	.groupArea > .large >  ul > li > strong{border-width:3px}
		

	.groupArea > .large > ul > li{float:none;width:auto;margin:20px 0 0 0}
	.groupArea > .large >  ul{padding-left:50px}
	.groupArea > .large >  ul > li strong:after{content:"";position:absolute;left:-36px;top:21px;width:36px;height:3px;background-color:#d6d6d6}
	.groupArea > .large >  ul > li > p:after{top:-21px;height:15px}
	.groupArea > .large > ul > li > p{height:60px;}
	.groupArea .large ul li a span{padding:0 0 0 20px;background-position:left 5px;}
	
	
	.en .groupArea .ceo:before{height:954px;}
	.en .groupArea > .large > ul > li > p{height:100px;}	
	.en .groupArea > .large > ul > li.level01 > p{height:60px;}
	
	
	/*mapArea*/

	/* .mapArea .map,
	.mapArea .location{float:none;width:auto;}	 */
	/* .mapArea .location h3{margin-top:30px;font-size:20px}
	.mapArea .location h3:first-child{margin-top:40px}	 */
	.mapArea .map .inner{margin-right:0}
	.mapArea .map .inner#map_canvas{height:300px !important;}
	
	
	/* 2016-11-01 */
	.mapArea .map #map{width:100% !important}
	.mapArea .map{margin-right:0}
	
	.mapArea address p strong,
	.mapArea .transfer .busG,
	.mapArea .transfer dd ul li .tit{display:block}
	.mapArea address p{margin-bottom:7px}
	.mapArea address p strong{margin-bottom:15px;}
	.mapArea .transfer dd{margin-top:15px;}
	.mapArea .transfer dd ul li .tit{margin-bottom:7px;}
	
	
	/*.contImg*/

	.contImg{margin:30px 0}
	.contImg .pic{width:100%}
	.contImg .arrow{margin:20px 0;}
	.contImg .arrow.ar01{background:url("../../images/content/arrow01_01.png") no-repeat center}
	.contImg .arrow.ar02{width:75px;height:62px;background:url("../../images/content/arrow02_01.png") no-repeat center}	
	.contImg .upss{display:block;width:auto;}	
	.contImg.center{padding:10px;}
	
	.en .contImg.box08 .arrow.ar02{width:85px;font-size:13px;letter-spacing:0;}
	.en .contImg.box08 .sysBox dd{font-size:14px;padding:10px 10px 10px 30px;background-size:4px;background-position:15px 15px;}
	.en .contImg.center{padding:10px 0;}
	
	.contImg .sysBox,
	.contImg .ftaCert,
	.contImg .logoBox{display:block}
	
	.solution .arrow.ar02{padding-top:20px;font-weight:600;background-position:center 3px;}
	
	
	.diagram .contImg .ftaCert dl dt{font-size:14px;}	
	.diagram .contImg .ftaCert dl dd{margin-top:10px;font-size:13px;}
	.diagram .contImg .sysBox{width:auto}
	.diagram .contImg .sysBox dd{padding:5px 3px 10px;}
	.diagram .contImg .sysBox > dd > ul > li{font-size:13px;}
	.diagram .contImg .sysBox > dd > ul > li > ul,
	.diagram .contImg .sysBox > dd > ul > li > p{padding:7px 0;margin:2px 2px 7px;font-size:12px;}
		
	/* .en .diagram.box01 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > p{height:175px;} */
	
	.ko .diagram.box04 .contImg .sysBox > dd > ul > li > ul,
	.ko .diagram.box04 .contImg .sysBox > dd > ul > li > p{height:90px}
	
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > p{height:175px;}

	.en .diagram.box02 .contImg .ftaCert dl dt{font-size:13px;}
	.en .diagram.box02 .contImg .ftaCert dl dd{line-height:15px;font-size:12px;}	
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > p{height:175px;}
	
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > p{height:155px;}
	.en .diagram.box05 .contImg .ftaCert dl dt{margin-top:-24px}
		
	.en .diagram.box06 .contImg .arrow.ar02{width:70px;}
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > p{height:175px;}
	
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > p{height:171px;}
	.en .diagram.box07 .contImg .ftaCert dl dt{margin-top:-35px;}
	
	.en .contImg.box08 .ftaCert dl dt{margin-top:-33px;}
	
	/*advantage*/

	.advantage li{padding:20px;background:none !important}
	.advantage li dl{padding-left:0}
	.advantage li dl dt,
	.advantage li dl dd{float:none;width:auto;margin-right:0;}
	.advantage li dl dt{min-height:0;margin-bottom:10px;}

	/*actionArea*/
	.actionArea .pic,
	.actionArea ol{float:none;width:100%;margin-right:0}

	/*contactUs*/

	.contactUs .contact,
	.contactUs .withUs{float:none;width:auto}
	.contactUs .contact p{font-size:15px;}
	.contactUs .contact p strong{line-height:34px;background-size:30px;}
	.contactUs .withUs ul li{margin-bottom:7px;}
	.contactUs .withUs ul li .inner a{font-size:14px;}

	/*error*/
	.error{width:100%;}
	.error h3 span{line-height:40px;padding-left:0;padding-top:110px;background-position:center top}
	.error p{margin:30px 0 65px;}
	.error .btnOut{width:auto;}
	
	/* popupWrap */
	.popupWrap{top:130px;width:96%;margin:0 2%;}		
	.popupWrap .btnArea{padding:0 15px;}
}

/*------------------------------- tablet 768 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) and (max-width:1023px) {
	
	.content .topTitle.first{margin-top:-170px;}
	
	.contTab ul li:first-child{width:50%}

	/* cooperate */
	.cooperate{margin-left:-15px;}
	.cooperate li{width:33%;}
	.cooperate li dl{margin-left:15px}	
	.cooperate.client li{width:25%;}
	
	/*certKind*/
	.certKind ul{margin-left:-1%;}
	.certKind ul li{width:24%;margin-left:1%;}

	/*.year_container*/
	.year_container{margin-left:-3%}
	.year_container li{width:45%;margin-left:3%;margin-bottom:30px;}

	
	.jsInfo{margin:50px 15px}
	.jsInfo .pic{top:0;float:none;width:100%;margin-bottom:20px}
	.jsInfo dl{float:none;width:auto}
	.jsInfo dl dt{width:18%}
	.jsInfo dl dd{width:79%}
	
	/* certKind */
	.certKind{margin:55px 0}
	.certKind ul li{margin-top:8px}
	.en .certKind ul li span{height:48px;}
	
	
	.majorBusiness li{margin-top:40px}
	.majorBusiness li.ico01,
	.majorBusiness li.ico02,
	.majorBusiness li.ico03,
	.majorBusiness li.ico04,
	.majorBusiness li.ico05,
	.majorBusiness li.ico06{background-size:50px}
	.majorBusiness li dl{padding-top:15px;padding-left:80px}

	/*ol.technology*/

	ol.technology li dl dt{width:28%;margin-right:6%}
	ol.technology li dl dd{width:55%}

	/*.ceoArea*/

	.ceoArea{padding-left:280px;margin:70px 20px}
	.ceoArea:before{left:25px;top:215px;width:250px;height:250px;background-position:-99px top;background-size:385px}
	.ceoArea .tit span,
	.ceoArea .txt span{display:inline}

	/*.yearArea*/
	.yearArea .inner{width:100%}
	.yearArea .inner > ul > li.y2015{margin-top:290px}
	.yearArea .inner > ul > li.y2014{margin-top:320px}
	.yearArea .inner > ul > li.y2013{margin-top:250px}
	.yearArea .inner > ul > li.y2012{margin-top:245px}
	.yearArea .inner > ul > li.y2011{margin-top:420px}
	.yearArea .inner > ul > li.y2010{margin-top:215px}
	
	/*yearArea2018*/
	.yearArea2018 > ul > li > dl{display:table;width:100%;}
	.yearArea2018 > ul > li dt,
	.yearArea2018 > ul > li dd{display:table-cell;vertical-align:middle;}
	.yearArea2018 > ul > li dt{width:20%;padding-top:13px;margin-right:1%;}
	.yearArea2018 > ul > li dt:after{margin-top:-11px;}
	.yearArea2018 > ul > li dd{position:relative;width:79%;}
	.yearArea2018 > ul > li dd ul{margin-left:20px;margin-top:20px;}
	.yearArea2018 > ul > li:first-child dd ul{margin-top:0;}
	.yearArea2018 > ul > li:first-child dd:after{content:"";clear:both;display:block;position:absolute;top:0;left:-3px;width:4px;height:46px;background-color:#fff}

	/*mapArea*/
	#content.mapArea{min-height:0}
	/* .mapArea .map,
	.mapArea .location{float:none;width:auto;}	 */
	/*.mapArea .map{height:400px}*/
	/* .mapArea .location h3{margin-top:30px;font-size:20px}
	.mapArea .location h3:first-child{margin-top:40px}	 */
	.mapArea .map .inner{margin-right:0}
	
	
	/* 2016-11-01 */
	.mapArea .map #map{width:100% !important}
	.map .pic{width:100%}
	
	.mapArea address p strong{display:block;margin-bottom:15px;}
	.mapArea .transfer dd{margin-top:20px;}
	.mapArea .transfer dd ul li p{padding-left:15px;}
	
	
	/*contImg*/
	.contImg .img02_01{width:180px}
	.contImg .arrow{margin:0 6px}
	.en .contImg .arrow{margin:0 3px}
	.contImg .img02_02{width:140px}
	.contImg .img03{width:100%;}

	.contImg .upss dt{padding:10px 15px;}
	.contImg .upss dt:after{top:42px;height:134px;}
	.contImg .upss dd{font-size:13px;}

	.contImg.center{padding:30px 10px;}		
	.contImg.solution.center{padding:0;}
	
	.contImg .ftaCert,
	.contImg .ftaCert dl{width:130px;height:130px;border-radius:130px}
	.contImg .ftaCert{padding:10px;}
	.contImg .ftaCert dl dt{margin-top:-30px;font-size:18px;}
	.contImg .ftaCert dl dd{margin-top:15px;font-size:13px;}
	.contImg .sysBox dt{padding:0 10px;}
	.contImg .sysBox dd{padding:15px 15px 15px 20px;font-size:13px;background-position:7px 15px}
	.contImg .logoBox{width:145px;}
	.contImg.solution .arrow.ar02{height:45px;font-size:12px;background-position:center bottom}
	
	.en .contImg .ftaCert dl dd{font-size:12px;}
	
	.diagram .solution .ftaCert,
	.diagram .contImg .ftaCert dl{width:110px;height:110px;border-radius:110px;}
	.diagram .contImg .ftaCert dl dd{padding-bottom:10px;margin-top:8px;}
	.diagram .contImg .sysBox{width:310px;}
	
	.diagram .contImg .sysBox > dd > ul > li > ul,
	.diagram .contImg .sysBox > dd > ul > li > p{padding:2px;}	
	.diagram.eis .contImg .sysBox{width:480px;}
	
	.en .diagram.box01 .contImg .sysBox{width:310px;}
	.en .diagram.box01 .contImg .sysBox > dd{padding:10px 5px 20px;}
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > p{height:192px;}
	.en .diagram.box05 .contImg .sysBox{width:315px;}	
	.en .diagram.box05 .solution .ftaCert,
	.en .diagram.box05 .contImg .ftaCert dl{width:120px;height:120px;border-radius:120px;}
	.en .diagram.box05 .contImg .sysBox dd{padding:10px 4px 20px;}
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > p{height:135px;}
	.en .diagram.box06 .contImg .sysBox{width:310px;}
	.en .diagram.box06 .contImg .sysBox dd{padding:10px 3px 20px;}
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > p{height:195px;}
	.en .diagram.box07 .contImg .sysBox{width:310px;}
	.en .diagram.box07 .contImg .sysBox dd{padding: 10px 2px 20px;}
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > p{height:175px;}
	.en .contImg.box08 .sysBox{width:210px;}	
	.en .contImg.box08 .sysBox dd{padding:10px 10px 10px 28px;background-position:15px 15px;}
		
	.advantage li dl dt{width:25%;margin-right:3%}
	.advantage li dl dd{width:72%;}

	/* contactUs */
	.contactUs .contact,
	.contactUs .withUs{float:none;width:auto}	
	.contactUs .withUs ul{margin-left:-4px;}
	.contactUs .withUs ul li{float:left;width:33.33%;}
	.contactUs .withUs ul li .inner{margin:0 10px;}
	.contactUs .withUs ul li .inner .work{height:58px;}
	
	.en .contactUs .withUs ul li .inner .work{height:100px;}
	/*error*/
	.error{width:80%;}
	
	.groupArea > .large >  ul > li > strong{padding:15px 8px;}
	
	.en .groupArea > .large > ul > li > p:after{top:-143px;height:135px}
	.en .groupArea > .large >  ul > li > strong{height:50px;}
	.en .groupArea > .large >  ul > li.level02 > strong,
	.en .groupArea > .large >  ul > li.level05 > strong{height:42px;padding-top:23px;}
	.en .groupArea > .large > ul > li > p{height:180px;}
	.en .groupArea > .large > ul > li > p a{font-size:12px;}
	
	/* thumnailList */
	
	.thumnailList ul{margin-left:-10px;}
	.thumnailList ul li{width:33%;}
	.thumnailList ul li:first-child{width:34%;}
	.thumnailList ul li .inner{padding:10px;margin-left:10px;}
	.thumnailList ul li .picArea .wrap{margin-top:85px}
	
	.thumnailList .proInfo .dSelect span,
	.thumnailList ul li .picArea .wrap .subTit{font-size:12px;letter-spacing:-1px}
	.thumnailList ul li .picArea .wrap .engSub{font-size:12px}
	.thumnailList ul li .picArea .wrap .proName{font-size:17px;letter-spacing:-1px}
	.thumnailList .proInfo .price,
	.thumnailList ul li .tit{font-size:16px;}	
	.thumnailList .proInfo .clearfix{margin:10px 0 15px;}
	.thumnailList .btnArea{margin-top:0;text-align:center}	
	.thumnailList .btnArea .btnOut{min-width:100px;}
	
	/* popupWrap */
	.popupWrap{top:130px;width:96%;margin:0 2%;}	
	.popupWrap .btnArea{padding:0 15px;}
	.popupWrap .topArea.fileList .fileList .inner a{display:inline-block;margin-right:7px;}
}



/*------------------------------- desktop 1024 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width:1169px) {
	.content .topTitle.first{margin-top:-215px;}
	
	.thumnailList ul{margin-left:-15px;}
	.thumnailList ul li{width:33%;margin-bottom:15px}
	.thumnailList ul li .inner{margin-left:15px;}
	.thumnailList ul li .picArea .wrap .subTit{font-size:14px;letter-spacing:-1px}
	.thumnailList ul li .picArea .wrap .engSub{font-size:14px}
	.thumnailList ul li .picArea .wrap .proName{font-size:21px;letter-spacing:-1px}	

	.contTab ul li{width:50%}

	/* cooperate */
	.cooperate{margin-left:-15px}
	.cooperate li{width:20%;}
	.cooperate li dl{margin-left:15px}
	.cooperate.client li{width:16.6%;}

	/*certKind*/
	.certKind ul{margin-left:-1%;}
	.certKind ul li{width:19%;margin-left:1%;margin-top:1%;}

	.yearArea .inner{width:100%;}
	
	/*yearArea2018*/
	.yearArea2018 > ul > li > dl{display:table;width:100%;}
	.yearArea2018 > ul > li dt,
	.yearArea2018 > ul > li dd{display:table-cell;vertical-align:middle;}
	.yearArea2018 > ul > li dt{width:18%;padding-top:13px;margin-right:2%;}
	.yearArea2018 > ul > li dt:after{margin-top:-11px;}
	.yearArea2018 > ul > li dd{position:relative;width:80%;}
	.yearArea2018 > ul > li dd ul{margin-left:30px;margin-top:20px;}
	.yearArea2018 > ul > li:first-child dd ul{margin-top:0;}
	.yearArea2018 > ul > li:first-child dd:after{content:"";clear:both;display:block;position:absolute;top:0;left:-3px;width:4px;height:46px;background-color:#fff}
	
	.year_container{margin-left:-5%}
	.year_container li{width:28.3%;margin-left:5%}

	
	.jsInfo .pic{width:380px}
	.jsInfo dl{width:49%}
	.jsInfo dl dt,
	.jsInfo dl dd{margin:2px 0;}
	.jsInfo dl dt{width:28%}
	.jsInfo dl dd{width:69%;font-size:12px;}

	/*ol.technology*/

	ol.technology li dl dt{width:20%;}
	ol.technology li dl dd{width:69%;font-size:13px;letter-spacing:-1px;}
	ol.technology li dl dd ul li{float:left;width:47%;padding-left:2%}
	ol.technology li.num04 dl dd{width:66%;padding-left:0}
	
	ol.technology.certOrgin li dl dd ul li{float:none;width:auto;padding-left:10px}
	ol.technology.certOrgin li.num04 dl dt{width:19%;}
	ol.technology.certOrgin li.num04 dl dd{width:69%;padding-left:0;}

	/*.ceoArea*/

	.ceoArea{padding-left:320px;margin:100px 40px}
	.ceoArea:before{left:40px;}
	.ceoArea .tit{letter-spacing:-1px}

	
	.yearArea .inner > ul > li.y2014{margin-top:220px}
	.yearArea .inner > ul > li.y2013{margin-top:180px}	
	.yearArea .inner > ul > li.y2013{margin-top:195px}	
	.yearArea .inner > ul > li.y2011{margin-top:270px}	
	.yearArea .inner > ul > li.y2010{margin-top:215px}

	/*groupArea*/

	/* .groupArea{padding:0 20px;} */
	.groupArea > .large > ul > li{width:19%;margin:40px 0.5% 0}
		
	.en .groupArea > .large > ul > li > p{height:180px;}
	.en .groupArea > .large > ul > li > strong{height:45px;}
	.en .groupArea > .large > ul > li.level02 > strong{line-height:19px;}
	.en .groupArea > .large > ul > li.level05 > strong{line-height:45px;}
	.en .groupArea > .large > ul > li > p:after{top:-137px;height:135px;}

	/*mapArea*/

	.mapArea,
	.mapArea .innerWrap,
	.mapArea .innerWrap .clearfix,
	.mapArea .innerWrap .map{height:100%}
	.mapArea .innerWrap .map .inner{margin-right:40px}
	/* .mapArea .innerWrap .location{position:relative;top:50%;margin-top:-390px;} */
	.mapArea .map .inner#map_canvas{height:100% !important;}
	
	/* 2016-11-01 */
	.mapArea .map #map{width:94% !important}
	
	/* mapArea2018 */
	.mapArea address p{float:left}
	.mapArea address p.first span{position:relative;top:-3px;margin-right:10px;}
	.mapArea .transfer dd{padding-left:30px;margin-top:20px;}
	.mapArea .transfer dd ul li p{padding-left:15px;}
	
	/*contImg*/

	/*contImg*/
	.contImg .img02_01{width:190px}
	.contImg .arrow{margin:0 8px}
	.contImg .img02_02{width:150px}
	.contImg .img03{width:100%;}
	.contImg .upss{width:245px;}
	.contImg .upss dt:after{height:130px;}
	.contImg .upss dd{font-size:13px;}
	
	/* .contImg.center{padding:30px;} */
	.contImg.solution.center{padding:0;}
	.contImg.solution.center .pic{width:100%;}	
	.contImg .ftaCert,
	.contImg .ftaCert dl{width:160px;height:160px;border-radius:160px}
	.contImg .ftaCert{padding:10px;}
	.contImg .ftaCert dl dt{margin-top:-30px;font-size:18px;}
	.contImg .ftaCert dl dd{margin-top:15px;font-size:15px;}
	.contImg .sysBox dt{padding:0 10px;}
	.contImg .sysBox dd{padding:15px 15px 15px 20px;font-size:13px;background-position:7px 19px}
	.contImg .logoBox{width:163px;}
	.contImg.solution .arrow.ar02{height:45px;font-size:12px;background-position:center bottom}
	
	/* .diagram.box06 .contImg .sysBox > dd > ul > li > ul,
	.diagram.box06 .contImg .sysBox > dd > ul > li > p{height:152px;} 한국어일때 높이 높음. 우선 주석처리. 확인할것*/
	
	.diagram.box04 .contImg .sysBox dd{padding:10px 6px 20px;}
	.diagram.box04 .contImg .sysBox > dd > ul > li > ul,
	.diagram.box04 .contImg .sysBox > dd > ul > li > p{height:95px}
	
	.diagram .contImg .sysBox{width:340px;}
	.diagram.eis .contImg .sysBox{width:480px;}
	
	.en .contImg .ftaCert,
	.en .contImg .ftaCert dl{width:120px;height:120px;border-radius:120px}
	.en .contImg .ftaCert dl dd{font-size:12px;}		
	
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > p{height:170px;}
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > p{height:95px;}
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > p{height:135px;}		
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > p{height:170px;}
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box07 .contImg .sysBox > dd > ul > li > p{height:175px;}
	
	/*actionArea*/
	.actionArea .pic{width:35%;}
		
	.contImg .img03{width:100%;}
	p.intro .pic{width:auto;text-align:center}
	
	/* contactUs */
	.contactUs .contact p{letter-spacing:-1px;}
	.contactUs .withUs ul{margin-left:-4px;}
	.contactUs .withUs ul li{float:left;width:33.33%;}
	.contactUs .withUs ul li .inner{margin:0 4px;}
	.contactUs .withUs ul li .inner .depart{font-size:14px;letter-spacing:-1px;}
	.contactUs .withUs ul li .inner .work{height:95px;font-size:12px;}
	.contactUs .withUs ul li .inner a{font-size:11px;}
	
	.en .contactUs .withUs ul li .inner .depart{height:45px}
	.en .contactUs .withUs ul li .inner .work{height:175px;}
	
	/* popupWrap */
	.popupWrap{left:50%;top:170px;width:700px;margin-left:-350px;}	
	.popupWrap .btnArea{padding:0 15px;}
	.popupWrap .topArea.fileList .fileList .inner a{display:inline-block;margin-right:7px;}
}



/* ----------------------------desktop 1170 -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1170px) {
	.content .topTitle.first{margin-top:-75px;}
	
	.thumnailList ul{margin-left:-15px;}
	.thumnailList ul li{width:33%;margin-bottom:15px}
	.thumnailList ul li .inner{margin-left:15px;}
	
	.contTab ul li{width:50%}

	/* cooperate */
	.cooperate{margin-left:-15px}
	.cooperate li{width:20%;}
	.cooperate li dl{margin-left:15px}	
	.cooperate.client li{width:16.6%;}

	/*certKind*/
	.certKind ul{margin-left:-1%;margin-bottom:-1%}
	.certKind ul li{width:19%;margin-left:1%;margin-bottom:2%}

	/*yearArea2018*/
	.yearArea2018 > ul > li > dl{display:table;width:100%;}
	.yearArea2018 > ul > li dt,
	.yearArea2018 > ul > li dd{display:table-cell;vertical-align:middle;}
	.yearArea2018 > ul > li dt{width:18%;padding-top:13px;margin-right:2%;}
	.yearArea2018 > ul > li dt:after{margin-top:-11px;}
	.yearArea2018 > ul > li dd{position:relative;width:80%;}
	.yearArea2018 > ul > li dd ul{margin-left:30px;margin-top:20px;}
	.yearArea2018 > ul > li:first-child dd ul{margin-top:0;}
	.yearArea2018 > ul > li:first-child dd:after{content:"";clear:both;display:block;position:absolute;top:0;left:-3px;width:4px;height:46px;background-color:#fff}
	

	/*.year_container*/
	.year_container{margin-left:-5%}
	.year_container li{width:28%;margin-left:5%;margin-bottom:30px}

	/*ol.technology*/

	ol.technology li dl dt{width:21%;letter-spacing:-1px;}
	ol.technology li dl dd{width:70%;font-size:14px}
	ol.technology li dl dd ul li{float:left;width:47%;padding-left:3%;letter-spacing:-1px;}
	/* ol.technology li.num04 dl dd{width:60%;padding-left:2%} */
	
	ol.technology.certOrgin li dl dd ul li{float:none;width:auto;padding-left:10px;margin-top;;}
	/* ol.technology.certOrgin li.num04 dl dd{width:70%;padding-left:3%;} */
	
	/*groupArea*/

	/* .groupArea{padding:0 40px;} */
	.groupArea > .large > ul > li{width:19%;margin:40px 0.5% 0}
	.en .groupArea > .large > ul > li > p{height:160px;}
	.en .groupArea > .large > ul > li > p:after{top:-123px;height:125px}
	.en .groupArea > .large > ul > li.level05 > strong{height:30px;line-height:30px;}
	

	/*mapArea*/

	.mapArea,
	.mapArea .innerWrap,
	.mapArea .innerWrap .clearfix,
	.mapArea .innerWrap .map{height:100%}
	/* .mapArea .innerWrap .location{position:relative;top:50%;margin-top:-345px;} */
	.mapArea .map .inner#map_canvas{height:100% !important;}
	
	/* 2016-11-01 */
	.mapArea .map #map{width:95% !important}
	
	/* mapArea2018 */
	.mapArea address p,
	.mapArea .transfer dt,
	.mapArea .transfer dd{float:left}
	.mapArea address p.first span{position:relative;top:-3px;margin-right:10px;}
	
	.mapArea .transfer dt{width:230px;padding-top:12px;background-position:left 13px;}
	.mapArea .transfer dd{width:630px;}
	.mapArea .transfer dd ul li .tit{width:85px;}
	.mapArea .transfer dd ul li p{margin-top:10px;padding-left:104px;}
	
	.en .mapArea .transfer dt{width:170px}
	.en .mapArea .transfer dd{width:690px}
	
	/* contImg */
	.contImg.center .pic{width:222px}	
	.contImg.solution.center .pic{width:100%;}
	
	.contImg .ftaCert,
	.contImg .ftaCert dl{width:135px;height:135px;border-radius:135px}
	.contImg .ftaCert{padding:15px;}
	.contImg .ftaCert dl dt{margin-top:-22px;font-size:17px;}
	.contImg .ftaCert dl dd{margin-top:5px;font-size:13px;}
	.contImg .sysBox dt{padding:0 10px;}
	.contImg .sysBox dd{padding:15px 15px 15px 20px;font-size:13px;background-position:7px 19px}
	.contImg .logoBox{width:163px;}
	.contImg.solution .arrow.ar02{height:45px;background-position:center bottom}
	
	.ko .diagram.box04 .contImg .sysBox > dd > ul > li > ul,
	.ko .diagram.box04 .contImg .sysBox > dd > ul > li > p{height:96px;}
	
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box01 .contImg .sysBox > dd > ul > li > p{height:150px;}	
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box02 .contImg .sysBox > dd > ul > li > p{height:100px;}
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box05 .contImg .sysBox > dd > ul > li > p{height:115px;}/* 수정했다말이지 */
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > ul,
	.en .diagram.box06 .contImg .sysBox > dd > ul > li > p{height:150px;}/* 왜 높지? */
	.en .diagram.box07 .contImg .ftaCert dl dt{margin-top:-32px;}
	
	.en .contImg.box08 .ftaCert dl dt{margin-top:-31px}	
	.en .contImg.box08 .sysBox dd{padding: 10px 21px 10px 30px;background-position:16px 14px;}
	
	/* contactUs */
	.contactUs .withUs ul{margin-left:-4px;}
	.contactUs .withUs ul li{float:left;width:33.33%;}
	.contactUs .withUs ul li .inner{margin:0 4px;}
	.contactUs .withUs ul li .inner .work{height:80px;}
	
	.en .contactUs .withUs ul li .inner .depart{height:45px;}
	.en .contactUs .withUs ul li .inner .work{height:155px}
	
	.diagram.eis .contImg .sysBox{width:480px;}
	
	/*actionArea*/
	.actionArea .pic{width:35%;}
	
	.linefeed{display:block}
	.en .linefeed{display:inline}
	
	
	.contImg.center .img03,
	p.intro .pic{width:auto;}
	
	/* popupWrap */
	.popupWrap{left:50%;top:170px;width:800px;margin-left:-400px;}	
	.popupWrap .btnArea{padding:0 15px;}
	.popupWrap .topArea.fileList .fileList .inner a{display:inline-block;margin-right:7px;}
	
	}