@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/* @import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* @import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);  */
@import url('common.css');
@import url('main.css');
@import url('sub.css');




* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {font-family: 'KakaoBigSans', 'Noto Sans KR','Malgun Gothic','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif',' tahoma';  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; /*overflow-x:hidden;*/ }
body, html {font-family: 'KakaoBigSans','Noto Sans KR', AppleSDGothic, "apple sd gothic neo", "noto sans korean", "noto sans korean regular", "noto sans cjk kr", "noto sans cjk", "nanum gothic", "malgun gothic", dotum, arial, helvetica, "MS Gothic", sans-serif !important; font-size:12px; line-height:24px;}
body {/* color:#777;*/ background-color: #fff; font-size:14px; letter-spacing:-.04em; line-height:1.5; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
table { border-spacing:0;border-collapse:collapse;}

a:link { color: #727272; text-decoration:none;}
a:visited { color:#727272;text-decoration:none;}
a:hover { color:#727272; text-decoration:none;}
a:active { color:#727272; text-decoration:none;}


img {border:0 none;padding:0; margin:0; vertical-align:middle; max-width: 100%; height: auto ;}
ol, ul, li{list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
hr {border:0; border-top:1px solid #dedede;}
strong, table th {font-weight:normal;}
.font_trajan { font-family: 'Malgun Gothic','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif',' tahoma';}
.txt_hide { position:absolute!important; top:-9999px!important; text-indent:-9999px!important;}
.inline_block { display:inline-block!important;}

.al { text-align:left!important;}
.ar { text-align:right!important;}
.ac { text-align:center!important;}
.mt0 { margin-top:0!important;}
.mt20 { margin-top:20px!important;}
.mt25 { margin-top:25px!important;}
.mt50 { margin-top:50px!important;}
.mr0 { margin-right:0!important;}

/* 테이블 폰트설정 */
td {
    font-size: 14px;
    color: #888;
}
tr th {
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 768px){
td, tr th {
    font-size: 14px;

    }
}
/* button */
.btn_center { margin-top:60px; text-align:center;}
.btn_center>a { margin:0 1px;}
.btn_m1 { display:inline-block; min-width:110px; height:36px; padding:0 29px; background:#7c5e60; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.btn_m2 { display:inline-block; min-width:110px; height:36px; padding:0 29px; background:#797a7c; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.btn_m3 { display:inline-block; min-width:110px; height:36px; padding:0 20px; background:#797a7c; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.btn_m4 { display:inline-block; min-width:80px; height:36px; padding:0 20px; background:#797a7c; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.btn_gxSchedule { position:absolute; top:-4px; right:0; min-width:140px;}



/* form */
.form_input { width:100%; height:35px; padding:0 10px; border:1px solid #e2e2e2; color:#555; font-size:14px;}
.form_chk { margin:-2px 3px 0 0;}
.label_chk { display:inline-block; margin-right:25px;}
.form_select { width:100%; height:35px; padding:2px 2px 2px 10px; border:1px solid #e2e2e2; color:#555; font-size:14px; line-height:31px;}
.form_textarea { width:100%; padding:10px; border:1px solid #e2e2e2; vertical-align:top; resize:none; color:#555; font-size:14px;}
.form_span { display:inline-block; margin:0 4px; vertical-align:middle;}
.form_span2 { display:inline-block; margin-left:4px; vertical-align:middle; color:#727272;}
.email_box { display:inline;}
.tel_bar { display:inline-block; width:20px; text-align:center; vertical-align:middle;}


/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


.fl_left {float:left}
.fl_right {float:right}
.fl_clear {clear:both; height:0; font-size:0; line-height:0}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.center{text-align:center !important}
.right {text-align:right !important;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.middle {vertical-align:middle;}
.absm {vertical-align:absmiddle;}
.top {vertical-align:top;}
.al_left {text-align:left !important}
.al_center {text-align:center}
.al_right {text-align:right}
.al_top {vertical-align:top}
.al_middle {vertical-align:middle}
.al_bottom {vertical-align:bottom}
.al_justify  {text-align:justify}
.left {text-align:left !important}
.hand {cursor:pointer}
.overflow {overflow:auto; overflow:hidden}
.none {display:none !important}
.hide {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel {position:relative}
.clfix:after {content: "."; display: block; height:0px; clear:both; visibility:hidden;}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height:1%}
.clfix {zoom:1}

/* -------------------------------------------------- */
/* Back Top
/* -------------------------------------------------- */

#back-top {
position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    overflow: hidden;
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid #e6e6e6;
    background-image: url(../../img/btn_top.png);
    background-color: rgba(85,85,85,.25);
    text-align: center;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
#back-top:after { display: block; text-align: center; color: #cccccc;
 font-size: 20px; font-family: 'fontello';  line-height: 48px;
 
 -webkit-transition: color .25s ease, -webkit-transform 2s ease;
   transition: color .25s ease, transform 2s ease;
}
#back-top:hover { border-color: transparent; background-color: #1f2b63; border: 1px solid #e6e6e6;}
#back-top:hover:after { color: #cccccc; }


/*****************************************************************
인쇄 기능
*****************************************************************/

@print{
  size:21cm 29.7cm;
  margin:15px;
}
@media print{
  #header, #s_navi_sub2, #s_navi_sub1, #s_navi, #s_navi2, #back-top, #tt{display:none;}
  .content{padding:0; }
    #s_navi{}
  .title-wrap {clear: both; width:100%; border: 0px; box-shadow: none; padding: 0; margin: 0;}
  .btn_print, .btn{display:none;}
    .footD, .con, .fadeInRight, .categoryArea, .paging, .nt_imgArea, .con, .subimgArea, .cont-title .veiwBottonArea{display:none;}
}



.printcss{
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
  
    text-align: center;
}


