@charset "utf-8";

#wrap {position:relative; margin:0 auto; }
#head { border-bottom:1px solid #c6c6c6;}
.main_head {position:relative; width:1280px; height:80px; margin:0 auto;}
.main_head .logo {position:absolute; left:0; top:22px;}
.main_head .gnb {text-align:center;}
.main_head .gnb a {line-height:80px; font-weight:bold; font-size:18px;}
.main_head .gnb a + a {margin-left:18px;}
.main_head .btn_vr_top {/*display:inline-block; position:absolute;*/ top:31px; right:0; font-size:15px; font-weight:bold; vertical-align:middle;}
.main_head .btn_vr_top img {vertical-align:middle;}
.main_head .btn_vr_top span {display:inline-block; line-height:19px; vertical-align:middle;}
.sub_head .logo {padding:22px 0; text-align:center;}
.sub_head .btn_vr_top {/*display:inline-block; position:absolute;*/ top:31px; right:39px; font-size:15px; font-weight:bold; vertical-align:middle;}
.sub_head .btn_vr_top img {vertical-align:middle;}
.sub_head .btn_vr_top span {display:inline-block; line-height:19px; vertical-align:middle;}
#container { border-left:1px solid #c6c6c6;}
.sub_container {width:1440px; margin:0 auto;}
#container:after {content:""; display:block; clear:both;}

#foot {background:#fafafa; clear:both;}
#foot .foot_menu_box {border-bottom:1px solid #fff;}
#foot .foot_menu_box .foot_menu {width:1045px; margin:0 auto; text-align:center;}
#foot .foot_menu_box .foot_menu a {line-height:56px;}
#foot .foot_menu_box .foot_menu a + a {margin-left:71px;}
#foot .foot_box {position:relative; width:1045px; height:115px; margin:0 auto; overflow:hidden;}
#foot .foot_box .foot_logo {float:left; margin-top:27px;}
#foot .foot_box p {float:right; margin-top:27px; font-size:13px; line-height:20px; text-align:right;}

/* lnb */
.lnb_box {float:left; width:264px; height:100%;}
.lnb {}
.lnb > li.on {background:#fafafa;}
.lnb > li .menu {display:block; padding:0 20px 0 24px; font-size:18px; line-height:72px; font-weight:normal;}
.lnb > li .menu.on {font-weight:bold;}
.lnb > li .menu span {display:block; background:url('../images/dropdown-black@2x.png') no-repeat right center/24px 24px;}
.lnb > li .menu.on span {background:url('../images/dropup-black@2x.png') no-repeat right center/24px 24px;}
.lnb > li .dep2 {display:none;}
.lnb > li .menu.on + .dep2 {display:block;}
.lnb > li .dep2 > li .s_menu:hover:before {content:""; position:absolute; left:-18px; top:50%; width:8px; height:4px; margin-top:-2px; background:#9b9b9b;}
.lnb > li .dep2 > li .s_menu span {overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.lnb > li .dep2 > li .s_menu {position:relative; margin-left:49px; line-height:39px; display:block;}
.lnb > li .dep2 > li .s_menu.on {font-weight:bold;}
.lnb > li .dep2 > li .s_menu.on:before {content:""; position:absolute; left:-18px; top:50%; width:8px; height:4px; margin-top:-2px; background:#000;}
.lnb > li .dep2 > li .dep3 {display:none; margin-left:69px; }
.lnb > li .dep2 > li .dep3.on {display:block;}
.lnb > li .dep2 > li .dep3 > li a {color:#9b9b9b; line-height:39px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap; font-family: 'NanumSquareRound', sans-serif;}
.lnb > li .dep2 > li .dep3 > li a:hover { color:#000000 }

/* content */
.content {min-height:800px; border-left:1px solid #c6c6c6; margin-left:264px; padding-bottom:75px;}
.title_box {padding:32px;}
.title_box h1 {font-size:32px; line-height:35px; font-weight:bold;}
.title_box .tit_p {margin-top:14px; color:#9b9b9b; font-size:12px; line-height:20px; font-family: 'NanumSquareRound', sans-serif;}

.ctl_box {position:relative; overflow:hidden; margin-top: 40px;}
.ctl_box .data_tab {float:left; margin-left:32px; overflow:hidden;}
.ctl_box .data_tab li {float:left;}
.ctl_box .data_tab li + li {margin-left:24px;}
.ctl_box .data_tab li a {color:#9b9b9b; font-size:15px; line-height:56px;}
.ctl_box .data_tab li a.on {color:#000; text-decoration:underline;}
.ctl_box .view_btn_list {float:right;}
.ctl_box .view_btn_list li {float:left; width:56px; height:56px; text-indent:-999px; cursor:pointer; overflow:hidden;}
.ctl_box .view_btn_list .view1 {background:url('../images/view-thumnail-gray@2x.png') no-repeat center center/24px 24px;}
.ctl_box .view_btn_list .view1.on {background:url('../images/view-thumnail-black@2x.png') no-repeat center center/24px 24px;}
.ctl_box .view_btn_list .view2 {background:url('../images/view-list-gray@2x.png') no-repeat center center/24px 24px;}
.ctl_box .view_btn_list .view2.on {background:url('../images/view-list-black@2x.png') no-repeat center center/24px 24px;}
.ctl_box .view_btn_list .btn_search {background:url('../images/btn_search.png') no-repeat center center/56px 56px;}
.ctl_box .search_box {display:none; position:absolute; left:0; top:0; z-index:1; width:100%; height:56px; padding-right:100px; box-sizing:border-box; background:#000;}
.ctl_box .search_box input[type="text"] {display:block; width:100%; height:56px; padding:0 32px; box-sizing:border-box; border:none; background:none; color:#fff; font-size:16px;	 }
.ctl_box .search_box .btn_search_close {position:absolute; top:0; right:20px; z-index:2; display:block; width:56px; height:56px;}

.addr_list_box {display:none;}
.addr_list_box.on {display:block;}
.list_style1 {overflow:hidden;}
.list_style1 li {float:left; width:20%; margin-bottom:20px; overflow:hidden;}
.list_style1 li .img {position: relative; size: auto; height: 235px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.list_style1 li .img img {width:100%;}
.list_style1 li .a {height:100%; width:100%; position:absolute; top:0; left:0; text-indent: -999px;}
.list_style1 li .cont {padding:10px 11px 19px;}
.list_style1 li .cont h1 {margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_style1 li .cont h1 a {font-size:16px; line-height:24px; font-weight:bold; font-family: 'NanumSquareRound', sans-serif;}

.list_style1 li .cont p {margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_style1 li .cont p a {font-size:13px; font-weight:bold; font-family: 'NanumSquareRound', sans-serif; color:#9b9b9b;font-weight:bold;}

.list_style2 {}
.list_style2 li {border-bottom:1px solid #ececec; overflow:hidden;}
.list_style2 li .img {float:left; position: relative; size: auto; height: 156px; width: 204px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.list_style2 li .img img {width:100%;}
.list_style2 li .a {height:100%; width:100%; position:absolute; top:0; left:0; text-indent: -999px;}
/* .list_style2 li .img {float:left; } */
.list_style2 li .cont {float:left; padding:10px 23px 26px 10px; width: 800px;}
.list_style2 li .cont .ico_box {margin-bottom:6px;}
.ico_box span {display:inline-block; width:54px; height:24px; border-radius:12px; font-size:12px; line-height:25px; text-align:center; vertical-align:middle; overflow:hidden;}
.ico_box .ico_red {border:1px solid #ff4080; color:#ff4080;}
.ico_box .ico_blue {border:1px solid #0a64ab; color:#0a64ab;}
.ico_box .ico_mint {border:1px solid #0dc38a; color:#0dc38a;}
.ico_box .ico_navy {border:1px solid #4A90E2; color:#4A90E2;}
.ico_box .ico_orange {border:1px solid #FF9F00; color:#FF9F00;}

.list_style2 li .cont h1 {margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_style2 li .cont h1 a {font-size:20px; line-height:22px; font-weight:bold; font-family: 'NanumSquareRound', sans-serif;}
.list_style2 li .cont .txt_cont {margin-top:20px; line-height:16px; font-family: 'Nanum Barun Gothic', sans-serif;}
.list_style2 li .cont .txt_cont dl {overflow:hidden;}
.list_style2 li .cont .txt_cont dl + dl {margin-top:6px;}
.list_style2 li .cont .txt_cont dl dt {float:left; color:#4a4a4a; font-weight:bold;}
.list_style2 li .cont .txt_cont dl dd {float:left; margin-left:3px; color:#9b9b9b; }

.list_style2 li .cont-dic .other_dic_subject {color:#A0A0A0; line-height:16px; font-family: 'Nanum Barun Gothic', sans-serif;}
.list_style2 li .cont-dic .txt_cont .dic_cont {margin: 0 0 20px 0; width: 100%; height: 4.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.6em;}
.list_style2 li .cont-dic .txt_cont .result_location {color:#A0A0A0;}

.keyword-search-title {font-size: 16px; margin: 10px 10px 10px 10px; height: 100%;}
.keyword-search-title p {display: inline;}
.keyword-search-title a {float: right;}
.keyword-search-title .data_tab {color: #000; text-decoration: underline; font-size: 15px;}
.keyword-search-border {height: 100%; width: 100%; border-bottom: 1px solid #ececec;}
.list_style2 li .cont-dic {width: 100%; padding: 10px; 10px; 10px; 10px;}
.list_style2 li .cont-dic h1 {margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_style2 li .cont-dic h1 a {font-size:20px; line-height:22px; font-weight:bold; font-family: 'NanumSquareRound', sans-serif;}
.list_style2 li .cont-dic .txt_cont {margin-top:20px; line-height:16px; font-family: 'Nanum Barun Gothic', sans-serif;}
.keyword-search-input {border: 1px solid rgba(0,0,0,0);}
.search-window-top {display: flex;}
.main-keyword-search {width: 700px;}
.search-window-top .search-window-border{display: flex; /*transition: all .6s ease-in-out*/}
.search-window-top .search-window-border:hover{border-bottom: 1px solid #9b9b9b;}

.main_head .search-window-top {display:inline-block; position:absolute; top:31px; right:0; font-size:15px; font-weight:bold; vertical-align:middle;}
.sub_head .search-window-top {display: flex; position:absolute; top:31px; right:80px; font-size:15px; font-weight:bold; vertical-align:middle;}
.search .list_style2.image li .cont {float:left; padding:23px 26px 0; margin-left:20px;}
.search .list_style2 li .cont h1 a {height:26px; line-height:26px;}
.search .list_style2.image li .cont h1, .search .list_style2.sound li .cont h1 {float:left; margin-bottom:20px;}

/* visual */
.visual_box {position:relative;}
.visual_box .swiper-container {height:600px; z-index:1;}
.visual_box .visual_list li {position:relative; width:100%;overflow:hidden;}
.visual_box .visual_list li h1 {position:absolute; left:0; padding-top:197px; width:100%; color:#fff; font-size:40px; line-height:78px; font-weight:400; text-align:center; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.78);}
.visual_box .swiper-pagination-bullet {border:2px solid #fff; box-sizing:border-box; background:none; opacity:1;}
.visual_box .swiper-pagination-bullet-active {background:#fff;}

.main_search_wrap {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:192px; background:rgba(0,0,0,0.8);}
.main_search_box {width:911px; margin:0 auto;}
.main_search_box .search_tab {padding-top:12px; text-align:center;}
.main_search_box .search_tab a {display:inline-block; position:relative; color:#fff; font-size:18px; opacity:0.4;}
.main_search_box .search_tab a.on {opacity:1; font-weight:bold;}
.main_search_box .search_tab a.on:before {content:""; position:absolute; left:50%; top:-12px; width:40px; height:2px; margin-left:-20px; background:#fff;}
.main_search_box .search_tab a + a {margin-left:32px;}
.main_search_cont {display:none; margin-top:25px;}
.main_search_cont.on {display:block;}
.main_search_cont table {width:100%;}
.main_search_cont table tr th {height:55px; padding-left:30px; color:#fff; font-size:15px; font-weight:400; opacity:0.4; text-align:left;}
.main_search_cont table tr td {color:#fff;}
.main_search_cont table tr td .text {width:100%; height:36px; padding:0 6px; box-sizing:border-box; border:1px solid #fff; background:none; color:#fff; }
.main_search_cont table tr td.long {padding-right:20px;}
.main_search_cont table tr td select {width:158px; height:36px; border:1px solid #fff; background:none; color:#fff; }
.main_search_cont table tr td select.long {width:100%; background-color:black;}
.main_search_cont table tr td .btn_main_search {display:block; width:100%; height:90px; border:none; background:#fff; color:#000; font-size:20px; cursor:pointer;}
.main_search_cont table tr td .ns {display:inline-block; width:22px; text-align:center;}

#searchAllBtn_mobile {display:none;}

.main_title {width:1280px; padding:80px 0 32px; margin:0 auto; box-sizing:border-box;}
.main_title em {display:block; font-size:15px;}
.main_title h2 {margin-top:6px; font-size:32px; line-height:35px; font-weight:bold;}
.vr_img_list {overflow:hidden;}
.vr_img_list li {float:left; position:relative; width:33.33%;}
.vr_img_list li .img img {width:100%;}
.vr_img_list li .mk_box {opacity:0; transition:all .5s; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.vr_img_list li .btn_vr_img {position:absolute; left:0; z-index:9; width:100%; height: 100%; text-align:center; top: 0px;}
.vr_img_list li .btn_vr_img a {height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.vr_img_list li .btn_vr_img a img {padding-top: 20%;}
.btn_vr_img img {padding-top: 20%;}
.vr_img_list li .cont {position:absolute; left:24px; bottom:20px; z-index:9; color:#fff;}
.vr_img_list li .mk_box .cont em {display:block; font-weight:400;}
.vr_img_list li .mk_box .cont h3 {margin-top:4px; font-size:20px; line-height:22px; font-weight:400;}
.vr_img_list li .mk_box .cont .txts {margin-top:20px;}
.vr_img_list li .mk_box .cont .txts p {font-size:14px;}
.vr_img_list li .mk_box .cont .txts p strong {color:#fff; opacity:0.6; font-weight:400;}
.vr_img_list li .mk_box .cont .txts p i {color:#fff;}
.vr_img_list li .mk_box .cont .txts p span {color:#fff;}
.vr_img_list li:hover .mk_box {opacity:1; transition:all .5s; cursor:pointer;}
.vr_title {font-size:18px;}

.video_img_list {overflow:hidden;}
.video_img_list li {float:left; position:relative; width:50%; height:500px;}
.video_img_list li .img img {width:100%;}
.video_img_list li .mk_box {  position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;cursor:pointer;}
.video_img_list li .btn_video_img {position:absolute; left:0; top:50%; z-index:9; width:100%; margin-top:-40px; text-align:center; }
.video_img_list li .cont {position:absolute; left:24px; bottom:20px; z-index:9; color:#fff;}
.video_img_list li .cont em {display:block; font-weight:400;}
.video_img_list li .cont h3 {margin-top:4px; font-size:20px; line-height:22px; font-weight:400;}
.video_img_list li .cont .txts {margin-top:20px;}
.video_img_list li .cont .txts p {font-size:14px;}
.video_img_list li .cont .txts p strong {color:#fff; opacity:0.6; font-weight:400;}
.video_img_list li .cont .txts p i {color:#fff;}
.video_img_list li .cont .txts p span {color:#fff;}
.video_img_list li:hover .mk_box {transition:all .5s; background-color:rgba(0,0,0,0.6);}

.bf_box1 {position:relative; overflow:hidden;}
.bf_box1 .bf_left {position:absolute; left:0; top:0; width:55%; height:100%;}
.bf_box1 .bf_left .bf_cont {display:table; height:100%; padding-left:25%; padding-right:10%;}
.bf_box1 .bf_left .cont {display:table-cell; vertical-align:middle;}
.bf_box1 .bf_left .cont em {color:#bdbdbd; font-size:15px; font-weight:400;}
.bf_box1 .bf_left .cont h2 {margin-top:10px; font-size:30px; line-height:33px; font-weight:bold;}
.bf_box1 .bf_left .cont p {margin:37px 0 46px; color:#2b2d37; line-height:32px; font-family: 'Nanum Barun Gothic', sans-serif;}
.bf_more {display:inline-block; padding-left:22px; background:url('../images/ico_more.png') no-repeat 0 center/20px 20px; font-size:18px; line-height:20px; font-weight:bold;}
.bf_box1 .bf_right {float:right; width:45%;}
.bf_box1 .bf_right img {width:100%;}

.bf_box2 {position:relative; overflow:hidden;}
.bf_box2 .bf_right {position:absolute; right:0; top:0; width:45%; height:100%;}
.bf_box2 .bf_right .bf_cont {display:table; height:100%; padding-left:10%; padding-right:10%;}
.bf_box2 .bf_right .cont {display:table-cell; vertical-align:middle;}
.bf_box2 .bf_right .cont em {color:#bdbdbd; font-size:15px; font-weight:400;}
.bf_box2 .bf_right .cont h2 {margin-top:10px; font-size:30px; line-height:33px; font-weight:bold;}
.bf_box2 .bf_right .cont p {margin:37px 0 46px; color:#2b2d37; line-height:32px; font-family: 'NanumSquareRound', sans-serif;}
.bf_box2 .bf_left {width:55%;}
.bf_box2 .bf_left img {width:100%;}

.btns {margin-top:39px;}
.btns a {display:inline-block; padding:0 24px; border:1px solid #000; border-radius:20px; font-size:16px; line-height:40px;}
.btns div {display:inline-block; padding:0 24px; border:1px solid #000; border-radius:20px; font-size:18px; line-height:40px; color:#fff; background:#000;}
.btns a + a {margin-left:13px;}
.btns a.on {color:#fff; background:#000;}

#openDetailSearch {float: right;}

.ct_wrap {margin-top:30px; padding:28px 60px 40px 33px; font-family: 'Nanum Barun Gothic', sans-serif;}
.ct_wrap .ct_tit {position:relative;}
.ct_wrap .ct_tit em {display:block; color:#9b9b9b; font-size:16px; font-weight:400;}
.ct_wrap .ct_tit td {color:#9b9b9b; font-size:14px; font-weight:400;padding:3px 0;}
.ct_wrap .ct_tit .tit_b {color:#000000; padding-right: 5px; text-align:left; width:60px;}
.ct_wrap .ct_tit h2 {margin-top:10px; font-size:32px; line-height:35px; font-weight:bold;}
.ct_wrap .ct_tit h3 {margin-top:10px; font-size:20px; line-height:35px; font-weight:bold; margin-bottom:20px;}
.ct_wrap .ct_tit .down {position:absolute; right:0; bottom:0; padding-left:28px; background:url('../images/download-on@2x.png') no-repeat 0 center/24px 24px; font-size:16px; line-height:35px;}
.ct_wrap .ct_footer {float: right; margin-top: 24px;}
.ct_wrap .ct_footer a {margin-left: 24px; color:#9b9b9b; font-size:15px; font-weight:400;}
.ct_wrap .ct_footer a:hover {border-bottom:solid 1px #9b9b9b;}
.ct_box {margin-top:20px;}
.ct_box .ct_img {width:100%; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-top: 50px;}
.ct_box .ct_img img{max-width:90%;}
.ct_box .ct_txts {font-size:14px; line-height:24px; font-weight:400;}
.ct_box .ct_txts .mm {font-size:32px; line-height:35px; font-weight:bold;}
.ct_box .ct_txts .ct_txt_img {text-align:center;}
.ct_box .ct_txts .ct_txt_img .img {display:inline-block; width: 80%}
.ct_box .ct_txts .ct_txt_img .img img {width: 100%}
.ct_box .ct_txts .ct_txt_img .img span {display:block; height:24px; padding-left:6px; margin-top:8px; border-left:2px solid #d8d8d8; font-size:12px; line-height:24px; text-align:left;}
.ct_box .ct_txts p p img {width: 80%;}
.sub_cont {padding:40px 31px;}
.sub_cont .rdsel {padding-bottom:20px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.sub_cont .rdsel ul {overflow:hidden;}
.sub_cont .rdsel ul li {float:left; margin-top:20px;}
.sub_cont .rdsel ul li:nth-child(even) {margin-left:122px;}
.sub_cont input[type="radio"] {display:none;}
.sub_cont .radio_label {color:#9b9b9b; padding-left:42px; background:url('../images/radio-off.png') no-repeat 0 center/20px 20px; font-size:16px; line-height:20px; min-width:120px; float:left;}
.sub_cont input[type="radio"]:checked + .radio_label {color:#000; background:url('../images/radio-on.png') no-repeat 0 center/20px 20px;}
.sub_cont .rdsel ul li .sel {opacity:0.6; -moz-appearance: none; -webkit-appearance: none; appearance: none; width:257px; height:40px; padding:0 20px; margin-left:10px; border:none; border-radius:20px; background:url('../images/dropdown-black@2x.png') no-repeat 213px center #f7f7f7; background-size:24px 24px; font-size:16px;}
.sub_cont input[type="radio"]:checked + .radio_label + .sel {opacity:1;}

.mgt20 {margin-top:20px !important;}
.mgt65 {margin-top:65px !important;}
.mgt75 {margin-top:75px !important;}

.h2tit {font-size:24px; line-height:26px; font-weight:bold;}
.sub_cont .h2tit_p {margin-top:16px; color:#9b9b9b; font-size:20px; line-height:22px; font-weight:400;}
.ck_location {margin-top:10px; color:#0dc38a; font-size:20px; line-height:22px;}
.g_img img {width:100%;}
.vd_list {margin-top:20px; overflow:hidden;}

.breadcumb {margin-top:10px; font-size:20px; color:#0dc38a; margin-bottom:-12px;}

.list-lvl-2 .vd_list li {width:25%;}
.list-lvl-3 .vd_list li {width:12.5%;}
.list-lvl-2 .vd_list li .img_box {height:183.5px;}
.list-lvl-3 .vd_list li .img_box {height:139px;}

.vd_list li {float:left; margin-top:32px;}
.vd_list li .img {margin-bottom:10px; height: 248px; width: 370px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.vd_list li + li .img {}
.vd_list li .radio_label {margin-left:3px;}
.vd_list li .img_box {position:relative; background-size:150%; background-repeat:no-repeat; background-position:center;}
.vd_list li .img_box .mk { position:absolute; left:0; top:0; width:100%; height:100%; }
.vd_list li input[type="radio"]:checked + .img_box .mk {background:url('../images/check.png') no-repeat center center rgba(13, 195, 138, 0.4);}
.vd_list li .img_box:hover .mk {background-color:rgba(13, 195, 138, 0.2);}
.vd_list li .gg_label {font-size:16px; margin-top:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vd_list.col4 li {width:25%;}
.vd_list.col4 li .img img {width:100%;}
.vd_list.col8 li {width:12.5%;}
.vd_list.col8 li .img img {width:100%;}

.vd_list a:hover .img_box:after {content:""; display:block; background-color:rgba(13, 195, 138, 0.4); width:100%; height:100%; position:absolut; top:0px; left:0px;}

/* graph */
.graph_table {width:100%; margin-top:30px;}
.graph_table tr th {font-size:14px; font-weight:400; text-align:right; white-space: nowrap;}
.graph_table tr td {height:40px; padding:0 20px;}
.graph_table tr td .graph_line {display:inline-block; height:10px; text-align:left;}
.graph_table tr td em {margin-left:10px; font-size:14px; line-height:20px; font-weight:bold;}

.circle_graph_list {margin-top:80px; overflow:hidden;}
.circle_graph_list li {float:left; width:50%;}
.circle_graph_list li h2 {}
/* graph end */
.bdb {margin:0 31px; border-bottom:1px solid #d8d8d8;}

.input_table {width:100%; margin-bottom:30px;}
.input_table tr th {padding:10px 0; font-size:18px; line-height:40px; font-weight:bold; text-align:left; vertical-align:top;}
.input_table tr td {padding:10px 0;}
.input_table tr td .ns {display:inline-block; margin:0 50px; font-size:16px; font-weight:bold; text-align:center;}
.input_table tr td .td_sel {overflow:hidden;}
.input_table tr td .td_sel li {float:left; width:257px; padding:10px 0; margin-right:20px;}
.input_table tr td strong {margin-right:16px; font-size:16px; font-weight:bold;}
.mgl60 {margin-left:60px !important;}
.checkbox_list {overflow:hidden;}
.checkbox_list li {float:left; width:20%;}
.checkbox_list li .checkbox_label {line-height:40px;}
.checkbox {display:none;}
.checkbox_label {color:#9b9b9b; padding-left:42px; background:url('../images/check-off@2x.png') no-repeat 0 center/20px 20px; font-size:16px; line-height:20px;}
.checkbox:checked + .checkbox_label {color:#000; background:url('../images/check-on@2x.png') no-repeat 0 center/20px 20px;}
.input_text {width:70%; height:40px; padding:0 20px; box-sizing:border-box; border:none; border-radius:20px; background:#f7f7f7; font-size:16px;}
.select {opacity:1; -moz-appearance: none; -webkit-appearance: none; appearance: none; width:40%; height:40px; padding:0 30px 0 20px; border:none; border-radius:20px; background:url('../images/dropdown-black@2x.png') no-repeat 315px center #f7f7f7; background-size:24px 24px; font-size:16px; font-family:'Nanum Barun Gothic';}
.select.off {opacity:0.6;}
.btn_det {display:block; height:48px; border:1px solid #e0e0e0; color:#2b2d37; font-size:16px; font-weight:400; line-height:48px;  text-align:center;}
.btn_det span {margin-right:8px; vertical-align:middle;}
.btn_det img {vertical-align:middle;}
.btn_sel_black {display:block; height:48px; margin-top:16px; border:1px solid #000; background:#000; color:#fff; font-size:16px; font-weight:bold; line-height:48px;  text-align:center;}


.result_wrap {padding:40px 31px; background:#f8f8f8;}
.compare_wrap {margin-top:36px; overflow:hidden;}
.compare_wrap .compare_box {position:relative; width:505px; height:587px; background:#fff;}
.compare_wrap .compare_box h3 {position:absolute; left:0; top:0; width:64px; height:64px; background:#000; color:#fff; font-size:24px; line-height:64px; font-weight:bold; text-align:center;}
.compare_wrap .compare_box .conpare_cont {padding:0 14px 0; margin-top:84px;}
.compare_wrap .compare_box .swiper-container {height:500px;}
.compare_wrap .compare_box .conpare_cont ul {}
.compare_wrap .compare_box .conpare_cont ul li {float:left; width:139px; padding:0 0 32px; margin:0 10px;}
.compare_wrap .compare_box .conpare_cont ul li .tit {margin-top:10px; overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.compare_wrap .compare_box .conpare_cont ul li .tit a {font-size:16px}
.box_left {float:left;}
.box_right {float:right;}
.result_tit {overflow:hidden;}
.result_tit h2 {float:left;}
.result_tit .down {float:right; padding-left:28px; background:url('../images/download-on@2x.png') no-repeat 0 center/24px 24px; font-size:17px; line-height:26px; cursor: pointer;}

.doughnut {margin-left:-20px;}

.objimg{cursor:pointer; border: 1px solid gray;}

/* Pagination */

.pagination {margin:auto; text-align:center; margin-top:32px;}
.paging {width:32px; height:32px; display:inline-block; text-align:center; color:black; line-height:32px; margin:0 5px;}
.paging:hover {font-weight:bold;}
.paging.current {color:#ff4080; border:solid 1px #ff4080; border-radius:16px;}
.prev_arrow {width:32px; height:32px; display:inline-block; text-align:center; color:black; line-height:32px; background:url(../images/pagenation-number-arrow-left.png) no-repeat white center; text-indent:-9999px }
.prev_arrow_disabled {width:32px; height:32px; display:inline-block; text-align:center; color:black; line-height:32px; background:url(../images/pagenation-number-arrow-left-gray.png) no-repeat white center;text-indent:-9999px; cursor:default; }
.next_arrow {width:32px; height:32px; display:inline-block; text-align:center; color:black; line-height:32px; background:url(../images/pagenation-number-arrow-right.png) no-repeat white center;text-indent:-9999px}
.next_arrow_disabled {width:32px; height:32px; display:inline-block; text-align:center; color:black; line-height:32px; background:url(../images/pagenation-number-arrow-right-gray.png) no-repeat white center;text-indent:-9999px; cursor:default;}
.pagingA {width:480px; height:32px; display:inline-block; text-align:center; color:black;  margin:-8px 0 0 0; cursor: pointer;}
.pagingB {width:480px; height:32px; display:inline-block; text-align:center; color:black;  margin:-8px 0 0 0; cursor: pointer;}

/* DETAIL PAGES */

.detail-item h3 {margin-bottom:20px;}
.detail-item th {color:#4a4a4a; text-align:left; font-weight:100; padding-right:10px;}



/* STATIC PAGE CSS */

.about .img_gallery {width:100%; max-height: 420px; height:auto; margin:40px 0;}
.about .paragraph {margin-bottom: 24px; line-height: 24px;}
.background_img {width:100%; height:420px; background-size: cover; background-position: center; background-repeat: no-repeat;}

.copy hr {width:100%; color:#d8d8d8; margin:32px 0; border:solid 1px #d8d8d8; display: block; border-top:none;}
.copy dl {margin:20px 0 24px 0;}
.copy dl dt {width:120px; float:left; color:#4a4a4a;}
.copy dt:after {content:""; display: block; clear: both;}
.copy dl dd, .copy dl dt {margin-bottom: 6px;}
.copy dl dd, .copy dl a {color:#9b9b9b;}
.copy .paragraph {line-height: 24px; font-family:'Nanum Barun Gothic';}
.copy .black-btn {display: block; width:100%; margin-top:50px; background-color: black; border-radius: 1px; height:48px; color:white; line-height: 48px; text-align: center; font-size:16px; font-weight: bold;}


.sitemap .sub_cont {background-color: #f8f8f8;column-gap: 30px;column-width: 500px;}
.sitemap .sitemap_container {width:100%; display: inline-block;}
.sitemap .sub_cont:after {content:""; display: block; clear:both;}
.sitemap .sitemap_area {background-color:white; padding:4px 16px; margin-top: 36px; padding-bottom: 20px; margin-bottom: 25px; font-family: 'NanumSquareRound', sans-serif;}
.sitemap .sitemap_area h3 {font-size: 14px; margin:16px 0 8px 0;}
.sitemap .red {color:#ec1a3a}

#floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #FFFFFF; padding: 5px; border: 1px solid #999; text-align: center; line-height: 30px; padding-left: 10px; }
#floating-panel { margin-left: -100px; font-family: 'NanumSquareRound', sans-serif;}

.pdfobject-container {width: 100%; height: 1300px; margin: 2em 0;}
.pdfobject { border: solid 1px #666;}

/* SEARCH */

.search .ico_box {float:left; margin-right:10px;}
.search .list_style2 h1 {height:26px; }
.search .list_style2 h1 div {float:left;}
.search .list_style2 h1 > a {float:left;}
.search .cont {padding:23px 26px 20px 0 !important;}
.search .cont .txt_cont {line-height:1.6 !important; max-height:115px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; clear:both;}
.search .list_style2 li .cont h1 div {height:26px !important; line-height:26px;}
.search .list_style2 li .cont h1 div:nth-child(2) {margin-left:10px; color:#9b9b9b;}

/* VR */
.disable {position:relative;}
.disable div:after {display:block; width:100%; height:300px; content:""; text-align:center; line-height:300px;position:absolute; top:0; left:0; z-index:99; background-color:rgba(0,0,0,0.3);}
.btn_vr_img.construct {color:white;}
.btn_vr_img.construct br {displab:block; margin-top:10px;}

.view_btn_list li .a {float:left; width:56px; height:56px; text-indent:-999px; cursor:pointer; overflow:hidden;}
.swiper-slide .mainSlide {height: 100%; position: relative;}
.swiper-slide a h1{height: calc(100% - 197px);}
.common-a {height:100%; width:100%; position:absolute; top:0; text-indent: -9999px;}

.new_vr{height: 128px;background: #fdf8ea url(../images/new_vr.png) no-repeat 86% 50%;  margin-top: 30px;}
.new_vr a{display: block; padding-left: 10.84%;padding-top: 35px; height: 100%; box-sizing: border-box;}
.new_vr p.hashtag{font-size: 14px;letter-spacing: -0.4px;color: #222;border: solid 1px #222222;border-radius: 20px;display: inline-block;line-height: 24px;padding: 0 15px;}
.new_vr p + p{font-size: 26px;color: #222;font-weight: 600;line-height: 1;margin-top: 8px;}

/* alert */

.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert {padding: 15px; border: 1px solid transparent; border-radius: 4px; text-align: center; display: none;}
.alert-dismissible {padding-right: 35px;}
a.close{text-decoration: none !important; font-size: 18px !important; line-height: 1.2;}
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.close{float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}