@charset 'UTF-8'

/*///////////////////////////////////////////////////
		...................................
 
  (╬ಠ益ಠ)  ╮(╯_╰)╭   (´ﾟдﾟ`)   ↓↓(%;´п`Ⅲ)  ლಠ益ಠ)ლ

		...................................

 //////////////////////////////////////////////////*/
@import url('https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css'); 

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

@font-face{font-family:'NanumSquare';src:url(/common/font/nanumsquare.eot);src:url(/common/font/nanumsquare.eot?#iefix) format("embedded-opentype"),url(/common/font/nanumsquare.woff) format("woff"),url(/common/font/nanumsquare.woff2) format("woff2"),url(/common/font/nanumsquare.ttf) format("truetype")}@font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.eot);src:local('Oswald Light'),local(Oswald-Light),url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.eot?#iefix) format("embedded-opentype"),url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.woff2) format("woff2"),url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.woff) format("woff"),url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.ttf) format("truetype"),url(/common/font_o/oswald-v13-cyrillic_vietnamese-300.svg#Oswald) format("svg")}@font-face{font-family:'Nanum Square Light';font-style:normal;font-weight:100;src:url(/common/font/NanumBarunGothicUltraLight.eot);src:local(NanumBarunGothicUltraLight),local(NanumBarunGothicUltraLight),url(/common/font/NanumBarunGothicUltraLight.eot?#iefix) format("embedded-opentype"),url(/common/font/NanumBarunGothicUltraLight.woff2) format("woff2"),url(/common/font/NanumBarunGothicUltraLight.woff) format("woff"),url(/common/font/NanumBarunGothicUltraLight.ttf) format("truetype")}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(https://fonts.gstatic.com/s/oswald/v13/Svfm3D5QBEfoZ_ZQasqgUhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(https://fonts.gstatic.com/s/oswald/v13/s6Iy20priLS4loU5HhjUsxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(https://fonts.gstatic.com/s/oswald/v13/GwZ_PiN1Aind9Eyjp868ExJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(https://fonts.gstatic.com/s/oswald/v13/gov12z69psR1Uu7UJEfiUltXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}

/*------------reset css--------------*/
html, body, article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, header, table, tbody, tfoot, thead, tr, th, td, article, aside, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;font-family: 'Nanum Barun Gothic',sans-serif,Oswald,'NanumSquare','나눔스퀘어','Nanum Square Light';
color:#555;vertical-align:middle;background:transparent;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

html, body{min-height:100%;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}
@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}
@keyframes fadeEffect{from{opacity:0}to{opacity:1}}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit} 

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, canvas, embed, figcaption,  hgroup, menu, nav, output, ruby, summary, time,
mark{padding:0;margin:0;font:inherit;border:0;-webkit-font-smoothing: antialiased;}

article,aside,details,figcaption,figure,footer,header,main,menu,summary,hgroup, menu, nav, section{display:block}
audio,canvas,progress{display:inline-block}
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0} [hidden],template{display:none}

ul, li, dd{list-style:none;padding:0;margin:0;}

span{margin:0;padding:0}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:inherit;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{}abbr[title]{border-bottom:none;text-decoration:none}

dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}

img{border-style:none;vertical-align:middle} svg:not(:root){overflow:hidden}

hr{box-sizing:content-box;height:0;overflow:visible}

button,input[type=text],select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{padding:15px;overflow:auto;border:1px solid #cacaca;width:100%;resize:none}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

table{border-collapse:collapse;border-spacing:0}
table caption{/*display:none*/}
td, th{display:table-cell;vertical-align:middle;}

/* HTML5 display-role reset for older browsers */
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{color:inherit}
iframe{padding:0}

.fl_R{float:right}, .fl_L{float:left}, .fl_clear{clear:both}
.tR{text-align:right}

h2, h3, h4, h5 {word-break:keep-all}

/* Skip Navigation */
.skip{display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0}
.skip:hover,
.skip:active,
.skip:focus{position:fixed;top:0;z-index:777;text-align:center;background:#efefef;left:0;border-bottom:1px dashed #acacac;width:100%;height:40px;text-indent:10px;font-weight:bold;font-size:1.2em;line-height:2;color:#333}

.error{padding:5% 0 4% 0;text-align:center}
.error p{line-height:1.4;font-size:1.2em}
.errorImg{margin:0 auto;}
.errorImg img{width:30%;max-width:100px;}
.error .GrayButton_Error{margin:0 auto;text-align:center}
.error .GrayButton_Error a{margin:0 auto;padding:1.2em 1.5em;max-width:196px;text-align:center;border:4px solid #515151;display:block}
.error .greenExclamation{padding:10px 0 10px 35px;background:url('/common/icoImg/ico_exclam.gif') no-repeat left center}

/*=========================================공통요소==========================================*/
body{border-top:2px solid #1a5fa7}

/* hidden */
.blind{display:block;overflow:hidden;font-size:0;line-height:0;color:transparent;*width:0}
.hiddenCont{display:block;overflow:hidden;font-size:0;line-height:0;color:transparent;*width:0}

/* clifix */
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}

/* margin */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}

.ml20{margin-left:2%;}

/* line-height */
.ListLine14{line-height:1.4}
.ListLine15{line-height:1.5}
.ListLine16{line-height:1.6}
.ListLine17{line-height:1.7}
.ListLine18{line-height:1.8}
.ListLine19{line-height:1.9}
.ListLine20{line-height:2}

/* font-size */
.fs15{font-size:1.5em}
.fs16{font-size:1.6em}
.fs12{font-size:1.2em}
.fs10{font-size:1em}
.fs9{font-size:0.9em}
.fs8{font-size:0.8em}

/*align*/
.tR{text-align:right}
.tC{text-align:center}
.tL{text-align:left}

/*float*/
.tfR{float:right}
.tfC{float:center}
.tfL{float:left}

.wlt10{margin-left:10px;vertical-align: middle;}/*????????어디에 썼었드라*/
.koMega{text-align:center;font-family:'NanumSquare','나눔스퀘어','Nanum Square Light';border-left:1px solid #444;line-height:2;padding:0;font-weight:200;font-size:.9em;color:#fff;}

/*clamp*/
.inWord{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;height:2.4em}
.inWordMiddle{font-size:1.1em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}

/* paging */
.paging{height:35px;*zoom:1}
.paging:after{display:block;clear:both;content:''}
.paging{margin-top:5%;text-align:center}
.paging img{vertical-align:0}
.paging a, .paging strong{margin:0 5px;display:inline-block;*display:inline;zoom:1;font-weight:bold;padding:7px 10px;color:#9d9d9d; vertical-align: top;}
.paging .nfirst{background:none}
.paging a:hover, .paging a:focus, .paging > .current{color:#fff;text-decoration:none;background:#555}

.paging .first, .paging .prev, .paging .next, .paging .last, .paging .end{border:0 none;padding:15px 10px;width:40px}

.paging .first, .paging .first:hover,
.paging .first:focus{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat 1px 7px;height:5px}
.paging .prev, .paging .prev:hover,
.paging .prev:focus{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat -38px 7px;height:5px}
.paging .next, .paging .next:hover,
.paging .next:focus{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat 10px -17px;height:5px}
.paging .last, .paging .last:hover,
.paging .last:focus{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat -10px -17px;height:5px}
.paging .end, .paging .end:hover,
.paging .end:focus{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat -38px -17px;height:5px}

.Line2{background:url('/common/icoImg/btn_BoardArrow.png') no-repeat -38px -17px;height:5px}

/*act*/
.noscroll {position:fixed;right:0;top:0;overflow:hidden}
.overlay {display:none;position:fixed;top:0;left:0;height:100%;width:100%;z-index:500;background-color:rgba(0, 0, 0, 0.7);overflow:hidden}
.ScrollTop{position:fixed;bottom:4%;right:0;/*padding:5px 10px;background:#3d9cff;color:#fff*/width:50px;z-index:999}
.greenSubject{padding:0 0 0 20px;font-weight:bold;font-size:1.4em;background:url('/common/bulImg/bul_InGreen.gif') no-repeat left top}
.greenSubject_s{padding:0 0 0 10px;font-size:1.1em;border-left:3px solid #019a45;line-height:1.1}

.lineDote{padding:0 0 0 12px;line-height:1.7;background:url('/common/bulImg/bul_lineDote.png') no-repeat left 12px}

.bold{font-weight:bold}
.underline{/*text-decoration:underline*/}
.greenText{color:#3d9cff}
.redText{color:#f90404}
.verticalTop{vertical-align:top}

.greendotList{}
.greendotList li{padding:0 0 0 10px;line-height:1.7;background:url('/common/bulImg/bul_Greendote.gif') no-repeat left 14px}

.barList{}
.barList li:before{content:' - '}

.dotList:before{content:' · '}

/*------------------------------chek---------------------------------*/
.checkbox-wrap{cursor:pointer}
.checkbox-wrap span{line-height:34px}
.checkbox-wrap .check-icon{margin:0 5px 0 0;display:inline-block;width:35px;height:35px;background:url('/common/icoImg/radio_off.png') left top no-repeat;background-size:100%;vertical-align:middle;transition-duration:.3s}
.checkbox-wrap input[type=checkbox]{display:none}
.checkbox-wrap input[type=checkbox]:checked + .check-icon{background-image:url('/common/icoImg/radio_on.png')}

/*------------------------------radio---------------------------------*/
.radioFloat{text-align:center;*zoom:1}
.radioFloat:after{display:block;clear:both;content:''}
.radioFloat > li{width:31%;display:inline-block;*display:inline;zoom:1}

.radioFloat4{*zoom:1}
.radioFloat4:after{display:block;clear:both;content:''}
.radioFloat4 > li{margin-bottom:15px;width:25%;display:inline-block;*display:inline;zoom:1}

input[type="radio"]:not(.cssbrowser){display:none}
input[type="radio"]:not(.cssbrowser) + label{display:inline-block;height:35px;padding:0 0 0 45px;background:url("/common/icoImg/radio_off.png") no-repeat left top;line-height:2.1}
input[type="radio"]:not(.cssbrowser):checked + label{background:url("/common/icoImg/radio_on.png") no-repeat left top}

.where{display:block;margin:20px 10px;color:#000} 

/*------------------------------select---------------------------------*/
select{padding:.5em .4em;font-family:inherit;cursor:pointer;background:#f3f3f3 url('/common/icoImg/ico_SelectArrow.gif') no-repeat 100% 51%; -webkit-appearance:none;-moz-appearance:none;appearance:none;
border:1px solid #eee;border-radius:0}
select::-ms-expand{ /* for IE 11 */display:none}

.footSelect{padding:7px auto;width:170px;font-size:.9em;background:none;/*color:#666;*/color:#999;border:1px solid #666;background:#414141 url(/common/icoImg/ico_selectUpMenu.gif) no-repeat 95% 47%;-webkit-appearance:none}
.footSelect option{height:30px}

.srch{width:100%;text-align:center}
.boardSearch{margin:30px auto 0 auto}

.keyword{margin-right:5px;padding:5px 5px;height:36px;background:#f3f3f3;vertical-align:middle;border:1px solid #eee}
.keywordButton{padding:10px 20px;background:#444;color:#fff;border:0 none;height:36px;vertical-align:middle}

.textLine{background:url('/common/img/career/pic_carrerTextareaLine.gif') no-repeat left center}

.familyList{display:none;position:absolute;z-index:100;width:140px;right:1px;bottom:24px;background:#fff;border:1px solid #e3e3e3;border-bottom:none}
.familyList li{line-height:18px}
.familyList li a{ display:block;width:136px;height:22px;padding:4px 0 0 4px;color:#666;font-size:11px}
.familyList li a:hover{ display:block;width:136px;height:22px;padding:4px 0 0 4px;color:#333;background:#f8f8f8 }

/*-------------------------------board----------------------------------*/
.tableScroll{overflow:auto;-webkit-overflow-scrolling:touch}

/*listPro1*/
table.board-listPro1{margin-top:15px;width:100%;min-width:1240px;width:100%;border-top:1px solid #d3d3d3;line-height:1.6}
table.board-listPro1 thead th{padding:20px 5px;border-bottom:2px solid #1a5fa7;font-weight:400;text-align:center;font-family:'Oswald'}
table.board-listPro1 tbody th{padding:20px 5px;border-bottom:1px solid #d3d3d3;border-left:1px solid #efefef;font-weight:bold;text-align:left}
table.board-listPro1 tbody td{padding:20px 5px;border-bottom:1px solid #d3d3d3;text-align:center}
table.board-listPro1 tbody td img{vertical-align:middle;max-width:28px}
table.board-listPro1 thead th:first-child{border-left:0 none}
table.board-listPro1 tbody td:first-child{border-left:0 none}
table.board-listPro1 span.color{margin:3px auto;width:25px;height:25px;border-radius:15px;border:1px solid #555;display:block}

/*list7*/
table.board-list7{width:100%;border-top:2px solid #3d9cff;text-align:left;}
table.board-list7 thead th{padding:20px 10px;border-bottom:1px solid #ccc;font-weight:bold;background:url("/common/bulImg/bul_Table3Line.gif") no-repeat left center;}
table.board-list7 thead td{padding:20px 10px;border-bottom:1px solid #ccc;}
table.board-list7 tbody td{padding:20px 15px;background:url("/common/bulImg/bul_Table3Line.gif") no-repeat left center;border-bottom:1px solid #ccc}
table.board-list7 tbody th{padding:20px 10px;min-width:80px;background:url("/common/bulImg/bul_Table3Line.gif") no-repeat left center;border-bottom:1px solid #ccc;font-weight:bold}
table.board-list7.layout{border-collapse:collapse;width:100%;}
table.board-list7.display{margin:1em 0;}
table.board-list7.display th,
table.board-list7.display td{padding:20px 25px}
table.board-list7.responsive-table{}

table.board-list7 tbody th.first{border-left:0;}
table.board-list7 tbody td:first-child,
table.board-list7 thead th:first-child,
table.board-list7 tbody th:first-child{background:none}
table.board-list7 input[type="text"],
table.board-list7 input[type="password"],
table.board-list7 input[type="tel"],
table.board-list7 textarea{padding:5px 5px;height:34px;background:#f3f3f3;vertical-align:middle;border:1px solid #eee}
table.board-list7 .inLine{background:url("/common/bulImg/bul_Table3Line.gif") no-repeat left center;}
table.board-list7 .list5Btn{border:1px solid #ccc;background:#eee;color:#5e5e5e;height:34px;width:115px}
table.board-list7 .textP{margin:18px 0 0 0;width:100%;text-align:right;color:#747474;font-size:0.9em}
table.board-list7 .tArea{padding:15px;width:100%;height:200px;line-height:1.6}

table.board-listPro{margin-top: 15px;width: 100%; font-size: 0.9em; border-top: 2px solid #1A5FA7;border-bottom: 1px solid #d3d3d3; overflow: hidden; line-height: 1.6;}
table.board-listPro{margin-top:15px;width:100%;font-size:0.9em;border-top:2px solid #1A5FA7;border-bottom:1px solid #d3d3d3;overflow:hidden;line-height:1.6}
table.board-listPro thead th {padding:12px 2px;border-bottom:1px solid #d3d3d3;border-left:1px solid #efefef;font-weight:bold;text-align:center}
table.board-listPro tbody th {padding:12px 2px;border-bottom:1px solid #d3d3d3;font-weight:bold;text-align:left}
table.board-listPro tbody td {padding:12px 2px;border-left:1px solid #efefef;border-bottom:1px solid #d3d3d3;text-align:center;}
table.board-listPro tbody td img{vertical-align:middle;width:20px} 
table.board-listPro thead th:first-child{border-left:0 none}
table.board-listPro tbody td:first-child{border-left:0 none}

.inpu100{width:100%}
.inpu30{width:30%}
.inpu25{width:25%}

.Recur_Adree{margin:0 0 0 0}
	.Recur_Adree li{margin:0 5px 0 0;float:left}
	.Recur_LastAdree li{margin:10px 0 0 0}

.note{margin:8px 0 0 0;padding:5px 0;font-size:0.9em;width:100%;display:block}

/*btn*/
.GreenBtn{padding:15px;width:200px;text-align:center;background:none;border:5px solid #1a5fa7;color:#1a5fa7;font-weight:bold;display:block}
.GrayBtn{margin:0 auto;padding:15px;width:200px;text-align:center;background:none;border:5px solid #515151;color:#515151;font-weight:bold;display:block}
.GreenBtn:hover, .GreenBtn:focus, .GrayBtn:hover, .GrayBtn:focus{text-decoration:underline}

.bbs_Button{margin:0 0 20px 0;text-align:right;*zoom:1}
.bbs_Button:after{display:block;clear:both;content:''}
.bbs_Greenbutton{padding:10px 0;text-align:center;border:4px solid #3d9cff;color:#1A5FA7;width:110px;display:inline-block;*display:inline;zoom:1}
.bbs_Greenbutton:hover{color:#fff;background:#3d9cff}
.bbs_Garybutton{padding:10px 0;text-align:center;border:4px solid #515151;width:110px;display:inline-block;*display:inline;zoom:1}
.bbs_Garybutton:hover{color:#fff;background:#515151}
.bbs_InButton{text-align:right}
.bbs_InButton a{padding:7px 12px;color:#fff;background:#515151}

.personal, .personal p{line-height:1.7}

/*calinder*/
.picker__table thead{background:#f3f3f3}
.picker__table tbody{font-size:0.8em}

/*center button*/
.centerButton{margin:20px 0;text-align:center;font-weight:bold}
.centerButton .Greenbutton{padding:20px 10px;width:200px;border:5px solid #3d9cff;background:#fff;color:#3d9cff;display:inline-block;*display:inline;zoom:1}
.centerButton .Greenbutton:hover,
.centerButton .Greenbutton:focus{border:5px solid #3d9cff;background:#3d9cff;color:#fff}
.centerButton .Garybutton{padding:20px 10px;width:200px;border:5px solid #515151;color:#515151;background:#fff;display:inline-block;*display:inline;zoom:1}
.centerButton .Garybutton:hover,
.centerButton .Garybutton:focus{border:5px solid #515151;background:#515151;color:#fff}
/*center button*/

/*table button*/
.tableInButton{margin-left:5px;padding:8px 10px;color:#5e5e5e;border:1px solid #ccc;background:#eee;vertical-align:middle}
.tableInButton:hover, .tableInButton:focus{background:#ccc;color:#fff;cursor:pointer;vertical-align:middle}
/*table button*/

/*down button*/
.downButton{padding:8px 15px;color:#555;width:130px;background:#fff;border:5px solid #555;vertical-align:middle;}
.downButton:hover, .tableInButton:focus{background:#555;color:#fff;cursor:pointer;vertical-align:middle}
/*down button*/

/*down button2*/
.downButton2{padding:8px 35px 8px 15px;color:#555;background:#fff;border:5px solid #555;vertical-align:middle;background:url("/common/img/ico/ico_buttonPaper.jpg") no-repeat 95% center}
.downButton2:hover, .tableInButton2:focus{padding:8px 25px;background:#555;color:#fff;cursor:pointer;vertical-align:middle}
/*down button2*/

/*h3 lineheight, span 공통*/
.diHead span, .reHead span, .hiHead span, .ratioHead span, .InfoHead span, .stockiHead span, .stocksHead span, .stockinHead span, .irinHead span, .finHead span, .diHead span, .reHead span, .hiHead span, .ratioHead span, .InfoHead span, .stockiHead span, .stocksHead span, .stockinHead span, .irinHead span, .finHead span, 
.InfoHead span, .ceo_Head span, .his_Head span, .portf_Head span, .LogoHead span, .Land_Head span, .Map_Head span, .SysHead span, .eco_Head span, .OurWayHead span, .cristal_Head span, .crs_Head span
{color:#1a5fa7;line-height:inherit}

/*------------------------------게시판모달---------------------------------*/
.modal_rightThum{display:none}
.modal_rightThum dd{background:#fff;margin-top:15px}
.modalThum{max-width:60px;max-height:70px;border:1px solid #efefef}
.layerModal{position:relative;border:10px solid #fff;border-right:7px solid #fff;background:#fff;font-family:inherit;max-height:600px;margin:1em auto 1em auto;overflow-y:auto;max-width:1000px;min-width:32%;}
.layerModal h3{padding:.7em 3em;margin-bottom:10px;text-align:center;font-size:1.2em;font-weight:bold;color:#fff;background:#3d9cff;}
.ModalImgIn{overflow-x:auto;}
.btn_Colse{position:absolute;top:5px;right:5px;width:37px;background:#1A5FA7;display:block}
.layerModal table{padding:3%;width:94%}
.layerModal img{max-width:740px}

.layerModalMove{position:relative;background:#fff;font-family:inherit;max-height:600px;margin:1em auto 1em auto;overflow-y:auto;width:100%}
.layerModalMove h3{padding:.7em 3em;margin-bottom:10px;text-align:center;font-size:1.2em;font-weight:bold;color:#fff;background:#3d9cff;}
.layerModalMove .ModalMoveIn{padding:1em}

.DocumentationLayer h3{padding:.45em 0;margin-bottom:0;font-weight:100;font-size:1.1em;color:#fff;background:#1A5FA7;}
.DocumentationLayer .btn_Colse{background:none;display:block}
.DocumentationLayer .btn_Colse img{width:30px;}

.cert_RightArrow{position:absolute;top:40%;right:15px;padding:15px;background:url('/common/icoImg/btn_BoardArrow.png') no-repeat 1px 7px;height:5px}
.cert_LeftArrow{position:absolute;top:40%;left:15px;padding:15px;background:url('/common/icoImg/btn_BoardArrow.png') no-repeat 1px 7px;height:5px}

.Craeermodal{margin:0 auto;padding:20px;border:5px solid #efefef;height:80%;width:70%;background:#fff}
.Craeermodal .InLine{margin:30px auto;text-align:center}
.InLine input[type="file"]{width:80%}
.InLine input[type="file"],
input[type="file"],
.InLine textarea{padding:5px 5px;height:34px;background:#f3f3f3;vertical-align:middle;border:1px solid #eee}
.Craeermodal a.modalCloseImg{background:url(../img/basic/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}

/*/------------Body--------------/*/
header{position:fixed;top:0;left:0;background:#fff;border-bottom:1px solid #acacac;z-index:555;width:100%;border-top:2px solid #1a5fa7}
nav .TopHedaer{margin:0 auto;width:96%;max-width:1600px;}
.TopHedaer > h2{margin-top:2.5em;width:30%;float:left}
.TopHedaer > h2 a{display:block; width:100%;}
.TopHedaer > h2 img{width:100%;max-width:250px}
.TopHedaer .fl_R{width:70%}

.MiddleBody{/*font-size:14px;*/display:block}
.detail_L, .detail_R{/*margin-top:3%;*/width:100%;display:block}

.mobile table{border-spacing:0;border-collapse:collapse}
.mobile body{-webkit-text-size-adjust:none}

/*공통 탭메뉴*/
.Info_InTab{width:100%}
	.Info_InTab ul{float:right}
	.Info_InTab li{float:left;font-family:'NanumSquare'}
	.Info_InTab a{border-left:1px solid #fff;padding:10px 20px;text-align:center;background:#efefef}
	ul.tab li a:hover, ul.tab li a:focus, ul.tab li.on a{background:#019a46;color:#fff;font-weight:bold}

/*2개일때*/
.InTab_2{margin-bottom:2%;width:100%}
	.InTab_2 ul{*zoom:1}
	.InTab_2 ul:after{display:block;clear:both;content:''}
	.InTab_2 ul{padding:30px 3%;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
	.InTab_2 li{width:50%;font-size:1.2em;color:#333;float:left;text-align:center;line-height:1.5;font-family:'NanumSquare'}
	.InTab_2 li a.on{padding:0 5%;padding-bottom:10px;color:#1a5fa7;border-bottom:2px solid #1a5fa7}
	.InTab_2 li a:focus, .InTab_2 li a:hover{padding:0 5% 10px 5%;color:#1a5fa7;border-bottom:2px solid #1a5fa7}

/*3개일때*/
.InTab_3{margin-bottom:2%;width:100%}
	.InTab_3 ul:after{display:block;clear:both;content:''}
	.InTab_3 ul{padding:30px 3%;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
	.InTab_3 li{width:33.333%;font-size:1.2em;color:#333;float:left;text-align:center;line-height:1.5;font-family:'NanumSquare'}
	.InTab_3 li a.on{padding:0 5%;padding-bottom:10px;color:#1a5fa7;border-bottom:2px solid #1a5fa7}
	.InTab_3 li a:focus, .InTab_3 li a:hover{padding:0 5% 10px 5%;color:#1a5fa7;border-bottom:2px solid #1a5fa7}

/*4개일때*/
.InTab_4{margin-bottom:2%;width:100%}
	.InTab_4 ul:after{display:block;clear:both;content:''}
	.InTab_4 ul{padding:30px 0;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
	.InTab_4 li{width:25%;font-size:1.2em;color:#333;float:left;text-align:center;line-height:1.5;font-weight:300;font-family:'NanumSquare'}
	.InTab_4 li a.on{padding:0 5%;padding-bottom:10px;color:#1a5fa7;border-bottom:2px solid #1a5fa7}
	.InTab_4 li a:focus, .InTab_4 li a:hover{padding:0 5% 10px 5%;color:#1a5fa7;border-bottom:2px solid #1a5fa7}

/*5개일때*/
.InTab_5{margin-bottom:2%;width:100%}
	.InTab_5 ul:after{display:block;clear:both;content:''}
	.InTab_5 ul{padding:30px 0;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
	.InTab_5 li{width:20%;font-size:1.2em;color:#333;float:left;text-align:center;line-height:1.5;font-family:'NanumSquare'}
	.InTab_5 li a.on{padding:0 5%;padding-bottom:10px;color:#019a47;border-bottom:2px solid #1a5fa7}
	.InTab_5 li a:focus, .InTab_5 li a:hover{padding:0 5% 10px 5%;color:#1a5fa7;border-bottom:2px solid #1a5fa7}

/*게시판 이미지오버*/
.pic{position:relative;margin:0 auto;max-width:600px;width:100%;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;
-ms-backface-visibility:hidden;backface-visibility:hidden}

.pic1{position:relative;margin:0 auto;max-width:300px;width:100%;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;
-ms-backface-visibility:hidden;backface-visibility:hidden}

.pic-caption{cursor:default;position:absolute;width:100%;height:100%;background:url('/common/img/pic_techMenuBg.png') repeat;padding:10px;text-align:center;opacity:0}
.pic-title{position:absolute;left:35%;top:41%;width:30%;height:18%;background:url('/common/icoimg/view.png') no-repeat center top}
.pic-title2{position:absolute;left:35%;top:40%;width:30%;height:20%;background:url('/common/icoimg/view.png') no-repeat center top}

a, a:hover, a:focus, .pic .pic-image, .pic:hover, .pic:focus .pic-caption, .pic:focus img, .pic:hover img{/*-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease*/}

.pic:hover .top-to-bottom,
.pic:focus .top-to-bottom{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-o-touch-callout:none;-ms-touch-callout:none;touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent}

.top-to-bottom{bottom:100%;left:0;cursor:pointer}
.pic:hover .top-to-bottom, .pic:focus .top-to-bottom{left:0;bottom:0}

a, a:hover, a:focus, .pic1 .pic-image, .pic1:hover, .pic1:focus .pic-caption, .pic1:focus img, .pic1:hover img{/*-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease*/}

.pic1:hover .top-to-bottom, .pic1:focus .top-to-bottom{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-o-touch-callout:none;-ms-touch-callout:none;touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent}

.top-to-bottom{bottom:100%;left:0;cursor:pointer}
.pic1:hover .top-to-bottom, .pic1:focus .top-to-bottom{left:0;bottom:0}

.mb_only{display:none}

.downRoomright{text-align:right}
.downRoomright select{border:1px solid #ccc;font-size:12px;width:160px;height:46px;background-color:#fff;border-radius:0px;padding:0 5px} 
.downRoomright input{border:1px solid #ccc;font-size:12px;width:160px;height:38px;background-color:#fff;border-radius:0px;padding:0 5px}
.downRoomright .btn_darkblue{  height:38px;line-height:38px;padding:0 25px;width:auto;font-size:12px}

.downbox{margin-bottom:30px;border:1px solid #ccc;padding:25px}
.paleft{padding-right:3%}

.movieWrap{width:100%}
.movieArea{border-top:1px solid #ccc;overflow:hidden}
.movieArea li{width:25%;border-left:1px solid #ccc;display:inline-block;padding:0 2%;margin:30px 0 0 0;float:left;text-align:center}
.movieArea li:first-child, .movieArea li:nth-child(5), .movieArea li:nth-child(9),
.movieArea li:nth-child(14){/*padding-left:0;*/border-left:1px solid #fff}
.movieArea li a img{display:block;width:100%;/*min-height:200px;*/height:380px;border:1px solid #efefef;background:#eee url('/common/img/pic_board_defultImg.gif') no-repeat center;background-size:cover}
.movieArea li .font18{padding:20px 0;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.4em}
.movieArea li .LineIn{padding-bottom:30px;border-bottom:1px solid #ccc}

.movieArea2{border-top:1px solid #ccc;overflow:hidden;text-align:left}
.movieArea2 li{padding:0 2%;margin:30px 0 0 0;width:50%;border-left:1px solid #ccc;display:inline-block;float:left}
.movieArea2 li a img{border:1px solid #eee;width:100%;max-width:698px;border:1px solid #efefef;background:#efefef;height:330px}
.movieArea2 li .font18{padding:20px 0 30px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:1.4em}
.movieArea2 li .LineIn{border-bottom:1px solid #ccc}
.movieArea2 li:first-child,
.movieArea2 li:nth-child(3),
.movieArea2 li:nth-child(5),
.movieArea2 li:nth-child(7){padding-left:0;border-left:0 none}
.movieArea2 li:nth-child(2),
.movieArea2 li:nth-child(4),
.movieArea2 li:nth-child(6){padding-right:0}

/*/------------footer--------------/*/
.footrr{padding:2em 0 2.5em 0;text-align:center;background:#f4f4f4;margin-top:2.2em}
.footrr div{margin:0 auto;text-align:center;max-width:1600px}
.footrr dl{width:16%;text-align:left;vertical-align:top;display:inline-block;*display:inline;zoom:1}
.footrr dl:first-child{margin-left:2%}
.footrr dt{color:#1a5fa7;font-family:Oswald;font-size:1.4em;font-weight:300;line-height:2}
.footrr dd{color:#414141;line-height:1.7;}

footer{ position:relative;display:block;padding:40px 0 0 0;width:100%;font-size:0.875em;/*color:#858585;*/color:#999;background:#414141}
	footer .copyright{padding:20px;font-style:normal;font-size:1.1em;background:#2b2b2b;line-height:1.2}
	footer h2{width:100%;margin:0 auto 35px auto;text-align:center;max-width:154px;display:block}
	footer div{padding:26px 0;margin:0 5%;text-align:center;border-top:1px solid #555;display:block}
	footer p{font-style:normal;margin:0;font-weight:100;text-align:center;/*color:#858585;*/color:#888;display:block;font-family:Oswald} footer p > a{color:#1a5fa7}
	footer ul > li{padding:7px 17px 7px 22px;background:url('/common/bulImg/bul_footerCercle.gif') no-repeat left;display:inline-block;*display:inline;*zoom:1}
	footer ul{text-align:center}
	footer ul > li:first-child{background:none}
	footer li > a:hover, footer li > a:focus{text-decoration:underline}

.w_Mega .Megaright h4{margin-bottom:15px;padding:20px 0;text-align:center;border-bottom:1px solid #606666;background:url('/common/icoImg/ico_topmegaLine.png') no-repeat left center;font-weight:300}

/*사이트맵*/
.sitemapOut{}
.sitemap{margin-top:30px}
.sitemap:first-child{margin-top:0}
.sitemap .Sitmap_pro{width:48%}
.sitemap h4{margin-bottom:10px;padding:15px 10px;text-align:center;font-size:1.3em;border-top:2px solid #039b45;border-bottom:1px solid #ccc;font-family:'Oswald';font-weight:400}
.sitemap div{margin:0 0 15px 2%;width:23%;vertical-align:top;display:inline-block;*display:inline;zoom:1}
.sitemap div:first-child{margin-left:0}
.sitemap div ul{margin-left:20px;margin-bottom:25px}
.sitemap div ul h6{font-weight:bold;line-height:2}
.sitemap div ul li{margin:5px 0 5px 7px;padding-left:10px;background:url('/common/bulImg/bul_sitemap.gif') no-repeat left 12px}
.sitemapF{width:48%;float:left}

/*개인정보취급방침*/
.pers_Content{padding:8%;border:5px solid #efefef;*zoom:1}
.pers_Content:after{display:block;clear:both;content:''}
.pers_Content h4{padding-top:15px;font-size:1.7em;width:27%;float:left;background:url('/common/bulImg/bul_LogoSubject.gif') no-repeat left top}
.pers_Content .pers_Detail{margin:18px 0 0 0;width:73%;max-width:980px;float:left;font-size:16px;color:#555}
.pers_Content h5{margin-bottom:5px;font-weight:bold;font-size:1.2em}
.pers_Content li > ol,
.pers_Content li > ul{margin-left:20px}

/*위시리스트*/
.Main_Pop{position:relative;width:90%}
.Main_Pop h4{padding:18px 25px 18px 25px;color:#fff;font-size:1.4em;font-weight:300;font-family:Oswald;background:#3d9cff url('/kor/common/icoImg/ico_Listnote.gif') no-repeat 21px center}

.WishOut{padding:20px}

.wishTable h5{color:#000;font-size:1.1em;font-family:'NanumSquare'}
.wishTable h5 span{border-left:2px solid #3d9cff;padding-left:15px;margin:0 15px 0 0;font-size:1.3em;font-weight:300;color:#009331;font-family:Oswald;line-height:0.9}

.WishList{*zoom:1}
.WishList:after{display:block;clear:both;content:''}
.WishList{margin:0 0 10px 0;padding:40px;border:1px solid #ccc}

.wishImg{width:25%;margin:0 5% 0 0;float:left}
.wishImg img{width:100%}
.wishTable{position:relative;width:70%;float:left}

.listClose{position:absolute;top:0;right:0;padding:5px;background:#ddd;font-size:.9em;font-family:'NanumSquare';font-weight:bold}
.listPopClose{position:absolute;top:15px;right:15px;font-size:2em;color:#fff}


/* NEW*/

.colla_logo{background-color:#EAEAEA; width:100%; text-align:center; margin-bottom:40px; padding:20px 0;}
.colla_logo img{display:inline-block;}

tableScroll,
.resulTable{width:100%;white-space: nowrap;overflow:auto;-webkit-overflow-scrolling: touch;}
	
.tableScroll{
	/*position: absolute;*/
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.tableScroll::-webkit-scrollbar,
.resulTable::-webkit-scrollbar{width:100%;height:15px} 

.tableScroll::-webkit-scrollbar-track,
.resulTable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px}
 
.tableScroll::-webkit-scrollbar-thumb,
.resulTable::-webkit-scrollbar-thumb{border-radius: 10px;	background:#1A5FA7;}
.tableScroll::-webkit-scrollbar-button:horizontal:increment,
.resulTable::-webkit-scrollbar-button:horizontal:increment{width: 12px;height: 13px; background: url('/common/icoImg/ico_scrollArrow_right.png') no-repeat left center; background-size:cover;}
.tableScroll::-webkit-scrollbar-button:horizontal:decrement, .resulTable::-webkit-scrollbar-button:horizontal:decrement{width: 12px;height: 13px; background: url('/common/icoImg/ico_scrollArrow_left.png') no-repeat left center; background-size:cover;}
.tableScroll table.board-listPro1 { border-top:2px solid #1d7d47px; min-width: auto; margin-top:5px; }
.tableScroll table.board-listPro1 thead th { background:#f3f3f3; font-weight:bold; }

.ProductContent.soulution_main{margin-top:179px;}
.ProductContent.soulution_main h4 { font-size: 1.7em; color: rgb(51, 51, 51);  background: url(/common/bulImg/bul_LogoSubject.gif) no-repeat left top; padding:15px 0 20px; font-weight: 400;}
.tableScroll.insect_trap { background:url('http://www.seoulviosys.com/common/img/solution/sol_main_bg1.png') center center no-repeat; }
.tableScroll.air { background:url('http://www.seoulviosys.com/common/img/solution/sol_main_bg2.png') center center no-repeat; }
.tableScroll.sterilizer { background:url('http://www.seoulviosys.com/common/img/solution/sol_main_bg3.png') center center no-repeat; }

table.solution_main td.sol_product { opacity:0.7; width:332px; height:471px;}
table.solution_main td.sol_product img { display:block; margin:0 auto;}
table.solution_main td.sol_product {padding-top:58px;}
table.solution_main td.sol_product span{ display:block; text-align:center; margin-bottom:20px; opacity:0.5; }
table.solution_main td.sol_product { text-align:center; font-weight:bold; padding-bottom:11px; }
table.solution_main td.sol_product .text p { color:#333; font-size:1.2em; padding-bottom:10px;}
table.solution_main td.sol_product .text a { color:#fff; background:#1A5FA7; font-weight:bold; display:block; padding:8px; width:110px; margin:0 auto; }
table.solution_main td.sol_product .text a:hover { background:#555; transition:0.3s; }
table.solution_main td.sol_product .text { opacity:0.5; transition:0.5s; }

table.solution_main td:hover,
table.solution_main td:hover span,
table.solution_main td:hover .text{ opacity:1 !important; transition:0.5s; }

table.solution_main td.sol_product1 span { font-family:'oswald'; font-weight:800; font-size:20px; margin-bottom:0; color:#000; }

table.solution_main td.sol_product2 { height: 360px; }
table.solution_main td.sol_product2 span { font-family:'oswald'; font-weight:800; font-size:20px; margin-bottom:0; color:#000; }
table.solution_main td.sol_product2 { padding-top:15px; }

table.solution_main td.uv_tit p{background:url('/common/img/solution/bull_et.png') left center no-repeat; font-size:30px; font-family:'oswald'; font-weight:300; color:#000; padding-left:17px; margin-left:70px; margin-top:60px;}

.md_scroller { background:url('http://www.seoulviosys.com/common/img/solution/sol_main_bg1.png') center center no-repeat; height:482px; text-align:center;  }
.tableScroll.uv1 { background:url('http://www.seoulviosys.com/common/img/solution/uv_0012.png') center center no-repeat; }
.tableScroll.uv2 { background:url('http://www.seoulviosys.com/common/img/solution/uv_0013.png') center center no-repeat; }
.tableScroll.uv3 { background:url('http://www.seoulviosys.com/common/img/solution/uv_0014.png') center center no-repeat; }


.tabcontent{padding: 5% 4.5% 4.5% 4.5%;border: 5px solid #eaeaea;}
.cr_Editleft{border-right: 1px solid #ccc;width: 20%; float: left;}   
.cr_EditAcod{ margin-right: 30px;}
.cr_EditAcod li h3{padding: .8em .5em; font-size: 1.2em;font-weight: 300; background: url(http://www.seoulviosys.com/common/icoImg/ico_cr_EditAcodArrowPlus.png) no-repeat 93% center; border-bottom: 1px solid #eee; cursor: pointer;}
.cr_EditAcod li h3:hover, .cr_EditAcod li h3.on, .cr_EditAcod li h3:focus{color: #fff; background: #1F60A5 url(http://www.seoulviosys.com/common/icoImg/ico_cr_EditAcodArrowM01.png) no-repeat 93% center;}
.cr_EditAcod li > ul{padding: 1em 1.5em; background: #e5e5e5;}
.cr_EditAcod ul li:first-child{margin-top: 0;}
.cr_EditAcod li li{margin: .3em auto;padding: .3em .0em .3em 13px;width: 99%;background: url(http://www.seoulviosys.com/common/icoImg/ico_cr_EditAcodArrowM02.png) no-repeat 5px 13px; cursor: pointer;}

.cr_EditAcod ul li.active{    color: #fff;
    background: #787878 url(/common/icoImg/ico_cr_EditAcodArrowM01.png) no-repeat 5px 13px;}

}



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

.inWordMiddle{font-size:1em;}


}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
size:1024px~~
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:1024px){

/* 검색 */
 .SerchHead {margin-bottom: 60px; text-align: center;line-height: 1.6;color: #666; font-size:1em; }
 .SerchHead h3 {margin: 0 auto 10px auto; font-size: 38px;color: #333; font-family: Oswald, 'NanumSquare'; font-weight: 300;}
 .SerchHead p{font-size:.4em;}
  table.board-listPro3 tbody th:first-child{border-left: 0 none;}


.seContentWarp{margin:0 auto;width:96%;max-width:1600px}
.content-container{display:none;}

/*wHeader start*/
.wHeader{margin:0 auto;width:96%;max-width:1600px;font-weight:300}
.wHeader .fir_TopNavi{margin-bottom:1em;float:right}
.wHeader .TopNavi{margin:0 0 11px 0;float:left}
.wHeader .TopNavi li{font-family:Oswald;padding-top:25px;font-size:1.1em;padding-left:10px;margin-left:30px;color:#1a5fa7;float:left; text-align:right;}

.wHeader .first_s, .wHeader .third_s{width:60px}
.wHeader .second_s{width:60px}

.wHeader .first_s.on, .wHeader .second_s.on, .wHeader .third_s.on, .wHeader .four_s.on, .wHeader .first_s:focus, .wHeader .first_s:hover,
.wHeader .second_s:focus, .wHeader .second_s:hover, .wHeader .third_s:focus, .wHeader .third_s:hover, .wHeader .four_s:focus, .wHeader .four_s:hover{border-left:1px solid #1a5fa7;color:#1a5fa7}

.wHeader .fir_TopNaviLang{float:left}
	.fir_TopNaviLang li{margin-top:25px;float:left;text-align:center;color:#ccc;font-size:.8em}
	.kor, .en, .jn, .chn{margin:0 5px} 

.wHeader .secon_TopNavi{margin-bottom:1.1em;width:100%;clear:both}
.wHeader .secon_TopNavi  > ul {display:block; width:100%;margin-left:3%;}
	.secon_TopNavi li{float:left}

.wHeader .mainHeaderS{/*margin-top:5px;*/font-family:inherit;color:#666;display: block;}

.wHeader .first, .wHeader .second, .wHeader .third, .wHeader .four, .wHeader .five, .wHeader .six{padding-left:10px;float:right;text-align:left}
.wHeader .first.on, .wHeader .second.on, .wHeader .third.on, .wHeader .four.on,
.wHeader .first:focus, .wHeader .first:hover,
.wHeader .second:focus, .wHeader .second:hover,
.wHeader .third:focus, .wHeader .third:hover,
.wHeader .four:focus, .wHeader .four:hover{border-left:1px solid #1a5fa7}
.wHeader .first.on, .wHeader .second.on, .wHeader .third.on, .wHeader .four.on,
.wHeader .mainHeaderT:focus,
.wHeader .mainHeaderT:hover,
.drap:hover, .drap:focus{color:#1a5fa7}

.wHeader .mainHeaderT{font-family:Oswald;font-weight:300;display:block; padding-bottom:.7em;}

.TopNaviProduct{width:15%}
.TopNaviVioleds{width:16%}
.TopNaviSolution{width:19%}
.TopNaviTechnology{width:27%}
.TopNaviSupport{width:19%}
/*wHeader End*/

.TopNaviApplic img, .TopNaviProduct img, .TopNaviTech img, .TopNaviSupport img{max-width:183px}

.mt10_m_{margin-top:-8px}
.wl20{margin-left:20px}
.wl50{margin-top:50px}
.wl30{margin-top:30px}
.wl80{margin-top:80px}
.wl100{margin-top:100px}
.wl210{margin-top:210px}

.mt10_m_{margin-top:-8px}
.wl20{margin-left:20px}

.mImg, .Mboard{display:none}
.wImg img{max-width:1172px}

.mb50_m, .mb40_m, .mb30_m, .mb20_m, .mb10_m{margin-bottom:0}

.w_Mega{width:100%;font-size:1em;color:#fff;font-weight:300}
.w_Mega .left{padding:0 0 2.5% 0;width:100%;clear:both}
.w_Mega .left div{padding:25px 0;border-bottom:1px solid #606666}
.w_Mega .left .goSquer{text-align:center}
.w_Mega .left .goSquer dd{margin:35px 1% 0 1%;padding:12px 5px;text-align:center;width:21%;border:3px solid #fff;display:inline-block;*display:inline;zoom:1}
.w_Mega .left .goSquer dd:hover,
.w_Mega .left .goSquer dd:focus{background:#3d9cff;font-size:1.1em}

.w_Mega .left .list{margin-right:10px;padding:12px 10px;background:url('/common/icoImg/ico_Megaicon.png') no-repeat;display:inline-block;*display:inline;zoom:1}
.w_Mega .left .offic{margin-right:10px;padding:12px 10px;background:url('/common/icoImg/ico_Megaicon.png') no-repeat -85px center;display:inline-block;*display:inline;zoom:1}
.w_Mega .left .quick{margin-right:10px;padding:12px 10px;background:url('/common/icoImg/ico_Megaicon.png') no-repeat -23px center;display:inline-block;*display:inline;zoom:1}
.w_Mega .left .morm{margin-right:10px;padding:12px 14px;background:url('/common/icoImg/ico_Megaicon.png') no-repeat -48px center;display:inline-block;*display:inline;zoom:1}

.w_Mega .Megaright{position:relative;width:100%;font-family:Oswald,'NanumSquare','나눔스퀘어';background:#333;}
.w_Mega .Megaright ul li{background:;float:left}
.w_Mega .Megaright h4:hover,
.w_Mega .Megaright h4:focus{text-decoration:underline;color:#3d9cff}
.w_Mega .Megaright .magaIn{border-left:1px solid #444;line-height:2;padding:0 2% 0 0;font-weight:200;font-size:.9em;color:#fff}
.w_Mega .Megaright .magaIn a{padding:5px 0;display:block; text-align:center;}
.w_Mega .Megaright .magaIn a.on,
.w_Mega .Megaright .magaIn a:hover,
.w_Mega .Megaright .magaIn a:focus{text-decoration:underline;color:#3d9cff}

.Product li{width:33.33%}
.Solution li{width:33.252%}
.Technology li{width:11.11%}
.Support li{width:33.272%}

.boardSearch{width:50%}
.persist h4{width:210px}
.tbLi li.InRaido{width:15%}
.tbLi li{margin:0 0 15px 1%;width:21%;float:left}

.seou-hide-large{display:none!important}

/*------------WebsubTopBanner--------------*/
.TopBanner{position:relative;margin-top:9.4em}

.banner_InSubject{display:none;padding:2em 0;text-align:center;font-size:3.5em;font-family:'NanumSquare','나눔스퀘어','Nanum Square Light';font-weight:200;color:#3d9cff}

.TopBanner_CompanynavA,
.TopBanner_PRnavA,
.TopBanner_CareernavA{font-size:22px;font-family:'NanumSquare','나눔스퀘어','Nanum Square Light';font-weight:300;}

.TopBanner_CompanynavA a{width:25%}
.CompanyInfo_bannerImg_Info{width:100%;height:250px;background:url('/common/img/pic_CompanyTopbanner.jpg') no-repeat center;font-family:'NanumSquare'}

.TopBanner_CareernavA a{width:33.333%}
.Career_bannerImg{width:100%;height:250px;background:url('/common/img/pic_CarrerTopbanner.jpg') no-repeat center}

.TopBanner_CompanynavA a,
.TopBanner_PRnavA a,
.TopBanner_CareernavA a{height:70px;line-height: 3.4;text-align:center;float:left;color:#fff;background:url('/common/img/pic_TopbannerMenubg.png') repeat}

.TopBanner_CompanynavA a:hover, .TopBanner_CompanynavA a:focus,
.TopBanner_PRnavA a:hover, .TopBanner_PRnavA a:focus,
.TopBanner_CareernavA a:hover, .TopBanner_CareernavA a:focus{border-bottom:1px solid #2b4e73}

.TopBanner_CompanynavA .Bannermenu_on,
.TopBanner_PRnavA .Bannermenu_on,
.TopBanner_CareernavA .Bannermenu_on{background:#2b4e73}

.TopBanner_CompanynavA .Bannermenu_on a:hover, .TopBanner_CompanynavA .Bannermenu_on a:focus,
.TopBanner_PRnavA .Bannermenu_on a:hover, .TopBanner_PRnavA .Bannermenu_on a:focus,
.TopBanner_CareernavA .Bannermenu_on a:hover, .TopBanner_CareernavA .Bannermenu_on a:focus{border-bottom:0 none;padding:31px 1.5% 30px 1.5%}

/*------------s navi-------------*/
.TopBanner_navB{position:absolute;text-align:center;bottom:70px;left:0;right:0;margin-left:auto;margin-right:auto;width:auto}
.TopBanner_navB ul{width:100%;text-align:center}
.TopBanner_navB li{margin:10px 12.5px 0 12.5px;padding:0 0 8px 0;font-size:1.2em;font-weight:400;font-family:'NanumSquare';display:inline-block;*display:inline;zoom:1}
.TopBanner_navB li:hover{border-bottom:2px solid #3d9cff}
.TopBanner_navB	a:visited, .TopBanner_navB	a:focus, .TopBanner_navB a:active, .TopBanner_navB a:hover, .TopBanner_navB a:link{color:#fff}
.TopBanner_navB	a.select, .TopBanner_navB .on{border-bottom:2px solid #3d9cff}

.TopBanner_nav{margin:30px 0;width:100%;color:#333;font-size:12px !important;text-transform:none}
.TopBanner_nav ul{float:right}
.TopBanner_nav li{margin-left:10px;float:left;padding:0 0 8px 0;font-weight:400} 
.TopBanner_nav li span{margin:0 10px}
.TopBanner_nav li:hover, .TopBanner_nav li:focus{color:#1a5fa7}
.TopBanner_nav li:first-child{padding-left:30px;background:url('/common/icoImg/ico_Home.gif') no-repeat 5px 1px}
.TopBanner_nav .navgreen{color:#3d9cff;border-bottom:1px solid #3d9cff}

.topbar .back, .topbar .next{display:none}

.boardSearch{max-width:50%}

.InfoHead, .ceo_Head, .his_Head, .portf_Head, .LogoHead, .Land_Head, .Map_Head, .SysHead, .persist_Head,
.OurWayHead, .eco_Head, .cristal_Head, .crs_Head, .diHead, .reHead, .hiHead, .ratioHead, .InfoHead, .stockiHead, .stocksHead, .stockinHead, .irinHead, .finHead,
.CarHead, .WelHead, .NoticHead, .processHead, .AppliHead, .FAQHead, .diHead, .UpcommingHead, .tech_Head2, .tech_Head{display:none}

.personal_Head, .sitemap_Head, .SerchHead{margin: 0 auto 1em auto;font-size: 38px;text-align:center;color: #333;font-family: inherit;font-weight: 400;}

.tabcontent{padding:5% 8%;border:5px solid #eaeaea;font-family:'NanumSquare'}

.UpcommingHead2{text-align:center; padding-bottom:5%; font-family: 'NanumSquare';}
.UpcommingHead2 h3{ margin: 0 auto 10px auto; font-size: 38px;color: #333;font-family: Oswald; font-weight: 300;}



/* 검색 */
.tabcontent{padding: 5% 4.5% 4.5% 4.5%;border: 5px solid #eaeaea; font-family:'NanumSquare'}
.cr_Editleft{border-right: 1px solid #ccc;width: 20%; float: left;}   
.cr_EditAcod{ margin-right: 30px;}
.cr_EditAcod li h3{padding: .8em .5em; font-size: 1.2em;font-weight: 300; background: url(/common/icoImg/ico_cr_EditAcodArrowPlus.png) no-repeat 93% center; border-bottom: 1px solid #eee; cursor: pointer;}
.cr_EditAcod li h3:hover, .cr_EditAcod li h3.on, .cr_EditAcod li h3:focus{color: #fff; background: #1A5FA7 url(/common/icoImg/ico_cr_EditAcodArrowM01.png) no-repeat 93% center;}
.cr_EditAcod li > ul{padding: 1em 1.5em; background: #e5e5e5;}
.cr_EditAcod ul li:first-child{margin-top: 0;}
.cr_EditAcod li li{margin: .3em auto;padding: .3em .0em .3em 13px;width: 99%;background: url(/common/icoImg/ico_cr_EditAcodArrowM02.png) no-repeat 5px 13px; cursor: pointer;}


#detail_image_plate{width:50%}
#detail_image_plate img{width:100%;}




}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
size:~~1580px  이미지...
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1560px){
	img{width:100%}
	.fir_TopNaviLang li img{max-width:25px}
	.layerModal{min-width:60%}

	.footrr dl{width:15%;}
	table.solution_main td img { width: auto;}
	.colla_logo img{ width: auto;}
	table.board-listPro3 tbody td img{width:auto;}
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
size:~~1280px
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1280px){
	/* font-size */
	.fs15{font-size:1.3em}
	.fs16{font-size:1.4em}
	.fs12{font-size:1.1em}
	.fs10{font-size:0.87em}

	input[type="radio"]:not(.cssbrowser){display:none}
	input[type="radio"]:not(.cssbrowser) + label{display:inline-block;height:26px;padding:0 0 0 30px;background:url("/common/icoImg/radio_off.png") no-repeat left top;line-height:2.1;background-size:contain}
	input[type="radio"]:not(.cssbrowser):checked + label{background:url("/common/icoImg/radio_on.png") no-repeat left top;background-size:contain}

	table.board-list8 input[type="text"],
	table.board-list8 input[type="tel"],
	table.board-list8 input[type="password"]{vertical-align:middle;font-size:.9em;border:1px solid #eee}

	select{padding:.4em .7em .4em .2em;font-family:inherit;cursor:pointer;background:#f3f3f3 url('/common/icoImg/ico_SelectArrow.gif') no-repeat 100% 54%;-webkit-appearance:none;-moz-appearance:none;appearance:none;
	border:1px solid #eee;border-radius:0px}
	select::-ms-expand{ /* for IE 11 */display:none}

	.w_Mega .Megaright h4{font-size:.9em}
	.koMega, .magaIn{font-size:.7em}

	.TopNavi li {font-size:1em}
	.TopBanner_navB li {font-size:1em}
	.TopBanner_nav {margin:15px 0 30px 0}
	.TopBanner_CompanynavA a, .TopBanner_PRnavA a, .TopBanner_CareernavA a{font-size:.8em;height:auto}

	.movieArea2 li a img{height:250px}
	.movieArea li{width:33%}

	.tab_Content h4{font-size:1.5em}

	
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
size:~~1023px
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1023px){
	.ProductContent.soulution_main{margin-top:100px;}
	.ProductContent.soulution_main h4:before { content:none;}

	/*  검색 */
	.SerchHead{padding: 70px 0 0 0; text-align: center;word-break: break-word;line-height: 1.6; font-size: 1em;}
	.SerchHead h3{margin: 0 auto 15px auto;font-size: 1.8em;font-weight: 300;width: 100%;font-family: Oswald, 'NanumSquare';}
	.SerchHead p{display:none;}
	.MiddleBody article{width:100%;}
	.cr_Editleft{border-right: 0 none; width:100%;}
	.cr_EditAcod{font-size: 0.9em;}
	.cr_EditAcod li h3{padding: .8em .5em; font-size: 1.2em;font-weight: 300; border-bottom: 1px solid #eee; cursor: pointer}
	.cr_EditAcod li h3.on{color: #fff;background: #1A5FA7 url(/common/icoImg/ico_cr_EditAcodArrowM01.png) no-repeat 93% center;}
	.cr_EditAcod ul li:first-child{margin-top: 0;}
	.cr_EditAcod li li {margin: .3em auto;padding: .3em .0em .3em 13px;width: 99%; background: url(/common/icoImg/ico_cr_EditAcodArrowM02.png) no-repeat 5px 13px; cursor: pointer;}

	.resu_right{width:100%; min-height: 250px;}
	.resu_right p{    margin-top: 30px;}
	.resulTable {font-size: 0.9em;}

	html, body{padding:0;margin:0;min-height:100%}
	body{position:relative}
	#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.5);/*dim the background*/}

	.UpcommingHead2{text-align:center; padding:5% 0; font-family: 'NanumSquare';}
		.UpcommingHead2 h3{ margin: 0 auto 10px auto; font-size:2em;color: #333;font-family: Oswald; font-weight: 300;}
	
	.mb50_m{margin-bottom:50px}
	.mb40_m{margin-bottom:40px}
	.mb30_m{margin-bottom:30px}
	.mb20_m{margin-bottom:20px}
	.mb10_m{margin-bottom:10px}

	.mt50_m{margin-top:50px}
	.mt30_m{margin-top:30px}
	.mt20_m{margin-top:20px}
	.mt10_m{margin-top:10px}

	.tabcontent{padding:3% 3%;border:0 none}

	.Menu_TopConts{background:#fff;font-size:.8em;*zoom:1;border-bottom:1px solid #ccc}
	.Menu_TopConts:after{display:block;clear:both;content:''}
	.Menu_TopConts li{padding:10px 0;text-align:center;font-size:1em;color:#666;width:25%;float:left}
	.Menu_TopConts li:first-child{border-left:0 none}
	.Menu_TopConts li.on,
	.Menu_TopConts li:hover,
	.Menu_TopConts li:focus{border-left:1px solid #999;background:#888;color:#fff}
	
	.Menu_MiddleConts{font-size:13px;margin-top:20px;*zoom:1}
	.Menu_MiddleConts:after{display:block;clear:both;content:''}
	.Menu_MiddleConts li{padding:2.5%;text-align:center;width:24%;display:inline-block;border:3px solid green}
	.Menu_MiddleConts li:first-child{margin-left:0}
	.Menu_MiddleConts li:hover, .Menu_MiddleConts li:focus{background:green;color:#fff}

	.Menu_EndConts{margin:15px 0 30px 0;*zoom:1}
	.Menu_EndConts:after{display:block;clear:both;content:''}
	.Menu_EndConts li{margin:2px 0;padding:2%;color:#fff;text-align:center;width:49%;background:url('/kor/company/common/img/main/pic_BottomBannerbg3.jpg');display:inline-block}
	.Menu_EndConts li a{padding:5% 0;width:100%;border:1px solid #fff;display:block}

	.w_Mega .right{font-size:.9em}
	.w_Mega .right h4{font-size:1em}

	.TopBanner_CompanynavA .navi_set{background:url('/common/img/m_sub_img1.jpg') no-repeat top center;padding:2em 0 .1em 0;text-align:center;background-size:cover}
	.TopBanner_IRnavA .navi_set{background:url('/common/img/m_sub_img2.jpg') no-repeat top center;padding:2em 0 .1em 0;text-align:center;background-size:cover}
	.TopBanner_CareernavA .navi_set{background:url('/common/img/m_sub_img3.jpg') no-repeat top center;padding:2em 0 .1em 0;text-align:center;background-size:cover}

	.TopBanner_CompanynavA, .TopBanner_IRnavA, .TopBanner_PRnavA, .TopBanner_CareernavA {font-size:18px}
	.TopBanner_CompanynavA a, .TopBanner_IRnavA a, .TopBanner_PRnavA a, .TopBanner_CareernavA a {padding:17px 1%;height:55px}
	.TopBanner_CompanynavA a:hover, .TopBanner_CompanynavA a:focus, .TopBanner_IRnavA a:hover, .TopBanner_IRnavA a:focus,
	.TopBanner_PRnavA a:hover, .TopBanner_PRnavA a:focus, .TopBanner_CareernavA a:hover, .TopBanner_CareernavA a:focus {padding:17px 1%;font-weight:400}

	.TopBanner_nav {display:none}

	.TopBanner_CompanynavA .secondnavi, .TopBanner_IRnavA .secondnavi, .TopBanner_PRnavA .secondnavi, .TopBanner_CareernavA .secondnavi{margin:0 auto;padding:3% 0;max-width:1200px;background:url('/kor/company/common/img/pic_mTopbanner.jpg') no-repeat center;background-size:cover;text-align:center;color:#fff}
	.TopBanner_CompanynavA .secondnavi li, .TopBanner_IRnavA .secondnavi li, .TopBanner_PRnavA .secondnavi li, .TopBanner_CareernavA .secondnavi li{width:100%}

	.secondnavi .left a{display:block}
	.secondnavi .middleliTi{text-align:center}
	.secondnavi .middleliTi .bold{font-size:36px;line-height:1.3em}
	.secondnavi .on{background:#3d9cff}

	.TopBanner_navB{position:static;bottom:20px;overflow:hidden;width:100%;height:50px;background:#5b5b5b}
	.TopBanner_navB.has-scroll .next, .TopBanner_navB.has-scroll .back{display:block}
	.TopBanner_navB .next, .TopBanner_navB .back{position:absolute;display:none;width:50px;height:50px;line-height:50px;z-index:2;top:30%;text-decoration:none;color:#fff;text-align:center;transition:background-color 0.5s ease-out}
	.TopBanner_navB .next:hover:not(.hover-disabled), .TopBanner_navB .back:hover:not(.hover-disabled){transition:background-color 0s;color:#fff}
	.TopBanner_navB .next.hover-disabled.touch, .TopBanner_navB .back.hover-disabled.touch{}
	.TopBanner_navB .next.is-hidden, .TopBanner_navB .back.is-hidden{display:none}
	.TopBanner_navB .next{right:0}
	.TopBanner_navB .back{left:0}
	.TopBanner_navB ul{width:auto;list-style:none;margin:0;padding:0;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:0;letter-spacing:-1em;word-spacing:-1em;text-align:center}
	.TopBanner_navB ul li{display:inline-block;margin:0;padding:0;font-size:16px;letter-spacing:normal;word-spacing:normal;min-width:50%}
	.TopBanner_navB ul li a{display:block;height:50px;line-height:50px;text-decoration:none;color:#fff;padding:0 10px;box-sizing:border-box;text-align:center;transition:background-color 0.5s ease-out;font-family:'NanumSquare'}
	.TopBanner_navB ul li a:hover:not(.hover-disabled){transition:background-color 0s;background:#3d9cff}
	.TopBanner_navB ul li.on, .TopBanner_navB ul li:active{background:#3d9cff}
	.TopBanner_navB ul li a.hover-disabled.touch{transition:background-color 0s;background:green}

	.topnav{margin-bottom:1.5em;text-align:center;cursor:pointer;font-size:1.5em;color:#fff;font-weight:200;background-image:url('/common/img/arrow_header.png');background-position:90% 4px;background-repeat:no-repeat;padding:0 15px 0 0;font-family:'NanumSquare','나눔스퀘어','Nanum Square Light',Oswald,'Nanum Gothic';}

	.navi_set{position:relative}
	.subnav{width:100%;display:none;color:#fff;font-size:0.9em;z-index:333;font-weight:300;position:absolute}
	.subnav li{padding:12px 0;width:100%;text-align:center;background:#444 url('/common/img/pic_MiddleMenubg.png') repeat;border-bottom:1px solid #555;font-family:font-family:'NanumSquare','나눔스퀘어','Nanum Square Light',Oswald,'Nanum Gothic';cursor:pointer}
	.subnav li:hover, .subnav li:focus, .subnav li.on{background:#444;font-size:1em}

	.Welfare01 li, .Welfare02 li, .Welfare03 li{margin:5px 20px;font-size:.9em}

	.mt10_m_{margin:0 auto;max-width:190px;display:block}

	.sitemap h4{font-size:1.4em}
	.sitemap div ul h6{font-size:1.1em}

	/*개인정보취급방침*/
	.pers_Content{padding:8%;border:0 none}
	.pers_Content h4{padding-top:0;font-size:1.5em;width:100%;float:none;background:none}
	.pers_Content .pers_Detail{margin:18px 0 0 0;width:100%;max-width:auto;float:none;font-size:1em;color:#555}

	footer{padding:0}
	footer h2{margin:0 auto 15px auto}
	footer ul > li{padding:7px 5px 7px 15px;background:url('/common/bulImg/bul_footerCercle.gif') no-repeat left;display:inline-block;*display:inline;*zoom:1}
	footer div{margin:0 3%;padding:13px 0}
	footer .selec{background:none}
	footer .copyright{font-style:normal;padding:15px;font-size:1em}

	.footrr{display:none}

	.radioFloat4{*zoom:1}
	.radioFloat4:after{display:block;clear:both;content:''}
	.radioFloat4 > li{margin-bottom:15px;width:33.333%;float:left}

	.greenSubject{padding:0 0 0 20px;font-weight:bold;font-size:1.3em;background:url('/common/bulImg/bul_InGreen.gif') no-repeat left top}

	.banner_InSubject{display:none}

	.TBscroll{overflow:auto;-webkit-overflow-scrolling:touch;}

	.checkbox-wrap{cursor:pointer}
	.checkbox-wrap span{line-height:34px}
	.checkbox-wrap .check-icon{margin:0 5px 0 0;display:inline-block;width:30px;height:30px;background:url('/common/icoImg/radio_off.png') left top no-repeat;background-size:100%;vertical-align:middle;transition-duration:.3s}
	.checkbox-wrap input[type=checkbox]{display:none}
	.checkbox-wrap input[type=checkbox]:checked + .check-icon{background-image:url('/common/icoImg/radio_on.png')}

	.MiddleBody{margin:0 auto;width:100%;line-height:1.4;font-size:.9em}
	.MiddleBody article{width:100%}

	.seou-layout-col{display:block}
	.seContentWarp{margin:0 auto;width:100%;max-width:100%;overflow-x:hidden}
	footer{padding-top:15px}

	.Wboard{display:none}

	.boardSearch{width:100%}
	.keySelect{display:none}

	/*갤러리*/
	.movieArea li{width:46%;display:block;margin:10px 2%;float:left;text-align:center;border-left:0 none}
	.movieArea li a img{max-height:none}
	.movieArea2 li a img{height:190px}

	.list_thumb2 li{margin:0 auto}
	.list_thumb2 .cont_info{text-align:center}

	/*공통 탭메뉴*/
	.Info_InTab{width:100%}
	.Info_InTab ul{display:block}
	.InTab_InTab ul{padding:0;border:0}
	.Info_InTab a{border-left:1px solid #fff;width:33.333%;padding:10px 0;text-align:center;float:left;background:#efefef}
	ul.tab li a:hover, ul.tab li a:focus, ul.tab li.on a{background:#019a46;color:#fff;font-weight:bold}
	
	/*탭메뉴 공통속성*/
	.InTab_2 ul, .InTab_3 ul, .InTab_4 ul, .InTab_5 ul{padding:0;border:0}
	.InTab_2 li a.on, .InTab_3 li a.on, .InTab_4 li a.on, .InTab_5 li a.on,
	.InTab_2 li a:focus, .InTab_2 li a:hover, .InTab_3 li a:focus, .InTab_3 li a:hover, .InTab_4 li a:focus, .InTab_4 li a:hover, .InTab_5 li a:focus, .InTab_5 li a:hover{padding-bottom:3px;border-bottom:1px solid #1a5fa7;}

	/*2개일때*/
	.InTab_2 li{margin:.3%;font-size:1em;padding:10px 0;width:49%;background:#efefef}
	/*3개일때*/
	.InTab_3 li{margin:.3%;font-size:1em;padding:10px 0;width:49%;background:#efefef}
	/*4개일때*/
	.InTab_4 li{margin:.3%;font-size:1em;padding:10px 0;width:49%;background:#efefef}
	/*5개일때*/
	.InTab_5 li{margin:.3%;font-size:1em;padding:10px 0;width:49%;background:#efefef}

	/*----------HEADER-------------*/
	nav .TopHedaer{padding:0 3% 0 2%;width:60%;display:block;position:fixed;vertical-align:middle;top:0;left:0;height:60px;z-index:900}
	.TopHedaer > h2{margin:10px 0 0 0;width:120px;display:inline-block;*display:inline;zoom:1}
	.mHeader{margin:16px 15px 0 0;height:44px;text-align:right;width:25%;display:inline-block;*display:inline;zoom:1} .mHeader img{width:40px}
	.TopNavi, .fir_TopNaviLang, .secon_TopNavi{display:none}

	/*mHeader start*/
	.seoul_Top{position:fixed;width:100%;z-index:1}

	@-webkit-keyframes slideIn {
	  0% {transform:translateX(900px)}
	  100% { transform:translateX(0)}
	}
	@-moz-keyframes slideIn {
	  0% {transform:translateX(900px)}
	  100% {transform:translateX(0)}
	}
	@keyframes slideIn {
	  0% { transform:translateX(900px)}
	  100% {transform:translateX(0)}
	}
	.mfir_TopNavi{padding:0;position:absolute;top:60px;right:0;z-index:999;background:#fff;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-animation:slideIn 1s forwards;-moz-animation:slideIn 1s forwards; animation:slideIn 1s forwards}
	.mfir_TopNavi h3{font-family:Oswald}
	.seou-hide-large{}
	.seou-sidenav{height:100%;width:100%;background-color:#fff;border:5px solid #efefef;position:fixed!important;top:0;left:0;z-index:100;overflow-y:scroll;-webkit-overflow-scrolling:touch}
	.seou-sidenav a, .seou-dropnav a{display:block}
	.seou-sidenav .seou-dropdown-hover,.seou-sidenav .seou-dropdown-click{width:100%}.seou-sidenav .seou-dropdown-hover .seou-dropdown-content,.seou-sidenav .seou-dropdown-click .seou-dropdown-content{min-width:100%}
	.seou-main,#main{transition:margin-left .4s}

	.menu-trigger,
	.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}
	.menu-trigger{position:relative;width:35px;height:26px}
	.menu-trigger span{position:absolute;left:0;width:100%;height:2px;background:#333;border-radius:4px}
	.menu-trigger span:nth-of-type(1){top:0}
	.menu-trigger span:nth-of-type(2){top:12px}
	.menu-trigger span:nth-of-type(3){bottom:0}

	.menu-trigger.active-1 span:nth-of-type(1){-ms-transform:translateY (10px) rotate (-45deg);-webkit-transform:translateY (10px) rotate (-45deg);transform:translateY(13px) rotate(-45deg)}
	.menu-trigger.active-1 span:nth-of-type(2){opacity:0}
	.menu-trigger.active-1 span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);-webkit-transform:translateY(-12px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}

	input[type=checkbox].seou-check,input[type=radio].seou-radio{width:24px;height:24px;position:relative;top:6px}
	input[type=checkbox].seou-check:checked+.seou-validate,input[type=radio].seou-radio:checked+.seou-validate{color:#009688} 
	input[type=checkbox].seou-check:disabled+.seou-validate,input[type=radio].seou-radio:disabled+.seou-validate{color:#aaa}

	/*모바일 최상단 기본셋팅*/
	.seou-content{max-width:1023px;margin:auto}
	.seou-rest{overflow:hidden}
	.seou-layout-container{display:table;width:100%}.seou-layout-row{display:table-row}.seou-layout-cell,.seou-layout-col{display:table-cell}
	.seou-layout-top{vertical-align:top}.seou-layout-middle{vertical-align:middle}.seou-layout-bottom{vertical-align:bottom}
	.seou-hide{display:none!important}.seou-show-block,.seou-show{display:block!important}.seou-show-inline-block{display:inline-block!important}

	/*모바일 최상단 아코디언*/
	#mySidenav li.active ul{display:block}
	#accordian{max-width:560px;background:#fff;width:86%;overflow-y:auto}
	#accordian h3{padding:8px 10px;cursor:pointer;background:#f5f5f5;background:linear-gradient(#f5f5f5, #f9f9f9);font-weight:300}
	#accordian h3:hover{background:#efefef;font-weight:400}
	#accordian h3 span{font-size:1.2em;margin-right:10px}
	#accordian li{font-weight:300;border-top:1px solid #ececea;text-align:center;font-size:1.1em}
	#accordian ul ul a{display:block;padding:7px 10px;-webkit-transition:all 0.15s;-moz-transition:all 0.15s;-o-transition:all 0.15s;-ms-transition:all 0.15s;transition:all 0.15s;font-size:0.7em}
	#accordian ul ul a:hover{background:#f5f5f5;border-left:3px solid #3d9cff}
	#accordian ul ul{display:none;max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	.m_TopmenuSub{*zoom:1}
	.m_TopmenuSub:after{display:block;clear:both;content:''}
	.m_TopmenuSub li{border-left:1px solid #efefef;width:100%;float:left}
	.m_TopmenuSub a:hover{border-left:3px solid #3d9cff}
	#accordian ul.m_TopmenuSub{max-height:297px;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
	::-webkit-scrollbar{width:3px;} 
	::-webkit-scrollbar-thumb{background:#efefef;}
	.Menu_TopConts{background:#fff;font-size:0.8em;*zoom:1; border-bottom:1px solid #ccc}
	.Menu_TopConts:after{display:block;clear:both;content:''}
	.Menu_TopConts li{padding:10px 0;text-align:center;font-size:1em;color:#666;width:25%;float:left}
	.Menu_TopConts li:first-child{border-left:0 none}
	.Menu_TopConts li.on,
	.Menu_TopConts li:hover,
	.Menu_TopConts li:focus{border-left:1px solid #999;background:#888;color:#fff}

	.lang li img{max-width:25px}

	.Menu_MiddleConts{font-size:13px;margin-top:20px;*zoom:1}
	.Menu_MiddleConts:after{display:block;clear:both;content:''}
	.Menu_MiddleConts li{padding:2.5%;text-align:center;width:24%;display:inline-block;border:3px solid green}
	.Menu_MiddleConts li:first-child{margin-left:0}
	.Menu_MiddleConts li:hover, .Menu_MiddleConts li:focus{background:green;color:#fff}

	.Menu_EndConts{margin:15px 0 30px 0;*zoom:1}
	.Menu_EndConts:after{display:block;clear:both;content:''}
	.Menu_EndConts li{margin:2px 0;padding:2%;color:#fff;text-align:center;width:49%;background:url('/kor/company/common/img/main/pic_BottomBannerbg3.jpg');display:inline-block}
	.Menu_EndConts li a{padding:5% 0;width:100%;border:1px solid #fff;display:block}

	.w_Mega .right{font-size:0.9em}
	.w_Mega .right h4{font-size:1em}

	.bgArea{background:#000;opacity:0.5;overflow:hidden;height:100%;display:block}

	/*모바일 컨텐츠 여백공통*/
	.Info, .CEO, .History, .Portf, .Logo, .Land, .Map, .Sys, .OurWay, .Eco, .Cristal, .persist, .CRS, .persist, .FinInc, .Directors, .Upcomming, 
	.Welfare, .Recruit, .NoticeInfo, .Process, .Appli, .FAQ, .Story, .Thec, .sitemapOut,  .support{padding:0 3% 3% 3%}

	.CompanyInfo_bannerImg_Info, .CompanyInfo_bannerImg_Map, .CompanyInfo_bannerImg_Sys, .CompanyInfo_bannerImg_Way,
	.CompanyInfo_bannerImg_Press, .CompanyInfo_bannerImg_PR01, .CompanyInfo_bannerImg_PR02, 
	.CompanyInfo_bannerImg_Career01, .CompanyInfo_bannerImg_Career02, .CompanyInfo_bannerImg_Career03 {height:auto}

	/*h3 본문제목 공통요소*/
	.TopBanner{position:relative;width:100%;margin-top:58px;font-family:Oswald, 'Nanum Square'}
	.InfoHead, .ceo_Head, .his_Head, .portf_Head, .LogoHead, .Land_Head, .Map_Head, .SysHead, .persist_Head,
	.OurWayHead, .eco_Head, .cristal_Head, .crs_Head, .diHead, .reHead, .CarHead, .WelHead, .NoticHead, .processHead, .AppliHead, .FAQHead, .UpcommingHead, .tech_Head2, .personal_Head, .sitemap_Head, 
	 .tech_Head{margin-bottom:5%;padding:4% 0 3% 0;text-align:center;font-size:1.7em;border-bottom:1px solid #cacaca;font-weight:300;font-family:Oswald, 'Nanum Square'}
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------
size:~~640px
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media only screen and (max-width:640px){

	.colla_logo img{ width:70%;}
	
	.mb50_m{margin-bottom:50px}
	.mb40_m{margin-bottom:40px}
	.mb30_m{margin-bottom:30px}
	.mb20_m{margin-bottom:20px}
	.mb10_m{margin-bottom:10px}

	.mt30_m{margin-top:30px}
	.mt20_m{margin-top:20px}
	.mt10_m{margin-top:10px}
	.mt10_m_{margin-top:10px}
	
	.topnav{font-size:1.2em}

	input[type="radio"]:not(.cssbrowser){display:none}
	input[type="radio"]:not(.cssbrowser) + label{display:inline-block;height:28px;padding:0 0 0 35px;background:url("/common/icoImg/radio_off.png") no-repeat left top;line-height:2.1;background-size:contain}
	input[type="radio"]:not(.cssbrowser):checked + label{background:url("/common/icoImg/radio_on.png") no-repeat left top;background-size:contain}

	.tabcontent{border:0 none;padding:0}

	.radioFloat4{*zoom:1}
	.radioFloat4:after{display:block;clear:both;content:''}
	.radioFloat4 > li{margin-bottom:15px;width:50%}

	.tbLi li.InRaido{width:48%}
	.tbLi li{margin:0 0 15px 1.5%;width:31%;float:left}

	.bbs_Button{text-align:center}

	.tR{margin-bottom:20px;text-align:center}

	.wImg{display:none}

	/*사이트맵*/
	.sitemap div, .sitemap .Sitmap_pro{width:100%}

	/*위시리스트*/
	.Main_Pop h4{padding:10px 25px 10px 15px;font-size:1.2em}
	.WishOut{padding:0}
	.wishTable h5 span{font-size:1.1em}
	.WishList{margin:0 0 10px 0;padding:10px;border:0 none;overflow-y:auto;max-height:380px}
	.wishImg{width:100%;margin:0 5% 0 0;float:none}
	.wishTable{margin-top:25px;width:100%;float:none}
	.listClose{display:none}
	.listPopClose{position:absolute;top:5px;right:15px;font-size:1.5em}

	/*button*/
	.tableInButton{text-align:center;display:inline-block}

	.centerButton{margin:0 0 20px 0;text-align:center;font-size:.9em;font-weight:bold}
	.centerButton .Greenbutton{margin:0 1%;padding:8px 1px;width:28%;border:3px solid #3d9cff;color:#1a5fa7;display:inline-block;*display:inline;zoom:1}
	.centerButton .Greenbutton:hover, 
	.centerButton .Greenbutton:focus{border:3px solid #3d9cff;background:#3d9cff;color:#fff}
	.centerButton .Garybutton{margin:0 1%;padding:8px 1px;width:28%;border:3px solid #515151;color:#515151;display:inline-block;*display:inline;zoom:1}
	.centerButton .Garybutton:hover,
	.centerButton .Garybutton:focus{border:3px solid #515151;background:#515151;color:#fff}

	/*공통 탭메뉴*/
	/*4개일때*/
	.InTab_4 li{width:49%;float:left}

	/*페이징*/
	.paging .prev, .paging .next{width:30px}
	.paging .first, .paging .last, .paging .end{display:none}

	.movieArea2 li a img{height:120px}
	.movieArea2 li .font18{font-size:1em}

	.btn_Colse{position:absolute;right:0px;;background:#019a45;width:37px;display:block}
	.layerModal h3{text-align:center;font-size:1em;font-weight:bold;padding:.7em 2.5em;}
	.layerModal{margin:0;min-width:90%}

	video {object-fit:fill}
	table.board-list3_3 thead th{padding:15px 5px}

	.GreenBtn{margin:0 auto;}

	footer{font-size:0.7em}
}

/* 추가 */

.familyTop_new {margin-top: 22px; margin-right:20px;position:relative;  width:160px; text-indent:10px;float:left; display:inline-block;  font-family: Oswald, 'NanumSquare';}
.familyTop_new.Violeds{width:120px;height:34px;line-height:34px;text-align:center;background:rgb(43, 78, 115);text-indent:0;}
.familyTop_new.Violeds a{color:#fff;}
.familyTop_new.Violeds a img{width:15px;vertical-align:baseline;}
.familyTopSelect{width:100%; height:34px; line-height:34px;  font-size:0.9em;color:#000;border:1px solid #ccc; background:#fff url(/common/icoImg/ico_selectUpMenu_blue.gif) no-repeat 95% 47%; }
.familyTop_new .footSelec{width:100%; border:1px solid #ccc; position:absolute; top:34px; left:0; background-color:#fff;}
.familyTop_new .footSelec li{width:100%;}
.familyTop_new .footSelec li a{padding:6px 0; font-size:15px; color:#333; font-weight:300; display:block; width:100%;}

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

.familyTop_new{display:none;}
}

	/* 레이어팝업 */

.block{width:100%; display:block;}
.layer-popWrap{max-width:600px; width:80%; top:10%; left: calc(50% - 300px); z-index:10001; text-align:right; margin:0 auto; background-color:#fff;}
.layer-popArea{width:100%;  border:1px solid #ccc; position:relative;}

.layer-popWrap .layer-close{display:inline-block; position:absolute; top:5px; right:10px; line-height: 24px; font-size:12px;}
.layer-popWrap .layer-close img{ width:16px; height:16px; padding:4px; background-color:#eaeaea; position:relative; top:-2px; display:inline-block;}
.footer_box_check{display:block; text-align:left; color:#000; font-size:14px; width:100%; background-color:#ccc; padding:0 10px; line-height:32px; position:relative;}

.footer_box_check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.footer_box_check input[type="checkbox"]:not(.cssbrowser){display:none}
.footer_box_check input[type="checkbox"]:not(.cssbrowser) + label{display:inline-block;height:30px;padding:0 0 0 30px;background:url("/common/img/popup/radio.png") no-repeat top 5px left; background-size:20px auto;font-size:12px;}
.footer_box_check input[type="checkbox"]:not(.cssbrowser):checked + label{background:url("/common/img/popup/radio_on_blue.png") no-repeat top 5px left; background-size:20px auto}

.layer-popWrap.pop2{max-width:700px;  left: calc(50% - 350px); margin:0 auto;}

@media all and (max-width:767px) {  

.layer-popWrap{width:90%; top:10%; left:5%;}
.layer-popArea .layer-close{ width:20px;}
.footer_box_check{ font-size:12px;}

}