@charset "utf-8";
/* design KJH 20201005 전반적인 스타일 수정 */

/* Noto Sans Korean */
@font-face {font-family:NSK; font-style:normal; font-weight:100; src:local('Noto Sans Thin'), local('NotoSans-Thin'),url(../font/NotoSansKR-Thin-Hestia.eot),url(../font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Thin-Hestia.woff) format('woff'),url(../font/NotoSansKR-Thin-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:200; src:local('Noto Sans Light'), local('NotoSans-Light'),url(../font/NotoSansKR-Light-Hestia.eot),url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),url(../font/NotoSansKR-Light-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:350; src:local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),url(../font/NotoSansKR-DemiLight-Hestia.eot),url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),url(../font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:400; src:local('Noto Sans Regular'), local('NotoSans-Regular'),url(../font/NotoSansKR-Regular-Hestia.eot),url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:500; src:local('Noto Sans Medium'), local('NotoSans-Medium'),url(../font/NotoSansKR-Medium-Hestia.eot),url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:700; src:local('Noto Sans Bold'), local('NotoSans-Bold'),url(../font/NotoSansKR-Bold-Hestia.eot),url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),url(../font/NotoSansKR-Bold-Hestia.otf) format('opentype');}
@font-face {font-family:NSK; font-style:normal; font-weight:900; src:local('Noto Sans Black'), local('NotoSans-Black'),url(../font/NotoSansKR-Black-Hestia.eot),url(../font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),url(../font/NotoSansKR-Black-Hestia.otf) format('opentype');}

/* pretendard */
@font-face {font-family:PTD; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url('../font/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard-Black.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff2') format('woff2'), url('../font/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard-Bold.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.woff2') format('woff2'), url('../font/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url('../font/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard-Medium.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url('../font/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard-Regular.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url('../font/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard-Light.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff2') format('woff2'), url('../font/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family:PTD; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff2') format('woff2'), url('../font/Pretendard-Thin.woff') format('woff');}


/* Common */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none;} 
body {line-height:1; -webkit-text-size-adjust:none; font-size:81.3%; font-weight:400; font-family:PTD, NSK,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; color:#4d4d4d; /*word-break:break-all*/} /* IOS 6.1.3버전에서의 폰트 사이즈 문제 : -text-size-adjust:none */
article, aside, figure, figure img,
figcaption, hgroup, footer, header, 
nav, section, video, object {display:block;}
li img, dd img {vertical-align:top;} /*IE6에서 여백 브라우저 오류 해결*/
acronym {border:0;} 
em,address{font-style:normal;}
li {list-style:none}

/* popup skin type */
#skin {/* width:500px;  */margin: 0 auto; font-family:PTD; background:url(../../images/popskin/bg_popup_editbott.gif) repeat-x left 50% bottom 52px; font-size:13px}
#skin p {line-height:110%; font-size:1em}
#skin .skin_head{position:relative; padding:30px 200px 28px 30px}
#skin .skin_head .shead_tit {display:inline-block; min-width:116px; line-height:110%; padding:4px 10px; margin-bottom:12px; font-size:1.385em; font-weight:500; color:#fff947; border-radius:50px; border:2px solid #fff; text-align: center; box-sizing:border-box}
#skin .skin_head .shead_tit2 {line-height:110%; font-size:2em; font-weight:700; color:#fff; text-shadow:3px 2px 5px rgba(0,0,0,0.1)}
#skin .skin_body{min-height:190px; padding:10px 25px 30px; box-sizing: border-box}
#skin .skin_box li {position:relative; line-height:120%; padding:5px 0; font-size:1.154em; font-weight:400; color:#000}

#skin .skin_box li .sbox .stit {position:absolute; top:7px; left:0; width:auto; background:url(../../images/popskin/blt_popup_edittit.gif) no-repeat 0 4px; padding:0 10px 0 18px; font-size:1.077em; font-weight:600}
#skin .skin_box li .sbox {padding:3px 0 3px 110px}
#skin .skin_foot .foot_txt {background:#d7d7d7; /* height:52px; line-height:50px;  */ padding:20px 10px; text-align: center; font-size:1.231em; font-weight:500; color:#636363; box-sizing:border-box; letter-spacing:2px}

/*에디터 스킨_3개변경*/
.skin_head:after {display:block; content:""; position:absolute; bottom:0; right:0;}
.skin01 .skin_head:after {width:202px; height:146px; bottom:-20px; background:url(../../images/popskin/img_popup_edittop01.png) no-repeat right 0 bottom 0}
.skin02 .skin_head:after {width:180px;; height:155px; bottom:-30px; background:url(../../images/popskin/img_popup_edittop02.png) no-repeat right 0 bottom 0}
.skin03 .skin_head:after {width:197px;; height:155px; bottom:-19px; background:url(../../images/popskin/img_popup_edittop03.png) no-repeat right 0 bottom 0}

.skin01 .skin_head {background:#65bcff; border-bottom:10px solid #cfeafe}/* 팝업01 */
.skin02 .skin_head {background:#416ba0; border-bottom:10px solid #889fbc} /* 팝업02 */
.skin03 .skin_head {background:#00ae8a; border-bottom:10px solid #008f71} /* 팝업03 */