/*@charset "utf-8";*/
/*
Theme Name: gallup
Description: gallup THEME
Author: css3studio
Version:1.0
*/

/* Font */
@import url(fonts.css);

/* Common */
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{margin:0;padding:0;font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:16px;color:#333;line-height:26px}
header,nav,article,section,footer,address,aside{display: block;}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:700;color:#161c23}
img,fieldset{border:0}
ul,ol,menu{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#161c23}
a:hover,a:active{text-decoration:underline;}
input[type=text],
input[type=password],
input[type=date],
input[type=email]{font-size:1rem;height:3rem;text-indent:1rem;border:1px solid #d4d7d9;box-sizing:border-box}
textarea{font-size:1rem;padding:1rem;border:1px solid #d4d7d9;box-sizing:border-box}
input[type=text].error,
input[type=password].error,
input[type=email].error{border-color:#ff0000;color:#515358}
textarea.error{border-color:#ff0000;color:#515358}
/* Layout */
#main_wrap{position:relative}
#skip_contents{width:100%}
#skip-link a{display:block;width:100%;height:40px;line-height:40px;text-align:center;position:fixed;top:-80px;left:0;background:#fff;font-size:14px;font-weight:700;z-index:50}
#skip-link a:focus{top:0}

.inner{max-width:1124px;margin:0 auto;transition:all 0.3s ease 0s;}

header{position:relative;z-index:5;border-bottom:1px solid #ddd;}
header.menuOpened:before{content:"";display:block;position:absolute;left:0;top:150px;width:100%;height:80px;background-color:#f1f3f5;z-index:10}
header.searchOpened:after{content:"";display:block;position:absolute;top:150px;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.6);z-index:1}
header .inner{position:relative;height:109px}
header .logo{position:absolute;top:36px;left:0;transition:all 0.3s ease 0s;z-index:11;}
header .logo a{display:block;width:148px;height:40px;background:url(../images/logo.png) no-repeat 0 0;background-size:contain;text-indent:-9999px;transition:all 0.3s ease 0s;}
header .control .mobileMenu, header .m_gnb, header .m_tnb{display:none}
header .control{position:absolute;right:0;top:28px;z-index:11}
header .control .search a{display:block;width:53px;text-align:center;height:50px;line-height:50px;border:1px solid #ddd;border-radius:100px;}
header .control .search a:hover{text-decoration:none;border-color:#00a1e9}
header .control .search a:focus{text-decoration:none}
header .control .search a i{font-size:30px;line-height:50px;color:#000}
header .control .search a i.xi-close{display:none;color:#c3c5c7}
header .control .search a i.xi-search{display:inline}
header.searchOpened .control .search a i.xi-close{display:inline}
header.searchOpened .control .search a i.xi-search{display:none}
header .tnb{width:100%;display:block;background:#161c23;overflow:hidden;transition:all 0.3s ease 0s;}
header .tnb .inner{height:40px;overflow:hidden;transition:all 0.3s ease 0s;}
header .gnb{float:right;overflow:hidden;}
header .gnb li{float:left;margin-left:15px}
header .gnb li a{font-size:14px;color:#ccc;line-height:2.5rem;}
header .lnb{position:absolute;top:42px;right:0;width:100%;padding-right:80px;box-sizing:border-box;text-align:right;z-index:10;font-size:0;}
header .lnb > li{display:inline-block;padding:0 17px}
header .lnb > li > a{display:block;font-size:20px;font-weight:700;height:63px;transition:font-size 0.3s ease 0s;}
header .lnb > li.active > a, header .lnb > li.on > a, header .lnb > li:hover > a{text-decoration:none;border-bottom:4px solid #009ff4}
header .lnb > li > ul{position:absolute;top:66px;left:0;width:100%;display:none}
header .lnb > li > ul > li{margin-left:30px;display:inline-block;height:80px;line-height:80px}
header .lnb > li > ul > li > a{color:#161c23;white-space:nowrap;font-weight: 500}
header .lnb > li > ul > li > a > i{color:#888;}
header .lnb > li > ul > li.active > a, header .lnb > li > ul > li > a:hover{color:#009ff4;text-decoration:none}

header .cf01{position:absolute;top:150px;right:0;display:none;width:100%;height:175px;background-color:#fff;border-bottom:1px solid #ddd;z-index:5}
header .cf01 form{width:606px;margin:0 auto;padding-top:50px}
header.searchOpened .cf01{display:block}
header .cf01 .info{text-align:right;font-size:14px;color:#515358;margin-top:15px}
header .cf01 .info a{font-size:14px;text-decoration:underline}
header .cf01 .mobileTab{display:none}

body.pc.scrolling header .logo{position:absolute;top:24px;left:0}
body.pc.scrolling header .logo a{display:block;width:148px;height:40px;background:url(../images/logo.png) no-repeat 0 0;text-indent:-9999px;background-size:contain;}
body.pc.scrolling header .control{top:18px;}
body.pc.scrolling{padding-top:150px;}
body.pc.scrolling header{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:60}
body.pc.scrolling header .tnb .inner{height:0px;transition:all 0.3s ease 0s;}
body.pc.scrolling header .lnb{top:32px;}
body.pc.scrolling header .lnb > li > a{font-size:18px;font-weight:500;}
body.pc.scrolling header .inner{height:90px;transition:all 0.3s ease 0s;}
body.pc.scrolling header .cf01{top:91px;transition:all 0.3s ease 0s;}
body.pc.scrolling header.menuOpened:before{top:91px;transition:all 0.3s ease 0s;}
body.pc.scrolling header.searchOpened:after{top:110px;transition:all 0.3s ease 0s;}
body.pc.scrolling header .lnb > li > a{height:54px;transition:height 0.3s ease 0s;}
body.pc.scrolling header .lnb > li > ul{top:56px;transition:height 0.3s ease 0s;}

footer .inquiryA{height:0;/*! transition:height 0.3s linear; */line-height:100px;overflow:hidden;background-color:#f1f3f5;border-bottom:1px solid #ddd}
/*footer.bottom .inquiryA{height:100px}*/
footer .inquiryA .inner{overflow:hidden;position:relative}
footer .inquiryA dl{display:inline-block}
footer .inquiryA dl dt{display:inline;font-size:18px;color:#0038ac;margin-right:10px}
footer .inquiryA dl dd{display:inline;font-size:18px}
footer .inquiryA a{position:absolute;top:50%;margin-top:-24px;right:0;display:block;width:48px;height:48px;text-align:center;border:1px solid #ddd;background-color:#fff;border-radius:24px;box-sizing:border-box}
footer .inquiryA a:hover{border-color:#00a1e9;color:#00a1e9}
footer .inquiryA a i{font-size:20px;line-height:48px;font-weight:700}
footer .menuA{padding:26px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden}
footer .menuA .links{float:left;height:48px;line-height:48px}
footer .menuA .links li{display:inline}
footer .menuA .links li:before{content:"|";color:#ddd;margin:0 12px 0 9px;font-size:14px}
footer .menuA .links li:first-child:before{content:none;margin:0}
footer .menuA .links li a{font-size:14px}
footer .menuA .sns{float:right}
footer .menuA .sns li{display:inline-block;margin-left:5px}
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:auto;color:#fff;padding:0 20px;line-height:48px;font-size:14px}
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:8px}
footer .menuA .sns li a:hover{text-decoration:none;background-color:#00a1e9;color:#fff}
footer .menuA .sns li.kakao a{background-color: transparent}
footer .menuA .sns li.kakao a i{display: inline-block;width: 100%;height: 100%;background-image: url('/images/icon_kakao01.png');background-size: 100%;  vertical-align: middle}
footer .menuA .sns li.kakao a i:hover{background-image: url('/images/icon_kakao02.png')}
footer .infoA{padding:34px 0;overflow:hidden}
footer .infoA .logo{float:left;margin-right:40px}
footer .infoA .logo a{display:block;width:149px;height:40px;background:url(../images/logo.png) no-repeat 0 0;background-size:cover;text-indent:-9999px}
footer .infoA .siteInfo{float:left;width:70%}
footer .infoA address{font-size:14px;color:#515358}
footer .infoA address span{margin-right:10px}
footer .infoA .families{float:right}
footer .infoA .families li{display:inline-block;margin-left:10px}
footer .infoA .families li.win a{display:block;width:67px;height:37px;background:url(../images/logo_win.png) no-repeat 0 0;text-indent:-9999px}
footer .infoA .families li.gallup a{display:block;width:106px;height:37px;background:url(../images/logo_gia.png) no-repeat 0 0;text-indent:-9999px}

/* frame */
.fc01_01{padding:40px 0 80px;overflow:hidden}
.fc01_01 .hBlock, .fc01_01 .th01{float:left;margin-bottom:30px}
.fc01_01 .th01{width:31%;margin-right:3.5%}
.fc01_01 .w1{width:31%;height:348px;margin-right:3.5%}
.fc01_01 .w1.hBlock2{margin-right:0}
.fc01_01 .w1.hBlock3{height:304px}
.fc01_01 .w2.hBlock4{height:304px}
.fc01_01 .w2{width:65.3914590747%;height:348px}
.fc01_01 .w3{width:100%}
.fc01_01 .hBlock{border-top:4px solid #161c23;padding-top:24px}
.fc01_01 .hBlock h3{font-size:30px;line-height:44px;margin-bottom:24px;font-weight:700}

body.en .fc01_01 .tc01 h3{height:auto}
body.en .fc01_01 .w1{height:284px}

.fc02{padding-bottom:180px}
.fc02 .inner > nav{margin:16px 0;text-align:right}
.fc02 .header{margin-bottom:40px}
.fc02 .ng07{margin-top:80px}

.fc02_01{position:relative;overflow:hidden}
.fc02_01 .scroll-nav{position:absolute;left:0;width:156px}
.fc02_01 .lc02{margin-left:290px}
.fc02_01 .btn03.floatRight{float:right;margin-bottom:80px}

.fc02_02{padding:0 0 80px;overflow:hidden}
.fc02_02 .hBlock{float:left;margin-bottom:30px}
.fc02_02 .w1{width:31%;height:266px;margin-right:3.5%}
.fc02_02 .hBlock1{margin-right:0}
.fc02_02 .w2{width:65.3914590747%;height:266px}
.fc02_02 .w3{width:100%}
.fc02_02 .hBlock.tc01.hBlock2,
.fc02_02 .hBlock.ng01_01.hBlock3{border-top:4px solid #161c23;padding-top:24px}
.fc02_02 .hBlock h3{font-size:30px;line-height:44px;margin-bottom:24px;font-weight:700}

.fc02_03 .header{border-bottom:1px solid #ddd;position:relative;margin-bottom:0}
.fc02_03 .header .ng05{position:absolute;top:-5px;right:0}
.fc02_03 .postA{padding:60px 0;width:930px;margin:0 auto}
.fc02_03 .postA p{margin-bottom:30px;line-height:30px;color:#161c23}
.fc02_03 .postA b{font-weight: 500}
.fc02_03 .postA a{color: #0038ac}
.fc02_03 .postA a:hover{text-decoration: underline !important;}
.fc02_03 .btnA{text-align:center;border-top:1px solid #ddd;padding-top:60px}
.fc02_03 .btnA .btn03{font-size:16px}
.fc02_03 .btnA .btn01{height:52px;line-height:52px;border-radius:28px;border-width:2px;padding:0 60px;margin-left:5px}

.fc03 > .header{height:540px;background:#fff url(../images/banner_inter.jpg) no-repeat center center;margin-bottom:40px;position:relative}
.fc03 > .header.korea{background-image:url(../images/banner_korea.jpg);background-position:center top -200px}
.fc03 > .header .inner{position:relative}
.fc03 > .header nav{position:absolute;width:100%;text-align:right;margin-top:16px}
.fc03 > .header nav .ng02 li{color:#fff}
.fc03 > .header nav .ng02 li a{color:#fff}
.fc03 > .header nav .ng02 li.home a{background-image:url(../images/btn_home02.png)}
.fc03 > .header .titleA{height:540px;display:table}
.fc03 > .header .titleA .th02{display:table-cell;vertical-align:middle;border-bottom:none}
.fc03 > .header .titleA .th02 h1{color:#fff}
.fc03 > .header .titleA .th02 p{color:#fff}

.fc04 > nav{margin:16px auto 0;text-align:right}
.fc04 .section{background-color:#fff}
.fc04 .th03{height:225px}

.fc04_01{padding:0 0 40px;overflow:hidden}
.fc04_01 .hBlock{float:left;margin-bottom:30px}
.fc04_01 .w3{width:100%}
.fc04_01 .hBlock{border-top:4px solid #161c23;padding-top:24px}
.fc04_01 .hBlock h3{font-size:30px;line-height:44px;margin-bottom:24px;font-weight:700}
.fc04_01 .ng01_02{margin-bottom:60px}

/* objects */
.btn01{display:inline-block;font-size:14px;font-weight:700;height:46px;line-height:46px;padding:0 50px;border:1px solid #d4d7d9;border-radius:24px;background-color:#fff}
.btn01_01{display:inline-block;font-size:14px;font-weight:700;height:52px;line-height:52px;padding:0 60px;border-radius:28px;border:2px solid #d4d7d9;background-color:#fff}
.btn01:hover{text-decoration:none;color:#0038ac;border-color:#0038ac}
.btn02{display:inline-block;font-size:14px;color:#0038ac;height:32px;line-height:32px;padding:0 20px;border-radius:16px;background-color:#f1f3f5}
.btn03{display:inline-block;font-size:14px;font-weight:700;height:52px;line-height:52px;padding:0 60px;border:2px solid #0038ac;border-radius:28px;background-color:#0038ac;color:#fff}
button.btn03{line-height:0;cursor:pointer}
.btn03:hover{text-decoration:none;background-color:#fff;color:#0038ac}
/*헤더 검색창/게시판 하단 검색창 */
.cf01 form fieldset{position:relative}
.cf01 label{width:0;height:0;overflow:hidden;display:inline-block;position:absolute}
.cf01 #search_target-button{border:none;background-color:#fff;border-bottom:4px solid #000;border-radius:0;width:145px;height:42px;padding:0;vertical-align:top}
.cf01 #search_target-button span.ui-selectmenu-text{font-size:18px;line-height:42px;padding:0 0 0 10px;color:#181819;font-weight:700}
.cf01 #search_target-button span.ui-icon{right:0;margin-top:0;position:absolute;top:20px;background:url(../images/bl_down01.png) no-repeat 0 0}
#search_target-menu{border-radius:0;background-color:#fff}
#search_target-menu .ui-menu-item{padding:0}
#search_target-menu .ui-menu-item .ui-menu-item-wrapper{padding:5px 10px}
#search_target-menu .ui-state-active{background-color:#00a1e9;padding:5px 10px;color:#fff;border:none}
.cf01 input{float:right;width:445px;height:46px;border:none;border-bottom:4px solid #000;text-indent:10px;font-size:18px;vertical-align:top}
.cf01 input[type=text]::-ms-clear{display:none;}
.cf01 button{border:none;position:absolute;right:0;top:0px;font-size:30px;color:#000;cursor:pointer;background-color:transparent}

.cf01_01{width:428px;margin:60px auto 0}
.cf01_01 #search_target-button{width:113px}
.cf01_01 input{width:300px}

.cf02 .info{border-left:4px solid #0038ac;padding-left:20px;margin-bottom:24px}
.cf02 .info dt{display:inline;font-weight:700;margin-right:10px}
.cf02 .info dd{display:inline}
.cf02 .info dd em{color:#009ff4;font-weight:500}
.cf02 form{height:268px;text-align:center;background:url(../images/bg_percent.png) no-repeat;background-position:right 200px center;margin-bottom:15px;padding-top: 40px}
.cf02 form .inputA{margin-bottom:40px}
.cf02 form span{display:inline-block;position:relative;border:2px solid #d4d7d9;height:76px;width:165px}
.cf02 form span input{position:absolute;left:15px;top:5px;width:88px;height:76px;text-indent:0;font-size:64px;color:#0038ac;font-weight:700;background-color:transparent;border:none}
.cf02 form span input:focus:not(input.error:focus){border-color:#0038ac}
.cf02 form span em{display:inline-block;font-size:64px;line-height:1;font-weight:700;position:absolute;right:10px;top:5px}
.cf02 form label{display:inline-block;font-size:30px;color:#161c23;font-weight:700;height:76px;line-height:76px;vertical-align:top;margin-left:20px}
.cf02 form label.error{display:none !important}
.cf02 .resultA .xi-spinner-3{display:none}
.cf02 .resultA.loading{position:relative;text-align:center;padding:30px 0}
.cf02 .resultA.loading .xi-spinner-3{display:inline-block;font-size:30px}
.cf02 .resultA.loading .lc03{display:none}
/* 조사상담/일반문의 폼*/
.cf03 fieldset{border-bottom:1px solid #ddd;padding:40px 0}
.cf03 fieldset:first-of-type{padding-top:0}
.cf03 fieldset:last-of-type{border-bottom:none}
.cf03 h3{font-size:24px;line-height:34px;font-weight:700;margin-bottom:36px}
.cf03 dl{display:table;width:100%;margin-bottom:24px}
.cf03 dl dt{display:table-cell;width:17%}
.cf03 dl dt label{font-size:18px;color:#161c23;font-weight:700}
.cf03 dl dt label em{color:#009ff4}
.cf03 dl dd{display:table-cell;width:83%}
.cf03 dl dd input.w1{width:348px}
.cf03 dl dd input.w2{width:540px}
.cf03 dl dd input.w3, .cf03 dl dd textarea.w3{width:736px}
.cf03 dl.phone dd .ui-selectmenu-button{float:left;width:150px;height:46px;border-color:#d4d7d9;margin-right:0}
.cf03 dl.phone dd .ui-selectmenu-button span.ui-selectmenu-text{line-height:46px}
.cf03 dl.phone dd input{float:left;width:154px}
.cf03 dl.phone dd span > label{float:left;width:40px;text-align:center;line-height:46px;font-size:20px;color:#161c23}
.cf03 dl.textarea dt{vertical-align:top;padding-top:5px}
.cf03 dl.textarea textarea{height:200px;color:#161c23;font-weight:500}
.cf03 dl.file{margin-bottom:0}
.cf03 dl.file dd>span{display:block}
/*.cf03 dl.file dd input[type=file]{width:0;height:0;visibility:hidden}*/
.cf03 dl.file dd .btn01{margin-bottom:16px}
.cf03 dl.file dd .info{color:#515358;position:relative;padding-left:10px}
.cf03 dl.file dd .info em{position:absolute;left:0;color:#009ff4}
#fileupload .fileinput-button{padding:0;border-radius:0;text-align:left;border:none;background-color:transparent}
#fileupload .ui-button-icon{display:none}
#fileupload .fileinput-button input[type=file]{width:0;height:0;visibility:hidden}
#fileupload .attached{margin-top:20px;overflow:hidden}
#fileupload .attached .template-download{float:left;width:154px;height:112px;border:1px solid #ddd;border-radius:10px;margin-right:20px;margin-bottom:20px;padding:15px;box-sizing:border-box;position:relative}
#fileupload .attached .template-download button.delete{width:24px;height:24px;text-indent:-9999px;padding:0;border:1px solid #ddd;border-radius:12px;box-sizing:border-box;background:#fff url(../images/btn_close01.png) no-repeat center center;position:absolute;top:6px;right:6px}
#fileupload .attached .template-download .preview{display:none}
#fileupload .attached .template-download .name a{display:block;font-size:14px;color:#161c23;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#fileupload .attached .template-download .name a:before{content:"";display:block;width:24px;height:24px;background:#fff url(../images/icon_24_24.png) no-repeat;margin-bottom:10px}
#fileupload .attached .template-download .name a[href$="pdf"]:before{background-position:0 0}
#fileupload .attached .template-download .name a[href$="hwp"]:before{background-position:-24px 0}
#fileupload .attached .template-download .name a[href$="xls"]:before,
#fileupload .attached .template-download .name a[href$="xlsx"]:before{background-position:-48px 0}
#fileupload .attached .template-download .name a[href$="doc"]:before,
#fileupload .attached .template-download .name a[href$="docx"]:before{background-position:-72px 0}
#fileupload .attached .template-download .name a[href$="ppt"]:before,
#fileupload .attached .template-download .name a[href$="pptx"]:before{background-position:-96px 0}
#fileupload .attached .template-download .name a[href$="jpg"]:before,
#fileupload .attached .template-download .name a[href$="png"]:before,
#fileupload .attached .template-download .name a[href$="bmp"]:before,
#fileupload .attached .template-download .name a[href$="jpeg"]:before{background-position:-120px 0}
#fileupload .attached .template-download .size{font-size:14px;color:#868e96}
#fileupload .attached .template-download input.toggle{display:none}

/* 2019.7.4 추가(파일업로드 관련) */
.cf03 dl.file dd .filebox input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip:rect(0,0,0,0);
border: 0;
}
.cf03 dl.file dd .filebox label {
display: inline-block;
padding: .5em .75em;
color: #999;
font-size: inherit;
line-height: normal;
vertical-align: middle;
background-color: #fdfdfd;
cursor: pointer;
border: 1px solid #ebebeb;
border-bottom-color: #e2e2e2;
border-radius: .25em;
}
/* named upload */
.cf03 dl.file dd .filebox .upload-name {
display: inline-block;
padding: .5em .75em;
font-size: inherit;
font-family: inherit;
line-height: normal;
vertical-align: middle;
background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* imaged preview */
.cf03 dl.file dd .filebox .upload-display {
margin-bottom: 5px;
}
@media(min-width: 768px) {
.cf03 dl.file dd .filebox .upload-display {
display: inline-block;
margin-right: 5px;
margin-bottom: 0;
}
}
.cf03 dl.file dd .filebox .upload-thumb-wrap {
display: inline-block;
width: 54px;
padding: 2px;
vertical-align: middle;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
}
.cf03 dl.file dd .filebox .upload-display img {
display: block;
max-width: 100%;
width: 100% \9;
height: auto;
}
.cf03 dl.file dd .filebox.bs3-primary label {
  color: #fff;
  background-color: #0038ac;
border-color: #0038ac;
}
/* 2019.7.4 추가(파일업로드 관련) */

.cf03 dl.phone dt{vertical-align:middle}
.cf03 .agree .texts{background-color:#f1f3f5;padding:32px;color:#515358;margin-bottom:16px}
.cf03 .agree .texts p{margin-bottom:24px}
.cf03 .agree .texts ol{list-style-type:decimal;margin-left:15px}
.cf03 .agree .texts ol li{margin-bottom:8px;color:#515358}
.cf03 .agree .texts ol li:last-child{margin-bottom:0}
.cf03 .btnA{text-align:center;padding-top:80px}
.cf03 .btnA .btn01_01{margin-right:20px}
.cf03 dl dd label.error{display:block;color:#f00}
/* 메인 배너 슬라이더 */
.ib01{max-height:518px;overflow:hidden;}
.ib01 ul.slide li.type01{height:518px;box-sizing:border-box;padding:60px 0;outline: none; background:url(../images/bg_slider.png) no-repeat right bottom}
.ib01 ul.slide li.type01 dl{height:394px}
.ib01 ul.slide li.type01 dl dt{float:left;width:28%;font-size:48px;font-weight:700;line-height:90px;color:#161c23;padding-top:48px;letter-spacing:-1px;}
.ib01 ul.slide li.type01 dl dt img{max-width:310px;}
.ib01 ul.slide li.type01 dl dd{float:right;width:70%;height:394px;box-sizing:border-box;position:relative;background-color:#fff}
.ib01 ul.slide li.type01 dl dd > div{height:394px;display:table-cell;vertical-align:middle;padding:0 40px}
.ib01 ul.slide li.type01 dl dd > div h3{font-size:30px;line-height:44px;letter-spacing: -1px}
.ib01 ul.slide li.type01 dl dd > div p{font-size:48px;line-height:64px;font-weight:700;color:#161c23;margin-bottom:24px;letter-spacing: -1px}
.ib01 ul.slide li.type01 dl dd > div em{font-size:24px;line-height:25px;color:#161c23}
.ib01 ul.slide li.type01 dl dd > a{position:absolute;bottom:-24px;right:56px;display:block;width:60px;height:60px;text-align:center;background-color:#00a1e9;outline:none;border-radius:30px;z-index:1}
.ib01 ul.slide li.type01 dl dd > a i{font-size:30px;color:#fff;line-height:60px;font-weight:700}
.ib01 ul.slide li.type01 dl dd > a:hover{text-decoration:none;background-color:#0038ac;color:#fff}

.ib01 ul.slide li .square span{display:block;background-color:#009ff4;position:absolute}
.ib01 ul.slide li .square .line1{width:0;height:12px;bottom:0;right:10%}
.ib01 ul.slide li .square .line2{width:12px;height:0;bottom:0;left:0}
.ib01 ul.slide li .square .line3{width:0;height:12px;top:0;left:0}
.ib01 ul.slide li .square .line4{width:12px;height:0;top:0;right:0}
.ib01 ul.slide li .square .line5{width:0;height:12px;bottom:0;right:0}

.ib01 ul.slide li.slick-square .square .line1{width:90%;transition:width 0.5s}
.ib01 ul.slide li.slick-square .square .line2{height:100%;transition:height 0.5s;transition-delay:0.5s}
.ib01 ul.slide li.slick-square .square .line3{width:100%;transition:width 0.5s;transition-delay:1s}
.ib01 ul.slide li.slick-square .square .line4{height:100%;transition:height 0.5s;transition-delay:1.5s}
.ib01 ul.slide li.slick-square .square .line5{width:10%;transition:width 0.5s;transition-delay:2s}

body.en .ib01 ul.slide li.type01{height:447px}
body.en .ib01 ul.slide li.type01 dl{height:323px}
body.en .ib01 ul.slide li.type01 dl dd{height:323px}
body.en .ib01 ul.slide li.type01 dl dd p{margin-bottom:0}
body.en .ib01 ul.slide li.type01 dl dd > div{height:323px}

body.en .ib01 ul.slide li .square .line1{width:0;height:12px;bottom:0;right:0}
body.en .ib01 ul.slide li .square .line5{display:none}

body.en .ib01 ul.slide li.slick-square .square .line1{width:100%}
body.en .ib01 ul.slide li.slick-square .square .line5{transition:none}

.ib01 .slick-prev, .ib01 .slick-next{position:absolute;top:inherit;bottom:80px;z-index:1;width:48px;height:48px;line-height:48px;border-radius:25px;border:1px solid #ddd;text-indent:-9999px}
.ib01 .slick-prev{left:50%;margin-left:-562px;background:#fff url(../images/btn_prev01.png) no-repeat center center;}
.ib01 .slick-next{left:50%;margin-left:-492px;background:#fff url(../images/btn_next01.png) no-repeat center center;}
.ib01 .slick-prev:hover, .ib01 .slick-next:hover{border-color:#009ff4}
.ib01 .slick-dots{position:absolute;left:50%;margin-left:-562px;bottom:60px;display:block;width:auto;padding:0;text-align:left}
.ib01 .slick-dots li{width:auto;height:4px;margin:0 5px 0 0}
.ib01 .slick-dots li button{width:24px;height:4px;padding:0;background:#c3c5c7}
.ib01 .slick-dots li.slick-active button{width:60px;background:#161c23}
.ib01 .slick-dotted.slick-slider{margin-bottom:0}
.ib01 .slick-dots li button:before{content:none}

.lc01{position:relative}
.lc01 li{margin-bottom:12px}
.lc01 li a{display:block;font-size:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.lc01 li a span{font-size:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.lc01 li a:hover{color:#009ff4;text-decoration:none}
.lc01 li em{font-size:14px;color:#515358}
.tc01 a.more, .lc01 a.more{position:absolute;top:30px;right:0;font-size:28px;font-weight:700}
.tc01 a.more:hover, .lc01 a.more:hover{color:#009ff4}

.lc02>li{padding:20px 0 100px 98px;position:relative}
.lc02.research>li#survey_10{min-height:240px;}
.lc02.methodology>li#methodology_09{min-height:240px;}
.lc02>li:before{content:"";display:block;width:57px;height:57px;background:url(../images/icon_57_57.png) no-repeat 0 0;position:absolute;left:0;top:8px}
.lc02.research>li#survey_01:before{background-position:0 0}
.lc02.research>li#survey_02:before{background-position:-57px 0}
.lc02.research>li#survey_03:before{background-position:-114px 0}
.lc02.research>li#survey_04:before{background-position:-171px 0}
.lc02.research>li#survey_05:before{background-position:-228px 0}
.lc02.research>li#survey_06:before{background-position:0 -57px}
.lc02.research>li#survey_07:before{background-position:-57px -57px}
.lc02.research>li#survey_08:before{background-position:-114px -57px}
.lc02.research>li#survey_09:before{background-position:-171px -57px}
.lc02.research>li#survey_10:before{background-position:-228px -57px}
.lc02.methodology>li#methodology_01:before{background-position:0 -114px}
.lc02.methodology>li#methodology_02:before{background-position:-57px -114px}
.lc02.methodology>li#methodology_03:before{background-position:-114px -114px}
.lc02.methodology>li#methodology_04:before{background-position:-171px -114px}
.lc02.methodology>li#methodology_05:before{background-position:-228px -114px}
.lc02.methodology>li#methodology_06:before{background-position:0 -171px}
.lc02.methodology>li#methodology_07:before{background-position:-57px -171px}
.lc02.methodology>li#methodology_08:before{background-position:-114px -171px}
.lc02.methodology>li#methodology_09:before{background-position:-171px -171px}
.lc02.methodology>li#methodology_10:before{background-position:-228px -171px}
.lc02.recruit>li#recruit_01:before{background-position:0 -228px}
.lc02.recruit>li#recruit_02:before{background-position:-57px -228px}
.lc02.recruit>li#recruit_03:before{background-position:-114px -228px}
.lc02.recruit>li#recruit_04:before{background-position:-171px -228px}
.lc02.inter>li#gallup_01:before{background-position:0 -342px}
.lc02.inter>li#gallup_02:before{background-position:-57px -342px}
.lc02.inter>li#gallup_03:before{background-position:-114px -342px}
.lc02.korea>li#story_01:before{background-position:-114px -285px}
.lc02.korea>li#story_02:before{background-position:-171px -285px}
.lc02.korea>li#story_03:before{background-position:-228px -285px}
.lc02.ci>li#ci_01:before{background-position:-57px -741px}
.lc02.ci>li#ci_02:before{background-position:-114px -741px}
.lc02.ci>li#ci_03:before{background-position:-171px -741px}
.lc02.award>li#award_01:before{background-image: url(../images/icon_57_award01.png)}
.lc02.award>li#award_02:before{background-position:0 -627px}
.lc02.infra>li#infra_01:before{background-position:0px -798px}
.lc02.infra>li#infra_02:before{background-position:-57px -798px}
.lc02.infra>li#infra_03:before{background-position:-114px -798px}


.lc02>li dl{margin-bottom:40px}
.lc02>li dl:last-child{margin-bottom:0}
.lc02>li dl dt{font-size:30px;line-height:34px;color:#161c23;margin-bottom:24px;font-weight:700}
.lc02>li dl dd{overflow:hidden}
.lc02>li dl dd p{margin-bottom:16px}
.lc02>li dl dd p:last-of-type{margin-bottom:0}
.lc02>li .btn01{margin-top:25px}
.lc02>li ul{border-top:1px solid #868e96;padding-top:24px;overflow:hidden}
.lc02.infra>li ul{padding-top:0}
.lc02>li ul li{margin-right:16px;margin-bottom:10px}
.lc02>li ul.tags li{float:left}
.lc02>li ul.normal{border-top:none}
.lc02>li ul.normal li{padding-left:20px;position:relative;color:#515358}
.lc02>li ul.normal li:before{content:"\00B7";position:absolute;left:0;top:0;font-size:20px;font-weight:900;color:#161c23}

.lc02>li.type01 .announce{overflow:hidden;margin-bottom:40px}
.lc02>li.type01 .announce li{width:32.5%;float:left;margin:0 0 1.25% 1.25%;padding:20px;height:210px;border:1px solid #ddd;box-sizing:border-box}
.lc02>li.type01 .announce li:first-child{margin-left:0}
.lc02>li.type01 .announce li:nth-child(3n+1){margin-left:0}
.lc02>li.type01 .announce li h4{margin-bottom:20px;line-height:24px}
.lc02>li.type01 .announce li h4 span:before{content:"|";color:#d4d7d9;margin:0 8px 0 7px;position:relative;top:-1px}
.lc02>li.type01 .announce li h4 span i{background-color:#0038ac;color:#fff;font-style:normal;padding:1px 10px;border-radius:12px;margin-right:5px}
.lc02>li.type01 .announce li a{display:block;position: relative; min-height:60px;font-size:18px;line-height:30px;margin-bottom:30px}
.lc02>li.type01 .announce li a .more{position:absolute;right:-5px;bottom:-70px;display:block;width:48px;height:48px;text-align:center;background-color:#fff;border:solid 1px #ddd;border-radius:24px}
.lc02>li.type01 .announce li a .more i{font-size:20px;color:#333;line-height:48px}
.lc02>li.type01 .announce li a .more i span{text-indent:-9999px;display:block;width:0px;height:0px}
.lc02>li.type01 .announce li a:hover .more {text-decoration:none;background-color:#0038ac}
.lc02>li.type01 .announce li a:hover .more i{color:#fff}
.lc02>li.type01 .announce li a:hover{text-decoration: none!important}
.lc02>li.type01 .announce li em{color:#868e96}

.lc02>li.type01 .papers{border-top:1px solid #ddd;padding-top:40px;padding-left: 2px}
.lc02>li.type01 .papers h4{font-size:18px;line-height:30px;font-weight:700;margin-bottom:16px}
.lc02>li.type01 .papers ol{list-style-type: decimal;margin-left:20px}
.lc02>li.type01 .papers ol li{margin-bottom:8px;color:#515358}
.lc02>li.type01 .papers ol li span{margin-left:10px}
.lc02>li.type01 .papers ol li span em:before{content:"|";color:#d4d7d9;margin:0 8px 0 7px}
.lc02>li.type01 .papers ol li span em:first-child:before{content:none}
.lc02>li.type01 .papers ol li span em b{margin-right:7px}
.lc02>li.type01 .papers ol li span a{text-decoration:underline; color:#161c23}
.lc02>li.type01 .papers ol li span a i{display:inline}

.lc02>li.type01 .awards{padding-top:40px}
.lc02>li.type01 .awards h4{font-size:18px;line-height:30px;font-weight:700;}
.lc02>li.type01 .awards{display:table;}
.lc02>li.type01 ul.awards{padding-top:0px;border:none;}	
.lc02>li.type01 ul.awards li h4{font-size:15px;margin-bottom:0;line-height:1;}	
.lc02>li.type01 ul.awards li a{font-size:12px;color:#0038ac;}	
.lc02>li.type01 .awards li{display:table-cell;vertical-align:middle;border:1px solid #ddd;box-sizing:border-box}	
.lc02>li.type01 .awards li:first-child{border-right:none;text-align:center;padding:18px 30px 12px}
.lc02>li.type01 .awards li:first-child img{max-height:50px;width:auto;}
.lc02>li.type01 .awards li:last-child{padding:18px 30px 12px;}
.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>li.type02 dl{position:relative}
.lc02>li.type02 dl dd .btn01{margin-top:0;position:absolute;top:-8px;right:0;padding:0 25px}

.lc02>li.type03 .info{border-top:1px solid #ddd;padding-top:40px}
.lc02>li.type03 .info>div{margin-bottom:34px}
.lc02>li.type03 .info>div:last-child{margin-bottom:0}
.lc02>li.type03 .info h4{font-size:18px;line-height:30px;font-weight:700;margin-bottom:8px}
.lc02>li.type03 .info .dd p{color:#515358}
.lc02>li.type03 .info .dd ul{border-top:none}
.lc02>li.type03 .info .dd ul li{padding-left:20px;position:relative}
.lc02>li.type03 .info .dd ul li h5{font-weight:700}
.lc02>li.type03 .info .dd ul li:before{content:"\00B7";position:absolute;left:0;top:0;font-size:20px;font-weight:900}
.lc02>li.type03 .info .dd ul li:last-child{margin-bottom:0;}
.lc02>li.type03 .info .dd .btn01{margin-bottom:30px;}

.lc02 .chart{overflow:hidden;margin-bottom:48px;display:flex;display:-ms-flexbox;;justify-content:space-between;border-top:none}
.lc02 .chart li>div{width:185px;height:185px;border-radius:92.5px;display:table-cell;background:#f1f3f5 url(../images/bg_intro.png) no-repeat 0 0;text-align:center;vertical-align:middle;font-size:18px;background-size:contain;}
.lc02 .chart li>div b{font-weight:700}

.lc02 .value{max-width:735px;height:414px;padding:8% 44% 0 43px;box-sizing:border-box;background:url(../images/bg_value.png) no-repeat 0 0;margin-bottom:25px;background-size:cover;background-position:top right;}
.lc02 .value p{color:#fff;margin-bottom:30px}
.lc02 .value p.origin{position:relative;padding-left:15px}
.lc02 .value p.origin:before{content:"-";position:absolute;color:#fff}

.lc02 .loads .thumb{padding:65px 0 50px;text-align:center}
.lc02 .loads .thumb.npb{padding-bottom: 0}
.lc02 .loads .thumb img{max-width:100%}
.lc02 .loads p{background-color:#f1f3f5;text-align:center;padding:30px 20px}

.lc02 .brands{margin-bottom:60px}
.lc02 .brands h4{margin-bottom:20px}
.lc02 .brands .thumb img{max-width:100%}
.lc02 .colors{margin-bottom:20px}
.lc02 .colors h4{margin-bottom:20px}
.lc02 .colors .thumb img{max-width:100%}

.lc02 .history{margin-top:40px}
.lc02 .history .ng07{border-top:none;padding:0;overflow:visible;height:48px}
.lc02 .history .ng07 li{width:20%;margin-right:0}
.lc02 .history .ng07 li a{height:48px;line-height:48px;font-size:14px}
.lc02 .history .dataA{clear:both}
.lc02 .history .dataA ul{border-top:none;padding-top:0}
.lc02 .history .dataA ul li{float:none;border-top:1px solid #ddd;margin-bottom:0;padding:15px 0;overflow:hidden}
.lc02 .history .dataA ul li:first-child{border-top:none}
.lc02 .history .dataA ul li strong{float:left;width:90px;text-align:center;margin-right:15px;color:#0038ac;font-weight:700}
.lc02 .history .dataA ul li span{display:block;margin-left:110px;font-size:14px;line-height:26px}

.lc02 hr{border:none;border-top:1px solid #ddd;height:0px;margin:40px 0}

.lc02 .org{margin-bottom:32px}
.lc02 .org h4{font-size:18px;line-height:1.5;margin-bottom:8px}
.lc02 .org a{text-decoration:underline;color:#161c23}
.lc02 .org i{text-decoration:underline;font-size:14px;}
.lc02 .org em:before{content:"|";color:#d4d7d9;margin:0 8px 0 7px}

.lc03 dt{color:#161c23;border-bottom:1px solid #161c23;padding-bottom:15px;margin-bottom:24px}
.lc03 dt b{color:#0038ac;font-weight:700}
.lc03 ul{overflow:hidden}
.lc03 ul li{display:none;float:left;width:30.47%;margin-right:4.295%;background-color:#f1f3f5;box-sizing:border-box;height:242px;padding:20px 25px;margin-bottom:4.85%;font-weight:300;color:#161c23;position:relative}
.lc03 ul li:nth-child(3n){margin-right:0}
.lc03 ul li p{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight: 400}
.lc03 ul li p b{font-weight:700;/*margin-right:5px;*/color:#0038ac}
/*.lc03 ul li a.more{position:absolute;bottom:25px;right:20px;text-decoration:none;border-bottom:1px solid #161c23}*/
.lc03 ul li a.more{position:absolute;right:24px;bottom:30px;display:block;width:48px;height:48px;text-align:center;background-color:#fff;border:solid 1px #ddd;border-radius:24px}
.lc03 ul li a.more i{font-size:20px;color:#333;line-height:48px}
.lc03 ul li a.more i span{text-indent:-9999px;display:block;width:0px;height:0px}
.lc03 ul li a.more:hover{text-decoration:none;background-color:#00a1e9}
.lc03 ul li a.more:hover i{color:#fff}
.lc03 .btnA{text-align:center;margin-top:10px}

.lc04{margin-bottom:60px}
.lc04 .optionA{overflow:hidden;margin-bottom:24px}
.lc04 .optionA .resultInfo{float:left;height:42px;line-height:42px;color:#161c23}
.lc04 .optionA .resultInfo b{font-weight:700;color:#0038ac}
.lc04 .optionA .ui-selectmenu-button{float:right;width:160px}
.lc04 .tbl01{display:table;width:100%;border-spacing:0;border-collapse:collapse;width:100%}
.lc04 .tbl01 .thead, .tbl01 .row{display:table-row}
.lc04 .tbl01 .thead > span{display:table-cell;background-color:#f1f3f5;height:56px;line-height:56px;text-align:center;color:#161c23;font-weight:700}
.lc04 .tbl01 .thead > span.no{width: 10%}
.lc04 .tbl01 .row > span{display:table-cell; border-bottom:1px solid #ddd;padding:25px 15px;color:#515358;text-align:center}
.lc04 .tbl01 .row > span a{font-size:18px;color:#161c23}
.lc04 .tbl01 .row > span a p{font-size: 18px;color:#161c23}

a span.pointB{box-shadow: inset 0 -12px 0 #b2e2fc}
a span.pointY{box-shadow: inset 0 -12px 0 #fff69f}

.lc04.gallupReport .tbl01 .row > span.t02{width:60%;text-align:left}
.lc04.gallupReport .tbl01 .row > span.t05{width:80%;text-align:left}
.lc04.gallupReport .tbl01 .row > span.t04 a{color:#c3c5c7;font-size:22px}
.lc04.gallupReport .tbl01 .row > span.t04 a:hover{color:#0038ac}
.lc04.searchResult .tbl01 .row > span.t02{width:60%;text-align:left}
.lc04.searchResult .tbl01 .row > span.t04 a{color:#c3c5c7;font-size:22px}
.lc04.searchResult .tbl01 .row > span.t04 a:hover{color:#0038ac}

.lc04.bookList .optionBar{overflow:hidden;margin-bottom:24px}
.lc04.bookList .optionBar p{float:left;height:48px;line-height:48px}
.lc04.bookList .optionBar p b{color:#0038ac;font-weight:700}
.lc04.bookList .optionBar .ui-selectmenu-button{float:right}
.lc04.bookList .tbl01 .row > span.t02{width:30%;text-align:left}
.lc04.bookList .tbl01 .row > span.t03{width:40%;text-align:left}

.lc05{position:relative}
.lc05 h3{margin-bottom:40px !important}
.lc05 li{float:left;margin-bottom:40px;width:48%;margin-right:4%}
.lc05 li:nth-child(2n){margin-right:0}
.lc05 li>a{display:block;font-size:24px;line-height:34px;margin-bottom:10px;max-height:68px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.lc05 li>a p{font-size: 24px;line-height: 34px}
.lc05 li>a:hover{color:#00a1e9;text-decoration:none}
.lc05 li span em{color:#515358}
.lc05 li span a{color:#c3c5c7;font-size:22px;vertical-align:middle}
.lc05 li span a:hover{color:#0038ac;text-decoration:none}
.lc05 li span a:before{content:"|";font-size:16px;color:#d4d7d9;margin:0 8px 0 7px;vertical-align:top}
.lc05 a.more{position:absolute;top:-5px;right:0;font-size:28px;font-weight:700}
.lc05 a.more:hover{color:#009ff4}

.lc05_01 li{float:left;width:31%;margin-right:3.5%}
.lc05_01 li:nth-child(2n){margin-right:3.5%}
.lc05_01 li:last-child{margin-right:0}
.lc05_01 a.more{top:25px}

/*펴낸책 리스트*/
.lc06{overflow:hidden}
.lc06 li{float:left;width:22.24%;margin-right:3.68%}
.lc06 li:last-child{margin-right:0}
.lc06 li .thumb{display:block;height:250px;line-height:250px;text-align:center;background-color:#f1f3f5;margin-bottom:24px}
/* 책 이미지 크기 변경 250218 이전 */
/* .lc06 li .thumb img{width:auto;display:block;max-height:160px;margin:0 auto;}
.lc06 li .thumb span{position:relative;vertical-align:middle;width:45%;line-height:1;display:inline-block;z-index:1} */
/* 책 이미지 크기 변경 250218 */
.lc06 li .thumb img{width:100%;display:block; margin:0 auto; max-width: 156px !important;}
.lc06 li .thumb span{position:relative;vertical-align:middle;width:60%;line-height:1;display:inline-block;z-index:1}
.lc06 li dl dt{margin-bottom:8px}
.lc06 li dl dt a{font-size:18px;color:#161c23;font-weight:700}
.lc06 li dl dd p{margin-bottom:16px}
.lc06 li dl dd em{font-size:14px;color:#868e96}

/* 펴낸책 리스트 책 순서 변경 */
.lc06{overflow:hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.lc06 li:last-child{margin-right:0; order: 1;}
.lc06 li:nth-child(1){margin-right:0; order: 2;}
.lc06 li:nth-child(2){margin-right:0; order: 3;}
.lc06 li:nth-child(3){margin-right:0; order: 4;}

/*CI컬러규정*/
.lc07{overflow:hidden;border-top:none !important;padding-top:0 !important}
.lc07 > li{width:164px;float:left;margin:0 32px 40px 0 !important}
.lc07 li.l4{clear:left}
.lc07 li .colorPicker{height:100px;margin-bottom:15px;color:#fff;box-sizing:border-box;padding:10px 15px}
.lc07 li.l1 .colorPicker{background-color:#7ecef4}
.lc07 li.l2 .colorPicker{background-color:#00a0e9}
.lc07 li.l3 .colorPicker{background-color:#0038ac}
.lc07 li.l4 .colorPicker{background-color:#000000}
.lc07 li.l5 .colorPicker{background-color:#fff33f}
.lc07 li .colorValue p{font-size:14px;color:#515358;font-weight:300;margin-bottom:0}

/* 초기화 */
.reset.padding{padding:inherit!important;}
.reset.margin{margin:inherit!important;}
.reset.padding.top{padding-top:inherit!important;}
.reset.margin.top{margin-top:inherit!important;}
.reset.margin.bottom{margin-bottom:inherit!important;}

.ng01 h3{margin-bottom:40px !important}
.ng01 ul li{float:left;width:13.7%;margin-left:3.56%;position:relative}
.ng01 ul li:first-child{margin-left:0}
.ng01 ul li a:before{content:"";display:block;width:57px;height:57px;position:absolute;top:0;left:0;background:url(../images/icon_57_57.png) no-repeat 0 0}
.ng01 ul li a{display:block;font-size:18px;font-weight:700;padding-top:70px;position:relative}
.ng01 ul li.l1 a:before{background-position:-175px -342px}
.ng01 ul li.l1 a:hover:before{background-position:-232px -342px}
.ng01 ul li.l2 a:before{background-position:0 -399px}
.ng01 ul li.l2 a:hover:before{background-position:-58px -399px}
.ng01 ul li.l3 a:before{background-position:-118px -399px}
.ng01 ul li.l3 a:hover:before{background-position:-175px -399px}
.ng01 ul li.l4 a:before{background-position:-233px -399px}
.ng01 ul li.l4 a:hover:before{background-position:-5px -456px}
.ng01 ul li.l5 a:before{background-position:-63px -456px}
.ng01 ul li.l5 a:hover:before{background-position:-120px -456px}
.ng01 ul li.l6 a:before{background-position:-176px -456px}
.ng01 ul li.l6 a:hover:before{background-position:-232px -456px}
.ng01 ul li a:after{content:"";width:100%;height:0;border-top:1px solid #161c23;position:absolute;bottom:35px;left:0}
.ng01 ul li a:hover{color:#00a1e9;text-decoration:none}
.ng01_01 h3{margin-bottom:60px !important}
.ng01_01 ul li{float:left;width:22%;margin-left:4%}
.ng01_01 ul li.l1 a:before{background-position:-5px -513px}
.ng01_01 ul li.l1 a:hover:before{background-position:-62px -513px}
.ng01_01 ul li.l2 a:before{background-position:-121px -513px}
.ng01_01 ul li.l2 a:hover:before{background-position:-178px -513px}
.ng01_01 ul li.l3 a:before{background-position:-234px -513px}
.ng01_01 ul li.l3 a:hover:before{background-position:-6px -570px}
.ng01_01 ul li.l4 a:before{background-position:-61px -570px}
.ng01_01 ul li.l4 a:hover:before{background-position:-61px -570px}

.ng01_02 h3{margin-bottom:10px !important}
.ng01_02 > p{margin-bottom:40px}
.ng01_02 ul li.l1 a:before{background-position:-114px -570px}
.ng01_02 ul li.l1 a:hover:before{background-position:-171px -570px}
.ng01_02 ul li.l2 a:before{background-position:-228px -570px}
.ng01_02 ul li.l2 a:hover:before{background-position:0 -627px}
.ng01_02 ul li.l3 a:before{background-position:-57px -627px}
.ng01_02 ul li.l3 a:hover:before{background-position:-114px -627px}
.ng01_02 ul li.l4 a:before{background-position:-171px -627px}
.ng01_02 ul li.l4 a:hover:before{background-position:-228px -627px}
.ng01_02 ul li.l5 a:before{background-position:-118px -741px}
.ng01_02 ul li.l5 a:hover:before{background-position:-175px -741px}

body.en .ng01_02 ul li.l2 a:before{background-position:-118px -741px}
body.en .ng01_02 ul li.l2 a:hover:before{background-position:-175px -741px}


.ng02{height:22px}
.ng02 li{display:inline-block;text-align:left;font-size:14px;color:#161c23}
.ng02 li:before{content:"";display:inline-block;width:5px;height:9px;background:url(../images/bl_arr01.png) no-repeat center center;margin:0 12px 0 10px}
.ng02 li.home:before{content:none}
.ng02 li a{display:inline-block;font-size:14px;color:#868e96}
.ng02 li.home a{width:15px;height:22px;background:url(../images/btn_home01.png) no-repeat center center;background-size:15px;text-indent:-9999px}

.ng03 li a{display:block;height:48px;line-height:48px;padding-left:15px;color:#868e96}
.ng03 li.active a{background-color:#0038ac;color:#fff;font-weight:700}
.ng03 li.active a:before{content:"∙";font-weight:900;font-size:18px;margin-right:10px}
.ng03 li a:hover{text-decoration:none;color:#000;font-weight:700}
.ng03 li.active a:hover{color:#fff}

.ng04 .selects{float:left;width:31%;margin-right:3.5%;position:relative;top:-24px}
.ng04 .selects li{border-bottom:1px solid #333}
.ng04 .selects li a{display:block;font-size:30px;height:92px;line-height:92px;color:#868e96}
.ng04 .selects li.active a{font-weight:700}
.ng04 .selects li.active a, .ng04 .selects li a:hover{text-decoration:none;color:#161c23}
.ng04 .dataA{float:right;width:65.3914590747%}
.ng04 .dataA h3{font-size:18px;line-height:30px;background:url(../images/bl_arr04.png) no-repeat 0 center;padding-left:15px}

/*뷰화면 헤더 공유 기능*/
.ng05{position:absolute;z-index:1}
.ng05 a.share{display:block;width:48px;height:48px;line-height:48px;color:#fff;text-align:center;background-color:#0038ac;border-radius:24px}
.ng05 a.share i{font-size:20px;line-height:48px}
.ng05 a.share:hover{background-color:#333;color:#fff}
.ng05 dl{display:none;position:absolute;right:0;top:70px;width:348px;height:124px;padding:20px 24px;box-sizing:border-box;background-color:#fff}
.ng05.opened dl{display:block}
.ng05 dl {
	background: #fff;
	border: 1px solid #ddd;
}
.ng05 dl:after,
.ng05 dl:before {
	bottom: 100%;
	right: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ng05 dl:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-right: 0px;
}
.ng05 dl:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ddd;
	border-width: 12px;
	margin-right: -2px;
}
.ng05 dl dt{color:#444;margin-bottom:10px;font-size:16px;line-height:24px;margin-bottom:15px;font-weight:normal}
.ng05 dl dd input{height:36px;color:#868e96;font-size:0.875rem;float:left;width:75%}
.ng05 dl dd button{height:36px;border:none;background-color:#0038ac;color:#fff;font-size:0.875rem;float:left;width:25%;cursor:pointer}

.ng05 > input#share_url{height:1px;width:1px;border:none;position:absolute;left:-9999px}

/* 뷰페이지 헤더 첨부파일 목록 */
.ng06{border-top:1px solid #ddd;padding:24px 0}
.ng06 li{margin-bottom:8px;color:#515358}
.ng06 li:last-child{margin-bottom:0}
.ng06 li i.xi-file-o{color:#c3c5c7}
.ng06 li a{text-decoration:underline;margin-left:10px;word-break:keep-all;}
.ng06 li a i{display:inline}
/* 조사의뢰와 상담/검색결과 탭메뉴*/
.ng07{border-bottom:1px solid #d4d7d9;height:58px;margin-bottom:40px}
.ng07 li{float:left;width:25%;box-sizing:border-box;border-top:1px solid #dadae5;border-left:1px solid #dadae5;padding:0 !important;margin-bottom:0 !important}
.ng07 li:first-child{margin-left:0}
.ng07 li:last-child{border-right:1px solid #d4d7d9}
.ng07 li.on{border-top:1px solid #161c23;position:relative}
.ng07 li.on:after{content:"";display:block;width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:-1px}
.ng07 li.on a:before{content:"";display:block;width:100%;height:1px;background-color:#161c23;position:absolute;left:0;top:0}
.ng07 li:before{content:none !important}
.ng07 li a{display:block;min-width:100px;text-align:center;height:58px;line-height:58px;text-decoration:none;font-size:18px;color:#868e96}
.ng07 li a:hover{color:#161c23}
.ng07 li.on a{color:#161c23;background-color:#fff;font-weight:700}
.ng07 li.on a em{color:#0038ac}
.ng07.location li{width:33.3333%}
.ng07.books li{width:33.3333%}

/* 오시는길 서브 탭메뉴 */
.ng08{margin-bottom:60px;display:table;width:100%}
.ng08 li{display:table-cell;border-bottom:1px solid #ddd;padding-right:40px}
.ng08 li:last-child{padding-right:0}
.ng08 li a{display:inline-block;font-size:18px;line-height:34px;color:#868e96;font-weight:500;padding-bottom:16px;position:relative;;white-space:nowrap;word-break:keep-all}
.ng08 li.on a, .ng08 li a:hover{color:#0038ac;text-decoration:none}
.ng08 li a:hover:after, .ng08 li.on a:after{content:"";display:block;width:100%;border-top:2px solid #0038ac;position:absolute;bottom:-1px;left:0}

/*사이트맵*/
.ng09{overflow:hidden}
.ng09 .category{float:left;width:31%;margin-right:3.5%;border-top:4px solid #161c23;padding-top:24px;position:relative;margin-bottom:64px}
.ng09 .category:nth-child(3n){margin-right:0}
.ng09 .category h3{font-size:30px;line-height:44px;margin-bottom:24px;font-weight:700}
.ng09 .category ul{border-top:1px solid #ddd}
.ng09 .category ul li{border-bottom:1px solid #ddd}
.ng09 .category ul li a{display:block;font-size:18px;padding:16px 0}
.ng09 .category ul li a:hover{text-decoration:none;color:#00a1e9}
.ng09 .category a.more{position:absolute;top:30px;right:0;font-size:28px;font-weight:700}
.ng09 .category a.more:hover{color:#009ff4}

.ng10{border-top:2px solid #e6e6e6;margin-top:80px}
.ng10 dl{border-bottom:1px solid #e6e6e6;padding:0 20px;overflow:hidden}
.ng10 dl:last-of-type{border-bottom:2px solid #e6e6e6}
.ng10 dl dt{float:left;width:8%;height:78px;line-height:78px;font-size:18px;color:#161c23}
.ng10 dl dt:after{font-family:xeicon;margin-left:10px}
.ng10 dl.prev dt:after{content:"\e945"}
.ng10 dl.next dt:after{content:"\e942"}
.ng10 dl dd{height:78px;line-height:78px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.ng10 dl dd:before{content:"|";color:#e6e6e6;margin-right:30px}
.ng10 dl dd a{font-size:18px;color:#161c23}

/* 페이징 */
.pager{text-align:center;margin-top:40px}
.pager li.pager-item, .pager li.pager-previous, .pager li.pager-next, .pager li.first, .pager li.last{margin:0;display:inline-block;width:2.75rem;height:2.75rem;padding:0}
.pager li a{display:inline-block;height:2.75rem;line-height:2.75rem;font-size:1.125rem;text-align:center;color:#888;width:2.75rem;width:2.75rem;border-radius:1.375rem;box-sizing:border-box}
.pager li a:hover{color:#fff;text-decoration:none;background-color:#0038ac}
.pager li.pager-current{margin:0 0.2rem;padding:0;display:inline-block;height:2.75rem;line-height:2.75rem;font-size:1.125rem;text-align:center;color:#fff;background-color:#0038ac;font-weight:700;width:2.75rem;border-radius:1.375rem}
.pager li.pager-previous{margin-right:20px}
.pager li.pager-next{margin-left:20px}
.pager li.pager-first a{text-indent:-9999px;background:url(../images/btn_first01.png) no-repeat center center;border:1px solid #ddd}
.pager li.pager-first a:hover{background-color:#edf0f5}
.pager li.pager-previous a{text-indent:-9999px;background:url(../images/btn_prev01.png) no-repeat center center;border:1px solid #ddd}
.pager li.pager-previous a:hover{background-color:#edf0f5}
.pager li.pager-next a{text-indent:-9999px;background:url(../images/btn_next01.png) no-repeat center center;border:1px solid #ddd}
.pager li.pager-next a:hover{background-color:#edf0f5}
.pager li.pager-last a{text-indent:-9999px;background:url(../images/btn_last01.png) no-repeat center center;border:1px solid #ddd}
.pager li.pager-last a:hover{background-color:#edf0f5}

.scroll-nav{text-align:left;border:1px solid #ddd}
.scroll-nav li a{display:block;line-height:26px;padding:10px 15px;color:#868e96;position:relative}
.scroll-nav li.scroll-nav__item--active a{background-color:#0038ac;color:#fff;font-weight:700;padding-left:30px}
.scroll-nav li.scroll-nav__item--active a:before{content:"\00B7";font-weight:900;font-size:18px;position:absolute;left:15px;top:50%;margin-top:-13px}
.scroll-nav li a:hover{text-decoration:none;color:#000;font-weight:700}
.scroll-nav li.scroll-nav__item--active a:hover{color:#fff}


.tc01{position:relative}
.tc01 h3{height:80px}
.tc01 p{font-size:18px;color:#161c23;line-height:30px}
.tc01 a.goto{position:absolute;right:0;bottom:30px;display:block;width:48px;height:48px;text-align:center;background-color:#0038ac;border-radius:24px}
.tc01 a.goto i{font-size:20px;color:#fff;line-height:48px}
.tc01 a.goto:hover{text-decoration:none;background-color:#00a1e9;color:#fff}
.tc01 ul{margin-top:-2rem;}
.tc01 li{margin-bottom:12px}
.tc01 li a{display:block;font-size:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.tc01 li a:hover{color:#009ff4;text-decoration:none}
.tc01 li em{font-size:14px;color:#515358}

.tc01.hBlock.hBlock3.w1 p{margin-top: -2.1rem}

.tc02{padding:40px;background-color:#f1f3f5;color:#161c23;font-size:18px;line-height:32px;margin-bottom:60px}
.tc02 dt{font-size:18px;color:#161c23;font-weight:700;margin-bottom:10px}
.tc02 .btn01{margin-top:25px}

.tc03 dt{position:relative;width:100%;height:480px;background:url(../images/banner_gallupgate.jpg) no-repeat fixed;background-position:center top 70px}
.tc03 dt strong{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-400px;vertical-align:middle;font-size:38px;line-height:52px;color:#fff}
.tc03 dt strong:before{content:"";position:absolute;left:-1020px;top:50%;width:1000px;border-top:1px solid #fff}
.tc03 dt strong:after{content:"";width:4px;height:4px;background-color:#fff;border-radius:2px;position:absolute;left:-20px;top:50%;margin-top:-2px}
.tc03.inter dt{background-image:url(../images/banner_inter.jpg)}
.tc03 dd{padding-top:42px;min-height:424px;padding-left:480px;box-sizing:border-box}
.tc03 dd .btn03{margin-top:40px}
.tc03 dd p{font-size:18px;line-height:30px;color:#161c23}
/* 오시는길 */
.tc04{display:table;width:100%}
.tc04 .infoA{display:table-cell;width:50%;vertical-align:top;padding-right:5%}
.tc04 .infoA h2{font-size:30px;line-height:31px;font-weight:700;margin-bottom:64px}
.tc04 .infoA dl{margin-bottom:40px}
.tc04 .infoA dl dt{color:#212121;font-weight:700;margin-bottom:8px}
.tc04 .infoA dl dd{color:#515358}
.tc04 .mapA{display:table-cell;width:45%;vertical-align:top}
.tc04 .mapA iframe{width:100%;height:540px}
.tc04 .mapA table{width:100%;margin-bottom:10px}
.tc04 .mapA table img{width:100%}

.tc05{border:1px solid #ddd;padding:46px;background:url(../images/bg_inquiry.png) no-repeat right bottom;margin-bottom:150px}
.tc05 dl{margin-bottom:20px}
.tc05 dt{font-size:20px;line-height:1.5;font-weight:500;color:#161c23;margin-bottom:10px}
.tc05 dd{color:#868e96}
.tc05 p a{color:#0038ac}

.td01{padding:32px;background-color:#f1f3f5;color:#161c23;font-size:18px;line-height:32px;margin-bottom:60px}
.td01_01{margin-bottom:15px}
/*메인페이지 갤럽리포트 타이틀*/
.th01{height:348px;box-sizing:border-box;padding:84px 30px;background:#009ff4 url(../images/bg_th01_lc01.png) no-repeat;background-position:left 32px bottom 45px;color:#fff}
.th01 h2{font-size:30px;line-height:44px;color:#fff;margin-bottom:24px}
.th01 p{color:#fff;font-size: 18px;line-height: 30px}
.th01.lc01 a.more{color:#fff;right:30px;top: 34px}
.lc01.th01{border-top:none;margin-bottom:0;padding-top: 28px; height:358px;}
/*서브페이지 타이틀*/
.th02{padding-bottom:40px;border-bottom:4px solid #161c23;position:relative}
.th02 h1{font-size:38px;line-height:52px;color:#161c23;font-weight:700;margin-bottom:16px}
.th02 p{font-size:24px;line-height:34px;color:#161c23}
.th02 p strong{color:#0038ac;font-weight:700}
.th02 .ng05{position:absolute;right:0;bottom:34px}
/*
.th02 .ng05 a.share{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;color:#0038ac}
.th02 .ng05 a.share i{line-height:46px}
.th02 .ng05 a.share:hover{background-color:#0038ac;border-color:#0038ac;color:#fff}
*/
.th02 .btn01{position:absolute;right:0;bottom:34px;padding: 0 30px;}


.th02_01 h1{margin-bottom:0}
.th02_02{border-bottom:none;padding-bottom:0}
.th02_02 h1{margin-bottom:0}

.th03{overflow:hidden;position:relative}
.th03:before{content:"";display:block;width:40px;height:40px;border-radius:20px;background-color:#0038ac;margin-bottom:16px}
.th03 h1{float:left;width:36.5%;font-size:38px;line-height:53px;font-weight:700}
.th03 p{float:right;width:63.5%;font-size:30px;line-height:1.5;color:#161c23}

.th04{width:90%;padding-bottom:40px}
.th04 dt{font-size:30px;line-height:44px;font-weight:700;color:#161c23;margin-bottom:16px}
.th04 dt p{font-size: 30px;line-height: 44px}
.th04 dd em{color:#868e96}

/* jquery ui object style */
.standard-selectmenu{border:1px solid #c3c5c7;background-color:#fff !important;border-radius:0;width:145px;height:42px;padding:0;vertical-align:top}
.standard-selectmenu:hover{background-color:#fff;border-color:#0038ac}
.standard-selectmenu span.ui-selectmenu-text{font-size:16px;line-height:42px;padding:0 0 0 10px;color:#161c23}
.standard-selectmenu span.ui-icon{right:10px;margin-top:0;position:absolute;top:20px;background:url(../images/bl_arr03.png) no-repeat 0 0 !important}
.standard_select{border-radius:0;background-color:#fff}
.standard_select .ui-menu-item{padding:0}
.standard_select .ui-menu-item .ui-menu-item-wrapper{padding:5px 10px}
.standard_select .ui-state-active{background-color:#0038ac;padding:5px 10px;color:#fff}

.ui-checkboxradio-label, .ui-checkboxradio-label:hover, .ui-checkboxradio-label.ui-state-active:hover{border:none;background:transparent;color:#2b2b2b;padding:0;height:1.875rem;line-height:1.875rem}
.ui-checkboxradio-label .ui-icon, .ui-checkboxradio-label:hover .ui-icon{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:0;background:url("../images/form_check.png") no-repeat 0 center;background-color:transparent;background-size:cover;margin-top:0}
.ui-checkboxradio-label.ui-state-active .ui-icon, .ui-checkboxradio-label.ui-state-active:hover .ui-icon{background-image:url("../images/form_checked.png")}
.ui-checkboxradio-label{font-weight:700;color:#231f20;font-size:1.125rem;color:#515358;font-weight:normal}

/*post*/
.postA p{margin-bottom:20px;font-size:16px;line-height:26px;color:#515358}
.postA h3{font-size:24px;line-height:1.5;font-weight:700;margin-bottom:16px}
.postA h4{font-size:18px;line-height:1.5;font-weight:700;margin-bottom:8px}
.postA ul{margin-bottom:20px}
.postA ul li p{margin-left:15px;margin-top:4px}
.postA table{border-spacing:0;border-collapse:collapse;width:100%;margin-bottom:20px;border-top:1px solid #121111;border-left:1px solid #ddd}
.postA table caption{height:0;text-indent:-9999px}
.postA table thead th{padding:0.625rem 1.875rem;background-color:#f0f3f5;color:#1a1a1a;font-weight:500;border-right:1px solid #ddd;text-align:left}
.postA table tbody td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1.25rem 1.875rem}
.postA table tbody th{color:#333;padding:0.625rem 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-weight:normal}
.postA table tbody td.center{text-align:center}
.postA table tbody td p:last-of-type{margin-bottom:0}

/* 맨 위로 */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 25px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 9; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(0,0,0,.6); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px 10px; /* Some padding */
    border-radius: 100px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cf02 form span input{left:15px;top:-5px;width:85px;height:76px}
  .cf02 form span em{right:10px;top:5px}

}
/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .cf02 form span input{left:15px;top:-4px}
}
/* Firefox */
@-moz-document url-prefix(){
  .cf02 form span input{left:15px;top:4px}
  .cf02 form span em{right:10px;top:11px}
}


/*게시글 테이블 추가*/

table.board01t{width: 100%}
table.board01t thead tr th{background-color: #E2E5E6;border-bottom: 1px solid #ccc}
table.board01t thead th, table.board01t thead td, table.board01t tbody th, table.board01t tbody td{text-align: center}
table.board01t tbody th{background-color: #F0F3F5}

.post-imgbd01{border:1px solid #ccc!important}
.post-hdline01{margin: 0!important;font-weight: 500!important; font-size: 20px!important;color: rgb(220,20,60)!important}