@charset "utf-8";

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff}
::-moz-selection{background:#333;color:white;text-shadow:none}
::selection{background:#333;color:white;text-shadow:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::-webkit-scrollbar-track{background:#dddddd}
::scrollbar{width:5px}
::scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::scrollbar-track{background:#dddddd}

html, body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
	zoom: 1;
}

body{font-family:'Titillium Web','NeoSans','NotoSansKR',sans-serif;font-weight:400;letter-spacing:-1px;font-size:12px;color:#000;word-break: keep-all;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#000}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all}
input, select{vertical-align:middle}
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}
.hide_text{position:absolute;display:inline-block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;text-indent:-9999em}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
input, select, textarea{font-family:'Titillium Web','NeoSans','NotoSansKR',sans-serif;font-size:12px;position:relative;zoom:1}
.placeholderText{display:none}
embed{display:none}

/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index:200}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#4b848a;border:0}

/* --------------------------------------------
 * grid
/* ------------------------------------------ */
[class*="sec_"]{width:100%;overflow:hidden}
[class*="sec_"]:after{display:block;clear:both;content:''}

.widInner{position:relative;width:1190px;margin:auto}

.row_12,
.row_5{margin-left:-10px;margin-right:-10px}
.row_12:after,
.row_5:after,
.widInner:after{display:block;clear:both;content:''}

[class*="col_"]{float:left;padding:0 10px}

.row_5 .col_1{width:20%}
.row_5 .col_2{width:40%}
.row_5 .col_3{width:60%}
.row_5 .col_4{width:80%}
.row_5 .col_5{width:100%}

.row_12 .col_1{width:8.33333333%}
.row_12 .col_2{width:16.66666667%}
.row_12 .col_3{width:25%}
.row_12 .col_4{width:33.33333333%}
.row_12 .col_5{width:41.66666667%}
.row_12 .col_6{width:50%}
.row_12 .col_7{width:58.33333333%}
.row_12 .col_8{width:66.66666667%}
.row_12 .col_9{width:75%}
.row_12 .col_10{width:83.33333333%}
.row_12 .col_11{width:91.66666667%}
.row_12 .col_12{width:100%}

/* --------------------------------------------
 * line
/* ------------------------------------------ */
/* lineWrap_st1 */
.lineWrap_st1{width:1px;height:100px;position:absolute;left:50%}
.lineWrap_st1 .line{position:absolute;top:0;left:0;bottom:0;right:0;background:#fe4d0f}
.lineWrap_st1.line_top{top:0}
.lineWrap_st1.line_bt{bottom:0}

/* lineWrap_st2 */
.lineWrap_st2{width:1px;height:100px;position:absolute;left:50%}
.lineWrap_st2 .line{position:absolute;top:0;left:0;bottom:0;right:0;background:url("/_img/bg_pattern2.png") 0 0}
.lineWrap_st2.line_top{top:0}
.lineWrap_st2.line_bt{bottom:0}

/* lineWrap_st3 */
.lineWrap_st3{width:100%;height:4px;background:url("/_img/line.png");margin:40px 0}

/* lineWrap_st4 */
.lineWrap_st4{width:100%;height:2px;background:url("/_img/line.png");margin:20px 0}


/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:22px;height:22px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("/_img/check1_off.png") 0 0 no-repeat #3b3e41;display:inline-block;position:relative;top:0;left:0;height:22px;line-height:22px;font-size:16px;color:#dfe0e0;padding:0 0 0 40px;z-index:10}
.checksWrap_st1 label:hover{background:url("/_img/check1_hover.png") 0 0 no-repeat #3b3e41}
.checksWrap_st1 label.on{background:url("/_img/check1_on.png") 0 0 no-repeat #3b3e41}

/* checksWrap_st2 */
.checksWrap_st2{position:relative}
.checksWrap_st2 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:22px;height:22px;-webkit-appearance:none}
.checksWrap_st2 label{background:url("/_img/input_icon.png") 0 -68px no-repeat #34373a;display:block;position:relative;top:0;left:0;height:68px;line-height:68px;font-size:16px;color:#797a7c;padding:0 0 0 88px;z-index:10;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.checksWrap_st2 label:hover{background:url("/_img/input_icon.png") 0 -136px no-repeat #34373a;color:#dfe0e0}
.checksWrap_st2 label.on{background:url("/_img/input_icon.png") 0 -204px no-repeat #34373a;color:#dfe0e0;-webkit-box-shadow:inset 0 0 0 2px #fe4d0f;-moz-box-shadow:inset 0 0 0 2px #fe4d0f;-ms-box-shadow:inset 0 0 0 2px #fe4d0f;-o-box-shadow:inset 0 0 0 2px #fe4d0f;box-shadow:inset 0 0 0 2px #fe4d0f}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
.inputWrap_st1{position:relative;background: #34373a;}
.inputWrap_st1 .icon{width:68px;height:68px;background:url("/_img/input_icon.png") no-repeat #45484b;position:absolute;top:0;left:0;z-index:10}
.inputWrap_st1 .icon1{background-position:0 0}
.inputWrap_st1 .icon2{background-position:-68px 0}
.inputWrap_st1 .icon3{background-position:-136px 0}
.inputWrap_st1 .icon4{background-position:-204px 0}
.inputWrap_st1 .icon5{background-position:-272px 0}
.inputWrap_st1 .icon6{background-position:-340px 0}
.inputWrap_st1 input{display: block;width: 100%;height: 68px;line-height: 26px;font-size: 16px;background: #34373a;padding: 21px 10px 21px 88px; color: #dfe0e0;}
.inputWrap_st1 input:focus,
.inputWrap_st1 input:hover{background:#2b2e31;color:#dfe0e0}
.inputWrap_st1 input::-webkit-input-placeholder{color:#797a7c}
.inputWrap_st1 input:-moz-placeholder{color:#797a7c;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#797a7c;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#797a7c}
.inputWrap_st1 input:placeholder-shown{color:#797a7c}
.request .inputWrap_st1 span.required{display:inline-block;position:absolute;top: 10px;left: 10px;line-height:10px;margin-left: 0;z-index:15}

/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1{position:relative}
.textareaWrap_st1 .icon{width:68px;height:100%;background:url("/_img/input_icon.png") -340px -68px no-repeat #45484b;position:absolute;top:0;left:0;z-index:10}
.textareaWrap_st1 textarea{display:block;width:100%;resize:none;background:#34373a;padding:20px 20px 20px 88px;font-size:16px;color:#dfe0e0;line-height:26px;text-align:left}
.textareaWrap_st1 textarea:focus,
.textareaWrap_st1 textarea:hover{background:#2b2e31;color:#dfe0e0}
.textareaWrap_st1 textarea::-webkit-input-placeholder{color:#797a7c}
.textareaWrap_st1 textarea:-moz-placeholder{color:#797a7c;opacity:1}
.textareaWrap_st1 textarea::-moz-placeholder{color:#797a7c;opacity:1}
.textareaWrap_st1 textarea:-ms-input-placeholder{color:#797a7c}
.textareaWrap_st1 textarea:placeholder-shown{color:#797a7c}
.request .textareaWrap_st1 span.required{display:inline-block;position:absolute;top:10px;left:10px;line-height:10px;margin-left:0;z-index:15}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999999999999;
	overflow: hidden;
}
.layerPopup.open,
.layerPopup_bg_mask.open {
	display: block;
}
.layerPopup_bg_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/_img/bg_gray_opa80.png");
	z-index: 999;
	display: none;
}
.layerPopup .bg_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/_img/bg_black_opa80.png");
	z-index: 999;
}
.layerPopup .layerBody > .close {
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	background: #202225;
	text-align: center;
}
.layerPopup .layerBody > .close span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("/_img/btn_layerClose.png") no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -7000000em;
	vertical-align: middle;
}
.layerPopup .layerBody {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	z-index: 9999;
}
.layerPopup .layerBody h2.tit {
	font-family: 'Titillium Web', 'NanumSquareR', sans-serif;
	color: #000;
	line-height: 80px;
	height: 80px;
	padding-left: 30px;
	font-size: 24px;
	border-bottom: 1px solid #dedede;
}
.layerPopup .layerBody h2.tit .desc {
	display: inline-block;
	font-size: 13px;
	margin-left: 20px;
}
.layerPopup .layerBody .contPop {
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	overflow-y: auto;
}

/* layerView */
.layerView .layerBody {
	width: 1200px; height: 100%;
	top: 0;
	padding-top: 80px;
	position: fixed;
}
.layerView .animated {
	-webkit-animation-duration: .8s;
	animation-duration: .6s;
}
.layerView .layerBody .fixTop {
	width: 1200px; height: 80px;
	border-bottom: 1px solid #eee;
	position: fixed;
	top: 0; left: 50%;
}
.layerView .layerBody .fixTop ul.left {
	float: left;
}
.layerView .layerBody .fixTop ul.right {
	float: right;
}
.layerView .layerBody .fixTop ul li {
	height: 80px;
	line-height: 80px;
	float: left;
}
.layerView .layerBody .fixTop ul.left li {
	border-right: 1px solid #eee;
}
.layerView .layerBody .fixTop ul.right li {
	background: #fe4d0f;
}
.layerView .layerBody .fixTop ul li a {
	display: block;
	text-indent: initial;
	width: 80px;
	height: 80px;
	position: initial;
	background: none;
	line-height: 80px;
	text-align: center;
}
.layerView .layerBody .fixTop ul.left li a:hover {
	background: #f1f1f1;
}
.layerView .layerBody .fixTop ul li a span {
	width: 29px;
	height: 23px;
	display: inline-block;
	background: url("/_img/layerView_icon.png") no-repeat;
	text-indent: -999999em;
	vertical-align: middle;
}
.layerView .layerBody .fixTop ul li a.top span {
	background-position: 0 0;
}
.layerView .layerBody .fixTop ul li a.prev span {
	background-position: -29px 0;
}
.layerView .layerBody .fixTop ul li a.next span {
	background-position: -58px 0;
}
.layerView .layerBody .fixTop ul li a.close span {
	background-position: -87px 0;
}
.layerView .layerBody .contPop {
	height: 100%;
	min-height: initial;
}
.layerView .view_con .view_con_txt {
	font-size: 15px !important;
	line-height: 25px !important;
	color: #555 !important;
	word-break: keep-all !important;
}
.layerView .view_con .view_con_txt img {
	max-width: 100% !important;
}