@charset "utf-8";

/*폰트관련이슈*/

/*노멀폰트*/
@font-face{
	
	font-family:NanumBarunGothic;
	src:url('/assets/webfont/NanumBarunGothicWeb.eot');
	src:local("나눔바른고딕"),
	url('/assets/webfont/NanumBarunGothicWeb.woff') format("woff"),
	url('/assets/webfont/NanumBarunGothicWeb.ttf') format("truetype");
	
}

/*볼드형 폰트*/
@font-face{
	
	font-family:NanumBarunGothicBoldWeb;
	src:url('/assets/webfont/NanumBarunGothicBoldWeb.eot');
	src:local("나눔바른고딕 굵게"),
	url('/assets/webfont/NanumBarunGothicBoldWeb.woff') format("woff"),
	url('/assets/webfont/NanumBarunGothicBoldWeb.otf') format("opentype"),
	url('/assets/webfont/NanumBarunGothicBoldWeb.ttf') format("truetype")
	;
	
}


/*basic reset*/

@media screen and (min-width:768px){
	
	html{font-size:100% !important; }/*font-size: 16px*/
}

html{width:100%;height:100%; font-size:62.5% }/*font-size: 16px*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0px;padding:0px;}
body{padding-top:0 !important; padding-left:0 !important; padding-bottom:0 !important; padding-right:0 !important; margin:0 0 6.0rem 0;height:100%;font-size:1.2rem;/*font-size:12px;*/ font-family:"NanumBarunGothic", NanumBarunGothic, "나눔바른고딕","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Arial; color:#616161; background:#fffef5; vertical-align:top;}
a,a:link,a:visited{color:#444; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0.3);}
a:hover,a:active,a:focus{color:#444; font-weight:normal;text-decoration:none;  -webkit-tap-highlight-color:rgba(0,0,0,0.3);}
h1,h2,h3,h4,h5,h6{font-size:1.4rem;}/*font-size:14px*/
ul,ol{list-style:none}
address{font-style:normal} 
table{border-spacing:0px; border-collapse:collapse; width:100%;}
table,fieldset,th,td{border:none}
td{word-break:break-all}
img {margin:0; padding:0; border:0;}
input,select{vertical-align:middle;}
select{min-height:1.8rem;height:1.8rem; vertical-align:middle;font-size:1.4rem;  color:#10a3e1; background:#f9faf5; border:1px solid #10a3e1;}/*기본 height 24px font-size:14px*/
caption{width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
legend{position:absolute;left:-9999px; top:-999px; width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden;}
button{font-family:"NanumBarunGothic", NanumBarunGothic, "나눔바른고딕","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Arial;}
em{font-style:normal; font-weight:bold;}



/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* blind */
.blind{position:absolute;width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
.blindall *{position:absolute;width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}

/*font-weight*/

.font_n{font-weight:normal !important;}
.font_b{font-weight:bold !important;}

/* 정렬 */
.text_l{text-align:left!important}
.text_c{text-align:center!important}
.text_r{text-align:right!important}

/* after */
.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/*.clearfix{display:inline-block}*/
.clearfix{display:block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* End hide from IE-mac */
.clearfix{zoom:1;} /*for IE 5.5-7*/

/* float */
.float_l{float:left}
.float_r{float:right}
.clear{clear:both}
.overFlow_h{overflow:hidden;}


/*margin_auto*/

.m_0auto{margin:0 auto !important;}

/*position:relative*/

.boxRel{position:relative !important;}

pre{white-space:pre;overflow:hidden;font-size:1.2rem;font-family:Dotum,Verdana;color:#666;font-family:"NanumBarunGothic", NanumBarunGothic, "나눔바른고딕","맑은 고딕", "Malgun Gothic", "돋움", Dotum, Arial;text-align:left;word-spacing:-1px;line-height:150%}
pre{
white-space:pre-wrap; /* css3 */
white-space:-moz-pre-wrap; /* mozilla */
white-space:-pre-wrap; /* opera4~6 */
white-space:-o-pre-wrap; /* opera7 */
word-wrap:break-word; /* IE */
}

/* form style */
textarea,input{vertical-align:middle;font-size:0.75rem; font-weight:bold; font-family:"나눔고딕",NanumGothic,"맑은 고딕", "Malgun Gothic", "돋움", Dotum, Arial;}
input[type=text],input[type=password],input[type=file],input[type=number],input[type=email],input[type=tel]{padding:0.5rem 0.65rem; height:1.2rem; color:#545454; font-size:1.2rem; vertical-align:middle; border:none; background:none;}
input[type=radio],input[type=image],input[type=button],input[type=submit]{margin:0;border:0;vertical-align:middle}
input[type=checkbox]{border:1px solid #4daeca;}
textarea{resize:none !important;}
input:focus{outline:0 !important;}

/* skip navigation */
#skipnavi{position:relative}
#skipnavi a{display:block;margin-bottom:-1px;width:1px;height:1px;overflow:hidden;text-align:left;color:#000;white-space:nowrap}
#skipnavi a:focus,#skipnavi a:active{margin-bottom:1px;padding:5px;width:auto;height:auto;border:1px solid #f1cc83}

/*all margin*/

.m00{margin:0rem !important;} .m03{margin:0.3rem !important;} .m05{margin:0.5rem !important;} .m10{margin:1rem !important;} .m15{margin:1.5rem !important;} .m20{margin:2rem !important;}  .m30{margin:3rem !important;}

/*margin_top*/
.mt00{margin-top:0rem !important} .mt03{margin-top:0.3rem !important} .mt05{margin-top:0.5rem !important} .mt10{margin-top:1rem !important} .mt15{margin-top:1.5rem !important} .mt20{margin-top:2rem !important} .mt30{margin-top:3rem !important}

/*margin_bottom*/
.mb03{margin-bottom:3px !important} .mb05{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important}

/*margin_left*/
.ml03{margin-left:3px !important} .ml05{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important}  .ml30{margin-left:30px !important}

/*margin_right*/
.mr03{margin-right:3px !important} .mr05{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr30{margin-right:30px !important}


/*all padding*/
.p00{padding:0rem !important;} .p03{padding:0.3rem !important;} .p05{padding:0.5rem !important;} .p10{padding:1rem !important;} .p15{padding:1.5rem !important;}

/*padding_top*/
.pt03{padding-top:3px !important} .pt05{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important}

/*padding_bottom*/
.pb03{padding-bottom:3px !important} .pb05{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important}

/*paddding_left*/
.pl03{padding-left:3px !important} .pl05{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important}

/*padding_right*/
.pr03{padding-right:3px !important} .pr05{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important}

/*width 모바일 용이라 %로 갑니다.*/

.wp10{width:10% !important;} .wp13{width:13% !important;} .wp15{width:15% !important;} .wp17{width:17% !important;}
.wp20{width:20% !important;} .wp23{width:23% !important;} .wp25{width:25% !important;} .wp27{width:27% !important;}
.wp30{width:30% !important;} .wp33{width:33% !important;} .wp35{width:35% !important;} .wp37{width:37% !important;}
.wp40{width:40% !important;} .wp43{width:43% !important;} .wp45{width:45% !important;} .wp47{width:47% !important;}
.wp50{width:50% !important;} .wp53{width:53% !important;} .wp55{width:55% !important;} .wp57{width:57% !important;}
.wp60{width:60% !important;} .wp63{width:63% !important;} .wp65{width:65% !important;} .wp67{width:67% !important;}
.wp70{width:70% !important;} .wp73{width:73% !important;} .wp75{width:75% !important;} .wp77{width:77% !important;}
.wp80{width:80% !important;} .wp83{width:83% !important;} .wp85{width:85% !important;} .wp87{width:87% !important;}
.wp90{width:90% !important;} .wp93{width:93% !important;} .wp95{width:95% !important;} .wp97{width:97% !important;}
.wp100{width:100% !important;}


/*모바일 버튼 태그용 height값*/

.h34{height:3.4rem !important;} .h36{height:3.6rem !important;} .h26{height:2.6rem !important;} .h40{height:4.0rem !important;}


/*font-size*/
.font11{font-size:1.1rem !important;} .font12{font-size:1.2rem !important;} .font13{font-size:1.3rem !important;} .font14{font-size:1.4rem !important;} .font15{font-size:1.5rem !important;} .font16{font-size:1.6rem !important;}  .font18{font-size:1.8rem !important;}
.font24{font-size:2.4rem !important;} .font30{font-size:3rem !important;}
/*font-color*/

.color73b2f0{color:#73b2f0 !important;} .color62a7ee{color:#62a7ee !important;} .color62a7ee{color:#62a7ee !important;} 
.color379afc{color:#379afc !important;} .color616161{color:#616161 !important;} .color000{color:#000 !important}  .color555{color:#555 !important} .color999{color:#999 !important}
.colorff0b0b{color:#ff0b0b !important;} .colorff442b{color:#ff442b !important;} .colorb9bdc1{color:#b9bdc1 !important;} .colorff5400{color:#ff5400 !important;}  .colore93d2b{color:#e93d2b !important;}
.color2a6fb4{color:#2a6fb4 !important;} .colorff0000{color:#ff0000 !important;} .color3f89d5{color:#3f89d5 !important;} .colored3a37{color:#e93d2b !important;}
.colore92a2a{color:#e92a2a !important;} .color1887f5{color:#1887f5 !important;}
/*line-height*/

.lh100{line-height:100% !important;} .lh120{line-height:120% !important;} .lh140{line-height:140% !important;}
/*bold css*/

.fontbold{font-family:"NanumBarunGothicWeb", NanumBarunGothicWeb !important; font-weight:bold;}