@charset "utf-8";
@media screen and (max-width:1124px) {
  header .logo{left:15px}
  header .control{right:15px}
  .inner{padding:0 15px;}

  .ib01 ul.slide li.type01{height:auto;padding:40px 0 136px;background-size:auto 50%}
  .ib01 ul.slide li.type01 dl{height:auto}
  .ib01 ul.slide li.type01 dl dt{float:none;width:auto;font-size:32px;line-height:42px;padding-top:0;margin-bottom:20px}
  .ib01 ul.slide li.type01 dl dd{float:none;width:auto;height:auto}
  .ib01 ul.slide li.type01 dl dd > div{height:auto;display:block;padding:25px 25px}
  .ib01 ul.slide li.type01 dl dd > div h3{font-size:22px;line-height:32px}
  .ib01 ul.slide li.type01 dl dd > div p{font-size:32px;line-height:42px;margin-bottom:12px}
  .ib01 ul.slide li.type01 dl dd > div p br{display:none}
  .ib01 ul.slide li.type01 dl dd > div em{font-size:19px;line-height:20px}
  .ib01 ul.slide li.type01 dl dd > a{bottom:-16px;right:25px;width:48px;height:48px;border-radius:24px}
  .ib01 ul.slide li.type01 dl dd > a i{font-size:24px;line-height:48px}
  .ib01 .slick-dots{left:0;margin-left:16px;bottom:90px;width:auto}
  .ib01 .slick-prev, .ib01 .slick-next{width:30px;height:30px;line-height:30px;bottom:36px;}
  .ib01 .slick-prev{left:15px;margin-left:0;}
  .ib01 .slick-next{left:50px;margin-left:0;}

  .ng04 .selects li a{font-size:24px;height:82px;line-height:82px;}

  header .lnb > li > ul > li{margin-left:10px;}
  header .lnb > li > ul > li > a{font-size:15px;}
  header .lnb > li > ul > li:last-child{margin-right:15px;}

  .fc02_01 .lc02{margin-left:200px;}

  .lc02 .chart li{margin-right:15px;}
  .lc05 li>a{font-size:20px;}
}

@media screen and (max-width:1024px) {
  .lc02 .chart li{margin-right:10px;}
  .lc02 .chart li>div{width:160px;height:160px;}
  .lc02>li.type01 .announce li{width:45%;margin-bottom:1.25%;}
  .lc02>li.type01 .announce li:nth-child(3n+1){margin-left:1.25%}
  .lc06 li .thumb span{width:75%;}
  .lc06 li .thumb span img{max-width:100%;height:auto;}
}

@media screen and (max-width:940px) {
  .cf03 dl dt{padding-bottom:10px;}
  .cf03 dl dt,
  .cf03 dl dd{display:block;width:100%;float:none;}
}

@media screen and (max-width:840px) {
  .lc02 .chart li{margin-right:10px;}
  .lc02 .chart li>div{width:130px;height:130px;}
}

@media screen and (max-width:768px) {
  #main_wrap input[type=text],input[type=file],input[type=password],textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}
  body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{/*font-size:14px;*/line-height:1.6}
  a:hover,a:active{text-decoration:none}
  input[type=text],
  input[type=password],
  input[type=date],
  input[type=email]{font-size:1rem}
  form input::-webkit-input-placeholder{color:#999}
  form input::-moz-placeholder{color:#999}
  form input:::-ms-input-placeholder{color:#999}

  .inner{width:auto;margin:0 16px;padding:0}
  header{position:static;width:100%;background:#fff;}
  header.menuOpened{position:static;}
  header.menuOpened:before{content:none}
  header.searchOpened:after{top:56px}
  header.menuOpened:after{content:"";display:block;position:absolute;top:56px;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.6);z-index:1}
  header .inner{height:55px;margin:0}
  header .logo{top:17.5px;left:16px}
  header .logo a{width:95px;height:25px;background-size:cover}
  header .control .mobileMenu, header .m_gnb{display:inline-block}
  header .control{right:16px;top:15px}
  header .control li{display:inline-block}
  header .control li a{width:26px;height:26px;line-height:26px;border:none}
  header .control li a:focus{text-decoration:none}
  header .control li a i{font-size:22px;line-height:26px}
  header .control .search{margin-right:5px}
  header .control .search a{width:26px;height:26px;line-height:26px;border:none}
  header .control .search a i{font-size:22px;line-height:26px}
  header .control .mobileMenu a i.xi-close{display:none;color:#c3c5c7}
  header .control .mobileMenu a i.xi-bars{display:inline}
  header.menuOpened .control .mobileMenu a i.xi-close{display:inline}
  header.menuOpened .control .mobileMenu a i.xi-bars{display:none}
  header .m_gnb{overflow:hidden;width:100%}
  header .m_gnb li{float:left;width:45%}
  header .m_gnb li:first-child{margin-right:10%}
  header .m_gnb li a{display:block;height:43px;line-height:43px;border:1px solid #ddd;text-align:center;color:#515358;font-weight:lighter}  
  
  header nav{display:none;background-color:#fff;position:relative;top:56px;left:0;padding:0 16px;z-index:30;padding-bottom:25px}
  /*header.menuOpened nav{display:block}*/
  
  header .tnb{display:none;}
  header .m_tnb{display:block;}
  header .m_tnb{position:static;text-align:right}
  header .m_tnb li{float:none;display:inline-block;margin-left:0;height:55px;line-height:55px}
  header .m_tnb li:before{content:"|";color:#ddd;margin:0 18px 0 15px;font-size:16px}
  header .m_tnb li:first-child:before{content:none;;margin:0}
  header .m_tnb li.map, header .m_tnb li.panel{display:none}
  header .m_tnb li a{font-size:16px;color:#161c23;font-weight:700;}
  header .lnb{position:static;width:auto;padding-right:0;text-align:left;border-top:4px solid #161c23;margin-bottom:30px}
  header .lnb > li{display:block;margin-left:0;border-bottom:1px solid #ddd;padding:0;}
  header .lnb > li > a{display:block;font-size:19px;font-weight:700;height:66px;line-height:66px;position:relative}
  /*
  header .lnb > li.expanded > a:after{content:"\e913";font-family:xeicon;position:absolute;right:0;top:0;font-size:26px}
  header .lnb > li.expanded.active > a:after{content:"\e91a"}
  */
  header .lnb > li.expanded > a > em{position:absolute;right:0;top:0;font-size:26px}
  header .lnb > li.active > a{color:#009ff4;}
  header .lnb > li.active > a, header .lnb > li.on > a, header .lnb > li:hover > a{border-bottom:none;}
  header .lnb > li > a:active{color:#009ff4;border-bottom:none}
  header .lnb > li.active > ul{display:block;}
  header .lnb > li > ul{position:static;width:auto;background-color:#f1f3f5;border-top:1px solid #ddd;padding:15px 30px}
  header .lnb > li > ul > li{margin-left:0;display:block;height:auto;line-height:33px}
  header .lnb > li > ul > li > a{font-size:16px;font-weight:lighter}

  header .cf01{top:56px;right:0;display:none;width:100%;height:auto;padding:30px 0}
  header .cf01 form{width:auto;padding:0 16px;box-sizing:border-box;margin:0}
  header .cf01 #search_target-button{display:none}
  header .cf01 .mobileTab{display:block;margin-bottom:10px}
  header .cf01 .mobileTab li{display:inline-block;margin-right:15px}
  header .cf01 .mobileTab li.on{border-bottom:2px solid #000}
  header .cf01 .mobileTab li a{color:#868e96;font-size:16px}
  header .cf01 .mobileTab li.on a{color:#161c23}
  header .cf01 input{width:100%;display:block;height:46px;text-indent:0;font-size:16px;padding:0}
  header .cf01 button{top:45px;font-size:25px}
  header .cf01 .info{ont-size:13px}
  header .cf01 .info a{font-size:13px}

  footer{position:relative;padding-bottom:150px;border-top:solid 1px #ddd;} 
  footer .inquiryA{line-height:23px}
  footer.bottom .inquiryA{height:147px}
  footer .inquiryA dl{padding-top:35px}
  footer .inquiryA dl dt{display:block;font-size:16px;line-height:23px;margin-right:0;margin-bottom:6px}
  footer .inquiryA dl dd{display:block;font-size:16px;line-height:23px;width:220px}
  footer .inquiryA a{top:45px;margin-top:0}
  footer .inquiryA a:active{border-color:#00a1e9;color:#00a1e9}
  
  footer .menuA{position:absolute;top:190px;padding:0 0 25px 0;border-bottom:none;border-top:none;}
  footer .menuA .links{float:none;height:auto;line-height:2;margin-bottom:20px}
  footer .menuA .links li:before{margin:0 8px 0 5px;font-size:13px}
  footer .menuA .links li a{font-size:13px;font-weight:300;white-space:nowrap}
  footer .menuA .sns{float:left}
  footer .menuA .sns li{display:inline-block;margin-left:0;margin-right:15px;vertical-align: top}
  footer .menuA .sns li a{display:block;width:48px;height:48px;text-align:center;background-color:#161c23;border-radius:24px}
  footer .menuA .sns li.letter a{display:block;width:48px;padding:0;line-height:48px;font-size:14px}
  footer .menuA .sns li.letter a em{display:none}
  footer .menuA .sns li a i{font-size:20px;color:#fff;line-height:48px;vertical-align:middle}
  footer .menuA .sns li.letter a i{margin-right:0}
  footer .menuA .sns li a:active{text-decoration:none;background-color:#00a1e9;color:#fff}

  footer .infoA{padding:34px 0;overflow:hidden}
  footer .infoA .logo{float:none;margin-right:0;margin-bottom:20px}
  footer .infoA .logo a{width:93px;height:25px}
  footer .infoA .siteInfo{float:none;width:auto}
  footer .infoA address, footer .infoA address a, footer .siteInfo .cpr{font-size:13px;line-height:22px}
  footer .infoA address span{margin-right:0;display:block}

  footer .infoA .families{float:none;position:absolute;top:250px;right:16px}
  footer .infoA .families li.gallup a{display:block;width:86px;height:30px;background-size:cover}

  /* frame */
  .fc01_01{padding:50px 0 80px;overflow:hidden}
  .fc01_01 .hBlock, .fc01_01 .th01{float:none;margin-bottom:50px}
  .fc01_01 .th01{width:320px;margin:0 auto 40px}
  .fc01_01 .w1{width:auto;height:auto;margin-right:0}
  .fc01_01 .w2{width:auto;height:auto}
  .fc01_01 .w3{width:auto}
  .fc01_01 .hBlock h3{font-size:24px;line-height:32px}
  .fc01_01 .w1.hBlock3{height:auto}
  .fc01_01 .w2.hBlock4{height:auto}
  body.en .fc01_01 .tc01 h3{height:auto}
  body.en .fc01_01 .w1{height:auto}

  .fc02{padding-bottom:50px}
  .fc02 .inner > nav{display:none}
  .fc02 .header{padding-top:40px;margin-bottom:30px}
  .fc02 .ng07{margin-top:40px}

  .fc02_01{position:relative}
  .fc02_01 .scroll-nav{position:absolute;width:100%;top:0 !important;left:0;z-index:1;display:none}
  .fc02_01 .lc02{margin-left:0}
  .fc02_01 .m_btn01{margin-bottom:40px}
  .fc02_01.openMenu .scroll-nav{display:block}
  
  .fc02_02{padding:0 0 0px}
  .fc02_02 .hBlock{float:none;margin-bottom:50px}
  .fc02_02 .w1{width:auto;height:auto;margin-right:0}
  .fc02_02 .w2{width:auto;height:auto}
  .fc02_02 .w3{width:auto}
  .fc02_02 .hBlock{border-top:4px solid #161c23;padding-top:24px}
  .fc02_02 .hBlock1{border-top:none}
  .fc02_02 .hBlock h3{font-size:24px;line-height:32px}

  .fc02_03 .header{overflow:hidden;padding-top:0;margin-bottom:0}
  .fc02_03 .header .ng05{position:relative;float:right;margin-top:-5px;left:0;top:0}
  .fc02_03 .postA{padding:40px 0;width:auto;margin:0}
  .fc02_03 .postA p{margin-bottom:22px;font-size:16px;line-height:23px}
  .fc02_03 .btnA{text-align:center;border-top:1px solid #ddd;padding-top:60px}
  .fc02_03 .btnA .btn03{padding:0 40px}
  .fc02_03 .btnA .btn01{padding:0 40px;font-size:16px}

  .fc03 > .header{height:340px;margin-bottom:30px;background-size:cover}
  .fc03 > .header nav{display:none}
  .fc03 > .header .titleA{height:340px}
  .fc03 > .header.korea{background-position:center 0}
  .fc04 > nav{display:none}
  .fc04 .mBody{padding-top:40px;margin-bottom:30px}
  .fc04 .th03{height:auto;padding-bottom:40px}

  .fc04_01{padding:0 0 40px;overflow:hidden}
  .fc04_01 .hBlock h3{font-size:24px;line-height:32px}
  .fc04_01 .ng01_02{margin-bottom:40px}

  .scroll-nav{background-color:#fff;border:1px solid #0038ac;padding:10px 0;box-sizing:border-box}
  .scroll-nav li a{padding-left:15px}
  .scroll-nav li.scroll-nav__item--active a{background-color:transparent;color:#0038ac}
  .scroll-nav li.scroll-nav__item--active a:before{content:none}
  .scroll-nav li a:active{text-decoration:none;color:#000;font-weight:700}
  .scroll-nav li.scroll-nav__item--active a:active{color:#000}

  /* objects */
  .m_btn01{display:block;height:63px;line-height:63px;padding:0 15px;font-size:16px;color:#fff;background:#0038ac url(../images/bl_arr02.png) no-repeat;background-position:right 15px center;background-size:12px auto}
  .btn01{/*font-size:13px;*/padding:0 30px}
  .btn01:active{text-decoration:none;color:#0038ac;border-color:#0038ac}
  .btn02{/*font-size:13px;*/padding:0 15px}
  .btn03:hover{background-color:#0038ac;color:#fff}
  
  .cf01_01{width:auto;margin:30px 0 0}
  .cf01 #search_target-button span.ui-selectmenu-text{font-size:14px}
  .cf01_01 #search_target-button{width:30%}
  .cf01 input{width:65%}


  .cf02 .info{padding-left:15px;margin-bottom:34px}
  .cf02 .info dt{float:left;margin-right:0}
  .cf02 .info dd{display:block;margin-left:40px}
  .cf02 form{background-position:center center;margin-bottom:10px}
  .cf02 form .inputA{margin-bottom:20px}
  .cf02 form span input{/*padding:3px 30px 0 10px;*/top:-8px;} 
  .cf02 form label{margin-left:0}
  .cf02 .resultA.loading{padding:20px 0}
  /* 조사상담/일반문의 폼*/
  .cf03 fieldset{padding:20px 0}
  .cf03 h3{font-size:20px;line-height:24px;margin-bottom:20px}
  .cf03 dl{margin-bottom:16px}
  .cf03 dl dt{display:block;width:auto;margin-bottom:5px}
  .cf03 dl dt label{font-size:16px}
  .cf03 dl dd{display:block;width:auto}
  .cf03 dl dd input.w1{width:100%}
  .cf03 dl dd input.w2{width:100%}
  .cf03 dl dd input.w3, .cf03 dl dd textarea.w3{width:100%}
  .cf03 dl.phone dd .ui-selectmenu-button{width:30%;height:48px;box-sizing:border-box}
  .cf03 dl.phone dd .ui-selectmenu-button span.ui-selectmenu-text{line-height:48px;font-size:13px}
  .cf03 dl.phone dd .ui-selectmenu-button span.ui-icon{right:10px;top:21px}
  .cf03 dl.phone dd input{width:30%}
  .cf03 dl.phone dd span > label{width:5%;line-height:48px}
  .cf03 dl.textarea dt{padding-top:0}
  .cf03 dl.textarea textarea{height:160px}
  .cf03 .agree .texts{padding:15px;margin-bottom:10px}
  .cf03 .agree .texts p{margin-bottom:16px;font-size:16px}
  .cf03 .agree .texts ol li{font-size:16px}
  .cf03 .agree .checks{text-align:left}
  .cf03 .btnA{text-align:center;padding-top:40px}
  .cf03 .btnA .btn01_01{margin-right:10px}
  #fileupload .attached .template-download{width:48%;height:112px;margin-right:0;margin-bottom:4%}
  #fileupload .attached .template-download:nth-child(odd){margin-right:4%}
  #fileupload .attached .template-download .name a{font-size:12px}
  #fileupload .attached .template-download .size{font-size:12px}

  .ib01 ul.slide li.type01{height:auto;padding:40px 0 136px;background-size:auto 50%}
  .ib01 ul.slide li.type01 dl{height:auto}
  .ib01 ul.slide li.type01 dl dt{float:none;width:auto;max-width:195px;padding-top:0;margin-bottom:20px}
  .ib01 ul.slide li.type01 dl dd{float:none;width:auto;height:auto}
  .ib01 ul.slide li.type01 dl dd > div{height:auto;display:block;padding:25px 25px}
  .ib01 ul.slide li.type01 dl dd > div h3{font-size:22px;line-height:32px}
  .ib01 ul.slide li.type01 dl dd > div p{font-size:32px;line-height:42px;margin-bottom:12px}
  .ib01 ul.slide li.type01 dl dd > div p br{display:none}
  .ib01 ul.slide li.type01 dl dd > div em{font-size:19px;line-height:20px}
  .ib01 ul.slide li.type01 dl dd > a{bottom:-16px;right:25px;width:48px;height:48px;border-radius:24px}
  .ib01 ul.slide li.type01 dl dd > a i{font-size:24px;line-height:48px}
  /*.ib01 .slick-prev, .ib01 .slick-next{display:none}*/
  .ib01 .slick-dots{left:0;margin-left:16px;bottom:90px;width:auto}
  
  body.en .ib01 ul.slide li.type01{height:auto;padding:40px 0 116px}
  body.en .ib01 ul.slide li.type01 dl{height:auto}
  body.en .ib01 ul.slide li.type01 dl dd{height:auto}
  body.en .ib01 ul.slide li.type01 dl dd > div{height:auto}

  .lc01 li{margin-bottom:12px}
  .lc01 li a, .tc01 li a, .lc01 li a, .lc01 li a, .lc01 li a span{font-size:16px;line-height:23px}
  .lc01 li em, .lc05 li span em, .tc01 li em{font-size:13px}
  .lc01 a.more{top:20px;right:0}

  .lc02>li{padding:10px 0 50px 0}
  .lc02>li:before{background-position:0 center;position:static;margin-bottom:20px}
  .lc02>li dl{margin-bottom:30px}
  .lc02>li dl dt{font-size:24px;line-height:32px;margin-bottom:16px}
  .lc02>li dl dd p{font-size:16px}
  .lc02>li dl dd .btn01{margin-top:16px}
  .lc02>li dl dd .btn03.floatRight{float:none;margin:20px auto 0}
  .lc02>li ul{padding-top:16px}
  .lc02>li ul li{margin-right:12px;margin-bottom:6px}
  .lc02>li ul.normal li{padding-left:10px;font-size:16px}
  .lc02>li ul.normal li:before{top:0;font-size:16px;}

  .lc02>li.type01 .announce{margin-bottom:20px}
  .lc02>li.type01 .announce li{width:auto;float:none;margin:0 0 10px;height:auto}
  .lc02>li.type01 .announce li h4{margin-bottom:10px}
  .lc02>li.type01 .announce li h4 span i{height:18px;line-height:18px;padding:0 8px;border-radius:9px}
  .lc02>li.type01 .announce li a{min-height:0;font-size:14px;line-height:20px;margin-bottom:10px}
  .lc02>li.type01 .announce li:nth-child(3n+1){margin-left:0;}
  .lc02>li.type01 .papers{padding-top:20px;padding-left: 6px;box-sizing: border-box}
  .lc02>li.type01 .papers h4{font-size:16px;line-height:24px;margin-bottom:12px}
  .lc02>li.type01 .papers ol li span {display:block;padding-top:4px;}
  .lc02>li.type03 .info .dd ul li{padding-left:15px}
  .lc02>li.type03 .info .dd ul li:before{content:"∙";position:absolute;left:0;top:0;font-size:12px}

  .lc02>li.type01 .awards{padding-top:30px}
  .lc02>li.type01 .awards h4{font-size:18px;line-height:30px;font-weight:700;margin-bottom:9px}
  .lc02>li.type01 .awards{display:block}
  .lc02>li.type01 .awards li{display:block;height:auto;padding:20px 0;margin:0;vertical-align:middle;border:1px solid #ddd} 
  .lc02>li.type01 .awards li:first-child{width:auto;border:none}
  .lc02>li.type01 .awards li:last-child{text-align:center;}
  .lc02>li.type01 .awards li a{color:#515358}
  .lc02>li.type01 .awards li .btn01{margin-top:10px;padding:0 30px}

  .lc02 .awardHistory{margin-top:16px}
  .lc02 .awardHistory h4{margin-bottom:0px !important}
  .lc02 .awardHistory h4:before{content:"\00B7";font-size:20px;font-weight:700;margin-right:12px}
  .lc02 .awardHistory p{margin-left:20px}

  .lc02 .chart{margin-bottom:30px}

  .lc02 .value{width:auto;padding:250px 15px 15px 15px;background-position:right top;margin-bottom:15px}
  .lc02 .value p{color:#000;margin-bottom:20px;font-size:13px;text-shadow:0 0 5px #fff;}

  .lc02 .history{margin-top:30px}
  .lc02 .history .ng07 li{width:100%}
  .lc02 .history .dataA ul li{padding:10px 0;overflow:hidden;}
  .lc02 .history .dataA ul li strong{width:20%;margin-right: 0; text-align:center;color:#0038ac;font-weight:700}
  .lc02 .history .dataA ul li span{margin-left:21%;width:75%;line-height:22px}
  .lc02 .loads p br{display:none}

  .lc03 ul li{float:left;width:48%;margin-right:4%;height:210px;padding:15px 20px;margin-bottom:4%}
  .lc03 ul li:nth-child(3n){margin-right:4%}
  .lc03 ul li:nth-child(2n){margin-right:0}
  .lc03 ul li a.more{bottom:20px;right:15px}

  .lc04 .optionA{margin-bottom:16px}
  .lc04 .optionA .resultInfo{float:none;height:auto;line-height:1.5;margin-bottom:15px}
  .lc04 .optionA .ui-selectmenu-button{float:none;width:100%;box-sizing:border-box}
  .lc04 .tbl01{border-top:1px solid #ddd;display:block;width:auto}
  .lc04 .tbl01 .thead{display:none}
  .lc04 .tbl01 .row{display:block;border-bottom:1px solid #ddd;position:relative;padding:15px 15px 15px 70px}
  .lc04 .tbl01 .row > span{display:block;border-bottom:none;padding:0;text-align:left}
  .lc04 .tbl01 .row > span.t04{font-size: 14px}
  .lc04 .tbl01 .row > span a, .lc04 .tbl01 .row > span a p{font-size:16px;line-height:23px}
  .lc04 .tbl01 .row > span.t01{position:absolute;left:15px}

.lc04.gallupReport .tbl01 .row > span.t02{width:auto;/*margin-bottom:5px*/}
.lc04.gallupReport .tbl01 .row > span.t05{width:auto;margin-bottom:5px}
.lc04.gallupReport .tbl01 .row > span.t03{display:inline-block;vertical-align:middle;font-size: 13px}
.lc04.gallupReport .tbl01 .row > span.t04{display:inline-block;vertical-align:middle;font-size: 13px}
.lc04.gallupReport.faq1907 .tbl01 .row > span.t04{display: block}
.lc04.gallupReport .tbl01 .row > span.t04 a{font-size:18px;vertical-align:middle}
.lc04.gallupReport .tbl01 .row > span.t04 a:before{content:"|";font-weight:300;color:#d4d7d9;margin:0 8px 0 7px;vertical-align:top;}

.lc04.searchResult .tbl01 .row > span.t02{width:auto;margin-bottom:5px}
.lc04.searchResult .tbl01 .row > span.t03{display:inline}
.lc04.searchResult .tbl01 .row > span.t04{display:inline}
.lc04.searchResult .tbl01 .row > span.t04 a{font-size:18px;vertical-align:top}
.lc04.searchResult .tbl01 .row > span.t04 a:before{content:"|";font-weight:300;color:#d4d7d9;margin:0 8px 0 7px}

.lc04.bookList .optionBar{overflow:hidden;margin-bottom:14px}
.lc04.bookList .optionBar p{float:left;height:auto;height:36px;line-height:36px}
.lc04.bookList .optionBar .ui-selectmenu-button{width:30%;height:36px;box-sizing:border-box}
.lc04.bookList .optionBar .ui-selectmenu-button span.ui-selectmenu-text{line-height:36px;font-size:13px}
.lc04.bookList .optionBar .ui-selectmenu-button span.ui-icon{right:10px;top:15px}
.lc04.bookList .tbl01 .row > span.t02{width:100%;margin-bottom:5px}
.lc04.bookList .tbl01 .row > span.t03{width:100%;margin-bottom:5px;font-size: 14px}

.lc05{position:relative;border-top:4px solid #161c23;padding-top:24px}
.lc05 h3{margin-bottom:30px !important}
.lc05 li{float:none;margin-bottom:20px;width:auto;margin-right:0}
/*.lc05 li:nth-child(n+4){display:none}*/
.lc05 li>a{font-size:16px;line-height:23px;margin-bottom:0px;max-height:48px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.lc05 li>a p{font-size: 16px;line-height: 23px}
.lc05 li span a{font-size:18px;vertical-align:top}
.lc05 li span a:before{font-size:14px;vertical-align:top}
.lc05 li span a i{vertical-align:middle}
.lc05 a.more{position:absolute;top:18px;right:0;font-size:28px;font-weight:700}
.lc05 a.more:active{color:#009ff4}

.lc06 li{float:left;width:48%;min-height:330px;padding-bottom:20px;margin-right:4%}
.lc06 li:nth-child(2n){margin-right:0}
.lc06 li .thumb{height:180px;line-height:180px;margin-bottom:14px}
.lc06 li .thumb span{width:inherit}
.lc06 li dl dt{margin-bottom:5px}
.lc06 li dl dt a{font-size:14px;line-height:1.5}
.lc06 li dl dd p{margin-bottom:5px;font-size: 14px}
.lc06 li dl dd em{font-size:11px}

/*CI컬러규정*/
.lc07{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-row-gap:15px;grid-column-gap:15px;}
.lc07 > li{float:none;width:auto;margin:0 0 10px 0 !important}
.lc07 li .colorPicker{margin-bottom:10px}
.lc07 li .colorValue p{font-size:13px}

.ng01 ul li{width:46%;margin-left:6%;margin-bottom:30px}
.ng01 ul li:first-child{margin-left:6%}
.ng01 ul li:nth-child(odd){margin-left:0}
.ng01 ul li a{font-size:16px;padding-top:70px}
.ng01 ul li a:after{bottom:32px}

.ng04 .selects{float:none;width:auto;padding-top:63px;margin-right:0;position:relative;top:0;margin-bottom:30px}
.ng04 .selects li{display:none;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd}
.ng04 .selects li.active{display:block;position:absolute;top:0;width:100%;border:1px solid #ddd;box-sizing:border-box;background:#009ff4 url(../images/bl_arr02.png) no-repeat;background-size:9px 5px;background-position:right 15px top 30px}
.ng04 .selects li a{display:block;font-size:16px;height:63px;line-height:63px;padding:0 15px}
.ng04 .selects li.active a{text-decoration:none;color:#fff}
.ng04 .selects.openMenu li{display:block}
.ng04 .dataA{float:none;width:auto}
.ng04 .dataA h3{font-size:18px;line-height:30px;margin-right:70px;background:url(../images/bl_arr04.png) no-repeat 0 6px;padding-left:15px}

/*뷰화면 헤더 공유 기능*/
.ng05 a.share{display:block;width:40px;height:40px;line-height:38px;border-radius:40px}
.ng05 a.share i{font-size:18px;line-height:38px}
.ng05 dl{display:none;position:absolute;right:0;top:45px;width:320px;height:auto;padding:15px 15px}
.ng05 dl:after,
.ng05 dl:before {
  bottom: 100%;
  right: 8px;
}
.ng05 dl:after {
  border-width: 6px;
}
.ng05 dl:before {
  border-width: 8px;
}
.ng05 dl dt{margin-bottom:10px}
.ng05 dl dd input{font-size:12px;height:32px}
.ng05 dl dd button{font-size:12px;height:32px}
/* 조사의뢰와 상담/검색결과 탭메뉴*/
.ng07{border-bottom:none;margin-bottom:30px;position:relative;z-index:2}
.ng07 li{display:none;float:none;width:100%;border-top:none;border-bottom:1px solid #dadae5;border-left:1px solid #dadae5;border-right:1px solid #d4d7d9;padding:0 !important}
.ng07 li.on{display:block;border-top:2px solid #161c23;position:absolute;top:0;left:0}
.ng07:before{content:"";display:block;width:9px;height:5px;position:absolute;right:20px;top:25px;background:url(../images/bl_arr03.png) no-repeat center center;box-sizing:border-box;z-index:1}
.ng07 li.on:after{content:none}
.ng07 li.on a:before{content:none}
.ng07 li a{background-color:#fff;text-align:left;font-size:15px;padding:0 15px}
.ng07.opened{padding-top:59px !important}
.history .ng07.opened{padding-top:51px !important}
.ng07.opened li{display:block}
.ng07.location li{width:100%}
.ng07.books li{width:100%}
/* 오시는길 서브 탭메뉴 */
.ng08{margin-bottom:40px;height:0px;display:block;width:auto;position:relative;padding-top:50px;z-index:1}
.ng08 li{display:none;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding-right:0;background-color:#fff}
.ng08 li.on{display:block;position:absolute;top:0;left:0;width:100%;border:none}
.ng08 li a{display:block;font-size:14px;height:50px;line-height:50px;padding-bottom:0;padding:0 15px}
.ng08 li.on a{display:block;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#fff;background:#0038ac url(../images/bl_arr02.png) no-repeat;background-position:right 15px center;background-size:12px auto}
.ng08 li.on a:after{content:none}
.ng08.opened li{display:block}
/*사이트맵*/
.ng09{overflow:hidden}
.ng09 .category{float:none;width:auto;margin-right:0;padding-top:14px;margin-bottom:54px}
.ng09 .category h3{font-size:20px;line-height:34px;margin-bottom:14px}
.ng09 .category ul li a{font-size:16px;padding:10px 15px}
.ng09 .category a.more{top:14px;font-size:24px}

.ng10{margin-top:50px}
.ng10 dl{padding:0 15px}
.ng10 dl dt{width:20%;height:50px;line-height:50px;font-size:16px}
.ng10 dl dt:after{margin-left:5px}
.ng10 dl dd{height:50px;line-height:50px}
.ng10 dl dd:before{margin-right:15px;font-size:16px}
.ng10 dl dd a{font-size:16px}

/* 페이징 */
.pager li.pager-item, .pager li.pager-previous, .pager li.pager-next, .pager li.first, .pager li.last{margin:0;display:inline-block;width:30px;height:30px;padding:0}
.pager li a{height:30px;line-height:30px;font-size:16px;width:30px;width:30px;border-radius:15px}
.pager li a:active{color:#fff;text-decoration:none;background-color:#0038ac}
.pager li.pager-current{margin:0 2px;height:30px;line-height:30px;font-size:16px;;width:30px;border-radius:15px}
.pager li.pager-previous{margin-right:6px}
.pager li.pager-next{margin-left:6px}
.pager li.pager-first a{background-size:auto 9px}
.pager li.pager-previous a{background-size:auto 9px}
.pager li.pager-next a{background-size:auto 9px}
.pager li.pager-last a{background-size:auto 9px}

.tc01{padding-bottom:40px}
.tc01 h3{height:auto}
.tc01 ul{margin-top:0;}
.tc01 p{font-size:16px;line-height:23px}
.tc01.hBlock.hBlock3.w1 p{margin-top: 0}
.tc01 a.goto{position:absolute;right:0;bottom:-10px}
.tc01 a.goto i{font-weight:700}

.tc02{padding:20px}

.tc03 dt{height:280px;background-position:50% 50%;background-attachment:inherit;background-size:cover}
.tc03 dt strong{top:50%;left:0;margin-top:-20px;margin-left:15px;font-size:28px}
.tc03 dt strong:before{content:none}
.tc03 dt strong:after{content:none}
.tc03.inter dt{background-image:url(../images/banner_inter.jpg)}
.tc03 dd{padding-top:20px;padding-left:0;min-height:300px}
.tc03 dd .btn03{margin-top:20px}
.tc03 dd p{font-size:14px;line-height:24px}
/* 오시는길 */
.tc04{display:block;width:auto}
.tc04 .infoA{display:block;width:auto;padding-right:0}
.tc04 .infoA h2{font-size:24px;line-height:25px;margin-bottom:34px}
.tc04 .infoA dl{margin-bottom:20px}
.tc04 .mapA{display:block;width:auto}
.tc04 .mapA iframe{height:340px}

.tc05{padding:25px;background-size:auto 80%;background-position:right -150px bottom 0;margin-bottom:100px}
.tc05 dl{margin-bottom:15px}
.tc05 dt{font-size:16px;}

.td01{padding:20px;font-size:16px;line-height:23px}

.th01{padding-top:84px;background-position:right 20px bottom 20px;color:#fff}
.th01 h2{font-size:24px;line-height:32px;margin-bottom:16px}
.th01 p{font-size:16px;line-height:26px}

.th02{padding-bottom:30px}
.th02 h1{font-size:28px;line-height:38px}
.th02 p{font-size:16px;line-height:23px}
.th02 .ng05{right:0;bottom:inherit;top:0}
.th02 .ng05 a.share i{line-height:38px;font-size:1.4em;}
.th02 .btn01{right:0;bottom:inherit;top:-7px;padding:0 10px}

.th03:before{width:36px;height:36px;border-radius:18px}
.th03 h1{float:none;width:auto;font-size:28px;line-height:40px;margin-bottom:10px}
.th03 p{float:none;width:auto;font-size:24px;line-height:32px}
.th03 p br{display:none}
/* 뷰페이지 기사 타이틀 */
.th04{width:auto;padding-bottom:30px}
.th04 dt{font-size:24px;line-height:32px}
.th04 dt p{font-size:24px;line-height:32px}
.th04 dd em:before{font-size:13px}
/* jquery ui */
.standard-selectmenu{height:62px}
.standard-selectmenu:active{background-color:#fff;border-color:#0038ac}
.standard-selectmenu span.ui-selectmenu-text{line-height:62px;padding:0 0 0 20px}
.standard-selectmenu span.ui-icon{right:15px;top:28px}
.standard_select .ui-menu-item .ui-menu-item-wrapper{padding:15px 20px}
.standard_select .ui-state-active{padding:15px 20px}

.cf03.subscribed dl dd .ui-selectmenu-button{min-width:50%;max-width:200px;height:48px;box-sizing:border-box}
.cf03.subscribed dl dd .ui-selectmenu-button span.ui-selectmenu-text{line-height:48px;font-size:16px}
.cf03.subscribed dl dd .ui-selectmenu-button span.ui-icon{right:10px;top:21px}

.ui-checkboxradio-label .ui-icon, .ui-checkboxradio-label:hover .ui-icon{width:1rem;height:1rem}
.ui-checkboxradio-label{font-size:1rem}

.postA table thead th{padding:10px}
.postA table tbody td{padding:10px}
.postA img{display: block;max-width: 100%}

/*게시글 테이블 추가*/
table.board01t thead th, table.board01t thead td, table.board01t tbody th, table.board01t tbody td{padding: 5px 0; font-size: 14px}

}

@media screen and (max-width:450px) {

  footer .menuA .links li:nth-child(4):before{content:"";display:block}
  footer .infoA .families{top:274px;}
  footer .infoA .families li.gallup a{background-size:contain;width:76px;}
  footer .infoA .families li.win a{background-size:contain;width:46px;}

  .lc02 .chart li>div{width:90px;height:90px;border-radius:50px;background-size:cover;font-size:13px;letter-spacing:-1px;}  
  .lc02 .chart li>div b{font-weight:700}

  .lc03 ul li{width:100%;height:inherit;}
  .lc03 ul li p{padding-bottom:50px;}
  .lc03 ul li a.more{bottom:10px;right:10px;}

}