@charset "utf-8";



/********************************************************************

Publishing :Lee Kang Won

Beginning : 2016-03-21

Project Name : HanWha CM Project

*********************************************************************/


@font-face {
	font-family:'Hanwha';
	font-style:normal;
	font-weight:200;
	src:url('/css/fonts/HanwhaL.eot');
	src:url('/css/fonts/HanwhaL.woff') format('woff'),
		url('/css/fonts/HanwhaL.ttf') format('truetype'),
		url('/css/fonts/HanwhaL.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'Hanwha';
	font-style:normal;
	font-weight:300;
	src:url('/css/fonts/HanwhaR.eot');
	src:url('/css/fonts/HanwhaR.woff') format('woff'),
		url('/css/fonts/HanwhaR.ttf') format('truetype'),
		url('/css/fonts/HanwhaR.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'Hanwha';
	font-style:normal;
	font-weight:600;
	src:url('/css/fonts/HanwhaB.eot');
	src:url('/css/fonts/HanwhaB.woff') format('woff'),
		url('/css/fonts/HanwhaB.ttf') format('truetype'),
		url('/css/fonts/HanwhaB.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:100;
	src:url('/css/fonts/SCDream1.eot');
	src:url('/css/fonts/SCDream1.woff') format('woff'),
		url('/css/fonts/SCDream1.ttf') format('truetype'),
		url('/css/fonts/SCDream1.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:200;
	src:url('/css/fonts/SCDream2.eot');
	src:url('/css/fonts/SCDream2.woff') format('woff'),
		url('/css/fonts/SCDream2.ttf') format('truetype'),
		url('/css/fonts/SCDream2.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:300;
	src:url('/css/fonts/SCDream3.eot');
	src:url('/css/fonts/SCDream3.woff') format('woff'),
		url('/css/fonts/SCDream3.ttf') format('truetype'),
		url('/css/fonts/SCDream3.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:400;
	src:url('/css/fonts/SCDream4.eot');
	src:url('/css/fonts/SCDream4.woff') format('woff'),
		url('/css/fonts/SCDream4.ttf') format('truetype'),
		url('/css/fonts/SCDream4.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:500;
	src:url('/css/fonts/SCDream5.eot');
	src:url('/css/fonts/SCDream5.woff') format('woff'),
		url('/css/fonts/SCDream5.ttf') format('truetype'),
		url('/css/fonts/SCDream5.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:600;
	src:url('/css/fonts/SCDream6.eot');
	src:url('/css/fonts/SCDream6.woff') format('woff'),
		url('/css/fonts/SCDream6.ttf') format('truetype'),
		url('/css/fonts/SCDream6.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:700;
	src:url('/css/fonts/SCDream7.eot');
	src:url('/css/fonts/SCDream7.woff') format('woff'),
		url('/css/fonts/SCDream7.ttf') format('truetype'),
		url('/css/fonts/SCDream7.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:800;
	src:url('/css/fonts/SCDream8.eot');
	src:url('/css/fonts/SCDream8.woff') format('woff'),
		url('/css/fonts/SCDream8.ttf') format('truetype'),
		url('/css/fonts/SCDream8.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'SCDream';
	font-style:normal;
	font-weight:900;
	src:url('/css/fonts/SCDream9.eot');
	src:url('/css/fonts/SCDream9.woff') format('woff'),
		url('/css/fonts/SCDream9.ttf') format('truetype'),
		url('/css/fonts/SCDream9.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'BMJUA';
	font-style:normal;
	src:url('/css/fonts/BMJUA.eot');
	src:url('/css/fonts/BMJUA.woff') format('woff'),
		url('/css/fonts/BMJUA.ttf') format('truetype'),
		url('/css/fonts/BMJUA.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:200;
	src:url('/css/fonts/NotoSansKR-Thin.eot');
	src:url('/css/fonts/NotoSansKR-Thin.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url('/css/fonts/NotoSansKR-Light.eot');
	src:url('/css/fonts/NotoSansKR-Light.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url('/css/fonts/NotoSansKR-Regular.eot');
	src:url('/css/fonts/NotoSansKR-Regular.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url('/css/fonts/NotoSansKR-Medium.eot');
	src:url('/css/fonts/NotoSansKR-Medium.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype');
}

@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url('/css/fonts/NotoSansKR-Bold.eot');
	src:url('/css/fonts/NotoSansKR-Bold.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family:'NotoSansKR';
	font-style: normal;
	font-weight:900;
	src:url('/css/fonts/NotoSansKR-Black.eot');
	src:url('/css/fonts/NotoSansKR-Black.woff') format('woff'),
		url('/css/fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype');
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,strong{margin:0;padding:0; letter-spacing:-0.065em;}

body,input,textarea,select,button{ font-family:"NotoSansKR", "맑은 고딕","Malgun Gothic","Apple Gothic",sans-serif; font-size:15px; color:#666; line-height:25px; outline: none;}

html,body{width:100%; height:100%; position:relative; -webkit-text-size-adjust:none; text-size-adjust:none;}

fieldset{border:0}

img{border:0; font-size:0; line-height:0; vertical-align:middle;}

ul,ol{list-style:none}

em,address{font-style:normal}

hr{margin:0; padding:0; display:none;}

a{text-decoration:none; display:inline-block; color:#666;}

a:active,a:focus,a:hover{text-decoration:none}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}

table{border-collapse:separate; border-spacing:0; width:100%; table-layout:fixed;}

table caption{width:0;height:0; font-size:0;  overflow:hidden;  line-height:0;}

input[type="text"], input[type="password"]{box-sizing:border-box; padding:0 10px; vertical-align:middle; box-shadow:none; -webkit-appearance:none; outline: none;}

input[type="text"]:disabled, input[readonly="readonly"], 

input[type="password"]:disabled, input[readonly="password"] {background:#f8f8f8;}

input[type="number"], input[type="tel"], input[type="email"]{ -webkit-appearance:none;}

select{color:#666; box-sizing:border-box;  vertical-align:middle;}

label{cursor:pointer; display:inline-block;}

textarea{padding:5px; resize:none; box-sizing:border-box; -webkit-appearance:none;}

button{margin:0; border:0; background:none; display:inline-block; cursor:pointer;  position:relative; overflow:visible; vertical-align:middle;}

button::-moz-focus-inner{border: 0; padding: 0;}

button span{position:relative;}

.displayN {display:none !important;}

.accText {position:relative; top:0; left:-9999px; width:0; height:0; padding:0; font-size:0; line-height:0; text-indent:-9999px;}

input[type="radio"], input[type="checkbox"]{display:none;}

.ie8 input[type="radio"], .ie8 input[type="checkbox"]{position:absolute; left:0; top:0; z-index:-1; display:block;}

.indent{

	width:100%;

	height:100%;

	color:transparent !important;

	display:inline-block !important;

	margin:0 !important;

	padding:0 !important;

	overflow:hidden;

	font-size:0;

	line-height:0;

}

.placeLabel {position:absolute; left:6px; top:0; font-size:14px; font-weight:normal; line-height:34px;}

.placeLabelL {top:8px; font-size:16px;}

.placeWrap {display:inline-block;}



/* selectbox style */

select.selectBox {opacity: 0; height:40px; width:100% !important; left:0; top:0; z-index:1;}

.select_wrap{height:40px; position:relative; display:inline-block; vertical-align:top;}

.custom_selectInner{overflow:hidden;width:100% !important;}

.custom_select {

	position: absolute;

	text-align:left !important;

	height:40px;

	left:0;

	top:0;

	overflow:hidden;

	padding:0 25px 0 12px;

	color: #666;

	font-size:15px;

	display:inline-block;

	box-sizing:border-box;

	line-height:37px;

	vertical-align:middle;

	border:1px solid #ddd;

	background:#fff url('/images/common/ic_select_arrow.png') no-repeat 93% 50%;

	width:100%;

}

.custom_select.custom_selectDisabled{background:#fff url('/images/common/ic_select_disabled.png') no-repeat 93% 50%; color:#ccc;}



/* skip navigation */

.skiplist{position:relative;z-index:9999;margin:0;padding:0;}

.skip{display:none;text-align:left;margin:0;padding:0;position:absolute; width:100%; text-align:center;} /* Opera */

.skip{display:block} /* IE */

:root .skip {display:block} /* Moz, FF and Safari */

.skip a {padding:0 0.5em;display:inline-block;z-index:1000;text-decoration:none;position:absolute;left:-200em; width:100%;}

.skip a:focus, .skip a:active {position:absolute;left:0;padding:10px;border:solid #333 1px;color:#fff;background:#000;}

.skip a:hover {cursor:default}



/* common */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 

    color:#2b2b2b !important;

}

input:-moz-placeholder, textarea:-moz-placeholder { 

    color:#2b2b2b !important;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 

    color:#2b2b2b !important;

}


.HWL{font-family:'Hanwha'; font-weight:200; position: relative; top: -1px;}
.HWR{font-family:'Hanwha'; font-weight:300; position: relative; top: -1px;}
.HWB{font-family:'Hanwha'; font-weight:600; position: relative; top: -1px;}

.orange{color:#f66000 !important;}
.black{color:#2b2b2b !important;}
.seo {color:#f66000 !important;}
a.linkLine:hover {text-decoration:underline;}
.db{display:block;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.pl20{padding-left:20px;}
.ti20{text-indent:-10px;padding-left:10px;}
.ml15{margin-left:15px;}
.mtb20{margin:20px 0;}


/* custom scroll */

.jspContainer{overflow: hidden; position: relative;}

.jspPane{position: absolute;}

.jspVerticalBar{position: absolute;top: 0; right: 0; width: 7px; height: 100%; background: red;}

.jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red;}

.jspCap{display: none;}

.jspHorizontalBar .jspCap{float: left;}

.jspTrack{background: #f0f0f0;position: relative;}

.jspDrag{background: #666;position: relative;top: 0;left: 0;cursor: pointer;}

.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag{float: left;height: 100%;}

.jspArrow{background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0;}

.jspArrow.jspDisabled{cursor: default; background: #80808d;}

.jspVerticalBar .jspArrow{height: 16px;}

.jspHorizontalBar .jspArrow{width: 16px; float: left; height: 100%;}

.jspCorner{background: #eeeef4;float: left;height: 100%;}



#fade{width:100%; height:100%; position:fixed; background:#000; z-index:2000; opacity:0.8; left:0; top:0; display:none;}



label.absolute {display:none; position:absolute; color:#999; cursor:text;}


/* type별 Style */

ul.txtTypeA li {
	font-size: 18px;
    color: #666;
    line-height: 150%;
    margin-bottom: 20px;
    letter-spacing:-0.065em;
}
ul.txtTypeA li b {
	font-size: 22px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

ul.dotTypeA li {
	position:relative;
	padding-left:14px;	
}
ul.dotTypeA li:after {
	position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #ff6600;
    border-radius:50%;
    content: '';
}

/* 로딩 */

.loadWarp{position:absolute;top:0;left:0;right:0;bottom:0;}

.loadWarp .dimm{position:fixed;top:-100px;left:0;bottom:-100px;right:0;z-index:95;background:#000000 !important;opacity:0.80;filter:alpha(opacity=80);z-index:99999;}

.loadWarp .loadCont{background:#fff;text-align:center;width:400px;height:236px;padding-top:30px;margin-top:-118px;margin-left:-200px;border-radius:5px;position:fixed;top:50%;left:50%;z-index:999999;box-sizing:border-box;}

.loadWarp.security .loadCont{height:302px;}

.loadWarp.security .loadCont  .txt{font-size:15px;color:#8f8f8f;line-height:23px;padding-bottom:25px;}

@media screen and (max-width:767px) {
	.loadWarp .loadCont{width:300px;height:auto !important;padding-top:30px;margin-top:-93px;margin-left:-150px;}
	.loadWarp .loadCont img{width:300px;height:auto;}
	.loadWarp.security .loadCont{margin-top:-126px;}
	
	
	/* type별 Style */	
	ul.txtTypeA li {
		font-size: 16px;
	    line-height: 140%;
	    margin-bottom: 10px;
	}
	ul.txtTypeA li b {
		font-size: 18px;
	    margin-bottom: 3px;
    	word-break: keep-all;
	}	
	ul.dotTypeA li {
		padding-left:10px;	
	}
	ul.dotTypeA li:after {
	    top: 8px;
	}

}


button.view_bh {
    border: 1px solid #000;
    font-size: 12px;
    padding: 5px 15px;
    background: #fff;
    margin-top: 14px;
    color: #000;
    font-weight: bold;
    outline: none;
}