@charset "utf-8";
/*메인*/
.skipCn{position: absolute;margin: 0 auto;width: 100%;list-style: none;font-size: 1.15em;top: -10.5em;left: 0;z-index: 999;}
.skipCn a:focus, .skipCn a:active{position: absolute;padding-top: 0.5em;width: 100%;height: 2em;top: 10.5em;z-index: 999;text-align: center;color: #fff;background: #333; overflow: visible;clip: unset;}
#content{outline: none; }


/*메인*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	datepicker

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bootstrap-datetimepicker-widget .list-unstyled li {margin-top:0;}
.bootstrap-datetimepicker-widget a[data-action] {margin-left:0; min-width:100%;}
/*
.datepicker.dropdown-menu {max-width:200px; z-index:200 !important;}
.datepicker table td {font-size:12px;}
.datepicker table tr td span {height:42px !important; line-height:42px !important;}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {background-color:#454f5f !important; border-color:#454f5f !important;}
.datepicker.dropdown-menu th.prev,
.datepicker.dropdown-menu th.next {background:url(/images/web/board/paging_ico2.png) no-repeat center center; text-indent:-9999px;}
.datepicker.dropdown-menu th.next {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
*/


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	검색기록 관리

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.table .record_num {min-width:50px; width:10%;}
.table .record_type {width:25%;}
.table .record_val {width:auto;}
.table .record_btn {min-width:70px; width:15%;}
.srch_rcrd_body > tr > td > a{overflow: hidden;display: inline-block;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;}
@media screen and (max-width:740px){
	.table .record_num {min-width:43px; width:43px;}
	.table .record_btn {min-width:62px; width:62px;}
	.table .tb_mob_hide {display:none;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	loading
	로딩상태

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.loading {position:fixed; display:none; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); left:0; top:0;}
.loading .item {position:absolute; width:140px; height:140px; left:50%; top:50%; margin:-70px 0 0 -70px;}
.loading .item .loader {border:4px solid #fff; border-radius:50%; border-top:4px solid #1398a1; width:80px; height:80px; margin:0 auto; margin-bottom:10px;
  -webkt-animation:spin 1.2s ease-in-out infinite; animation:spin 1.2s ease-in-out infinite;}
.loading .item p {text-align:center; color:#fff;}
@-webkit-keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}


.loading2 {position:fixed; display:none; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); left:0; top:0;}
.loading2 .item {position:absolute; width:140px; height:140px; left:50%; top:50%; margin:-70px 0 0 -70px;}
.loading2 .item .loader {border:4px solid #fff; border-radius:50%; border-top:4px solid #1398a1; width:80px; height:80px; margin:0 auto; margin-bottom:10px;
  -webkt-animation:spin 1.2s ease-in-out infinite; animation:spin 1.2s ease-in-out infinite;}
.loading2 .item p {text-align:center; color:#fff;}
@-webkit-keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	similarity
	유사품목분류사례

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.toggle_search .title .toggle_btn:after,
.similarity_tab ul li a,
.similarity_ex,
.similarity_ex li,
.similarity_ex li img,
.similarity_card,
.similarity_card tbody,
.similarity_card tr,
.similarity_card td,
.similarity_card td .box .item a.cont,
.similarity_card td .box .item a.cont:after,
.similarity_card td .box .item a.more_btn,
.similarity_photo li,
.similarity_photo li a,
.similarity_photo li a p,
.similarity_photo li a p img,
.h4_similarity .save_btn,
.similarity_search .filter {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.toggle_search {margin-bottom:20px;}
.toggle_search .title {color:#333333; font-size:16px; font-weight:700; margin-bottom:10px;}
.toggle_search .title span {font-size:12px; line-height:16px; font-weight:400;}
.toggle_search .title .toggle_btn {display:inline-block; margin-right:10px; position:relative; margin-left:5px; overflow:hidden; width:30px; height:20px; vertical-align:top; text-indent:-9999px; border:1px solid #888888; border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.toggle_search .title .toggle_btn:after {content:""; display:block; width:100%; height:100%; background:url(/images/web/content/toggle_arr.png) no-repeat center 50%; position:absolute; left:0; top:0; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.toggle_search .title .toggle_btn.on:after {transform:rotate(0deg); -webkit-transform:rotate(0deg);}

.similarity_tab {text-align:right; margin-bottom:20px;}
.similarity_tab span {text-align:right; font-size:12px; display:inline-block; vertical-align:top; margin:0 5px 0 0; line-height:30px;}
.similarity_tab ul {display:inline-block; vertical-align:top; font-size:0;}
.similarity_tab ul li {display:inline-block; vertical-align:top; float:none; width:auto !important; margin:0;}
.similarity_tab ul li a {border:1px solid #dddddd; border-left:0 !important; display:block; width:28px; height:28px; overflow:hidden; text-indent:-9999px; background-image:url(/images/web/content/similarity_tab_ico.png); background-repeat:no-repeat;}
.similarity_tab ul li:first-child a {border-left:1px solid #dddddd !important;}
.similarity_tab ul li:nth-child(1) a {background-position:0 0;}
.similarity_tab ul li:nth-child(2) a {background-position:0 -28px;}
.similarity_tab ul li:nth-child(3) a {background-position:0 -56px;}
.similarity_tab ul li:nth-child(4) a {background-position:0 -84px;}
.similarity_tab ul li:nth-child(5) a {background-position:0 -112px;}
.similarity_tab ul li:nth-child(6) a {background-position:0 -140px;}
.similarity_tab ul li.on:nth-child(1) a {background-position:-28px 0;}
.similarity_tab ul li.on:nth-child(2) a {background-position:-28px -28px;}
.similarity_tab ul li.on:nth-child(3) a {background-position:-28px -56px;}
.similarity_tab ul li.on:nth-child(4) a {background-position:-28px -84px;}
.similarity_tab ul li.on:nth-child(5) a {background-position:-28px -112px;}
.similarity_tab ul li.on:nth-child(6) a {background-position:-28px -140px;}

.similarity_search .count {margin-top:0 !important;}
.similarity_search .count span {margin-top:9px;}
.similarity_search .count select {height:38px; line-height:28px; display:inline-block; vertical-align:top; min-width:80px; margin-left:10px; float:left;}
.similarity_search .count input.confirm_btn {display:inline-block; vertical-align:top; padding:0 20px; height:38px; line-height:38px; border:0; background:#0c4f54; color:#fff; float:left; margin-left:3px; cursor:pointer;}
/*
.similarity_search .filter {float:right; border:1px solid #9b9b9b; overflow:hidden; border-radius:8px;}
.similarity_search .filter:after {content:""; display:block; clear:both;}
.similarity_search .filter a {display:block; float:left; padding:0 20px; height:36px; line-height:36px;}
.similarity_search .filter a.on {background:#9b9b9b; color:#fff;}
*/
.similarity_search .filter {float:right; padding:15px 0 0 0;}
.similarity_search .filter a {display:block;}

.h4_similarity {margin-top:0; position:relative;}
.h4_similarity span {margin-left:10px; font-size:12px; line-height:16px;}
.h4_similarity .save_btn {display:block; width:30px; height:30px; position:absolute; right:0; top:-5px; overflow:hidden; text-indent:-9999px; border-radius:3px; -webkit-border-radius:3px; background-color:#eeeeee; background-image:url(/images/web/content/import_export_save_ico.png); background-position:center 50%; background-repeat:no-repeat; z-index:10;}
.h4_similarity .save_btn:hover,
.h4_similarity .save_btn:active {background-color:#ccc;}

.similarity_ex {border:1px solid #e4e4e4; margin-bottom:10px; float:right; padding:10px;}
.similarity_ex:after {content:""; display:block; clear:both;}
.similarity_ex li {float:left; line-height:37px; height:37px; margin-left:15px; font-size:12px;}
.similarity_ex li:first-child {margin-left:0;}
.similarity_ex li img {display:inline-block; vertical-align:top; margin-left:5px; height:100%;}

.similarity_table .country {width:11%;}
.similarity_table .num {width:10%;}
.similarity_table .num_6 {width:90px;}
.similarity_table .num_4 {width:70px;}
.similarity_table .type {width:12%;}
.similarity_table .date {width:12%;}
.similarity_table .organi {width:12%;}
.similarity_table .etc {width:12%;}
.similarity_table .photo {width:8%;}
.similarity_table .name {width:auto;}
.similarity_table .name a {display:inline-block; vertical-align:middle; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.similarity_table .name a strong {color:#db2929; font-weight:700;}
.sorting_btn {display:inline-block; vertical-align:top; text-indent:-9999px; margin-left:5px; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; width:16px; height:16px; border:1px solid #666; background:url(/images/web/content/arrow.svg) no-repeat center 50%;}

.similarity_card {}
.similarity_card td {text-align:center; vertical-align:top;}
.similarity_card td .year {border-top:2px solid #666666; border-bottom:1px solid #b9b9b9; padding:10px; font-weight:700; font-size:16px;}
.similarity_card td .box {padding:10px 5%;}
.similarity_card td .box .item {margin-bottom:10px; position:relative;}
.similarity_card td .box .item a {display:block; text-decoration:none;}
.similarity_card td .box .item a.cont {padding:15px; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; height:115px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.similarity_card td .box .item a.cont:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; -webkit-box-sizing:border-box; border:3px solid #000; border-radius:8px; -webkit-border-radius:8px; opacity:0; -webkit-opacity:0;}
.similarity_card td .box .item a.cont .number {font-weight:700;}
.similarity_card td .box .item a.cont .name {line-height:18px; margin-top:10px; max-height:53px; overflow:hidden;}
.similarity_card td .box .item a.cont .name strong {background:#db2929; color:#fff;}
.similarity_card td .box .item a.more_btn {position:absolute; right:15px; top:15px; z-index:10; width:20px; height:20px; border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; overflow:hidden; background:#fff;}
.similarity_card td .box .item a.more_btn:before,
.similarity_card td .box .item a.more_btn:after {content:""; display:block; width:2px; height:10px; background:#686868; position:absolute; left:50%; top:50%; margin:-5px 0 0 -1px;}
.similarity_card td .box .item a.more_btn:after {transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.similarity_card td .box .item a.more_btn:hover,
.similarity_card td .box .item a.more_btn:active {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.similarity_card td .box .item.on a.cont:after,
.similarity_card td .box .item a.cont:hover:after,
.similarity_card td .box .item a.cont:active:after {opacity:1; -webkit-opacity:1;}
.similarity_card td .box .item.on a.more_btn {background:#000;}
.similarity_card td .box .item.on a.more_btn:before,
.similarity_card td .box .item.on a.more_btn:after {background:#fff;}
.similarity_card td .box .item a.cont.similarity_1 {/*background:#2da399;*/ background: rgb(46, 163, 154); color:#fff;}
.similarity_card td .box .item a.cont.similarity_2 {/*background:#57b5ad;*/ background: rgb(66, 172, 162); color:#fff;}
.similarity_card td .box .item a.cont.similarity_3 {/*background:#81c8c2;*/ background: rgb(88, 181, 173); color:#222;}
.similarity_card td .box .item a.cont.similarity_4 {/*background:#abdad6;*/ background: rgb(109, 190, 183); color:#222;}
.similarity_card td .box .item a.cont.similarity_5 {/*background:#d5edeb;*/ background: rgb(129, 200, 194); color:#222;}
.similarity_card td .box .item a.cont.similarity_6 {/*background:#dde0e2;*/ background: rgb(150, 209, 205); color:#222;}
.similarity_card td .box .item a.cont.similarity_7 {/*background:#bac1c5;*/ background: rgb(172, 218, 215); color:#222;}
.similarity_card td .box .item a.cont.similarity_8 {/*background:#98a2a9;*/ background: rgb(192, 227, 223); color:#222;}
.similarity_card td .box .item a.cont.similarity_9 {/*background:#75838c;*/ background: rgb(213, 238, 235); color:#222;}
.similarity_card td .box .item a.cont.similarity_10 {/*background:#53646f;*/ background: rgb(234, 246, 246);  color:#222;}
.similarity_card td .box .item.reset_1 a.cont {/*background:#ef6265;*/ background: rgb(238, 98, 101); color:#fff;}
.similarity_card td .box .item.reset_2 a.cont {/*background:#f28184;*/ background: rgb(242, 113, 117); color:#fff;}
.similarity_card td .box .item.reset_3 a.cont {/*background:#f5a1a3;*/ background: rgb(242, 129, 131); color:#222;}
.similarity_card td .box .item.reset_4 a.cont {/*background:#f9c0c1;*/ background: rgb(244, 146, 147); color:#222;}
.similarity_card td .box .item.reset_5 a.cont {/*background:#fce0e0;*/ background: rgb(245, 160, 163); color:#222;}
.similarity_card td .box .item.reset_6 a.cont {/*background:#e3dcdc;*/ background: rgb(247, 177, 179); color:#222;}
.similarity_card td .box .item.reset_7 a.cont {/*background:#c7b8b8;*/ background: rgb(248, 192, 193); color:#222;}
.similarity_card td .box .item.reset_8 a.cont {/*background:#c7b8b8;*/ background: rgb(250, 208, 209); color:#222;}
.similarity_card td .box .item.reset_9 a.cont {/*background:#ab9595;*/ background: rgb(252, 224, 223); color:#222;}
.similarity_card td .box .item.reset_10 a.cont {/*background:#8f7171;*/ background: rgb(253, 239, 239); color:#222;}
.similarity_card td .box .item[class*="reset_"] a.cont .name strong {background:#2355b4;}

.similarity_photo {}
.similarity_photo:after {content:""; display:block; clear:both;}
.similarity_photo li {float:left;}
.similarity_photo li a {display:block; border:1px solid #fff; padding:10px;}
.similarity_photo li a p {text-align:center;}
.similarity_photo li a p.photo {height:130px; overflow:hidden; margin-bottom:10px;}
.similarity_photo li a p.photo img {display:block; height:100%;}
.similarity_photo li a:hover, .similarity_photo li a:active {border:1px solid #1398a1; background:#dcf0f1;}
.similarity_photo li a:hover p.photo img, .similarity_photo li a:active p.photo img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.similarity_photo li a:hover p.name, .similarity_photo li a:active p.name {color:#1398a1;}

.hs_history {}
.hs_history:after {content:""; display:block; clear:both;}
.hs_history .databox,
.hs_history .datatxt {float:left; position:relative;}
.hs_history .databox {width:67%;}
.hs_history .datatxt {width:31.5%; margin-left:1.5%;}
.hs_history h5 {margin-top:0;}
/* .hs_history .databox .chart {height:450px; overflow:hidden; border:1px solid #ddd; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box;} */
.hs_history .databox .chart {height:450px; border:1px solid #ddd; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.hs_history .datatxt .langs {position:absolute; right:0; top:-5px;}
.hs_history .datatxt .langs select {height:34px; line-height:24px; display:inline-block; vertical-align:top; min-width:70px; float:left;}
.hs_history .datatxt .langs .btn {display:inline-block; vertical-align:top; padding:0 15px; height:34px; line-height:34px; border:0; background:#0c4f54; color:#fff; float:left; margin-left:3px; cursor:pointer;}
.hs_history .datatxt .txt {height:450px; overflow:auto; overflow-y:scroll; background:#f5f6f8; border:1px solid #f5f6f8; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.hs_history .datatxt .txt p {margin-bottom:10px;}
.hs_history .datatxt .txt p:last-child {margin-bottom:0;}

circle.node.active {fill:#cce5f1 !important;stroke-width:3px !important;}

@media screen and (max-width:1024px){
	.similarity_table .country,
	.similarity_table .num,
	.similarity_table .date {width:20%;}
	.similarity_table .type,
	.similarity_table .organi,
	.similarity_table .etc,
	.similarity_table .photo {display:none;}
	.hs_history .databox,
	.hs_history .datatxt {float:none; width:auto !important; margin-left:0;}
	.hs_history .databox .chart {height:350px !important;}
	.hs_history .datatxt {margin-top:30px;}
	.hs_history .datatxt .langs select {height:30px; line-height:20px;}
	.hs_history .datatxt .langs .btn {height:30px; line-height:30px;}
	.hs_history .datatxt .txt {height:auto !important; max-height:200px; font-size:13px; line-height:18px;}
}
@media screen and (max-width:740px){
	.toggle_search .title span {display:block; margin-top:5px; margin-bottom:30px;}
	.similarity_card,
	.similarity_card tbody,
	.similarity_card tr,
	.similarity_card td {display:block; width:100%;}
	.similarity_ex li {line-height:28px; height:28px;}
	.hs_history .databox .chart {height:300px !important;}
}
@media screen and (max-width:680px){
	.board_search.similarity_search .count, .board_search .select {float:left !important;}
	.similarity_table .num,
	.similarity_table .date {width:24%;}
	.similarity_search .filter {padding-top:11px;}
}
@media screen and (max-width:640px){
	.similarity_ex li {height:auto;}
	.similarity_ex li img {display:block; height:24px;}
	.similarity_photo li a {padding:8px;}
	.similarity_photo li a p.photo {height:100px;}
	.hs_history .databox .chart {height:250px !important;}
}
@media screen and (max-width:540px){
	.toggle_search .search_box {margin-top:0;}
	.similarity_search .count {float:none !important;}
	/*
	.similarity_search .filter {margin-top:10px;}
	.similarity_search .filter a {line-height:30px; height:30px;}
	*/
	.similarity_search .count span {margin-top:5px;}
	.similarity_search .count select {height:32px; line-height:22px;}
	.similarity_search .count input.confirm_btn {height:32px; line-height:32px;}
	.similarity_tab {margin-bottom:15px;}
	.h4_similarity span {margin-left:0; display:block; margin-top:5px;}
	.similarity_ex {float:none;}
	.similarity_ex li {height:auto; float:none; margin-left:0; margin-top:5px;}
	.similarity_ex li:first-child {margin-top:0;}
	.similarity_ex li img {display:inline-block;}
	.similarity_search .filter {padding-top:5px;}
}
@media screen and (max-width:480px){
	.similarity_photo li a {padding:6px;}
	.similarity_photo li a p.photo {height:80px;}
}

.node rect {cursor: move;fill-opacity: .9;shape-rendering: crispEdges;}
.node text {pointer-events: none;text-shadow: 0 1px 0 #fff;}
.link {fill: none;stroke: #333;stroke-opacity: .2;}
.link:hover {stroke-opacity: .5;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	sitemap
	사이트맵

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.sitemap .nav li,
.sitemap .nav li a,
.sitemap .nav li ul li a:before{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.sitemap {}
.sitemap .nav {}
.sitemap .nav:after {content:""; display:block; clear:both;}
.sitemap .nav li {float:left; width:22.6%; margin-right:3.2%;}
.sitemap .nav li:nth-child(4n) {margin-right:0;}
.sitemap .nav li a {display:block; border:2px solid #efefef; text-align:center; font-size:18px; color:#333; font-weight:600; padding:12px; text-decoration:none;}
.sitemap .nav li a:hover, .sitemap .nav li a:active {border-color:#1398a1; color:#1398a1;}
.sitemap .nav li ul {padding:10px 6%;}
.sitemap .nav li ul li {float:none; width:auto; margin-bottom:2px; margin-right:0;}
.sitemap .nav li ul li a {display:inline-block; border:0; text-align:left; padding:3px; color:#555; padding-left:10px; position:relative; font-size:14px; font-weight:400;}
.sitemap .nav li ul li a:before {content:""; display:block; width:3px; height:3px; background:#636363; position:absolute; left:0; top:10px;}
.sitemap .nav li ul li a:hover, .sitemap .nav li ul li a:active {text-decoration:underline;}
.sitemap .nav li ul li a:hover:before, .sitemap .nav li ul li a:active:before {background:#1398a1;}

@media screen and (max-width:840px){
	.sitemap .nav li {width:32%; margin-right:2%;}
	.sitemap .nav li:nth-child(3n) {margin-right:0;}
	.sitemap .nav li:nth-child(4n) {margin-right:2%;}
	.sitemap .nav li a {font-size:16px; padding:9px;}
}
@media screen and (max-width:580px){
	.sitemap .nav li {width:48.5%; margin-right:3%;}
	.sitemap .nav li:nth-child(3n) {margin-right:3%;}
	.sitemap .nav li:nth-child(4n) {margin-right:0;}
	.sitemap .nav li:nth-child(even) {margin-right:0;}
	.sitemap .nav li ul li {margin-right:0 !important;}
}
@media screen and (max-width:480px){
	.sitemap .nav li {width:auto; margin-right:0 !important; float:none;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   satisfaction
   만족도조사

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.satisfaction,
.satisfaction .title,
.satisfaction .check,
.satisfaction .opinion,
.satisfaction .check span,
.satisfaction .check span label:before,
.satisfaction .check span label:after {transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.satisfaction {border:1px solid #ddd; margin-top:40px; padding:20px 2%; background:url(/images/web/board/satisfaction_ico.png) no-repeat 2% 25px;}
.satisfaction .title,
.satisfaction .check,
.satisfaction .opinion {margin-left:65px;}
.satisfaction .title {font-weight:600;}
.satisfaction .check {margin-top:10px;}
.satisfaction .check span {display:inline-block; vertical-align:top; margin-right:20px;}
.satisfaction .check span:last-child {margin-right:0;}
.satisfaction .opinion {margin-top:10px; position:relative; padding-right:90px;}
.satisfaction .opinion input[type="text"] {width:100%; border-right:0;}
.satisfaction .opinion input[type="button"] {width:90px; position:absolute; right:0; top:0; display:block; height:30px; border:0; background:#454f5f; color:#fff; font-size:13px; cursor:pointer;}

@media screen and (max-width:640px){
.satisfaction {margin-top:30px; padding:15px 3% 17px 3%; background-position:3% 15px;}
.satisfaction .title,
.satisfaction .check,
.satisfaction .opinion {margin-left:55px;}
.satisfaction .check span {margin-right:10px;}
.satisfaction .opinion {padding-right:75px;}
.satisfaction .opinion input[type="button"] {width:75px;}
}
@media screen and (max-width:480px){
.satisfaction {background-size:35px auto;}
.satisfaction .title,
.satisfaction .check,
.satisfaction .opinion {margin-left:45px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	service
	서비스안내

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
p.service,
.service_guide,
.service_guide ul,
.service_guide ul li,
.service_img{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
h4.service, p.service {text-align:center;}
p.service {font-size:16px;}
.service_guide {background:#fafafa; border:1px solid #e4e4e4; margin:40px 0 0 0; padding:25px 0;}
.service_guide:after {content:""; display:block; clear:both;}
.service_guide ul li {float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 2%;}
.service_guide ul li {margin-bottom:30px;}
.service_guide ul li:last-child {margin-bottom:0;}
.service_guide ul li p.subject {font-size:18px; line-height:22px; color:#333; position:relative; padding:0 0 0 30px;}
.service_guide ul li p.subject em {font-style:normal; display:block; width:24px; height:24px; font-size:14px; background:#db2929; color:#fff; text-align:center; line-height:26px; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:-3px;}
.service_guide ul li p.subject span {display:block; font-size:14px; line-height:19px; color:#666; margin-top:7px;}
.service_img {border:1px solid #e4e4e4; border-top:0; padding:25px 2%;}
.service_img img {display:block; margin:0 auto; max-width:100%;}

@media screen and (max-width:840px){
	p.service {font-size:15px;}
	.service_guide {margin-top:30px;}
	.service_guide ul li p.subject {font-size:16px; line-height:20px;}
}
@media screen and (max-width:840px){
	.service_guide {margin-top:20px;}
	.service_guide ul  li{float:none; width:auto; padding:0 3%;}
	.service_guide ul li {margin-bottom:20px;}
	.service_guide ul + ul {margin-top:20px;}
	.service_img {padding:25px 3%;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	policy
	개인정보처리방침

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cont_summery.policy {background-image:url(/images/web/content/policy_summery_ico.png);}
.policy_list {}
.policy_list li {position:relative; padding:0 0 0 30px; margin:20px 0 0 0; word-break:keep-all;}
.policy_list li:first-child {margin-top:0;}
.policy_list li em {display:block; position:absolute; left:0; top:-2px; width:24px; height:24px; text-align:center; color:#fff; line-height:25px; background:#454f5f; font-style:normal; font-size:13px;}
.policy_list li ol.num {margin-top:10px; background:#f8f8f8; padding:14px 15px;}
.policy_list li ol.num li {margin:7px 0 0 0; padding:0; text-indent:-15px; margin-left:15px;}
.policy_list li ol.num li:first-child {margin-top:0;}
.policy_list li ol.num li ol {}
.policy_list li ol.num li p + ol {margin-top:3px;}
.policy_list li ol.num li ol li {font-size:13px; margin-top:3px; margin-left:13px;}
.policy_list li ol.num li ol li ol {}
.policy_list li ol.num li ol li ol li {margin-left:3px; text-indent:0;}
.policy_list li ul.list {background:#fafafa; padding:10px 15px; margin-top:7px;}
.policy_list li ul.list li {padding:0 0 0 10px; margin:5px 0 0 0; position:relative;}
.policy_list li ul.list li:first-child {margin-top:0;}
.policy_list li ul.list li:before {content:""; display:block; width:3px; height:3px; background:#1398a1; position:absolute; left:0; top:8px;}
.policy_list li a:not(.btn).blank:after {background:url(/images/web/layout/blank_ico2.png) no-repeat center 50% !important;}
.policy_list li ol.num li ul.list {padding:0; margin:0 0 0 -10px;}
.policy_list li ol.num li ul.list li {text-indent:0; font-size:13px; margin-top:3px;}

@media screen and (max-width:640px){
	.cont_summery.policy h4,
	.cont_summery.policy p {margin-left:70px;}
}
@media screen and (max-width:480px){
	.cont_summery.policy {background-size:45px auto;}
	.cont_summery.policy h4,
	.cont_summery.policy p {margin-left:57px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	totalsearch
	통합검색

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.totalsearch_input .form select, .totalsearch_input .form input,
.totalsearch_input .counter,
.totalsearch_result,
.totalsearch_result .list li,
.totalsearch_result .list li p{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.totalsearch_input {}
.totalsearch_input .counter {text-align:center; margin:40px 0; font-size:20px; line-height:26px; color:#333333;}
.totalsearch_input .counter strong {font-weight:600; font-size:22px;}
.totalsearch_input .form {border:3px solid #1398a1; width:640px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; /*padding-left:150px;*/ padding-left:0 !important; padding-right:56px;}
.totalsearch_input .form select, .totalsearch_input .form input {border:0; display:block; height:56px; line-height:56px; font-size:16px;}
.totalsearch_input .form input {padding-left:10px; padding-right:10px;}
.totalsearch_input .form select {width:150px; position:absolute; left:0; top:0; line-height:46px;}
.totalsearch_input .form input[type="text"] {width:100%;}
.totalsearch_input .form input[type="submit"] {width:56px; position:absolute; right:0; top:0; line-height:46px; overflow:hidden; text-indent:-9999px; background:url(/images/web/layout/search_ico.png) no-repeat center 50%;}
.totalsearch_result {position:relative; margin-bottom:40px;}
.totalsearch_result h4 {margin-top:0; margin-bottom:10px;}
.totalsearch_result .list {border-top:1px solid #d4d4d4;}
.totalsearch_result .list li {border-bottom:1px solid #d4d4d4; padding:17px 0;}
.totalsearch_result .list li p {margin:0; margin-top:10px;}
.totalsearch_result .list li p.subject {font-size:18px; line-height:24px; color:#333333; margin:0;}
.totalsearch_result .list li p.subject a {display:inline-block; max-width:100%;}
.totalsearch_result .list li p.subject a span.js_secret {overflow:hidden; margin-top:1px; display:none; height:17px; text-indent: -1000px; vertical-align:top; width:13px; background: url(/images/web/board/notice_lock.png) no-repeat center 65%; margin-right:3px;}
.totalsearch_result .list li p.subject a.js_secret span.js_secret {display:inline-block;}
.totalsearch_result .list li p.subject a strong,
.totalsearch_result .list li p.txt strong {font-weight:600; color:#2355b4;}
.totalsearch_result .list li p.txt {color:#636363; max-height:42px; overflow:hidden; margin-top:5px;}
.totalsearch_result .list li ul.filebox {margin-top:10px; border-top:0;}
.totalsearch_result .list li ul.filebox li{margin-top:3px; border:0; padding:0;}
.totalsearch_result .list li ul.filebox li:first-child{margin-top:0;}
.totalsearch_result .list li ul.filebox li a{display:inline-block; vertical-align:top; overflow:hidden; position:relative; background:url(/images/web/board/file_ico.png) no-repeat left 1px; padding-left:20px;}
.totalsearch_result .list li ul.filebox li a:hover,
.totalsearch_result .list li ul.filebox li a:active{color:#1398a1;}
.totalsearch_result .list li ul.filebox li a em{overflow:hidden; position:absolute; line-height:1px; font-size:1px; text-indent:-30000px;}
.totalsearch_result .list li ul.filebox li span.infor{font-size:12px; display:inline-block; vertical-align:top; margin-top:1px;}
.totalsearch_result .more_btn {position:absolute; right:0; top:5px; display:inline-block; vertical-align:top; padding:2px 16px 2px 2px;}
.totalsearch_result .more_btn:before,
.totalsearch_result .more_btn:after {content:""; display:block; width:2px; height:12px; background:#666; position:absolute; right:2px; top:50%; margin-top:-7px;}
.totalsearch_result .more_btn:after {transform:rotate(90deg); -webkit-transform:rotate(90deg);}

@media screen and (max-width:1024px){
	.totalsearch_result:last-child {margin-bottom:0;}
}
@media screen and (max-width:840px){
	.totalsearch_input .form {padding-right:46px;}
	.totalsearch_input .form select, .totalsearch_input .form input {height:46px; line-height:46px; font-size:15px;}
	.totalsearch_input .form select {line-height:36px;}
	.totalsearch_input .form input[type="submit"] {width:46px;}
	.totalsearch_input .counter {margin:30px 0; font-size:18px; line-height:24px;}
	.totalsearch_input .counter strong {font-size:20px;}
	.totalsearch_result .list li p.subject {font-size:17px; line-height:22px;}
}
@media screen and (max-width:680px){
	.totalsearch_input .form {width:auto; max-width:100%;}
}
@media screen and (max-width:640px){
	.totalsearch_input .form {padding-right:42px;}
	.totalsearch_input .form select, .totalsearch_input .form input {height:42px; line-height:42px;}
	.totalsearch_input .form select {line-height:32px;}
	.totalsearch_input .form input[type="submit"] {width:42px;}
	.totalsearch_input .counter {margin:25px 0; font-size:16px; line-height:22px;}
	.totalsearch_input .counter strong {font-size:18px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	total_login
	통합로그인

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.total_login .item ,
.total_login .item p,
.total_login .item.digital a,
.total_login .item.sns ul form li a,
.total_login .item.sns ul form li a:before,
.total_login .item.sns ul form li a:after {transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.total_login {}
.total_login:after {content:""; display:block; clear:both;}
.total_login .item {float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 3%;}
.total_login .item.sns {border-left:1px solid #dddddd;}
.total_login .item h4 {margin:0 0 10px 0;}
.total_login .item p {color:#888888; margin:0 0 50px 0;}
.total_login .item.digital a {text-align:center; display:block; padding:12px 20px 12px 70px; margin:0 auto; background:#1c2674 url(/images/web/content/login_digital_ico.png) no-repeat 20px 50%; font-size:18px; color:#fff; width:240px; border-radius:5px; -webkit-border-radius:5px;}
.total_login .item.sns p {margin:0 0 30px 0;}
.total_login .item.sns ul {}
.total_login .item.sns ul:after {content:""; display:block; clear:both;}
.total_login .item.sns ul li {float:left; width:33.333%;}
.total_login .item.sns ul li a {display:block; text-align:center; width:100px; margin:0 auto; position:relative;}
.total_login .item.sns ul li a:before{content:""; display:block; width:100px; height:100px; border-radius:50%; -webkit-border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px;}
/* .total_login .item.sns ul form li a:before,
.total_login .item.sns ul form li a:after {content:""; display:block; width:100px; height:100px; border-radius:50%; -webkit-border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px;}
.total_login .item.sns ul form li a:after {position:absolute; left:50%; top:0; margin-left:-50px;} */
.total_login .item.sns ul li a.naver:before {border:1px solid #08d060; background:url(/images/web/content/login_sns_ico1.png) no-repeat center 50%;}
.total_login .item.sns ul li a.kakao:before {border:1px solid #ffe600; background:url(/images/web/content/login_sns_ico2.png) no-repeat center 50%;}
.total_login .item.sns ul li a.google:before {border:1px solid #4385f1; background:url(/images/web/content/login_sns_ico3.png) no-repeat center 50%;}
/* .total_login .item.sns ul form li a.naver:after {border:1px solid #08d060;}
.total_login .item.sns ul form li a.kakao:after {border:1px solid #ffe600;}
.total_login .item.sns ul form li a.google:after {border:1px solid #4385f1;}
.total_login .item.sns ul form li a.naver:hover:after, .total_login .item.sns ul li a.naver:active:after {border:6px solid #08d060;}
.total_login .item.sns ul form li a.kakao:hover:after, .total_login .item.sns ul li a.kakao:active:after {border:6px solid #ffe600;}
.total_login .item.sns ul form li a.google:hover:after, .total_login .item.sns ul li a.google:active:after {border:6px solid #4385f1;} */
/* SNS로그인만 있는 경우_211221 */
.total_login.type2{padding-left: 440px;background: url(/images/web/content/login_bg.png) no-repeat;background-position: 0px 15px;margin: 80px 0;}
.total_login.type2 .item h4{font-size: 30px;color: #0c4f54;position: relative;display: block;padding-bottom: 10px;margin-bottom: 20px;}
.total_login.type2 .item h4:before {content: '';display: inline-block;position: absolute;bottom: 0px;left: 0px;width: 30px;height: 2px;background-color: #bfbfbf;}
.total_login.type2 .item.sns{border-left: none;float: none;width: 100%;padding: 0;margin: 0 auto; margin-top: 90px;}
.total_login.type2 .item.sns ul form li a {display: block;text-align: center;width: 100%;border: 1px solid #efefef;box-sizing: border-box;-webkit-box-sizing:border-box;}
.total_login.type2 .item.sns ul form li:first-child a{border-right: none;}
.total_login.type2 .item.sns ul form li:last-child a{border-left: none;}
.total_login.type2 .item.sns ul form li a:before{margin: 30px auto;}
.total_login.type2 .item.sns ul form li a:hover{cursor: pointer;text-decoration: none;}
.total_login.type2 .item.sns ul form li a > span {display: block;padding: 10px 0;margin: 10px;color: #fff;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.total_login.type2 .item.sns ul form li a.naver > span {background: #08d060;}
.total_login.type2 .item.sns ul form li a.kakao > span {background: #ffe600; color: #333;}
.total_login.type2 .item.sns ul form li a.google > span {background: #4385f1;}
.total_login.type2 .item.sns ul form li a.naver:hover span{background: #05a149;}
.total_login.type2 .item.sns ul form li a.kakao:hover span{background: #e9d83d;}
.total_login.type2 .item.sns ul form li a.google:hover span{background: #2160c7;}
/* SNS로그인만 있는 경우_211221:End */

@media screen and (max-width:1024px){
	.total_login .item p {margin:0 0 30px 0;}
	.total_login .item.sns ul li a {width:80px;}
	.total_login .item.sns ul li a:before,
	.total_login .item.sns ul li a:after {width:80px; height:80px; background-size:auto 40% !important;}
	.total_login .item.sns ul li a:after {margin-left:-40px;}
	.total_login .item.sns ul li a:hover:after,
	.total_login .item.sns ul li a:active:after {border-width:5px !important;}
	.total_login.type2 {padding-left: 0px;background: none;margin: 40px 0;}     /*211221추가 */
}
@media screen and (max-width:840px){
	.total_login .item.digital a {font-size:16px; background-size:auto 60%; width:135px;}
	.total_login .item.sns ul li a {width:70px;}
	.total_login .item.sns ul li a:before,
	.total_login .item.sns ul li a:after {width:70px; height:70px;}
	.total_login .item.sns ul li a:after {margin-left:-35px;}
}
@media screen and (max-width:640px){
	.total_login .item {float:none; width:auto;}
	.total_login .item h4 {margin-bottom:5px;}
	.total_login .item.sns {border-top:1px solid #dddddd; border-left:0; margin-top:30px; padding-top:30px;}
	.total_login.type2 .item.sns {border-top:none;}
	.total_login .item p {margin:0 0 25px 0 !important;}
    .total_login.type2 .item h4 {font-size: 24px;margin-bottom: 10px;}       /*211221추가 */
    .total_login .item.sns ul form li a:before{width: 60px; height: 60px;}
}
@media screen and (max-width:640px){
	.total_login .item.sns {margin-top:25px; padding-top:25px;}
	.total_login .item p {margin:0 0 20px 0 !important;}
	.total_login .item.sns ul li a {width:60px;}
	.total_login .item.sns ul li a:before,
	.total_login .item.sns ul li a:after {width:60px; height:60px;}
	.total_login .item.sns ul li a:after {margin-left:-30px;}
	.total_login .item.sns ul li a:hover:after,
	.total_login .item.sns ul li a:active:after {border-width:4px !important;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	search_box
	검색박스

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.flex {display:flex; flex-wrap:nowrap;}
.search_box ul li,
.search_box .btns .btn_search,
.search_box .link_btn{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.search_box {background:#f5f6f8; padding:20px 2%; margin-bottom:30px; position:relative;}
.search_box form>ul {display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.search_box form>ul li {flex:0 0 33.333%; -webkit-flex:0 0 33.333%; margin:4px 0;}
.search_box form>ul li .flex {min-height:38px;}
.search_box form>ul li strong {flex:1 0 102px; -webkit-flex:1 0 102px; text-align:right; align-self:center; -webkit-align-self:center; font-weight:600; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:6px;}
.search_box form>ul li .form {display:flex; flex:1 1 100%; -webkit-flex:1 1 100%; align-items:center; -webkit-align-items:center; min-height:30px;}
.search_box form>ul li .form input[type="text"],
.search_box form>ul li .form input[type="date"],
.search_box form>ul li .form input[type="number"],
.search_box form>ul li .form select {width:100%; min-width:10px; height:38px; line-height:38px; background:#fff;}
.search_box form>ul li .form select {line-height:28px;}
/*
.search_box ul li .form .datepicker {display:block; padding-right:20px; width:100%; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.search_box ul li .form .datepicker a {position:absolute; right:0; top:50%; margin-top:-8px; display:block; width:14px; height:15px;}
.search_box ul li .form .datepicker a img {display:block; margin:0;}
*/
.search_box form>ul li .form .datetimepicker_group > span {line-height:38px;}
.search_box form>ul li .form em {margin:0 5px;}
.search_box form>ul li .form img {margin-left:5px; cursor:pointer;}
.search_box .btns {text-align:center; margin-top:20px; margin-left:1%; margin-right:1%;}
.search_box .btns .btn_search {display:inline-block; vertical-align:top; background:#0c4f54 url(/images/web/content/search_box_ico.png) no-repeat calc(100% - 15px) 50%; color:#fff; padding:9px 37px 9px 20px; height:auto;}

.search_box .record_list {position:absolute; right:2%; bottom:25px;}
.search_box .record_list .btn_open {color:#686868; position:relative;}
.search_box .record_list .btn_open:after {content:"?"; font-size:13px; line-height:22px; text-align:center; display:inline-block; border:1px solid #717172; width:20px; height:20px; border-radius:50%; -webkit-border-radius:50%; margin-left:5px; font-weight:600;}
.search_box .record_list .btn_open:hover,
.search_box .record_list .btn_open:active {color:#2355b4;}
.search_box .record_list .btn_open:hover:after,
.search_box .record_list .btn_open:active:after {border-color:#2355b4;}
.search_box .record_list .btn_open span {display:none; position:absolute; z-index:10; right:-5px; top:25px; background:#49494a; color:#fff; font-size:12px; line-height:16px; width:250px; padding:7px 10px; border-radius:5px; -webkit-border-radius:5px;}
.search_box .record_list .btn_open span:after {content:""; display:block; width:0; height:0; border-bottom:6px solid #49494a; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; right:10px; top:-5px;}
.search_box .record_list .btn_open:hover span,
.search_box .record_list .btn_open:active span {display:block;}
.favorites {display:block; margin:0 auto; width:23px; height:22px; position:relative;}
.favorites input {width:100%; height:100%; position:absolute; z-index:1; margin:0; left:0; top:0; display:block; padding:0;}
.favorites label {display:block; position:absolute; overflow:hidden; text-indent:-9999px; left:0; top:0; width:100%; height:100%; z-index:5; background:url(/images/web/content/favorites_ico.png) no-repeat left top; cursor:pointer;}
.favorites input:checked + label {background-position:left -22px;}
.hs_prepare {margin-left:100px; margin-top:5px; font-size:12px;}
.search_box .link_btn {background:#7f7f7f; color:#fff; font-size:12px; line-height:16px; display:inline-block; vertical-align:middle; padding:6px 10px 5px 10px; text-decoration:none;}
.search_box .link_btn:after {content:""; display:inline-block; width:5px; height:8px; background:url(/images/web/content/link_btn_arr.png) no-repeat center 50%; margin-left:5px;}
.search_box .link_btn:hover,
.search_box .link_btn:active {background:#5e5e5e;}
.search_box .checkbox {}
.search_box .checkbox:after {content:""; display:block; clear:both;}
.search_box .checkbox li {float:left; margin:0 15px 3px 0 !important; display:block; width:auto; flex:none; -webkit-flex:none;}
.search_box .checkbox li input[type="checkbox"],
.search_box .checkbox li label {cursor:pointer;}

@media screen and (max-width:1024px){
.search_box form ul li {flex:0 0 50%; -webkit-flex:0 0 50%;}
.search_box form ul li .flex {min-height:10px;}
}
@media screen and (max-width:740px){
.search_box {padding:20px 2%;}
.search_box form ul li {margin:12px 1% 0 1%; flex:0 0 48%; -webkit-flex:0 0 48%;}
.search_box form ul li:nth-child(1),
.search_box form ul li:nth-child(2) {margin-top:0;}
.search_box form ul li .flex {display:block;}
.search_box form ul li strong {display:block; text-align:left; margin-bottom:3px; padding:0;}
.search_box .record_list {right:3%;}
.search_box .btns .btn_search {padding:7px 36px 7px 20px;}
.hs_prepare {margin-left:0; font-size:13px;}
}
@media screen and (max-width:540px){
.search_box {margin-top:45px;}
.search_box {padding:20px 3%;}
.search_box form ul {display:block;}
.search_box form ul li:nth-child(2) {margin-top:12px;}
.search_box .record_list {bottom:0; top:-30px; right:0; height:24px;}
.search_box form ul li .form input[type="text"],
.search_box form ul li .form input[type="date"],
.search_box form ul li .form input[type="number"],
.search_box form ul li .form select {height:32px; line-height:32px;}
.search_box form ul li .form select {line-height:22px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	modal
	모달팝업

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.modal .inner h4,
.modal .inner .close_btn {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.modal {position:fixed; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%; z-index:9999; display:none;}
.modal .inner {max-width:1200px; margin:40px auto; height:calc(100% - 80px); padding:0 2%; position:relative;}
.modal .inner h4 {margin:0; padding:18px 60px 18px 2%; height:60px; box-sizing:border-box; -webkit-box-sizing:border-box; background:#454f5f; color:#fff; font-size:20px; line-height:24px; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.modal .inner h4 strong {color:#db2929; background:#fff; font-weight:700;}
.modal .inner .cont {background:#fff; overflow:hidden; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; height:calc(100% - 60px);}
.modal .inner .cont .scroll {height:calc(100% - 40px); overflow:auto; padding:20px 2%;}
.modal .inner .close_btn {display:block; width:31px; height:31px; border-radius:50%; -webkit-border-radius:50%; background:#fff url(/images/web/content/modal_close_ico.png) no-repeat center 50%; position:absolute; right:4%; top:15px; overflow:hidden; text-indent:-9999px;}
.modal .inner .close_btn:hover,
.modal .inner .close_btn:active {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

@media screen and (max-width:840px){
	.modal .inner h4 {padding:15px 50px 15px 2%; height:50px; font-size:18px; line-height:22px;}
	.modal .inner .cont {height:calc(100% - 50px);}
	.modal .inner .close_btn {top:12px; width:26px; height:26px;}
}
@media screen and (max-width:640px){
	.modal .inner {margin:20px auto; height:calc(100% - 40px);}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	cont_summery
	맞춤형지원사업

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cont_summery,
.cont_summery p,
.cont_summery h4{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.cont_summery {border:1px solid #e4e4e4; padding:20px 4%; margin-bottom:20px; background-repeat:no-repeat; background-position:4% 30px;}
.cont_summery.business {background-image:url(/images/web/content/business_summery_ico.png);}
.cont_summery h4 {margin:0 0 8px 0; font-size:20px; line-height:26px;}
.cont_summery p {color:#636363;}
.cont_summery h4,
.cont_summery p {margin-left:80px;}

@media screen and (max-width:840px){
	.cont_summery {padding:25px 4%;  background-position:4% 25px;}
}
@media screen and (max-width:640px){
	.cont_summery {padding:20px 5%;  background-position:5% 20px;  margin-bottom:15px;}
	.cont_summery h4 {font-size:18px; line-height:24px;}
	.cont_summery h4,
	.cont_summery p {margin-left:60px;}
}
@media screen and (max-width:480px){
	.cont_summery {background-size:38px auto;}
	.cont_summery h4, .cont_summery p {margin-left:50px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   business_view
   맞춤형지원사업 - 상세

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.business_view {display:block; padding:0; border-top:2px solid #666666;}
.business_view table {}
.business_view table th,
.business_view table td {padding:14px 15px; text-align:left; border-bottom:1px solid #b9b9b9;}
.business_view table th {background:#f2f8fa; font-weight:600;}
.business_view table a.blank:after {background:url(/images/web/layout/blank_ico2.png) no-repeat center 50% !important;}
.business_view table img {display:inline-block; vertical-align:top; margin:4px 2px; max-width:100%;}

@media screen and (max-width:640px){
.business_view table,
.business_view table tbody,
.business_view table tr,
.business_view table th,
.business_view table td {display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.business_view table th {border-bottom:0;}
.business_view table th,
.business_view table td {padding:9px 3%;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	import_export
	수출입통계

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.import_export li,
.import_export li h4,
.import_export li .databox .data_chart,
.import_export li .databox .data_table,
.import_export li .databox .data_chart .save_btn,
.import_export li .databox .data_chart .graph,
.import_export li .similarity_tab {transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.import_export {}
.import_export:after {content:""; display:block; clear:both;}
.import_export li {float:left; width:33%; box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:2%; margin-top:35px;}
.import_export li:after {content:""; display:block; clear:both;}
.import_export li h4 {margin:0 0 10px 0;}
.import_export li .similarity_tab {margin-top:-41px; position:relative; z-index:10; margin-bottom:11px;}
.import_export li .similarity_tab ul li a {background-image:url(/images/web/content/import_export_tab_ico.png);}
.import_export li .databox {border:1px solid #ddd; background:#fff; position:relative;}
.import_export li .databox:after {content:""; display:block; clear:both;}
.import_export li .databox .data_chart,
.import_export li .databox .data_table {float:left; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; padding:55px 20px 17px 20px; position:relative;}
.import_export li .databox .data_table {padding-left:0; display:none;}
.import_export li .databox h5 {margin-top:0; position:absolute; left:20px; top:20px; width:calc(100% - 60px);}
.import_export li .databox h5 span {font-size:12px; color:#686868; font-weight:400; float:right; margin-top:2px; margin-right:35px;}
.import_export li .databox .data_chart .graph {height:350px; padding:10px 0; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.import_export li .databox .data_chart .graph img {display:block; margin:0 auto; max-width:100%;}
.import_export li .databox .data_chart .save_btn {display:block; width:30px; height:30px; position:absolute; right:20px; top:16px; overflow:hidden; text-indent:-9999px; border-radius:3px; -webkit-border-radius:3px; background-color:#eeeeee; background-image:url(/images/web/content/import_export_save_ico.png); background-position:center 50%; background-repeat:no-repeat; z-index:10;}
.import_export li .databox .data_chart .save_btn:hover,
.import_export li .databox .data_chart .save_btn:active {background-color:#ccc;}
.import_export li:nth-child(1) {width:100%;  margin-left:0; margin-top:0;}
.import_export li:nth-child(1) .databox .data_chart .graph {height:370px;}
.import_export li:nth-child(1) .databox .data_chart .graph.map {height:515px;}
#imexCntyCanvasDiv .worldgraph{width: 70%;margin-right: 20px;float: left;}
#imexCntyCanvasDiv .worldtable{width: calc(30% - 20px);overflow-y: scroll;height: 370px;}
/*
.import_export li:nth-child(1) .databox .data_chart,
.import_export li:nth-child(1) .databox .data_table {width:65%;}
.import_export li:nth-child(1) .databox .data_table {width:33%; margin-left:2%;}
.import_export li:nth-child(1) .databox .data_table h5 {left:0;}
.import_export li:nth-child(1) .databox .data_chart .graph {height:420px;}
.import_export li:nth-child(1) .databox .data_table table {border-top:2px solid #666666;}
.import_export li:nth-child(1) .databox .data_table table {}
.import_export li:nth-child(1) .databox .data_table table th,
.import_export li:nth-child(1) .databox .data_table table td {text-align:center; padding:8px;}
.import_export li:nth-child(1) .databox .data_table table th {border-bottom:1px solid #ddd; padding:10px 8px;}
.import_export li:nth-child(1) .databox .data_table table td .color {display:block; margin:0 auto; width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%;}
*/
.import_export li:nth-child(2) {width:65%; margin-left:0;}
.import_export_tip {text-align:right; font-size:12px; margin:-20px 0 25px 0;}
.import_export_tip a {font-size:12px; color:#2355b4 !important; border-bottom:1px solid #2355b4; text-decoration:none !important;}
.import_export_tip a:after {background:url(/images/web/layout/blank_ico.png) no-repeat center 50% !important; margin:2px 0 0 3px;}


.No-data {background: #f4f4f4;}
.No-data p {position: absolute;top: 50%;left: 50%;max-width: none;max-height: 100%;text-align: center;transform: translate(50%, 50%); -webkit-transform: translate(-50%, -50%);}

@media screen and (max-width: 1024px){
	/*
	.import_export li:nth-child(1) .databox .data_chart,
	.import_export li:nth-child(1) .databox .data_table {height:380px;}
	.import_export li:nth-child(1) .databox .data_table table td {padding:6px;}
	.import_export li:nth-child(1) .databox .data_table table th {padding:8px 6px;}
	*/
	.import_export li .databox .data_chart .graph {height:300px;}
	.import_export li:nth-child(1) .databox .data_chart .graph {height:320px;}
	.import_export li:nth-child(1) .databox .data_chart .graph.map {height:415px;}
}
@media screen and (max-width: 840px){
	.import_export li {float:none; width:auto !important; margin-left:0 !important;}
	.import_export li .databox .data_chart .graph {height:275px;}
	.import_export li:nth-child(1) .databox .data_chart .graph {height:295px;}
	.import_export li:nth-child(1) .databox .data_chart .graph.map {height:355px;}
	.import_export li:nth-child(1) .databox .data_chart .graph.World_wrap {height: 520px;}
	#imexCntyCanvasDiv .worldgraph{width: 100%;margin-right: 0px;margin-bottom: 20px;float: none;height: 250px;overflow: hidden;}
	#imexCntyCanvasDiv .worldtable{width: 100%;height: 224px;}
	.import_export li .databox .data_chart .save_btn{display:none;}
}
@media screen and (max-width: 640px){
	.import_export {padding-top:5px;}
	.import_export li {margin-top:30px;}
	.import_export li .similarity_tab {margin-top:-38px;}
	.import_export li .similarity_tab span {display:none;}
	.import_export li .databox .data_chart, .import_export li .databox .data_table {padding-left:4%; padding-right:4%;}
	.import_export li .databox h5 {left:4%; width:calc(92% - 20px);}
	.import_export li .databox .data_chart .save_btn {right:4%;}
	.import_export li .databox .data_chart .graph {height:275px;}
	.import_export li:nth-child(1) .databox .data_chart .graph {height:275px;}
	.import_export li:nth-child(1) .databox .data_chart .graph.map {height:315px;}
}
@media screen and (max-width: 380px){
	.import_export li .similarity_tab {margin-top:-5px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	poll_list
	설문조사

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.poll_list,
.poll_list li,
.poll_list li .question {transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.cont_summery.poll {background-image:url(/images/web/content/poll_summery_ico.png);}
.poll_list {padding:15px 0;}
.poll_list li {margin-top:25px;}
.poll_list li:first-child {margin-top:0;}
.poll_list li p {margin-top:3px;}
.poll_list li .question {font-size:18px; font-weight:600; line-height:24px; margin-top:0;}
.poll_list li .question span.essential {overflow:hidden; text-indent:-9999px; display:inline-block; vertical-align:top; width:10px; position:relative;}
.poll_list li .question span.essential:after {content:"*"; display:block; width:100%; height:100%; position:absolute; right:0; top:0; text-align:right; color:#d20000;}
.poll_list li .answer {margin-top:10px;}
.poll_list li .answer input[type="text"] {width:100%;}
.poll_result {background:#eff7f7 url(/images/web/content/poll_result_bg.png) no-repeat right 30px top; padding:25px 2%; margin-top:20px; min-height:105px;}
.poll_result p {padding:0 0 0 27px; background:url(/images/web/content/poll_result_ico.png) no-repeat left top;}

@media screen and (max-width:640px){
	.cont_summery.poll h4,
	.cont_summery.poll p {margin-left:70px;}
	.poll_list {padding:10px 0;}
	.poll_list li .question {font-size:16px; line-height:22px;}
	.poll_list li {margin-top:20px;}
	.poll_result {padding:20px 3%;}
}
@media screen and (max-width:480px){
	.cont_summery.poll {background-size:49px auto;}
	.cont_summery.poll h4,
	.cont_summery.poll p {margin-left:60px;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	data_infor
	빅데이터포털 안내

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.data_summery .infor img,
.data_summery .infor h4,
.data_summery .infor h4 strong,
.data_summery .infor h4 span,
.data_summery .service dl,
.data_summery .service dl dt,
.data_summery .service dl dd,
.data_infor h4,
.data_infor h4 span,
.data_infor .concept li,
.data_infor .concept li:after,
.data_infor .concept li strong,
.data_infor .concept li div,
.data_infor .concept li div img,
.data_infor .effect li,
.data_infor .effect li p,
.data_infor .effect li p:before  {transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.data_summery {}
.data_summery .infor {}
.data_summery .infor:after {content:""; display:block; clear:both;}
.data_summery .infor img {display:block; float:left; width:44%; margin-right:6%;}
.data_summery .infor h4 {position:relative; margin:0; float:left; width:50%; padding:50px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.data_summery .infor h4 strong {display:block; font-weight:700; font-size:42px; line-height:48px;}
.data_summery .infor h4 span {display:block; font-size:18px; line-height:24px; padding-top:25px; margin-top:25px; position:relative;}
.data_summery .infor h4 span:before {content:""; display:block; width:40px; height:1px; background:#111; position:absolute; left:0; top:0;}
.data_summery .infor h4 strong span {display:block; color:#2da399; font-size:42px; line-height:48px; font-weight:700; margin:0; padding:0;}
.data_summery .infor h4 strong span:before {display:none;}
/* .data_summery .service {background:#e5f2f1; margin-top:50px; padding:10px;} */
.data_summery .service { margin-top:50px; padding:10px;}
/* .data_summery .service dl {border:2px dashed #fff; padding:25px 2%; text-align:center;} */
.data_summery .service dl {border:2px dashed #fff; padding:25px 2%; text-align:left;}
.data_summery .service dl dt {font-size:28px; line-height:34px; color:#222; font-weight:600;}
.data_summery .service dl dd {margin-top:15px; font-size:18px; line-height:24px;}
.cont_summery.infor {background-image:url(/images/web/content/infor_summery_ico.png);}
.data_infor h4 {text-align:center; font-size:28px; line-height:34px; margin-bottom:30px; margin-top:70px;}
.data_infor h4 span {font-size:28px; line-height:34px; position:relative; padding:0 5px;}
.data_infor h4 span strong {position:relative; z-index:10; font-weight:700;}
.data_infor h4 span:after {content:""; display:block; width:100%; height:8px; background:#d5edeb; position:absolute; left:0; bottom:0;}
.data_infor .concept {}
.data_infor .concept:after {content:""; display:block; clear:both;}
.data_infor .concept li {float:left; width:22.375%; margin-left:3.5%; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.data_infor .concept li:after {content:""; display:block; width:16%; height:100%; background:url(/images/web/content/infor_arr.png) no-repeat center 50%; position:absolute; left:-16%; top:0; background-size:60% auto;}
.data_infor .concept li:nth-child(1) {margin-left:0;}
.data_infor .concept li:nth-child(1):after {display:none;}
.data_infor .concept li strong {display:block; text-align:center; color:#fff; font-size:20px; line-height:26px; padding:15px 5px;}
.data_infor .concept li:nth-child(1) strong {background:#7bbeb8;}
.data_infor .concept li:nth-child(2) strong {background:#2da399;}
.data_infor .concept li:nth-child(3) strong {background:#0c4f54;}
.data_infor .concept li:nth-child(4) strong {background:#454f5f;}
.data_infor .concept li div {border:1px solid #dddddd; border-top:0; overflow:hidden;}
.data_infor .concept li div img {display:block; max-width:100%; margin:0 auto;}
.data_infor .effect {}
.data_infor .effect:after {content:""; display:block; clear:both;}
.data_infor .effect li {float:left; width:33.333%;}
.data_infor .effect li p {margin:0 6%; color:#636363; text-align:center; word-break:keep-all;}
.data_infor .effect li p:before {content:""; display:block; height:170px;  width:170px; margin:0 auto; margin-bottom:20px;   background-repeat:no-repeat; background-position:center 50%; background-size:100% auto;}
/* .data_infor .effect li p:before {content:""; display:block; height:170px; background-color:#f5f6f8; width:170px; margin:0 auto; margin-bottom:20px; border-radius:50%; -webkit-border-radius:50%; background-repeat:no-repeat; background-position:center 50%; background-size:100% auto;} */
.data_infor .effect li:nth-child(1) p:before {background-image:url("/portal/etc/images/web/content/infor_2_1.png")}
.data_infor .effect li:nth-child(2) p:before {background-image:url("/portal/etc/images/web/content/infor_2_2.png")}
.data_infor .effect li:nth-child(3) p:before {background-image:url("/portal/etc/images/web/content/infor_2_3.png")}
.data_infor .effect li p span {display:block; line-height:1.5;}
.data_infor .effect li p strong {display:block; font-size:20px; line-height:26px; color:#111; font-weight:700; margin-top:8px;}

@media screen and (max-width:1024px){
	.data_summery .infor h4 strong,
	.data_summery .infor h4 strong span {font-size:38px; line-height:44px;}
	.data_summery .infor h4 span {font-size:16px; line-height:22px; padding-top:20px; margin-top:20px;}
	.data_summery .service dl dt {font-size:24px; line-height:30px;}
	.data_summery .service dl dd {font-size:16px; line-height:22px; margin-top:10px;}
	.data_infor h4 {font-size:24px; line-height:30px; margin-bottom:20px; margin-top:40px;}
	.data_infor h4 span {font-size:24px; line-height:30px;}
	.data_infor .concept li strong {font-size:18px; line-height:24px; padding:12px 5px;}
	.data_infor .effect li p:before {width:140px; height:140px;}
	.data_infor .effect li p strong {font-size:18px; line-height:24px;}
	.data_infor .effect li p span  {display:inline;}
}
@media screen and (max-width:900px){
	.data_summery .infor h4 {padding-top:35px;}
}
@media screen and (max-width:840px){
	.data_summery .infor h4 {padding-top:25px;}
	.data_summery .infor h4 strong,
	.data_summery .infor h4 strong span {font-size:34px; line-height:40px;}
	.data_summery .service dl {padding:20px 3%;}
	.data_summery .service dl dt {font-size:22px; line-height:28px;}
	.data_infor h4 {font-size:22px; line-height:28px;}
	.data_infor h4 span {font-size:22px; line-height:28px;}
	.data_infor .concept li {width:50%; margin-left:0; box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:20px;}
	.data_infor .concept li:nth-child(1),
	.data_infor .concept li:nth-child(2) {margin-bottom:40px;}
	.data_infor .concept li:nth-child(3),
	.data_infor .concept li:nth-child(4) {float:right;}
	.data_infor .concept li:nth-child(1),
	.data_infor .concept li:nth-child(4) {padding-left:0; padding-right:20px;}
	.data_infor .concept li:after {width:40px; left:-20px;}
	.data_infor .concept li:before {content:""; display:block; width:100%; height:40px; background:url(/images/web/content/infor_arr2.png) no-repeat center 50%; position:absolute; right:0; top:-40px; background-size:auto 60%;}
	.data_infor .concept li:nth-child(1):before,
	.data_infor .concept li:nth-child(2):before,
	.data_infor .concept li:nth-child(4):before {display:none;}
	.data_infor .concept li:nth-child(3):after {transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
	.data_infor .concept li:nth-child(4) {margin-left:0;}
	.data_infor .concept li:nth-child(4):after {display:none;}
	.data_infor .concept li strong {font-size:17px; line-height:22px; padding:10px 5px;}
	.data_infor .effect li p:before {width:100px; height:100px;}
	.data_infor .effect li p strong {font-size:16px; line-height:20px;}
}
@media screen and (max-width:640px){
	.cont_summery.infor h4,
	.cont_summery.infor p {margin-left:70px;}
	.data_summery .infor img {float:none; width:auto; max-width:80%; margin:0 auto;}
	.data_summery .infor h4 {padding-top:0; margin-top:20px; float:none; width:auto; text-align:center;}
	.data_summery .infor h4 strong,
	.data_summery .infor h4 strong span {font-size:30px; line-height:36px;}
	.data_summery .infor h4 span {font-size:15px; line-height:21px; padding-top:15px; margin-top:15px;}
	.data_summery .infor h4 span:before {left:50%; margin-left:-20px;}
	.data_summery .service {margin-top:40px;}
	.data_summery .service dl dt {font-size:20px; line-height:26px;}
	.data_summery .service dl dd {font-size:15px; line-height:21px;}
	.data_infor h4 {font-size:20px; line-height:26px;}
	.data_infor h4 span {font-size:20px; line-height:26px;}
	.data_infor .concept li {width:auto; float:none !important; padding:0 !important; margin-bottom:30px !important;}
	.data_infor .concept li:after {display:none;}
	.data_infor .concept li:nth-child(1) div img {margin-top:-25px; margin-bottom:-25px;}
	.data_infor .concept li:nth-child(2):before,
	.data_infor .concept li:nth-child(4):before {display:block;}
	.data_infor .concept li strong {font-size:15px; line-height:20px; padding:8px 5px;}
	.data_infor .concept li:before {height:30px; top:-30px;}
	.data_infor .effect li {float:none; width:auto; margin-top:15px; display:table;}
	.data_infor .effect li p {text-align:left; position:relative; height:80px; min-height:80px; padding:0 0 0 95px; margin:0; display:table-cell; vertical-align:middle;}
	.data_infor .effect li p:before {position:absolute; left:0; top:0; width:80px; height:80px; margin-bottom:0;}
	.data_infor .effect li p strong {margin-top:5px;}
}
@media screen and (max-width:480px){
	.data_summery .infor h4 strong,
	.data_summery .infor h4 strong span {font-size:26px; line-height:32px;}
	.cont_summery.infor {background-size:43px auto;}
	.cont_summery.infor h4,
	.cont_summery.infor p {margin-left:55px;}
	.data_infor .effect li p {height:70px; min-height:70px; padding:0 0 0 85px;}
	.data_infor .effect li p:before {width:70px; height:70px}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	email
	이메일무단수집거부

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cont_summery.email {background-image:url(/images/web/content/email_summery_ico.png);}

@media screen and (max-width:640px){
	.cont_summery.email h4,
	.cont_summery.email p {margin-left:75px;}
}
@media screen and (max-width:480px){
	.cont_summery.email { background-size:55px auto;}
	.cont_summery.email h4,
	.cont_summery.email p {margin-left:65px;}
}



/* Animation */
.data_search {margin-bottom:40px; border:1px solid #efefef; padding:20px 3%; text-align:center;}
.data_search ul {margin-bottom:10px;}
.data_search ul:after {content:""; display:block; clear:both;}
.data_search ul li {float:left; width:48.5%; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; padding-left:95px; margin-bottom:7px;}
.data_search ul li:nth-child(odd) {margin-right:3%;}
.data_search ul li strong {display:block; position:absolute; left:0; top:0; font-weight:600; line-height:30px; text-align:left;}
.data_search ul li div {text-align:left;}
.data_search ul li div .flex {display:inline-block; vertical-align:top;}
.data_search input, .data_search select {margin-bottom:5px; display:inline-block; vertical-align:top;}
.data_search ul li input[type="button"] {border:0; height:24px; line-height:24px; margin-top:3px; background:#aaaaaa; color:#fff; font-size:12px; padding:0 15px; border-radius:15px;}
.data_search ul li input.datepicker { background:url(/images/web/content/cal_ico.png) no-repeat 95% 45%;}
.data_search ul li em {display:inline-block; vertical-align:top; line-height:30px;}
.data_search input[type="submit"] {background:#023373 url(/images/web/content/search_btn_ico.png) no-repeat 15px 50%; color:#fff; line-height:34px; box-sizing:border-box; padding:0 18px 0 35px; height:34px; border-radius:5px; -webkit-border-radius:5px; border:0;}

@media screen and (max-width: 1024px){
.import_export.size3 li .chartbox {padding-bottom:140px;}
.import_export.size3  li .chartbox ul li {width:33.333%;}
}

@media screen and (max-width: 840px){
.data_search {padding:15px 4%;}
.data_search ul {margin-bottom:20px;}
.data_search ul li {padding-left:0; float:none; width:auto;}
.data_search ul li:nth-child(odd) {margin-right:0;}
.data_search ul li strong {position:relative; left:auto; top:auto;}
.data_search ul li div .flex {display:flex; flex-wrap:nowrap; justify-content:flex-start;}
.data_search ul li div select,
.data_search ul li div input {flex-grow: 1;}
.data_search ul li div input {margin-left:3px; margin-right:3px;}
.data_search ul li div input:first-child {margin-left:0;}
.data_search ul li div input:last-child {margin-right:0;}
/*
.import_export li .chartbox {height:200px; padding-bottom:105px;}
.import_export li .chartbox ul li {width:25%; margin-top:2px !important;}
*/
}

@media screen and (max-width: 640px){
/*
.import_export li .chartbox {padding-bottom:120px;}
.import_export li .chartbox ul li {width:33.333%; font-size:12px; margin-top:0 !important;}
.import_export.size3 li {float:none; width:auto; margin-left:0; margin-top:30px;}
.import_export.size3 li:nth-child(2),
.import_export.size3 li:nth-child(3) {margin-top:30px; margin-left:0;}
.import_export.size3 li .chartbox {height:200px; padding-bottom:105px;}
.import_export.size3 li .chartbox ul li {float:left; width:25%;}
*/
}

@media screen and (max-width: 480px){
/*
.import_export li {float:none; width:auto; margin-left:0; margin-top:30px;}
.import_export li:nth-child(2) {margin-top:30px;}
.import_export li .chartbox {height:200px;}
.import_export li .chartbox ul li {float:left;}
.import_export.size3 li .chartbox {padding-bottom:120px;}
.import_export.size3 li .chartbox ul li {width:33.333%;}
*/
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	포털소개 > 서비스 안내 > 중소기업 지원사업 안내 탭 css

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tabA_header {text-align:center; display:block;}
.tabA_header li {margin-left:15px; display:inline-block;}
.tabA_header li:first-child {margin-left:0;}
.tabA_header li a {background: #ffffff; border-bottom:2px solid #e4e4e4; color:#666666; padding: 3px 15px; display: inline-block; text-decoration: none;}
.tabA_header li.on a {color:#1398a1; position: relative; border-bottom: 2px solid #1398a1;}
.tabA_body .conBox {width:100%; height: auto; overflow: hidden; min-height: 200px; display: none; padding-bottom: 20px;}
.tabA_body .conBox.on {display: block;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	수출입트렌드 > 해외관세동향 css

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.country-list {box-sizing: content-box; padding: 20px 40px 20px;position: relative;margin-bottom: 40px;background: #f4f4f4;}
.country-list h4 {margin: 10px 0; overflow: hidden;height: 24px;font-size: 17px;}
.country-list .close {transition: all .2s; display: flex;align-items: center;justify-content: center;font-size:0rem;transition: all .2s;position:absolute; width: 40px; height:40px; margin-bottom:-20px; bottom:0; left:calc(50% - 20px);background:#fff; border: 2px solid #ddd; text-align: center; border-radius: 20px; opacity: 1;}
.country-list .close:after {margin-top:4px;width: 12px;height: 12px;display: block;content: "";border: 2px solid #666666;border-width: 2px 2px 0 0;transform: rotate(-45deg);}
.country-list .close:hover {font-weight:400 !important; color:#fff; background:#666666; border-color:#666;-webkit-box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);}
.country-list .close:hover:after {border-color:#fff;}
.country-list .close.closed {font-size: 15px; left:0; width:100%; border-radius: 0; bottom: 20px;}
.country-list .close.closed:after {margin-left: 10px;margin-top: -6px;transform: rotate(135deg);}
.country-list .move {position:absolute; display: block; width: 16px; height:16px; top:calc(50% - 8px); font-size:0; opacity: .5; border:2px solid #000;}
.country-list .move:hover {opacity: 1;}
.country-list .move.prev {left: 16px; transform:rotate(-135deg); border-width: 2px 2px 0 0;}
.country-list .move.next {right: 16px; transform:rotate(45deg); border-width: 2px 2px 0 0;}
.country-list .list-wrap {display: flex; margin: 0 auto;overflow:hidden;}
.country-list .item-box {display: flex; transition: all .3s;padding-bottom: 20px;}
.country-list .item-box:after {content:""; display: block; clear: both; float: none;}
.country-list .item-box .item {background: #fff;-webkit-box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);transition: all .2s;width: 234px;text-align: center;border: 4px solid #d3d3d3;margin: 0 4px;float: left;}
.country-list .item-box .item.active,
.country-list .item-box .item:hover {border:4px solid #dd5b66;}
.country-list .item-box .item label {display: block;text-align: left;padding: 8px 12px;font-weight: bold;font-size: 15px;color: #000;margin: 0;}
.country-list .item-box .item label span {font-size: 12px;color: #888;margin-left: 8px;float: right;font-weight: 400;letter-spacing: 0;}
.country-list .item-box .item ul {overflow: hidden; transition: all ease-in-out .4s;border-top: 1px solid #ddd;}
.country-list .item-box .item ul li {display: flex;justify-content: space-between;padding:6px 6px 6px 12px;}
.country-list .item-box .item ul li:nth-child(even) {background:#f2f2f2;}
.country-list .item-box .item ul li:hover {background:#e2eeff;}
.country-list .item-box .item ul li a {font-size: 13px; text-align:left; width: calc(100% - 90px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #114ba0;text-decoration: underline;}
.country-list .item-box .item ul li span {font-size: 12px; width:80px;}

.tbl_title {display: flex; align-items: center; justify-content: space-between;}
.tbl_title h4 {margin:0;}
.tbl_title .tbl_legend {}
.tbl_title .tbl_legend .badge {}
.tbl_title .tbl_legend a {margin-left:4px;}
.text-highlight {font-weight: 700;background: #114ba0;color: #fff;padding: 0 2px;}
a.link {color: #114ba0;text-decoration: underline;}
.table tbody > tr > td {border: 1px solid #b9b9b9;}
.table tbody > tr > td:first-child {border-left:none;}
.table tbody > tr > td:last-child {border-right:none;}
.js_tab.parent ul li a {border-top-color:#192c57;}
.js_tab.parent ul li.on a {background-color:#192c57; border-color:#192c57;}
.ellipsis_group {white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis;padding-right: 40px;position: relative;}
.ellipsis_group .more {font-size:0;position: absolute;bottom: 0;right: 0;width: 20px;height: 20px;border: 1px solid #7990b3;color: #7990b3;line-height: 18px;text-align: center;background: #fff;}
.ellipsis_group .more:before {content:""; display: block; width: 10px; height: 1px; border-top: 2px solid #7990b3; position: absolute; top:calc(50% - 1px); left:calc(50% - 5px);}
.ellipsis_group .more:after {content:""; display: block; width: 1px; height: 10px; border-left: 2px solid #7990b3; position: absolute; top:calc(50% - 5px); left:calc(50% - 1px);}
.ellipsis_group .more:hover {border-color: #114ba0;color: #114ba0;}
.ellipsis_group .more:hover:before,
.ellipsis_group .more:hover:after {border-color:#114ba0;}
.ellipsis_group.open {white-space: initial;overflow: visible;}
.ellipsis_group.open .more:after {display:none;}
.ell_tooltip {position: absolute;background: #ffffff;border: 1px solid #ccc;font-size: 13px;padding: 6px 8px;border-radius: 4px;line-height: 1.4;box-shadow: 2px 2px 4px rgb(0 0 0 / 40%);}
.ell_tooltip p {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;line-height: 1.8rem;max-height: 14.4rem;}


/* 모달창 검색 스타일 추가 : 220805 임지은 */
.modal .search_box {display: flex;justify-content: space-between;align-items: flex-start;}
.modal .search_box form {flex: 0 0 calc(100% - 100px);}
.modal .search_box form>ul li {flex: 0 0 auto;}
.modal .search_box .btns {margin:0;}

/* 타이틀 우측 버튼 스타일 추가 : 220906 임지은 */
.text_tab {margin-top: -36px;position: relative;margin-bottom: 11px;display: flex;justify-content: flex-end;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.text_tab a {position:inherit;z-index: 10;border:1px solid #ddd; padding:0 8px; height: 26px; line-height: 26px; margin-left: -1px; font-size: 13px; font-weight: bold;}
.text_tab a.on {z-index: 11;background-color: #1398a1;border-color: #1398a1; color:#fff; text-decoration: none !important;}

/* 타이틀 툴팁 스타일 추가 : 220919 임지은 */
.h_tooltip {overflow:hidden; position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;line-height:24px;}
.h_tooltip span.name {font-size: 0;display: inline-block;vertical-align: middle;width: 24px;height: 24px; background:#fff; border:1px solid #aaa; border-radius: 50%;line-height:24px; text-align:center; font-weight: bold;}
.h_tooltip span.name:after {content: "?"; display: inline-block; font-size:15px; text-align:center; color:#444;}
.h_tooltip .desc {display: none; white-space: nowrap;position: absolute;top: 100%;left: 0;margin-top: 12px;background: #444; padding:10px 10px;border-radius: 4px;}
.h_tooltip .desc:after {position:absolute;    z-index: 10; top:0; left:7px; content:""; display:block; width:0px; height:0px; margin-top:-12px; border:6px solid #444; border-width: 6px 5px 6px 5px; border-color:transparent transparent #444 transparent;}
.h_tooltip:hover {overflow:visible;}
.h_tooltip:hover .desc {display: block;}
.h_tooltip .desc b {display:block; font-size:13px; color:#fff; font-weight: normal;white-space: pre-line;line-height: 1.4;}

/* 테이블 내 바로가기 스타일 추가 : 221103 임지은 */
a.shortcut img {opacity: .7;}
a.shortcut:hover img {opacity: 1;}

/* 수출입트렌드 통계 팝업 반응형 스타일 추가 : 221103 임지은 */
@media screen and (max-width:740px){
	#AOT0201007Q_imexModal .search_box {display:block; margin-top:0;}
	#AOT0201007Q_imexModal .search_box form ul li {margin-top: 12px;}
	#AOT0201007Q_imexModal .search_box form ul li:first-child {margin-top:0;}
	#AOT0201007Q_imexModal .search_box .btns {text-align: center; margin-top: 20px !important;}
}

/* 해외관세동향 툴팁 반응형 스타일 추가 : 221118 임지은 */
@media screen and (max-width:480px){
	.country-list .h_tooltip,
	#AOT0201006Q_tooltip.h_tooltip,
	#AOT0201006Q_xtrcPnmTooltip.h_tooltip {position:initial;}
	.country-list .h_tooltip .desc,
	#AOT0201006Q_tooltip.h_tooltip .desc {width:100% !important; margin-top: 5px !important;}
	#AOT0201006Q_xtrcPnmTooltip.h_tooltip .desc {width:100% !important; top:25px;}
	.country-list .h_tooltip .desc:after {left: 168px !important;}
	#AOT0201006Q_tooltip.h_tooltip .desc:after {left: 90px !important;}
	#AOT0201006Q_xtrcPnmTooltip.h_tooltip .desc:after {left: 62px !important;}
}