@charset "utf-8";
body{background-color:#1c1c1c;}
.titType01{font-size:20px; color:#0662b0; padding-left:22px; background: url("/front/image/common/ico_tit03.png") no-repeat 0 7px; font-weight:bold;}
.rel{position:relative;}
#content{padding-top:91px;}
.subContentWrap{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0;position: relative;  width:100%; background-color:#fff;}
.subContentWrap.search{ padding-top:108px;}
.subContentWrap .footerWrap{ position: absolute; left: 0; bottom: 0; width: 100%;}
.contentArea{line-height:1.4; max-width:980px; margin:0 auto; box-sizing:border-box; padding:60px 10px 160px;}
.contentArea.secCont{padding:40px 10px;}
.contentArea.secCont.last{padding-bottom:70px;}
.contentArea.prdTxBx{padding:50px 10px 50px;}
.topVisual{height:200px; width:100%; display:table; table-layout:fixed; text-align: center; background-size:cover !important;}
.topVisual h1{display:table-cell; vertical-align:middle; font-size:35px; color:#fff; padding:5px 10px 0; line-height:1.5; letter-spacing:-1px;}
.topVisual h1 .sub{display:block; font-size:18px; letter-spacing:0; padding-top:0;}


.topVisual.introduction_top{background: url("/front/image/company/top_introduction.jpg") no-repeat 50% 0;}
.topVisual.greeting_top{background: url("/front/image/company/top_greeting.jpg") no-repeat 50% 0;}
.topVisual.history_top{background: url("/front/image/company/top_history.jpg") no-repeat 50% 0;}
.topVisual.channel_top{background: url("/front/image/company/top_channel.jpg") no-repeat 50% 0;}
.topVisual.location_top{background: url("/front/image/company/top_location.jpg") no-repeat 50% 0;}
.topVisual.product_top{background: url("/front/image/product/top_product.jpg") no-repeat 50% 0;}
.topVisual.product_list_top{background: url("/front/image/product/top_product_list.jpg") no-repeat 50% 0;}
.topVisual.brand_top{background: url("/front/image/product/top_brand.jpg") no-repeat 50% 0;}
.topVisual.contents_top{background: url("/front/image/contents/top_contents.jpg") no-repeat 50% 0;}
.topVisual.news_top{background: url("/front/image/news/top_news.jpg") no-repeat 50% 0;}
.topVisual.contact_top{background: url("/front/image/contact/top_contact.jpg") no-repeat 50% 0;}
.topVisual.guide{background: url("/front/image/guide/top.jpg") no-repeat 50% 0;}






.locationWrap{position:relative; background: #f9f9f9; height:50px;border-bottom:1px solid #e9e9e9;width:100%;z-index:19; box-sizing:border-box;}
.locationWrap.fixed{ position: fixed; left: 0; top: 0;z-index:20000}
.locationArea{ max-width:960px; margin: 0 auto; position: relative;}
.locationArea .location{height:43px; float: left;}
.locationArea .location > li{float: left; position: relative;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;margin-left:-1px;}
.locationArea .location > li:first-child{ margin-left: 0;}
.locationArea .location > li.locationLink > a{ background: url("/front/image/common/location_arr.png") no-repeat 90% center;padding:0 50px 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;min-width:170px; display: block; line-height: 50px; font-size: 13px; color:#000;}
.locationArea .location > li.locationLink.on > a{font-weight:bold;}
.locationArea .location > li.locationLink .selectMenu{ position: absolute; left: -1px; top: 50px; width: 100%;border:1px solid #e9e9e9; border-top: 0; background: #ffffff;padding:10px 0; display: none; }
.locationArea .location > li.locationLink .selectMenu.open{ display: block;}
.locationArea .location > li.locationLink .selectMenu li{ line-height: 18px;}
.locationArea .location > li.locationLink .selectMenu li a{ display: block;padding:6px 25px; text-decoration:none;}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus{ background: #353947; color: #ffffff;}
.locationArea .location > li .en{display:none;}
.locationArea .ringtBtn{ float: right;}
.locationArea .ringtBtn a{ display: block; float: left; margin-left: 15px;}

.contentWrap{ background: #f7f7f7;border-bottom: 1px solid #e8e8e8;}
.contentWrap.bgfff{ background: #fff;}
.contentWrap.last{padding-bottom:80px;}
.contentArea .secCont{padding:60px 0;}
.contentArea .secCont.last{padding-bottom:70px;}

.btn_contentTop{ position: fixed;right:10px; bottom:30px; width:59px; height:60px;border:1px solid #bfbfbf}
.btn_contentTop:hover,
.btn_contentTop:focus{border:1px solid #000}
.btn_contentTop.ab{bottom:200px;}



.viewBtns{margin-top:35px;}
.viewBtns:after{content:""; display:block; clear:both;}
.viewBtns .col{float:right;}
.viewBtns .col:first-child{float:left;}
.viewBtns .col:first-child .btn:first-child{margin-right:6px;}

.viewBtns .btn {display:inline-block; padding:14px 16px 13px; text-align:center; box-sizing:border-box; min-width: 121px; border:1px solid #ddd; background-color:#fafafa; font-size:14px; color:#676767;}
.viewBtns .btn.btnList {background-color:#283891; border:1px solid #283891; color:#fff;}
.viewBtns .btn.btnOk {background-color:#283891; border:1px solid #283891; color:#fff;}




@media all and (max-width:460px) {
	.viewBtns .col{float:none !important;}
	.viewBtns .col:first-child{padding-bottom:10px;}
}


@media all and (max-width:760px) {
	#content{padding-top:67px;}

	.locationArea .location{ display:table; table-layout: fixed; width:100%;}
	.locationArea .location > li{float:none; display:table-cell; vertical-align:middle; width:auto; border-left:none;}
	.locationArea .location > li:first-child{width:49px;}
	.locationArea .location > li.locationLink > a{min-width: auto; line-height:1.2;}
}

.textareaType01{border:1px solid #ddd; padding:10px; box-sizing:border-box; width:100%;}

.inpEle{ display:inline-block; }


.colRow:after{content:""; display:block; clear:both;}
.colRow .titType01 {text-align:left}
.colRow .col{float:left; box-sizing:border-box;}
.colRow .col1{width:100%; }
.colRow .col2-1{width:50%;}
.colRow .l29{padding-left:29px;}
.colRow .l20{padding-left:20px;}
.colRow .r20{padding-right:20px;}
.colRow .imgBx{padding-top:15px;}
.colRow .subTit{text-align: center; font-size:20px; padding-top:20px; color:#0197d6; display:block;}

@media all and (max-width:760px) {
	.colRow .col{float:none; padding:0; width:100%; text-align:center;}
	.colRow .col:first-child{padding-bottom:30px;}
}


.subTabArea ul{display: table; table-layout:fixed; width:100%; padding-left:1px;}
.subTabArea ul li{display: table-cell; vertical-align:top;}
.subTabArea ul li a{display:block; text-align:center; padding:15px 5px; background-color:#fafafa; font-size:16px; color:#454545; box-sizing:border-box; border:1px solid #d5d5d5; border-bottom:2px solid #0197d6; margin-left:-1px;}
.subTabArea ul li.on a{background-color:#0197d6; color:#fff;}

.subListTpye01{margin-top:60px;}
.subListTpye01 .tit{font-size:16px; color:#454545; padding-bottom:15px; border-bottom:1px solid #ddd;}
.subListTpye01 .lists li{margin-top:10px; font-size:13px; color:#878787; padding-left:13px; position:relative;}
.subListTpye01 .lists li:after{content:""; display:block; width:3px; height:3px; background-color:#878787; position:absolute; left:0; top:8px;}
.subListTpye01 .lists li:first-child{margin-top:20px;}



.tbWrap{margin-top:20px;}
.tbWrap th,
.tbWrap td{word-wrap:break-word; word-break:keep-all;}

.listType {table-layout: fixed; width:100%; background-color:#fff;}
.listType thead tr th {padding:12px 0 12px; border-top: 1px solid #1c798f; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:13px; color:#454545; font-weight:bold; background:#fafafa}
.listType thead tr th:first-child{border-left:1px solid #e5e5e5;}
.listType tbody tr th {padding:13px 5px 13px; border-bottom: 1px solid #e5e5e5; font-size:14px; color:#000; background-color: #f7f7f7; font-weight:bold;}
.listType tbody tr td {border-bottom: 1px solid #e5e5e5;  border-right:1px solid #e5e5e5; font-size:12px; padding:13px 10px 13px 10px; text-align: left; color:#676767; line-height:24px;  word-wrap:break-word; word-break:keep-all; text-align: center;}
.listType tbody tr td:first-child{border-left:1px solid #e5e5e5;}
.listType tbody tr:first-child th {border-top: none;}
.listType tbody tr:first-child td {border-top: none;}
.listType tbody tr td .ing{color:#1a2c5e;}
.listType tbody tr.notice td{font-size:14px; color:#213a61; background-color:#f6fbff; font-weight:bold;}
.listType tbody tr.notice td a{font-size:14px; color:#213a61; font-weight:bold;}

.listType.type02 tbody tr:first-child th{border-top:1px solid #1c798f;}
.listType.type02 tbody tr:first-child td{border-top:1px solid #e5e5e5;}

.listType.type02 tbody tr th{text-align:left; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding-left:20px;}
.listType.type02 tbody tr td{text-align:left; padding-left:20px;}

.listType01 {border-top: 1px solid #00548a; table-layout: fixed; width:100%; background-color:#fff;}
.listType01 thead tr th {padding:12px 0 12px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;  font-size:14px; color:#454545; font-weight:bold; background:#f7f7f7}
.listType01 tbody tr th {padding:16px 5px 16px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;  font-size:14px; color:#000; background-color: #f7f7f7; font-weight:bold;}
.listType01 tbody tr td {border-bottom: 1px solid #ddd; font-size:13px; padding:16px 20px 16px 20px; text-align: left; color:#454545; word-wrap:break-word; word-break:keep-all; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.listType01 tbody tr th.ac {padding:16px 10px 16px 10px; text-align:center;}
.listType01 tbody tr td.ac {padding:16px 10px 16px 10px; text-align:center;}
.listType01 tbody tr td.link a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.listType01 tbody tr td.link.rip a {color:#1c798f;}
.listType01 tbody tr:first-child th {border-top: none;}
.listType01 tbody tr:first-child td {border-top: none;}
.listType01 tbody tr td .ing{color:#1a2c5e;}
.listType01 thead tr th:first-child {border-left:1px solid #e5e5e5;}
.listType01 tbody tr.notice td{font-size:13px;  font-weight:bold;}
.listType01 tbody tr.notice td a{font-size:13px;font-weight:bold;}
.icnNew{vertical-align:-5px; margin-left:4px;}

.listType01 tbody tr td:first-child{border-left:1px solid #e5e5e5;}

.listType01 tbody tr th{text-align:left; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding-left:20px;}
.listType01 tbody tr td{text-align:left; padding-left:20px;}

.listType02 {border:1px solid #ddd; border-top: 1px solid #545454; table-layout: fixed; width:100%; background-color:#fff;}
.listType02 thead tr th {padding:15px 0 15px; border-bottom: 1px solid #ddd; border-left:1px solid #ddd; font-size:16px; color:#000000; font-weight:bold; background:#f8f8f8}
.listType02 tbody tr th {padding:15px 5px 15px; border-bottom: 1px solid #ddd; font-size:14px; color:#000; background-color: #f7f7f7}
.listType02 tbody tr td {border-bottom: 1px solid #ddd; border-left:1px solid #ddd; font-size:14px; padding:15px 20px 15px 20px; text-align: left; color:#595959; line-height:24px;  word-wrap:break-word; word-break:keep-all;}
.listType02 tbody tr td:first-child {border-left:none;}
.listType02 tbody tr:first-child th {border-top: none;}
.listType02 tbody tr:first-child td {border-top: none;}
.listType02 tbody tr td .ing{color:#1a2c5e;}
.listType02 tbody tr td.ac{text-align:center; padding:13px 10px; font-size:15px; color:#000;}
.listType02.type01 thead tr th{height:35px;}
.listType02.type01 tbody tr td{height:178px;}
.listType02.type01 tbody tr.last td{background:#edf2f5; text-align: center; font-size:15px; color:#000; height:35px;}

.listType02.type03 {border-left:none; border-right:none;}
.listType02.type03 thead tr th {padding:12px 0 12px; font-size:15px;}
.listType02.type03 thead tr th.viewTitle {padding:12px 20px; background-color:#fff; text-align:left; border-left:none !important;}
.listType02.type03 thead tr th.viewTitle .tit{position:relative; font-size:16px; color:#000; font-weight:bold; padding-left:52px;}
.listType02.type03 thead tr th.viewTitle .tit strong{font-weight:normal; color:#595959; position:absolute; left:0; top:0;}
.listType02.type03 thead tr th.viewTitle .tit strong:after{content:""; display:block; width:1px;height:11px; background-color:#ddd; position:absolute; right:-10px; top:8px;}
.listType02.type03 thead tr th.viewTitle .date{font-size:13px; color:#595959; margin-top:5px; font-weight:normal;}
.listType02.type03 tbody tr td {padding:12px 0 12px; font-size:14px; color:#595959;}
.listType02.type03 tbody tr td.file {padding:0; font-size:14px; color:#595959;}
.listType02.type03 tbody tr td.file .fileDown {display:block; padding:16px 0 16px 59px; background:#f7f7f7 url(/front/image/common/ico_file.png) no-repeat 25px 50%;}
.listType02.type03 tbody tr td.file .fileDown .fileName {font-weight:bold; color:#000;}
.listType02.type03 tbody tr td.edit {padding:10px;}
.listType02.type03 tbody tr td.edit img {max-width: 100%}

td .btnApp{color:#0068b3; font-weight:bold;}
td .btnEnd{color:#bc0000; font-weight:bold;}

.viewBtnBx{margin-top:30px; text-align: right;}
.viewBtnBx .btn01{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#0068b3; color:#fff; font-size:14px; font-weight:bold;}
.viewBtnBx .btnPrev{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#737373; color:#fff; font-size:14px; font-weight:bold;}
.viewBtnBx .btnNext{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#737373; color:#fff; font-size:14px; font-weight:bold;}

.regType01 {table-layout: fixed; width:100%; background-color:#fff;}
.regType01 thead tr th {padding:10px 0 10px; border-bottom: 1px solid #ddd; font-size:15px; color:#000000; font-weight:bold; background:#f7f7f7}
.regType01 tbody tr th {padding:10px 5px 10px 20px; border-bottom: 1px solid #ddd; font-size:14px; color:#000; background-color: #f7f7f7; font-weight:bold; text-align:left; border-left:1px solid #ddd;}
.regType01 tbody tr td {font-size:13px; padding:10px 20px 10px 20px; text-align: left; color:#595959; line-height:24px;  word-wrap:break-word; word-break:keep-all;border: 1px solid #ddd;}
.regType01 thead tr th:first-child {border-left:none;}
.regType01 tbody tr:first-child th {border-top: 1px solid #00548a; }
.regType01 tbody tr:first-child td {}


.viewBx{margin-top:25px; border:1px solid #e5e5e5; border-top:1px solid #283891}
.viewBx .vTopArea{background-color:#fafafa; }
.viewBx .viewTit{font-size:18px; color:#252525;}
.viewBx .titBx{color:#656565; font-size:13px; position:relative; padding:0 11px; border-bottom:1px solid #e1e1e1;}
.viewBx .titBx:after{content:""; display:block; clear:both;}
.viewBx .titBx .tit{display:block;  font-size:13px; color:#454545; font-weight:bold; border-bottom:1px solid #e1e1e1;padding:14px 0;}
.viewBx .titBx .date{display:block; font-size:12px; color:#454545; padding-top:2px; padding:14px 0;}
.viewBx .viewLink{padding:0 11px; background-color:#fff; border-bottom:1px solid #e5e5e5;}
.viewBx .viewLink .c{padding:17px 0;}
.viewBx .viewLink a{color:#000; font-weight:bold;}
.viewBx .viewLink a img{vertical-align:middle; margin-right:8px;}
.viewBx .viewLink p{font-size:12px; color:#a1a1a1; padding-top:3px;}
.viewBx .editArea{padding:10px;}
.viewBx .editArea img{max-width:100%;}

.viewBtn{margin-top:20px;}

.dotList{}
.dotList li{position:relative; padding-left:14px; margin-top:5px; font-size:16px; color:#000; letter-spacing:-0.5px}
.dotList li:before{content:""; display:block; width:4px; height:4px; background-color:#234ea2; border-radius: 50px; position:absolute; left:0; top:50%; margin-top:-1px;}


.subTabs{padding-left:1px;}
.subTabs > ul{ border-bottom:1px solid #234ea2;}
.subTabs > ul:after{content:""; display:block; clear:both;}
.subTabs > ul > li{float:left; width:50%; box-sizing:border-box;}
.subTabs > ul > li > a{display:block; box-sizing: border-box; height:55px; text-align: center; background-color:#fff; border:1px solid #ddd; font-size:15px; color:#676767; margin-left:-1px; margin-top:-1px; position:relative; z-index:1;}
.subTabs > ul > li > a:hover{color:#234ea2;}
.subTabs > ul > li > a > span{display:table; width:100%; table-layout:fixed; height:53px; text-align: center;}
.subTabs > ul > li > a > span > span{display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:keep-all;}
.subTabs > ul > li.on > a{border:1px solid #2e3192; background-color:#234ea2; color:#fff; z-index:2;}
.subTabs > ul > li.active > a{border:1px solid #2e3192; background-color:#234ea2; color:#fff; z-index:2;}
.subTabs.col03 > ul > li {width:33.33%;}
.subTabs.col04 > ul > li {width:25%;}
.subTabs.col06 > ul > li {width:16.66666666666667%;}
.subTabs.col08 > ul > li {width:12.5%;}
.subTabs.prdTab > ul > li {width:12.5%;}


.infoLists{margin-top:50px; box-sizing:border-box;background-color:#fff;}
.infoLists ul{margin-left:-40px; margin-top:10px;}
.infoLists ul:after{content:""; display:block; clear:both;}
.infoLists li{float:left; box-sizing:border-box; width:25%; padding-left:40px;  }
.infoLists li img{width:auto; max-width:100%; height:98px; box-sizing:border-box; border:1px solid #ddd;}
.infoLists .item{display:block; text-align: center;}
.infoLists .item .img{display:block; }
.infoLists > ul > li > a .tx{display:block; margin-top:13px; padding:0 5px; box-sizing: border-box; width:100%;/* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ height:45px; overflow:hidden;word-wrap:break-word; word-break:keep-all;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:15px; color:#676767;  text-align: center;}

.totalBx {padding:14px 20px 14px 20px; color:#454545;background-color:#fafafa; border:1px solid #e5e5e5;}
.totalBx:after {content: ""; display: block; clear: both;}
.totalBx .page {float: left; padding-top:5px; color:#454545; font-size:13px; font-weight:bold;}
.totalBx .scInpWrap {float: right; position:relative; padding-left:97px;}
.totalBx .scInpWrap:after {content:""; display:block; clear:both;}
.totalBx .scInpWrap .tit {float: left; color:#525252; font-size:13px; font-family: 'Nanum Gothic','나눔고딕', sans-serif; font-weight: 700; padding: 6px 7px 0 138px;}
.totalBx .scInpWrap .selType01 {position:absolute; left:0; top:0; height:30px;  border:1px solid #dadada;}
.totalBx .scInp {float: left; padding-left: 5px; padding-right:62px; position:relative;}
.totalBx .scInp .inpType01 {height:30px; border:1px solid #dadada; border-right:none; max-width:170px; width:100%;}
.totalBx .scInp .sortScBtn {position:absolute; right:0; top:0;}




/*
conpany
*********************************************************************************/
/*회사소개*/
.introductionCont .titArea{background: url(/front/image/company/introduction.png) no-repeat 100% 0; padding-top:35px; padding-bottom:75px; padding-right:200px;}
.introductionCont .titArea h2{font-size:16px; color:#000; margin-bottom:20px;}
.introductionCont .titArea h2 strong{font-size:28px; color:#283891; display:block; padding-top:2px;  position:relative;}
/*.introductionCont .titArea h2 strong:after{content:""; display:block; width:38px; height:1px; background-color:#234ea2; position:absolute; left:0; bottom:0;}*/
.introductionCont .itrLists {}
.introductionCont .itrLists ul:after{content:""; display:block; clear:both;}
.introductionCont .itrLists ul li{position:relative; float:left; width:20%; box-sizing:border-box;  text-align:center;  }
.introductionCont .itrLists ul li:after{content:"" ; display:block; width:27px; height:5px; position:absolute; left:-14px; top:50%; background: url(/front/image/company/dot.png) no-repeat 0 0; margin-top:-30px;}
.introductionCont .itrLists ul li:first-child:after{display:none;}
.introductionCont .itrLists ul li .img{display:block;padding:0 10px;}
.introductionCont .itrLists ul li .tx{display:block; font-size:13px; color:#000; line-height:1.6; padding-top:14px;}
.introductionCont .introImg {margin-top:60px;}


/* ceo인사말 */
.greetingCont{text-align: center; font-size:16px;}
.greetingCont p{margin-top:30px; line-height:1.6; color:#676767; font-weight:bold;}
.greetingCont p strong{color:#252525;}
.greetingCont p:first-child{margin-top:0;}
.greetingCont p.point{color:#283891; font-size:25px;}
.greetingCont p.sPoint{color:#73a82a; font-size:17px;}
.greetingCont p.ceo{margin-top:40px; color:#000;}
.greetingCont p.ceo img{vertical-align:middle;}
.greetingCont p.ceo span{vertical-align:middle;}
.greetingCont.eng p.point{color:#283891; font-size:23px;}
.greetingImgBar{background: url("/front/image/company/img_bar.jpg") no-repeat 50% 0; background-size:cover !important; height:322px;}

/* 연혁 */
.historyBx{position:relative; min-height:400px}
.historyBx .titArea{position:absolute; left:0; top:0; width:260px; padding-bottom:240px; background: url("/front/image/company/history.png") no-repeat 0 100%;}
.historyBx .titArea h2{font-size:20px; color:#676767;}
.historyBx .titArea h2 strong{display:block; font-size:26px; color:#000000; padding-top:4px;}
.historyBx .titArea h2 strong span{border-bottom:1px solid #283891; font-size:30px; color:#283891;}
.historyBx .listArea{padding-left:320px;}
.historyBx .listArea .listInner{border-left:1px solid #ddd; padding:0 0 0 32px; position:relative;}
.historyBx .listArea .listInner:before{content:""; display:block; width:7px; height:7px; background-color:#8dc63f;border-radius:50px; position:absolute; left:-4px; top:-4px; }
.historyBx .listArea .listInner .hAtc{padding:55px 0 55px; border-top:1px solid #ddd;}
.historyBx .listArea .listInner .hAtc:first-child{border-top:none;}
.historyBx .listArea .listInner .hAtc .yy{display:block; font-size:36px; color:#8dc63f; position:relative;}
.historyBx .listArea .listInner .hAtc .yy .tx{font-size:26px;}
.historyBx .listArea .listInner .hAtc .yy .dot{display:block; width:20px; height:20px; background-color:#fff; border-radius:50px; position:absolute; left:-43px;top:18px;}
.historyBx .listArea .listInner .hAtc .yy .dot:before{content:""; display:block; width:15px; height:15px; background-color:#8dc63f;border-radius:50px; position:absolute; left:3px; top:2px; }
.historyBx .listArea .listInner .hAtc .yy .dot:after{content:""; display:block; width:7px; height:7px; background-color:#fff;border-radius:50px; position:absolute; left:7px; top:6px; }
.historyBx .listArea .listInner .hAtc .lists li{position:relative; padding-left:53px; margin-top:17px; font-weight:bold; color:#979797; font-size:15px;}
.historyBx .listArea .listInner .hAtc .lists li:first-child{margin-top:27px;}
.historyBx .listArea .listInner .hAtc .lists em{display:inline-block; position:absolute; left:0; top:0; font-size:20px; color:#454545; padding-left:14px;}
.historyBx .listArea .listInner .hAtc .lists em:after{content:""; display:block; width:5px; height:5px; background-color:#979797; border-radius:50px; position:absolute; left:0; top:13px;}
.historyBx .listArea .listInner .hAtc .lists span{display:block; padding-top:5px;}

/* 오시는길 */
.locaCont .locaAddTx{display:block; margin-top:36px; padding-left:22px; font-size:17px; font-weight:bold; color:#00548a; letter-spacing:-0.25px; background: url("/front/image/company/icn_tit_bx.png") no-repeat 0 7px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.locaCont .locaTel{font-size:16px; color:#000; font-weight:bold; padding-left:40px; position:relative; margin-top:20px;}
.locaCont .locaTel:before{content:""; display:inline-block; width:29px; height:28px;  background: url("/front/image/company/icn_tel.png") no-repeat 0 0; margin-right:15px; position:absolute; left:0; top:0;}


/*
conpany
*********************************************************************************/
/* 제품/브랜드 */
.productCont .mainSchBx{width:100%; box-sizing:border-box; text-align:center; z-index:1; padding:14px 5px 14px; border:1px solid #ddd; border-bottom:1px solid #234ea2;}
.productCont .mainSchBx .schLb{font-size:19px; color:#676767; float:left; padding:8px 10px 0 0; font-weight:bold;}
.productCont .mainSchBx .topSchWrap{display:inline-block;position:relative; padding-right:51px; }
.productCont .mainSchBx .topSchInp{display:block; box-sizing:border-box; line-height:44px; font-size:13px; font-weight:bold; color:#333; vertical-align:middle; width:336px; border:1px solid #ddd; border-radius:50px; height:44px;}
.productCont .mainSchBx .topSchBtn{vertical-align:middle; position:absolute; right:0; top:0;}

.productCont .prdLists {padding-top:20px;}
.productCont .prdLists ul{margin-left:-28px;}
.productCont .prdLists ul:after{content:""; display:block; clear:both;}
.productCont .prdLists ul li{position:relative; float:left; width:25%; box-sizing:border-box;  text-align:center; padding-left:28px;  margin-top:40px;}
.productCont .prdLists ul li:first-child:after{display:none;}
.productCont .prdLists ul li > a{display:block; border:1px solid #ddd; background-color:#f9f9f9; padding:9px;}
.productCont .prdLists ul li > a > .inner{display:block; border:1px solid #ddd; background-color:#fff;}
.productCont .prdLists ul li .titBx{display:block; padding-top:14px; font-weight:bold;}
.productCont .prdLists ul li .titBx .co{font-size:13px; color:#676767;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.productCont .prdLists ul li .titBx .tit{font-size:14px; color:#252525;display:block; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.productCont .prdLists ul li .titBx .sub{font-size:17px; color:#ed1c24;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.productCont .prdLists ul li .img{display:block; text-align:center;}
.productCont .prdLists ul li .img img{height:198px; width:auto; max-width: 100%}
.productCont .prdLists ul li .size{font-size:12px; color:#979797;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:30px; }

.subTabs.prdTab li{position:relative;}
.subTabs.prdTab .lyWrap{display:none; position:absolute; left:0; top:100%; z-index: 2; width:100%; margin-top:-1px; }
.subTabs.prdTab .lyWrap ul{border:1px solid #ddd; margin-left:-1px; }
.subTabs.prdTab .lyWrap ul a{display:block; font-size:14px; color: #676767; text-align: center; padding:13px 5px; background-color:#f9f9f9; border-top:1px solid #ddd;}
.subTabs.prdTab .lyWrap ul a.on,
.subTabs.prdTab .lyWrap ul a:hover{background-color:#fff; color:#234ea2;}
.subTabs.prdTab .lyWrap ul li:first-child a{border-top:none;}
.subTabs.prdTab li.open .lyWrap{display:block;}

.prdLyWrap{display:none;}
.prdLyWrap .prdLyArea{width:960px; position:absolute; left:50%; margin-left:-480px; top:620px; z-index:30004; background-color:#353535; box-sizing: border-box; padding:0 9px 9px;}
.prdLyWrap .prdLyArea .titArea{height:70px; line-height:70px; color:#fff; font-size:17px; padding-left:20px;}
.prdLyWrap .prdLyArea .lyPrdClose{position:absolute; right:29px; top:23px;}
.prdLyWrap .prdLyArea .prdLyCont{border:1px solid #1d1d1d; background-color:#fff; border-radius: 4px; padding:40px 30px;}
.prdLyWrap .prdLyArea .prdLyCont:after{content:""; display:block; clear:both;}
.prdLyWrap .prdLyArea .imgArea{float:left; width:53%;border:1px solid #ddd;}
.prdLyWrap .prdLyArea .infoArea{float:right; width:45%;}
.prdLyWrap .prdLyArea .infoArea .infoTit h4{font-size:13px; color:#676767; font-weight:normal; line-height:1.2;}
.prdLyWrap .prdLyArea .infoArea .infoTit h4 strong{font-size:24px; color:#252525; display:block; font-weight:bold; letter-spacing:-2px; padding-top:8px;}
.prdLyWrap .prdLyArea .infoArea .listType01 tbody tr th{font-size:13px; padding:15px 10px 15px 10px;}
.prdLyWrap .prdLyArea .infoArea .listType01 tbody tr td{padding:15px 10px 15px 10px;}
.prdLyWrap .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); opacity:.6; z-index:30002;}

/* 브랜드별 */
.productCont .brandLists {padding-top:20px;}
.productCont .brandLists ul{margin-left:-28px;}
.productCont .brandLists ul:after{content:""; display:block; clear:both;}
.productCont .brandLists ul li{position:relative; float:left; width:25%; box-sizing:border-box;  text-align:center; padding-left:28px;  margin-top:40px;}
.productCont .brandLists ul li:first-child:after{display:none;}
.productCont .brandLists ul li > a{display:block; border:1px solid #ddd; background-color:#f9f9f9; padding:9px;}
.productCont .brandLists ul li > a > .inner{display:block; border:1px solid #ddd; background-color:#fff;}
.productCont .brandLists ul li .titBx{display:block; padding-bottom:18px; font-weight:bold;}
.productCont .brandLists ul li .titBx .en{font-size:14px; color:#676767;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.productCont .brandLists ul li .titBx .ko{font-size:20px; color:#252525;display:block; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.productCont .brandLists ul li .img{display:block; text-align:center;}
.productCont .brandLists ul li .img img{height:150px; width:auto; max-width: 100%}

.brandArea{padding:30px; border:1px solid #ddd; border-top:1px solid #fc4f00;}
.brandArea .logoBx{text-align: center; padding-bottom:22px;  border-bottom:1px dotted #ddd;}
.brandArea .logoBx .logo{display:inline-block; vertical-align:middle;}
.brandArea .logoBx .txWrap{display:inline-block; vertical-align:middle; text-align: left; padding-left:10px; font-weight:bold; letter-spacing:-1px;}
.brandArea .logoBx .txWrap .en{font-size:15px; color:#676767;}
.brandArea .logoBx .txWrap .ko{font-size:25px; color:#252525; display:block;}
.brandArea .txArea {text-align: center;}
.brandArea .txArea p{font-size:14px; color:#676767; font-weight:bold;line-height:1.5; margin-top:22px;}
.brandArea .txArea p.point{font-size:16px; color:#252525;}
.brandArea .txArea p .u{font-size:18px; color:#fc4f00; text-decoration:underline;}


/*
conpany
*********************************************************************************/

.contentsLists {padding-top:20px;}
.contentsLists ul{margin-left:-28px;}
.contentsLists ul:after{content:""; display:block; clear:both;}
.contentsLists ul li{position:relative; float:left; width:33.33%; box-sizing:border-box;  text-align:center; padding-left:28px;  margin-top:40px;}
.contentsLists ul li:first-child:after{display:none;}
.contentsLists ul li > a{display:block; border:1px solid #ddd; background-color:#f9f9f9; padding:9px;}
.contentsLists ul li > a > .inner{display:block; border:1px solid #ddd; background-color:#fff;}
.contentsLists ul li .titBx{display:block; padding-bottom:13px; font-weight:bold;}
.contentsLists ul li .titBx .tit{font-size:13px; color:#252525;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }
.contentsLists ul li .titBx .desc{font-size:13px; color:#676767;display:block; letter-spacing:-1px; overflow:hidden; margin-top:5px; height:55px; }
.contentsLists ul li .img{display:block; text-align:center;}
.contentsLists ul li .img img{height:150px; width:auto; max-width: 100%}



/* contact
***************************************/
.faqTx{font-size:14px; color:#676767;}
.faqTx strong{display:block; font-size:15px; color:#676767;}
.faq-wrap{ word-break: break-all;}
.faq-wrap dt{ background:#fafafa url(/front/image/contact/bg_line.gif) repeat-y 90% 0; margin-top:19px;  border:1px solid #e5e5e5; border-top:1px solid #00548a;}
.faq-wrap dt:first-child{margin-top:0;}
.faq-wrap dt.active {border-bottom:none;}
.faq-wrap dt a{ display: block; padding:14px 80px 14px 100px; font-size:13px; color:#636363; background: url(/front/image/contact/icn_close.png) no-repeat 96% 50%; font-size:13px; color:#454545; position:relative;}
.faq-wrap dt a:before{content:"Q"; display:inline-block; position:absolute; left:36px; top:14px; font-weight:bold;}
.faq-wrap dt a:after{content:""; display:block; width:1px; height:100%; background-color:#e5e5e5; position:absolute; left:79px; top:0;}
.faq-wrap dt.active a{ font-weight: bold; background: url(/front/image/contact/icn_open.png) no-repeat 96% 50%;}
.faq-wrap dd{ border:1px solid #e5e5e5; line-height: 18px; font-size:13px; display: none; border-top:1px solid #f3f3f3; color:#525252; position:relative;}
.faq-wrap dd:before{content:"A"; display:inline-block; position:absolute; left:36px; top:50%; margin-top:-9px; font-weight:bold;}
.faq-wrap dd:after{content:""; display:block; width:1px; height:100%; background-color:#e5e5e5; position:absolute; left:79px; top:0;}
.faq-wrap dd div{  padding: 26px 30px 26px 100px; color:#6b6b6b; position:relative;}



/* sitemap */
.siteMapCont {width:100%; overflow:hidden; margin-top:0;}
.siteMapCont .row{margin-left:-27px; margin-bottom:55px;}
.siteMapCont .row:after{content:""; display:block; clear:both;}
.siteMapCont .row .col{float:left; width:25%; padding-left:27px; box-sizing: border-box;}
.siteMapCont .row .col dt > a{border:1px solid #e5e5e5; border-top:1px solid #1c798f; display:block; background-color:#fafafa; padding:13px 20px 13px 20px; font-size:17px; color:#283891; font-weight:bold; background: url("/front/image/common/site_arr.png") no-repeat 90% 50%;}
.siteMapCont .row .col dd > a{border:1px solid #e5e5e5; border-top:none; display:block; background-color:#fafafa; padding:11px 20px 11px 20px; font-size:15px; color:#454545; font-weight:bold;}
.siteMapCont .row .col dd  ul {border:1px solid #e5e5e5; border-top:none; background-color:#fff; font-size:14px; color:#252525;}
.siteMapCont .row .col dd ul a {display:block; font-size:15px; color:#454545; border-top:1px solid #e5e5e5; padding:13px 18px; font-weight:bold;}
.siteMapCont .row .col dd ul li:first-child a {border-top:none;}




@media all and (max-width:980px) {
	.introductionCont .itrLists ul li:after{width:13px; height:2px; position:absolute; left:-6px; -webkit-background-size:13px 2px;	background-size:13px 2px;}
	.prdLyWrap .prdLyArea{left:0; margin-left:0; width:100%;}
	.prdLyWrap .prdLyArea .imgArea{float:none; width:100%; text-align: center; margin-bottom:40px;}
	.prdLyWrap .prdLyArea .imgArea img{height: auto; max-height: 478px}
	.prdLyWrap .prdLyArea .infoArea{float:none; width:100%;}
	.productCont .prdLists ul li{width:50%;}
	.productCont .brandLists ul li{width:50%;}
	.contentsLists ul li{width:50%;}
	.infoLists li{width:33.33%;}
}
@media all and (max-width:760px) {
	.greetingCont p br{position: absolute; left:-9999px; display:none; line-height:0;}
	.greetingCont p.ceo span{display:block; padding-bottom:14px;}

	.introductionCont .titArea{background:none; padding-right:0; padding-bottom:0; padding-top:0;}
	.introductionCont .introImg {margin-top:20px;}

	.introductionCont .itrLists ul li{ width:50%;  }
	.introductionCont .itrLists ul li:first-child{margin-top:0;}
	.introductionCont .itrLists ul li:after{display:none;}
	.introductionCont .itrLists ul li .tx{height:100px;padding-left:10px; padding-right:10px;}

	.historyBx .titArea{position:static; width:100%; padding-bottom:50px;background:none; text-align:center;}
	.historyBx .listArea{padding-left:20px;}

	.subTabs.col08 >ul > li {width:50%;}
	.subTabs.prdTab >ul > li {width:50%;}
	.productCont .mainSchBx .schLb{font-size:14px; padding-top:13px;}
	.productCont .mainSchBx .topSchInp{width:150px;}

	.productCont .prdLists ul li{width:100%;}
	.productCont .prdLists ul li .img img{height: auto;}
	.productCont .brandLists ul li{width:100%;}
	.productCont .brandLists ul li .img img{height: auto;}
	.contentsLists ul li{width:100%;}
	.contentsLists ul li .img img{height: auto;}
	.infoLists li{width:100%;}
	.infoLists li .img img{height: auto;}

	.totalBx .page{float:none;}
	.totalBx .scInpWrap{float:none; margin-top:10px;}

	.siteMapCont .row .col{width:100%; margin-bottom:30px;}
	.siteMapCont .row{margin-bottom:0;}

}