/* common */
@charset "utf-8";

html{ /* height:100%; */}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td, textfield, select{margin:0;padding:0;}
body {color:#3b3b50; font:400 81.3% "nanumsquare", "Malgun Gothic","돋움", "dotum", Helvetica, Arial, Verdana, sans-serif; letter-spacing:-0.6px; height:100%; line-height:180%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;	font-size:13px;}
ol, ul, li, dd, dl, dt  {list-style:none;}
fieldset, legend {border:0;	margin:0;padding:0;}
legend { display:none;}
img {border:0; vertical-align:top;}
label{cursor:pointer; margin-left:3px;}
input, select, label{vertical-align:middle}


/**{transition-duration:0.5s}*/

/* 링크 */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}

.inner {position:relative; width:1200px; margin:0 auto; position:relative;}



@font-face { 
font-family: 'nanumsquare'; 
src: url('/share/font/nanumsquarel.eot'); 
src: url('/share/font/nanumsquarel.eot?#iefix') format('embedded-opentype'), 
url('/share/font/nanumsquarel.woff') format('woff'), 
url('/share/font/nanumsquarel.ttf') format('truetype'), 
url('/share/font/nanumsquarel.svg#nanumsquareL') format('svg'); 
font-weight: 300; 
font-style: normal; 
}

@font-face { 
font-family: 'nanumsquare'; 
src: url('/share/font/nanumsquarer.eot'); 
src: url('/share/font/nanumsquarer.eot?#iefix') format('embedded-opentype'), 
url('/share/font/nanumsquarer.woff') format('woff'), 
url('/share/font/nanumsquarer.ttf') format('truetype'), 
url('/share/font/nanumsquarer.svg#nanumsquarer') format('svg'); 
font-weight: 400; 
font-style: normal; 
}

@font-face {
font-family: 'nanumsquare';
src: url('/share/font/nanumsquareb.eot');
src: url('/share/font/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('/share/font/nanumsquareb.woff') format('woff'),
url('/share/font/nanumsquareb.ttf') format('truetype'),
url('/share/font/nanumsquareb.svg#nanumsquareb') format('svg');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'nanumsquare';
src: url('/share/font/nanumsquareeb.eot');
src: url('/share/font/nanumsquareeb.eot?#iefix') format('embedded-opentype'),
url('/share/font/nanumsquareeb.woff') format('woff'),
url('/share/font/nanumsquareeb.ttf') format('truetype'),
url('/share/font/nanumsquareeb.svg#nanumsquareb') format('svg');
font-weight: 600;
font-style: normal;
}


/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.font_Century{
	font-family: NanumSquare !important;
}



/*나눔폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Nanum Brush Script', cursive;
*/


/*skipnavi*/
#skipnavi {position: absolute; top:0; left:0; width:100%; z-index:99999; font-size:0; line-height:0;}
#skipnavi h2{display:block; position:absolute; top:-500px; text-indent:-9999px; color:#333; padding-top:1px; font-size:12px; font-weight:bold; line-height:130%;}
#skipnavi a {display:block; position:absolute; top:-500px; text-indent:-9999px; color:#333; padding-top:1px; font-size:12px; font-weight:bold; line-height:130%;}
#skipnavi a:hover, #skipnavi a:active, #skipnavi a:visited, #skipnavi a:focus {position:absolute; top:0; left:0; width:100%;; height:34px; line-height:32px; background-color:#fff; border:2px solid #004aac; text-indent:0; text-align:center;}


hr{ display:none;}



/* table common */
table {border-collapse:collapse;}
table caption{height:0px; overflow:hidden;}

/* 위치값 */
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;text-align:center;} 
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px;}
.pb63{padding-bottom:63px;}


.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl4{ padding-left:4px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px !important;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr6{padding-right:6px;}
.pr7{padding-right:7px;}
.pr8{padding-right:8px;}
.pr9{padding-right:9px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt57{ padding-top:57px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml2 { margin-left:2px;}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml33{ margin-left:33px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr41 { margin-right:41px;}
.mr42 { margin-right:42px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt57{ margin-top:57px;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb54{ margin-bottom:54px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}

.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}


.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{ float:left}
.fr{ float:right}

.ft11{ font-size:11px}
.ft12{ font-size:12px}
.ft14{ font-size:14px; line-height:170%}
.ft15{ font-size:15px;}
.ft16{ font-size:16px; line-height:160%}
.ft17{ font-size:17px;}
.ft18{ font-size:18px;}

.btn-tr{width:100%; overflow:hidden; text-align:right;}
.btn-tc{width:100%; overflow:hidden; text-align:center;}
.btn-tl{width:100%; overflow:hidden; text-align:left;}


.behind{left: -9999em; top: -9999em; width: 1px; height: 1px; overflow: hidden; position: absolute;}
.hidden{display:none}


/*font_color*/
.c-black{color:#444;}
.c-blackb{color:#444;font-weight:600  !Important}
.c-pink{color:#fe06d8;}
.c-pinkb{color:#fe06d8;font-weight:600 !Important}
.c-red{color:#f63939;}
.c-redb{color:#f63939;font-weight:600  !Important}
.c-blue{color:#458ad7;}
.c-blueb{color:#458ad7; font-weight:600  !Important;}
.c-green{color:#529019}
.c-greenb{color:#529019; font-weight:600 !Important;}
.c-cyan{color:#01b78a}
.c-cyanb{color:#01b78a; font-weight:600  !Important;}
.c-violet{color:#ad07ea}
.c-violebt{color:#ad07ea;font-weight:600 !Important;}
.c-orange{color:#ff960d;}
.c-orangeb{color:#ff960d; font-weight:600  !Important;}
.c-yellow{color:#ffd304;}
.c-yellowb{color:#ffd304; font-weight:600  !Important;}
.c-cyan{ color:#46cad7 !Important}
.c-cyanb{ font-weight:600 !Important; color:#46cad7 !Important}


input,textarea{font-family:nanumsquare, 'Malgun Gothic','돋움', 'dotum'; line-height:150%; color:#555 !important}
textarea {height:150px;padding:10px 15px;border:1px solid #d9d9d9; line-height:1; box-sizing:border-box;}
button{ cursor:pointer; border:none;}
button, input, select{ font-family:nanumsquare, 'Malgun Gothic','돋움', 'dotum'; }
input { padding:5px; border:1px solid #e2e2e5; height:34px; box-sizing:border-box;}
select{ height:35px; padding:5px; border:1px solid #dfdfdf;display:inline-block;vertical-align:middle !Important;min-width:90px; font-size:13px;}

input[placeholder], textarea[placeholder] { color:#bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb !important;}