@charset "utf-8";

@font-face {
 font-family: "nanumsquare";
 font-weight: 300;
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareL.woff) format('woff'),
      url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: "nanumsquare";
 font-weight: 400;
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: "nanumsquare";
 font-weight: 700;
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareB.woff) format('woff'),
      url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: "nanumsquare";
 font-weight: 800;
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}


html>/**/body{overflow-y:scroll;}
*{margin:0; padding:0;}
html{width:100%; height:100%}
img{border:0; vertical-align: middle;}
body{font-family: "Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif; color:#333; font-size:13px !important; background: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address{margin:0;padding:0;word-break: keep-all;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button, select, select option, textarea {margin:0; box-sizing:border-box;}
a{color:inherit; text-decoration:none;}
a:link{color:inherit;}
a:focus, a:hover {text-decoration:none;}
textarea{resize: none;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:2px solid #999;background:#fff; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.7);}
.hd_pops_con {}
.hd_pops_footer {position:relative; padding:10px 0;background:#f3f3f3; color:#333; text-align:left; font-size:13px;}
.hd_pops_footer li{float:right;}
.hd_pops_footer li:first-child{float:left;}
.hd_pops_footer button {padding:5px 10px;border:0;background:none;color:#333;}
.hd_pops_footer .hd_pops_reject{background:none;text-align:left}
.hd_pops_footer .hd_pops_close{background:none;position:absolute;top:10px;right:0}

.clear{clear: both;}
.sound_only, .blind, caption, legend{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.nomargin{margin: 0 !important;}
.t_l{text-align: left !important;}
.t_r{text-align: right !important;}
.t_c{text-align: center !important;}
.no_bg{background: none !important;}
.fl{float: left;}
.fr{float: right;}
.borderBoxing{box-sizing: border-box;}
.hide{display:none !important;}
.show{display:block !important;}

.color_99{color: #999;}
.color_ff{color: #fff;}

.bg_gray1{background: #fafafa;}

.fs12{font-size: 12px !important; line-height: 20px !important; letter-spacing: -0.1em;}
.fs13{font-size: 13px !important; line-height: 20px !important; letter-spacing: -0.1em;}
.fs14{font-size: 14px !important; line-height: 23px !important; letter-spacing: -0.1em;}
.fs15{font-size: 15px !important; line-height: 23px !important;}
.fs16{font-size: 16px !important; line-height: 23px !important;}
.fs17{font-size: 17px !important; line-height: 25px !important; font-family: "nanumsquare";}
.fs18{font-size: 18px !important; line-height: 27px !important; font-family: "nanumsquare";}
.fs19{font-size: 19px !important; line-height: 30px !important; font-family: "nanumsquare";}
.fs20{font-size: 20px !important; line-height: 30px !important; font-family: "nanumsquare";}
.fs21{font-size: 21px !important; line-height: 30px !important; font-family: "nanumsquare";}
.fs22{font-size: 22px !important; line-height: 30px !important; font-family: "nanumsquare";}
.fs23{font-size: 23px !important; line-height: 30px !important; font-family: "nanumsquare";}
.fs24{font-size: 24px !important; line-height: 33px !important; font-family: "nanumsquare";}
.fs25{font-size: 25px !important; line-height: 35px !important; font-family: "nanumsquare";}
.fs30{font-size: 30px !important; line-height: 40px !important; font-family: "nanumsquare";}
.fs35{font-size: 35px !important; line-height: 40px !important; font-family: "nanumsquare";}
.fs40{font-size: 40px !important; line-height: 45px !important; font-family: "nanumsquare";}
.fs50{font-size: 50px !important; line-height: 55px !important; font-family: "nanumsquare";}
.fs60{font-size: 60px !important; line-height: 65px !important; font-family: "nanumsquare";}
.fs70{font-size: 70px !important; line-height: 75px !important; font-family: "nanumsquare";}
.fs80{font-size: 80px !important; line-height: 85px !important; font-family: "nanumsquare";}
.fs90{font-size: 90px !important; line-height: 95px !important; font-family: "nanumsquare";}
.fs100{font-size: 100px !important; line-height: 105px !important; font-family: "nanumsquare";}
.fbold{font-weight: bold !important;}
.f300{font-weight: 300 !important;}
.fbasic{font-family: "Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.pt100{padding-top: 100px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}
.pb90{padding-bottom: 90px !important;}
.pb100{padding-bottom: 100px !important;}

.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}
.pl60{padding-left: 60px !important;}
.pl70{padding-left: 70px !important;}
.pl80{padding-left: 80px !important;}
.pl90{padding-left: 90px !important;}
.pl100{padding-left: 100px !important;}

.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr40{padding-right: 40px !important;}
.pr50{padding-right: 50px !important;}
.pr60{padding-right: 60px !important;}
.pr70{padding-right: 70px !important;}
.pr80{padding-right: 80px !important;}
.pr90{padding-right: 90px !important;}
.pr100{padding-right: 100px !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;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.ml60{margin-left: 60px !important;}
.ml70{margin-left: 70px !important;}
.ml80{margin-left: 80px !important;}
.ml90{margin-left: 90px !important;}
.ml100{margin-left: 100px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}
.mr60{margin-right: 60px !important;}
.mr70{margin-right: 70px !important;}
.mr80{margin-right: 80px !important;}
.mr90{margin-right: 90px !important;}
.mr100{margin-right: 100px !important;}