@charset "utf-8";
/*@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
body {font-family: 'Nanum Gothic', sans-serif; }*/
/* @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
body {font-family: 'Noto Sans KR', sans-serif }
html,body{
    height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif ; word-break:keep-all;}
fieldset,img{border:0 none;font-family: 'Noto Sans KR', sans-serif !important;}
dl,ul,ol,menu,li{list-style:none;font-family: 'Noto Sans KR', sans-serif !important;}
blockquote, q{quotes: none;font-family: 'Noto Sans KR', sans-serif !important;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;font-family: 'Noto Sans KR', sans-serif ;}
input,select,textarea,button{border-radius:0;vertical-align:middle;font-family: 'Noto Sans KR', sans-serif;}
input::-ms-clear{display:none;font-family: 'Noto Sans KR', sans-serif ;}
button{border:0 none;background-color:transparent;cursor:pointer;font-family: 'Noto Sans KR', sans-serif ;}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none;font-family: 'Noto Sans KR', sans-serif ;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family: 'Noto Sans KR', sans-serif ;color:#222;letter-spacing:-0.5px;font-weight: 400;}
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button{letter-spacing:0}
a{color:#222;text-decoration:none;font-family: 'Noto Sans KR', sans-serif !important;}
a:hover{color:none;text-decoration:none;font-family: 'Noto Sans KR', sans-serif ;}
a:active{background-color:transparent;font-family: 'Noto Sans KR', sans-serif ;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;font-family: 'Noto Sans KR', sans-serif ;}
table {border-collapse: collapse; border-spacing: 0;font-family: 'Noto Sans KR', sans-serif ;}


/* Skip area */
#Skip-navigation {position: absolute; left: 0; top: -100px; z-index: 1001; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; transition: all 0.5s; background: #666;}
#Skip-navigation:focus { top:0;}

/* ir */
.ir {width:0; height:0; overflow:hidden; font-size:0; line-height:0; position:absolute; left:0; top:0;}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content:'';line-height: 0;}
.clearfix:after {clear:both;}

/* input 기본 스타일 초기화 */
input { 
/*-webkit-appearance : none;
-moz-appearance:none;
appearance:none;*/
}
select::-ms-expand {display:none}

/* IE10 이상에서 input box에 추가된 지우기 버튼 제거 */
input:: -ms-clear { display:none;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-out-spin-button {
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
}
input{
    border:0;
    padding:4px 10px;
    box-sizing:border-box;
}

/* select box 스타일 초기화 */

select {
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
}

select{
    padding:3px 30px 3px 10px;
    box-sizing:border-box;
    background:#fff url(/img/write-select.png) no-repeat right 5px center;
}

/* IE에서 Select box 화살표 제거 */
select:: -ms-expand { display:none; }

/*Firefox에서 input number 화살표 없애는 방법*/
input[type=number]:: -webkit-outer-spin-button,
input[type=number]:: -webkit-inner-spin-button {
-webkit-appearance: none;
-mox-appearance: none;
appearance: none;
}

/* input number의 외형을 텍스트필드로 바꿔줘야한다 */
input[type=number] {
-moz-appearance:textfield; 
}
.galleryUl .title_icon{
    margin-bottom:3px;
}
.linkBtn{
    margin-bottom:15px;
}
a + .shsh11{
    display: inline-block;
    flex-shrink: 0;
    padding-left:4px;
    padding-right:4px;
}
.shsh11 img{
    margin-right:5px;
}
.shsh11 img:last-of-type{
    margin-right:0;
}
@media (max-width:639px) {
    a + .shsh11{
        display: flex;
        width: auto;
        height: 33px;
        justify-content: center;
        align-items: center;
        padding:0 5px;
    }
    
}