@charset "UTF-8";

/* common */
.sub_visual{
	background-color:#000;
	position:relative;
	width:100%;
	overflow:hidden;
}
.sub_visual img{
	opacity:0.6;
}
.sub_visual h2{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:2.725rem;
	font-weight:500;
}

.location_wrap{
	width:100%;
	height:60px;
	background-color:#fff;
	box-shadow: 0px 2.7px 15.8px 0.2px rgba(0, 0, 0, 0.2);
}
.location > li{
	float:left;
	height:60px;
	position:relative;
	width:200px;
}
.location > li:first-child{
	width:60px;
}
.location > li > a{
	padding:0 1.4rem;
	display:block;
	height:60px;
	line-height:60px;
	position:relative;
	font-size:1.125rem;
}
.location > li:first-child > a{
	background: url('../images/i_home.png') no-repeat center center;
	font-size:0;
	text-indent:-999rem;
}
.location > li > a:after{
	content:'';
	width:30px;
	height:30px;
	border:1px solid #ccc;
	border-radius:50%;
	background: url('../images/tri-down.png') no-repeat center center;
	position:absolute;
	top:15px;
	right:1.4rem;
}
.location > li:first-child > a:after{
	display:none;
}
.lnb_depth2{
	position:absolute;
	top:60px;
	left:0;
	background-color:#fff;
	width:200px;
	padding:1rem 1.2rem;
	border: 1px solid #d9d9d9;
	line-height:2;
	display:none;
	z-index:99;
}
.sub_wrap h3{
	font-size:2rem;
	text-align:center;
	margin:5rem 0 6rem;
	padding-bottom:60px;
	position:relative;
}
.sub_wrap h3 span{
	display:block;
	font-size:1.125rem;
	font-weight:400;
}
.sub_wrap h3:before{
	content:'';
	width:2px;
	height:40px;
	background-color:#999;
	position:absolute;
	left:50%;
	bottom:0;
}
.sub_wrap{
	margin-bottom:100px;
}

/* ȸ»çÁ¤º¸ */
.intro article{
	margin-bottom:80px;
}
.intro_img{
	width:450px;
	float:left;
	position:relative;
	padding:0 2rem 2rem 6rem;
}
.intro_img:before{
	content:'';
	width:100%;
	height:120px;
	background-color:#0d4890;
	position:absolute;
	left:0;
	bottom:0;
}
.intro_img img{
	position:relative;
	z-index:9;
	width:100%;
}
.intro_txt{
	width:calc(100% - 540px);
	float:left;
	margin-left:80px;
	word-break:keep-all;
}
.cont_2 .intro_img{
	float:right;
	padding:0 6rem 2rem 2rem;
}
.cont_2 .intro_img:before{
	background-color:#002d65;
}
.cont_2 .intro_txt{
	float:right;
	margin-left:0px;
	margin-right:80px;
}
.intro_txt > span{
	display:block;
	font-size:1.5rem;
	font-weight:700;
	margin-top:2rem;
}
.intro_txt > strong{
	display:block;
	font-size:1.5rem;
	font-weight:700;
	margin-top:1rem;
}
.intro_txt > div{
	margin-top:0.6rem;
}
.intro_txt > div > p{
	font-size:1.125rem;
	margin-bottom:2rem;
}
.intro_txt > div > ul{
	position:relative;
	padding-top:1.2rem;
}
.intro_txt > div > ul:before{
	content:'';
	width:30px;
	height:2px;
	background-color:#333;
	position:absolute;
	left:0;
	top:0;
}
.list-middot li{
	position:relative;
	padding-left:1rem;
}
.list-middot li:before{
	content:'';
	width:3px;
	height:3px;
	background-color:#333;
	border-radius:50%;
	position:absolute;
	left:0;
	top:12px;
}

/* ¿À½Ã´Â±æ */
.map_txt{
	margin-top:80px;
}
.map_txt dl{
	border-bottom:1px solid #d9d9d9;
	padding:1rem 0;
}
.map_txt dl:first-child{
	border-top:1px solid #d9d9d9;
}
.map_txt dl dt{
	float:left;
	width:30%;
	text-align:center;
	font-size:1.25rem;
	font-weight:700;
	color:#0d4890;
	vertical-align:middle;
	height:50px;
	line-height:50px;
	
}
.map_txt dl dt img{
	margin-right:15px;
}
.map_txt dl dd{
	float:left;
	width:70%;
	font-size:1.125rem;
	height:50px;
	line-height:50px;
}

/* Á¦Ç°Á¤º¸ */
.product_list li{
	min-height:400px;
	margin-bottom:20px;
	position:relative;
}
.product_list li > a{
	display:block;
	width:100%;
}
.product_list li span{
	display:block;
	text-align:center;
}
.pro_photo{
	margin-bottom:1.2rem;
	position:relative;
	overflow:hidden;
/*	min-height:255px;*/
}
.pro_photo:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0);
	transition:all 0.2s linear;
	z-index:5;
}
.product_list li:hover .pro_photo:before{
	background-color:rgba(0,0,0,0.6);
}
.pro_photo img{
	width:100%;
	transition:all 0.2s linear;
}
.product_list li:hover .pro_photo img{
	transform:scale(1.1);
}

.pro_name{
	font-weight:700;
	font-size:1.125rem;
	margin-bottom:0.6rem;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.pro_info{
	font-size:1rem;
	word-break:keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ellipsis line */
	-webkit-box-orient: vertical;

	/* webkit ¿£ÁøÀ» »ç¿ëÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¸¦ À§ÇÑ ¼Ó¼º. */
	/* height = line-height * line = 1.2em * 3 = 3.6em  */
	line-height: 1.4em;
	height: 2.8em;
}
.pro_btn{
	position:absolute;
	top:50%;
	left:0;
	z-index:9;
	width:100%;
	display:none;
	transition: all 0.2s linear;
	transform:translateY(-50%);
}
.pro_btn a{
	display:block;
	border:1px solid #fff;
	padding: 0.3rem 1.2rem 0.4rem;
	border-radius:1.6rem;
	width:65%;
	margin: 1rem auto;
	text-align:center;
	color:#fff;
}
.product_list li:hover .pro_btn{
	display:block;
}
.pagination{
	text-align:center;
}
.pagination b{
	background-color:#0d4890;
	color:#fff;
	display:inline-block;
	width:32px;
	height:32px;
	line-height:30px;
	border-radius:50%;

}
.pagination a{
	width:32px;
	height:32px;
	line-height:30px;
	border-radius:50%;
	transition:all 0.1s linear;
}
.pagination a:hover{
	background-color:#0d4890;
	color:#fff;
}
.pagination .next{
    width:30px;
    height:18px;
    background: url('../images/i_next.png') no-repeat center 1px;
    text-indent:-999rem;
    font-size:0;
}
.pagination .last{
    width:30px;
    height:18px;
    background: url('../images/i_last.png') no-repeat center 1px;
    text-indent:-999rem;
    font-size:0;
}
.pagination .prev{
    width:30px;
    height:18px;
    background: url('../images/i_prev.png') no-repeat center 1px;
    text-indent:-999rem;
    font-size:0;
}
.pagination .first{
    width:30px;
    height:18px;
    background: url('../images/i_first.png') no-repeat center 1px;
    text-indent:-999rem;
    font-size:0;
}
.pagination .next:hover,
.pagination .last:hover,
.pagination .prev:hover,
.pagination .first:hover{
    background-color:#fff;
}

/* Á¦Ç°Á¤º¸_view */
.detail_tit{
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	border-top:2px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding: 1.5rem 0;
}
.detail_cont{
	margin-top:3rem;
	text-align:center;
}

.detail_catal{
	margin:2rem 1rem 4rem;
}
.detail_catal a{
	color:#0d4890;
	border: 2px solid #0d4890;
	padding: 1rem 2rem 1rem 4.5rem;
	border-radius:2rem;
	font-weight:500;
	font-size:1.125rem;
	background: url('../images/down_i.png') no-repeat 2rem center;
}
.detail_spec{
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:3rem;
}
.detail_spec h4{
	font-size:1.5rem;
	font-weight:700;
	padding:1.5rem 0;
	position:relative;
	margin-bottom:3rem;
}
.detail_spec h4:before{
	content:'';
	width:60px;
	height:3px;
	background-color:#999;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.board_btn{
	margin-top: 2rem;
	text-align:right;
}
.board_btn a{
	width:90px;
	padding:0.3rem 0.2rem 0.45rem;
	text-align:center;
	border-radius:1.7rem;
}
.board_btn .list{
	background-color:#555;
	color:#fff;
	float:left;
}
.catal_img img{
	width:100%;
	max-width: 730px;
}
.detail_img a img{
	width:100%;
	max-width:300px;
}

/* °øÁö»çÇ×_list */

.bd_list_table,
.bd_view_table,
.bd_post_table,
.contact_table{
	width:100%;
	text-align:center;
	margin-bottom:3rem;
	table-layout:fixed;
    font-size:1rem;
}
.bd_list_table thead th{
	background-color:#f1f1f1;
	padding:0.8rem 0.3rem;
}
.bd_list_table tbody td{
	padding:0.8rem 0.3rem;
}
.bd_list_table tbody tr{
	border-bottom:1px solid #d9d9d9;
}
.bd_list_table .board_tit{
	text-align:left;
	padding:0.8rem 0.5rem;
}
.bd_list_table .board_tit a{
	width:85%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board_btn .write{
	background-color:#0d4890;
	color:#fff;
}
.board_btn .move{
	background-color:#002d65;
	color:#fff;
}
.board_btn .reply{
	border:1px solid #999;
	padding:0.25rem 0.2rem 0.35rem;
}
.board_btn .delete{
	background-color:#333;
	color:#fff;
}
.board_btn .upload{
    border:none;
    background-color:#0d4890;
	color:#fff;
    width:90px;
	padding:0.7rem 0.2rem 0.5rem;
	text-align:center;
	border-radius:1.7rem;
    font-size:1rem;
    line-height:1rem;
    transform:translateY(-1px);
    cursor:pointer;
}
.board_btn .cancle{
    background-color:#333;
	color:#fff;
}
.searchform{
	background-color:#f5f5f5;
	padding:1.5rem 0.8rem;
	text-align:center;
	margin-top:4rem;
}
.searchform *{
	vertical-align:middle;
}
.searchform label{
	margin:0 0.2rem;
}
.search_submit{
	margin-left:1.5rem;
}
.searchform .searchbar{
	padding:0.4rem 0.8rem;
	border:1px solid #ccc;
	border-radius:1.6rem;
}
.searchform .search_btn{
	border:none;
	background-color:#0d4890;
	color:#fff;
	padding:0.4rem 1rem;
	border-radius:1.6rem;
	margin-left:0.1rem;
}
.bd_list_table .board_tit a.i_attatch{
    width: 18px;
}


/* °øÁö»çÇ×_view */
.bd_view_table tbody tr{
	border-bottom:1px solid #d9d9d9;
}
.bd_view_table tbody tr:first-child{
	border-top:1px solid #d9d9d9;
}
.bd_view_table tbody th{
	background-color:#f1f1f1;
	padding:0.8rem 0.3rem;
}
.bd_view_table tbody td{
	padding:0.8rem 1rem;
	text-align:left;
}

/* °øÁö»çÇ×_post */
.bd_post_table tbody tr{
	border-bottom:1px solid #d9d9d9;
}
.bd_post_table tbody tr:first-child{
	border-top:1px solid #d9d9d9;
}
.bd_post_table tbody th{
	background-color:#f1f1f1;
	padding:0.8rem 0.3rem;
}
.bd_post_table tbody td{
	padding:0.8rem 1rem;
	text-align:left;
}
.bd_post_table textarea{
    width:100%;
    min-height:300px;
    padding:0.4rem 0.6rem;
}
.bd_title input{
    width:100%;
}
.bd_post_table input[type="text"]{
    padding:0.4rem 0.6rem;
}
.sub_description{
    font-size:0.875rem;
    color:#555;
}
.comment{
    margin-top:8px;
}
.sub_description.highlight{
    color:#ff0000;
}
input.bot_text{
    width:20%;
    min-width:100px;
}


/* °øÁö»çÇ×_modify */
.file_list{
    display:inline-block;
    margin-bottom:10px;
    font-size:0.875rem;
}

/* °øÁö»çÇ×_reply */
.bd_title_re input{
    width:calc(100% - 45px);
}
.bd_title_re .i_reply{
    transform: translateY(0px);
}
.i_reply{
    width:40px;
    display:inline-block;
    color:#0d4890;
    position:relative;
    padding-left:15px;
    box-sizing: border-box;
    transform:translateY(-5px);
    font-size:0.875rem;
}
.i_reply:before{
    content:'';
    width:1px;
    height:6px;
    background-color:#0d4890;
    position:absolute;
    top:7px;
    left:0;
}
.i_reply:after{
    content:'';
    width:10px;
    height:1px;
    background-color:#0d4890;
    position:absolute;
    top:13px;
    left:0;
}

/* ¿Â¶óÀι®ÀÇ */
.contact_table tbody tr{
	border-bottom:1px solid #d9d9d9;
}
.contact_table tbody tr:first-child{
	border-top:1px solid #d9d9d9;
}
.contact_table tbody th{
	background-color:#f1f1f1;
	padding:0.8rem 0.3rem;
}
.contact_table tbody td{
	padding:0.8rem 1rem;
	text-align:left;
}
.contact_table input[type="text"]{
    padding:0.4rem 0.6rem;
}
.contact_table textarea{
    width:100%;
    min-height:300px;
    padding:0.4rem 0.6rem;
}
.bd_title input{
    width:100%;
}
.phone_num input{
    width:calc((100% - 50px)/3);
    max-width:120px;
}
.user_name input,
.user_mail input{
    width:50%;
    min-width:180px;
}
.contact_btn{
    text-align:center;
}
.contact_btn input{
    width:200px;
    background-color:#0d4890;
    color:#fff;
    padding:0.7rem 0 0.6rem;
    font-size:1.25rem;
    border:none;
    border-radius: 1.7rem;
}