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


/*본고딕*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*배민 주아체*/
@font-face { font-family: 'BMJUA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff'); font-weight: normal; font-style: normal; }

/*배민 한나체*/
@import url(//fonts.googleapis.com/earlyaccess/hanna.css); .hanna * { font-family: 'Hanna', fantasy; }

/*G마켓체*/
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/*Gmarket Sans L*/

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*DW임팩타민체*/
@font-face { font-family: 'DWImpactamin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/DWImpactamin.woff') format('woff'); font-weight: normal; font-style: normal; }

/*나눔명조*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*비트로 코어체*/
@font-face {
    font-family: 'Vitro_core';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*Rix열정도체*/
@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*이사만루 미디움*/
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*이사만루 볼드*/
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*이사만루 라이트*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*원스토어 모바일고딕 제목체*/
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*원스토어 모바일고딕 본문체*/
@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*비트로 프라이드체*/
@font-face {
    font-family: 'Vitro_pride';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_pride.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*나눔스퀘어*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*강원교육튼튼체*/
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*강원교육현옥샘체*/
@font-face {
    font-family: 'GangwonEduHyeonokT_OTFMediumA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduHyeonokT_OTFMediumA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*비트로 코어체*/
@font-face {
    font-family: 'Vitro_core';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*KBIZ한마음명조체*/
@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html,body{width:100%; height:100%; font-family: 'GmarketSansMedium';}
@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: 'GmarketSansMedium', 'Noto Sans KR', sans-serif !important;}
body,h1,h2,h3,h4,h5,h6,input,button{font-family: 'GmarketSansMedium'; 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: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;}