@charset "utf-8";
/*
 * WebDesigner & WebPurblisher YangTS
 * input, select, textarea, bn, flex 에 대한 스타일 정의
 */
 
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; /*font-size: 100%; font: inherit; vertical-align: baseline;*/}
ol, ul, li { list-style:none}
fieldset, img,button,input[type=submit],input[type=image] { border:0}
img { line-height:100%; font-size:100%; vertical-align:top}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
ins {text-decoration:none}
del {text-decoration:line-through}
.kitbox {display:block; display:-webkit-box; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2;}
.kitbox.line3 {-webkit-line-clamp:3;}
.kitbox.line4 {-webkit-line-clamp:4;}
.kitbox.line5 {-webkit-line-clamp:5;}
.kitbox.line6 {-webkit-line-clamp:6;}
.kitbox.line7 {-webkit-line-clamp:7;}
.kitbox.line8 {-webkit-line-clamp:8;}
.kitbox.line9 {-webkit-line-clamp:9;}

/* 모바일 패치 (아이패드 글자확대방지) */
html{-webkit-text-size-adjust:none;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/* base */
body{font-size:13px; font-family:'Nanum Gothic', 'ng', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#666; letter-spacing:0; text-align:left; background:#f3f3f4; line-height:18px;}
table{border-collapse:collapse;}
td,th { background-clip:padding-box;}
input,textarea,select,button{font-size:13px; color:#666; border:1px solid #e5e5e5; font-family:'Nanum Gothic', 'ng', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움", Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; box-sizing:border-box; vertical-align:middel;}
textarea{vertical-align:middle;}

.lf {text-transform:uppercase} /*문자 전부 대문자로*/

/* 네이티브 외형 감추기 */
button{cursor:pointer; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; border-radius:0; background:none; border:none; margin:0; padding:0; vertical-align:middle;}


/* Chrome/Opera/Safari */
::-webkit-input-placeholder{color: #b2b2b2;}
::-moz-placeholder{color: #b2b2b2;}
:-ms-input-placeholder{color: #b2b2b2;}
:-moz-placeholder{color: #b2b2b2;}


/* skip */
.hide{display:none;}
legend, caption, .skip{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}


/* anchor */
a { color:#666; text-decoration:none; font-family:'Nanum Gothic', 'ng', '나눔고딕','맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif}
a:link,
a:visited { text-decoration:none}
a:hover,
a:active,
a:focus { text-decoration:none; color:#000;}


/* PC 일때 #skipNavi */
#skipNavi{position:relative; width:100%; margin:0 auto;}
#skipNavi a{display:block; position:absolute; left:0; top:0; z-index:9999; width:0; height:0; font-size:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{width:100%; height:auto; background:#000; color:#fff; font-size:1em; text-align:center; padding:5px 0;}

/*text_align*/
.t_l { text-align:left !important;}
.t_c { text-align:center !important;}
.t_r { text-align:right !important;}
.t_j {text-align:justify !important;}

/* vertical-align */
.v_t { vertical-align:top !important}
.v_m { vertical-align:middle !important}
.v_b { vertical-align:bottom !important}

/* float */
.f_l { float:left !important}
.f_r { float:right !important}
.c_b { clear:both !important}

/* text */
.bold { font-weight:bold; color:#656565;}
.underline { text-decoration:underline}

/* background */
.bg_none{background:none !important;}

/* border */
.bd_none{border:none !important;}
.bd_t_none{border-top:none !important;}
.bd_r_none{border-right:none !important;}
.bd_b_none{border-bottom:none !important;}
.bd_l_none{border-left:none !important;}

/* font-size:0 */
.font-zero {font-size:0;}

/* width */
.wid1{width:1%!important}.wid2{width:2%!important}.wid3{width:3%!important}.wid4{width:4%!important}.wid5{width:5%!important}.wid6{width:6%!important}.wid7{width:7%!important}.wid8{width:8%!important}.wid9{width:9%!important}.wid10{width:10%!important}.wid11{width:11%!important}.wid12{width:12%!important}.wid13{width:13%!important}.wid14{width:14%!important}.wid15{width:15%!important}.wid16{width:16%!important}.wid17{width:17%!important}.wid18{width:18%!important}.wid19{width:19%!important}.wid20{width:20%!important}.wid21{width:21%!important}.wid22{width:22%!important}.wid23{width:23%!important}.wid24{width:24%!important}.wid25{width:25%!important}.wid26{width:26%!important}.wid27{width:27%!important}.wid28{width:28%!important}.wid29{width:29%!important}.wid30{width:30%!important}.wid31{width:31%!important}.wid32{width:32%!important}.wid33{width:33%!important}.wid34{width:34%!important}.wid35{width:35%!important}.wid36{width:36%!important}.wid37{width:37%!important}.wid38{width:38%!important}.wid39{width:39%!important}.wid40{width:40%!important}.wid41{width:41%!important}.wid42{width:42%!important}.wid43{width:43%!important}.wid44{width:44%!important}.wid45{width:45%!important}.wid46{width:46%!important}.wid47{width:47%!important}.wid48{width:48%!important}.wid49{width:49%!important}
.wid50{width:50%!important}.wid51{width:51%!important}.wid52{width:52%!important}.wid53{width:53%!important}.wid54{width:54%!important}.wid55{width:55%!important}.wid56{width:56%!important}.wid57{width:57%!important}.wid58{width:58%!important}.wid59{width:59%!important}.wid60{width:60%!important}.wid61{width:61%!important}.wid62{width:62%!important}.wid63{width:63%!important}.wid64{width:64%!important}.wid65{width:65%!important}.wid66{width:66%!important}.wid67{width:67%!important}.wid68{width:68%!important}.wid69{width:69%!important}.wid70{width:70%!important}.wid71{width:71%!important}.wid72{width:72%!important}.wid73{width:73%!important}.wid74{width:74%!important}.wid75{width:75%!important}.wid76{width:76%!important}.wid77{width:77%!important}.wid78{width:78%!important}.wid79{width:79%!important}.wid80{width:80%!important}.wid81{width:81%!important}.wid82{width:82%!important}.wid83{width:83%!important}.wid84{width:84%!important}.wid85{width:85%!important}.wid85_5{width:85.5%!important}.wid86{width:86%!important}.wid87{width:87%!important}.wid88{width:88%!important}.wid89{width:89%!important}.wid90{width:90%!important}.wid91{width:91%!important}.wid92{width:92%!important}.wid93{width:93%!important}.wid94{width:94%!important}.wid95{width:95%!important}.wid96{width:96%!important}.wid97{width:97%!important}.wid98{width:98%!important}.wid99{width:99%!important}.wid100{width:100%!important}

/* width(true) */
.widt1{width:1px!important}.widt2{width:2px!important}.widt3{width:3px!important}.widt4{width:4px!important}.widt5{width:5px!important}.widt6{width:6px!important}.widt7{width:7px!important}.widt8{width:8px!important}.widt9{width:9px!important}.widt10{width:10px!important}.widt11{width:11px!important}.widt12{width:12px!important}.widt13{width:13px!important}.widt14{width:14px!important}.widt15{width:15px!important}.widt16{width:16px!important}.widt17{width:17px!important}.widt18{width:18px!important}.widt19{width:19px!important}.widt20{width:20px!important}.widt21{width:21px!important}.widt22{width:22px!important}.widt23{width:23px!important}.widt24{width:24px!important}.widt25{width:25px!important}.widt26{width:26px!important}.widt27{width:27px!important}.widt28{width:28px!important}.widt29{width:29px!important}.widt30{width:30px!important}.widt31{width:31px!important}.widt32{width:32px!important}.widt33{width:33px!important}.widt34{width:34px!important}.widt35{width:35px!important}.widt36{width:36px!important}.widt37{width:37px!important}.widt38{width:38px!important}.widt39{width:39px!important}.widt40{width:40px!important}.widt41{width:41px!important}.widt42{width:42px!important}.widt43{width:43px!important}.widt44{width:44px!important}.widt45{width:45px!important}.widt46{width:46px!important}.widt47{width:47px!important}.widt48{width:48px!important}.widt49{width:49px!important}
.widt50{width:50px!important}.widt51{width:51px!important}.widt52{width:52px!important}.widt53{width:53px!important}.widt54{width:54px!important}.widt55{width:55px!important}.widt56{width:56px!important}.widt57{width:57px!important}.widt58{width:58px!important}.widt59{width:59px!important}.widt60{width:60px!important}.widt61{width:61px!important}.widt62{width:62px!important}.widt63{width:63px!important}.widt64{width:64px!important}.widt65{width:65px!important}.widt66{width:66px!important}.widt67{width:67px!important}.widt68{width:68px!important}.widt69{width:69px!important}.widt70{width:70px!important}.widt71{width:71px!important}.widt72{width:72px!important}.widt73{width:73px!important}.widt74{width:74px!important}.widt75{width:75px!important}.widt76{width:76px!important}.widt77{width:77px!important}.widt78{width:78px!important}.widt79{width:79px!important}.widt80{width:80px!important}.widt81{width:81px!important}.widt82{width:82px!important}.widt83{width:83px!important}.widt84{width:84px!important}.widt85{width:85px!important}.widt85_5{width:85.5px!important}.widt86{width:86px!important}.widt87{width:87px!important}.widt88{width:88px!important}.widt89{width:89px!important}.widt90{width:90px!important}.widt91{width:91px!important}.widt92{width:92px!important}.widt93{width:93px!important}.widt94{width:94px!important}.widt95{width:95px!important}.widt96{width:96px!important}.widt97{width:97px!important}.widt98{width:98px!important}.widt99{width:99px!important}.widt100{width:100px!important}

/* width(true) */
.wid101{width:101px !important;}.wid120{width:102px !important;}.wid103{width:103px !important;}.wid104{width:104px !important;}.wid105{width:150px !important;}.wid106{width:106px !important;}.wid107{width:107px !important;}.wid108{width:108px !important;}.wid109{width:109px !important;}
.wid110{width:110px !important;}.wid120{width:120px !important;}.wid130{width:130px !important;}.wid140{width:140px !important;}.wid150{width:150px !important;}.wid160{width:160px !important;}.wid170{width:170px !important;}.wid180{width:180px !important;}.wid190{width:190px !important;}.wid200{width:200px !important;}
.wid210{width:210px !important;}.wid220{width:220px !important;}.wid230{width:230px !important;}.wid240{width:240px !important;}.wid250{width:250px !important;}.wid260{width:260px !important;}.wid270{width:270px !important;}.wid280{width:280px !important;}.wid290{width:290px !important;}.wid300{width:300px !important;}
.wid310{width:310px !important;}.wid320{width:320px !important;}.wid330{width:330px !important;}.wid340{width:340px !important;}.wid350{width:350px !important;}.wid360{width:360px !important;}.wid370{width:370px !important;}.wid380{width:380px !important;}.wid390{width:390px !important;}.wid400{width:400px !important;}
.wid410{width:410px !important;}.wid420{width:420px !important;}.wid430{width:430px !important;}.wid440{width:440px !important;}.wid450{width:450px !important;}.wid460{width:460px !important;}.wid470{width:470px !important;}.wid480{width:480px !important;}.wid490{width:490px !important;}.wid500{width:500px !important;}
.wid550{width:550px !important;}.wid560{width:560px !important;}.wid570{width:570px !important;}.wid580{width:580px !important;}.wid590{width:590px !important;}

.wid125{width:125px !important;}.wid215{width:215px !important;}
.wid305{width:305px !important;}.wid306{width:306px !important;}.wid307{width:307px !important;}.wid308{width:308px !important;}.wid309{width:309px !important;}
.wid600{width:600px !important;}
.wid700{width:700px !important;}
.wid800{width:800px !important;}
.wid900{width:900px !important;}
.wid1000{width:1000px !important;}
.wid1100{width:1100px !important;}
.wid1200{width:1200px !important;}

/* height(true) */
.hei101{height:101px !important;}.hei120{height:102px !important;}.hei103{height:103px !important;}.hei104{height:104px !important;}.hei105{height:150px !important;}.hei106{height:106px !important;}.hei107{height:107px !important;}.hei108{height:108px !important;}.hei109{height:109px !important;}
.hei110{height:110px !important;}.hei120{height:120px !important;}.hei130{height:130px !important;}.hei140{height:140px !important;}.hei150{height:150px !important;}.hei160{height:160px !important;}.hei170{height:170px !important;}.hei180{height:180px !important;}.hei190{height:190px !important;}.hei200{height:200px !important;}
.hei210{height:210px !important;}.hei220{height:220px !important;}.hei230{height:230px !important;}.hei240{height:240px !important;}.hei250{height:250px !important;}.hei260{height:260px !important;}.hei270{height:270px !important;}.hei280{height:280px !important;}.hei290{height:290px !important;}.hei300{height:300px !important;}

/* common gap class */
.mt0{margin-top:0px !important}.mt1{margin-top:1px !important}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important}.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt7{margin-top:7px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt21{margin-top:20px !important}.mt22{margin-top:22px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}.mt70{margin-top:70px !important}.mt150{margin-top:150px !important}
.mr0{margin-right:0px !important}.mr1{margin-right:1px !important}.mr2{margin-right:2px !important}.mr3{margin-right:3px !important}.mr4{margin-right:4px !important}.mr5{margin-right:5px !important}.mr6{margin-right:6px !important}.mr7{margin-right:7px !important}.mr8{margin-right:8px !important}.mr9{margin-right:9px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr18{margin-right:18px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}
.mb0{margin-bottom:0px !important}.mb1{margin-bottom:1px !important}.mb2{margin-bottom:2px !important}.mb3{margin-bottom:3px !important}.mb4{margin-bottom:4px !important}.mb5{margin-bottom:5px !important}.mb6{margin-bottom:6px !important}.mb7{margin-bottom:7px !important}.mb8{margin-bottom:8px !important}.mb9{margin-bottom:9px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb18{margin-bottom:18px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb60{margin-bottom:60px !important}
.ml0{margin-left:0px !important}.ml1{margin-left:1px !important}.ml2{margin-left:2px !important}.ml3{margin-left:3px !important}.ml4{margin-left:4px !important}.ml5{margin-left:5px !important}.ml6{margin-left:6px !important}.ml7{margin-left:7px !important}.ml8{margin-left:8px !important}.ml9{margin-left:9px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml38{margin-left:38px !important}.ml50{margin-left:50px !important}.ml57{margin-left:57px !important}.ml60{margin-left:60px !important}.ml65{margin-left:65px !important}.ml70{margin-left:70px !important}.ml100{margin-left:100px !important}.ml150{margin-left:150px !important}
.pt0{padding-top:0 !important}.pt1{padding-top:1px !important}.pt2{padding-top:2px !important}.pt3{padding-top:3px !important}.pt4{padding-top:4px !important}.pt5{padding-top:5px !important}.pt6{padding-top:6px !important}.pt7{padding-top:7px !important}.pt8{padding-top:8px !important}.pt10{padding-top:10px !important}.pt11{padding-top:11px !important}.pt12{padding-top:12px !important}.pt13{padding-top:13px !important}.pt14{padding-top:14px !important}.pt15{padding-top:15px !important}.pt16{padding-top:16px !important}.pt18{padding-top:18px !important}.pt20{padding-top:20px !important}.pt22{padding-top:22px !important}.pt23{padding-top:23px !important}.pt24{padding-top:24px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt37{padding-top:37px !important}.pt40{padding-top:40px !important}.pt41{padding-top:41px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}
.pr0{padding-right:0 !important}.pr1{padding-right:1px !important}.pr2{padding-right:2px !important}.pr3{padding-right:3px !important}.pr4{padding-right:4px !important}.pr5{padding-right:5px !important}.pr6{padding-right:6px !important}.pr7{padding-right:7px !important}.pr8{padding-right:8px !important}.pr9{padding-right:9px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr17{padding-right:17px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr51{padding-right:51px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb1{padding-bottom:1px !important}.pb2{padding-bottom:2px !important}.pb3{padding-bottom:3px !important}.pb4{padding-bottom:4px !important}.pb5{padding-bottom:5px !important}.pb6{padding-bottom:6px !important}.pb7{padding-bottom:7px !important}.pb8{padding-bottom:8px !important}.pb9{padding-bottom:9px !important}.pb10{padding-bottom:10px !important}.pb11{padding-bottom:11px !important}.pb12{padding-bottom:12px !important}.pb13{padding-bottom:13px !important}.pb14{padding-bottom:14px !important}.pb15{padding-bottom:15px !important}.pb18{padding-bottom:18px !important}.pb19{padding-bottom:19px !important}.pb20{padding-bottom:20px !important}.pb22{padding-bottom:22px !important}.pb24{padding-bottom:24px !important}.pb25{padding-bottom:25px !important}.pb26{padding-bottom:26px !important}.pb30{padding-bottom:30px !important}.pb32{padding-bottom:32px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb60{padding-bottom:60px !important}.pb76{padding-bottom:76px !important}.pb80{padding-bottom:80px !important}.pb93{padding-bottom:93px !important}.pb150{padding-bottom:150px !important}.pb250{padding-bottom:250px !important}
.pl0{padding-left:0 !important}.pl1{padding-left:1px !important}.pl2{padding-left:2px !important}.pl3{padding-left:3px !important}.pl4{padding-left:4px !important}.pl5{padding-left:5px !important}.pl6{padding-left:6px !important}.pl7{padding-left:7px !important}.pl8{padding-left:8px !important}.pl9{padding-left:9px !important}.pl10{padding-left:10px !important}.pl13{padding-left:13px !important}.pl14{padding-left:14px !important}.pl15{padding-left:15px !important}.pl16{padding-left:16px !important}.pl17{padding-left:17px !important}.pl18{padding-left:18px !important}.pl19{padding-left:19px !important}.pl20{padding-left:20px !important}.pl21{padding-left:21px !important}.pl22{padding-left:22px !important}.pl23{padding-left:23px !important}.pl24{padding-left:24px !important}.pl25{padding-left:25px !important}.pl26{padding-left:26px !important}.pl27{padding-left:27px !important}.pl28{padding-left:28px !important}.pl30{padding-left:30px !important}.pl34{padding-left:34px !important}.pl38{padding-left:38px !important}.pl39{padding-left:39px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl61{padding-left:61px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pl90{padding-left:90px !important}.pl115{padding-left:115px !important}.pl120{padding-left:120px !important}.pl130{padding-left:130px !important}.pl170{padding-left:170px !important}.pl215{padding-left:215px !important}.pl460px{padding-left:460px !important}
.pd0{padding:0 !important;}
.mg0{margin:0 !important;}
.bg0{background:none !important;}

/* common gap percent */
.mt1p{margin-top:1% !important;}.mt2p{margin-top:2% !important;}.mt3p{margin-top:3% !important;}.mt4p{margin-top:4% !important;}.mt5p{margin-top:5% !important;}
.mr1p{margin-right:1% !important;}.mr2p{margin-right:2% !important;}.mr3p{margin-right:3% !important;}.mr4p{margin-right:4% !important;}.mr5p{margin-right:5% !important;}
.mb1p{margin-bottom:1% !important;}.mb2p{margin-bottom:2% !important;}.mb3p{margin-bottom:3% !important;}.mb4p{margin-bottom:4% !important;}.mb5p{margin-bottom:5% !important;}
.ml1p{margin-left:1% !important;}.ml2p{margin-left:2% !important;}.ml3p{margin-left:3% !important;}.ml4p{margin-left:4% !important;}.ml5p{margin-left:5% !important;}

/*! float 적용 요소 감싸는 클래스 - clearfix */
.cf:before,
.cf:after {content: " "; display: table; }
.cf:after {clear: both; }
.clearfix {*zoom: 1; }

/*! 공통 클래스 스타일 */

/*! 이미지 대체 기법 */
.ir {overflow: hidden; text-indent: -9999em; }

/*! 스크린리더/브라우저에서 모두 감추기 */
.hidden {display: none !important; visibility: hidden; }

/*! 스크린리더에서는 읽기 가능 */
.acc_hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;visibility:hidden; font-size:0;  }

/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */
.acc_hidden.focusable:active,
.acc_hidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */
.invisible {visibility: hidden; }

/* Nanum Gothic KR */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(font/NanumGothic-ExtraBold.eot);
  src: url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-ExtraBold.woff) format('woff'),
       url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* NotoSans KR */
/*
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 600;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
*/




/* 위젯설정 */
#wedjet {position:fixed; right:-260px; top:0; z-index:50; width:260px; height:100%; transition:0.35s;}
#wedjet .btnWedjet {position:absolute; left:-40px; top:60px; width:40px; height:38px; background:#00bcd5; border-radius:38px 0 0 38px; z-index:60; cursor:pointer; text-align:center;}
#wedjet .btnWedjet i {color:#fff; font-size:20px; line-height:38px;}
#wedjet .cont {position:absolute; right:0; width:100%; height:100%; box-sizing:border-box; padding:0; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); overflow-y:auto; overflow-x:hidden;}
#wedjet .wedjet_box {height:auto;}
#wedjet .wedjet_box dl dt,
#wedjet .wedjet_box dl dd {position:relative; display:block; width:100%; box-sizing:border-box; height:40px; cursor:pointer; border-bottom:1px solid #ddd;}
#wedjet .wedjet_box dl dt:after {content: "\f107"; position:absolute; right:10px; top:12px; display:inline-block; font: normal normal normal 14px/1 FontAwesome;}
#wedjet .wedjet_box dl dt.on:after {content: "\f106"; display:inline-block; font: normal normal normal 14px/1 FontAwesome;}
#wedjet .wedjet_box dl dt:hover,
#wedjet .wedjet_box dl dt:focus,
#wedjet .wedjet_box dl dt.on {background:#f7f7f7;}
#wedjet .wedjet_box dl dd {padding:20px 10px; height:auto; display:none;}
#wedjet .wedjet_box dl dd:after {content:""; display:block; clear:both;}
#wedjet .wedjet_box h3 {display:block; font-size:13px; line-height:18px; padding:10px; height:100%; color:#222; margin-bottom:10px; font-weight:600;}
#wedjet .wedjet_box h3 i {margin-right:4px;}
/* 위젯 달력 */
#calrendar .table-condensed {width:100%;}
#calrendar .table-condensed tr td.active,
#calrendar .table-condensed tr td.active:hover {background-color:#3a7da5; background-image:none;}
#calrendar .ui-datepicker {width:100%; border:0; padding:0;}
#calrendar .ui-datepicker table {margin-top:0; margin:0;}
#calrendar .ui-datepicker-today .ui-state-default {background:#00bcd5; color:#fff;}
#calrendar .ui-datepicker .ui-datepicker-title select {line-height:18px;}
/* 위젯 날씨 */
#openweathermap {position:relative; width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.weatherIcon {position:relative; width:100%; height:70px; box-sizing:border-box; overflow:hidden;}
.weatherIcon .country {font-size:22px; line-height:24px; margin-top:10px; font-weight:600; color:#00bcd5;}
.weatherIcon .description {font-size:14px; line-height:18px; margin-top:5px;}
.weatherIcon .icon {position:absolute; right:0; top:-30%;}
.weatherIcon .icon img {width:100px; height:100px;}
.weatherInfo {margin-top:5px; padding-top:10px; border-top:1px solid #ddd; position:relative; width:100%; height:auto; box-sizing:border-box;}
.weatherInfo > div {float:left; width:65%;}
.weatherInfo > div .temp {font-size:48px; line-height:48px; font-weight:900; color:#222; font-family: 'Roboto', sans-serif;}
.weatherInfo > ul {float:left; width:35%;}
.weatherInfo > ul li p {font-size:12px; line-height:18px;}
.weatherInfo:after {content:""; display:block; clear:both;}
/* 위젯 스킨색상설정 */
#skin-wrap {position:relative; width:100%; height:auto;}
#skin-wrap button {position:relative; float:left; width:calc(25% - 6px); height:54px; margin:3px 3px; border:1px solid #ddd; border-radius:10px; box-shadow:2px 2px 0 rgba(0, 0, 0, 0.04); overflow:hidden;}
#skin-wrap button:focus,
#skin-wrap button:hover {outline:none; border-color:#bbb;}
#skin-wrap .skin-header {width:20px; height:20px;}
#skin-wrap .skin-left {width:20px; height:calc(100% - 20px);}
#skin-wrap:after {content:""; display:block; clear:both;}
#skin1 .skin-header {background:#0e334c;}
#skin1 .skin-left {background:#3a7da5;}
#skin2 .skin-header {background:#00bcd5;}
#skin2 .skin-left {background:#334053;}
#skin3 .skin-header {background:#3a7da5;}
#skin3 .skin-left {background:#334053;}

.ui-autocomplete-category { font-weight: bold;font-size: 14px;}
.ui-autocomplete {max-height: 400px;overflow-y: auto;overflow-x: hidden;z-index: 1000 !important;}


.topSchWrap .ui-autocomplete {max-height: 400px;overflow:hidden !important;z-index: 2000 !important;border-top: 0px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000}
.topSchWrap .ui-autocomplete .ui-menu-item {line-height: 25px !important;; font-size: 14px !important;padding-left: 10px;}