@charset "UTF-8";

.ofh{overflow:hidden}
.footer .family{z-index:1}
.tbl-company>ul{overflow:hidden}
.hide-parent,.hide-content{margin-top:0 !important;padding-top:0 !important}
body.pdf .layer-popup-box .popup{top:0 !important;left:0 !important}
.infogr{text-align:right}
.infogr>li{display:inline-block}
.infogr>li>a{font-weight:500;color:#333}

.cont pre{white-space:pre-wrap}

.star-rating {
	display: inline-flex;
	flex-flow: row-reverse wrap;
	justify-content: left;
}

.star-rating input {
	display: inline-block;
	position: absolute;
	top: auto;
	left: -10000px;
	font-size: 0;
	line-height: 0;
	border: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

.star-rating label {
	margin-right: 5px;
	width: 24px;
	height: 23px;
	background-image: url(../../images/ik-kr/new_20220216/ico_star_rating_off.png);
	cursor: pointer;
}

.star-rating :checked~label {
	background-image: url(../../images/ik-kr/new_20220216/ico_star_rating_on.png)
}

.star-rating+.tooltip{display:inline-block !important;}

.tbl-company > ul > li .lbl{
	position:absolute;
	top:0;
	right:0;
	background-color:#0966b3;
	font-weight:400;
	text-align:center;
	color:#fff;
	z-index:1
}

.level01-01 .cont{overflow:visible}
.level01-01 .tooltip{display:inline-block !important;vertical-align:top}
.radio+.tooltip{margin-left:-10px}
.tooltip+.radio{margin-left:15px}

.search-area.industry .detail .list01 li{
	overflow:visible;
}
.search-area.industry .detail .list01 li .tooltip-box{line-height:160%}

@media screen and (min-width: 1217px) {
	/* PC */
	.wrap{margin:0;padding-top:112px}
	.wrap.main{margin-top:112px; /* 20230217 수정 */ padding:0}
	.container{min-height:calc(100vh - 303px)}
	.header .navi-wrap .gnb-wrap .gnb > ul > li{padding: 0 42px}
	.header .top-search-wrap .top_search_link .tooltip{left:-15px;width:252px}
	.infogr{margin-bottom:30px}
	.infogr>li{margin-left:17px}
	.sec_visual .visual_quick ul li> a,
	.sec_visual .visual_quick ul li:hover > a{white-space:pre}
	
	.header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3) .tit-box {
	    background-image: url(../../images/ik-jp/bg_menu03.png);
	  }
	  .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3) .tit-box .tit-content {
	    position: relative;
	    overflow: hidden;
	  }
	  .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3) .tit-box .tit-content .txt {
	    overflow: hidden;
	    height: 87px;
	    margin-top: -5px;
	    padding-left: 72px;
	    line-height: 1.43;
	    background-image: url(../../images/ik-jp/img_menu04.png);
	    background-repeat: no-repeat;
	  }
	  .header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(3) .tit-box .tit-content .txt .link-area {
	    position: absolute;
	    bottom: 0;
	    left: 73px;
	  }
	
	.header .navi-wrap .gnb-wrap .gnb > ul > li:nth-child(5) .tit-box .img{
		width: 169px;
	    height: 77px;
	    margin-bottom: 12px;
	    padding: 15px 0 0 0px;
	    font-size: 16px;
	    font-weight: 400;
	    color: #fff;
	    background-image: url(../../images/ik-jp/img_menu03.jpg);
	    line-height: 1.43;
    }
	
	.desktop .gnb .over_depth {
		width: auto !important;
		display: inline-block;
		overflow: hidden
	}

	.desktop .gnb .over_depth>a {
		min-width: 250px !important;
		background-size: 114px !important;
	}

	.desktop .gnb .over_depth .over_depth_wrap {
		display: inline-block;
		overflow: hidden
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul {
		float: left;
		width: 170px;
		margin-right: 30px;
		padding-top: 10px
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul:last-child {
		margin-right: 0
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a {
		position: relative;
		display: block;
		font-size: 15px;
		padding: 4px 0 4px 10px;
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a:before {
		content: "";
		position: absolute;
		top: 13px;
		left: 0;
		width: 3px;
		height: 3px;
		background: #999;
		transform: rotate(-45deg);
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a:hover,
	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a:focus {
		font-weight: 400;
		color: #0666b2;
	}

	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a:before:hover,
	.desktop .gnb .over_depth .over_depth_wrap>ul>li>a:before:focus {
		background: #0966b3;
	}
	
	.tbl-company > ul > li .lbl{
		width:65px;
		height:36px;
		line-height:36px;
	}
	
	.content .tit-area .utill-area .share-area > ul{
		width:150px;
	}
	
	.gallery-detail-top .top .pic > img{
		width:auto;
	}
}

@media print{
	.share-area,.download-box.infogr{display:none !important}
}

@media all and (max-width: 1217px) {
	/* mobile */
	.header .navi-wrap .gnb-wrap .gnb > ul > li{padding: 0}
	.btn-area.ofh .r{margin-bottom:-5px}
	.btn-area.ofh .btn-default{margin-bottom:5px}
	.infogr{margin-bottom:20px}
	.infogr>li{margin-left:3px}
	
	.tbl-company > ul > li .lbl{
		padding:3px 10px;
	}
	.tbl-company > ul > li .cont{height:auto}
	.max-txt{
		max-width:500px;
		margin:10px auto
	}
	.btn-search-v2{
		display:block;
		max-width:500px;
		height:36px;
		margin:10px auto;
		background:#0966b3;
		text-align:center;
		line-height:36px;
		color:#fff
	}
	
	.content .tit-area .utill-area .share-area > ul{
		width:110px;
		margin-left:-55px;
	}
	
	.search-area.industry .detail .list01 li .tooltip-box{top:35px;right:auto;left:-15px}
	
	.normal-box.h_level01{
		height:275px;
		overflow-y:auto
	}
	
	.sec_info #tab02 .btn_area ul{
		margin: 0 -4px -4px 0 !important;
	}
	.sec_info #tab02 .btn_area ul li{
		width:calc(50% - 4px);
		margin:0 4px 4px 0 !important;
	}
	.sec_info #tab02 .btn_area ul li:not(:nth-child(3n)),
	.sec_info #tab02 .btn_area ul li:not(:nth-child(-n+3)){
		margin:0
	}
}