/*전체 글씨*//**/
@charset "utf-8";
p { word-wrap: break-word; /* Internet Explorer 5.5+ */ /*white-space: pre-wrap;*/ /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break: break-all; }
body {font-stretch:95%;}
#font_sub {font-size: 13px;color: #707070;}
#font_sub ul li { color: #707070; }
#font_sub02 {  font-family:Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Malgun Gothic', sans-serif;font-size: 12px;color: #707070;}
#font_sub03 { color: #999999; }
#font_blue { font-size: 12px; color: #fcaf25; font-weight: bold; }
.text_title { line-height: 22px; font-size: 14px;  text-align: left; color:rgb(61, 154, 226); font-family:'S-CoreDream-4Regular',sans-serif;}
.text_caption { color: #999; line-height: 20px; font-size: 12px; margin-bottom: 10px; margin-left: 10px; font-family:'S-CoreDream-4Regular',sans-serif;}
.text_title02 { text-indent: -16px; padding-left: 16px; margin-top: 5px; color: #999; line-height: 20px; font-size: 12px; margin-bottom: 10px; font-family:'S-CoreDream-4Regular',sans-serif;}
.text_title02 li { padding-left: 16px; }
.text_dark { color: #707070; }
#navi_click { text-align: center; color:#0566db;  vertical-align: middle; font-weight: bold; width: 55px; height:30px;line-height:18px;padding-top: 2px; font-weight: bold;font-size:13px; text-decoration: underline;}
#navi_none { text-align: center; color: #333; border: 1px solid #fff; vertical-align: middle; width: 55px; height: 30px;line-height: 18px; padding-top:2px; font-weight: bold;font-size:13px;}
 #navi_none:hover {color:#48ace0;border-radius: 7px; text-decoration: underline;}
.page11{text-align: center; background:#fff; border: 1px solid #dfdfdf;font-size: 12px;width: 55px;height: 32px;line-height: 32px; display:block;  font-size:13px; font-weight: bold;border-radius: 7px;}
.page10{text-align: center; color:#898989; background:#fff; border: 1px solid #ebebeb;font-size: 12px;width: 27px;height: 32px;line-height: 32px; display:block;  font-size:13px;font-weight: bold; border-radius: 7px;}
.page10:hover{color:#48ace0;border: 1px solid #339acf; border-radius: 7px;}        
.page11:hover{color:#48ace0;border: 1px solid #339acf; border-radius: 7px;}
    

    
/*상단 gnb*/
#gnb { background: #69bef9; }
#gnbtd { border-top: 1px solid #a0a0a0; }
#gnb2 { background: #eeeeee; border-bottom: 1px solid #d2d2d2; }
input { border: 0; }
select { border: 1px solid #e2e3ea; font-size: 9pt; color: #333333; background-color: #ffffff; }

/*회색메뉴 글씨 클릭아닐때*/
.menu_font { font-size: 11px; color: #626262; border-bottom: 0; }

/*회색메뉴 글씨 클릭했을때*/	
.menu_font_c { font-size: 11px; font-weight: bold; color: #07b2ed; border-bottom: 0; }

/*로그인*/
#login_font { color: #aaaaaa; font-size: 11px; }
.login_td { padding-left: 0px; }
.login_right { padding-right: 0px; }

/*인기 top 10*/
.top10_img { margin-right: 6px; margin-bottom: 3px; vertical-align:middle; }

/*팝업*/
.popup_title { color: #ffffff; font-weight: bold; font-size: 14px;}
.popup_text {ㅊolor: #707070; font-size: 13px; line-height: 36px; }
.popup_text2 {color: #707070; font-size: 13px; }
.popup_subject { text-align: left; padding-left: 37px; color: #707070; font-size: 12px; font-weight: bold; }
.popup_bull { color: #5dbbde; padding-right: 5px; }
.item_palette { display: inline-block; width: 16px; height: 26px; border: 1px solid #d2d2d2; cursor: pointer }

/*제목*/
.title { font-weight: bold; line-height: 15px; }
.title img { vertical-align: text-bottom; }
.title span { padding-left: 5px; font-size: 14px; color: #565656; }
.title_bg { background: #618ffc; }

/* 리스트 */
.list_title { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #fcfdfd; color: #707070; font-family: 'S-CoreDream-4Regular'; font-size: 14px;height: 40px; }
.list_td { background-color: #f7f7f7; }
#list_fontT { padding-left: 21px; }
#list_font { color: #acacac; font-size: 11px; font-family: "돋움", dotum; }

/* 인풋 */
.input { height: 36px; border: 1px solid #d2d2d2; padding-top: 1px; padding-left: 5px; font-family: 'S-CoreDream-4Regular';}
.input_login { height:30px; border: 1px solid #e6e6e6; padding-top: 1px; padding-left: 5px; font-family: font-family: 'S-CoreDream-4Regular';  }
.select { width: 160px; height: 38px; border: 1px solid #d2d2d2; font-family: 'S-CoreDream-4Regular';}
.text_area { line-height: 18px; border: 1px solid #d2d2d2; padding: 5px; font-family: "돋움", dotum; }
.input_upload { font-family: "돋움", dotum; color: #707070; font-size: 12px; padding-left: 5px; padding-top: 2px; border: 1px solid #d2d2d2; height: 17px; }
.input_my { height: 18px; border: 1px solid #d2d2d2; padding-top: 2px; padding-left: 5px; font-family: 'S-CoreDream-4Regular';  }
.submitbtn_style{display: inline-block;;padding: 15px 30px;border: 1px solid #77abf1;width: 240px;border-radius: 10px;background: #62c1e0;color: #fff;font-size: 18px;box-shadow: 1px 2px 1px #2f8fae;font-family:'S-CoreDream-4Regular',sans-serif;}
.submitbtn_style1{display: inline-block;padding: 15px 30px;border: 1px solid #bbb;width: 240px;border-radius: 10px;background: #dedede; color: #888; font-size: 18px;box-shadow: 1px 2px 1px #dbdbdb;font-family:'S-CoreDream-4Regular',sans-serif;}
.submitbtn_style:hover{box-shadow: 0px 0px 1px #2f8fae;font-family:'S-CoreDream-4Regular',sans-serif;}
.submitbtn_style1:hover{box-shadow: 0px 0px 1px #2f8fae;font-family:'S-CoreDream-4Regular',sans-serif;}
.submitbtn_style01{display: inline-block;;padding: 10px 20px;border: 1px solid #77abf1;width: 140px;border-radius: 10px;background: #62c1e0;color: #fff;font-size: 18px;box-shadow: 1px 2px 1px #2f8fae; text-align:center;font-family:'S-CoreDream-4Regular',sans-serif;}
.submitbtn_style01:hover{box-shadow: 0px 0px 1px #2f8fae;font-family:'S-CoreDream-4Regular',sans-serif;}
.input_btn01{ display: inline-block; border: 1px solid #dfdfdf;padding: 4px 10px; font-size: 12px;border-radius: 5px;box-shadow: 1px 1px 1px #dfdfdf;margin-right: 5px;color: #777; cursor: pointer; font-family:'S-CoreDream-4Regular',sans-serif;}  
.input_btn02{ display: inline-block; border: 1px solid #58a6e1;padding: 4px 10px; font-size: 12px;border-radius: 5px;box-shadow: 1px 1px 1px #7ab9e9;margin-right: 5px;color: #fff; cursor: pointer; background:#21c1fd; float:right;font-family:'S-CoreDream-4Regular',sans-serif;} 
.input_btn03{ display: inline-block; border: 1px solid #dfdfdf;padding: 4px 10px; font-size: 11px;border-radius: 5px;box-shadow: 1px 1px 1px #dfdfdf; color: #777; cursor: pointer;} 
.input_btn04{ display: inline-block; border: 1px solid #58a6e1;padding: 4px 20px; font-size: 12px;border-radius: 5px;box-shadow: 1px 1px 1px #7ab9e9;margin-right: 5px;color: #fff; cursor: pointer; background:#21c1fd;  font-family:'S-CoreDream-4Regular',sans-serif;} 
.input_btn05{ display: inline-block; border: 1px solid #f7672e;padding: 4px 10px; font-size: 12px;border-radius: 5px;box-shadow: 1px 1px 1px #ffe2d6;color: #fff; cursor: pointer; background:#ff6f36;font-family:'S-CoreDream-4Regular',sans-serif;} 

.suba{ width: 69px;font-size: 1em;height: 12px;line-height: 15px;}
.subb{ width: 69px;font-size: 1em;height: 12px;line-height: 15px; background:#fff; border: 1px solid #dfdfdf; box-shadow: 1px 2px 1px #999; color:#555;}
.subc{ width: 69px;font-size: 1em;height: 12px;line-height: 15px; background:#eb8735; border: 1px solid #db7522; box-shadow: 1px 2px 1px #bf6b27; color:#fff;}
.subd{ width: 69px;font-size: 1em;height: 12px;line-height: 15px; background:#fff; border: 1px solid #ec8f44; box-shadow: 1px 2px 1px #e28c47; color:#eb8735;}

/*에러페이지*/
#error_403 { width: 610px; background-image: url(../image/error_404_bg.jpg); background-repeat: no-repeat; }

/*서브페이지*/
.td_title { height: 22px; vertical-align: top; padding-top:15px; }
.sub_text_grey {font-family: 'S-CoreDream-4Regular';  color: #707070;  line-height: 18px; font-size:0.9em; background: #fff;}
.sub_text_blue_dark {color: #35a2ce; font-size:1em; line-height: 18px; }
.sub_text_orange { font-size: 12x; line-height: 18px; }
.sub_text_grey_s { font-size: 12px; line-height: 18px; }
.sub_text_grey_s_light { font-size: 12px; line-height: 18px;}
.sub_text_blue_s {font-family: 'S-CoreDream-4Regular'; font-size: 12px; color: #35a2ce}
.copyright_bull { color: #f5b03e; padding-right: 5px; }
.kuki_tab1 { margin-left: 34px; }
.kuki_tab2 { margin-right: 17px; }
/*table th, table tr, table tr td, a, p, span, strong, dl dt, dl dd, label, address, textarea, input, ul li, #font_sub{font-family:'NanumGothicWEB';}*/
@font-face { font-family: 'NanumGothicWEB'; font-style: normal; font-weight: normal; src: url(/css/NanumGothic.eot); /* IE9 Compat Modes */ src: url(/css/NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */  url(/css/NanumGothic.ttf) format('truetype'), /* Modern Browsers */  url(/css/NanumGothic.woff) format('woff'); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumGothicWEB'; font-style: normal; font-weight: bold; src: url(/css/NanumGothicBold.eot); src: url(/css/NanumGothicBold.eot?#iefix) format('embedded-opentype'), url(/css/NanumGothicBold.ttf) format('truetype'), url(/css/NanumGothicBold.woff) format('woff'); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('font-woff2'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype'); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('font-woff2'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype'); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot); src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('font-woff2'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),  url(https://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype'); }
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}