@charset "utf-8";


@font-face {font-family:'Nanum Gothic';font-style:normal;font-weight:700;src: url(../font/NanumGothic-Bold.eot);src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(../font/NanumGothic-Bold.woff) format('woff');}@font-face {font-family:'Nanum Gothic';font-style:normal;font-weight:400;src:url(../font/NanumGothic-Regular.eot);src:url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(../font/NanumGothic-Regular.woff) format('woff');}@font-face {font-family:'NanumGothic';font-style:normal;font-weight:700;src:url(../font/NanumGothic-Bold.eot);src:url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(../font/NanumGothic-Bold.woff2) format('woff2'),url(./font/NanumGothic-Bold.woff) format('woff');}@font-face {font-family:'NanumGothic';font-style:normal;font-weight:400;src:url(../font/NanumGothic-Regular.eot);src:url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(../font/NanumGothic-Regular.woff2) format('woff2'),url(../font/NanumGothic-Regular.woff) format('woff');}


/* default setting */
html {width:100%;margin:0;padding:0}
* html * {zoom:1}
body {font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:100%;color:#808080;-webkit-text-size-adjust:none; }/*letter-spacing:-1px;*/
* {font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote {margin:0;padding:0;border:0;outline:0;font-size:100%;font-size:12px;vertical-align__:baseline;background:transparent;}
body {line-height:1;overflow-x:hidden ;overflow-y:scroll}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color: #808080}
table {border-collapse:collapse;border-spacing:0;} 
ul, ol {list-style:none}
input, textarea {vertical-align__bk: middle}
input[type=text], input[type=password] {border: #d2d2d2 1px solid;font-size:12px;height: 18px;line-height: 18px}
input[type=checkbox] {margin: 0 4px 0 0}
input[type=radio] {margin-top:0;vertical-align: middle}
button {border:0;cursor: pointer;width:auto; overflow:visible;}
textarea {resize:none;border: #d2d2d2 1px solid;font-size: 12px}
address, em {font-style:normal}
th, td {padding:0;vertical-align:middle;font-weight:normal}
a, button, input[type=button], input[type=submit], input[type=reset] {text-decoration:none}
legend, caption {display: none}
*+ html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote {vertical-align__: top}
@media screen and (-webkit-min-device-pixel-ratio:0){
input[type=radio] {vertical-align: top}
label.radio {line-height: 15px}
input[type=text], input[type=password] {line-height: 100%}
}
@-moz-document url-prefix() {
input[type=radio] {vertical-align: top}
label.radio {line-height: 15px}
}

/* inline */
img {display:inline-block;border:none;vertical-align__bk:baseline}
/*cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block}*/
label {*vertical-align:middle}
cite, em, dfn {font-style:normal}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}
hr {display:none}

/* common */
.hidden {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}
.clearfix {*zoom:1}
.clearfix:after {display:block;clear:both;content:" "}
.btnArea {text-align: center !important}
.txt-c {text-align: center !important;}
.txt-l {text-align: left !important;}
.txt-r {text-align: right !important;}
.fleft {float: left !important}
.fright {float: right !important}
.vTop {vertical-align: top !important}
.vMiddle {vertical-align: middle !important}
.vBottom {vertical-align: bottom !important}
.pointGray {color: #202020 !important}
.pointGray2 {color: #808080 !important}
.pointRed {color: #e50426 !important}
.pointO {color: #ff7f11 !important}
.pointB {color: #4b79d9 !important}
.mLine {text-decoration: line-through}
.txtBlue{ color:#1b62bd;}


/*margin,padding*/
.mt0 {margin-top: 0 !important}
.mt3 {margin-top: 3px !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mt35 {margin-top: 35px !important}
.mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important}
.mt90 {margin-top: 90px !important}
.mr0 {margin-right: 0px !important}
.mr3 {margin-right: 3px !important}
.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr20 {margin-right: 20px !important}
.ml3 {margin-left: 3px !important}
.ml5 {margin-left: 5px !important}
.ml8 {margin-left: 8px !important}
.ml10 {margin-left: 10px !important}
.ml20 {margin-left: 20px !important}
.ml30 {margin-left: 30px !important}
.mb5 {margin-bottom: 5px !important}
.mb9 {margin-bottom: 9px !important}
.mb10 {margin-bottom: 10px !important}
.mb35 {margin-bottom: 35px !important}
.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}
.pl28 {padding-left: 28px !important}
.pr20 {padding-right: 20px !important}
.pt0 {padding-top:0px !important}

/*width, height*/
.w90 {width: 90px}
.w100 {width: 100px}
.w118 {width: 118px}




/* by jo */

.module {	POSITION: relative}
.module BUTTON {
	BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent
}
.module INPUT[type='button'] {
	BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent
}
.module INPUT[type='submit'] {
	BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent
}
.module INPUT[type='checkbox'] {
	BOX-SIZING: border-box; HEIGHT: 13px; WIDTH: 13px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.module-row {
	ZOOM: 1
}
.module-row:before { CONTENT: " "; DISPLAY: table }
.module-row:after { CONTENT: " "; DISPLAY: table }
.module-row:after { CLEAR: both }
.module-row .module-wrap { 	FLOAT: left }
.module-row .module-wrap-wide { 	FLOAT: left }
.module-row .module {	FLOAT: left}
.module-wrap .module {	FLOAT: none}
.module-wrap-wide {	WIDTH: 735px}
.mod-title {	FONT-SIZE: 0px; POSITION: absolute; ZOOM: 1; LEFT: 12px; LINE-HEIGHT: 0; TOP: 12px}
.mod-title IMG {	VERTICAL-ALIGN: top}
.mod-control .prev {	BACKGROUND-IMAGE: url(../images/common/scroll_css_img.png); BACKGROUND-REPEAT: no-repeat}
.mod-control .next {	BACKGROUND-IMAGE: url(../images/common/scroll_css_img.png); BACKGROUND-REPEAT: no-repeat}
.module .pages {	FONT-FAMILY: Tahoma, sans-serif; RIGHT: 15px; POSITION: absolute; COLOR: #999999; LETTER-SPACING: 0px; TOP: 12px}
.module .pages STRONG {	COLOR: #000000}
.module .mod-control-dark-bg .pages {	COLOR: #fff}
.module .mod-control-dark-bg .pages STRONG {	COLOR: #fff}
.module .mod-control .prev {
	cursor:pointer; OVERFLOW: hidden; HEIGHT: 37px; WIDTH: 34px; WHITE-SPACE: nowrap; POSITION: absolute; FILTER: alpha(opacity=0); Z-INDEX: 10; MARGIN-TOP: -18px; TOP: 50%; TEXT-INDENT: 110%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s
}
.module .mod-control .next {
	cursor:pointer; OVERFLOW: hidden; HEIGHT: 37px; WIDTH: 34px; WHITE-SPACE: nowrap; POSITION: absolute; FILTER: alpha(opacity=0); Z-INDEX: 10; MARGIN-TOP: -18px; TOP: 50%; TEXT-INDENT: 110%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s
}

.module .mod-control .prev:focus { FILTER: alpha(opacity=100); opacity: 1 }
.module .mod-control .next:focus { FILTER: alpha(opacity=100); opacity: 1 }
.touch .module .mod-control .prev { FILTER: alpha(opacity=100); opacity: 1 }
.touch .module .mod-control .next { FILTER: alpha(opacity=100); opacity: 1 }
.module .mod-control .prev { BACKGROUND-POSITION: 0px 0px; LEFT: 0px }
.module .mod-control .prev:hover { BACKGROUND-POSITION: 0px -38px }
.module .mod-control .next { RIGHT: 0px; BACKGROUND-POSITION: -35px 0px }
.module .mod-control .next:hover { BACKGROUND-POSITION: -35px -38px }
.module:hover .prev { FILTER: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 }
.module:hover .next { FILTER: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 }


.mod-the-ssam { HEIGHT_: 329px; WIDTH: 100%; BACKGROUND_bk: #dcf0f3; }
.mod-the-ssam .mod-body {  }
.modrow-personalized {	BORDER-TOP: #d7d9de 1px solid; BORDER-RIGHT: #d7d9de 1px solid; BACKGROUND: #f9f9f9; BORDER-BOTTOM: #d7d9de 0px solid; POSITION: relative; BORDER-LEFT: #d7d9de 1px solid}
.modrow-personalized-secondary {	BORDER-RIGHT-WIDTH: 0px}
.modrow-personalized .module-wrap {	HEIGHT: 215px; WIDTH: 214px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px}