/* default setting */
html{width:100%;margin:0;padding:0}
* html *{zoom:1}
a,blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;border:0;outline:0;font-size:13px;vertical-align:baseline;background:0 0}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
body{font-family:sans-serif;width:100%;height:100%;color:#000;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;line-height:1;background:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a{margin:0;padding:0;font-size:12px;background:0 0;color:#000;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input[type=password],input[type=text]{border:1px solid #d2d2d2;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{width:auto;overflow:visible;border:0;background-color:transparent;cursor:pointer}
textarea{resize:none;border:1px solid #d2d2d2;font-size:12px}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
td,th{padding:0;vertical-align:middle;font-weight:400}
a,a:active,a:hover,button,input[type=button],input[type=reset],input[type=submit]{text-decoration:none}
caption,hr,legend{display:none}
a,blockquote,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{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=password],input[type=text]{line-height:100%}
}
@-moz-document url-prefix(){
input[type=radio]{vertical-align:top}
label.radio{line-height:15px}
}
fieldset,img{border:0;vertical-align:top}
dl,li,ol,ul{margin:0;padding:0;list-style:none}
img{display:inline-block;border:none;vertical-align:baseline}
cite,code,del,dfn,em,ins,label,q,span,strong{display:inline-block}
cite,dfn,em{font-style:normal}
sub{vertical-align:bottom}
sup{vertical-align:top}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
button,input,select,textarea{vertical-align:middle}
/* qni */
body{font-family:'Nanum Gothic','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
img,map area{outline:0!important}
p{margin:0;padding:0;word-break:break-all}
a:focus{outline:0}
input[type=password],input[type=text],textarea{--khtml-transition:all 0.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;outline:0}
input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{-webkit-box-shadow:0 0 5px #212121;-moz-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121;border:1px solid #212121!important}
/* 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:after{display:block;clear:both;content:" "}
.btnArea,.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:grey!important}
.pointRed{color:#e50426!important}
.pointO{color:#f06421!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:0!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:0!important}
/*width, height*/
.w90{width:90px}
.w100{width:100px}
.w118{width:118px}
/* by jo */
.module{position:relative}
.module button,.module input[type=button],.module input[type=submit]{overflow:hidden;margin:0;padding:0;border-width:0;background-color:transparent}
.module input[type=checkbox]{box-sizing:border-box;height:13px;width:13px;margin:0;padding:0}
.module-row{zoom:1}
.module-row:after,.module-row:before{content:" ";display:table}
.module-row:after{clear:both}
.module-row .module,.module-row .module-wrap,.module-row .module-wrap-wide{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 .next,.mod-control .prev{background-image:url(../images/common/scroll_css_img.png);background-repeat:no-repeat}
.module .pages{right:15px;position:absolute;color:#999;letter-spacing:0;top:12px}
.module .pages strong{color:#000}
.module .mod-control-dark-bg .pages,.module .mod-control-dark-bg .pages strong{color:#fff}
.module .mod-control .next,.module .mod-control .prev{cursor:pointer;overflow:hidden;height:37px;width:34px;white-space:nowrap;position:absolute;z-index:10;margin-top:-18px;top:50%;text-indent:110%;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.module .mod-control .next:focus,.module .mod-control .prev:focus,.touch .module .mod-control .next,.touch .module .mod-control .prev{opacity:1}
.module .mod-control .prev{background-position:0 0;left:0}
.module .mod-control .prev:hover{background-position:0 -38px}
.module .mod-control .next{right:0;background-position:-35px 0}
.module .mod-control .next:hover{background-position:-35px -38px}
.module:hover .next,.module:hover .prev{opacity:1}
.mod-the-ssam{height_:329px;width:100%;background_bk:#dcf0f3}
.modrow-personalized{border-top:1px solid #d7d9de;border-right:1px solid #d7d9de;background:#f9f9f9;border-bottom:0 solid #d7d9de;position:relative;border-left:1px solid #d7d9de}
.modrow-personalized-secondary{border-right-width:0}
.modrow-personalized .module-wrap{height:215px;width:214px;padding:7px 15px 0}