@charset "utf-8";

/* reset */
html{-webkit-text-size-adjust:none;}
html,body{height:100%;-webkit-font-smoothing:antialiased;}
html, body, div, h1, h2, h3, h4, h5, h6, 
p, span, strong, b, em, i, pre, a, address, img, 
dl, dt, dd, ol, ul, li, form, fieldset, legend, label, 
table, caption, thead, tbody, tr, th, td,
iframe, audio, video{margin:0;padding:0;}
body{font-size:15px;font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif;font-weight:500;color:#333;}
i,em,address{font-style:normal;}
b,strong{font-style:normal;font-weight:700;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
img{max-width:100%;border:none;vertical-align:middle;}
input, button, label, select{font-family:'Malgun Gothic', 'Dotum', Sans-serif; vertical-align:middle;}
input[type="submit"], input[type="button"], button{cursor:pointer;}
ol, ul, li{display:block;list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}

/* size */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:400px}.h310{height:410px}.h320{height:420px}.h330{height:430px}.h340{height:440px}.h350{height:450px}.h360{height:460px}.h370{height:470px}.h380{height:480px}.h390{height:490px}.h400{height:500px}.h410{height:510px}.h420{height:520px}.h430{height:530px}.h440{height:540px}.h450{height:550px}.h460{height:560px}.h470{height:570px}.h480{height:580px}.h490{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}

/* margin */
.mgt0{margin-top:0}.mgt5{margin-top:5px}.mgt10{margin-top:10px}.mgt15{margin-top:15px}.mgt20{margin-top:20px}.mgt25{margin-top:25px}.mgt30{margin-top:30px}.mgt35{margin-top:35px}.mgt40{margin-top:40px}.mgt45{margin-top:45px}.mgt50{margin-top:50px}
.mgl0{margin-left:0}.mgl5{margin-left:5px}.mgl10{margin-left:10px}.mgl15{margin-left:15px}.mgl20{margin-left:20px}.mgl25{margin-left:25px}.mgl30{margin-left:30px}.mgl35{margin-left:35px}.mgl40{margin-left:40px}.mgl45{margin-left:45px}.mgl50{margin-left:50px}
.mgb0{margin-bottom:0}.mgb5{margin-bottom:5px}.mgb10{margin-bottom:10px}.mgb15{margin-bottom:15px}.mgb20{margin-bottom:20px}.mgb25{margin-bottom:25px}.mgb30{margin-bottom:30px}.mgb35{margin-bottom:35px}.mgb40{margin-bottom:40px}.mgb45{margin-bottom:45px}.mgb50{margin-bottom:50px}
.mgr0{margin-right:0}.mgr5{margin-right:5px}.mgr10{margin-right:10px}.mgr15{margin-right:15px}.mgr20{margin-right:20px}.mgr25{margin-right:25px}.mgr30{margin-right:30px}.mgr35{margin-right:35px}.mgr0{margin-right:40px}.mgr45{margin-right:45px}.mgr50{margin-right:50px}

/* padding */
.pdt0{padding-top:0}.pdt5{padding-top:5px}.pdt10{padding-top:10px}.pdt15{padding-top:15px}.pdt20{padding-top:20px}.pdt25{padding-top:25px}.pdt30{padding-top:30px}.pdt35{padding-top:35px}.pdt40{padding-top:40px}.pdt45{padding-top:45px}.pdt50{padding-top:50px}
.pdl0{padding-left:0}.pdl5{padding-left:5px}.pdl10{padding-left:10px}.pdl15{padding-left:15px}.pdl20{padding-left:20px}.pdl25{padding-left:25px}.pdl30{padding-left:30px}.pdl35{padding-left:35px}.pdl40{padding-left:40px}.pdl45{padding-left:45px}.pdl50{padding-left:50px}
.pdb0{padding-bottom:0}.pdb5{padding-bottom:5px}.pdb10{padding-bottom:10px}.pdb15{padding-bottom:15px}.pdb20{padding-bottom:20px}.pdb25{padding-bottom:25px}.pdb30{padding-bottom:30px}.pdb35{padding-bottom:35px}.pdb40{padding-bottom:40px}.pdb45{padding-bottom:45px}.pdb50{padding-bottom:50px}
.pdr0{padding-right:0}.pdr5{padding-right:5px}.pdr10{padding-right:10px}.pdr15{padding-right:15px}.pdr20{padding-right:20px}.pdr25{padding-right:25px}.pdr30{padding-right:30px}.pdr35{padding-right:35px}.pdr0{padding-right:40px}.pdr45{padding-right:45px}.pdr50{padding-right:50px}

/* layout */
#skipNav a{ display:block;position:fixed;top:-999px;left:0;right:0;height:40px;line-height:40px;text-align:center;color:#fff;background:#6678a8;z-index:999999; }
#skipNav a:focus{ top:0;z-index:9999; }
#overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:31; }
#overlay.active{display:block;}
#wrap{ min-width:1320px; overflow:hidden; }
.inner{ position:relative; margin:auto; width:1280px; box-sizing:border-box; }
.inner:after{ display:block; content:''; clear:both; }
/* header */
#header{ position:relative; height:150px; background:#fff; z-index:50; }
.headerTop{ height:60px; font-family:'NanumGothic', 'Malgun Gothic', 'Dotum', Sans-serif; border-bottom:1px solid #dedede; box-sizing:border-box; }
.headerTop .blankPage{ position:relative; float:left; margin-top:23px; padding:0 19px; font-size:15px; color:#222; }
.headerTop .blankPage:first-child{ padding-left:0; }
.headerTop .blankPage:first-child:after{ display:block; content:''; position:absolute; top:3px; right:-1px; width:1px; height:12px; background:#dcdcdc; }
.headerTop .blankPage:hover{ text-decoration:underline; }
.headerTop .time{ position:absolute; top:22px; right:300px; }
.headerTop .time li{ float:left; font-size:14px; color:#333; }
.headerTop .time li:first-child{ padding-right:18px; }
.headerTop .time li .date{ margin-right:5px; }
.headerTop .time li .nation{ display:inline-block; margin-left:5px; padding:2px 6px; font-size:13px; color:#fff; background:#c2c2c2; border-radius:3px; }
.headerTop .other{ float:right; margin-top:24px; }
.headerTop .other > li{ float:left; }
.headerTop .other > li a{ display:block; position:relative; padding:0 20px; font-size:13px; color:#333; }
.headerTop .other > li a:hover{ text-decoration:underline; }
.headerTop .other > li a:after{ display:block; content:''; position:absolute; top:3px; right:-1px; width:1px; height:12px; background:#dcdcdc; }
.headerTop .other > li:last-child a{ padding-right:0; }
.headerTop .other > li:last-child a:after{ display:none; } 
.headerBottom{ height:90px; }
.headerBottom .inner{ padding:0 70px 0 290px; height:100%; }
.headerBottom h1{ position:absolute; top:50%; left:0; margin-top:-25px; }
.headerBottom .searchLink{ position:absolute; top:50%; right:79px; margin-top:-13px; width:28px; height:26px; text-indent:-9999px; background:url(/images/common/icon_search.png) no-repeat center; }
.headerBottom .searchOpenBox{ display:none; position:absolute; left:-340px; right:-340px; padding:25px; text-align:center; background:linear-gradient(to right, #4095a9 0%,#4095a9 21%,#00a69b 100%); box-shadow:0 5px 5px rgba(0,0,0,0.5); z-index:100; }
.headerBottom .searchOpenBox.active{ display:block; }
.headerBottom .searchOpenBox  span{ display:inline-block; margin-right:10px; line-height:50px; vertical-align:middle; font-size:23px; font-weight:600; color:#fff; }
.headerBottom .searchOpenBox .topSearch{ padding:0 70px 0 35px; width:820px; height:50px; font-size:16px; color:#222; background:#fff; border:0px none; border-radius:50px; box-sizing:border-box; }
.headerBottom .searchOpenBox .topSearch::placeholder{ font-size:15px; color:#222; }
.headerBottom .searchOpenBox .topSearchBtn{ margin-left:5px; width:56px; height:56px; text-indent:-9999px; background:url(/images/common/icon_topSearch.png) no-repeat center; border:0px none; }
.headerBottom .searchOpenBox .searchboxClose{ position:absolute; top:-67px; right:410px; width:48px; height:48px; text-indent:-9999px; background:#4095a9 url(/images/common/icon_topSearchBtn.png) no-repeat center; border-radius:4px; }
.headerBottom .allMenuOpen{ position:absolute; top:50%; right:22px; margin-top:-11px; width:22px; height:23px; text-indent:-9999px; background:url(/images/common/icon_allmenu.png) no-repeat center; }
.gov_info{float:left;margin-top: 23px; font-size: 13px; font-family: 'Noto Sans Kr', dotum, UnDotrm, sans-serif;}
#gnb > ul{ position:relative; z-index:1; }
#gnb > ul:after{ display:block; content:''; clear:both; }
#gnb > ul > li{ position:relative; float:left; }
#gnb > ul > li > a{ display:block; position:relative; padding:0 30px; line-height:90px; font-size:20px; font-weight:600; color:#000; }
#gnb > ul > li:hover > a{ color:#4095a9 ; }
#gnb > ul > li:hover > a:after{ display:block; content:''; position:absolute; bottom:0; left:0px; right:0px; width:auto; height:3px; background:#4095a9; }
#gnb > ul > li:hover .depth2{ background:#edf8f9 }
#gnb > ul > li .depth2{ display:none; position:absolute; top:90px; left:0; right:0; padding:20px 0; height:280px; background:#fff; border-top:1px solid #dedede; box-sizing:border-box; }
#gnb > ul > li .depth2.active{ display:block; }
#gnb > ul > li .depth2 > li{ padding:16px 0; }
#gnb > ul > li .depth2 > li a{ display:block; padding:0 10px; letter-spacing:-1px; font-size:15px; font-family:'NanumGothic'; font-weight:400; text-align:center; color:#000; }
#gnb > ul > li .depth2 > li a:hover{ text-decoration:underline; color:#4095a9; }
#gnb .gnbBg{ display:none; position:absolute; top:90px; left:-340px; right:-340px; height:280px; background:#fff; z-index:0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
#gnb .gnbBg:after{ display:block; content:''; position:absolute; top:0; left:0; right:0; height:1px; background:#dedede; }
#gnb .gnbBg.active{ display:block; }

#allMenuBox{position:fixed;top:-100px;left:50%;margin-left:-660px;width:1320px;height:840px;max-height:calc(100% - 100px);background:#fff;z-index:-1;opacity:0;transition:all ease 0.6s;}
#allMenuBox.active{top:50px;z-index:200;opacity:1;}
#allMenuBox > ul:not(.other){height:100%;overflow-y:auto;}
#allMenuBox > ul:after{display:block;content:'';clear:both;}
#allMenuBox > ul > li{float:left;width:20%;height:100%;}
#allMenuBox > ul > li > a{display:table-cell;width:264px;height:50px;line-height:135%;vertical-align:middle;font-size:18px;font-weight:600;text-align:center;color:#fff;background:#00b0a4;border-right:1px solid #33c0b6;box-sizing:border-box;}
#allMenuBox > ul > li > a:focus{border:3px dashed #000;}
#allMenuBox > ul > li:last-child > a, #allMenuBox > ul > li:last-child .depth2 {/* 	border-right: 0px none; */}
#allMenuBox .depth2 {padding:25px 20px;height:calc(100% - 50px);border-right:1px solid #e8e8e8;box-sizing:border-box;}
#allMenuBox .depth2 > li{margin-bottom:25px;}
#allMenuBox .depth2 > li:last-child{margin-bottom:0;}
#allMenuBox .depth2 > li > a{display:block;position:relative;line-height:135%;font-size:18px;font-weight:600;color:#000;word-break:keep-all;}
#allMenuBox .depth2 > li > a[title="새창열림"]{display:inline-block;padding-right:20px;background: url(/images/sub/i_newWin.png) no-repeat right 5px;}
#allMenuBox .depth3{padding-top:5px;}
#allMenuBox .depth3 > li{margin: 3px 0;}
#allMenuBox .depth3 > li a{display:block;position:relative;padding-left:10px;line-height:140%;font-size:14px;font-family:'NanumGothic', 'Malgun Gothic', 'Dotum', Sans-serif;color:#555;word-break:keep-all;}
#allMenuBox .depth3 > li a:hover{text-decoration:underline;}
#allMenuBox .depth3 > li a:after{display:block;content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#555;border-radius:100%;}
#allMenuBox .allMenuClose{position:absolute;top:11px;right:-50px;width:29px;height:29px;text-indent:-9999px;background:url(/images/main/icon_allMenuClose.png) no-repeat center;}

/* container */
#container.main h2{ font-size:26px; font-family:'NanumSquare'; font-weight:500; color:#222; }
#container.main h2.white{ color:#fff; }
#container.main h2 strong{ line-height:140%; font-weight:700; }
.visualBox{ height:470px; background:url(/images/main/bg_visualBox.jpg) no-repeat center; }
.visualBox .inner{ position:relative; padding:70px 500px 0 0; }
.visualBox .searchData{ margin-bottom:65px; }
.visualBox .searchData input[type="text"]{ padding:0 155px 0 35px; width:550px; height:70px; font-size:18px; font-family:'NanumSquare'; font-weight:600; background:#fff; border:0px none; border-radius:50px; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.4); }
.visualBox .searchData input[type="text"]::placeholder{ font-size:18px; color:#444; }
.visualBox .searchData input[type="button"]{ margin-left:-150px; padding-left:78px; width:150px; height:70px; font-size:18px; font-family:'NanumSquare'; font-weight:500; text-align:left; color:#fff; background:#4eb9c9 url(/images/main/icon_visual_search.png) no-repeat left 37px center; border:0px none; border-radius:50px; box-sizing:border-box; }
.visualBox .searchData .hashTag{ margin-top:15px; padding-left:5px; }
.visualBox .searchData .hashTag:after{ display:block; content:''; clear:both; }
.visualBox .searchData .hashTag > li{ float:left; margin-right:20px; }
.visualBox .searchData .hashTag > li a{ color:#fff; font-size:15px; }
.visualBox .searchData .hashTag > li a:hover{ text-decoration:underline; }
.visualBox .dataSet h2{ margin-bottom:20px; }
.visualBox .dataSet ul:after{ display:block; content:''; clear:both; }
.visualBox .dataSet ul li{ float:left; margin-right:12px; padding-top:32px; width:110px; height:110px; font-size:23px; font-weight:700; text-align:center; color:#fff; background:rgba(0,0,0,0.4); border-radius:100%; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.2); }
.visualBox .dataSet ul li.total{ background:#fff475; color:#111; }
.visualBox .dataSet ul li:last-child{ margin:0; }
.visualBox .dataSet ul li span{ display:block; margin-bottom:8px; font-size:14px; font-family:'NanumGothic'; font-weight:500; }
.visualBox .tabContent{ position:absolute; top:70px; right:0; width:470px; height:420px; background:#fff; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,0.1); overflow:hidden; }
.visualBox .tabBar{ height:70px; }
.visualBox .tabBar:after{ display:block; content:''; clear:both; }
.visualBox .tabBar > li{ float:left; width:50%; }
.visualBox .tabBar > li > a{ display:block; line-height:70px; font-size:22px; text-align:center; background:#e8e8e8; color:#666; }
.visualBox .tabBar > li.active > a{ color:#252525; background:#fff; }
.visualBox .tabPage{ display:none; position:relative; padding:42px; height:350px; box-sizing:border-box; }
.visualBox .tabPage.active{ display:block; }
.visualBox .tabPage ul li{ position:relative; margin-bottom:25px; padding-left:36px; min-height:20px; font-family:'NanumGothic'; overflow:hidden; z-index:0; }
.visualBox .tabPage ul li:nth-child(n+6){ position:relative; top:-225px; }
.visualBox .tabPage ul li:last-child{ margin-bottom:0; }
.visualBox .tabPage ul li strong{ position:absolute; top:-20px; left:0; font-size:15px; font-weight:900; color:#4eb9c9; transition:all 0.6s ease; opacity:0; }
.visualBox .tabPage ul li a{ display:inline-block; position:absolute; top:-20px; max-width:350px; font-size:15px; font-weight:400; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition:all 0.6s ease; opacity:0; }
.visualBox .tabPage ul li a:hover{ text-decoration:underline; }
.visualBox .tabPage ul li.active{ z-index:1; }
.visualBox .tabPage ul li.active strong{ top:0; opacity:1; }
.visualBox .tabPage ul li.active a{ top:0; opacity:1; }
.visualBox .tabPage .controler{ position:absolute; left:40px; bottom:33px; }
.visualBox .tabPage .controler a{ display:inline-block !important; width:30px; height:30px; text-indent:-9999px; transition-delay:.5s; }
.visualBox .tabPage .controler a.button-prev{ margin-right:4px; background:url(/images/main/icon_slick-button-prev_on.png); }
.visualBox .tabPage .controler a.button-prev.active{ background:url(/images/main/icon_slick-button-prev_off.png) }
.visualBox .tabPage .controler a.button-next{ background:url(/images/main/icon_slick-button-next_on.png); }
.visualBox .tabPage .controler a.button-next.active{ background:url(/images/main/icon_slick-button-next_off.png); }
.visualBox .tabPage .more{ position:absolute; right:38px; bottom:38px; width:20px; height:20px; text-indent:-9999px; background:url(/images/main/icon_visualBox_more.png) no-repeat center; transition:all 0.3s ease; }
.visualBox .tabPage .more:hover{ transform:rotate(-90deg); }
.exampleBox{ padding:75px 0; background:#f5f5f5; }
.exampleBox .inner{ padding-left:305px; }
.exampleBox .inner h2{ position:absolute; top:15px; left:0; }
.exampleBox .inner .exampleTxt{ position:absolute; top:90px; left:0; line-height:150%; font-size:15px; font-family:'NanumGothic'; font-weight:400; color:#666; }
.exampleBox .slickControler{ position:absolute; bottom:15px; left:0; }
.exampleBox .slickControler a{ display:inline-block; width:30px; height:30px; text-indent:-9999px; }
.exampleBox .slickControler a.slick-button-prev{ margin-right:4px; background:url(/images/main/icon_slick-button-prev_on.png); }
.exampleBox .slickControler a.slick-button-next{ margin-right:4px; background:url(/images/main/icon_slick-button-next_on.png); }
.exampleBox .slickControler a.slick-button-stop{ background:url(/images/main/icon_slick-button-stop.png); }
.exampleBox .slickControler a.slick-button-start{ display:none; background:url(/images/main/icon_slick-button-start.png); }
.exampleBox .pageNum{ position:absolute; bottom:17px; left:115px; font-size:18px; color:#333 }
.exampleBox .pageNum span{ margin:0 3px; }
.exampleBox .pageNum .current-slide-no{ font-weight:700; color:#4eb9c9; }
.exampleSlide{ padding-top:15px; height:340px; overflow:hidden; box-sizing:border-box; }
.exampleSlide:after{ display:block; content:''; clear:both; }
.exampleSlide .exampleItems{ float:left; width:33.3333%; padding:0 13px; box-sizing:border-box; }
.exampleSlide .exampleItems > a{ display:block; padding:23px; height:310px; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.07); }
.exampleSlide .exampleItems > a .imgBox{ display:block; margin-bottom:24px; height:100px; }
.exampleSlide .exampleItems > a .imgBox img{ width:100%; height:100%; }
.exampleSlide .exampleItems > a .title{ display:block; margin-bottom:15px; max-width:100%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.exampleSlide .exampleItems > a p{ margin-bottom:15px; height:65px; line-height:150%; font-size:14px; font-family:'NanumGothic'; font-weight:400; word-break:keep-all; color:#333; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.exampleSlide .exampleItems > a .date{ display:block; font-size:14px; text-align:right; color:#888; }
.exampleSlide .exampleItems > a:hover .title{ text-decoration:underline; }

.analysisBox{ height:270px; background:linear-gradient(to right, rgba(78,185,201,1) 0%,rgba(78,185,201,1) 50%,rgba(64,149,169,1) 50%,rgba(64,149,169,1) 50%,rgba(64,149,169,1) 100%); }
.analysisBox .analysis{ float:left; padding-top:50px; width:50%; height:270px; box-sizing:border-box; }
.analysisBox .analysis{ background:url(/images/main/bg_analysis01.png) no-repeat right 27px top 64px; }
.analysisBox .analysis.type2{ padding-left:58px; background:url(/images/main/bg_analysis02.png) no-repeat right 10px top 62px; }
.analysisBox .analysis h2{ margin-bottom:20px; }
.analysisBox .analysis p{ margin-bottom:20px; line-height:150%; font-size:15px; font-family:'NanumGothic'; font-weight:400; color:#fff; }
.analysisBox .analysis a{ display:inline-block; position:relative; width:68px; height:26px; line-height:26px; font-size:12px; font-family:'NanumGothic'; font-weight:400; text-align:center; color:#fff; border:1px solid #a7dce4; transition:all 0.3s ease; }
.analysisBox .analysis a:after{ display:block; content:''; position:absolute; top:0; left:0; width:0px; bottom:0; background:#fff; z-index:0; transition:all 0.3s ease; }
.analysisBox .analysis a:hover{ font-weight:500; color:#4eb9c9; }
.analysisBox .analysis.type2 a:hover{ color:#4095a9; }
.analysisBox .analysis a:hover:after{ width:100%; }
.analysisBox .analysis a span{ position:relative; z-index:1; }

.boardBox{ padding:82px 0 92px; background:#fff; }
.boardBox .boardList{ position:relative; float:left; margin-right:60px; width:calc(33.3333% - 40px); box-sizing:border-box; }
.boardBox .boardList:last-child{ margin-right:0; }
#container.main .boardList h2{ margin-bottom:20px; padding:0 0 12px 3px; font-size:24px; border-bottom:1px solid #6c6c6c; }
.boardBox .boardList .more{ position:absolute; top:9px; right:4px; width:16px; height:16px; text-indent:-9999px; background:url(/images/main/icon_boardList_more.png) no-repeat center; transition:all 0.3s ease; }
.boardBox .boardList .more:hover{ transform:rotate(-90deg); }
.boardBox .boardList ul li{ position:relative; margin-bottom:15px; padding:0 85px 0 15px; font-size:14px; font-family:'NanumGothic'; font-weight:400; color:#222; }
.boardBox .boardList ul li:last-child{ margin-bottom:0; }
.boardBox .boardList ul li:after{ display:block; content:''; position:absolute; top:6px; left:3px; width:3px; height:3px; background:#222; border-radius:100%; }
.boardBox .boardList ul li a{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.boardBox .boardList ul li a:hover{ text-decoration:underline; }
.boardBox .boardList ul li .date{ position:absolute; right:0; top:2px; font-size:13px; color:#888; }

/* footer */
#footer{ padding:50px; background:#1f2126; font-family:'NanumGothic', 'Malgun Gothic', 'Dotum', Sans-serif; }
#footer .inner{ padding-left:297px; }
#footer img{ position:absolute; top:0; left:0; }
#footer ul{ margin-bottom:30px; }
#footer ul:after{ display:block; content:''; clear:both; }
#footer ul li{ position:relative; float:left; padding:0 15px; }
#footer ul li:after{ display:block; content:''; position:absolute; top:50%; right:-1.5px; margin-top:-1.5px; width:3px; height:3px; background:#888; border-radius:100%; }
#footer ul li:first-child{ padding-left:0; }
#footer ul li:last-child{ padding-right:0; }
#footer ul li:last-child:after{ display:none; }
#footer ul li a{ font-size:14px; color:#888; }
#footer ul li a:hover{ text-decoration:underline; }
#footer ul li:first-child a{ color:#fff; }
#footer .inner div{ margin-bottom:15px; }
#footer div span{ padding:0 8px; font-size:13px; font-weight:400; color:#888; }
#footer div span:first-child{ padding-left:0; }
#footer div span:last-child{ padding-right:0; }
#footer select{ position:absolute; top:-15px; right:0; padding:0 10px; width:220px; height:40px; font-size:13px; font-weight:500; color:#888; background:#1f2126 url(/images/common/icon_select.png) no-repeat right 10px center; border:1px solid #636468; border-radius:5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#footer select::-ms-expand { display: none; }
#footer p{ font-size:13px; font-weight:400; color:#888; }
#overlay.active{ z-index:100; }

/* 레이어팝업 */
.mainModal{ position:fixed; top:140px; left:140px; width:auto; border-radius:10px 10px 0 0; box-sizing:border-box; box-shadow:0 0 20px 5px rgba(0,0,0,0.2); overflow:hidden; z-index:1000; }
.mainModal .title{ display:block; padding:15px 20px; font-size:16px; color:#fff; background:#00b0a4; box-sizing:border-box; }
.mainModal .mainModalContent{ min-width:440px; min-height:100px; background:#fff; box-sizing:border-box; }
.mainModal .mainModalContent img{ max-width:100%; }
.mainModal .bottomControl{ position:relative; padding:0 50px 0 20px; height:40px; line-height:40px; background:#1a1a1a; }
.mainModal .bottomControl label{ color:#e8e8e8; }
.mainModal .bottomControl .ex{ position:absolute; top:50%; right:20px; transform:translateY(-50%); width:12px; height:12px; text-indent:-9999px; background:url(/images/main/icon_mainModal_ex.png) no-repeat center; }


/* 로딩화면 */
 

/** BEGIN CSS **/
        #loading_bg { position:fixed; top:0; left:0; right:0; bottom:0; background: #000; z-index:1000; opacity:0.5; }
        #loading_bg.remove{ display:none; }
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }
        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading { position:absolute; height: 150px; width: 150px; border-radius: 100%; }
        .loading-container { top:50%; left:55%; transform:translate(-50%, -55%); }
        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
            line-height:155px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100%;
        }