@charset "UTF-8";
/* CSS Document */


/*학교안심소나기(필기)*/
@font-face {
    font-family: 'TTHakgyoansimSonagiR';
    src: url('/theme/henalhome/design/fonts/HakgyoansimSonagiR.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*잘난체 고딕*/
@font-face {
    font-family: 'JalnanGothic';
    src: url('/theme/henalhome/design/fonts/JalnanGothicTTF.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*파도체*/
@font-face {
    font-family: 'WavvePADO-Regular';
    src: url('/theme/henalhome/design/fonts/WavvePADO-Regular.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*넥슨 Lv.1 고딕 Light*/
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('/theme/henalhome/design/fonts/NEXON Lv2 Gothic Light.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('/theme/henalhome/design/fonts/NEXON Lv2 Gothic.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Medium';
    src: url('/theme/henalhome/design/fonts/NEXON Lv2 Gothic Medium.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('/theme/henalhome/design/fonts/NEXON Lv2 Gothic Bold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*G마켓체*/
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/theme/henalhome/design/fonts/NEXON Lv2 Gothic Bold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/theme/henalhome/design/fonts/GmarketSansTTFMedium.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/theme/henalhome/design/fonts/GmarketSansTTFLight.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}



html,body{width:100%; height:100%; font-family: 'NEXON Lv2 Gothic Medium';}
@media(max-width:1200px){
html,body{min-width:100%;}
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0; font-family: 'NEXON Lv2 Gothic Medium', 'Noto Sans KR', sans-serif !important;}
body,h1,h2,h3,h4,h5,h6,input,button{font-family: 'ONE-Mobile-Regular'; font-size:15px; font-weight:400; line-height:1.6; color:#333;}
input, button, select, optgroup, textarea {font-family:none;}
body{text-align:left;*word-break:break-all;-ms-word-break:break-all; word-break: break-word; height:auto !important;}
img,fieldset,iframe{border:0 none}
li{list-style:none; vertical-align:top;}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none; color:#777;} 
a:hover{text-decoration:none; cursor:pointer;}
a:visited{text-decoration:none;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:34px;padding-right:0px}
option{padding-right:6px}
hr{display:none}
legend{*width:0; position:absolute;left:-9999px;top:0}
caption, .hidden{overflow:hidden; width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
#wrap input[type=radio]{display:inline-block; width:13px; vertical-align:middle; background-color:none;}
#wrap input[type=checkbox]{display:inline-block; width:13px; vertical-align:middle;}
.content{padding:0;}
.hidden{display:none !important;}
.padding0{padding:0 !important;}

input[type="radio"], input[type="checkbox"] { display: inline-block; width: 24px !important; height: 24px !important; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0px 0 0 0; padding:0; cursor: pointer }
input[type="radio"] { background: url("/theme/henalhome/design/img/btn_radio.png") no-repeat 0 0; margin-bottom:7px;}
input[type="checkbox"] { background: url("/theme/henalhome/design/img/btn_check.png") no-repeat 0 0; }
input[type="checkbox"]:checked, input[type="radio"]:checked { background-position: 0 -24px; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { background-position: 0 -48px; }
input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked { background-position: 0 -72px; }
input:focus {outline:none !important;}

a.onlyadmin{position:absolute; top:5px; right:5px; color:#00e6ff !important; z-index:999999999999999;}

input,textarea:focus {
        outline: none !important;
   }

/*플레이스홀더*/
input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
 
textarea::placeholder {color:#ccc;}
textarea::-webkit-input-placeholder {color:#ccc;}
textarea:-ms-input-placeholder {color:#ccc;}


/*게시판 텍스트에어리어*/
.wr_content textarea{min-height:300px !important;}

/*테마색상 변수*/
:root   {
    --theme-color: #f60;
}
/* 사용의 예
#site-icon     { color: var(--theme-color); }
#site-footer-icon  { color: var(--theme-color); }
#comment-avatar    { color: var(--theme-color); }
*/


/*모달닫기 부트스트랩 스타일 바꾸기*/
.modal-header{background:#fff; padding:30px;}
.modal-header h4{font-family: 'Vitro_core' !important; color:#333;  font-size:140%;}



/*아이오니콘*/
.ionic_hidden{display:none;}


/*컨텐츠*/
@media(max-width:1200px){
#ctt_con{
    min-width: 100%;
}
}

/*크롬 자동완성*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}


/**/


/*해날테이블*/
table.henal {
    border-top: 3px solid #666 !important;
    width: 100%;
}

table.center td {
    text-align: center !important;
}

table.henal th {
    background: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 0 0px;
    width: 17%;
    height: 35px;
    background: #f8f8f8;
}

table.henal tr.tabletitle {
    height: 70px;
    font-size: 120%;
}

@media(max-width:1200px) {
    table.henal th {
        display: block;
        width: 100% !important;
        font-size: 95%;
        padding: 0 5px;
    }

    table.henal td {
        display: block;
        width: 100% !important;
        font-size: 95%;
        padding: 0 5px;
        border-left: 0px solid #dbdbdb;
        border-right: 0 !important;
    }
}
table.henal th:nth-child(1) {
    border-left: 1px solid #dbdbdb;
    width: 25%;
}
table.henal td:nth-child(1) {
    border-left: 1px solid #dbdbdb;
    width: 25% !important;
}

table.henal td {
    text-align: left;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    color: #777;
    font-size: 95%;
    background: #fff;
    text-indent: 0px;
    padding:10px;
}

table.henal td b {
    color: #222;
    font-size: 130%;
}

table.henal th.case1.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    color: #222;
    font-size: 120%;
    background: #fff;
}

table.henal td.case1.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    background: #fff;
}

table.henal th.case2.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    color: #222;
    font-size: 120%;
    background: #fff;
}

table.henal td.case2.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    background: #fff;
}

table.henal th.case3.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    color: #222;
    font-size: 120%;
    background: #fff;
}

table.henal td.case3.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    background: #fff;
}

table.henal th.case4.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    color: #222;
    font-size: 120%;
    background: #fff;
}

table.henal td.case4.on {
    border-left: 3px solid #222;
    border-right: 3px solid #222;
    background: #fff;
}


/*스크롤바 슬림하게*/
#header::-webkit-scrollbar {
  width: 6px;
}
#header::-webkit-scrollbar-track {
  background-color: transparent;
}
#header::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #717171;
}
#header::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

#header2::-webkit-scrollbar {
  width: 6px;
}
#header2::-webkit-scrollbar-track {
  background-color: transparent;
}
#header2::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #717171;
}
#header2::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

html::-webkit-scrollbar {
  width: 6px;
}
html::-webkit-scrollbar-track {
  background-color: transparent;
}
html::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #717171;
}
html::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}


.changedevice{display:none;}
#hd_pop {height:0;}